@charset "utf-8";
.display-pc{ display:inherit !important;}
/*********************************** MENU PRINCIPAL  ****************************************/
.logo{  width:12%; height:auto; float:left; padding:2% 0%;  margin-right: 5%;}
.datos_y_menu{  width:68%; height:auto; float:left; margin-right: 5%; padding:2% 0%;}
.idiomas{  width:10%; height:auto; float:left; padding:2% 0% 1% 0%;}
.datos_pag{  width:100%; height:auto; float:left;  padding:1% 0%;}
#menu_botones{ width:100%; height:auto; float:left;}
#botones{ width:100%; height:auto; float:left; margin:0px; padding:0px; max-width:1400px;}
#botones li { display:inline; }
#botones li a {  
	font-family: normal;
	font-size: 17px;
	color: #b7994e;
	text-decoration: none;	
	width:25%;
	float:left;
	-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;  padding: 1% 0%; border-radius: 15px;
	}
#botones li a:normal{
	font-family: light;
	font-size: 17px;
	color: #e3c782;
	text-decoration: none;	
	width:25%;
	float:left; background: #953f00; border-radius: 15px; padding: 1% 0%;
	 }	
#botones a:hover, #botones .active a{
	font-family: normal;
	font-size: 17px;
	color: #e3c782;
	text-decoration: none;	
	width:25%;
	float:left; background: #953f00;  border-radius: 15px; padding: 1% 0%;
} 
#info2{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:1200px; padding: 0% 5%;  overflow:hidden;}
.Caja100Cie{ width:100%; height:auto; float:left; margin-bottom: 1%; }
/*********************************** BARRA FLOTANTE******************************************/
.barra_flotante{ width:45px; height:auto; float:left; padding:0%; position: fixed; z-index: 10000000; left:0%; margin-top:15%;}
.ico_llamar{ width:70%; height:auto; float:left; background:#01d59c; padding:5%;}
.ico_whatsapp{ width:70%; height:auto; float:left; background:#40e15d; padding:15%;}
.ico_facebook{ width:70%; height:auto; float:left; background:#3d548e; padding:15%;}
.ico_youtube{ width:70%; height:auto; float:left; background:#de1a2a; padding:15%;}
.ico_instagram{ width:70%; height:auto; float:left; background:#cb2a5f; padding:15%;}
.ico_mail{ width:70%; height:auto; float:left; background:#0f7dee; padding:15%;}
.ico_pinterest{ width:70%; height:auto; float:left; background:#fff; padding:15%;}
.ico_tiktok{ width:70%; height:auto; float:left; background:#000; padding:15%;}
/*********************************** INICIO  ********************************************/
.iniCont{ width:30%; height:auto; float:left; margin: 1%; background: #953f00;}
.iniCont2{ width:24%; height:auto; float:left; margin: 0.5%; }
.iniCont50{ width:49%; height:auto; float:left; margin: 0.5%; }
/*********************************** CATALOGO  ********************************************/
.cajaCat{ width:100%; height:auto; float:left; margin-bottom: 5%; background: #e6d4a7;}
.cajaCatIni{ width:100%; height:auto; float:left; margin: 0% 0%;}
.imgPri{ width:100%; height:auto; float:left;}
.cajaPeq{ width:100%; height:auto; float:left;}
.peqFotos{ width:20%; height:auto; float:left;}

.imgPri2{ width:60%; height:auto; float:left;}
.cajaPeq2{ width:40%; height:auto; float:left; }
.cajaPeq2a{ width:50%; height:auto; float:left;}
.cajaPeq2b{ width:50%; height:auto; float:left;}
.peqFotos2{ width:100%; height:auto; float:left;}

.cajaHori{ width:70%; height:auto; float:left; margin: 0% 15% 5% 15%;}

.cajaDrsc{ width:70%; height:auto; float:left; margin: 0% 15% 2% 15%;}

.cajaDrsc2{ width:55%; height:auto; float:left; margin: 0% 10% 2% 0%;}
.cajaIntCagVideo{ width:35%; height:auto; float:left; margin: 0% 0% 2% 0%;}
/*********************************** EXPOSICIONES  ********************************************/
.cajExpo{ width:70%; height:auto; float:left; margin-bottom: 5%; padding: 0% 15% 5% 15%; border-bottom: #b29240 1px solid;}
.texExp{ width:45%; height:auto; float:left; padding-top: 10%; margin-right: 5%;}
.imaExpo{ width:50%; height:auto; float:left;}
/*********************************** FORMACION  ********************************************/
.cjaFor{ width:100%; height:auto; float:left; margin-bottom: 5%;}
.ForIma{ width:25%; height:auto; float:left;}
.ForTEx{ width:44%; height:auto; float:left; margin: 0% 1% 0% 1%; background: #e6d4a7; padding: 1%;}
.ForCont{ width:25%; height:auto; float:left; background: #e6d4a7; padding: 1%;}

.cajSem{ width:96%; height:auto; float:left;  background: #e6d4a7; padding: 2%;}
.SemTex1{ width:48%; height:auto; float:left; margin-right: 2%;}
.SemTex2{ width:48%; height:auto; float:left; margin-left: 2%;}
/*********************************** PIE  ********************************************/
#pie_info{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:1200px; padding: 0% 5%; overflow:hidden;}
/*********************************** TIPOGRAFIAS  *****************************************/
.Texto {
	font-family: cursiva;
	font-size: 17px;
	color: #2c271a;
	text-decoration: none;
	line-height: 25px;
}
.Titulo {
	font-family: cursiva;
	font-size: 25px;
	color: #2c271a;
	text-decoration: none; 
}
.Sub_Titulo {
	font-family: cursiva;
	font-size: 17px;
	color: #fff;
	text-decoration: none;
}
.Titulo_pie {
	font-family: titulo2;
	font-size: 40px;
	color: #953f00;
	text-decoration: none;
}	
.Texto_pie {
	font-family: cursiva;
	font-size: 17px;
	color: #b7994e;
	text-decoration: none;
    line-height: 25px;
}