/* 
 Theme Name:   temahijo
 Theme URI:    
 Description:  
 Author:       tap
 Author URI:   
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Fjalla+One&display=swap');
@font-face{
	font-family: "Fjalla";
	src: url(../fonts/FjallaOne-Regular.eot);
   	src: url(../fonts/FjallaOne-Regular.eot?) format('eot'),
         url(../fonts/FjallaOne-Regular.woff) format('woff'),
	     url(../fonts/FjallaOne-Regular.otf) format('otf'),
         url(../fonts/FjallaOne-Regular.ttf) format('truetype');
	font-weight: normal; 
	font-style: normal;
}
@font-face{
	font-family: "montserrat";
	src: url(../fonts/Montserrat-Medium.eot);
   	src: url(../fonts/Montserrat-Medium.eot?) format('eot'),
         url(../fonts/Montserrat-Medium.woff) format('woff'),
	     url(../fonts/Montserrat-Medium.otf) format('otf'),
         url(../fonts/Montserrat-Medium.ttf) format('truetype');
	font-weight: normal; 
	font-style: normal;
}
@font-face{
	font-family: "montserratregular";
	src: url(../fonts/Montserrat-Regular.eot);
   	src: url(../fonts/Montserrat-Regular.eot?) format('eot'),
         url(../fonts/Montserrat-Regular.woff) format('woff'),
	     url(../fonts/Montserrat-Regular.otf) format('otf'),
         url(../fonts/Montserrat-Regular.ttf) format('truetype');
	font-weight: normal; 
	font-style: normal;
}
@font-face{
	font-family: "montserratblack";
	src: url(../fonts/Montserrat-Black.eot);
   	src: url(../fonts/Montserrat-Black.eot?) format('eot'),
         url(../fonts/Montserrat-Black.woff) format('woff'),
	     url(../fonts/Montserrat-Black.otf) format('otf'),
         url(../fonts/Montserrat-Black.ttf) format('truetype');
	font-weight: normal; 
	font-style: normal;
}
@font-face{
	font-family: "bebas";
	src: url(../fonts/BebasNeueRegular.eot);
   	src: url(../fonts/BebasNeueRegular.eot?) format('eot'),
         url(../fonts/BebasNeueRegular.woff) format('woff'),
	     url(../fonts/BebasNeueRegular.otf) format('otf'),
         url(../fonts/BebasNeueRegular.ttf) format('truetype');
	font-weight: normal; 
	font-style: normal;
}
@font-face{
	font-family: "bebasblack";
	src: url(../fonts/BebasNeueBold.eot);
   	src: url(../fonts/BebasNeueBold.eot?) format('eot'),
         url(../fonts/BebasNeueBold.woff) format('woff'),
	     url(../fonts/BebasNeueBold.otf) format('otf'),
         url(../fonts/BebasNeueBold.ttf) format('truetype');
	font-weight: normal; 
	font-style: normal;
}
@font-face{
	font-family: "italic";
	src: url(../fonts/italic.eot);
   	src: url(../fonts/italic.eot?) format('eot'),
         url(../fonts/italic.woff) format('woff'),
	     url(../fonts/italic.otf) format('otf'),
         url(../fonts/italic.ttf) format('truetype');
	font-weight: normal; 
	font-style: normal;
}
#text-menu{
	font-family: "bebas" !important;
	font-size: 17pt !important;
	margin: 5px 0;
}
#logo{
padding: 20px 5px 0;
background-color: #FFF;
}
.margen-inferior{
	margin-bottom: 20px;
}
p{
	font-family: "montserratregular" !important;
	color: #999999 ;
	font-size: 12pt;
	line-height: 2em;	
}
.lista{
	font-family: "montserratregular" !important;
	color: #999999 ;
	font-size: 12pt;
	line-height: 2em;	
}
.centrado{
	margin-top:5px; 
	text-align: center;
	font-family: "italic" !important;
	font-size: 10pt;
}
.centrado a{
	color: #999;
}
h3{
	margin-top: 14px;
	font-family: "montserratblack";
	font-size: 14pt;

}
a:hover{
	text-decoration: none;
	transition-delay: 0s;
	transition-duration: 0.4s;
	transition-property: color;
	transition-timing-function: ease-out;
	color: #ab6f55 !important;
	}
.jordimenu{
	padding-left: 35px !important;
	letter-spacing: 0.02em !important;
}
@media (min-width: 1200px) {
.jordimenu{
	padding-left: 35px !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.jordimenu{
	padding-left: 20px !important;
}	
}
@media (min-width: 768px) and (max-width: 991px) {		
.jordimenu{
	padding-left: 15px !important;
}
}
@media (max-width: 767px) {
.jordimenu{
	padding-left: 15px !important;
}
}
@media (max-width: 480px) {
.jordimenu{
	padding-left: 10px !important;
}
}
.verde{
    color:#659139;	
}
.azul{
	color:#38CFFD;
}
.marron{
	color: #ab6f55;
}
.gris{
    color:#676767;	
}

#inicio{
	color: #ab6f55;
}
#witu{
	color: #ab6f55;
}
#trayectoria{
	color: #ab6f55;
}
#exposiciones{
	color: #ab6f55;
}
#critica{
	color: #ab6f55;
}
#premsa{
	color: #ab6f55;
}
#libros{
	color: #ab6f55;
}
#galeria{
	color: #ab6f55;	
}
#contacto{
	color: #ab6f55;	
}
#multimedia{
	color: #ab6f55;	
}
#text-dreta #es{
	color:#FF9A6D !important;	
}
#text-dreta #ca{
	color:#FF9A6D !important;	
}
#text-dreta #en{
	color:#FF9A6D !important;	
}
.ir-arriba {
	display:none;
	padding:20px;
	background:#a46a51;
	font-size:25px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
	z-index: 300;
}
#top{
	background-color: #a46a51;
	color: #FFF;
	padding: 4px 0px 7px 0px;
	margin-bottom: 10px;
	font-family: "montserrat";
}
#text-top ul li{
	font-size: 10pt;
	display:inline;
}
#text-top li{
	margin-left: 15px;
}
#phone{
	background-image:url(../images/phone-top.png);
	background-repeat: no-repeat;
	height: 60px !important;
	padding-left: 20px !important;
	padding-bottom: 15px !important;
	list-style-type: none !important;	
}
#mail{
	background-image:url(../images/mail-top.png);
	background-repeat: no-repeat;
	height: 60px !important;
	padding-left: 30px !important;
	list-style-type: none !important;	
}
#text-dreta ul li a{
	margin-right: 10px;
}
#text-dreta ul li a{
	color: #FFF !important;
	float: right !important;
}
#text-dreta ul li a:hover{
	color:#4A1900 !important;
}
#pdf{
	background-image:url(../images/pdf-top.png);
	background-repeat: no-repeat;
	height: 60px !important;
	padding-left: 30px !important;
	list-style-type: none !important;
		float: right !important;
}
#firma-peu{
	margin-top: -40px;
	padding-top: 20px;
	margin-bottom: 30px;
	
}
/*<--------------------------------------------------footer--------------------------------------------------->*/
footer{
	background-color: #dfc38d;
	height: auto 
	background-position: bottom !important;
	font-family: 'montserratregular';
	margin-top: 50px;
	padding: 30px 20px;
}
}
footer ul li{
	font-size: 13pt;
	display:inline;
	font-family: "montserrat";
	color: #FFF;
	margin-right: 50px;
	padding-bottom: 40px;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
	letter-spacing: 0.05em;
	line-height: 1.6em;
}
footer p{
	text-align: center;
}
/*<--------------------------------------------------fin footer--------------------------------------------------->*/
/*<--------------------------------------------------carrousel--------------------------------------------------->*/
.carousel-caption{
	padding-bottom: 260px;
	color: #FFF !important;
}
@media (min-width: 1200px) {
.carousel-caption{
	padding-bottom: 260px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.carousel-caption{
	padding-bottom: 180px;
}
}
@media (min-width: 768px) and (max-width: 991px) {		
.carousel-caption{
	padding-bottom: 150px;
}
}
@media (max-width: 767px) {
.carousel-caption{
	padding-bottom: 50px;
}
}
@media (max-width: 480px) {
.carousel-caption{
	padding-bottom: 10px;
}
}
#carrousel a h1{
	font-family: "bebas" !important;
	color: #FFF;
	font-size: 2.9em;
	text-shadow: 0.07em 0.07em #333;
	letter-spacing: 0.05em;
}

#carrousel a:hover h1{
	color:cornsilk !important;
}

@media (min-width: 1200px) {
#carrousel a h1{
	font-size: 2.9em;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#carrousel a h1{
	font-size: 2.9em;
}
}
@media (min-width: 768px) and (max-width: 991px) {		
#carrousel a h1{
	font-size: 2.2em;
}
}
@media (max-width: 767px) {
#carrousel a h1{
	font-size: 2em;
}
}
@media (max-width: 480px) {
#carrousel a h1{
	font-size: 1.6em;
	line-height: 1.1em;
}
}
.carousel-indicators{
	padding-bottom: 80px;	
}
@media (min-width: 1200px) {
.carousel-indicators{
	padding-bottom: 80px;	
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.carousel-indicators{
	padding-bottom: 80px;	
}
}
@media (min-width: 768px) and (max-width: 991px) {		
.carousel-indicators{
	padding-bottom: 60px;	
}
}
@media (max-width: 767px) {
.carousel-indicators{
	padding-bottom: 40px;	
}
}
@media (max-width: 480px) {
.carousel-indicators{
	padding-bottom: 10px;	
}
}
/*<--------------------------------------------------fin carrousel--------------------------------------------------->*/
#destacado{
	margin: 70px 50px;
	font-family: 'Fjalla', sans-serif;
	text-align: center;
	color: #ab6f55;
}
@media (min-width: 1200px) {
#destacado{
	margin: 70px 50px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#destacado{	
	margin: 60px 40px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {	
#destacado{	
	margin: 50px 40px;
	}
}
@media (max-width: 767px) {
#destacado{	
	margin: 40px 30px;
	}
}
@media (max-width: 480px) {
#destacado{	
	margin: 15px 5px;
	}
}



#textogenerico{
	margin: 70px 50px;
}
@media (min-width: 1200px) {
#textogenerico{
	margin: 70px 50px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#textogenerico{	
	margin: 60px 40px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {	
#textogenerico{	
	margin: 50px 40px;
	}
}
@media (max-width: 767px) {
#textogenerico{	
	margin: 40px 30px;
	}
}
@media (max-width: 480px) {
#textogenerico{	
	margin: 15px 5px;
	}
}





#destacado h2{
	font-size: 1.7em;
	line-height: 175% !important;
	margin-bottom: 30px;
}
@media (min-width: 1200px) {
#destacado h2{
	font-size: 1.7em;
	line-height: 190% !important;
	margin-bottom: 30px;	
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#destacado h2{
	font-size: 1.7em;
	line-height: 190% !important;
	margin-bottom: 30px;	
}
}
@media (min-width: 768px) and (max-width: 991px) {		
#destacado h2{
	font-size: 1.7em;
	line-height: 180% !important;
	margin-bottom: 15px;	
}
}
@media (max-width: 767px) {
#destacado h2{
	font-size: 1.7em;
	line-height: 170% !important;
	margin-bottom: 15px;	
}
}
@media (max-width: 480px) {
#destacado h2{
	font-size: 1.7em;
	line-height: 150% !important;
		margin-bottom: 15px;
}	
}
#destacado p{
	line-height: 1.5em;	
}
#botones-home{
    padding: 25px 15px;
	background-image:url(../images/fondo.jpg);
	margin: auto;
	text-align: center;
}
@media (min-width: 1200px) {
#botones-home{
    padding: 25px 15px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#botones-home{
    padding: 25px 15px;
}	
}
@media (min-width: 768px) and (max-width: 991px) {		
#botones-home{
    padding: 25px 15px;
}	
}
@media (max-width: 767px) {
#botones-home{
    padding: 25px 15px;
}	
}
@media (max-width: 480px) {
#botones-home{
    padding: 5px 5px;
}	
}
#botones-home h2{
	font-family: 'Fjalla', sans-serif;
	color: #659139;	
}
#botones-home a:hover h2 {
	color: #a56d54 !important;	
transition-delay: 0s;
	transition-duration: 0.4s;
	transition-property: color;
	transition-timing-function: ease-out;	
}
#botones-home p{
	color: #666; 
}
#botones-home img{
    margin: 15px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
} 
#botones-home img:hover {
	opacity: 0.5;
    margin-top: 2px;
}
#biografia-home{
	margin: 70px 50px;
		background-color: antiquewhite;
}
@media (min-width: 1200px) {
#biografia-home{
	margin: 70px 50px;
	padding: 30px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#biografia-home{
	margin: 70px 50px;	
	padding: 30px;
}	
}
@media (min-width: 768px) and (max-width: 991px) {		
#biografia-home{
	margin: 35px 10px;	
	padding: 20px;
}
}
@media (max-width: 767px) {
#biografia-home{
	margin: 25px 15px;
	padding: 10px;
}
}
@media (max-width: 480px) {
#biografia-home{
	margin: 15px 5px;	
	padding: 15px;
}
}

#witu-home{
	margin: 70px 50px;
	background-color: #CCFFDC ;
}
@media (min-width: 1200px) {
#witu-home{
	margin: 70px 50px;
	padding: 30px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#witu-home{
	margin: 70px 50px;	
	padding: 30px;
}	
}
@media (min-width: 768px) and (max-width: 991px) {		
#witu-home{
	margin: 35px 10px;	
	padding: 20px;
}
}
@media (max-width: 767px) {
#witu-home{
	margin: 25px 15px;
	padding: 10px;
}
}
@media (max-width: 480px) {
#witu-home{
	margin: 15px 5px;	
	padding: 15px;
}
}



.circulo {
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
}
strong{
	color: #ab6f55 !important;
}
.boton{
	border: #659139 thin solid;
	font-family: "bebas";
    font-size: 15pt; 
    color: #659139;
    text-align: center;
    padding: 10px 20px;
    margin-top: 25px;
}
#obra-home h1{
	font-family: "bebas" !important;
	text-align: center;
	color: #ab6f55 !important;
	margin-bottom: 0px !important;
}
#obra-home h2{
	font-family: "italic" !important;
	text-align: center;
	color: #888 !important;
	font-size: 18pt;
}
#video-exposicion{
	margin: 50px 50px;		
}

@media (min-width: 1200px) {
#video-exposicion{
	margin: 50px 50px;	
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#video-exposicion{
	margin: 50px 50px;	
}	
}
@media (min-width: 768px) and (max-width: 991px) {		
#video-exposicion{
	margin: 35px 10px;	
}
}
@media (max-width: 767px) {
#video-exposicion{
	margin: 25px 15px;	
}	
}
@media (max-width: 480px) {
#video-exposicion{
	margin: 15px 5px;	
}
}
#video-exposicion h1{
	font-family: "bebas" !important;
	text-align: center;
	margin-bottom: 0px !important;
}
/*<--------------------------------------------------responsive video--------------------------------------------------->*/
.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}
/*<--------------------------------------------------fin responsive video--------------------------------------------------->*/
#proxima-expo{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 47%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(237,237,237,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 47%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 47%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 47%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 47%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	padding: 0 10px;
}
#proxima-expo h3{
	margin-top: 10px;
	font-family: "italic";
	text-align: center;
	color: #659139;;
}
#proxima-expo p{
	text-align: center;
	color: #676767;	
}
#proxima-expo img:hover {
	opacity: 0.5;
    margin-top: 2px;
}
#proxima-expo2{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 47%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(237,237,237,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 47%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 47%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 47%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 47%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	padding: 0 10px;
	margin: 5px 1px;
}
#proxima-expo2 h3{
	margin-top: 10px;
	font-family: "italic";
	text-align: center;
	color: #659139;
	font-size: 12pt !important;
}
#proxima-expo2 p{
	text-align: center;
	color: #676767;	
	font-size: 9pt !important;
}
#proxima-expo2 img:hover {
	opacity: 0.5;
    margin-top: 2px;
}

#hora-estudi{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 47%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(237,237,237,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 47%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 47%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 47%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 47%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	padding: 0 10px;
	margin: 5px 1px;
}
#hora-estudi h3{
	margin-top: 10px;
	font-family: "italic";
	text-align: center;
	color: #659139;
	font-size: 16pt !important;
}
#hora-estudi p{
	text-align: center;
	color: #676767;	
	font-size: 12pt !important;
}
#hora-estudi img:hover {
	opacity: 0.5;
    margin-top: 2px;
}



#redonda-home{
	margin: 30px 0px;
}
/*<--------------------------------------------------cabeceras--------------------------------------------------->*/
#cabecera-obra{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(51%, rgba(235,235,235,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 51%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 51%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 51%, rgba(254,254,254,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 51%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe', GradientType=1 );
padding: 20px 20px;
margin-bottom: 25px;
}
#cabecera-obra h1{
	font-family: "italic" !important;
	color: #659139;
	font-size: 2.0em;
	text-align: center;
	margin-bottom: 0px;
}
#cabecera-obra p{
	font-family: "montserratregular" !important;
	color: #659139;
	font-size: 1em;
	text-align: center;
	margin-bottom: 0px;
}

@media (min-width: 1200px) {
#cabecera-obra h1{
	font-size: 2.0em;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#cabecera-obra h1{
	font-size: 2.0em;
}
}
@media (min-width: 768px) and (max-width: 991px) {		
#cabecera-obra h1{
	font-size: 1.7em;
}
}
@media (max-width: 767px) {
#cabecera-obra h1{
	font-size: 1.5em;
}
}
@media (max-width: 480px) {
#cabecera-obra h1{
	font-size: 1.1em;
	line-height: 1.1em;
}
}
#cabecera-obra h2{
	font-family: "italic" !important;
	color: #666;
	font-size: 1.3em;
	text-align: center;
}

@media (min-width: 1200px) {
#cabecera-obra h2{
	font-size: 1.3em;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#cabecera-obra h2{
	font-size: 1.3em;
}
}
@media (min-width: 768px) and (max-width: 991px) {		
#cabecera-obra h2{
	font-size: 1.3em;
}
}
@media (max-width: 767px) {
#cabecera-obra h2{
	font-size: 1.1em;
}
}
@media (max-width: 480px) {
#cabecera-obra h1{
	font-size: 1.1em;
	line-height: 1.1em;
}
}



/*++++++++++++++++++++++++ PARA HACE IMAGENES FLEXIBLES Y ADAPTABLES +++++++++++++++++++++++++*/
.level {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.level > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
/*++++++++++++++++++++++++ PARA HACE IMAGENES FLEXIBLES Y ADAPTABLES +++++++++++++++++++++++++*/
#foto1:hover .info2{
filter: alpha(opacity=100);
opacity:1;
}
#foto1 img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
-moz-transition:all linear 0.5s 0s; 
-webkit-transition:all linear 0.5s 0s;
transition:all ease 0.5s 0s;    
}
#foto2:hover .info2{
filter: alpha(opacity=100);
opacity:1;
}		
#foto2{
	padding: 0px;	
	}
#foto2 img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
-moz-transition:all linear 0.5s 0s; 
-webkit-transition:all linear 0.5s 0s;
transition:all ease 0.5s 0s;    
}	
@media (min-width: 1200px) and (max-width: 1700px) {
#foto2 img {
    width: 100%;
    height: 100%;
}
	
}
@media (min-width: 992px) and (max-width: 1199px) {
#foto2 img {
	    width: 100%;
	    height: 100%;
}

}
@media (min-width: 768px) and (max-width: 991px) {		
#foto2 img {
	    width: 100%;
	    height: 100%;
}

}
@media (max-width: 767px) {
#foto2 img {
	    width: 100%;
	    height: 100%;

}

}
@media (max-width: 480px) {
#foto2 img {
	    width: 100%;
	    height: 100%;

}

}

		#imagelightbox
		{
			cursor: pointer;
			position: fixed;
			z-index: 10000;

			-ms-touch-action: none;
			touch-action: none;

			-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
			box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
		}


		/* ACTIVITY INDICATION */

		#imagelightbox-loading,
		#imagelightbox-loading div
		{
			border-radius: 50%;
		}
		#imagelightbox-loading
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			position: fixed;
			z-index: 10003;
			top: 50%;
			left: 50%;
			padding: 0.625em; /* 10 */
			margin: -1.25em 0 0 -1.25em; /* 20 */

			-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
			box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}


		/* OVERLAY */

		#imagelightbox-overlay
		{
			background-color: #fff;
			background-color: rgba( 255, 255, 255, .9 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


		/* "CLOSE" BUTTON */

		#imagelightbox-close
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			text-align: left;
			background-color: #659139;
			border-radius: 50%;
			position: fixed;
			z-index: 10002;
			top: 2.5em; /* 40 */
			right: 2.5em; /* 40 */

			-webkit-transition: color .3s ease;
			transition: color .3s ease;
		}
			#imagelightbox-close:hover,
			#imagelightbox-close:focus
			{
				background-color:#234400;
			}
			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}


		/* CAPTION */

		#imagelightbox-caption
		{
			text-align: center;
			font-family: "black";
			font-size: 15pt;
			color: #fff;		
			background: rgba(164,179,87,1);
background: -moz-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(164,179,87,1)), color-stop(100%, rgba(117,137,12,1)));
background: -webkit-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
background: -o-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
background: -ms-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
background: linear-gradient(to bottom, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c', GradientType=0 );
			position: fixed;
			z-index: 10001;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 0.625em; /* 10 */
			font-family: "montserratregular";
		}

@media (min-width: 1200px) {
		#imagelightbox-caption
		{
			font-size: 15pt;
		}
		}
@media (min-width: 992px) and (max-width: 1199px) {
		#imagelightbox-caption
		{
			font-size: 15pt;
		}
		}
@media (min-width: 768px) and (max-width: 991px) {		
		#imagelightbox-caption
		{
			font-size: 12pt;
		}
		}
@media (max-width: 767px) {
		#imagelightbox-caption
		{
			font-size: 10pt;
		}
		}
@media (max-width: 480px) {
		#imagelightbox-caption
		{
			font-size: 9pt;
		}
}


		/* NAVIGATION */

		#imagelightbox-nav
		{
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			border-radius: 20px;
			position: fixed;
			z-index: 10001;
			left: 50%;
			bottom: 3.75em; /* 60 */
			padding: 0.313em; /* 5 */

			-webkit-transform: translateX( -50% );
			-ms-transform: translateX( -50% );
			transform: translateX( -50% );
		}
			#imagelightbox-nav button
			{
				width: 1em; /* 20 */
				height: 1em; /* 20 */
				background-color: transparent;
				border: 1px solid #fff;
				border-radius: 50%;
				display: inline-block;
				margin: 0 0.313em; /* 5 */
			}
			#imagelightbox-nav button.active
			{
				background-color: #fff;
			}


		/* ARROWS */

		.imagelightbox-arrow
		{
			width: 3.75em; /* 60 */
			height: 7.5em; /* 120 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			vertical-align: middle;
			display: none;
			position: fixed;
			z-index: 10001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus
		{
			background-color: #666;
			background-color: rgba( 0, 0, 0, .75 );
		}
		.imagelightbox-arrow:active
		{
			background-color: #111;
		}
			.imagelightbox-arrow-left
			{
				left: 2.5em; /* 40 */
			}
			.imagelightbox-arrow-right
			{
				right: 2.5em; /* 40 */
			}
			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					border-right-color: #fff;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					border-left-color: #fff;
					margin-right: -0.313em; /* 5 */
				}

		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		.imagelightbox-arrow
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left
			{
				left: 1.25em; /* 20 */
			}
			.imagelightbox-arrow-right
			{
				right: 1.25em; /* 20 */
			}
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left
			{
				left: 0;
			}
			.imagelightbox-arrow-right
			{
				right: 0;
			}
		}
/**+++++++++++++++++++++++++++++++++++++++++++ FIN IMAGE LIGHTBOX SELECTOR ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/	
#margen {
	padding: 0px 0px;
}
#margen2 {
	padding: 2px 2px;
}
#imagespop{
	margin: 20px 0 0 0;
}
.info2 {
position: absolute;
z-index: 3; /*Los datos por encima de todo lo demás*/
top: 40%;
left: 40%;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
padding: 5px;
text-align: center;
color: #5B5B5B;
background: #FFF;
-moz-transition:all linear 0.5s 0s; 
-webkit-transition:all linear 0.5s 0s;
transition:all ease 0.5s 0s;
font-family: "bebas";
font-size: 14px;
}
.nombre-obra{
	text-align:center !important;
	padding:10px 2px 0 2px;
	font-size: 12pt !important;
	font-family: "bebas" !important;
	line-height: 1em;
	letter-spacing: 0.05em;
}
@media (min-width: 1200px) {
.nombre-obra{
	font-size: 12pt !important;
}	
}
@media (min-width: 992px) and (max-width: 1199px) {
.nombre-obra{
	font-size: 12pt !important;
}	
}
@media (min-width: 768px) and (max-width: 991px) {		
.nombre-obra{
	font-size: 12pt !important;
}	
}
@media (max-width: 767px) {
.nombre-obra{
	font-size: 14pt !important;
}	
}
@media (max-width: 480px) {
.nombre-obra{
	font-size: 14pt !important;
}	
}
#exposicionesdiv{
	margin:30px 0px;
}
#multimedia{
	margin:0 5px;
}
.criticos{
	font-family: "italic";
	color: #659139;
	font-size: 16pt;
}
.titulolibros{
	font-family: "italic";
	color: #659139;
	font-size: 19pt;
	line-height: 1.2em !important;
	margin-bottom: 40px !important;
}
.preciolibros{
	font-family: "italic" ;
	color: #ab6f55;
	font-size: 27pt;
	line-height: 1.2em !important;
	margin-bottom: 40px !important;
}
#textogenerico ul {
  font-family: "montserratregular" !important;
  color: #999999;
  font-size: 12pt;
  list-style-type: disc;
  list-style-position: outside;
	margin-left: 10px;
}
#textogenerico li {
	margin-bottom: 15px;
}
#textogenerico li a{
	color: #ab6f55 !important; 
}
#textogenerico li a:hover{
	color: #659139 !important; 
}
.grosor{
	margin-bottom: 40px;
}
.grosor2{
	margin-bottom: 20px;
}
#maps {
    height: 507px;
    width: 100%;
    margin-top: -5px;
	margin-bottom: 20px;
}
@media (min-width: 1200px) {
#maps {
    height: 507px !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#maps {
    height: 507px !important;
}
}
}
@media (min-width: 768px) and (max-width: 991px) {		
#maps {
    height: 507px !important;
}
}
}
@media (max-width: 767px) {
#maps {
    height: 400px !important;
}
}
}
@media (max-width: 480px) {
#maps {
    height: 250px !important;
}
}
}
.form-style-8{
    width: 100%;
    padding: 30px;
}
.form-style-8 input[type="text"],
.form-style-8 input[type="date"],
.form-style-8 input[type="datetime"],
.form-style-8 input[type="email"],
.form-style-8 input[type="number"],
.form-style-8 input[type="search"],
.form-style-8 input[type="time"],
.form-style-8 input[type="url"],
.form-style-8 input[type="password"],
.form-style-8 select
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    display: block;
    width: 100%;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #999;
    background: transparent;
    margin-bottom: 7px;
	font-family: 'montserratregular';
	font-size: 12pt ;
    height: 45px;
	color: #333;	
}
.form-style-8 textarea{
    resize:none;
    overflow: hidden;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    display: block;
    width: 100%;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #999;
    background: transparent;
    margin-bottom: 7px;
	font-family: 'montserratregular';
	font-size: 12pt ;
    height: 100px;
	color: #333;	
}
.form-style-8 input[type="button"],
.form-style-8 input[type="submit"]{
	background-image: url("../images/send-icon.png");
    background-position: center center;
    background-repeat: no-repeat;
	width: 100%;
	background-color: #ab6f55;
	border: #f29400;
	height: 35px;
	cursor: pointer;
	color: #ab6f55;
	text-align: left;
}

.form-style-8 input[type="button"]:hover,
.form-style-8 input[type="submit"]:hover {
	background-color:#FF9A6D !important;
	color: #FF9A6D;	
}
.gracies{
	font-family: "bebas" !important;
	color: #659139 !important; 
	font-size: 19pt;
	line-height: 1.1em;
}
.datos{
	font-size: 10pt;
	line-height: 1.6em !important;
}
.datoss h2{
	font-family: "montserrat";
	color: #ab6f55;
	font-size: 24px !important;
}
.datoss h3{
	font-family: "montserrat";
    color:#659139;
	font-size: 15px !important;
}
#lista-footer li{
font-size: 0.8em !important;
padding-bottom: 13px;
padding-right: 300px;
}
@media (max-width: 767px) {
#lista-footer li{
padding-right: 20px;
}	
}
@media (max-width: 480px) {
#lista-footer li{
padding-right: 10px;
}	
}
 #right{    
 text-align: right;  
 }