/*

font-family: 'Luckiest Guy', cursive;
*/

h1,h2,h3,h4,h5,h6,p,ul,input,textarea{}
strong{ font-weight:600;}
a{ cursor:pointer;}

#logo-hidden{ visibility:hidden; display:none;}

#hidden-logo{ visibility:hidden; display:none;}
#default_content{ float:left; width:100%; min-height:600px; margin-top:150px;}

img{	border:none;}

/* ######################## SLIDER CABECERA ######################### */
	.headerSlider{ float:left; width:100%; height:375px; padding-left:0px; padding-top:0px; list-style:none; margin-top:0px; margin-left:0px; position:relative; z-index:1; }
		.headerSlider li{ float:left; width:100%; height:375px; overflow:hidden; background-size:cover; background-position:center; }

@media screen and (max-width : 760px)
{
	.headerSlider{ display:none;}
}

/* ######################## AVISO NAVEGADOR ######################### */
#aviso-navegador{float:left;width:100%;height:90px;position:fixed;z-index:500;background-image:url(../img/navegadores/fondo_barra.jpg);background-repeat:repeat-x;}
#aviso-navegador img{width:50px;margin-top:10px;margin-left:10px;}
#aviso-navegador-1{float:left;width:700px;text-align:left;color:#FFF;font-style:italic;font-size:20px;margin-left:10px;}
#aviso-navegador-2{float:left;width:700px;text-align:left;color:#FFF;font-style:italic;font-size:28px;font-weight:bold;margin-left:5px;}

#pre-load-web{ background-color:#FFFFFF; position:fixed; width:100%; height:100%; top:0px; left:0px;z-index:1000009;}
#imagen-load{ position:absolute; left:50%; margin-left:-132px; top:30%;}

.avisoNoEntradas{ float:left; width:100%; text-align:center; font-size:1.6rem; margin-top:80px; margin-bottom:150px;}		
		
.bodyLeft{ position:relative; float:left; width:200px; height:200px; background-color:#FF0000;}

.seccionGaleria{ float:left; width:974px; height:auto; padding:0; margin:0; padding-top:15px; margin-left:20px; list-style:none; font-family:'playfair_displayregular',arial; margin-top:-100px; margin-bottom:100px;}
	.seccionGaleria li{ float:left; width:22%;  margin-right:1.5%; overflow:hidden; height:170px; margin-bottom:13px;}
	.seccionGaleria li img{ float:left; position:relative; display:block; transform:translateX(-50%); left:50%; min-width:100%; width:auto; max-width:160%; max-height:160%;}
.tituloGaleria{ font-size:1.1rem; color:#000000; font-weight: bold; float:left; width:90%; margin-left:20px; margin-bottom:4px; font-family:'playfair_displayregular',arial; margin-top:-125px;}

@media screen and (max-width : 760px)
{
.avisoNoEntradas{ font-size:1rem; margin-bottom:100px; margin-top:100px;}		
	
	.seccionGaleria{ width:96%; margin-left:2%; }
		.seccionGaleria li{ height:90px; width:31%;}
		
	.tituloGaleria{ font-size:0.9rem; width:96%; margin-left:2%;}
}

/* FOOTER */
#contactoMobile{ background-color:#cf3269; position:fixed; z-index:9999999; bottom:0; width:100%; height:40px;}
	#contactoMobile a{ position:relative; float:left; margin-left:3%; color:#fff; margin-top:10px;}
		#contactoMobile a span{ position:relative; float:left; font-size:1.2rem; margin-right:10px;}
		#contactoMobile a:last-child{ float:right; margin-right:3%;color:#fff; margin-top:10px;}
		
		.icon-movil{ background-image:url(../img/icon-telefono.png); background-repeat:no-repeat; float:left; width:17px; height:18px; margin-top:3px; background-size:contain;}
		.icon-mail{ background-image:url(../img/icon-email.png); background-repeat:no-repeat; float:left; width:17px; height:18px; background-size:contain; margin-top:3px;}
		
		
.footerContainer{ position:relative; float:left; text-align: center; width:100%; left:0%; margin-left:0px; height:auto; overflow:hidden;color:#fff ; margin-top:0px; z-index:999; font-family:'Gotham',sans-serif; margin-bottom:10px;}
	.footerContainer img{ width: 95px; margin-top: 35px;}
	.footerContainer h6{ color:#ffffff; font-weight:normal; font-size:38px; line-height:44px; width:100%; float:left; margin-top:0px; margin-left:0px; text-align: center; margin-bottom:0px; }
		.footerContainer h6 span{ font-size:17px; line-height: 20px;}
	
	.footerBox1{ float:left; width:540px;}
						
	.socialIcon{ margin-top:0px; float:left; width:21px; height:21px; background-size:contain;}					
	.iconoContacto{ margin-top:3px; float:left; width:21px; height:21px; background-size:contain;}	
					
	.datosContacto{ float:left; color:#ffffff; margin-top:50px; margin-left:0px; text-align: center; width:100%; height: 17px; line-height: 20px; }
.imgContacto{ width: 17px !important; margin-right: 3px; margin-top: 0px !important; top: 3px !important; vertical-align: middle;}
		.datosContacto p{ float:left; margin-bottom:5px; width:225px; margin-left:10px; margin-top:3px; font-size:1.05rem;}
.datosContacto a{ color:#fff; text-decoration: none; margin-right: 5px; line-height: 10px; }
		
	.datosLegales{ width:98%; float: left; color:#ffffff; text-align:right; font-size:13px; margin-right:0px; margin-top:10px;}
		.datosLegales a{ color:#ffffff; text-decoration:none}
							
.icon-telefono{ background-image:url(../img/mobile.png); }	
.icon-location{ background-image:url(../img/location.png); }
.icon-email{ background-image:url(../img/mail.png); }
									
		.columnaRedes { float:right; width:200px; margin-right:20px; margin-top:19px; margin-bottom:10px;}
			.columnaRedes p{ position:relative; float: right; text-align:right; width:100%; color:#ffffff; margin:0; font-size:1.1rem; margin-bottom:10px; margin-top:12px; }
			.columnaRedes ul{ float: right; width:auto; list-style:none; margin:0; padding:0;}
				.columnaRedes ul li{ float:left; width:auto;}
			.footerContainer .socialIcon{ float: left !important; width:35px; height:35px; margin-top:0px; margin-left:12px;}
				.footerContainer .socialIcon img{ float:left; width:35px; height:35px; margin-top:0px; margin-left:0px;}
				.footerContainer .socialIcon:hover{ opacity:0.5;}
										
		
	.iconEspecificos-localizador{ font-size:1.6rem; margin-left:-3px;}
	.iconEspecificos-sobre{ font-size:1.4rem;}
/**/

@media screen and (max-width : 760px)
{
.footerContainer{ width:100%; height:auto; float:left; margin-left:0px; left:0px; display:block; margin-top:0;}
	
	.footerContainer img{ float: none; margin-left:0px; margin-top:0px; width:16%; margin-left: 0px;}
	.footerContainer h6{ font-size:1.1rem !important; line-height:1.3rem; width:100% !important; margin-top:20px; margin-left:0px; }
		.footerContainer h6 span{ font-size:0.8rem;}
	
	.footerBox1{ float:left; width:75%; margin-left:5%;  }
	.datosContacto{ float:left; width:100% !important; margin-left:0px !important; height: auto; margin-top: 30px; text-align: center;}
		.datosContacto p{  width:85% !important; margin-left:3%; font-size:0.85rem !important;}

						
	.socialIcon{ margin-top:4px; float:left; width:21px; height:21px; background-size:contain;}		
		.socialIcon img{ width:20px !important; height:20px !important;}			
	.iconoContacto{ margin-top:3px; float:left; width:21px; height:21px; background-size:contain;}	

	
	.footerTop{ min-height:auto; padding-bottom:40px; height:auto; background-image:url(../img/fondo-footer-movil.png); background-size:auto;}
		.footerTopContent{  width:94%; left:0%; margin-left:3%;}
			.columnaFooter h4{ text-align:center; width:100%; margin-top:10px;}
			.columnaUno{width:100%; margin-right:0; }
				.logoFooter{margin-top:10px;  background-position:center; height:100px; width:100%; margin-top:30px; background-size:contain;}
				.redesFooter,.siganos{ display:none;}
			.columnaServicios{ width:100%; margin-right:0; /*background-color:#00FFFF;*/}
				.listaServiciosFooter{  margin-top:10px;}
					.listaServiciosFooter li{ margin-bottom:20px;}
						.listaServiciosFooter li a{ text-align:center;}
			.columnaTres{ display:none;}
			.columnaRedes{ width:100%; display:none;}
				.columnaRedes p{ text-align:center; margin-top:10px;}
	.footerBottom{width:94%; left:0%; margin-left:3%; height:auto; margin-bottom:50px;}
		.footerBottom a{ text-align:center; position:relative; float:left; width:100%; text-align:center;}
		.footerBottom img{ width:190px; position:relative; float:left; left:50%; margin-left:-95px; margin-top:10px;}
					
	 .separadorFooter{ display:none;}
	 .linkNetvoluciona{ width:100%; text-align:center;}
	 .disenoFooter{ width:100%; text-align:center;}
	 
 	.datosLegales{ width:100%; float:right; font-size:0.65rem; margin-right:0px; margin-top:10px; text-align:center;}
}

@media screen and (max-width : 1208px)
{
	.footerTopContent{ width:1024px; margin-left:-512px;}
	.columnaContacto{ /*background-color:#F00;*/width:23%; margin-right:1%; margin-left:1%;}
		.columnaContacto div p{ width:80%;}
	.columnaServicios{width:23%; margin-left:1%; margin-right:1%; }
		.columnaServicios img{ width:100%;}
	.columnaRedes{width:23%; margin-left:1%; margin-right:1%; }
	.columnaInstalaciones{width:23%; margin-left:1%; margin-right:1%;}
		.columnaInstalaciones img{ width:100%;}
}
@media screen and (max-width : 760px)
{
	.columnaFooter h6{ text-align:center; margin-top:60px; margin-bottom:10px;}
	
	.footerTopContent{ width:96%; margin-left:2%;}
	.columnaContacto{ width:100%; margin-left:0px; margin-right:0px; margin-bottom:-30px;}
		.columnaContacto div{ width:48%; margin-left:0px; margin-right:0px; font-size:0.85rem; min-height:80px;}
			.columnaContacto div p{ width:80%; margin-left:1%; margin-right:0px;}
	.columnaServicios{width:100%; margin-left:0px; margin-right:0px; }
		.columnaServicios img{ float:left; width:60%; margin-left:20%;}
		.listaServiciosFooter li a{ font-size:0.85rem;}
	.columnaRedes{width:100%; margin-left:0px; margin-right:0px; }
		.columnaRedes p{ font-size:0.85rem;}
		.columnaRedes ul{ float:left; position:relative; width:auto; list-style:none; margin:0; padding:0; left:50%;}
			.columnaRedes ul li{ float:left; width:auto; position:relative; left:-50%; margin-top:5px;}
				.columnaRedes ul li a{ margin-left:10px; margin-right:10px;}
		.inputNewletter{ border:none; width:100%; text-align:center; padding-left:0px; padding-right:0px;}
	.columnaInstalaciones{width:100%; margin-left:0px; margin-right:0px;}
		.columnaInstalaciones h6{ margin-top:50px;}
		.columnaInstalaciones .imagen{ width:60%; height:auto; margin-left:20%;}
		
	.verTodas{ width:60%; margin-left:20%;}
}

/* ########################## EFECTOS TRANSICIONES ############################### */	

#menu-container, #header-frame, #menuButton, #wrapper, .submenu, #formContainer,#menu-container ul li a,#menu-container ul li a span,#contactoMenu,.contactoMenu,.redesContainer,#redesContainer,#redesRight a,#redesLeft span,#redesLeft ul,#contactoMenu,#contactoMenu p,#contactoMenu a,#infoFixed,#contactoMobile,#menu-container ul li,.redesFooter li a,#logo,.linksHeader,.enlaceSede a,.wikiloc a,.menuSubSeccionesContent,#menu-container ul li,#logo, #menu-container, #header-frame, #menuButton, #wrapper, #header-topMenu, #topMenuContainer, .popupLogin, .popupBuscador, .submenu,.submenuMobile,#mobileMenu-container,.borderMenu,#menu-container ul li,.enlaceSede a,.wikiloc a,.rSanitario img,.rSanitario div{
  transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
}

/* ###################### EFECTOS TRANSICIONES BOTONES ########################### */	

#enviar, .transitionButton, #formContainer,.servicioIcono,.submit_news,#redesRight a,.textoServicios a,.googleFooter a,.botonNewletter,.linksFooter,#iconoSede,#iconoWiki,.animatedHoverBlackBorder, .animatedHoverBlack, .animatedHoverBlackLink, .faqsLink, .carrito, .acceder, .buscar,.submit_news,.social-item,#boton-cookies-accept,.iconArrow-cruz,.botonBuscar,#registrarse,#procesaRegistro,.disabledButton,.botonEnviar,.footerRight ul li a,.bordeOculto
{
  transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
}

#iconoSede,#iconoWiki,.menuSubSeccionesContent,.menuSubSecciones,#menu-container ul li,#listadoMenu li,#listadoMenu li a,#listadoMenu,#preguntasFrecuentes,.llamanos a,.llamanos span,.llamanos div,.detalleHeaderLeft,.detalleHeaderRight,.camara
{
	 transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
}
.menuSubSecciones,.bordeOculto,.listaServiciosFooter li a,.cajaTelefonos,.socialIcon,.submenu li a,.off,.botonOn,.botonOff
{
	 transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
}

/* #################### CSS AVISO COOKIES ########################### */
#aviso-cookies{ position:fixed; bottom:0px; width:100%; left:0px; margin-left:0px; height:auto; background-color:#4c89a6; color:#FFF; z-index:200000;}
#aviso-cookies-container{ position:relative; margin-left:2%; width:94%; font-family: 'Fira Sans',arial; margin-top:0px; margin-bottom:0px; font-weight:400; line-height:18px; font-size:1rem; text-align:center;}
#aviso-cookies a{ color:#ffffff; text-decoration: underline; margin-right:0px !important; }
#aviso-cookies a:hover{ color: #CCC;}
#boton-cookies-accept{ color:#ffffff; font-weight:400; font-size:2rem; position:absolute; top:0px; text-decoration:none !important; cursor:pointer; width:20px; height:20px; text-align:center; line-height:20px; right:1%; margin-top:13px; border-radius:10px;}
.frame-seccion{ overflow:hidden;}

@media screen and (max-width : 780px){ 
#aviso-cookies{ position:fixed; bottom:0; width:100%; left:0px; margin-left:0%; border:0;  border-radius:0;}
#aviso-cookies-container{ font-size:0.8rem; text-align: justify; margin-top:6px;}
#boton-cookies-accept{ color:#ffffff; font-weight:400; font-size:1.6rem; position:absolute; top:0px; text-decoration:none !important; cursor:pointer;  background-color: rgba(2, 97, 3); width:20px; height:20px; border:solid 1px #FFFFFF; text-align:center; line-height:20px; right:2px; margin-top:-13px; border-radius:10px;}
}

/* ###################### ESTILOS POPUP ########################### */	
	#condicionesContainer{ width:900px; position:fixed; left:50%; margin-left:-450px; top:50px; height:600px; border:solid 1px #CCCCCC; font-family: 'Fira Sans', arial; font-weight:300; background:rgba(255,255,255,0.96); z-index:9999; display:none;
	-webkit-box-shadow: 0 0 200px 0 #696969;
	box-shadow: 0 0 200px 0 #696969;
	}
		#condicionesContainer h2{ color:#000; font-weight:400; font-size:1.2rem;}
		
		#condicionesContainer a{ cursor:pointer; color:#000000; float:right; margin-top:10px; margin-right:10px; line-height:1rem;}
		#condicionesContainer a:hover{ opacity:0.6;}
			#condicionesContainer a span{ float:right; font-size:1rem;}
			#condicionesContainer a span.times{ font-size:1.5rem; line-height:1rem;}
		
			#condicionesContent{ float:left; width:92%; margin-left:4%; color:#000000; height:550px; overflow:auto; padding-right:3%;}
			.mensajeRespuesta{ display:none; color:#000000 !important; font-size:0.95rem; width:80%; margin-left:7%; margin-top:20px;}
		
			.capaFondoPopup{ position:fixed; width:100%; height:100%; float:left; top:0px; left:0px; z-index:9998 !important; display:none; background-color: rgba(0, 0, 0, 0.7); }		

@media screen and (max-width : 760px)
{
	#condicionesContainer{ width:96%; left:0px; margin-left:2%;}
		#condicionesContainer h2{ font-size:1rem;}
		#condicionesContainer p{ font-size:0.9rem;}
}


.footerWeb {
    width:100%;
    float:left;
    position:relative;
    background:#082238;
    color:#fff;
    font-family:'Gotham', Arial, sans-serif;
}

.footerWeb a {
    color:#fff;
    text-decoration:none;
}

.footerWeb a:hover,
.footerWeb a:focus {
    text-decoration:underline;
}

.footerWeb a:focus {
    outline:2px solid #92bcfa;
    outline-offset:4px;
}

.footerLegalTop {
    width:100%;
    float:left;
    background:#24577f;
    text-align:center;
    padding:14px 0;
    font-size:0.9rem;
}

.linkCookies{ font-size:0.9rem; color: #fff !important; background-color: transparent !important; border: none !important;}

.footerLegalTop a,
.footerLegalTop span {
    display:inline-block;
    margin:0 8px;
}

.footerMain {
    width:94%;
    max-width:1500px;
    margin:0 auto;
    padding:65px 0 55px;
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1fr;
    gap:45px;
}

.footerCol {
    border-left:1px solid rgba(146,188,250,0.35);
    padding-left:35px;
}

.footerCol:first-child {
    border-left:none;
    padding-left:0;
}

.footerCol h2 {
    color:#92bcfa;
    font-family:'playfair_displaybold', Georgia, serif;
    font-size:1.2rem;
    font-weight:normal;
    text-transform:uppercase;
    margin:0 0 28px;
}

.footerBrand h2 {
    color:#fff;
    text-transform:none;
    font-size:1.55rem;
    line-height:1.25;
}

.footerBrand h2::after {
    content:"";
    display:block;
    width:90px;
    height:3px;
    background:#92bcfa;
    margin-top:28px;
}

.footerBrand p,
.footerContacto p {
    font-size:1rem;
    line-height:1.55;
    margin:0 0 22px;
}

.footerMapa ul {
    list-style:none;
    padding:0;
    margin:0;
}

.footerMapa li {
    border-bottom:1px solid rgba(146,188,250,0.35);
}

.footerMapa li:last-child {
    border-bottom:none;
}

.footerMapa a {
    display:block;
    padding:10px 0;
    font-size:1rem;
}

.footerLogosEntidades {
    display:flex;
    flex-direction:column;
    gap:28px;
    align-items:flex-start;
}

.footerLogosEntidades img {
    display:block;
    max-width:135px;
    max-height:58px;
    width:auto;
    height:auto;
    opacity:0.9;
}

.footerLogosEntidades a:hover img,
.footerLogosEntidades a:focus img {
    opacity:1;
}

.footerBottom{
    float:left;
    width:100%;
    background:#061c2f;
    border-top:1px solid rgba(146,188,250,.25);
    padding:26px 0 34px;
    text-align:center;
}

.footerBottom .copyright{
    width:100%;
    margin:0;
    color:#ffffff;
    font-size:1rem;
    line-height:1.5;
    font-family:'Gotham';
}

.footerBottom .creditos{
    width:100%;
    margin-top:26px;
    padding-top:26px;
    border-top:1px solid rgba(146,188,250,.25);

    color:#ffffff;
    font-size:1rem;
    line-height:1.5;
    font-family:'Gotham';
}

.footerBottom .creditos span{
    margin:0 18px;
    color:#7fb4e3;
}

.footerBottom a{
	float: none;
    color:#7fb4e3;
    text-decoration:none;
    font-weight:700; 
}

.footerBottom a:hover{
    color:#ffffff;
}

@media (max-width:760px){

    .footerBottom{
        padding:22px 5%;
    }

    .footerBottom .copyright{
        font-size:.9rem;
    }

    .footerBottom .creditos{
        margin-top:18px;
        padding-top:18px;
        font-size:.9rem;
    }

    .footerBottom .creditos span{
        display:inline-block;
        margin:0 8px;
    }

}
@media screen and (max-width:1000px) {

    .footerMain {
        grid-template-columns:1fr 1fr;
        gap:35px;
    }

    .footerCol:nth-child(3) {
        border-left:none;
        padding-left:0;
    }
}

@media screen and (max-width:760px) {

    .footerLegalTop {
        font-size:0.85rem;
        line-height:1.7;
        padding:12px 5%;
        width:90%;
    }

    .footerMain {
        width:86%;
        padding:45px 0 35px;
        grid-template-columns:1fr;
        gap:32px;
    }

    .footerCol {
        border-left:none;
        border-top:1px solid rgba(146,188,250,0.35);
        padding-left:0;
        padding-top:28px;
    }

    .footerCol:first-child {
        border-top:none;
        padding-top:0;
    }

    .footerCol h2 {
        font-size:1.25rem;
        margin-bottom:18px;
    }

    .footerBrand h2 {
        font-size:1.35rem;
    }

    .footerLogosEntidades {
        flex-direction:row;
        gap:30px;
        align-items:center;
    }

    .footerLogosEntidades img {
        max-width:110px;
        max-height:48px;
    }


}