/* CSS Document */

/*--- Estilos generales ---*/

body {
	background: #C4CAD0; /* Color de fondo para grandes resoluciones */
}

.row {
	margin-right: 0;
	margin-left: 0;	
}

	.row_menu_desktop {
		margin-right: -15px;
		margin-left: -15px;	
	}

.wrap {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
}

	/* Estilo general de los enlaces */
	
	a {
		color: #211914;
		text-decoration: none;
	}
	
	a:hover {
		color: initial;
		text-decoration: underline;	
	}
	
.uppercase {
	text-transform: uppercase;	
}

.left {
	text-align: left !important;
	margin: 15px 0 !important;
}	
	
/* Estilo para los separadores de títulos */

.border {
	height: 1px;
	width: 80px;
	margin: 30px auto;
}

/* Estilo general para los botones */

.bttn {
	padding: 12px;
	border-radius: 3px;	
}

/* Estilo general para las listas */

ul {
	list-style: none;
	-webkit-padding-start: 0;
	-moz-padding-start: 0;	
	padding: 0;
}

/*--- Clases para los colores ---*/

	/* Colores para tipografías */
	
		/* Rosa */
		
		.fbc_a {
			color: #C72C77 !important;
		}
		
		/* Azul claro */
		
		.fbc_b {
			color: #22AAD6 !important;
		}
		
		/* Azul marino */
		
		.fbc_c {
			color: #211914 !important;	
		}
		
		/* Gris oscuro */
		
		.fbc_d {
			color: #646464 !important;		
		}
		
		/* Blanco */
		
		.fbc_e {
			color: #FFFFFF !important;	
		}
		
		/* Azul grisáceo */
		
		.fbc_f {
			color: #8F9CB6 !important;	
		}
	
	/* Colores para fondos */
	
		/* Rosa */
		
		.bbc_a {
			background-color: #C72C77 !important;
		}
		
			.bbc_a:hover {
				/*background-color: #B31B64 !important;	*/
			}
		
		/* Azul claro */
		
		.bbc_b {
			background-color: #22AAD6 !important;	
		}
		
			.bbc_b:hover {
				/*background-color: #1699C4 !important;*/
			}
		
		/* Gris claro */
		
		.bbc_c {
			background-color: #f5f5f5 !important;		
		}
			
		/* Gris oscuro */
			
		.bbc_d {
			background-color: #646464 !important;		
		}
		
		/* Blanco */
		
		.bbc_e {
			background-color: #FFFFFF !important;	
		}
		
		/* Azul marino */
		
		.bbc_f {
			background-color: #211914 !important;	
		}
		
		/* Azul celeste */
		
		.bbc_g {
			background-color: #C8E9FE !important;	
		}
		
			.bbc_g:hover {
				background-color: #A9C6D8 !important;	
			}
	
/*-- Estilo general de los módulos --*/

.module {
	padding: 50px 0;	
}

.module_title h3, .module_title p {
	text-align: center;	
}

.module_title h3 {
	font-size: 24px;
	font-weight: 700;
	margin-top: 0;
}

/*--- Menú de navegación para escritorio ---*/	

	/* Bloque principal */
	
	.menu_nav {
		padding: 15px 0 0 0;
		background: #FFFFFF;
	}
	
	/* Bloque superior */

	.upper_menu {
		padding: 5px 45px 5px 45px;	
	}
	
	.logo {
		display: inline-block;
		width: 190px;	
	}
		.logo img {
			width: 190px;
			height: 45px;	
		}
	
	.user_menu {
		float: right;
		display: block;
		padding-top: 11px;	
	}

		.user_menu ul, .main_menu .first_level {
			list-style: none;	
		}
		
		.user_menu ul {
			margin: 0;
			-webkit-padding-start: 0;	
		}

			.user_menu ul li, .main_menu .first_level li {
				display: inline-block;
				color: #211914;
			}
			.main_menu >.first_level > li > p > a{
			 font-size:16px;
			 font-weight: normal;
			}
			.user_menu ul li {
				font-size: 10px;	
				font-weight: 700;
				padding: 0 10px 0 0;
			}
		
				.user_menu ul li i {
					font-size: 11px;
				}
				
				.user_menu ul li.help {
					text-transform: uppercase;	
				}
				
					.user_menu ul li.help a:hover {
					 	color: #211914;
						text-decoration: underline;
					}
		
				.user_menu ul li.access button {
					background-color: #211914;
					padding: 5px 10px;
					border-radius: 3px;
					color: #fff;
				}
				
					.user_menu ul li.access button:hover, .more_info a:hover {
						border: 1px solid #211914;
					    background-color: #fff;
					    color: #211914;
					}
				/* popover login */
				
				.user_menu .popover.bottom .arrow{
					display:none;
				}
				.user_menu .popover{
					border-radius: 0px;
					z-index: 9999;
				}
					.user_menu .popover .popover-title{
						background-color:#211914;
						color:#fff;
						border:none;
						border-radius:0px;
					}
					.user_menu .popover .popover-content ul li{
						display:block;
					}
					.user_menu .popover .popover-content ul li a{
						font-size:14px;
					}	
					.user_menu .popover .popover-content ul li a:hover{
						color:#428bca;
					}	
				/*.user_menu ul li.access a {
					color: #FFFFFF;	
				}*/
				
					.user_menu ul li.access a:hover {
						text-decoration: none;	
					}

	/* Bloque inferior */
	


/*--- Menú de navegación para dispositivos móviles ---*/

	/* Botón de barras para activar el menú */
	
	.responsive_menu {
		display: none;	
		float: right;
	}
	
	.responsive_menu button {
		background: none;
		border: none;	
	}
	
		.responsive_menu button:focus, .responsive_menu button:active {
			outline: 0;	
		}
	
	.bar {
		width: 25px;
		height: 3px;
		margin-bottom: 5px;
		background-color: #211914;	
	}
	
	.bar:last-child {
		margin-bottom: 0;
	}	

	/* Estilo de la capa principal */
	
	.overlay {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 85px;
		left: 0;
		background: rgba(255,255,255,1);
		overflow-x: hidden;
		/*overflow-y: scroll;*/
	}

	/* Estilo del menú */
	
	.overlay nav {
		text-align: left;
		position: relative;
		top: 32%;
		left: 5%;
		height: 60%;
		font-size: 28px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
		.overlay ul {
			list-style: none;
			padding: 0;
			margin: 0 auto;
			display: inline-block;
			width: 89%;
			height: 100%;
			position: relative;
		}
	
			.overlay ul li {
				display: block;
				min-height: 54px;
			}
	
				.overlay ul li a {
					font-weight: 400;
					display: block;
					color: #211914;
					-webkit-transition: color 0.2s;
					transition: color 0.2s;
				}
	
					.overlay ul li a:hover,
					.overlay ul li a:focus {
						color: #65789C;
						text-decoration: none;
					}

	/* Effects */
	
	.overlay-menu {
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
		transition: opacity 0.5s, visibility 0s 0.5s;
	}
	
		.overlay-menu.open {
			opacity: 1;
			visibility: visible;
			-webkit-transition: opacity 0.5s;
			transition: opacity 0.5s;
		}
	
		.overlay-menu nav {
			-webkit-perspective: 1200px;
			perspective: 1200px;
		}
	
			.overlay-menu nav ul {
				opacity: 0.4;
				-webkit-transform: translateY(-25%) rotateX(35deg);
				transform: translateY(-25%) rotateX(35deg);
				-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
				transition: transform 0.5s, opacity 0.5s;
			}
	
			.overlay-menu.open nav ul {
				opacity: 1;
				-webkit-transform: rotateX(0deg);
				transform: rotateX(0deg);
			}
	
			.overlay-menu.close nav ul {
				-webkit-transform: translateY(25%) rotateX(-35deg);
				transform: translateY(25%) rotateX(-35deg);
			}

	/* Media Queries específicas del menú responsive */

	@media screen and (max-height: 30.5em) {
		.overlay nav {
			height: 67%;
			font-size: 28px;
		}
		
			.overlay ul li {
				min-height: 34px;
			}
	}
	
/* ***** HOME COMANDIA ***** */
	
/*--- Banner principal de la Home ---*/

#index .main_banner {
	background: url('../../images/agencia/main_banner.jpg') 0 0 no-repeat;
	background-size: cover;
	/*height: 432px;*/	
}

#index .encabezado {
	float: left;
	padding: 8% 10% 5% 10%;
	width: 100%;
}

	.encabezado h1, .encabezado h2 {
		text-align: center;	
	}

	.encabezado h1 {
		font-size: 40px;
		font-weight: 700;	
		color: #211914;
	}
	
	.encabezado h2 {
		font-size: 20px;
		color: #646464;	
	}
	
	.botonera {
		float: left;
		width: 100%;
		margin: 25px 0;	
	}
	
		.link_express {
			margin: 0 0 0 12%;
		}
		
		.link_shop {
			margin: 0 12% 0 0;	
		}
		
		.link_express a, .link_shop a {
			display: block;
			text-align: center;
			font-size: 12px;
			font-weight: 400;
			color: #FFFFFF;
			padding: 8px 0;
			border-radius: 3px;	
		}
		
			.link_express a:hover, .link_shop a:hover {
				text-decoration: none;	
			}

/*-- Módulo opciones --*/

.module_content .box {
	padding: 20px;
	width: 375px;
	border-radius: 3px;	
}

.module_content .col-md-6:first-child .box, .module_content .col-md-6:first-child .testimonials {
	float: right;
}	

.module_content .col-md-6:last-child .box, .module_content .col-md-6:last-child .testimonials {
	float: left;
}	

	.module_content .box p {
		text-align: center;
	}
	
		.module_content .box img {
			display: inline-block;	
		}

	.module_content .box h4 {
		font-size: 16px;
		font-weight: 400;	
		text-align: center;
		margin-top: 20px;
	}
	
	.module_content .box ul.features_list {
		font-size: 14px;
		text-align: center;	
	}
	
		.module_content .box ul li {
			border-bottom: 1px solid #EFEFEF;
			padding: 15px;	
		}
		
			.module_content .box ul li:last-child {
				border: none;	
			}
			
	.module_content .box a {
		display: block;
		font-size: 12px;
		text-align: center;	
		width: 215px;
		margin: 0 auto;
	}
	
.module_content .testimonials {
	padding: 0 10px 10px 10px;
	width: 375px;	
}

	.module_content .testimonials .col-md-2 {
		padding-left: 5px;
		padding-right: 0px;	
	}
	
	.module_content .testimonials .col-md-10 {
		padding-left: 5px;
		padding-right: 5px;
	}

	.module_content .testimonials .phrase {
		text-align: center;
		margin-top: 20px;
		padding-right: 15px;
		background: url('../../images/agencia/globo_rectangular.png') 0 -3px no-repeat;
	}
	
		.module_content .testimonials .phrase p {
			text-align: center;	
			font-size: 14px;
		}

/* Estilo específico para el carrusel de promociones */

.promo_module {
	padding: 20px 0;
	overflow: hidden;	
}

	#owl-example .item{
		display: block;
		padding: 30px 0px;
		margin: 5px;
		color: #FFF;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-align: center;
	}
	#owl-example .owl-controls .owl-buttons div {
		padding: 5px 9px;
	}
	 
	#owl-example .owl-buttons i{
		margin-top: 2px;
	}
			
	/* Estilo primer slide */
	
	#promo_1 {
		background: url('../../images/agencia/banner_promocion_lanzamiento.jpg') 0 0 no-repeat;
		background-size: cover;
	}
	
	#promo_1 .promo_title {
		font-size: 24px;
		
		margin-top: 15px;	
		margin-bottom: 0;
	}

	
	#promo_1 .promo_period {
		margin-top: 35px;	
	}
	
		#promo_1 .promo_period p {
			font-size: 9px;
			margin-bottom: 0;
			opacity: 0.5;
		}	
	
	/* Estilo segundo slide */

	.promociones {
		background-color: #C8E9FE;
	}

		.carrusel_promo .owl-buttons {
			display: none;	
		}
	
		.promociones h4 {
			font-size: 18px;
			font-weight: 400;
			text-align: left;
			color: #211914;
		}
		
		.promociones p {
			font-size: 16;
			text-align: left;	
			color: #646464;
			margin: 30px 0;
		}
		
			.promociones p.bases {
				font-size: 13px;	
				margin: 62px 0 5px 0;
			}
	
		.carrusel_promo .promociones p.img_center, .pie_copy p.img_center {
			margin: 0;
			text-align: center;	
		}	
	
		.carrusel_promo .promociones img#apple_watch, .carrusel_promo img#windtab {
			margin-bottom: 15px;
			display: inline-block;	
		}
	
		.carrusel_promo .promociones .promo_button {
			font-size: 14px;
			background: transparent;
			border: 2px solid #211914;
			border-radius: 3px;
			padding: 5px 10px;	
		}
		
			.carrusel_promo .promociones .promo_button:hover {
				background: #211914;
				color: #FFFFFF;	
			}
		
/*-- Módulo Comandia Express --*/

.logo_mini {
	width: 135px;	
	max-height: 59px;
}

.service_description {
	margin-top: 30px;	
}

	.service_description p {
		font-size: 16px;
		margin-bottom: 30px;	
	}
	
		.p_bold {
			font-weight: 700;	
		}

	.service_description .know_more a, .more_info a {
		font-size: 12px;
		padding-left: 25px;
		padding-right: 25px;
		display: inline-block;	
	}
	
/*-- Módulo Comandia Shop --*/

.logo_mini_b {
	width: 135px;
	max-height: 59px;	
}

.shop_image {
	margin-top: 15px;	
}

/*-- Módulo Te puede interesar --*/

.element {
	margin-top: 20px;
}	

.element h4 {
	font-size: 18px;
	font-weight: 700;	
	margin-top: 30px;
}

.element p {
	min-height: 80px;
	font-size: 14px;
}	

/*-- Estilo específico para el carrusel de testimonios --*/

.bloq_tq {
	background: #22AAD6 url('../../images/agencia/banner_carrusel_testimonios.jpg') 0 0 no-repeat;
	background-size: cover;	
}

#owl-example {
	text-align: center;
	margin-bottom: 50px;
}

.opinion {
	font-size: 24px;	
	text-align: center;
}

.opinion p {
	font-weight: 400;	
}

.who {
	text-align: left;	
	overflow: hidden;
	margin: 30px auto 27px auto;
	width: 256px;
}

.who .photo p {
	display: inline-block;	
}

.who .photo, .who .profile {
	float: left;	
}

.who .photo {
	margin-right: 20px;	
}

.white {
	color: #FFFFFF;
}

.who .name {
	font-size: 12px;	
}

.who .inc {
	font-size: 14px;	
}

.bloq_info {
	margin-top: 100px;	
}

.bloq_info h1 {
	color: #243F72;
	text-align: center;	
}

/*-- Módulo empieza a vender en Internet --*/

.lm a {
	width: auto !important;
	margin: 20px auto !important;	
}

/*-- Footer --*/


	.aside_borders {
		border-left: 1px solid #566A91;
		border-right: 1px solid #566A91;	
	}

	/* Columna de enlaces de menú */
	
	.social_links {
		margin: 0 auto;
		width: 70%;
		/*padding: 0 15px;*/
	}
	
		.left_links, .right_links {
			float: left;	
		}
		
		.right_links {
			padding-left: 20px;	
		}
		
			.fl {
				font-size: 15px;
				font-weight: 700;	
				margin-bottom: 15px;
			}
			
			.sl {
				font-size: 12px;
				font-weight: 400;	
			}

	/* Columna con los datos de contacto y horarios de atención al cliente */	
	
	.data_footer {
		margin: 0 auto;
		width: 60%;
	}
		
		.contacto_footer {
			font-size: 12px;
		}	
			
			.contacto_footer a {
				display: inline-block;	
				margin-bottom: 20px;
			}
		
			.contacto_footer a:hover {
				color: #211914;
			}
		
		.contact_data ul li, .help_footer a {
			font-size: 13px;
		}	
		
		.contact_data a:hover, .help_footer a:hover {	
			text-decoration: underline;
		}
		
		.contact_data .timetable {
			font-size: 12px;
			font-weight: 400;	
		}

	/* Columna con los enlaces a las principales redes sociales de Comandia */
	
	.social_network p, .comandia_app p {
		font-size: 16px;
	}	
	
	.social_network ul li, .comandia_app ul li {
		display: inline-block;	
		margin-right: 4px;
		margin-bottom: 8px;
		padding: 5px;	
	}
	
	.comandia_app {
		margin-top: 50px;	
	}
	
		.social_network ul li a i.fa-facebook {
			padding: 4px 8px;
		}
		
		.social_network ul li a i.fa-twitter, .social_network ul li a i.fa-google-plus, .comandia_app ul li a i.fa-apple, .comandia_app ul li a i.fa-android {
			padding: 4px 5px;
		}
		.social_network ul li a i.fa-linkedin {
			padding: 4px 6px;
		}
	
	/* Bloque para otros enlaces en el footer */
	
	.other_links_footer {
		border-top: 1px solid #566A91;
		margin-top: 20px;
	}
	
		.other_links_footer ul {
			text-align: center;	
			margin: 20px 0;
		}
	
			.other_links_footer ul li {
				display: inline-block;	
				font-size: 12px;
				font-weight: 400;
			}
			
				.other_links_footer ul li a:hover {
					text-decoration: underline;	
				}
			
	/* Copyrights */
	
	.pie_copy {
		padding: 15px 0 5px 0;	
	}
	
		.pie_copy img {
			display: inline-block;	
		}
	
			.pie_copy .img_center img {	
				width: 118px;
			}
		
		.pie_copy .correos_web:hover {
			color: #211914;
			text-decoration: underline;	
		}
		
		.pie_copy .copy {
			font-size: 11px;
			margin-top: 5px;
		}	

/* ***** SUBHOME COMANDIA EXPRESS ***** */

/*-- Banner principal de la Subhome Comandia Express --*/

#subhome_express .main_banner {
	background: url('../../images/agencia/subhome_main_banner.jpg') 0 0 no-repeat;
	background-size: cover;	
}

/*-- Media Queries generales --*/

@media screen and (max-width: 768px) {
	.menu_nav {
		position: fixed;
		width: 100%;
		height: 85px;
		z-index: 2;	
	}
	
	.logo {
		position: absolute;
		left: 0;
		width: 100%;
		z-index: 1;
	}
	
		.logo p img {
			margin: 0 auto;
			width: 150px;
			padding-top: 5px;	
			z-index: 1;	
		}
	
	.user_menu {
		float: left;
		display: block;
		position: absolute;
		top: 30px;
		left: 5%;
		padding: 0;
		z-index: 1;
	}
	
		.user_menu ul li {
			padding: 0;	
		}
	
		.user_menu ul li.access {
			background-color: transparent;
			border: none;	
		}
			.user_menu ul li i {
				font-size: 18px;	
			}
		
			.user_menu ul li.access a {
				color: #211914;	
			}
			
			.user_menu ul li.access:hover {
				background-color: transparent;	
			}
	
	#nav {
		display: none;	
	}
	
	.responsive_menu {
		display: block;
		position: absolute;
		z-index: 1;
		top: 31px;
		right: 5%;	
	}
	
	.overlay-menu nav ul li {
		color: #211914;	
	}
	
		.overlay-menu nav ul li p {
			margin: 0;
			position: relative;	
		}
		
		.overlay-menu nav ul li p span.glyphicon {
			position: absolute;
			right: 0;	
			top: 13px;
			font-size: 16px;
		}
	
	.overlay-menu .second_level {
		display: none;
		position: relative;
		padding: 0 10px 0 25px;
		overflow: hidden;
	}
	
		.overlay-menu .second_level li {
			min-height: 40px;	
		}
		
		.overlay-menu .second_level li a {
			font-size: 18px;	
		}
		
		.overlay-menu .second_level:before {
			background-color: #EFEFEF;
			content: '';
			height: 100%;
			left: 10px;
			position: absolute;
			top: -10px;
			width: 2px;	
		}
		
	/* Banner principal */
	
	#index .main_banner {
		padding: 35px 0 0 0;
		background: url('../../images/agencia/main_banner_mobile.jpg') 0 85px no-repeat;
		/*background-position: 0 85px;*/
		height: auto;
	}
	
	#index .encabezado {
	    padding: 8% 0 2% 0;
	}
	
		.encabezado h1 {
			font-size: 35px;
		}
		
		.encabezado h2 {
			font-size: 15px;	
		}
		
		.blue_border {
			background-color: #211914;	
			height: 1px;
			width: 80px;
			margin: 15px auto;
		}
		
		.botonera {
			margin: 15px 0;	
		}
		
			.botonera .col-xs-6 {
				padding-left: 5px;
				padding-right: 5px;	
			}
		
			.link_express {
				margin: 0;
			}
			
			.link_shop {
				margin: 0;	
			}
			
			.link_express a, .link_shop a {
				font-size: 9px;
				width: 100%;	
				padding: 10px 2px;
			}
			
	/* Módulo opciones en la Home */
	
	.module_content .col-md-6:first-child .box, .module_content .col-md-6:last-child .box {
		float: none;
		margin: 15px auto 0 auto;
	}	
	
	.module_content .col-md-6:first-child .testimonials, .module_content .col-md-6:last-child .testimonials {
		float: none;
		margin: 0 auto;	
	}
	
	.module_content .box {
		padding: 20px 5px;
		width: 335px;
	}
	
	.module_content .testimonials {
		width: 335px;	
	}
	
		.module_content .testimonials .phrase {
				padding-right: 0;	
			}
			
	/* Módulos Comandia Express y Comandia Shop */
	
	.left {
		text-align: center !important;
		margin: 15px auto !important;	
	}
	
	.service_description {
		text-align: center;	
		margin-bottom: 20px;
	}
			
	/* Carrusel de promociones */
	
	.owl-carousel {
		margin-top: 15px;	
	}
	
	.promociones h4, .promociones p {
		text-align: center;
	}	
	
	.promociones h4 {
		margin-top: 25px;
	}	
	
	.promociones p {
		margin: 20px 0;
	}
	
		.promociones p.bases {
			margin: 32px 0 5px 0;
		}
	/* Carrusel de opciones */
	
	.owl-buttons {
		display: none;	
	}
	
	/* Te puede interesar */
	
	.element h4 {
		font-size: 18px;
		font-weight: 700;	
		margin-top: 30px;
	}	
	
	/* Footer */
	
	.pie_copy .copy {
		font-size: 8px;
		text-align: right;
		margin-top: 5px;
	}
	
	.social_links {
		margin: 0 auto;
		width: 100%;
	}
	
	.data_footer {
		margin: 0 auto;
		width: 100%;	
	}
}

@media screen and (max-width: 499px) {
	#index .main_banner {
		background: url('../../images/agencia/main_banner_mobile.jpg') 0 0 no-repeat;
		background-size: cover;
		padding: 50px 0 0 0;
	}
	
	.border {
		margin: 15px auto;	
	}
	
	.module {
	    padding: 50px 0;
	}
	
		.module_content .box, .module_content .testimonials {
			width: 100%;
		}
		
			.module_content .testimonials .phrase {
				padding-right: 0;	
			}
	
				.module_content .testimonials .phrase p {
					font-size: 12px;	
				}
	
	/* Carrusel de promociones */			
	
	.promociones #windtab {
		margin-top: 25px;	
	}
	
	#promo_1 {
		min-height: 370px;
	}	
	
	/* Te puede interesar */
	
	.element {
	    margin-top: 50px;
	}
	
	/* Footer */
	
	.aside_borders {
		border-top: 1px solid #566A91;
		border-right: 0;
		border-bottom: 1px solid #566A91;
		border-left: 0;
		padding: 20px 15px;
			
	}
	
	.social_links, .data_footer {
		margin: 0 auto;
		width: 100%;
	}
	
		.contact_data ul li, .help_footer a {
			font-size: 11px;
		}
		
		.comandia_app {
		    margin-top: 25px;
		}
	
	.mobile_space {
		margin-top: 20px;	
	}
	
		.mobile_space:first-child {
			margin-top: 0;	
		}	
	
	.pie_copy .copy {
		font-size: 10px;
		text-align: center;
		margin-top: 20px;
	}
	
}

/** Contacto new **/

@media (max-width: 768px) {
	.first-section {
		padding-top: 100px;
	}
}

#comandia-contacto {
	text-align: center;
}

.comandia-contacto-title h1 {
	color: #243f72;
}

/** Line with the classes of new header/footer **/
.bbc_d {
    background-color: #646464;
}
.border {
    height: 1px;
    width: 80px;
    margin: 30px auto;
}
.campanya-barra{
	margin: 30px 0px !important;
}
/** / Line with the classes of new header/footer **/

.comandia-contacto-subtitle h4 {
	color: #646464;
}

.comandia-contacto-image img {
	width: 100%;
}

.comandia-contacto-image-subtext h4 {
	color: #211914;
	font-weight: bold;
	padding-top:20px;
}

.comandia-contacto-block-form {
	margin-top: 50px;
	margin-bottom: 50px;
}

.comandia-contacto-block-form-title h4 {
	color: #a0a0a0;
	text-align: left;
	padding-left: 30px;
	margin-top: 0;
	margin-bottom: 0px;
	font-weight:bold;
	font-size:20px;
}

.comandia-contacto-form {
	width: 500px;
	margin: 0 auto;
	margin-top: 20px;
}


.comandia-contacto-block-form-type-text {
	padding: 5px 25px;
	color: black;
	border: 1px solid #cccccc;
	margin-bottom: 25px;
	width: 80%;
}

.comandia-select {
	background:#f0f0f0;
}
.comandia-contacto-block-form-type-text option {
	background: #f0f0f0;
    color: #010101;
}

/** black placeholder **/
.comandia-contacto-form ::-webkit-input-placeholder { color: black; }
.comandia-contacto-form ::-moz-placeholder { color: black; } /* firefox 19+ */
.comandia-contacto-form :-ms-input-placeholder { color: black; } /* ie */
.comandia-contacto-form input:-moz-placeholder { color: black; }
/** / black placeholder **/

.comandia-contacto-block-form-checkbox {
	float: left;
	margin-left: 20px !important;
}

.comandia-contacto-block-form-checkbox-text {
	padding-left: 25px;
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.comandia-contacto-block-form-checkbox-text a {
	color: #243f72;
}
.comandia-contacto-block-form-checkbox-text a:hover {
	color: #428bca;
}

.comandia-contacto-block-form-button {
	color: white;
	background: #211914;
	border: 1px solid #211914;
	padding: 7px 0px;
	font-size: 22px;
	width:80%;
	text-transform:uppercase;
}
.comandia-contacto-block-form-button:hover {
	color: #211914;
	background: #fff;
}


@media (max-width: 768px) {
	.comandia-contacto-form {
		width: 100%;
	}

	/** black placeholder **/
	.comandia-contacto-form ::-webkit-input-placeholder { font-size: 12px; }
	.comandia-contacto-form ::-moz-placeholder { font-size: 12px; } /* firefox 19+ */
	.comandia-contacto-form :-ms-input-placeholder { font-size: 12px; } /* ie */
	.comandia-contacto-form input:-moz-placeholder { font-size: 12px; }
	/** / black placeholder **/

	.comandia-contacto-block-form-type-text {
		width: 95%;
	}

	.comandia-contacto-block-form-title h4 {
		padding-left: 15px;
	}
}
@media (min-width: 992px) {
	.wrap, .content-b, #examples {
		/*margin-top:40px !important;*/
	}
}

#comandia-contacto {
	padding:0px !important;
	padding-bottom: 40px !important;
	
}

#comandia-contacto .contact-thanks {
	background: url(../../images/agencia/comandia-contacto-img.png) 100% no-repeat;
	background-size: cover;
	text-align: center;
	padding:40px 0px 40px 0px;
}
#comandia-contacto .contact-thanks .comandia-contacto-title h2 {
	color:#ffffff;
	font-weight:bold;
	font-size:36px;	
}

#comandia-contacto .comandia-contacto-title h1{
	color:#ffffff;
	font-size:36px;
	font-weight:bold;
}

#comandia-contacto .comandia-contacto-subtitle h4{
	color:#ffffff;
	font-size:26px;
	line-height:40px;
}