@charset "utf-8";
.display-pc{ display:inherit !important;}
/*********************************** MENU PRINCIPAL  ************************************/
.logo{  width:35%; height:auto; float:left; padding:2% 0%; margin-right: 35%}
.datos{  width:30%; height:auto; float:left; padding:3% 0%;}
#menu_botones{ width:100%; height:auto; float:left;  }
            * {
				margin:0px;
				padding:0px;}
			ul, ol {
				list-style:none;
			}
			
			.nav > li {
				float:left;
			}
			
			.nav li a {
				font-family: Arial;
				font-size: 15px;
                color: #fff;
				text-decoration:none;
			    width:180px;
	            padding:20px 0px;;
				display:block;
	-webkit-transition: background 1s, color 1s, text-shadow 1s, border-left 1s ;
	-webkit-transition-delay: 0.3s; 
	-moz-transition: background 1s, color 1s, text-shadow 1s;
	-moz-transition-delay: 0.2s;
	-ms-transition: background 1s, color 1s, text-shadow 1s;
	-ms-transition-delay: 0.2s; border-left: #7198ff 1px solid;  border-bottom: #7198ff 1px solid;
			}
			
			.nav li a:hover {
				color: #fff; 
				background:#95c9ff;
				padding:20px 0px;;  
                border-bottom: #7198ff 1px solid;
			}
			
			.nav li ul {
				display:none;
				position:absolute; 
                z-index: 100000;
				background:#5b7bdd;
				margin-top:1px; 
				width:180px; 
			}
			.nav a:hover, .nav .active a{
				color: #fff; 
				padding:20px 0px;;

} 
			.nav li:hover > ul {
				display:block;
			}
/*********************************** BOTON ESLOGAN  ********************************/
#boton_eslogan{ width:auto; height:auto; float:left; margin:0px; padding:0px;}
#boton_eslogan li { display:inline; }
#boton_eslogan li a {  
	font-family: titulo;
	font-size: 23px;
	color: #fff;
	text-decoration: none; 
	padding:15px 10% 15px 10%; 
	float:left;
	background:#f47c4b;
	-webkit-transition: background 1s, color 1s, text-shadow 1s, border-left 1s ;
	-webkit-transition-delay: 0.3s; 
	-moz-transition: background 1s, color 1s, text-shadow 1s;
	-moz-transition-delay: 0.2s;
	-ms-transition: background 1s, color 1s, text-shadow 1s;
	-ms-transition-delay: 0.2s;
	width:250px;
	border-radius: 10px;
	}
#boton_eslogan li a:hover{
	font-family: titulo;
	font-size: 23px;
	color: #fff;
	text-decoration: none;	
	padding:15px 10% 15px 10%;
	float:left;
	background:#dc7044;
	width:250px;
	border-radius: 10px;
	 }	
.eslogan_cont{ width: 30%; height: auto; float: left; margin:60px 0px;}
.eslogan_cont_2{ width: 70%; height: auto; float: left;  margin:10% 0px 4% 0px;}
.eslogan_cont_boton{ width: 48%; height: auto; float: left;  margin:0px 0px 0px 22%;}
/*********************************** CONTENIDO  *************************************/
.cont_ind{ width:30%; height:auto; float:left; background:#FFF; border-bottom:#F00 2px solid; padding: 1%; margin: 0% 0.5%;}
/*********************************** NOSOTROS  *********************************/
.cont_21{ width:30%; height:auto; float:left; margin-right:4%;}
.cont_22{ width:66%; height:auto; float:left; }
/*********************************** paquetes  *********************************/
.paqe{ width:47%; height:auto; float:left; background:#f5cc51; border-bottom:#ddb849 5px solid; padding: 1%; margin: 1% 0.5%;  }
/*********************************** PRODUCTOS  ******************************/
.pro{ width:30%; height:auto; float:left; background:#f5cc51; border-bottom:#ddb849 5px solid; padding: 1%; margin: 1% 0.5%; }
.pro_foto{ width:100%; height:200px; float:left; overflow:hidden; margin-bottom: 1%;}
/*********************************** PIE  *******************************/
.pie_22{ width:30%; height:auto; float:left; }
.pie_23{ width:20%; height:auto; float:left; margin: 0px 4% 0px 4%; border-left:#acbcee 1px solid; border-right:#acbcee 1px solid; padding:0% 5% 0% 5%; }
/*********************************** CONTACTO  *********************************/
.formulario_1{ width:30%; height:auto; float:left;  margin-right:5%;}
.formulario_2{ width:65%; height:auto; float:left; }
#celdas{ width:32.3%; height:auto; float:left; margin-top:1%; margin:1% 1% 0% 0%;}
#celdas_comentario{ width:100%; height:auto; float:left; margin-top:1%;}
#boton_enviar{ width:auto; height:auto; float:left; margin-top:1%;}
.casilla{ width:94%;  background:#fbfafa; border:#dc7044 solid 1px; padding:3%; }
.comentarios{ width:96%;  background:#fbfafa; border:#dc7044 solid 1px; padding:2%;  }
/*********************************** TIPOGRAFIAS  ***************************/
.Texto {
	font-family: Arial;
	font-size: 17px;
	color: #5e5e5e;
	text-decoration: none;
    line-height: 25px;
}
.Texto_int {
	font-family: Arial;
	font-size: 17px;
	color: #faebe4;
	text-decoration: none;
    line-height: 25px;
}
.Titulo {
	font-family: titulo;
	font-size: 40px;
	color: #fff;
	text-decoration: none;
    line-height: 50px;
}
.Titulo_eslogan {
	font-family: titulo;
	font-size: 35px;
	color: #3e3e3e;
	text-decoration: none;
	line-height: 35px;
}
.Sub_Titulo {
	font-family: titulo;
	font-size: 25px;
	color: #e05339;
	text-decoration: none;
}
.Texto_pie {
	font-family: Arial;
	font-size: 17px;
	color: #fff;
	text-decoration: none;
}