@charset "utf-8";
@charset "utf-8";

@font-face{font-family:'Open Sans';src:url('fonts/opensans-regular-webfont.eot');src:url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/opensans-regular-webfont.woff') format('woff'),url('fonts/opensans-regular-webfont.ttf') format('truetype'),url('fonts/opensans-regular-webfont.svg') format('svg');font-weight:normal;font-style:normal}

@font-face{font-family:'Open Sans';src:url('fonts/opensans-bold-webfont.eot');src:url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/opensans-bold-webfont.woff') format('woff'),url('fonts/opensans-bold-webfont.ttf') format('truetype'),url('fonts/opensans-bold-webfont.svg') format('svg');font-weight:bold;font-style:normal}

@font-face{font-family:'Lato';src:url('fonts/lato-regular-webfont.eot');src:url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/lato-regular-webfont.woff') format('woff'),url('fonts/lato-regular-webfont.ttf') format('truetype'),url('fonts/lato-regular-webfont.svg') format('svg');font-style:normal}

@font-face{font-family:'moonshine-font';src:url('fonts/moonshine-font.eot');src:url('fonts/moonshine-font.eot?#iefix') format('embedded-opentype'),url('fonts/moonshine-font.woff') format('woff'),url('fonts/moonshine-font.ttf') format('truetype'),url('fonts/moonshine-font.svg') format('svg');font-weight:normal;font-style:normal}



:root {
  --colorFondo1:#F0EAD6;
  
  --colorFondo2:#F0DECE;
  
  --colorFondo3:#E8E6C1;
  
  --colorTitulos1:#333;
  
  --colorTitulos2:#069;
   
  --colorTitulos3:#505;
  
  --colorTitulos4:#990;

}

img { max-width:100%;}




h1{font-family:Lato;font-size:1.8em; }
h2{font-family:Lato;font-size:1.6em;}
h3{font-family:Lato;font-size:1.4em;}
h4{font-family:Lato;font-size:1.2em}

body {
	background-color: var(--colorFondo1);
	background-image:url(../imagen/FONDO.jpg);
	background-attachment:fixed;
	margin:0; padding:0;font-family:'Open Sans';
	color:#000;
}






p{	font-family:Lato;	font-size:1em; line-height:25px;}



.TresColumnas{-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3}
	
.TresColumnas img{ }	

#capatotal{ width:80%; margin-left:10%; background-color: var(--colorFondo1);}

#cabecera {height: auto; width:100%;  overflow:hidden; }

#logo { width: auto; margin-left:3%; float:left}

#lema {width: auto; margin-left:3%;float:left; margin-top:10px; font-size:1.0em;}

#menupr{width:100%; background-color:#EEE; height: 50px; min-height:50px;  z-index:1; }

a {	font-family:  lato;	color: #000;	font-size:1.0em; font-weight:bold;line-height:35px;}
a:link {text-decoration:none;color:  #000;line-height:35px;}
a:visited {color:  #000;}
a:hover {	color:  #000;}


#MenuDes{border:1px solid #333; padding:5px;display:none; width:60px; float:right; margin:15px;}



.menu {	font-family:  lato;	color:  #000;padding:10px 25px 3px 25px ;	font-size:1.0em; font-weight:bold;line-height:35px;}
a.menu:link {text-decoration:none;color:  #000;line-height:35px;}
a.menu:visited {color:  #000;}
a.menu:hover {	color: #fff;background-color: #000;}



.texto_articulo{  height:500px; border:solid 1px #999; padding:1%; float:left; overflow:hidden; z-index:888; font-family:Arial, Helvetica, sans-serif !important; font-size:16px !important;margin:0; width:calc(34% - 2px); border:none; padding-left:8%; padding-right:8%; overflow:auto;}

.texto_articulo::-webkit-scrollbar {
    -webkit-appearance: none;
}

.texto_articulo::-webkit-scrollbar:vertical {
    width:7px;
}

.texto_articulo::-webkit-scrollbar-button:increment,.contenedor::-webkit-scrollbar-button {
    display: none;
} 

.texto_articulo::-webkit-scrollbar:horizontal {
    height: 10px;
}

.texto_articulo::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.texto_articulo::-webkit-scrollbar-track {
    border-radius: 10px;  
}




#texto_articulo  span { font-family:Arial, Helvetica, sans-serif; }

.texto_articulo:hover{ background-color: #F0F3F4;}
.texto_articuloTi{ width:92%;margin-top:60px; height:auto; border:solid 2px #999; margin:2%; padding:2%}

#descripcion{ font-size:1.4em !important; color: #000!important;  }

#descripcion img{ max-height:80vh;}


#descripcion a {	font-family:  lato;	color: #09F;	font-size:1.0em; font-weight:bold;line-height:35px;}
#descripcion a:link {text-decoration:none;color:  #09F;line-height:35px;}
#descripcion a:visited {color:   #09F;}
#descripcion a:hover {	color:  #09F;}



.submenuAR{ width:250px; height:200px; border: 1px solid #666; margin:10px; font-size:26px; float:left;  text-align:center; background-color:#F7F7F7}

.submenuAR:hover{ width:250px; height:200px; border: 1px solid #666; margin:10px; font-size:26px; float:left;  text-align:center; background-color: #ECF0F0}

#piedepagina{ background-color:#F1F3F5; height:auto; width:100%;  overflow:hidden }

.piecol{ float:left; margin:1%; width:23%; border-right:1px solid #333; min-height:450px;}
.piecol2{ float:left;  width:23%; min-height:450px;}

#detalle{min-height:450px; padding:2%; width:96%;}

#5010iz{min-height:450px;padding:2%;width:40%; float:left; border-right: 1px solid #666;}
	
#5010de{min-height:450px;padding:2%;width:40%; float:left;}	

.imagenesgaleria{  height:200px; float:left; margin:10px;}

.IMA { float:left; margin: 2%; max-width:46%;  height:400px;}



.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
	z-index:5;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


.im33a{width:300px;  height:300px; margin:10px; border:1px solid #999; float:left; text-align:center; font-weight:700; background-color:#FFF; overflow:hidden}

.imCola{max-width:98%; margin:1%; max-height:220px;}

.capaColabora100a{text-align:center; margin-top:20px; width:100%; overflow:hidden}

.capaColabora100b{text-align:center; border-top:1px solid #666; margin-top:10px; width:100%}


.Carteis1{ height:350px;}


.C50P1{width:48%; padding:1%; height:460px; float:left; text-align:center; background-color: var(--colorFondo2);}

.C50P2{width:48%; padding:1%; height:460px; float:left; text-align:center; background-color: var(--colorFondo3);  }

.CPo1{width: 30%; padding:0; margin:0; height: auto; float:left; text-align:center;  }

.CPo2{width: calc(70% - 20px); padding:10px; margin:0; height: auto; float:left; text-align: left;  }


.Titul1{ font-size:1.2em; font-weight:700; color:  var(--colorTitulos1); min-height:40px;}

.TitulPo1{ font-size:1.6em; font-weight:700; color:  var(--colorTitulos2);}

.Nautor{ color: var(--colorTitulos2); font-style:italic}

.Flibros{ height:315px; padding:10px;}

.Libro1{ float:left; width: auto; margin:8px;; text-align:left}

.fotosportada{ max-height:500px; max-width:calc(50% - 20px); margin:10px;float:left;}
hr{ margin-bottom:0px;;}


 /* estilos para usar AL AÑADIR ARTICULOS EN EL TEXTO DESCRIPCION*/
 
 
.Capa50100{ float:left; padding:10px; width:calc(50% - 20px);} 
.CapaAuto100{ float:left; padding:10px; width: auto;} 
.capa100{padding:10px; width:calc(100% - 20px); overflow:hidden}

.imagen300h{ max-height:300px; max-width:100%;}

.imagen500h{height:500px; max-width:100%;}

.alinIz{ float: left; width:auto; margin:10px; border:1px solid #333}

 /*------------------------------------------------------------------------ */

@media (max-width: 1400px) and (min-width: 0px) {
#menupr{ height:120px;   }
	
#capatotal{ width:100%; margin-left:0%; }	

	
	
}

@media (max-width: 1000px) and (min-width: 0px) {
	
	
.Capa50100{ float:left; padding:10px; width:calc(100% - 20px);} 
.CapaAuto100{ float:left; padding:10px;width:calc(100% - 20px);} 
	
	.TresColumnas{-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count:2 ; /* Firefox */
    column-count: 2}
	.TresColumnas img{ width:100%;}
	.Carteis1{ height: auto; width:98%; margin:1%}
	#lema{font-size:0.8em;}

#MenuDes{ display: inline}
	
.piecol{ float:left; margin:0%; width:48%; border-right:1px solid #333; min-height:400px;}
.piecol2{ float:left;  width:48%; min-height:400px;}
	

.texto_articuloTi{ width:92%; height:auto; border:solid 2px #999; margin:2%;margin-top:90px; padding:2%}	
#menupr{ height:140px;   }

.IMA { float:left; margin: 2%; max-width:94%; height: auto;}

.texto_articulo:hover{ background-color: #F0F3F4;}


.C50P1{width:98%;height: auto;  background-color: var(--colorFondo2); border-top:1px solid #666}

.C50P2{width:98%; height: auto; float:left;  background-color: var(--colorFondo2); border-top:1px solid #666  }

.CPo1{width: 100%; padding:0; margin:0; height: auto; float:left; text-align:center;  }

.CPo2{width: calc(100% - 20px); padding:10px; margin:0; height: auto; float:left; text-align: left;  }



.texto_articulo{ width:calc(100% - 20px); height:auto; padding:10px; border-bottom:1px solid #666}	


}
	
@media (max-width: 800px) and (min-width: 0px) {

.piecol{ float:left; margin:0%; width:98%; border-right:1px solid #333;min-height:0px;}
.piecol2{ float:left;  width:98%;min-height:0px; }
	
.texto_articuloTi{ width:92%;height:auto; border:solid 2px #999; margin:2%; padding:2%;margin-top:200px; }

#menupr{ height:160px;   }	

	.TresColumnas{-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count:1 ; /* Firefox */
    column-count: 1}
	
	}
	
	@media (max-width: 700px) and (min-width: 0px) {
		#menupr{ height:300px;   }
		
	}