@charset "utf-8";
/* CSS Document */
body {
    background-color: #fff;
    color: #444;
	font-family: 'Lato', sans-serif;    font-size: 16px;
	font-weight:300;
    line-height: 1.42857;
}

.cont_rojo{background-color:#d30009 !important; border-radius:5px; color:#FFFFFF !important;} 
.fondo_gris {background-color:#f0f0f0; padding:24px 0 30px;}
.cont_servicios2{background-color:#FFF; border:1px solid #CCC;}
.subtitulo_bann{ font-style:italic; font-size:20px; color:#FFF; padding-bottom:24px; display:block; line-height: 25px;  padding-top: 12px;}
.cintas {margin-top: -38px;}
.pb50 {padding-bottom:50px;}
.cintillo_azul_banner{background-color:#342ca7; padding-bottom:30px; padding-top:20px; color:#fff; text-align:center;}
.cintillo_azul_banner .subtitulo{ color:#FFF !important;}
.cintillo_azul_banner .link_rojo {
max-width: 120px;
margin-top: 12px;
margin-bottom: 6px;
}

/********************************************************************ESPACIOS********************************************************************/

.mt6{margin-top:6px;}
.mt16{margin-top:16px;}
.mt20{margin-top:20px;}
.mt27{margin-top:27px;}
.mt36{margin-top:36px;}
.mt40{margin-top:40px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb36{margin-bottom:36px;}

.mr6{margin-right:6px;}
.mr26{margin-right:26px;}
.ml4{margin-left:4px;}

.pt5{padding-top:5px !important;}
.pt36{padding-top:36px;}
.pt56{padding-top:56px;}
.pl0{padding-left:0;}
.pr0{padding-right:0;}
.pl11{padding-left:11px;}
.pr11{padding-right:11px;}
/********************************************************************ESPACIOS********************************************************************/

/********************************************************************HEADER********************************************************************/
.logo{padding:8px 0;} .color_rojo{color:#d7000b !important;} .telefonos{display:inline-block; font-weight:700; font-size: 14px;} .icon_inline{display:inline-block; vertical-align:top;}
.num_telefonico{font-family: 'Roboto Slab', serif; color:#261b7a;  margin:0;}.num_telefonico > span{font-family: 'Lato', sans-serif; font-weight:400; color:#444;}
/********************************************************************HEDAER********************************************************************/

/********************************************************************MENU********************************************************************/
ul.mennu{width:100%; margin:0;} .mennu > li{width:16.6667%;}
.navbar-collapse{padding:0;}
.navbar-default { background: top center repeat-x; font-size: 14px;  font-family: 'Roboto Slab', serif; margin-bottom: 0;}
.navbar-default .navbar-nav > li > a { color: #261b7a; font-weight:700; text-align:center; padding-right:5px; padding-left:5px;}

.navbar-default .navbar-nav > li > a:hover,		
.navbar-default .navbar-nav > li > a:focus, 	
.navbar-default .navbar-nav > .active > a, 	
.navbar-default .navbar-nav > .active > a:hover, 	
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus{ color: #fff; background:url(../img/bk/bk_men_hover.png) top center repeat-x;}

.dropdown-menu{background:url(../img/bk/bk_men_open.png) center repeat transparent;  border: 1px solid rgba(207, 0, 14, 0.85); padding:0; }
.dropdown-menu > li > a {color: #fff; padding: 8px 20px;}	.dropdown-menu .divider {background-color:#C00; margin:0;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background: url(../img/bk/bk_men_hover.png) top center repeat-x transparent; color: #fff;}

.ico_men > #men01,
.ico_men > #men02,
.ico_men > #men03,
.ico_men > #men04,
.ico_men > #men05,
.ico_men > #men06{display:inline-block; margin-right:5px; height:28; padding:0; background-position:center; background-repeat:no-repeat;}
#men01{background-image:url(../img/icon/ic_m01.png); width:35px;}
#men02{background-image:url(../img/icon/ic_m02.png); width:39px;}
#men03{background-image:url(../img/icon/ic_m03.png); width:36px;}
#men04{background-image:url(../img/icon/ic_m04.png); width:40px;}
#men05{background-image:url(../img/icon/ic_m05.png); width:50px;} 
#men06{background-image:url(../img/icon/ic_m06.png); width:32px;} 

.ico_men:hover > #men01, .navbar-default .navbar-nav > .active > .ico_men > #men01, .navbar-default .navbar-nav > li:focus > #men01 { background-image:url(../img/icon/ic_m01h.png);}
.ico_men:hover > #men02, .navbar-default .navbar-nav > .active > .ico_men > #men02, .navbar-default .navbar-nav > li > a:focus > #men02{ background-image:url(../img/icon/ic_m02h.png);}

.ico_men:hover > #men03, 
.navbar-default .navbar-nav > .active > .ico_men > #men03,
.navbar-default .navbar-nav > .open > a > #men03,
.navbar-default .navbar-nav > li > a:focus > #men03
{ background-image:url(../img/icon/ic_m03h.png);}
.ico_men:hover > #men04, 
.navbar-default .navbar-nav > .active > .ico_men > #men04,
.navbar-default .navbar-nav > .open > a > #men04,
.navbar-default .navbar-nav > li > a:focus > #men04{ background-image:url(../img/icon/ic_m04h.png);}

.ico_men:hover > #men05, .navbar-default .navbar-nav > .active > .ico_men > #men05,   .navbar-default .navbar-nav > li > a:focus > #men05{ background-image:url(../img/icon/ic_m05h.png);}
.ico_men:hover > #men06, .navbar-default .navbar-nav > .active > .ico_men > #men06,   .navbar-default .navbar-nav > li > a:focus > #men06{ background-image:url(../img/icon/ic_m06h.png);}
/********************************************************************MENU********************************************************************/

.content_map {position: relative; min-height: 467px; margin-top:-100px;}
.content_map .google-map-api { position: absolute; left: 0; right: 0; top: 0;bottom: 0;}
.content_map #map-canvas {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.content_map iframe {width: 100%;}.content_map img {max-width: none !important;}


/********************************************************************PIE********************************************************************/
.cont_pie{background:url(../img/bk/bk_pie.png) center;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover; color:#fff; padding:36px 0;}
h4, .h4{font-size:19px;} .datos h4, .datos img, .datos span{display:inline-block; vertical-align:middle;} .datos p{padding-left:4px;} .cont_pie hr{width:100%; height:1px; border:none; background-color:#CCC; }
.contacto input, .contacto textarea,.contacto2 input, .contacto2 textarea{ width:100%;padding:4px 6px 4px 30px; border-radius:4px; border:none; margin-bottom:12px; resize:none; background-color:#f4f4f4;  color:#555; background-position:6px center; background-repeat:no-repeat;}
.contacto button, .contacto2 button{background:url(../img/bk/bk_btn_form.png) top center repeat-x #d30009; color:#fff; text-align:center; width:100%; padding:4px; font-family: 'Roboto Slab', serif; border:none; border-radius:4px; font-size:16px; }
.cont_pie a:hover, .cont_servicios a:hover{opacity:.75;}

	/*****FORM PIE****/
	.nombre{background-image:url(../img/icon/ic_f01.png);}
	.telefono{background-image:url(../img/icon/ic_f02.png);}
	.comentario{background-image:url(../img/icon/ic_f03.png); background-position:6px 5px !important;}
	.error#nombre, .error#nombree{background-image:url(../img/icon/ic_f01b.png) !important; background-color:#fbe3e3;}
	.error#telefono, .error#telefonoo{background-image:url(../img/icon/ic_f02b.png) !important; background-color:#fbe3e3;}
	.error#comentario,.error#comentarioo{background-image:url(../img/icon/ic_f03b.png) !important; background-color:#fbe3e3;}
	
		/*****FORM CONTACTO****/
		.email{background-image:url(../img/icon/ic_f04.png);}
		.error#email{background-image:url(../img/icon/ic_f04b.png) !important; background-color:#fbe3e3;}
		.terminos{width:20px !important;} .terminos_leyenda{font-size:13px;  color:#fff;}
		/*****FORM CONTACTO****/
	
	/*****FORM PIE****/

/********************************************************************PIE********************************************************************/

/********************************************************************INDEX********************************************************************/
h2{color:#000000;} .txt_rojo{color:#d40009;} .subtitulo{ font-style:italic; font-size:17px; color:#666; padding-bottom:24px; display:block; line-height: 25px;  padding-top: 12px;}
.cont_servicios{background-color:#FFF; border:1px solid #CCC; text-align:center; margin-top:-60px; padding-top:40px;}
.cont_servicios h4, .productos h4, .datos-contacto h4{font-family: 'Roboto Slab', serif; font-weight:700;} .cont_servicios .link_rojo{ max-width:32%; margin-top:16px; margin-bottom:36px;}
.link_rojo{background:url(../img/bk/bk_btn_form.png) top center repeat-x #d30009; color:#fff;font-family: 'Roboto Slab', serif; padding:5px 10px; border-radius:4px; font-size:14px; display:block;}
.link_rojo:hover{color:#FFF; text-decoration:none;}
.cintillo_azul{background:url(../img/bk/bk_cintillo_azul.png) bottom center no-repeat #342ca7; padding-bottom:30px; padding-top:20px; color:#fff; text-align:center;}
.cintillo_azul .subtitulo{color:#fff;} .cintillo_azul h3{font-weight:700;} #demo{background-color:#f0f0f0; padding:24px 0 30px;}
.productos{padding-left:0; padding-right:0;} .productos a{display:block; color:inherit;} .productos a:hover{opacity:.85;}
.prod_pr0{padding-right:0;}  .prod_pl0{padding-left:0;} .prod_rigth{text-align:right;} .img_mt-16{margin-top:-16px;}

/********************************************************************INDEX********************************************************************/

/********************************************************************ACERCA********************************************************************/
.valores_hg{background:url(../img/bk/bk_empresa.jpg) center no-repeat; color:#fff; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover; padding-top:20px; text-shadow:1px 1px 6px rgba(0,0,0,.75);font-weight:400;}
.valores_hg h2, .valores_hg span{color:#fff !important;}  .valor{padding:0;} .valor  p{padding-top:20px; margin-bottom:46px;} .valor_rigth{text-align:right;} .margen_especial{margin-left:12.500025%;}
.porque{border:1px solid #CCC; text-align:center; margin-bottom:40px;} .porque img{margin-top:-36px; margin-bottom:20px;} .cont-gris{background-color:#f0f0f0; padding:40px 0 26px;} .porque p {padding:0 10px;}
/********************************************************************ACERCA********************************************************************/

/********************************************************************PRODUCTOS********************************************************************/
.menu-prod{padding-right:0; margin-top:40px;} .menu-prod a{background-image:url(../img/bk/men_prodbco.png); text-decoration:none; background-position:right center; background-repeat:repeat-y; display:block; text-align:center; padding:15px 15px 15px 0; color:#fff; font-family: 'Roboto Slab', serif;}
.prod01{background-color:#2baeb6;}		.prod01:hover, .prod01active {background-image:url(../img/bk/men_hover01.png) !important;}
.prod02{background-color:#f49730;}		.prod02:hover, .prod02active {background-image:url(../img/bk/men_hover02.png) !important;}
.prod03{background-color:#f26261;}		.prod03:hover, .prod03active {background-image:url(../img/bk/men_hover03.png) !important;}
.prod04{background-color:#5dade2;}		.prod04:hover, .prod04active {background-image:url(../img/bk/men_hover04.png) !important;}
.prod05{background-color:#5cd89a;}		.prod05:hover, .prod05active {background-image:url(../img/bk/men_hover05.png) !important;}
.prod06{background-color:#fe3f61;}		.prod06:hover, .prod06active {background-image:url(../img/bk/men_hover06.png) !important;}
.prod07{background-color:#9a66cb;}		.prod07:hover, .prod07active {background-image:url(../img/bk/men_hover07.png) !important;}
.categorias p{padding:3px 0 6px 24px; background-repeat:no-repeat; background-position:left center; margin-bottom:36px; margin-left:16px;}
.vineta01 p{background-image:url(../img/var/vineta_pro01.jpg);} .otro_prod img{border:1px solid #CCC;}
.vineta02 p{background-image:url(../img/var/vineta_pro02.jpg) !important;}
.vineta03 p{background-image:url(../img/var/vineta_pro03.jpg);}
.vineta04 p{background-image:url(../img/var/vineta_pro04.jpg);}
.vineta05 p{background-image:url(../img/var/vineta_pro05.jpg);}
.vineta06 p{background-image:url(../img/var/vineta_pro06.jpg);}
.vineta07 p{background-image:url(../img/var/vineta_pro07.jpg);}
.btn_catalgo{background-image:url(../img/var/icon_catalogo.jpg); display:inline-block; padding-left: 70px; height:55px; background-position:left; background-repeat:no-repeat; }


/********************************************************************PRODUCTOS********************************************************************/

/********************************************************************SERVICIOS********************************************************************/
.tab-servicio{background-image:url(../img/bk/menser_bco.png); background-position:top center; background-repeat:repeat-x; text-align:center; font-family: 'Roboto Slab', serif; height:81px;}
.tab-servicio a{color:#fff;  padding:25px 0 10px; display:block; text-decoration:none; background-position:15px 28px; background-repeat:no-repeat;}
.tab01{background-image:url(../img/icon/btn_serv01.png);} .tab02{background-image:url(../img/icon/btn_serv02.png);} .tab03{background-image:url(../img/icon/btn_serv03.png);} .tab04{background-image:url(../img/icon/btn_serv04.png); padding-top:35px !important;}
.service01{ background-color:#2baeb6;}	.service01:hover, .service01active{background-image:url(../img/bk/menser_hover01.png) !important;}
.service02{ background-color:#f49730;}	.service02:hover, .service02active{background-image:url(../img/bk/menser_hover02.png) !important;}
.service03{ background-color:#f26261;}	.service03:hover, .service03active{background-image:url(../img/bk/menser_hover03.png) !important;}
.service04{ background-color:#5dade2;}	.service04:hover, .service04active{background-image:url(../img/bk/menser_hover04.png) !important;}
.contenido_service{background-color:#faf7f9; border:1px solid #CCC; padding-top:30px; margin-bottom:36px; text-align:center;}
/********************************************************************SERVICIOS********************************************************************/


/********************************************************************SECTORES********************************************************************/
.mask {border: 1px solid #ccc; border-radius: 2px; overflow: hidden !important; position: relative; width: 100%; margin-bottom:36px;}
.mask img{width:100%; padding:0 !important;	
-webkit-transition: all .40s ease .2s;
-o-transition: all .40s ease .2s;
-ms-transition: all .40s ease .2s;
 transition: all .40s ease .2s;}
.absoluto {background-image:url(../img/bk/sec_hover.png); color: #fff;  position: absolute; top: 0; width: 100%; text-align:center; opacity:0;
 -webkit-transition: all .30s ease .1s;
 -o-transition: all .30s ease .1s;
 -ms-transition: all .30s ease .1s; 
 transition: all .30s ease .1s; 
 height:100%;}
.absoluto h2{color:#FFF !important;  margin-top:19%; } .absoluto span{font-weight:300;}
.absoluto h2, .absoluto p {
-webkit-transition: all .40s ease .2s;
-o-transition: all .40s ease .2s;
-ms-transition: all .40s ease .2s;
 transition: all .40s ease .2s; }
 
 .mask:hover .absoluto{opacity:1;}
 #img_sector01:hover img{width:112%; margin:-3.35%;} 
 #img_sector02:hover img{width:112%; margin:-3.35%;} 
 #img_sector03:hover img{width:112%; margin:-3.35%;} 

 #img_sector04:hover img{width:112%; margin:-3.35%;} 
 #img_sector05:hover img{width:112%; margin:-3.35%;} 
 #img_sector06:hover img{width:112%; margin:-3.35%;} 
 
/********************************************************************SECTORES********************************************************************/

/********************************************************************CONTACTO********************************************************************/
.form_contacto{background-color:rgba(147,147,147,.9); padding:30px;} .comentarioo{min-height:150px;} 
.encima_form{position:relative; z-index:1;}
/********************************************************************CONTACTO********************************************************************/



@media (max-width:992px) {
/********************************************************************MENU********************************************************************/
	.mennu > li{width:20%;}
/********************************************************************MENU********************************************************************/

/********************************************************************INDEX********************************************************************/
	.cont_servicios .link_rojo{ max-width:50%;} .img_mt-16{margin-top:0;} .prod_pr0{padding-right:0px; padding-left:0;}  
	.prod_rigth{text-align:left;} .productos{padding-left:15px; padding-right:15px;} .prod_pl0 {padding-right:0;}
/********************************************************************INDEX********************************************************************/

.valor p {padding:18px 10px 2px;} .valor_rigth {text-align: left;}
.absoluto h2{ font-size:21px;}
/********************************************************************INDEX********************************************************************/
.tab01, .tab02, .tab03, .tab04{background-image:none ;}
/********************************************************************INDEX********************************************************************/

/********************************************************************PRODUCTOS********************************************************************/
.menu-prod a {font-size:12px;}
/********************************************************************PRODUCTOS********************************************************************/

/********************************************************************CONTACTO********************************************************************/
	.comentarioo {min-height: 100px;}
/********************************************************************CONTACTO********************************************************************/

}

@media (max-width:768px) {
	.navbar-brand{padding:4px 15px;}
	.logo{padding:0; max-height:40px;}
/********************************************************************MENU********************************************************************/	
	.mennu > li{width:100%;}
	.navbar-default .navbar-nav > li > a { text-align:left; padding-right:5px; padding-left:15px;}
	#bs-example-navbar-collapse-1{background-color:rgba(198, 198, 200, 0.1); padding:0;}
/*******************************************************************MENU********************************************************************/

/*******************************************************************PIE********************************************************************/
	.pl11{padding-left:0;}
	.pr11{padding-right:0;}
	.centrar_movil{text-align:center;}
/*******************************************************************PIE********************************************************************/

/*******************************************************************INDEX********************************************************************/
	.cont_servicios{margin-top:0px;}
/*******************************************************************INDEX********************************************************************/

.margen_especial{margin-left:0;}
}