@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');

/*
font-family: 'Open Sans', sans-serif;
*/
h1,h2,h3,h4,h5,h6,h7,p,ul,input,textarea{ font-weight: 300 !important; font-family: 'Open Sans', sans-serif;}
strong{ font-weight:700;}

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

#hidden-logo{ visibility:hidden; display:none;}
.default_content{ float:left; width:100%; }

img{border:none;}

/*
p{font-family: 'Open Sans', sans-serif; color:#000; font-size: 1rem; margin:0px; letter-spacing: 0.06rem;}
*/

/* ######################## 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: 'Open Sans', sans-serif;}
#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: 'Open Sans', sans-serif;}

#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; position: relative; width:100%; height:400px; background-color: #eee;}	

.footerContainer{ position:relative; float:left; width:1014px; left:50%; margin-left:-507px;  height:auto;  margin-top:0px; z-index:20; font-family: 'Open Sans', sans-serif; font-weight: 400px; text-align: center;}
.footerContainer .enlaces{ color:#616886; margin-top: 20px; }
.footerContainer .enlaces a{ color:#616886; text-decoration: none; }
.footerContainer .copy{ color:#616886; margin-top: 40px; margin-bottom: 30px; }
.footerContainer .copy a{ color:#616886; text-decoration: none; }

.social{ float:left; position: relative; left: 50%; }
.instagram{ background-image:url("../img/instagram.png"); background-repeat: no-repeat; background-size: contain; float:left; width: 15px; height: 15px; margin-left: -20px; margin-right: 10px;}
.google{ background-image:url("../img/google.png"); background-repeat: no-repeat; background-size: contain; float:left; width: 15px; height: 15px;}

.footerContainer img{ margin-top: 80px; width: 360px;}
.footerICcont{ width: 100%; position: relative; float: left; height: 57px; /*background-color: #2f2f2f; border-top:solid #636363 1px;*/ margin-top: 137px;}
	.avisoLegal{ color:#FFF; height:18px; margin-top:60px; font-size:0.95rem; float:left; position: relative;}
	.cookies{ border-right: solid 2px #FFFFFF; padding-right:10px; margin-right:10px; float:left; position: relative;}
			
.logoF{width:100%; height: 170px; background: url(../img/logofooter.png) center no-repeat; margin-top: 56px;}
.siguenos{ width:100%; color:#eec031!important; font-size: 1.05rem !important; margin-top: 60px !important; }

	.footerInfoCopy{ float:left; position: relative; margin-left:-503px; top:0px; width:1006px; left:50%; color:#FFF; font-size:1rem;/* line-height:52px;*/ letter-spacing:0.027rem; font-family: 'Open Sans', sans-serif; font-weight: 300!important; }
.footerInfoCopy span{float:left; position: relative;}
	.footerInfoCopy a{ color:#fff!important; text-decoration: underline; cursor:pointer; }

.footerInfoCopyIzda{ position:relative; float: left; margin-left:319px; }
.footerInfoCopyDcha{ position: relative; float: right; margin-right:30px; }
.footerInfoCopyDcha a{ float:left; }
.disdeshos{font-weight: 300!important;}

.contenidoFooter{ width: 1014px; height: 188px; font-family: 'Open Sans', sans-serif; font-weight: 700; color:#FFF;  float: left; position: relative; left: 50%; margin-left: -507px; text-align: center; }
.contenidoFooter h5{ margin-bottom: 8px; margin-top: 0px; font-size: 1.15rem; letter-spacing: 0.05rem; line-height: 21px; color: #eec031; font-weight: 700;}
.contenidoFooter p{ color:#FFF; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 1rem; margin:0px; letter-spacing: 0.05rem; }
.telefonof{ margin-top:6px !important; margin-bottom:-8px !important; }
.emailf{ margin-bottom:8px!important; }
.mapaweb{ font-size:0.95rem!important; margin-bottom: 2px !important;}

.cadaparte{/*width:338px;*/ width:260px; height: 188px; float: left; position: relative;}

.footerIzda{ float: left; text-align: center; margin-left: 28px; }
.footerCentro{ float: left; text-align: left;  margin-top: 87px; margin-left: 125px;}
.footerDcha a{ color:#fff; text-decoration: none; font-weight: 400; }

.enlacesFooter{ margin:0px; padding: 0px; font-weight: 300; /*letter-spacing: 0.055rem;*/ text-align: left; }
.enlacesFooter a{ width: 266px; height: auto; cursor: pointer; font-size:0.98rem; line-height: 25px; color:#FFF; font-weight: 300; text-decoration: none; float: left; position:relative;}
.enlacesFooter p{ cursor: pointer; font-size:0.85rem !important; line-height: 17px;  }
.footerDcha{ float: left; position: relative; text-align: left; margin-top: 85px; margin-left: 78px;}
.enlacesFooter li{ list-style: none; padding: 0px; margin: 0px; cursor: pointer; font-size:0.85rem !important; line-height: 17px;  }

.enlacesFooter a:hover{ color:#eec031;}

.enlacesFooterMapa{ width: 255px!important; height: auto!important; cursor: pointer!important; font-size:0.85rem !important; line-height: 25px!important; color:#FFF; font-weight: 300!important; text-decoration: none!important; float: left!important; position:relative!important;}
.enlacesFooter a:hover{ color:#eec031; }

@media(max-width:860px)
{
	footer{position: relative !important;}
	#footer-frame{ float:left; position: relative !important; width:100%; height:425px; background-size: cover;}	
.cadaparte{width:100%; height: auto; margin-left:0%; }
	
.logoF{width:100%; height: 170px; margin-top: 0px;}
.siguenos{ width:100%; font-size: 1.05rem !important; margin-top: -13px !important; }
.emailf{ margin-bottom:15px!important; }
	
.footerICcont{ width: 100%; height: auto;}
	.avisoLegal{ color:#FFF; height:18px; margin-top:60px; font-size:0.95rem;}
	.cookies{ padding-right:10px; margin-right:10px;}
			
.contenidoFooter{ width: 100%; height: auto; left: 0%; margin-left: 0%; }
.contenidoFooter p{ color:#FFF; margin-bottom:7px; }
.contenidoFooter h5{ margin-bottom: 10px; margin-top: 0px; font-size:1.1rem; line-height: 10px;  }
.footerIzda{ float: left; text-align: center; }
.footerCentro{ float: left; text-align: center; margin-top:25px; }
	.centrarlista{ width:100%; display: flex; justify-content: center; align-items: center;}
.enlacesFooter{ margin:0px; padding: 0px; margin-bottom:5px; }
.enlacesFooter a{ width: 234px; height: auto; cursor: pointer; font-size:0.9rem !important; line-height: 23px;text-align: center; }
.enlacesFooter p{ cursor: pointer; font-size:0.95rem !important; line-height: 17px;  }
.footerDcha{ float: left; text-align: center; margin-top: 10px; }
.enlacesFooter li{ list-style: none; padding: 0px; margin: 0px; cursor: pointer; font-size:0.95rem !important; line-height: 17px; }
.footerContainer img{ margin-top: 80px; width: 180px;}
}



	/* ICONOS DE REDES SOCIALES PARA PANTALLAS DE ANCHO SUPERIOR A 760px*/
	
	.socialLinks .socialIcon{ float:left; width:43px; height:43px; background-repeat:no-repeat;/* background-color:#fff;*/ border-radius: 50%; }
	.icon-facebook{ background:url(../img/face.png);  background-position: center; }
	.icon-twitter{background:url(../img/twi.png);  background-position: center; }
	.icon-linkedin{background:url(../img/in.png); background-position: center; }
.socialLinks a{ color:#FFF; text-decoration:none; font-size:1.2rem;}
.socialLinks{ list-style: none;  position: relative; float:left; width:auto; left:50%; margin-left: 0px; padding-left:0px; margin-top:6px; margin-bottom:5px;}
.socialLinks li{ float: left; position: relative; left: -50%; margin-left:5px; margin-right: 5px;}



@media(max-width:860px)
{
	.newsletterEnviar{width: 22%; height: 25px; font-size: 0.85rem; margin-top:0px; padding-top:2px; margin-right:8%;  }
	.textoNewsletter{width: 55%; height: 20px; margin-top: 0px !important; margin-left: 8%!important; font-size: 0.75rem!important; letter-spacing: 0.1rem; }
	.socialLinks{ margin-top:5px; margin-bottom:0px;}
}



@media(max-width:860px)
{
	#footer-frame{ height:auto; background-repeat:no-repeat; margin-top:0px;}		
	.footerContainer{ width:96%; left:0px; margin-left:2%; padding-bottom:35px; }
	.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;}
	
.footerICcont{ width: 100%; position: relative; float: left; height: auto; /*background-color: #2f2f2f; border-top:solid #636363 1px;*/ margin-top: -28px;}
	.footerInfoCopy{ width:100%; float:left; position: relative; margin-left:0px; top:0px; left:0px; font-size:1rem; text-align:center; margin-top:1px; margin-bottom:10px; }
		.footerInfoCopy a{ float:left; width:100%; text-align:center; margin-top:-5px; }
		.footerInfoCopy .design{ margin-top:0px; float:left; width:100%; text-align:center; margin-bottom: 9px;}
		.footerInfoCopyIzda { margin-left:0px; float: left;}
		.footerInfoCopyDcha { margin-right:0px;float: left; }
	
}

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

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

/* #################### CSS VENTANA EMERGENTE ########################### */
.popupBackground{ width:100%; height:100%; position:fixed; z-index:9998; display:none;}

	.popupContainer{ width: 967px; height: 545px; float: left; position: fixed; left: 50%;  margin-left: -483px; margin-top: 10%; background-color: #FFF; -webkit-box-shadow: 0 0 10px 5px #d2d2d2; box-shadow: 0 0 10px 5px #d2d2d2; display: none;  z-index:9999;}
		.popupContainer h2{ font-family: 'Open Sans', sans-serif; color:#EEC031; font-size:2rem; float:left; width:100%; margin-top:50px;}
			.popupContainer .textoCondiciones{ width:96%; padding-right:16px; float:left; margin-left:2%; height:92%; margin-top:0px; overflow-y: auto; font-family: 'Open Sans', sans-serif; font-size:1rem; left:0px; }
				.popupContainer .textoCondiciones p,.textoCondiciones ul{ float:left; text-align:justify; margin-top:10px; font-size:1rem; line-height:1.7rem;}
				.popupContainer .textoCondiciones a{ color:#69b8fd;}
			

.cerrarCondiciones{ width:34px; height:34px; background-image:url( ../img/x.png); background-repeat:no-repeat; background-position:center; position:absolute; right:0px; bottom:0px; cursor: pointer; background-color: #eec031; z-index:9;}

@media screen and (max-width : 760px){ 
.popupBackground{ width:98%; height:98%; margin-left:1%; margin-top:1%;}
.popupContainer{ width:100%; height:100%; margin-top:0px; left:0px; margin-left:0px; position: fixed; overflow-y: auto;  padding-bottom:0px;}
.popupContainer .textoCondiciones{ height:auto; margin-bottom:20px; margin-top:0px; left:0px; }
		.popupContainer .textoCondiciones p,.textoCondiciones ul{  font-size:0.84rem; line-height:21px; }
.cerrarCondiciones{ width:34px; height:34px; right:3%; top:14px; }
		.popupContainer h2{  font-size:1rem; line-height:1.7rem; margin-top:20px;}
	
	h6.lateral{left: -70px;font-size: 10px;}
	#wrapper{ margin-bottom: 30px;}
	
}







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

#menu-container, #header-frame, #menuButton, #wrapper, .submenu, #formContainer,#contactoMenu,.contactoMenu,.redesContainer,#redesContainer,#redesRight a,#redesLeft span,#redesLeft ul,#contactoMenu,#contactoMenu p,#contactoMenu a,#infoFixed,#contactoMobile,.redesFooter li a,#logo,.linksHeader,.enlaceSede a,.wikiloc a,.menuSubSeccionesContent,#logo, #menu-container, #header-frame, #menuButton, #wrapper, #header-topMenu, #topMenuContainer, .popupLogin, .popupBuscador, .submenu,.submenuMobile,#mobileMenu-container,.borderMenu,#textologocabecera,#logo h1, #imagenLogo,#listadoMenu,#preguntasFrecuentes,#logo a,.socialLinks,.socialIcon,.contactLinks,.contactLinks a,.contactLinks span,.socialLinks,.socialLinks img,.socialLinks span,.imgrContainer,.menuContainer,#listadoMenu li a,#listadoMenu li,.consultanos,.consultanos a, .menuContainerHome
{
  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,.hamburger,.owl-dot span,.footerBottom a, .cadaServicio, .tituloServ, .ver, .reformas, .instalacion, .albanileria, .fontaneria, .pintura, .electricidad, .botoncontactar, .boton-form, .enlacesFooter a, .formTxtOblig 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 */
}



.PubliKitDigital{ float:left; width: 100%; margin-top: 5px; font-size: 14px; text-align: center; background-color: #eee;
padding-top: 30px;}
.PubliKitDigital p{ color: #000; line-height: 1.3; font-size: 12px;}
.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;}
}