/*

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:'Libre Baskerville',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:'Libre Baskerville',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;  height:auto; overflow:hidden;color:#fff ; margin-top:0px; z-index:999; font-family:'Libre Baskerville',arial; margin-bottom:40px;}

@media screen and (min-width : 1280px)
{
	.footerContainer{ left: 50%; margin-left: -640px; width:1280px; min-width:1280px;}
}
@media screen and (min-width : 1600px)
{
	.footerContainer{ float:left; left: 50%; margin-left: -800px; width:1600px; }
}
@media screen and (min-width : 1920px)
{
	.footerContainer{ float:left; left: 50%; margin-left: -960px; width:1920px; }
} 


.footerCol{ width: 31.33%; margin-left: 1%; margin-right: 1%; float:left;}

	.footerContainer img{ width: 6vw; margin-top: 0; float:left;}
	.footerContainer h6{ color:#ffffff; font-weight:normal; font-size:1.3vw; line-height:1.2; width:73%; float:left; margin-top:0.6vw; margin-left:0; text-align: left; margin-bottom:40px; }
		.footerContainer h6 span{ font-size:1vw; line-height: 1;}

	.col1{ margin-top: 14vw;}
	.col2{ margin-top: 3vw;}
	.col3{ margin-top: 3vw;}

.col3 .siguenos{ width: 100%; float: left !important; margin-left: 0px !important; padding-left: 0px !important;}
.col3 .siguenos .social{ width: 35px; height: 35px;}

	.footerMenu{ float:left; width: 100%; text-align: left; padding: 0; margin-top: 0px;}
.footerMenu li{ float:left; width: 48%; margin-right: 2%; list-style: none; height: auto;  }
.footerMenu li a{ color: #fff; text-decoration: none; height: 40px; float: left;}
	.footerSubmenu{ float:left; width: 94%; margin-left: 6%; text-align: left; padding: 0;}
.footerSubmenu li{ float:left; width: 100%; margin: 0; padding: 0; list-style: none;  list-style: none; height: auto; }
.col3 a.email{background-image: url("../img/email.png"); background-size: 20px 20px; background-repeat: no-repeat; float:left; width: 90%; padding-left: 28px !important; text-align: left; color: #fff; text-decoration: none;}
.col3 a.whatsapp{background-image: url("../img/whatsapp.png"); background-size: 18px 18px; background-repeat: no-repeat; float:left; width: 90%; padding-left: 28px !important; text-align: left; color: #fff; text-decoration: none; margin-top: 20px; margin-bottom: 40px;}

	.footerBottom{ float:left; width: 100%; text-align: center; color: #fff;}	
	.footerBottom a{ color: #fff; float: none !important;}
	

						
							
/**/

@media screen and (max-width : 760px)
{
.footerContainer{ width:100%; height:auto; float:left; margin-left:0px; left:0px; display:block; margin-top:26px;}
	
	.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.75rem; margin-right:0px; margin-top:10px; text-align:center;}
	
	
	.footerCol{ width: 80%; margin-left: 10%; margin-right: 10%; float:left;}

	.footerContainer img{ width: 15vw; margin-top: 0; float:left; position: relative; left: 50%; margin-left: -7.5vw;}
	.footerContainer h6{ color:#ffffff; font-weight:normal; font-size:1.3vw; line-height:1.2; width:73%; float:left; margin-top:0.6vw; margin-left:0; text-align: center; margin-bottom:40px; }
		.footerContainer h6 span{ font-size:3vw; line-height: 1;}

	.col1{ margin-top: 3vw;}
	.col2{ margin-top: 3vw;}
	.col3{ margin-top: 3vw;}

	.col3 .siguenos{ width: auto; float: left !important; margin-left: 7vw !important; padding-left: 0px !important; display: block; margin-bottom: 100px;}
	.col3 .siguenos .social{ width: 35px; height: 35px;}

		.footerMenu{ float:left; width: 100%; text-align: left; padding: 0; margin-top: 0px; margin-left: 10%;}
	.footerMenu li{ float:left; width: 48%; margin-right: 2%; list-style: none; height: auto;  }
	.footerMenu li a{ color: #fff; text-decoration: none; height: 40px; float: left;}
		.footerSubmenu{ float:left; width: 94%; margin-left: 6%; text-align: left; padding: 0;}
	.footerSubmenu li{ float:left; width: 100%; margin: 0; padding: 0; list-style: none;  list-style: none; height: auto; }
	.col3 a.email{background-image: url("../img/email.png"); background-size: 20px 20px; background-repeat: no-repeat; float:left; width: 90%; padding-left: 28px !important; text-align: left; color: #fff; text-decoration: none;}
	.col3 a.whatsapp{background-image: url("../img/whatsapp.png"); background-size: 18px 18px; background-repeat: no-repeat; float:left; width: 90%; padding-left: 28px !important; text-align: left; color: #fff; text-decoration: none; margin-top: 20px; margin-bottom: 40px;}

	.footerBottom{ float:left; width: 100%; text-align: center; color: #fff;}	
	.footerBottom a{ color: #fff; float: none !important;}
	
	.socialIcon{ float:left; width:100%; height:100%; background-size:contain; margin-top: 0px; text-align: center;}		
		.socialIcon img{ width:100% !important; height:auto !important; left: 0px !important; margin-left: 0px !important; float: none;}			
	
}

@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%;}
	
	.menu-4{ padding-right: 0px !important; border-right: none !important;}
	.menu-5{ padding-right: 0px !important; border-right: none !important;}
	#listadoMenu li{ padding-right: 0px !important; border-right: none !important;}	
}

/* ########################## 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:rgba(48, 58, 130, 0.9); 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;}
}