@charset "utf-8";
/* CSS Document */

html,body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:16px;
	line-height:22px;
	font-family: 'Roboto', sans-serif;
	color: #4A4A4A;
	height: 100%;
}

#Contenedor_gral{width: 100%; float: left;}
#Contenedor_centro{width: 100%; max-width: 1240px; padding-left: 20px; padding-right: 20px; box-sizing: border-box; margin: 0 auto;}

.Separacion_top{margin-top: 100px;}
.Separacion_bottom{margin-bottom: 100px;}

@media only screen and ( max-width: 800px ){
.Separacion_top{margin-top: 50px;}
.Separacion_bottom{margin-bottom: 50px;}
}

/*=====================*/

#Top{width: 100%; height: 96px; float: left; box-sizing: border-box; border-bottom: 1px solid #727070;}
#Logo{width: 30%; float: left; padding-left: 10px; box-sizing: border-box; margin-top: 10px;}
#Logo img{width: 100%; max-width: 400px; height: auto; border: 0px;}

@media only screen and ( max-width: 1100px ){
#Logo{width: 70%; position: absolute;}
}

@media only screen and ( max-width: 600px ){
#Logo img{max-width: 310px;}
#Top{width: 100%; height: 75px;}
}


/*=====================*/

#Slider_home{width: 100%; float: left;}
#Info_slider{width: 30%; background-color: rgba(255,255,255,.80); float: left;  box-sizing: border-box; padding: 30px; margin-top: 50px; margin-bottom: 50px; color: #0c486c;}
#Info_slider b{font-weight: 900px; font-size: 35px; color: #ee303c;}
#Info_slider a{display: block; padding: 20px; border: 2px solid #ee303c; text-align: center; text-decoration: none; font-weight: 900; font-size: 24px; color: #ee303c;}
#Info_slider a:hover{background-color: #ffffff;}


@media only screen and ( max-width: 1250px ){
#Info_slider{width: 50%; margin-top: 10px; margin-bottom: 0px;}
}

@media only screen and ( max-width: 960px ){
#Info_slider{width: 100%;}
}

@media only screen and ( max-width: 850px ){
#Info_slider a{padding: 10px;}
}

/*=======*/

#Home_productos_1{width: 100%; height: auto; float: left; margin-bottom: 20px;}
#Home_productos_1_columna_1{width: 50%; box-sizing: border-box; float: left; padding-left: 10px; padding-right: 10px; margin-bottom: 20px;}
#Home_productos_1_columna_1 p{display: none;}
#Home_productos_int_1{width: 100%; min-height: 130px; float: left; box-sizing: border-box; padding: 10px; border: 1px solid #e1eaf0; text-align: center;
/* Default */ transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: 0s;}
#Home_productos_int_1 img{border: 1px solid #dbdcdd; margin-top: -50px; width: 100%; max-width: 210px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
/* Default */ transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: 0s;}
#Home_productos_int_1_bk{width: 100%; position: relative; height: 250px; background-position: center; background-size: cover; z-index:-1;}

#Home_productos_1 a{color: #868787;}
#Home_productos_1 a:hover #Home_productos_int_1{border: 1px solid #ee303c;}
#Home_productos_1 a:hover #Home_productos_int_1 img{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}

@media only screen and ( max-width: 1210px ){
#Home_productos_int_1 img{max-width: 150px;}
}

@media only screen and ( max-width: 960px ){
#Home_productos_1_columna_1{width: 50%;  margin-bottom: 20px;}
#Home_productos_int_1{min-height: 380px;}
#Home_productos_int_1 img{max-width: 200px;}
#Home_productos_1{margin-bottom: 0px;}
}

@media only screen and ( max-width: 600px ){
#Home_productos_1_columna_1{width: 100%;}
#Home_productos_int_1{min-height: 300px;}
}

#Home_productos_2_columna_2{width: 50%; box-sizing: border-box; float: left; padding-left: 10px; padding-right: 10px;}
#Home_productos_int_2{width: 100%; float: left; box-sizing: border-box; padding: 10px; border: 1px solid #c3d6e2; text-align: center;
/* Default */ transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: 0s;}
#Home_productos_int_2 img{border: 1px solid #dbdcdd; width: 100%; max-width: 210px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
/* Default */ transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: 0s;}
#Home_productos_int_2_bk{width: 50%; min-height: 260px; float: left; background-position: center; background-size: cover; z-index:-1;
-ms-display: flex; display: flex; /* alineacion vertical */ align-items: center; /* alineacion horizontal */ justify-content: center;}
#Home_productos_int_2 p{width: 50%; float: left; min-height: 260px; box-sizing: border-box; padding-left: 10px; margin: 0px;
-ms-display: flex; display: flex; /* alineacion vertical */ align-items: center; /* alineacion horizontal */ justify-content: center;}

#Home_productos_1 a:hover #Home_productos_int_2{border: 1px solid #ee303c;}
#Home_productos_1 a:hover #Home_productos_int_2 img{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}

@media only screen and ( max-width: 750px ){
#Home_productos_2_columna_2{width: 100%; margin-bottom: 20px;}
}

#Home_productos_2{width: 100%; height: auto; float: left;}
#Home_productos_3_columna_3{width: 33.33%; box-sizing: border-box; float: left; padding-left: 10px; padding-right: 10px;}
#Home_productos_3_columna_3_b{width: 33.33%; box-sizing: border-box; float: left; padding-left: 10px; padding-right: 10px;}
#Home_productos_int_3{width: 100%; min-height: 400px; float: left; box-sizing: border-box; padding: 10px; border: 1px solid #e1eaf0; text-align: center;
/* Default */ transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: 0s;}
#Home_productos_int_3 img{border: 1px solid #dbdcdd; margin-top: -50px; width: 100%; max-width: 210px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
/* Default */ transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: 0s;}
#Home_productos_2 a{color: #868787;}
#Home_productos_2 a:hover #Home_productos_int_3{border: 1px solid #ee303c;}
#Home_productos_2 a:hover #Home_productos_int_3 img{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}

@media only screen and ( max-width: 960px ){
#Home_productos_3_columna_3{margin-top: 20px;}
#Home_productos_3_columna_3_b{margin-top: 20px;}
}

@media only screen and ( max-width: 750px ){
#Home_productos_3_columna_3{width: 50%;}
#Home_productos_3_columna_3_b{width: 100%;}
#Home_productos_3_columna_3_b #Home_productos_int_3{min-height: 270px;}
}

@media only screen and ( max-width: 600px ){
#Home_productos_3_columna_3{width: 100%; margin-top: 0px; margin-bottom: 20px;}
#Home_productos_3_columna_3_b{margin-top: 0px;}
#Home_productos_int_3{min-height: 270px;}
}

/*=======*/

.Contenedor_mapa{width: 100%; padding-top: 38px; padding-bottom: 38px; box-sizing: border-box; border-bottom: 2px solid #ee303c; border-top: 2px solid #ee303c; text-align: center;}
.Contenedor_mapa img{width: 100%; display: block;}
#map{width:100%; height:420px;}

@media only screen and ( max-width: 600px ){
.Contenedor_mapa{padding-top: 10px; padding-bottom: 10px;}
}

/*=====================*/

.Pie{background-color: #f6f7f9;}
#Cierre{width: 100%; float: left; box-sizing: border-box; padding-bottom: 100px; padding-top: 100px; text-align: center;}
#Cierre_direccion{width: 100%; border-bottom: 4px solid #0c486c; padding-bottom: 50px;}
#Cierre_direccion p{margin: 0px;}
#Cierre_direccion b{color: #0c486c; font-size: 24px; margin-bottom: 30px; width: 100%; float: left;}

#Cierre_datos_1{width: 33.33%; float: left; box-sizing: border-box; text-align: center; margin-top: 30px; padding-left: 15px; padding-right: 15px;}
#Cierre_datos_1 b{color: #0c486c; font-size: 20px; font-weight: 300;}
#Cierre_datos_2{width: 33.33%; float: left; box-sizing: border-box; text-align: center; margin-top: 30px; padding-left: 15px; padding-right: 15px;}
#Cierre_datos_2 b{color: #0c486c; font-size: 20px; font-weight: 300;}
#Cierre_datos_2 a{color: #0c486c; font-size: 20px; font-weight: 300; text-decoration: none;}
#Cierre_datos_2 a:hover{color:#ee303c;}

#Certificados{width: 100%; float: left; box-sizing: border-box; border-top: 4px solid #0c486c; margin-top: 40px; padding-top: 30px;}
#Certificados b{color: #0c486c; font-size: 18px; margin-bottom: 30px; width: 100%; float: left;}
#Certificados img{display: block; margin: 0 auto; width: 100%; max-width: 350px;}

@media only screen and ( max-width: 800px ){
#Cierre_datos_1{width: 50%;}
#Cierre_datos_2{width: 100%;}
#Cierre{padding-bottom: 50px; padding-top: 50px;}
}

@media only screen and ( max-width: 600px ){
#Cierre_datos_1{width: 100%;}
}

#Legales{width: 100%; float: left; height: 50px; background-color: #2f3030; text-align: center; color: #ffffff;}
#Legales p{margin: 0px; font-weight: 300; font-size: 14px; margin-top: 15px;}

/*=====================*/

#Interior_info{width: 50%; float: left; box-sizing: border-box; padding-left: 20px; padding-right: 20px; text-align: right;}
#Interior_info strong{color:#ee303c;}
.Interior_titulo{color:#0c486c; font-size: 40px; font-weight: 300px; text-transform: uppercase;}
.Interior_frace{color:#313131; font-size: 24px; font-weight: 100px; text-transform: lowercase; margin-bottom: 30px; float: left; width: 100%;}

#Interior_img{width: 50%; float: left; box-sizing: border-box; padding-left: 20px; padding-right: 20px; text-align: center;}
#Interior_img img{width: 100%; max-width: 500px;}

#Interior_columnas{width: 100%; float: left; margin-top: 50px;}
#Interior_columnas_1{width: 50%; float: left; padding-left: 50px; padding-right: 50px; box-sizing: border-box;}
#Interior_columnas_info_1{width: 100%; box-sizing: border-box; padding: 15px; border: 1px solid #c7d9e4; background-color: #f6f7f9;}
#Interior_columnas_info_1 strong{color: #0c486c; font-size: 24px; font-weight: 300;}
#Interior_columnas_info_1 ul li{list-style-image: url(../img/icono/bullet.jpg);}
#Interior_columnas_info_1 li {margin-bottom: 10px;}

@media only screen and ( max-width: 1050px ){
#Interior_info{width: 65%;}
#Interior_img{width: 35%;}
#Interior_columnas_1{padding-left: 20px; padding-right: 20px;}
}

@media only screen and ( max-width: 800px ){
#Interior_info{width: 100%;}
#Interior_img{width: 100%;}
.Interior_img_bk_mastercolor{ height: 250px; margin-top: 20px; background-image: url(../img/gral/mastercolor-01.jpg); background-position: center; background-size: cover;}
#Interior_img img{display: none;}
#Interior_columnas_1{padding-left: 20px; padding-right: 20px;}

#Interior_columnas_1{width: 100%;}
}

#Interior_fotos_1{width: 20%; height: 260px; float: left; background-position: center; background-size: cover;}
#Interior_fotos_2{width: 25%; height: 260px; float: left; background-position: center; background-size: cover;}
#Interior_fotos_3{width: 20%; height: 260px; float: left; background-position: center; background-size: cover;}
#Interior_fotos_4{width: 35%; height: 260px; float: left; background-position: center; background-size: cover;}

@media only screen and ( max-width: 800px ){
#Interior_fotos_1{width: 50%; height: 200px;}
#Interior_fotos_2{width: 50%; height: 200px;}
#Interior_fotos_3{width: 50%; height: 200px;}
#Interior_fotos_4{width: 50%; height: 200px;}
}

/*=====================*/

#Contacto_info{width: 50%; float: left; box-sizing: border-box; padding-left: 20px; padding-right: 20px; text-align: right;}
#Contacto_info b{color:#0c486c; font-size: 40px; font-weight: 300;}
#Contacto_info a{color: #4A4A4A; text-decoration: none;}
#Contacto_info a:hover{color: #ee303c;}

#Contacto_formulario{width: 50%; float: left; box-sizing: border-box; padding-left: 20px; padding-right: 20px;}

.Contacto_0{width:100%; max-width: 600px; margin:0 auto;}
.Contacto_0 input[type="text"] { border:0px; background-color:#f5f8fe; color:#000000 !important; 
border-bottom:3px solid #ee303c; width:100%; height:40px; box-sizing:border-box; padding-left:10px; font-size:17px;
}
.Contacto_0 input[type="text"]:focus, .Contacto input[type="text"].focus {
border-bottom:0px solid #ee303c;	
box-shadow: 0px 0px 18px rgba(238, 48, 60, .70);
-moz-box-shadow: 0px 0px 18px rgba(238, 48, 60, .70);
-webkit-box-shadow: 0px 0px 18px rgba(238, 48, 60, .70);
}
.Comentarios{ border:0px; background-color:#f5f8fe; border-bottom:3px solid #ee303c; width:100%; height:80px; box-sizing:border-box; padding-left:10px; font-size:17px; color:#000000 !important; }
.Comentarios:focus { 
border:0px solid #ee303c;	
box-shadow: 0px 0px 18px rgba(238, 48, 60, .70);
-moz-box-shadow: 0px 0px 18px rgba(238, 48, 60, .70);
-webkit-box-shadow: 0px 0px 18px rgba(238, 48, 60, .70);
}
.Contacto_0 a{width:100%; height:50px; text-align:center; color:#ffffff; background-color:#ee303c; display:block; text-decoration:none; font-size:24px; box-sizing:border-box; padding-top:12px;}

@media only screen and ( max-width: 600px ){
#Contacto_info{width: 100%; margin-bottom: 50px;}
#Contacto_formulario{width: 100%;}
}

#Imagen_contacto{width: 100%; height: 300px; background-position: center; background-image: url(../img/bk/bk-contacto.jpg); background-size: cover; float: left; margin-top: 50px; }

#Sucursales{width: 100%; float: left;}
#Sucursales_img{width: 100%; text-align: center; margin-bottom: 50px; float: left;}
#Sucursales_columna{width: 20%; float: left; box-sizing: border-box; padding-left: 10px; padding-right: 10px;}
#Sucursales_columna_2{width: 20%; float: left; box-sizing: border-box; padding-left: 10px; padding-right: 10px;}
#Sucursales_info{width: 100%; min-height: 400px; box-sizing: border-box; padding: 15px; border: 1px solid #ee303c; background-color: #f6f7f9;}
#Sucursales_info b{color:#ee303c; font-size: 18px;}
#Sucursales_info p{font-size: 14px;}
#Sucursales_info a{color: #4A4A4A; text-decoration: none;}
#Sucursales_info a:hover{color: #ee303c;}

@media only screen and ( max-width: 1200px ){
#Sucursales_columna{width: 50%;}
#Sucursales_columna_2{width: 100%; margin-top: 20px; margin-bottom: 20px;}
#Sucursales_info{min-height: 300px;}
}

@media only screen and ( max-width: 600px ){
#Sucursales_columna{width: 100%;  margin-bottom: 20px;}
#Sucursales_columna_2{margin-top: 0px;}
#Sucursales_info{min-height: 200px;}
}

/*=====================*/

#Nosotros{width: 100%; float: left; text-align: center;}
#Nosotros p{margin-top: 0px;}
#Nosotros b{color:#0c486c; font-size: 40px; font-weight: 300;}
#Nosotros_frace{width: 100%; float: left; margin: 0px; text-align: center; font-size: 30px; color: #ee303c; margin-top: 20px !important;}

#Mision{width: 100%; float: left;}
#Mision_info{width: 50%; min-height: 400px; float: left; box-sizing: border-box; padding-left: 50px; padding-right: 50px; text-align: center; background-image: url(../img/bk/bk-displasa-06.jpg); background-position: top right; background-repeat: no-repeat; padding-top: 50px;}
#Mision_info b{color:#0c486c; font-size: 40px; font-weight: 300;}
#Mision_img{width: 50%; min-height: 400px; float: left; background-image: url(../img/bk/bk-displasa-01.jpg); background-position: center; background-size: cover;}

#Vision{width: 100%; float: left;}
#Vision_info{width: 50%; min-height: 300px; float: left; box-sizing: border-box; padding-left: 50px; padding-right: 50px; text-align: center; background-image: url(../img/bk/bk-displasa-04.jpg); background-position: top left; background-repeat: no-repeat; padding-top: 50px;}
#Vision_info b{color:#0c486c; font-size: 40px; font-weight: 300;}
#Vision_img{width: 50%; min-height: 300px; float: left; background-image: url(../img/bk/bk-displasa-02.jpg); background-position: center; background-size: cover;}

#Calidad{width: 100%; float: left;}
#Calidad_info{width: 50%; min-height: 400px; float: left; box-sizing: border-box; padding-left: 50px; padding-right: 50px; text-align: center; background-image: url(../img/bk/bk-displasa-05.jpg); background-position: top right; background-repeat: no-repeat; padding-top: 50px;}
#Calidad_info b{color:#0c486c; font-size: 40px; line-height: 40px; font-weight: 300;}
#Calidad_img{width: 50%; min-height: 400px; float: left; background-image: url(../img/bk/bk-displasa-03.jpg); background-position: center; background-size: cover; background-color: aqua;}

@media only screen and ( max-width: 800px ){
#Mision_info{width: 100%; min-height: 200px; padding-bottom: 50px;}
#Mision_img{width: 100%; min-height: 400px;}

#Vision_info{width: 100%; min-height: 200px; padding-bottom: 50px; padding-top: 50px;}
#Vision_img{width: 100%; min-height: 250px;}

#Calidad_info{width: 100%; min-height: 200px; padding-bottom: 50px;}
#Calidad_img{width: 100%; min-height: 400px;}
}

@media only screen and ( max-width: 600px ){
#Mision_info{padding-left: 20px; padding-right: 20px; padding-top: 0px;}
#Vision_info{padding-left: 20px; padding-right: 20px;}
#Calidad_info{padding-left: 20px; padding-right: 20px;}
}

/*=====================*/

#Servicios{width: 100%; float: left; text-align: center;}
#Servicios p{margin-top: 0px;}
#Servicios b{color:#0c486c; font-size: 40px; font-weight: 300;}

#Servicios_img{width: 100%; min-height: 300px; background-image:url(../img/bk/bk-servicios.jpg); background-position: center; background-size: cover; background-position: center; float: left; margin-top: 50px;}
#Servicios_info{width: 100%; float: left; margin-top: 50px; box-sizing: border-box; padding-left: 200px; padding-right: 200px;}
#Servicios_info_int{width: 33.3%; float: left; box-sizing: border-box; padding: 30px; padding-bottom: 0px; text-align: center;}
#Servicos_info_int p{margin: 0px;}

@media only screen and ( max-width: 1020px ){
#Servicios_info{padding-left: 50px; padding-right: 50px;}
}

@media only screen and ( max-width: 700px ){
#Servicios_img{min-height: 200px; margin-top: 30px;}
#Servicios_info{padding-left: 0px; padding-right: 0px;}
}

@media only screen and ( max-width: 550px ){
#Servicios_info_int{width: 100%;}
}

/*=====================*/

#Foto_bolsa_trabajo{float: left; width: 100%; margin-top: 20px; height: 300px; background-image: url(../img/bk/bk-bolsa-de-trabajo.jpg); background-position: center; background-repeat: no-repeat;}

@media only screen and ( max-width: 800px ){
#Foto_bolsa_trabajo{height: 180px; background-size: cover;}
}

#Bt_info{width: 100%; float: left; box-sizing: border-box; padding-left: 20px; padding-right: 20px; text-align: left; margin-top: 50px;}
#Bt_info b{color:#0c486c; font-size: 40px; font-weight: 300;}

.Tabla_gral{width:100%; border:1px solid #dededc !important; text-align:left;  border-collapse:collapse; margin-top: 30px;
box-shadow: -1px 0px 15px rgba(0, 0, 0, 0.15);
-moz-box-shadow: -1px 0px 15px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: -1px 0px 15px rgba(0, 0, 0, 0.15);}
.Tabla_gral strong{color:#FFFFFF;}
.Tabla_gral span {color:#f92c3d; font-weight: bold;}
.Tabla_gral td{padding-top:5px; padding-bottom:5px; padding-left:7px; padding-right:7px; border:1px solid #dededc;}
.Tabla_gral tr:nth-child(odd) {background-color: #eef4f8;}
.Tabla_gral tr:nth-child(even) {background-color: #FFF;}
.Tabla_gral a{display: inline-block; padding-left: 30px; padding-right: 30px; padding-top: 13px; box-sizing: border-box; height: 50px; text-align: center; background-color: #ee303c; color: #ffffff; text-decoration: none;  margin-bottom: 10px; margin-top: 10px;}

@media only screen and ( max-width: 500px ){
.Tabla_gral a{width: 100%;}
}