@font-face 	 /* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 20, 2014 */
{
font-family: 'inconsolatamedium';    
src: url('fonts/inconsolata-webfont.eot');    
src: url('fonts/inconsolata-webfont.eot?#iefix') format('embedded-opentype'),         
url('fonts/inconsolata-webfont.woff') format('woff'),
url('fonts/inconsolata-webfont.ttf') format('truetype'),         
url('fonts/inconsolata-webfont.svg#inconsolatamedium') format('svg');    
font-weight: normal;    
font-style: normal;
/* font-variant: normal; */
}

:root {
	--CorpColor: #c6114c;
	--Azulon: #2030ff;
	--AnchoMenu: 220px;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.red {color:red;}

body {
  font-family: Arial, sans-serif;
  font-size: 1.1rem; 
  color: #6c757d;
  line-height: 1.5;
  text-align: left;
  overflow-x:hidden;
  background-color:#e9e9e9;
}


header {display:inline-flex;
padding:2vw;margin:0;
background:repeat url("img/FondoCabeceraL.jpg");
margin:0;  width: 100%;height:100px;
overflow:hidden;align-items:center;
}

header img.logo{height: 92px;width:auto;margin: 6px 11dvw 0px 1dvw;object-fit:contain;}

header h1 {font-size: clamp(1.6rem,4vw,3rem);
font-family:Arial;  font-weight:800; color:var(--CorpColor);
text-shadow: 3px 2px 4px rgba(0, 0, 0, 0.4);
text-align: left; margin-left:3dvw;
}

/* Enlaces */
a {color:#0000ee;font-weight:normal;text-decoration:none;} 
a:hover {color:#b05550;text-decoration:none;}
a:visited {color:#551a8b;text-decoration:none;}
a:hover:visited {color:#903530;text-decoration:none;}



/*** Webmap en la línea superior ****/
.webmap {color: #0f0f40;margin: 0;padding:3px 5px 3px 12px;
		 font:normal 1rem inconsolatamedium, "Lucida Console", Courier,"Courier New", monospace;
		 line-height:1.1;height:38px;
		 background-color: #e0e0b0;text-decoration:none; z-index:1;}
.webmap a {color:#0000ee;font-weight:normal;text-decoration:none;} 
.webmap a:hover {color:#b05550;text-decoration:none;}
.webmap a:visited {color:#551a8b;text-decoration:none;}
.webmap a:hover:visited {color:#903530;text-decoration:none;}

@media (max-width: 991px) {.webmap {padding-left:55px;}}


.navbar{background:url(img/tarjeta.png) no-repeat bottom left ;background-size:100%;
		z-index:5; width:var(--AnchoMenu);text-align:left;
		margin:0; padding: 0px 0 10px 13px;font: bold 1.25rem inconsolatamedium;}

@media (max-width: 991px){ 
.navbar{position:fixed; top:0;left:-100%; padding-top:40px;
	    background:url(img/tarjeta.png) no-repeat bottom left ;
		z-index:5;
		width:12rem; text-align:left; margin:0px 0 0px 0;padding: 40px 0 10px 13px;
    -webkit-transition: all 0.5s ease-in-out; 
    transition: all 0.5s ease-in-out;
	}
}

@media (min-width: 992px){ 
.navbar{position:absolute; top:137.5px;left:0px; /*background:url(./img/tarjeta.png) no-repeat bottom left ;
		background-size:100%;
		z-index:5;color:#ffffff; 
		width:220px; text-align:left; margin:0px 0 0px 0;padding: 0px 0 10px 13px;*/
		}
}



/*.navbar ul {margin:40px 0 0 0;padding:40px 0px 40px 2px;list-style:none; text-align:left;
			font: bold 1.2rem inconsolatamedium;}*/
.navbar ul {margin:20px 0 0 0;padding:0px 0px 40px 2px;list-style:none; text-align:left;}	

.navbar li {text-decoration:none; color:#101010; margin:0;
				border-bottom:2px solid #404020;display:block;padding: 5px 20px 5px 0;}
				
.navbar li a { text-decoration:none; color:white; } 
.navbar li a:hover {color:#f0f0e0;} 
.navbar li a:active {border:none;}
.navbar li a.activa {color:#e0e0c0;}
.navbar li a.activa:hover {color:#efefef;}



.navbar.open { left:0;}
.navbar .single-page-nav {padding-right:0;overflow-x:clip;}

.navbar ul {padding-bottom:20px}
/*@media (min-width: 996px) {
.navbar ul {border-left:1px solid white;} } */

.nivel2 {background:url(img/tarjeta3.png) no-repeat bottom left ;background-size:100%;
			font: bold 1.2rem inconsolatamedium;}
.nivel2 li a {color:black;font-weight:bold; } 



/*@media (max-width: 795px){ */
.buscador {margin:auto; padding:0px 2px 10px 0px;font-size:1rem;color:#f8f8f8;display:block;}
.buscador p {margin: 5px 0 11px 0;}
.buscador input[type="search"] {padding:0;margin:0 0 15px 0;border:2px solid black;}	
/*}
@media (min-width: 795px){
.buscador {display:none;}}





/* Texto de cada página */
#content {position:absolute;top:137.5px;left:var(--AnchoMenu); padding: 2px  20px 0 60px ;  
			margin-top:0px; color: #202020; width:calc(100% - var(--AnchoMenu)); 
			font:normal 16px/19px inconsolatamedium,Courier,"Courier New",monospace,"Lucida Console"; 
			background: url(img/FondoPijamav9.png) top left repeat-y;
		 	white-space:normal; text-align:left;z-index:3;
			content-visibility: auto;
			/*overflow:scroll;*/}		
			
@media (max-width: 991px) {
#content {position:relative;top:-4px;left:0px;width:100%;}
}		

#content h1 {font-size:30px;font-weight:bold;line-height:36px;text-transform: uppercase; 
padding: 19px 0 0px 0px; color: #286ec0; text-align:left;}
#content h2 {font-size:22px; font-weight:bold;line-height:19px;text-transform: uppercase;padding:0;margin:19px 0 19px 0px; color: #286ec0;}	
#content h3 {font-size:19px; font-weight:bold;line-height:19px; padding:0;margin:19px 0 19px 0px; color: #286ec0;}
#content h4 {font-size:17px; font-weight:bold;line-height:19px; padding:0;margin:19px 0 19px 0px; color: #286ec0;}
#content p {text-align:left;font-weight:normal;margin:19px 0 19px 0;}
#content a img {border: 1px solid blue;}
#content img.float {float:right;margin:10px;}
#content img.W50 {width:400px;max-width:50%; }
#content ul {margin:0 0 0px 30px;}
#content li {text-align:left;font-weight:normal;margin:19px 0 0px 0;} 
 .cajaflex {display: flex; flex-direction: row;
  width: 100%;}
  
  
 
@media (max-width: 600px) {
.cajaflex {display: flex; 
    flex-direction: column;}
  }  
  
#content  .W20 {width:15em;margin:9px ;}
.cajaflex .W25 {width:20em;min-width:250px;display:block;}

#content .donator {text-align: right;font-weight: bold;font-size:14px;margin: 17px 15px 15px 0;color:#c87045} 


@media (max-width: 767px) {
#content img.W50 {width:100%;max-width:100%;margin:10px auto;}
/*#content img.H7 {width:100%;max-width:100%;}*/
}



/*** Pie ************/

#content footer {clear: both;margin: 10px -20px 0px -25px;padding: 20px 0px 2px 20px; 
			border-top: 2px solid #e0e0e0;border-bottom: 2px solid #e0e0e0;
			text-align: center;color: #808080;font: normal 11px sans-serif, Arial, Tahona;background:#ffffe0;}
#content footer p {margin: 0.3em 0 0.5em 0;text-align:center;}	
#content footer a {color: #286ea0;text-decoration: none; border:none;}
#content footer a:hover {color: #206098; text-decoration: none ;border:none;}		
#content footer a img {border: none;margin:0 4px 0 4px;height:40px; min-width:0;width:auto;vertical-align:top;display:inline;}			   								
#content footer a:hover img {border: none;}	

/* Imágenes */

img {border: 0; height: auto; max-width: 100%;}

.extras {display:flex; padding-bottom:0;
		flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;}

.texto-cartel {flex: 8 2  65%;order: 1;padding: 0 15px 0 0 ;}
		
.cartel {min-width:200px;margin: 0px;padding: 0;font-size: 92%;font-weight: bold;line-height: 16px;order: 2;flex: 1 8  30%;max-height:320px;aspect-ratio:auto;} 
p.caption {font-size:85%;}

.cartel img {width:100%; margin:0px; padding:0; border: 2px solid #50b0ff;}

.NovedadesTexto-cartel {flex: 8 2  60%;order: 1;padding: 0 4px 0 0 ;margin:0;}
.NovedadesCartel {flex: 1 8  39%;min-width:50px;margin: 0px;padding: 20px 0 0 0;order: 2;max-height:320px;text-align:center;} 

.NovedadesCartel img {max-height:300px;padding:0px;margin:0px 0px 0px 5px;}
/*.extras {float:right; border:2px solid red; display:block;width:35%;}*/
/*#extras:has(>p){font-size:80%;}*/

.cartel img {width:100%; margin:0px; padding:0; border: 2px solid #50b0ff;}

/*img.cartel {width:100%;margin:10px 0 10px 10px; padding:0; border: 2px solid #50b0ff;}
/* p.x{display:block;}*/

/*.cartel a:has(>img) {margin:10px 0 10px 10px; padding:0; border: 2px solid #50b0ff;}
.cartel a:has(>img):visited {border: 2px solid SlateBlue;}
/*.cartel a {border:1px solid red; padding:0;margin:0;}
.cartel img{width:100%;max-width:350px; margin:0;sdisplay:flex;}
/*a:has(> img.cartel) {border: 2px solid blue;display:block; } */




/* Cabeceras y párrafos 

.navbar h2 {font-family:Verdana;font-size:1.25rem;font-weight:bold; color:var(--Azulon);text-align:left;margin:30px 0 12px 32px;letter-spacing:1px;}
h3 {font-family:Calibri;font-size:1.44rem; font-weight:bold; color:#2858df;text-align:left;  margin:17px 10px 10px 0px;}
h4 {font-family:Calibri;font-size:1.3rem; font-weight:bold; color:#2858df;text-align:left;  margin:17px 10px 10px 0px;}
  */

/* Fondos para cada página */
#Webmap {font-family:courier;font-size:0.95rem;background: repeat url("../img/Links.jpg"); line-height: 1;}

.banner-section .continua {padding: 30px 30px 5px 30px;} 
.banner-section .continuacion {margin-top:-28px;}
.banner-section .separacion {margin-top:clamp(12px,2vw,22px);}
.separa-sec {margin:10px; height:1px;}
 


/*.bg-grey-transparent { background-color: #d8e0efd8;border-radius: 10px;}
.bg-grey-less-transparent { background-color: #d8e0eff0;border-radius: 10px;}
.bg-grey-more-transparent { background-color: #d8e0efb0;border-radius: 10px;}
.bg-pink-transparent { background-color: #d0d0efdc;border-radius: 10px;}
.bg-pink-less-transparent { background-color: #d0d0eff0;border-radius: 10px;}
.bg-white-less-transparent { background-color: #fffffff0;border-radius: 10px;}
.bg-white-transparent { background-color: #ffffffd8;border-radius: 10px;}
.bg-blue-transparent { background-color: #6699cccc; border-radius: 10px;}
.bg-blue-less-transparent { background-color: #6699ccdc; border-radius: 10px;}
.bg-black {background-color:black;}
*/
.idiomas { position:absolute; top:5px; left:31px;font-family:calibri;font-size:0.75rem;margin:0px;z-index:2;}
@media (max-width: 991px) {
  .idiomas { margin-left: -25px; }
}

a.lang {display:block;width: 54px;height:19px;  padding:6px 4px 2px 4px; margin:8px;
		text-align:center; color:white; font:normal 11px verdana,arial;
white-space:normal;
border: 1px outset #c0c0c0;
border-radius: 7px;
background: linear-gradient(145deg, #90c0d0, #80a0b0);
box-shadow:  2px 2px 4px #6d8c98,
             -2px -2px 4px #b3e4f8;
}
/*a.nivel2 {
background: linear-gradient(145deg, #abab9a, #909082);
box-shadow:  3px 3px 2px #88887a,
             -3px -3px 2px #b8b8a6;
}

a.nivel3 {
background: linear-gradient(145deg, #cdab78, #ad9065);
box-shadow:  3px 3px 2px #a3885f,
             -3px -3px 2px #ddb881;
} */

a.activo, a.lang:hover {border-style:inset;padding:7px 3px 1px 5px;
color:#2858df;
border-radius: 7px;
background: #98c0d0;
box-shadow: inset 4px 4px 2px #7a9caa,
            inset -4px -4px 2px #a6d4e6;								
}

.center {margin:auto;width:max(300px,50%);}
a.activo {font-weight:bold;}

.left {text-align:left;}
.courier {font-family:courier;}

.novedades {border:3px solid red; margin: 10px 20px  10px 20px; padding: 10px 20px 10px 20px;}
.novedades.simple{margin: auto 5%;}

.novedades h1 {font-family:Verdana; color:#c81010;}

.siguenos {margin:0;padding:10px 0px 0px 15px; font-size:1rem;color:#f8f8f8; border-top:2px solid white;border-left:1px solid white;width:100%;}
.siguenos img {width:38px;display:inline;margin:0px 3px 0 3px;}



.buscador_alt_container {margin:20px;padding:20px;background: repeat url("../img/Buscador.jpg");background-size:contain;} 
.buscador_alt {margin:35px 0 0px 0; padding:5px 0px 20px 15px;font-size:1rem;color:#182818;}		
.buscador_alt form {text-align:left;}
.buscador .buscador_alt  input {padding:0;margin:0;}	 
.buscador .buscador_alt  input[type="submit"]{margin:0;padding:0;}
.buscador .buscador_alt  input[type="submit"]:hover{cursor:pointer;} 				
.boton_buscador {display:block;	margin:20px auto;max-width:46%;padding:6px; border: 3px outset #c0c0c0;border-radius:8px;
		text-align:center;color:white; font:normal 13px verdana,arial;/background-color: #384460; white-space:normal;}	 
.boton_buscador:hover {border-style:inset;color:#d0d0d0;padding:6px 5px 6px 7px;box-shadow: 3px 3px 6px -1px #2b0000 inset;}
.boton {text-align:center; color:white; font:normal 13px verdana,arial;    background-color: #384460;white-space:normal;
		border: 3px outset #c0c0c0;border-radius:8px; padding:6px 8px 6px 8px; margin:4px;
}	 
.boton:hover {border-style:inset;color:#d0d0d0;padding:6px 7px 6px 9px;box-shadow: 3px 3px 6px -1px #2b0000 inset;}

.contador {margin:0px 0 0px 0;padding:15px 0px 15px 15px; font-size:.94rem;color:#f8f8f8;border-top:2px solid white;border-left:1px solid white;width:100%;} 

/*@media (min-width: 992px)  {.boton_buscador {display:none;} }  
@media (max-width: 991px)  {.buscador {display:none} .contador {border-left:none;} .siguenos {border-left:none;}}
*/


/* Color del menú principal 
.nivel1 {background-color: #90b8c8;} 

 Color del menú de segundo nivel 
.nivel2 {background-color: #a4a494;}

 Color del menú de tercer nivel 
.nivel3 {background-color: #c0a070;}*/
 
/* Efecto de transición suave cuando el cursor se sitúa sobre las imágenes */
figure.item a img {border:none;}
figure {transition: transform 0.4s; opacity: 1;} 
figure:hover {transform: scale(1.05); opacity: 0.8;}

figure.short {height:60px;}
figure.doc {height:212px;}

.video, .mapa {height:282px; width:500px; max-width:100%;object-fit: contain;
border:2px solid black;margin-bottom:19px;}


/*.mapa {width:63vw; height:40vw; min-width:280px; max-width:700px; margin-top:15px; max-height:400px;  border: 2px solid black;} */

.slider {width:90dvw; min-width:320px; height: 90dvh;margin:30px auto; 
			border: none;overflow: hidden;}
.slider img {height: 90dvh;object-fit: contain; margin:auto 45px;}


 @media (pointer:coarse) {
 	.slick-prev, .slick-next {font-size:0px; width:0;}
	.slider {width:100dvw;margin:auto;}
	.slider img {height: 100dvh;margin:auto}
  } 
