@charset "utf-8";
body { margin: 0px; background-color: #ffffff; font-family: 'Open Sans', Verdana, sans-serif; }
#contenedor { position: relative; max-width: 1190px; width:97%; height: auto; z-index: 3; top: 180px; margin-right: auto; margin-left: auto; left: 0px; background-color: #ffffff; padding:0px;  }
#contenedor2 { position: relative; max-width: 1190px; width:100%; height: auto; z-index: 3; top: 10px; margin-right: auto; margin-left: auto; left: 0px; background-color:#ffffff; }
#contenedor_zadmin { position: relative;  width:97%; height: auto; z-index: 3; top: 180px; margin-right: auto; margin-left: auto; left: 0px; background-color: #ffffff; padding:0px;  }
#contenedor_zadmin2 { position: relative; width:100%; height: auto; z-index: 3; top: 10px; margin-right: auto; margin-left: auto; left: 0px; background-color:#ffffff; }
#cabecera {position:fixed; width:100%; height:120px; background-color: rgba(255,255,255,1); z-index:12; box-shadow: 0px 4px 8px 0px rgba(79,77,79,0.4); top: 0 }
#cajainferior1 {position: relative; width: 100%;  height: auto; z-index: 9; top: 100px; margin-right: auto; margin-left: auto; left: 0px; clear:both; padding:20px; background-color: #474747;  }
#cajainferior1 p {text-align: center;}
#accesoAgencias {position:fixed; top:8px; background-color: #ccc; color: #fff ; height: auto; border-radius: 6px; right: 10px; z-index: 10;font-size: 12px; padding: 4px 10px 4px 10px; }
#accesoAgencias:hover {height:auto; top:14px; background-color: #3d7aa5; color: #fff !important;
	-webkit-transition:all .6s ease; /* Safari y Chrome */
	-moz-transition:all .6s ease; /* Firefox */
	-o-transition:all .6s ease; /* IE 9 */
	-ms-transition:all .6s ease; /* Opera */
}
#google_translate_element {position: fixed; top:120px; right: 0}
table {border: 0px solid #ccc; width: 80%; text-align: center; margin:auto; font-size: 14px; }
td { border: 0px solid #ccc; vertical-align: top; text-align: left;}
th { border: 0px solid #ccc;}
.tabla_zadmin {border: 1px solid #ccc; width: 80%; text-align: center; margin:auto; font-size: 12px; border-spacing: 0px; }
.tabla_zadmin td {border: 1px solid #ccc;  }

#accesoAgencias a {color: #fff !important; font-weight: bold;}
.imagenGrande {width: 100%; max-width: 800px; height: auto;}
.imagenGrande2 {width: 100%; height: auto;}
.letra30px {font-size: 30px;}
#convocatoriaJunta {position:fixed; top:-2px; background-color: #ccc; color: #fff ; height: auto; border-radius: 6px; right: 130px; z-index: 10;font-size: 12px; padding: 4px 10px 4px 10px; }
#convocatoriaJunta:hover {height:auto; top:4px; background-color: #009fe3 ; color: #fff !important;
	-webkit-transition:all .6s ease; /* Safari y Chrome */
	-moz-transition:all .6s ease; /* Firefox */
	-o-transition:all .6s ease; /* IE 9 */
	-ms-transition:all .6s ease; /* Opera */
}
#empresa {visibility: hidden; width: 70%; max-width: 600px;margin-left: 20%;}
#acompanante {visibility: hidden; width: 70%; max-width: 600px;margin-left: 20%;}
#convocatoriaJunta a {color: #fff !important; font-weight: bold;}
.ofifacil {text-align: center; font-size: 12px;}
.seleccionado {border-bottom: 2px solid #3d7aa5; }
.cuadro {width: 20%; padding: 1%; margin:1%; float: left; border: solid 1px #ccc; border-radius: 8px; }
.cuadro-titulo {font-size: 30px; color: #3d7aa5;}
.cuadro-subtitulo {font-size: 18px; color: #3d7aa5;}

.img-contenedor img {
	-webkit-transition:all .9s ease; /* Safari y Chrome */
	-moz-transition:all .9s ease; /* Firefox */
	-o-transition:all .9s ease; /* IE 9 */
	-ms-transition:all .9s ease; /* Opera */
	width:100%;
}
.img-contenedor:hover img {
	-webkit-transform:scale(1.10);
	-moz-transform:scale(1.10);
	-ms-transform:scale(1.10);
	-o-transform:scale(1.10);
	transform:scale(1.10);
}
.img-contenedor { width:23%; height:auto; overflow:hidden; margin-left: 4px; }
.columnas2 { text-align: justify !important;  -webkit-column-count: 2;  -moz-column-count: 2; column-count: 2; column-gap: 60px; margin-bottom: 30px; }
.columnas3 { text-align: justify !important;  -webkit-column-count: 3;  -moz-column-count: 3; column-count: 3; column-gap: 30px; margin-bottom: 30px; }
.columnas4 { text-align: justify !important;  -webkit-column-count: 4;  -moz-column-count: 4; column-count: 4; column-gap: 10px; margin-bottom: 30px; }
.columnas2 p, .columnas3 p, .columnas4 p {margin-top: 0px;}

.fotoConTexto{ position: relative; display: inline-block; text-align: center; width: 48%;}
.fotoConTexto img:hover { position: relative; display: inline-block; text-align: center; filter:brightness(0.3); }
.tituloCentrado{ text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color:#ffffff; font-size: 30px; transition: all .6s ease; text-shadow: 2px 2px 2px #000; width: 80%;
	-webkit-transition:all .6s ease; /* Safari y Chrome */
	-moz-transition:all .6s ease; /* Firefox */
	-o-transition:all .6s ease; /* IE 9 */
	-ms-transition:all .6s ease; /* Opera */
	
}
.cobertura {margin-left: 20px}
.cobertura p, .cobertura h2 {text-align: left !important}


.noticia_foto {width: 50%; padding: 1%; text-align: center; float: left;}
.noticia_foto img {width: 100%; height: auto;}
.cajaFotosEdidiones {width: 45%; padding: 1%; text-align: center; float: left;}
.cajaFotosEdidiones img {width: 100%; height: auto;}

.noticia_texto {width: 40%; padding: 1%; text-align: center; float: left;}
.noticia_texto h1, .noticia_texto h2, .noticia_texto h3, .noticia_texto p  {text-align: left !important; }

.precio, .euro {font-size: 22px; font-weight: bold; color: #3d7aa5;}
.oculto {visibility: hidden;}
.sombra { border: #ddd 1px solid; background: #FFFFFF; box-shadow: 3px 3px 6px #999999;	zoom: 1; }
.fotoPrensa {width: 98%; max-width: 1200px; height: auto;}
.iframeBuscar {width: 98%; height: 2000px;}
.fondoGris {background-color: #E8E8E8;}
.float-left {float: left;}
#footer { position: relative; height: auto; z-index: 9; top: 100px; margin-right: auto; margin-left: auto; left: 0px; clear:both; padding:20px; background-color: #333;  } 
#footer p {text-align:center; }
#footerdiv { float:left; width:33%; height:auto; text-align: center; margin:auto; font-size:13px;   }
#footerdiv h3 { color:#ccc; font-size:16px;  text-align: center;}
#footerdiv p, #footerdiv li { color:#eee; font-size:13px; line-height:110%;  text-align: center;}

#footerdiv a:link, #footerdiv a:visited, #footerdiv a:active { color: #aaaaaa; text-decoration:none;  }
#footerdiv a:hover {color: #3d7aa5; 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#redessociales {z-index: 999; position: fixed; top:20px; left: 80px;width: 300px;height: 25px; }
.redessociales img {width: 20px; height: auto; margin: 2px; opacity: .7; }
.redessociales img:hover {opacity: 1;}
.logoempresa {position:relative; margin-right: 3%; border:0px; height:auto; max-width:400px; float:right; margin-top:12px; z-index: 999;}
.logo {height:auto; width:100%;  z-index: 999;}
.botonmenu { margin: 20px 10px 10px 20px; border:0px; height:0px; width:0px; float:left; cursor:pointer; z-index:200; visibility:hidden;}
#menuprincipal {position:fixed; padding:30px 10px 10px 20px; height:auto;  visibility:visible; width:100%; margin-left:auto; margin-right:auto; max-width: 1400px;  z-index:13; top:50px; }
.menu {float:left; margin-right:8px; text-align: center; }
.menu h2 { color:#000; font-size:13px; cursor:pointer;  margin-right: 10px; font-weight: bold;}
.menu h2:hover { color: #3d7aa5; }
.menu p { color:#333; font-size:16px; cursor:pointer;  margin-left: 5px; margin-right: 5px; font-weight: normal; line-height:20px;}
.menu p:hover { color:#3d7aa5;}
.submenu { position:absolute; top: 70px; left:1%; margin-right:auto; width:90%; height:0px; background-color: rgba(250,250,250,.93); visibility:hidden; z-index:11; padding: 20px 20px 2px 20px;  padding:15px;}
.submenu h2 { height: 10px; padding:0px; margin:0px; font-size: 16px; margin-bottom:15px;   } 
.submenu a:link, .submenu a:visited, .submenu a:active { text-decoration:none;  color:#000000; font-size: 14px;   }
.submenu a:hover { text-decoration:none;  color:#3d7aa5;   }
.submenu ul { text-indent:1px; padding-left:20px;  }
.submenu li { padding:2px; margin:0px; height:16px; list-style-type: circle ;    }
.submenu p { color: #777777 ;font-size: 17px; }
.botoncerrar {float:right;color:#FBFBFB; margin: 2px; padding:0px;}
.botoncerrar img { width:20px; height:auto; cursor:pointer;}
.flotar { float: left; }
#capacabecera { height: 290px; }

.navi-line { width: 60px; height: 1px; margin: 10px auto 0; border-bottom: 2px solid #3d7aa5;}

.caja25 {width: 23%; padding: 1%; float: left;}
.caja25 img {width: 98%; margin:auto; height: auto;}
.caja25 h2, .caja25 h3, .caja25 h4, .caja25 p {text-align: left !important;}
.caja50 {width: 45%;  float: left; height: 450px; border: 0px solid #eee; margin:1%; }
.caja50 img {width: 90%; margin:auto; height: auto;}

.caja33 {width: 30%;  float: center; max-height: 450px; margin:1%; text-align: center !important }
.caja_logos {text-align: center; border: 1px solid #ccc; border-radius: 10px; margin-bottom: 20px; }
.subcaja_logos {margin-bottom: 30px; margin-top: 30px; padding: 10px;text-align: center; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; /* Ajusta el espacio entre los elementos */}
.loguito {flex: 1 1 calc(16% - 20px); /* 25% del contenedor menos el espacio del gap */ box-sizing: border-box; max-width: calc(16% - 20px); margin: 10px; padding: 10px;}
.loguito img {width: 100%; height: auto}
.loguito a {display: block; text-align: center;}

#capaprincipal { width: 100%; padding: 0% 1% 0% 1%; z-index: 60; height: auto;}
#capafooter { padding: 20px; height: auto;left: 0px; color: #333333; font-size: 10px; text-align: center; clear: left; border-top-width: 0px; border-top-style: solid; border-top-color: #222; }
.linksfooter {vertical-align:top; float: left; padding: 20px; }
#slidescma {padding: 0px; margin: 0 px; width:auto; overflow:hidden; height: auto;  }
#slidescma img {padding: 0px; float:none; margin: auto; width:98%; }
#slidescma ul {margin:0;  padding:0;  list-style-type:none;}
#slidescma li {margin:0;  padding:0;}
.caja_contenido { background-color: #ffffff; padding:10px; text-align:center; border-radius: 6px 6px 6px 6px;} 
.caja_contenido p {text-align: center;}
.campo_formulario { max-width: 600px; width:100%; background-color: rgba(250,250,250,1); color: #444;  border: 1px #999 solid; padding: 6px; border-radius: 3px ; font-family: 'Open Sans', Verdana, sans-serif; }
.campo_formulario_buscar { width:60%; background-color: rgba(255,255,255,1); color: #444;  border: 1px #999 solid; padding: 6px; border-radius: 3px;  }
a:link, a:visited, a:active { color: #666666; text-decoration: none; text-align: right; }
a:hover { color: #3d7aa5; text-decoration: none; }
img a { text-decoration: none; }
h1 { color: #666666; font-size: 40px; margin-top: 15px; margin-bottom: 15px; font-weight: normal; font-style: normal; text-align: center; }
h2 { color: #666666; font-size: 26px; margin-top: 15px; margin-bottom: 15px; font-weight: normal; font-style: normal; text-align: center; }
h3 { color: #555555; font-size: 18px; margin-top: 15px; margin-bottom: 10px; font-weight: normal; font-style: normal; text-align:center; }
h4 { color: #3d7aa5; font-size: 16px; text-align: center; line-height: 150%; margin-top: 10px; margin-bottom: 15px; font-weight: bold; font-style: normal; }

p { color: #808080; font-size: 16px; text-align: justify; line-height: 150%; margin-top: 10px; margin-bottom: 15px; font-weight: normal; font-style: normal; }
h3 a { color: #62328a; }
h5 { color: #666666; font-size: 16px; text-align: justify; line-height: 150%; margin-top: 0px; margin-bottom: 0px; font-weight: normal; font-style: normal; padding: 0px 0px 0px 20px; }
h5 li { color: #1D211E; font-size: 10px; text-align: left; line-height: 150%; margin-top: 0px; margin-bottom: 0px; font-weight: normal; font-style: normal; }
h6 { color: #373126; font-size: x-small; text-align: right; font-weight: normal; font-style: normal; }
ul { color: #6A5231; font-size: 11px; text-align: left; line-height: 150%; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; }
li { margin: 0px; padding: 0px; color: #808080; font-size: 13px; text-align: left; line-height: 150%; white-space: normal; }
.ancho32 {width:32%;}
.limpiar {clear:both;}
.texto10 {font-size:10px;}
.texto11 {font-size:11px;}
.texto12 {font-size:12px;}
.texto13 {font-size:13px;}
.centrado {text-align:center;}
.justificado {text-align:justify !important;}

img {border:0px; }
.derecha {text-align:right}
.izquierda {text-align:left}
.centro {text-align:center}
#barritaloca {display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:30px;background: #111111;color:#dddddd;z-index: 99999; opacity:0.9;} 
.barritaloca_texto {width:100%;position:absolute;padding-left:5px;font-family:verdana;font-size:11px;top:20%; text-align:center}
.barritaloca_ok {padding:4px;background:#3d7aa5;text-decoration:none;color:#fff;}
.barritaloca_info {padding-left:5px;text-decoration:none;color:#ffffff;}
.letra9px {font-size:9px;}
.letra11px {font-size:11px !important;}
.letra12px {font-size:12px !important;;}
.letra14px {font-size:14px !important;;}
.letra16px {font-size:16px !important;;}
.letra18px {font-size:18px !important;;}
.letra24px {font-size:24px !important;;}
.letra22px {font-size:22px !important;;}
.subrayado {font-size:18px !important;; text-decoration: line-through;}
.ancho0 {width:0%;}
.ancho100 {width:100%;}
.ancho80 {width:80%;}
.ancho98 {width:98%;}
.ancho90 {width:90%;}

.video_container {width: 100%;  height: auto; }
.video_caja {width: 45%; margin: 1%; float: left; position: relative;   aspect-ratio: auto 16/9; }
.video_caja iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.button, .button:visited, .button:active {display: inline-block; padding: 0px; color: #666666; text-decoration: none; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor:pointer; transition: all 0.4s ease; }
.button:active { top: 1px; color: #666666; }
.uno.button, .uno.button:visited { background-color: #3d7aa5; color:#ffffff; font-size: 14px; font-weight: bold;}
.uno.button:hover { background-color: #2f5f81; color:#ffffff; font-size: 14px; font-weight: bold; padding: 20px}
.petit.button, .petit.button:visited { background-color: #999999; color:#ffffff; font-size: 11px; font-weight: bold;}
.petit.button:hover { background-color: #2f5f81; color:#ffffff; font-size: 11px; font-weight: bold;}
.dos.button, .dos.button:visited { background-color: #999999; color:#ffffff; font-size: 14px; font-weight: bold;}
.dos.button:hover { background-color: #2f5f81; font-size: 14px; font-weight: bold;}
.tres.button, .tres.button:visited { background-color: #999999; color:#ffffff; font-size: 14px; font-weight: bold;}
.tres.button:hover { background-color: #2f5f81; font-size: 14px; font-weight: bold;}
.button, .button:visited { font-size: 14px; font-weight: bold; line-height: 1; border-radius: 4px; padding: 20px; color:#000000; } 
.grande {padding: 30px !important;}

.boton_grande { padding: 15px 30px 15px 30px;}
.petit { padding: 5px 10px 5px 10px !important;}
.normal {font-weight:normal;}
.flota_izq {float: left;}
.justifica {text-align: justify;}
.popup {width:100%; height:100%; display:none; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.75); }
.popup-inner { max-width:250px; width:80%; padding:25px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); box-shadow:0px 2px 6px rgba(0,0,0,1); border-radius:10px; background-color: #ffffff; }
.popup-inner-img { max-width:520px; padding:10px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); box-shadow:0px 2px 6px rgba(0,0,0,1); border-radius:10px;  }
.popup-inner-img img{ max-width:500px; position:relative; }
.popup-close { z-index: 1; width:30px; height:30px; padding-top:4px; display:inline-block; position:absolute; top:5px; right:5px; transition:ease 0.25s all; -webkit-transform:translate(50%, -50%); transform:translate(50%, -50%); border-radius:1000px; background-color:rgba(0,0,0,1); font-family:Arial, Sans-Serif; font-size:20px; text-align:center; line-height:100%; color:#fff; }
.popup-close:hover { -webkit-transform:translate(50%, -50%) rotate(180deg); transform:translate(50%, -50%) rotate(180deg); background:rgba(0,0,0,1); text-decoration:none; }
.popup-inner p a { margin: 0px; text-align: center;}
/* MEDIA QUERIES */

@media only screen and (max-width: 999px) {
#contenedor { width: 100%;}
#contenedor2 { width: 100%;}
#copyright { width: 90%;}
#capaprincipal { width: 98%; width: 98%; }
.botonmenu {margin: 15px 10px 10px 15px; border:0px; height:26px; width:auto; float:left; cursor:pointer; z-index:200; visibility:visible;}
#menuprincipal {position:absolute; top:120px; left:-300px; padding:2%; width: 400px; max-width: 96%; height:auto; background-color: rgb(246 246 246) ; z-index:10; visibility:hidden; overflow:visible; transition: all 0.6s ease;}
#menuprincipal h2 { font-size:16px; margin:0px; padding:0px;}
.menu {float:none; margin-left:5px;}
.menu p { font-size:15px; }
.submenu {position:relative; top:0px; left:0px; width:100%; visibility:hidden; height:0px; padding: 2px; overflow:hidden;}
.submenu li { margin-bottom:10px;}
.submenu a {font-size:12px; }
.submenu a:link, .submenu a:visited, .submenu a:active { font-size: 15px;}
.botoncerrar { visibility:hidden;}
#principal { width: 95%; }
.flotar { float: none; width: 99% !important;}
.popup-inner-img { max-width:720px; }
.popup-inner-img img{ max-width:700px; }
.img-contenedor { width:46%;}	
.cobertura {margin-left: 60px}

}
@media only screen and (min-width: 600px) and (max-width: 800px) {
#contenedor { width: 100%;}
#contenedor2 { width: 100%;}
#copyright { width: 90%;}
#capaprincipal { float: none; width: 98%; width: 98%; }
#barritaloca { height:60px; line-height:15px;}
.submenu h2 { padding-bottom:20px !important;}
.popup-inner-img { max-width:680px; }
.popup-inner-img img{ max-width:660px; }
.cuadro {width: 46%; padding:2px; margin:1%; float: left; border: solid 1px #ccc; border-radius: 8px;}
.cuadro-titulo {font-size: 20px; color: #3d7aa5;}
.cuadro-subtitulo {font-size: 14px; color: #3d7aa5;}
#cajainferior1 {padding:10px;}
.img-contenedor { width:46%;}
.fotoConTexto{ width: 100%}	
.video_caja {width: 100%;   aspect-ratio: auto 16/9; }

}
@media only screen and (max-width: 600px) {
#filigrana img { width:95%; height:auto; border:0px; visibility:hidden;}	
#contenedor { width: 100%; }
#contenedor2 { width: 100%;}
#copyright { width: 90%; padding: 0px;}
#capaprincipal { float: none; width: 98%; }
.linksfooter { float:none;}
.logoempresa {position:relative;  border:0px; height:auto; width:65%; float:right; margin-top:6px; z-index: 999; max-width: 170px;}
#menuprincipal { left:-300px; padding:2%; width: 400px; visibility: hidden;}
#menuprincipal h2 { font-size:14px; height:auto;}
.submenu li { margin-bottom:2px; height:auto; line-height: 100%;}
.submenu a {font-size:14px;}
.popup-inner-img { max-width:420px; }
.popup-inner-img img{ max-width:400px; }
#footerdiv { float:none; width:80%;margin-top:20px;}
.cuadro {width: 46%; padding: 2px; margin:1%; float: left; border: solid 1px #ccc; border-radius: 8px;}
.cuadro-titulo {font-size: 20px; color: #3d7aa5;}
.cuadro-subtitulo {font-size: 14px; color: #3d7aa5;}
.img-contenedor { width:47%;  }	
#cajainferior1 {padding:5px;  }
.img-contenedor { width:46%;}	
.fotoConTexto{ width: 100%}	
h1 { font-size: 20px; }
.caja50 {width: 100%; float:none}	

.loguito{
  flex: 1 1 100%;
  max-width: 100%;
  margin: 10px 0;
  padding: 10px;
}

}
@media only screen and (max-width: 480px) {
.popup-inner-img { max-width:320px; }
.popup-inner-img img{ max-width:300px; }
#footerdiv { float:none; width:80%;margin-top:20px;}
.cuadro {width: 46%; padding: 2px; margin:1%; float: left; border: solid 1px #ccc; border-radius: 8px;}
.cuadro-titulo {font-size: 18px; color: #3d7aa5;}
.cuadro-subtitulo {font-size: 13px; color: #3d7aa5;}
.img-contenedor { width:47%;  }	
#cajainferior1 {padding:2px;  }
.img-contenedor { width:98%;}	
.fotoConTexto{ width: 100%}	
h1 { font-size: 20px; }
#capaprincipal { float: none; width: 98%; }
}