@charset "utf-8";
/* CSS Document */
.display-tablet{ display:inherit !important;}
body{ margin:0px; background-color: #4c4c4c;}
/*********************************** MENU PRINCIPAL  *************************************************************/
#caja_l_d{  width:86%; height:auto; float:left; padding:3% 8% 3% 6%; background:#fff; overflow:hidden;}
.logo{  width:30%; height:auto; float:left; margin-right: 20%;}
#datos_pag{  width:50%; 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:6%;  }
#banner_img{ width:100%; height:auto; float:left;  }
/*********************************** ESLOGAN  *************************************************************/
#cont_5_foto{ width:100%; height:auto; float:left; background:#999;}
.cont_11{ width:23%; height:auto; float:left; margin-right:2%;}
/*********************************** PRODUCTOS  *************************************************************/
#pro{ width:50%; height:auto; float:left; }
#video{ width:70%; height:auto; float:left; margin: 1% 15%;}
/*********************************** NOSOTROS  *************************************************************/
.cont_21{ width:30%; height:auto; float:left; margin-right:4%;}
.cont_22{ width:66%; height:auto; float:left; }
/*********************************** HISTORIA  *************************************************************/
.cont_int{ width:55%; height:auto; float:left; margin-right:3%; }
.cont_int_2{ width:42%; height:auto; float:left;}
/*********************************** PIE  *************************************************************/
.pie_22{ width:30%; height:auto; float:left; }
.pie_23{ width:20%; height:auto; float:left; margin: 0px 4% 0px 4%;  padding:0% 5% 0% 5%; }
/*********************************** 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: 20px;
	color: #6a3f00;
	text-decoration: none;
}
.Titulo_banner {
	font-family: titulo;
	font-size: 30px;
	color: #fff;
	text-decoration: none;
}
.Sub_Titulo_banner {
	font-family: normal;
	font-size: 20px;
	color: #e38600;
	text-decoration: none;
}
.Texto_banner {
	font-family: normal;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
.Texto {
	font-family: normal;
	font-size: 14px;
	color: #848484;
	text-decoration: none;
}
.Titulo {
	font-family: normal;
	font-size: 20px;
	color: #f37d00;
	text-decoration: none;
}
.Sub_Titulo {
	font-family: normal;
	font-size: 25px;
	color: #e38600;
	text-decoration: none;
}
.Titulo_blanco {
	font-family: normal;
	font-size: 40px;
	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: 14px;
	color: #aeb7c4;
	text-decoration: none;
}