@charset "utf-8";
/* CSS Document */
.display-celulares{ display:inherit !important;}
body{ margin:0px; background-color: #4c4c4c;}
/*********************************** MENU  *************************************************************/
#caja_l_d{  width:86%; height:auto; float:left; padding:3% 8% 3% 6%; background:#fff; overflow:hidden;}
.logo{  width:60%; height:auto; float:left; margin: 0% 20%;}
#datos_pag{  width:100%; height:auto; float:left;  }
.tel{  width:5%; height:auto; float:left; margin-top:5%; margin-right: 5%;  }
.datos_tele{  width:90%; height:auto; float:left; margin-top:5%;}
#botones{ width:90%; height:auto; float:left; background:#575b61; border-bottom:#f37d00 8px solid; padding:0% 5%;}	
nav{ right:0; background:#4d4d4d;  width:180px; top:0;  z-index:0;  position:absolute; position:fixed;  }
#boton{  cursor:pointer; padding:2%}
.menu_tablet_girar {
	font-family: titulo;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	line-height: 50px;
	margin-right:15px;
} 
/*********************************** BANNER  *************************************************************/
#banner{ width:100%; height:auto; float:left; }
.banner_esl{ width:100%; height:auto; float:left; position:absolute; z-index:1000; margin-top:3%;}
#banner_img{ width:100%; height:auto; float:left;  }
/*********************************** ESLOGAN  *************************************************************/
#cont_5_foto{ width:100%; height:auto; float:left; background:#999;}
.cont_11{ width:100%; height:auto; float:left;}
/*********************************** PRODUCTOS  *************************************************************/
#pro{ width:100%; height:auto; float:left;}
#video{ width:100%; height:auto; float:left; margin: 1% 0%;}
/*********************************** NOSOTROS  *************************************************************/
.cont_21{ width:100%; height:auto; float:left; margin-bottom:40px;}
.cont_22{ width:100%; height:auto; float:left; }
/*********************************** HISTORIA  *************************************************************/
.cont_int{ width:100%; height:auto; float:left; margin-bottom:20px;}
.cont_int_2{ width:100%; height:auto; float:left;}
/*********************************** PIE  *************************************************************/
.pie_22{ width:100%; height:auto; float:left; margin-bottom:20px; }
.pie_23{ width:100%; height:auto; float:left; }
/*********************************** CONTACTO  *************************************************************/
#formulario{ width:100%; height:auto; float:left; margin-top:30px;}
.casilla{ width:95%;  background:#ecedef; border:#d8d9db solid 2px; padding:2%; border-radius:8px; }
.comentarios{ width:95%;  background:#ecedef; border:#d8d9db solid 2px; padding:2%; border-radius:8px; }
/*********************************** TIPOGRAFIAS  *************************************************************/
.titulo_eslogan {
	font-family: titulo;
	font-size: 17px;
	color: #6a3f00;
	text-decoration: none;
}
.Titulo_banner {
	font-family: titulo;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}
.Sub_Titulo_banner {
	font-family: normal;
	font-size: 15px;
	color: #e38600;
	text-decoration: none;
}
.Texto_banner {
	font-family: normal;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}
.Texto {
	font-family: normal;
	font-size: 12px;
	color: #848484;
	text-decoration: none;
}
.Titulo {
	font-family: normal;
	font-size: 35px;
	color: #f37d00;
	text-decoration: none;
}
.Sub_Titulo {
	font-family: normal;
	font-size: 20px;
	color: #e38600;
	text-decoration: none;
}
.Titulo_blanco {
	font-family: normal;
	font-size: 30px;
	color: #46494e;
	text-decoration: none;
}
.Texto_blanco {
	font-family: normal;
	font-size: 14px;
	color: #e9d9c3;
	text-decoration: none;
}
.Texto_pie {
	font-family: normal;
	font-size: 12px;
	color: #aeb7c4;
	text-decoration: none;
}