/*
font-family: 'Leckerli One', cursive;
font-family: 'Oswald Regular', sans-serif;
*/
h1,h2,h3,h4,h5,h6,p,ul,input,textarea{}
strong{ font-weight:600;}

#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;}

/* ######################## 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;font-family: 'Oswald Regular', arial;}
#aviso-navegador-2{float:left;width:700px;text-align:left;color:#FFF;font-style:italic;font-size:28px;font-weight:bold;margin-left:5px;font-family: 'Oswald Regular', arial;}

#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%;}

		
.bodyLeft{ position:relative; float:left; width:200px; height:200px; background-color:#FF0000;}


/* FOOTER */
		
#footer-frame{ float:left; width:100%; height:auto; background-color:#c2b59b; position:relative; z-index:20 !important; background-repeat: no-repeat; background-size: contain; padding-bottom: 10px;}		
.footerContainer{ position:relative; float:left; width:992px; left:50%; margin-left:-496px;  height:auto;  margin-top:0px; z-index:20; font-family: 'Oswald Regular', arial;  font-family: 'OswaldLight', arial; color: #fff; font-size: 20px;}


.frameContacto{ background-color:#c2b59b; position: relative; z-index: 15; min-height: 750px !important; float:left; width: 100%;}
	
	.contenidoContacto{ width: 100%; height: 575px; background-image: url("<?php echo BASE_URL; ?>templates/default/img/captura-contacto.png"); background-repeat: no-repeat; background-position: center; background-size: 100% auto; position: absolute;}
	
	.rightArrow{position: absolute; width: 32px; height: 32px; background-image: url("<?php echo BASE_URL; ?>templates/default/img/flecha-dcha.png"); background-repeat: no-repeat; background-size: contain; cursor: pointer;}
	.rightArrow:hover{ opacity: 0.5;}
	
	.leftArrow{position: absolute; width: 32px; height: 32px; background-image: url("<?php echo BASE_URL; ?>templates/default/img/flecha-izq.png"); background-repeat: no-repeat; background-size: contain; cursor: pointer;}
	.leftArrow:hover{ opacity: 0.5;}
	
.boton-form{float: left; margin-top:0px; width:97% !important; height:33px; font-size:20px; font-weight: normal; line-height: 33px; background-color: transparent; border: none; margin-top:15px; margin-bottom:35px; color:#fff; text-transform:uppercase; cursor:pointer; text-align:center;font-family: 'OswaldLight', arial;}
.boton-form:hover{ opacity:0.6;}			


@media(max-width:590px)
{
	#footer-frame{ display: none;}		
	.footerContainer{ width:96%; left:0px; margin-left:2%; padding-bottom:30px; }
	.logoFooter{ width:70%; margin-left:15%; text-align:center; font-size:1.6rem; margin-bottom:20px; margin-top:20px;}
		.logoFooter img{ float:left; width:100%;}
	.avisoLegal{ float:left; height:auto; width:100%; text-align:center;  margin-top:10px; font-size:0.9rem; border:none;}
	.cookies{float:left; height:auto;  margin-top:10px; text-align:center; font-size:0.9rem; border:none; line-height:1.4rem;}
	
	.footerContainer .socialLinks{ width:80%; margin-left:10%; left:0px; float:left; position:relative; top:0px; display:none;}
		.footerContainer .socialLinks .socialIcon{ font-size:1.95rem; margin-right:6px;}
		.footerContainer .socialLinks .icon-tripadvisor{ font-size:2.1rem !important;}

	.footerContainer .contactLinks{ left:0px; margin-left:0px; position:relative; float:left; top:0px; display:none;}
		.footerContainer .contactLinks a{ color:#FFF;}
		.footerContainer .contactLinks span{ font-size:1.9rem !important; color:#FFF; margin-right:5px;}
			.footerContainer .location,.footerContainer .tel,.footerContainer .mail{ float:left; width:100%; margin-bottom:12px; line-height:3rem; font-size:2.5rem;}
			
	.footerInfoCopy{ float:left; position: relative; margin-left:0px; top:0px; left:0px; font-size:1.1rem; text-align:center; margin-top:40px; margin-bottom:10px;}
		.footerInfoCopy span{ float:left; width:100%; text-align:center; margin-left:0px;}
}

	.ContactoContainer{ float:left; position:relative; width:910px; left:50%; margin-left:-455px; font-family: 'OswaldLight';}
.ContactoContainer h5{float: left; width: 100%; color: #FFFFFF; font-size: 28px; letter-spacing: 1px; line-height: 1; margin-top: 0px; font-weight: 100;}
		.ContactoTexto{ float:left; width:100%; color:#FFF;}
		.ContactoContainer h3{ color:#FFF; font-family: 'Oswald Regular', cursive; font-size:8.6rem; font-weight: lighter !important; float:left; width:100%; text-align: left; margin-top:25px; margin-bottom:0px;}
			.ContactoTexto p{ font-size:2.3rem; line-height:2.75rem; font-weight:lighter; float:left; width:100%; margin-top:0px; margin-bottom:0px;}
		.ContactoLeft{ float:left; width:40%; letter-spacing:0.01rem; margin-top:100px; margin-left: 0px; color:#ffffff;}
			.ContactoLeft img{ width: 170px; float: left; margin-bottom: 20px;}
			.ContactoLeft .dir{ float:left; width:100%; margin-left: 0px; margin-top:22px; height: auto; font-size: 25px; clear: both; line-height: 1.5;}
	
			.ContactoLeft .mail{ float:left; width:62%; margin-left: 15px; margin-top:10px; height: 17px;}
			.ContactoLeft span{ color:#FFF; font-size:20px; float:left;}
				.ContactoLeft .dir a{ color: #ffffff; text-decoration: none; }
		.ContactoRight{ float: right; width:60%; margin-top:210px;}
			.ContactoRight a{ float: right; text-align:right; color:#FFF; font-size:1.6rem; margin-top:5px; letter-spacing:0.01rem;}
	.ContactoRight p{ float: left; width: 100%; color: #FFFFFF; font-size: 21px; letter-spacing: 1px; line-height: 25px; margin-top: 0px; }
			#mapagoogle{ width:368px; height:297px; float:right;}
	
	.ContactoTexto.form{ margin-top:25px;}
		.ContactoTexto.form p{ float:left; width:100%; font-size:1.75rem; line-height:1.9rem; color:#FFF; margin-top:4px; margin-bottom:16px;}
		.ContactoTexto.form h4{ text-transform:uppercase; color:#FFF; font-family: 'Oswald Regular', cursive; font-size:2.6rem;  font-weight: lighter !important; float:left; width:100%; text-align: left; margin-top:5px; margin-bottom:0px;}
	
	.mapaContainer{ float:left; width: 368px; margin-left: 60px;}
		.mapaContainer a{ color: #fff; text-decoration: none;}

	.logos{text-align: center; margin-bottom: 30px;}
	.ContactoRight .repsol{position: relative; z-index: 10; top: 0; left: 0; width: 150px; margin-left: 0;  float: left;}
	.ContactoRight .michelin{position: relative; z-index: 10; top: -15px; left: 0; width: 75px; margin-left: 0;}
	.ContactoRight .raizculinaria{position: relative; z-index: 10; top: 0; left: 0; width: 150px; margin-left: 0; float:right; margin-top: 13px;}
	
@media(max-width:590px)
{
.frameContacto{ background-size: auto 100%;  overflow-y: scroll; overflow-x: hidden; height: auto !important; }
	.ContactoContainer{ width:94%; margin-left:3%; left:0px; height: auto;}
	.ContactoLeft{ float:left; width:100%; margin-left: 0px; margin-top: 80px; text-align: center; }
	.ContactoLeft img{ width: 100px; float: none;}
	.ContactoLeft .dir{ width: 100%; left: 0; margin-left: 0; margin-top: 0; font-size: 20px;}
		.ContactoRight{ float:left; width:100%; margin-top:10px; margin-bottom: 100px;}
			#mapagoogle{ width:100%; height:144px; float:right; margin-top: 20px;}
	
		.mapaContainer{ float:left; width: 100%; margin-top: 10px; margin-left: 0px;}
	
	.ContactoRight p{ font-size: 15px; line-height: 22px; margin-top: 10px; }

	.logos{text-align: center; margin-bottom: 30px; margin-top: 40px;}
	.ContactoRight .repsol{ width: 110px; margin-left: 5%; float: left;}
	.ContactoRight .michelin{position: relative; z-index: 10; top: -10px; left: 0; width: 50px; margin-left: 0;}
	.ContactoRight .raizculinaria{ width: 110px; margin-top: 13px; margin-right: 5%;}	
	
	.ContactoTexto.form{ margin-top:15px;}
}
.formCell{ width:100%; float:left; margin-right:2%; margin-bottom:15px;}
.formCell input{ width:96%; background-color: transparent; height:34px; line-height:34px; border: none; border-bottom:solid 1px #ffffff; font-family: 'OswaldLight', arial; color: #ffffff; font-size:21px; text-transform: none; letter-spacing:0.01rem; }
.formError{ font-size:0.8rem; float:left; width:100%; color:#F00; display:none;}
.formCell label{ width:100%; color:#5b5b5b; font-size:0.95rem; height:35px; line-height:35px; font-weight:400; margin-top:5px;}
.formCell2{ width:100%; float:left; }
.formCell2.captcha{ margin-top:10px; margin-bottom:5px;}
.formCell2 label{ width:100%; color:#5b5b5b; font-size:0.95rem; float:left; height:35px; line-height:35px; margin-top:5px;}
.formCell2 textarea{ width:96%; background-color: transparent; height:34px; line-height:34px; border: none; border-bottom:solid 1px #ffffff; font-family: 'OswaldLight', arial; color: #ffffff; font-size:21px; text-transform: none; letter-spacing:0.01rem; }

@media screen and (max-width : 780px){ 
.frameSeccion.frameContacto{background-color: #c2b59b !important;}
.formCell input{ font-size:18px; }
.formCell2 textarea{ font-size:18px; }	
}


/**/
.mobile{ display:none;}
.desktop{ display:block;}

@media screen and (max-width : 780px)
{
.mobile{ display: block;}
.desktop{ display: none;}	
	
}


	#listadoMenuFooter{  width: 100%; text-align: center; margin:0; padding:0; list-style:none; z-index:9999; /*background-color:#00FF00;*/ min-height:40px; /*margin-top:10px;*/ font-family: 'OswaldLight', arial; color:#fff; font-weight:100; text-transform: uppercase;}
	#listadoMenuFooter li{ position:relative; float:left; margin-left:0px; /*background-color:#9CF;*/  border-right:solid 2px #fff; height:20px; margin-left: 30px;
  padding-right: 30px; letter-spacing: 0.6px; }
		#listadoMenuFooter li:last-child{ margin-right:0; padding-right:0;}
		#listadoMenuFooter li a{ position:relative; width:auto; text-decoration:none; color:#ffffff; text-align:center;height:auto; margin-top:0px; line-height: 20px; text-transform: uppercase; float: left;}
			#listadoMenuFooter li:last-child{ border-right:none;}
	

/* ########################## 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{
  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 a,#listadoMenu,#listadoMenuMobile,#listadoMenuMobile li,#preguntasFrecuentes,#logo a,.socialLinks,.socialIcon,.contactLinks,.contactLinks a,.contactLinks span,.socialLinks,.socialLinks img
{
	 transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
}
.hamburger,#listadoMenu li
{
	 transition: all 0.6s;
  -moz-transition: all 0.6s; /* Firefox 4 */
  -webkit-transition: all 0.6s; /* Safari and Chrome */
  -o-transition: all 0.6s; /* Opera */
}
.menuSubSecciones,.bordeOculto,.listaServiciosFooter li a,.cajaTelefonos,.owl-dot span,.footerBottom a
{
	 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 POPUP CONDICIONES ########################### */
.condicionesBackground{ width:100%; height:100%; position:fixed; z-index:9999999; display:none;}
	.condicionesContainer{ width:1000px; height:90%; margin-top:4%; background-color:#FFF; left:50%; margin-left:-500px; position: fixed; float:left; color:#666666; display: none; z-index:99999999; -webkit-box-shadow: 0 0 60px 0 #050505; box-shadow: 0 0 60px 0 #050505;}
		.condicionesContainer h2{ font-family: 'Oswald Regular', sans-serif; color:#f19100; font-size:2rem; float:left; width:100%; margin-top:50px;}
			.condicionesContainer .texto{ width:94%; padding-right:2%; float:left; margin-left:3%; height:92%; margin-top:40px; overflow-y: scroll; font-family: 'Oswald Regular', arial;  }
				.condicionesContainer .texto p,.texto ul{ float:left; text-align:justify; margin-top:0px; font-size:1.2rem; line-height:1.8rem;}
				.condicionesContainer .texto a{ color:#69b8fd;}
			
.cerrarCondiciones{ width:15px; height:15px; background-image:url(../img/cerrar.png); background-repeat:no-repeat; background-position:center; position:absolute; right:10px; top:10px; cursor: pointer; background-size:cover !important;}

@media screen and (max-width : 780px){ 
.condicionesBackground{ width:98%; height:98%; margin-left:1%; margin-top:1%;}
.condicionesContainer{ width:100%; height:100%; margin-top:0px; left:0px; margin-left:0px; position: fixed; overflow-y: scroll;  padding-bottom:160px;}
.condicionesContainer .texto{ height:auto; margin-bottom:150px; margin-top:0px;}
.cerrarCondiciones{ width:15px; height:15px; background-image:url(../img/cerrar.png); background-repeat:no-repeat; background-position:center; position:absolute; right:3%; top:14px; background-size: cover !important;}
		.condicionesContainer h2{ font-family: 'Oswald Regular', sans-serif; color:#f19100; font-size:1.5rem; line-height:1.7rem; float:left; width:100%; margin-top:50px;}
}


.PubliKitDigital{ float:left; width: 100%; margin-top: 5px; font-size: 14px; text-align: center; background-color: #fff;
padding-top: 30px;}
.PubliKitDigital p{ color: #000; line-height: 1.3; font-size: 16px;}
.PubliKitDigital .content{ float:left; width: 1200px; left: 50%; margin-left: -600px; position: relative;}
.PubliKitDigital img{ width: 160px; position: relative;}	
.ue{  top: -20px;  margin-left: 15px;}
	
@media(max-width : 900px)
{
.PubliKitDigital{ float:left; width: 100%; margin-top: 5px; font-size: 11px; text-align: center; margin-bottom: 0px;}
.PubliKitDigital .content{ float:left; width: 90%; left: 0; margin-left: 5%; position: relative;}
.PubliKitDigital .content p{ text-align: justify;line-height: 1.5;}
.PubliKitDigital img{ width: 120px; position: relative;}	
.ue{ top: -15px !important; margin-left: 10px;}
}