/***********************************************************************************************************************/
/*******************************************************GENERALES*******************************************************/
/***********************************************************************************************************************/
body, html
{
	width: 100%;
	margin: 0;
}
body
{
	padding-top: 150px; 
	font-family: 'Open Sans', sans-serif;
	line-height: 24px;
	color: #696969;
	background-color: white;
}

@media all and (max-width:804px){	
	body {padding-top: 40px; }
}

footer
{
	width: 100%;	
	text-align: center;	
	margin-top: 80px;

	/* descomentar para ver el footer fixed, no queda bien :p  
	position: fixed;			
	bottom:0;   */
}

footer p 
{

	display: inline-block; 
	vertical-align: middle;
	padding: 5px; 
	
}

footer p:nth-child(1) /*Copyright Text p*/
{
	/*background-color: red;	*/
	width: 30%; 
	text-align: left;
	margin-left: 5px;
	
	
}

footer p:nth-child(2) /* langs */
{
	background-color: purple; 
	width: 30%; 
	text-align: center;
	margin-right: 5px;
	
}
footer p:nth-child(2) img{margin-left: 3px;  margin-right: 3px; width:5%; vertical-align: middle; min-width :15px; }
footer p:nth-child(2)  a{color: #d8e0ff; text-decoration: none;}
footer p:nth-child(2)  a:hover{color: #7c98ff}

footer p:nth-child(3) /*Social Media p*/
{
	/*background-color: purple;	*/
	width: 30%; 
	text-align: right;
	margin-right: 5px;
	
}

footer img{ margin-left: 3px;  margin-right: 3px;}

#langList{ margin:auto; padding:0px; list-style-type:none;width:auto;  display:inline-block; font-size:15px;}
#langList li{display:inline-block;}
#langList img{margin-left: 3px;  margin-right: 3px; width:5%; vertical-align: middle; min-width :15px; }
#langList a {color: #d8e0ff; text-decoration: none;}
#langList a:hover{color: #7c98ff}

@media all and (max-width:1008px){
	
	footer p:nth-child(1), footer p:nth-child(2), footer p:nth-child(3),#langList
	{
		
		width: 80%; 
		text-align: left;
		margin-left: 5px;		
	}


}




#centerer
{
	width: 100%;
	height: 100%;
	/*background-color: #8a7f70;*/
	background-color: #37322d;
	margin: 0 auto;
	color:#ece7e0;
	font-size: 14px;
	font-family: "Open Sans";
	border-top: 1px #ccbca6 solid;
	border-bottom: 1px #ccbca6 solid;
		
}
.lower_size_letter_menu
{
	background:red;
	font-size: 10px !important;
	
}
.menu  
{
	

	height: 170px;
	margin:0;
	width: 100%;
	z-index: 999;
	margin-top: 0px;
	position: fixed;		
	background-color: white;
	top:0;	
	border-bottom: 1px white solid;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

}

.smaller
{
	height: 73px;
	margin:0;
	width: 100%;
	z-index: 999;
	margin-top: 0px;
	margin-bottom: 500px;
	position: fixed;			
	top:0;
	/*background-color: rgba(246, 241, 234, 0.95); Probar con este color tambien*/
	background-color:white;
	border-bottom: 1px #dfdfdf solid;	

}


.menu nav:nth-child(1)
{
	
	width: 80%; 
	height:100%; 
	padding: 0px;  
	margin: auto; 
	text-align: center; /*background-color: green;*/	

}



.menu ul{ width: 100%; height:100%; margin: auto;  border: 0; padding: 0px;} 

.itemMainMenu
{
	text-align: center; 
	display: inline-block; 
	width: 13.0333%;  /* 100% - 20%(imagenWidth) / 6 items */	
	margin:0; 
	margin-left: -4px; /*Eliminar espacios */
	padding: 0px; 
	font-size: 0px; 		
	height: 35px;	
	vertical-align: 75%;
	padding: 0px 0px 10px 0px;
	border-left:1px #e5d3ba dotted;
	border-bottom: 3px rgba(0,0,0,0) solid;
	padding-bottom: 10px;
	background-color: white;
	/*top: 90%;*/

	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition:all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;



}
.itemMainMenu:hover, .pagActual
{
	background-color: rgba(255, 255, 255, 255);
	border-bottom: 3px #554e45 solid !important ;
	color:white;
}




.menu nav:nth-child(1) li:nth-child(1){border-left:1px rgba(0,0,0,0) dotted;}

.menu nav:nth-child(1) li:nth-child(3){border-right:1px #e5d3ba dotted;}

#idLogo
{
	margin: auto;
	margin-top: 0px;	
	border: 0px black solid;
	margin-left: -4px; /*Eliminar espacios */	
	width: 20%;
	background-color: rgba(255,0,0,0);
	height: auto;
	padding:0px;	
	top:50%;
	border-bottom: 3px rgba(1,1,1,0) solid !important ;
	max-width: 240px;

}
#idLogo:hover{border-bottom: 3px rgba(1,1,1,0) solid !important ;}

.menuLowerSizeLangs a
{
	font-size:12px !important;
	
}

.menu a
{
	
	color: #8a7f70;
	vertical-align: middle;
	display: inline-block;
	height: auto;
	top:35%;
	position: relative;	
	width: 100%;
	font-size:15px;
	text-decoration: none;
	/*font-family: "Bell MT", Georgia, Serif;	*/
	font-family: 'Cinzel', serif;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*#menu a:hover{color:white;}*/

.menu img
{
	width: 70%;

	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


#menu2
{
	width: 100%;	
	display: none;
}
#menu3 
{
	display: none; width: 100%;
	background-color: white;
	opacity: 1;	

}
#menu3  >div:nth-child(1) { background-color: white; padding: 0px; text-align: center; float: left; height: 80px; width: 30%;  border-bottom:1px #e5d3ba solid; }	
#menu3  >div:nth-child(2) {background-color: white; padding: 0px; text-align: right;float: left; height:80px; width: 70%; border-bottom:1px #e5d3ba solid;}
#menu3  >div:nth-child(1) img {width: 80px; position: relative; top:-15px;}	
#menu3  >div:nth-child(2) img {width: 50px; position: relative; top:-12px;margin-right: 10px;}	
#desplegable 
{
	left: -80%; 
	background-color: white; 
	color: white; 
	width: 80%; 
	position: fixed; 
	top:80px;
	border-right: 1px #eaeaea solid;
	border-bottom: 1px #eaeaea solid;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
}
#desplegable li{ line-height: 40px; padding-left: 15px; color:white; border-top: 1px #eaeaea solid;}
#desplegable li:hover{ background-color: #515151;}

#menu2 a{font-size:10px;}
#menu2 > div {display: inline-block;}
#menu2 > div:nth-child(1)
{
	width: 20%; 
	height: 58px;  
	text-align: center; 
	vertical-align: top;
	border-bottom:1px #e5d3ba solid; 
}

#menu2 > div:nth-child(2)
{
	width: 80%; 
	height: 58px;  
	text-align: center; 
	vertical-align: top;
	border-bottom:1px #e5d3ba solid;
}

#menu2 > div:nth-child(1) img{width: 50%; max-width: 50px;min-width: 45px; margin: auto; top: -10px; position: relative;}
#menu2 > div:nth-child(2) li { width: 33.33%; display: inline-block;border-bottom: 3px white solid;}
#menu2 > div:nth-child(2) li:hover 
{
	background-color: rgba(138, 127, 112, 0.25);
	border-bottom: 3px white solid;
	color:white; 
}


@media all and (max-width:1224px){
	
	.menu a{font-size:12px;}


}

@media all and (max-width:1024px){
	
	.itemMainMenu{height: 35px; line-height: 24px; padding: 0px;}
}

@media all and (max-width:970px){
	
	.menu a{font-size:10px;}
}


@media all and (max-width:810px){
	.menu{height: 58px;}
	#menu2 {display: block;}
	.menu nav{display: none;}
	.menu a{font-size:12px;}
}
@media all and (max-width:500px){
	.menu{height: 80px;}
	#menu2 {display: none;}
	#menu3 {display: block;}
	.menu {opacity: 1; background-color: white;}
	
}




/**********************************************************************************************************************/
/******************************************************* INDEX *******************************************************/
/**********************************************************************************************************************/

#sliderSection
{
	width: 100%;
	margin: auto;
	padding-top: 25px;

}
#sliderSection img {width: 100%;}

/***********************************************************************************************************************/
/*******************************************************  AREAS  *******************************************************/
/***********************************************************************************************************************/
#areasSection
{
	width: 100%;
	margin:auto;	
	margin-top: 120px;
}
.wrapper
{
	width: 80%;
	margin: auto;	
}

#areasSection h2{ font-size: 35px; font-family: "Playfair Display",serif;  font-weight:400;}

.box
{
	display: inline-block;	
	width: 50%;
	vertical-align: top;
}

.content
{
	display: inline-block;	
	width: 95%;
	margin-top: 50px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.content:hover{	}

#pSplashAreas{ }



.box h3{font-size: 25px; font-family: "Playfair Display",serif;  font-weight:400;}
.box p{font-family: 'Open Sans', serif; font-size: 14px;}

@media all and (max-width:807px){
	.wrapper {width: 95%;}
	.box{width: 100%};
	.content{width: 100%;}

}


/**********************************************************************************************************************/
/******************************************************* EQUIPO *******************************************************/
/**********************************************************************************************************************/


#containerABG div > img{ width: 100%; max-width: 320px; margin:auto;}

#containerABG div > p > span { font-size: 60px; font-family: "Playfair Display"; font-style: italic; }

#containerABG div > p
{ 
	margin:auto; 
	margin-bottom: 30px; 
	width: 100%;	
	color: #444; 
	font-family: 'Open Sans', sans-serif; 
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	font-style: italic;

}

#containerABG
{
	width: 100%;
	margin: auto;
	padding: 0px;	
	margin-top: 80px;	
	margin-bottom: 100px;
}

#containerABG > div > div
{
	border-bottom: 3px #554e45 solid; 
	/*display: inline-block;	*/
	width: 40%;
	

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/*#containerMVV div:nth-child(3){border-left:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; }*/

#containerABG div:hover
{
	
	/*background-color: rgba(138, 127, 112, 0.10);*/
	/*box-shadow: 3px 3px 5px #888888;	*/

}

#containerABG h3
{
	font-size: 30px; font-family: "Playfair Display",serif;  
	font-weight:400;	
	margin-bottom: 30px;
	text-align: center;
	line-height: 40px;	
}


#containerABG h3 > span {font-style: italic; font-size: 20px; vertical-align: top;display: inline-block;}

.wrapperEquipo{width: 80%; margin: auto; display: block; height: 753px;}
#divABG1{ float:left; height: 650px; text-align: center;}
#divABG3{float: left; margin: 0 auto;height: 650px; text-align: center;}
#divABG2{float:right;height: 650px; text-align: center;}
#divABG4{float:right;height: 650px; text-align: center;}
#divABGCenter{float:none;margin:auto;height: 650px; text-align: center;}

#sectionEquipo
{
	width: 100%;
	margin: auto;
	margin-top:100px;
}

.wrapperClass1
{
	text-align: left;
	margin: auto;
	width: 80%;
	margin-top: 30px;	
	margin-bottom: 30px;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

}
.wrapperClass2
{
	text-align: right;
	width: 80%;
	margin-top: 30px;	
	margin-bottom: 30px;
	margin: auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

}
.wrapperClass1:hover, .wrapperClass2:hover{box-shadow: 0px 3px 5px #888888; background-color: #f2f2f2;}


.content1
{
	
	display: inline-block;
	width: 40%;
	vertical-align: top;
	text-align: center;
}
.content1 img {width: 80%; margin:auto; margin-bottom: 20px; margin-top: 20px;}

.content2
{
	
	display: inline-block;
	width: 60%;
	vertical-align: top;
}

.content2 h2
{
	font-size: 35px; font-family: "Playfair Display",serif;  
	font-weight:400;	
	margin-bottom: 30px;
	line-height: 40px;	
}
.content2 h2 > span {font-style: italic; font-size: 20px; vertical-align: top;display: inline-block;}

.content2 p
{
	font-size: 14px; font-family: "Open Sans",serif;  font-weight:400;
}

.content2 p > span { font-size: 60px; font-family: "Playfair Display"; font-style: italic; } /*Comillas */

@media all and (max-width:756px){
	.wrapperEquipo{width: 95%; height: auto !important; display: block !important;}
	#divABG1, #divABG2, #divABG3, #divABG4, #divABGCenter{ float:none !important; height: auto; display: block !important; width: 100% !important; margin-bottom:20px;}
	.wrapperEquipo img {width: 45% !important;}
}





/**********************************************************************************************************************/
/*******************************************************NOSOTROS*******************************************************/
/**********************************************************************************************************************/

#pageSplash
{
	border: 0;
	margin: auto;
	width: 100%;	
	padding: 0px;
	height: 350px;	
}

#pageSplashConntainer
{
	border: 0;
	margin: auto;
	width: 100%;	
	left: 0;
	top: 0;	
	padding: 0px;
	position:relative;	
	height: 350px;
	overflow: hidden;

}

#pageSplash img
{ 
	width: 100%;
	position : relative;
	
}

#pageSplash p
{
	color:rgba(255,255,255,1);	
	z-index: 90;	
	position: relative;
	top: -40%;	
	/*left: 15%;*/
	font-size: 45px;	
	font-family: 'Playfair Display', serif;
	font-weight: 100;
	letter-spacing: -1px;
	background-color: rgba(1,1,1,0.5);
	line-height: 80px;
	width: auto;

	padding-left: 50px;
}

 @media all and (max-width:1920px){
    #pageSplash p{top:-80%;}	
}

 @media all and (max-width:1614px){
    #pageSplash p{top:-65%;}	
}

@media all and (max-width:1403px){
    #pageSplash p{top:-55%;}	
}




@media all and (max-width:1251px){
	#pageSplash p{top:-50%;}
	#pageSplash img{width: 120%; left: -10%}
	
}

@media all and (max-width:1091px){
	#pageSplash p{top:-55%; }
	#pageSplash img{width: 150%; left: -25%;}

}
@media all and (max-width:681px){
	#pageSplash p{top:-40%; }
	#pageSplash img{width: 260%; left: -40%;}
	#introduction{ margin-top: 25px;}
	
}
@media all and (max-width:673px){
	#pageSplash p{top:-65%; }
	#pageSplash img{width: 260%; left: -40%;}
	#introduction{ margin-top: 25px;}
	
}

@media all and (max-width:469px){
	#pageSplash{margin-bottom: 5px; }
	#pageSplash p{top:-65%; left:20px; font-size: 40px;}
	#pageSplash img{width: 380%; left: -80% !important;}	
}

@media all and (max-width:297px){
	#pageSplash p{top:-40%; left:20px; font-size: 40px;}
}

@media all and (max-width:810px){
	#introduction{width: 95% !important; padding: 10px;}
	#containerMVV2{width: 70%;}

}

@media all and (max-width:1062px){
	#containerMVV2{width: 100% !important; }	
}
@media all and (max-width:743px){	
	#containerMVV2 img{ display: block !important; width: 95% !important; margin: auto !important; }
	#containerMVV2 > div{display: block !important; width: 95% !important; margin: auto !important; padding: 0px !important;}
}


#introduction
{
	width: 70%;
	margin:auto;
	margin-top: 55px;	
	margin-bottom: 125px;	
}

#introduction
{
	text-align: justify;
	font-family: 'Open Sans', sans-serif;
	line-height: 24px;
	color: #696969;

}
#introduction p{width: 100%; margin: auto;}

#introduction p:nth-child(2)
{
	text-align: center;
	font-style: italic;
	font-family: 'Playfair Display', serif;
	line-height: 60px;
	font-weight: 200;
	font-size: 20px;
}

/* Otra disposicion para MVV */
#containerMVV2
{
	width: 70%;
	margin: auto;
	margin-top: 85px;
	padding: 0px;
}

#containerMVV2:hover
{
	/*background-color: #f2f2f2;*/
	/*background-color: rgba(138, 127, 112, 0.10);*/
	/*box-shadow: 3px 3px 5px #b5b5b5;	*/

}

#containerMVV2 img{ display: inline-block; width: 50%; margin: 0px; vertical-align: top; margin-top: 20px;}
#containerMVV2 > div
{ 
	display: inline-block; 
	width: 40%; 
	padding:10px;
	margin: 0px;
	vertical-align: top; 
	margin-left: 50px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#containerMVV2 > div:hover
{ 
	
}

#containerMVV2 h2
{ 
	font-weight: 400; 
	margin: 0px; 
	margin-top: 20px;
	font-size: 45px; 
	font-family: "Playfair Display",serif;
	color:#444; 
	border-bottom: 1px #bdbdbd solid;	
	line-height: 40px;
}

#containerMVV2 p{ font-family: "Open Sans"; line-height: 30px; font-size: 15px;}






/***********************************************************************************************************************/
/*******************************************************UBICACION*******************************************************/
/***********************************************************************************************************************/


/*#splashUbicacionP{background-color: rgba(0,0,0,0)!important; color:#464039 !important;} /* el texto  de este Splash va mas oscuro*/


#sectionUbicacion
{
	width: 100%;
	margin:auto;
	text-align: center;
	margin-top: 50px;
	/*background-color: #f7f7f7;*/
}
#sectionWrapper{width: 80%; margin: auto; }

#sectionUbicacion h3
{
	font-weight: 400; 
	margin:10px 0px; 
	font-size: 25px; 
	font-family: "Playfair Display", Serif; 
	color:#444; 	
	width: 100%;
	
}

/* Divs a la izq */
#sectionWrapper > div:nth-child(1), #sectionWrapper > div:nth-child(3)
{
	text-align: right;
	border-right: 1px gray solid;
}

/* Divs a la derecha */
#sectionWrapper > div:nth-child(2), #sectionWrapper > div:nth-child(4)
{
	text-align: left;
}

.dirContainer
{
	width: 50%;	
	display: inline-block;
	box-sizing: border-box;		
	vertical-align: top;
}

#dirContainerCopia{display: none;}

#sectionUbicacion div > p
{
	width: 100%;
	font-family: "Open Sans"; 
	color: #696969;	

}

.marginator
{
	width: 90%;
	margin:auto;
}

#map2{text-align: right;margin-left: 5%;}
#map, #map2 
{

    width:95%;
    height: 400px;
    margin-bottom: 35px;    
    margin-top: 45px;
    box-sizing: border-box;    
}

#divExtraText{width: 95%; margin: auto; text-align: left;}
#divExtraText > p:nth-child(1){text-align: center; font-size: 20px; text-decoration: underline;} 


@media all and (max-width:1079px){
	#sectionWrapper{width: 98%;}
}
@media all and (max-width:737px){
	#sectionWrapper{width: 100%;}

}

@media all and (max-width:804px){
	.dirContainer{width: 100%; text-align: left;}
	#dirContainerOriginal{display: none !important;}
	#dirContainerCopia{display: block;}
	#sectionWrapper > div:nth-child(1), #sectionWrapper > div:nth-child(3)
	{
		text-align: left;
		border-right: 0px gray solid;
		display: block;
	}

	#sectionWrapper > div:nth-child(2), #sectionWrapper > div:nth-child(4)
	{
		text-align: left;
		border-right: 0px gray solid;
		display: block;
	}
	
	#map2{text-align: center; margin-left: 0%;}
	#map, #map2 
	{
		margin: auto;	    
	}
}

@media all and (max-width:600px){
	#sectionUbicacion{margin-top: 60px;}
}

@media all and (max-width:469px){
	#sectionUbicacion{margin-top: 100px;}

}


@media all and (max-width:407px){
	#sectionUbicacion{margin-top: 50px;}	
}

@media all and (max-width:266px){
	#sectionUbicacion{margin-top: 20px;}	
}




/**********************************************************************************************************************/
/******************************************************* CONTACTO *******************************************************/
/**********************************************************************************************************************/

#contactoTT
{
	text-align: center;
	width: 100%;	
	margin: auto;
	padding-top: 25px;
}



#contactoTT img {width: 70%; opacity: 0.08; }


#formulario { text-align: left; width: 80%; margin: auto; text-align: center;}
#formulario > form{ margin: auto; width: 100%; text-align: center; margin-top: 50px;}
#formulario label {font-weight: 80;	font-family: 'Cinzel', serif;}
#formulario input {font-weight: 80;	font-family: 'Cinzel', serif;}

#contactoTT a:link {color:#5b91ff;} 


#contactoTT a:visited {color:#5b91ff;} 


#contactoTT a:active {color:#5b91ff;} 


#contactoTT a:hover {color:#5b91ff;}


#wrapperContacto
{
	background-image: url(../images/ttContacto.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 550px auto;
	height: 420px;
}

#wrapperContacto h3
{
	font-family: "Playfair Display",serif !important; 
	font-weight: 400;
	font-size: 25px;
	color: #444;

}

#wrapperContacto p
{
	font-weight: 300 !important;
}
.telFaxP{margin-top: 40px; }
#dir1
{	
	width: 50%;		
	text-align: right;
	display: inline-block;
	box-sizing: border-box;
	padding-right: 5%;
	border-right: 1px rgba(0,0,0,0.25) solid;
	margin-top: 150px;
}

#dir2	
{
	
	display: inline-block;	
	text-align: left;
	width: 50%;			
	box-sizing: border-box;
	padding-left: 5%;
	margin-top: 150px;
}

@media all and (max-width:499px){
	#dir1{width: 100%; display: block; text-align: center; font-size: 24px;}
	#dir2{width: 100%; display: block;text-align: center; margin-top: 40px; font-size: 24px;}
	#dir1 > p, #dir2 > p, #wrapperContacto > p{font-size: 20px; font-weight: 200;}
	#wrapperContacto{width: 95%;}
	#formulario { margin-top: 50px}
}

	




/********** EJEMPLO   ***********/
#container1{background-color: red; width: 50%;  display: inline-block; margin: auto; color:blue;}
#container2{background-color: blue;  width: 50%; display: inline-block; margin: auto; color:red;}


@media all and (max-width:443px){
		#container1{background-color: purple; }
		#container2{background-color: green;  font-size: 34px;}
		#container1, #container2 {display: block; width: 95%;}


}


@media all and (max-width:1040px){

		#container1, #container2 {font-size: 10px;}
}