@charset "utf-8";
/* Medios fluidos sencillos
   Nota: Los medios fluidos exigen la eliminación de los atributos de altura y anchura de los medios del código HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
margin:0;
padding:0;
	max-width: 100%;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
	background:#000000;
}


/*
	Propiedades de cuadrícula fluida de Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiración obtenida de "Responsive Web Design" de Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	y Golden Grid System de Joni Korpi
	http://goldengridsystem.com/
*/

/* Diseño móvil: 480 px e inferior. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}




}

/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

 .menu-fixed {
	position:fixed;
	z-index:1000;
	top:0;
	/*max-width:1000px;*/
	left:0;
	width:100%;
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
	display:block;
}
.section{
	width: auto;
	height: auto;
	-webkit-box-shadow: 25px 15px 22px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 25px 15px 22px 3px rgba(0,0,0,0.75);
	box-shadow: 25px 15px 22px 3px rgba(0,0,0,0.75);
	border-radius: 59px 3px 42px 0px;
	-moz-border-radius: 59px 3px 42px 0px;
	-webkit-border-radius: 59px 3px 42px 0px;
	border: 0px solid #000000;
}
}

/*--programacion*/
html{overflow-y:scroll;}
header {
	/*background-color:rgba(52,73,94,1.3);*/
	background-image: url("img\bg.png");
}
body{
	margin:0; 
	padding:0; 
	font-size:15px; 
	/*font-family:Georgia, "Times New Roman", Times, serif; */
	color:#979797;
	background-color:#FFF;
	font-family:'Open Sans',sans-serif;
	overflow: hidden;
	background-image: url("img\bg.png");
/*	display:flex;
	min-height:100vh;
	flex-wrap:wrap;*/
	}
/*header {
	display:flex;
	justify-contect: flex-end;}	*/
	/*Inicio de Menu Responsive*/
.gallery {
        list-style: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }
    
 .gallery li {
        float: left;
        margin: 4px;
    }
.logo3{
-webkit-box-shadow: 0px 0px 251px -105px rgba(176,83,176,1);
-moz-box-shadow: 0px 0px 251px -105px rgba(176,83,176,1);
box-shadow: 0px 0px 251px -105px rgba(176,83,176,1);
}
.encabezado {
margin-bottom:40px;
background:rgba(152, 200, 255, 0.5);
opacity:1;
padding-top:8px;
padding-bottom:5px;

-webkit-box-shadow: 20px 12px 69px 4px rgba(0,0,0,0.39);
-moz-box-shadow: 20px 12px 69px 4px rgba(0,0,0,0.39);
box-shadow: 20px 12px 69px 4px rgba(0,0,0,0.39);}

#section2{
margin-bottom:10px;
background:rgba(152, 200, 255, 0.5);
opacity:1;
padding-top:30%;
padding-bottom:5px;

}

/*	
.container{
	padding-right:15px;
	padding-left:50px;
	margin-right:auto;
	margin-left:auto;
	}*/
	
article{
	display:absolute;
}
	
/*.section{
	width: 100%;
	height: 300px;
	-webkit-box-shadow: 25px 15px 22px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 25px 15px 22px 3px rgba(0,0,0,0.75);
	box-shadow: 25px 15px 22px 3px rgba(0,0,0,0.75);
	border-radius: 59px 3px 42px 0px;
	-moz-border-radius: 59px 3px 42px 0px;
	-webkit-border-radius: 59px 3px 42px 0px;
	border: 0px solid #000000;
}*/

.imghist{
	float:left;
	padding-top:15px;
	height:5%px; 
	width:75px;
	 }
.col-md-12 h1{
color: rgba(0, 85, 255, 0.6);}
.section p {
	width: 90%;
	text-align: justify;
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	padding: 5px;
	padding-left:100px;
	position:relative;
}
	
.section h2 {
	color: rgba(0, 85, 255, 0.6);
	text-align: left; 
	padding-top:10px;
	}	



footer {

	text-align:center
	}
/* INICIA LA CONFIGURACION DE LA PAGINA A REVISION*/
@charset "utf-8"; 
/* Estilos Del Bravo */ 
a { color: #0055a0; } 
a:hover { color: #65acea; }
/*/* ==== HEADER === */ 
/* modifica colores de header donde va el logo) */ 
.header_section { 
	background:#fff no-repeat ;
	background-position:center center; 
.head-contact-info { 
	display: block; 
	text-align: right; 
	padding-top: 10px; 
	padding-bottom: 2px; 
	padding-left: 0px; } 
.head-contact-info li { 
	display: list-item; 
	list-style:none; 
	margin-right: 10px; 
	font-size: 15px; 
	line-height: 35px; } 
/* cambia color a iconos de dirección en header */ 
.header_section { 
	color: #03559f; } 
/* cambia color a datos de dirección en header */ 
.head-contact-info a { 
	color: #555453; }
/* cambia color a datos de dirección en header con hover*/
.head-contact-info a:hover {
	color: #000000;
} 
a.rollover { 
	display: block; 
	width: 44px; 
	height: 27px; 
	text-decoration: none; 
	background: url(/es/wp-content/themes/DelBravoV2/images/english.png); } 
a.rollover:hover { 
	 background-position: -44px 0; } 
		/*--------------------------------------------------------------------------------------------------*/
/* ==== SERVICIOS ICONOS === */
/* modifica espacio hacia arriba y abajo 
.enigma_service {
	padding-top: 25%;
	padding-bottom: 5px;
	color: #000;
} 
modifica color de fondo de iconos*/ 
.enigma_service_iocn { 
	border: 2px solid #0055a0; 
	background-size: 100% 200%; 
	background-color: #0055a0; 
	background-image: linear-gradient(to bottom, #0055a0 50%, #FFF 50%); }
/* modifica color de icono una vez que se pone el mouse encima de iconos*/ 
.enigma_service_area:hover .enigma_service_iocn i { 
	color: #004687; } 
/*--------------------------------------------------------------------------------------------------*/ 
/* ==== PROYECTOS ==== */
/* modifica color de titulo y línea de titulo*/ 
.enigma_heading_title h3 { 
	border-bottom: 6px solid #fff/*#004687;  cambia color de línea*/ 
	color: #FFFFFF;/* cambia color de texto*/ }
/* Los siguientes 4 códigos modifican textos y colores de cajas de proyectos*/ 
.enigma_home_portfolio_caption h3 { 
	font-size: 12px;
/*tamaño de titulo de caja*/ 
	font-weight: 600; 
	margin: 0px; 
	padding: 9px 3px 0px; line-height: 20px;
/* cambia el espacio que se deja entre líneas de título */ 
	font-family: "Open Sans",sans-serif; } 
.enigma_home_portfolio_caption { 
	border-left: 1px solid #CCC; /*borde de area texto*/ 
	border-right: 1px solid #CCC; /*borde de area texto*/ 
	border-bottom: 4px solid #004687;/*Linea fondo de cuadro cuando no esta puntero encima*/ } 
.enigma_home_portfolio_caption:hover { 
	background: #004687 none repeat scroll 0% 0%; 
/*Color fondo de cuadro cuando puntero está encima*/ } 
.img-wrapper:hover .enigma_home_portfolio_caption { 
	background: #0055a0 none repeat scroll 0% 0%;/* color del cuadro que cubre la imagen al poner encima el mouse*/ 
	border-left: 1px solid #004687; /*cambia color de borde izq*/ 
	border-bottom: 4px solid #004687; /*cambia color de borde abajo*/ 
	border-right: 1px solid #004687;/*cambia color de borde derecho*/ } 
/* Los siguientes 4 códigos modifican las flechitas para avanzar en proyectos*/ 
.enigma_carousel-prev:hover i, .enigma_carousel-next:hover i { 
	color: #FFF;/* color de fondo de botón normal*/ } 
.enigma_carousel-prev i, .enigma_carousel-next i { 
	color: #0055a0; /* color flechitas de botón normal*/ } 
.enigma_carousel-prev, .enigma_carousel-next { 
	background-color: #FFF; /* color de fondo de botón hover*/ 
	border: 2px solid #0055a0; 
/* color de bordes de botón normal-hover*/ } 
.enigma_carousel-prev:hover, .enigma_carousel-next:hover { 
	background-color: #0055a0; 
/* color de fondo de botón hover*/ color: #FFF;
/* color flechitas de botón hover*/ } 
/* Los siguientes 3 códigos modifican las flechitas para avanzar cuando das clic en la cadenita de algun proyecto*/ .enigma_portfolio_detail_pagi li a:hover span { 
	color: #0055a0; 
/* color flechitas de botón normal*/ } 
.enigma_portfolio_detail_pagi li a { 
	color: #404040; 
	border: 2px solid #0055a0; 
/*color de bordes de botón normal-hover*/ text-align: center; 
	background-size: 100% 200%; 
	background-color: #0055a0; 
/*color de fondo de botón normal*/ background-image: linear-gradient(to bottom, #0055a0 50%, #FFF 50%); 
	transition: all 0.5s ease 0s; } 
.enigma_portfolio_detail_pagi li a:hover { 
	color: #404040; 
	border: 2px solid #0055a0; 
/* color de bordes de botón normal-hover*/ background-position: 0px -100%; 
	background-color: #FFF; 
/* color de fondo de botón hover*/ } 
/*los siguientes 2 códigos modifican los iconos que salen sore las imágenes en protafolio*/ .enigma_home_portfolio_showcase .enigma_home_portfolio_showcase_icons a:hover { 
	background-color: #FFF; 
	border: 2px solid #0055a0; 
	color: #0055a0; } 
.enigma_home_portfolio_showcase .enigma_home_portfolio_showcase_icons a { 
	background-color: #0055a0; 
	border: 2px solid #0055a0; 
	color: #FFF; } /*--------------------------------------------------------------------------------------------------*/ 
/* ==== CLIENTES ===== */ 
/* modifica espacio hacia arriba y abajo*/ .enigma_client_area { 
	padding-top: 5px; 
	padding-bottom: 10px; } 
/* los siguientes 3 códigos modifican el título de clientes*/ 
.enigma_heading_title2 h3 { 
	border-bottom: 2px solid #004687;
/*color de línea bajo titulo*/ color: #3B3B3B; 
/*color de texto de título*/ }
.enigma_heading_title2 h3 { 
	font-size: 22px;
	font-weight: 500; } 
.enigma_heading_title2 h3 { 
	display: inline-block; 
	margin-top: 0px; 
	letter-spacing: 1px; 
	padding-bottom: 10px; 
	font-weight: 600; 
	font-family: "Open Sans",sans-serif; } 
/* los siguientes 3 códigos modifican las flechas avanzar de clientes*/ 
.enigma_client_prev:hover, .enigma_client_next:hover { 
	background-color: #0055a0;
/*color fondo en hover*/ color: #FFF; 
/*color flecha en hover*/ } 
.enigma_client_prev, .enigma_client_next { 
	background-color: #FFF; 
/*color fondo normal*/ border: 2px solid #0055a0;
/*bordes boton*/ } 
.enigma_client_prev { 
	background-position: center center; 
	background-repeat: no-repeat; 
	cursor: pointer; 
	display: inline; 
	transition: all 0.3s ease 0s; 
	padding: 6px 15px 10px; 
	margin-right: 5px; } 
/* los siguientes 2 códigos modifican el color de los marcos de los clientes*/ .enigma_client_wrapper:hover { border: 4px solid #0055a0; /*color marco hover*/ } 
.enigma_client_wrapper { 
	border: 4px solid #ECF0F1;
/*color marco normal*/ 
	opacity: 0.95; 
	text-align: center; 
	transition: all 0.3s ease 0s; 
	margin-bottom: 50px; }
/* ==== AREA INFO-TITLULOS === */
h1, h2, h3, h4, h5, h6 { 
	font-weight: normal; 
	color: #416ea8; 
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.01); 
	font-family: "Open Sans",sans-serif; }
/* modifica espacio entre titulo e información */ 
.enigma_header_breadcrum_title { 
	margin-bottom: 0px; 
	background: #bbdaf5 none repeat scroll 0% 0%; 
	opacity: 1; 
	padding-top: 8px; 
	padding-bottom: 8px; } 
/* modifica color linea de ligas migas de pan */ 
.breadcrumb li a { 
	color: #004687 !important; } 
/*modifica línea al final de cada página*/ 
.header-sep { 
	height: 4px; 
	background-color: #0055a0; } 
.enigma_blog_post_content ul { 
	margin: 0px; 
	padding: 0px 0px 15px 10px; } 
.enigma_blog_post_content li { 
	font-style:italic; 
	line-height:20px; 
	padding-left:10px; 
	background:url(/es/wp-content/themes/DelBravoV2/images/vineta.png) top left no-repeat; 
	list-style-type: none; text-align:left; } /*--------------------------------------------------------------------------------------------------*/ 
/* ==== BLOG ==== */
 /* BLOG en columnas */ 
 /* modifica linea de abajo y color de fondo y sombra de cada cubo en blog */ 
.enigma_blog_thumb_wrapper { 
 	background: #FFF none repeat scroll 0% 0%; 
	border-bottom: 5px solid #004687; 
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.7); } 
 /* modifica color de iconos inferiores en cubos de articulos */ 
.enigma_blog_thumb_date li i { color: #004687; } 
/* modifica color de liga normal en post por columnas*/ 
.enigma_blog_thumb_wrapper h2 a { color: #004687 !important; } 
/* modifica color de liga activo en post por columnas*/ 
.enigma_blog_thumb_wrapper h2 a:hover { color: #843d04 !important; } 
/* modifica color imagen comentarios en post por columnas*/ 
.enigma_blog_comment:hover i, .enigma_blog_comment:hover h6 { color: #004687; }
/*Modifica color de frase"Responder" cuando se deja un comentario*/ 
.reply a { color: #0055a0; } 
img.alignright { 
	text-align: right; 
	display: inline; 
	float: right; 
	margin:15px 0 15px 15px; } 
img.alignleft { 
	display: inline; 
	float: left; 
	margin:15px 15px 15px 0; } 
img.aligncenter { 
	display: block; 
	margin-right: auto; 
	margin-left: auto; } /*--------------------------------------------------------------------------------------------------*/
/* ==== WIDGETS EN COLUMNAS LATERALES === */ 
/* modifica color de fondo de caja de widget cuando estan a los costados */ 
.enigma_sidebar_widget_title { background: #416ea8 none repeat scroll 0% 0%; }
/* modifica color de lineas de caja de widget cuando estan a los costados*/
.enigma_sidebar_widget { 
	border-left: 3px solid #416ea8; 
	border-right: 3px solid #416ea8; 
	border-bottom: 3px solid #416ea8; } 
/* modifica el widget de dirección */ 
.enigma_footer_widget_column address p { 
	font-size: 15px; 
	padding: 0px 0px 10px; 
	color: #F2F2F2; } 
/* modifica el widget de dirección */ 
address { 
	margin-bottom: 20px; 
	font-style: italic; 
	line-height: 1.42857; } 
/* modifica color de textos en widgets */ 
.enigma_footer_widget_area p { color: #FFF; } 
/* modifica color de liga normal en widgets */ 
.enigma_sidebar_widget ul li a { color: #5e5d5d; } 
/* modifica color de liga activo en widgets */ 
.enigma_sidebar_widget ul li a:hover { color: #004687; } 
.enigma_sidebar_widget ul li { padding-bottom: 0px; }
 /* ==== BOTON BUSQUEDA ==== */ 
 /* modifica color de fondo de lupa en busqueda */ 
 .btn-search { background: #1cb2ff none repeat scroll 0% 0% !important; } /*--------------------------------------------------------------------------------------------------*/ 
 /* ==== POSTS ==== */ 
 /* modifica color de fondo de día del post */ 
 .enigma_post_date { background: #004687 none repeat scroll 0% 0%; color: #FFF; } 
 /* modifica color de títlo del post */ 
 .enigma_fuul_blog_detail_padding h2 a { color: #004687; } 
 /* modifica color de títlo del post en hover*/ 
 .enigma_fuul_blog_detail_padding h2 a:hover { color: #843d04 !important; } /*--------------------------------------------------------------------------------------------------*/ 
/* ==== COMENTARIOS ==== */
/* modificar color de botón enviar en hover cuando se deja un comentario */ 
.enigma_send_button:hover, #enigma_send_button:hover { 
	background-position: 0px -100%; 
	border: 2px solid #0055a0; 
	color: #FFF; 
	background-color: #0055a0; } 
/* modificar color de botón enviar normal cuando se deja un comentario */ 
.enigma_send_button, #enigma_send_button { 
	border-color: #0055a0; 
	color: #6A6A6A; 
	background-size: 100% 200%; 
	background-image: linear-gradient(to bottom, #FFF 50%, #30478d 50%); 
	transition: all 0.5s ease 0s; } /*--------------------------------------------------------------------------------------------------*/ 
/* ==== SECCION DE CONTACTO CON TEMPLATE === */
 /* modifica color de textos titulo */ 
 .enigma_contact_info li .desc { color: #0055a0; } /*--------------------------------------------------------------------------------------------------*/
/* ==== FOOTER === */ 
/* modifica color de fondo de linea de footer */ 
.enigma_footer_area { 
	background: #023666 none repeat scroll 0% 0%; 
	border-top: 2px solid 000000; } 
/* modifica color texto copyright de footer */ 
.enigma_footer_area .enigma_footer_copyright_info { float: left; color: #ffffff; } 
/* modifica color liga copyright de footer */ 
.enigma_footer_area p a { color: #ffffff; } 
/* modifica color liga activa copyright de footer */ 
.enigma_footer_area p a:hover { color: #cccccc; } /*--------------------------------------------------------------------------------------------------*/ 
/* ==== WIDGETS EN FOOTER === */
/* modifica color de fondo en widgets de footer */ 
.enigma_footer_widget_area {
/*background: #34495e none repeat scroll 0 0;*/ background:#0055a0 url(/es/wp-content/themes/DelBravoV2/images/delbravo-footer.png) no-repeat; 
background-position: bottom center; /*background-size: cover;*/ } 
/*modifica espacio arriba y abajo del area de widgets footer*/ 
.enigma_footer_widget_area { padding: 38px 0 30px; } 
/* modifica textos en widgets de footer */ 
.enigma_footer_widget_title { 
	font-family: "Open Sans",sans-serif; 
	font-size: 20px; 
/*letter-spacing: 1px; line-height: 25px;*/ 
	margin: 0 0 25px; } 
/* modifica textos en widgets de footer */ 
.enigma_footer_widget_title { 
	color: #ffffff; 
	text-shadow: 0 1px 2px #2a2a2a; } 
/*modifica linea de titulos widgets footer*/ 
.enigma-footer-separator { 
	background-color: #ffffff; /*color de línea*/ 
	height: 3px; /*ancho de la línea*/ 
	margin-top: 0px; /*para dejar espacio entre el titulo del widget y la línea*/ 
	text-align: center; 
	width: 100px; /*largo de la línea*/ } 
/*modifica color ligas*/ 
.enigma_footer_widget_column ul li a { color: #FFFFFF; } 
/*modifica color ligas activas*/ 
.enigma_footer_widget_column ul li a:hover { color: #004687; } /*--------------------------------------------------------------------------------------------------*/ 
/* ===== FORMULARIO NORMAL =====*/ 
#normal{ 
	max-width:800px; 
	margin:0 auto; 
	width:100%; } 
.renglon-n{ width: 100%; } 
.column-half-n, .column-full-n{ 
	float: left; 
	position: relative; 
	padding: 0px; 
	width:100%; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box } 
.atencion-n { 
	color: #ff0000; 
	font-weight:bold; 
	font-size:14px; } 
.capcha-n{ width: 40%;
color:#fff; } 
.clearfix:after-n { 
	content: ""; 
	display: table; 
	clear: both; } 
/* 
/**---------------- Media query ----------------* 
@media only screen and (min-width: 48em) { 
.column-half-n{ width: 50%; } 
.wpcf7-form-control { width: 85%; } 
/* ===== WIDGET COLUMNA IZQUIERDA =====
.idioma { 
	background: #eff0f1; 
	text-align: center; 
	margin: 10px 0 0 0; 
	font-size: 13px; 
	font-weight: 500; 
	color: #959390; 
	border: 1px dotted #888; 
	padding: 3px; } 
.idioma a { color: #656361; } 
.idioma a:link, a:visited { 
	font-weight: 600; 
	text-decoration: none; 
	background-image: none; 
	padding: 0; } 
.idioma a:hover, a:active { 
	font-weight: 600; 
	text-decoration: underline; 
	background-image: none; 
	padding: 0; 
	color: #0055a0; } 
} */

	
/*@media (min-width: 768px)
{.container{width:750px}`

}*/
/*@media (min-width: 992px){
.container{width:970px}

}
@media (min-width: 1200px){
.container{width:1170px}

}*/


#mapa{
	float:left}
	}