@font-face{
	font-family: Alegreya Sans;
    src: url(../fonts/AlegreyaSans-Thin.woff2),
         url(../fonts/AlegreyaSans-Thin.woff),
	     url(../fonts/AlegreyaSans-Thin.ttf);
    font-weight: 100; font-display: swap;}
@font-face{
	font-family: Alegreya Sans;
    src: url(../fonts/AlegreyaSans-Regular.woff2),
         url(../fonts/AlegreyaSans-Regular.woff),
	     url(../fonts/AlegreyaSans-Regular.ttf);
    font-weight: 400; font-display: swap;}
@font-face{
	font-family: Alegreya Sans;
    src: url(../fonts/AlegreyaSans-Bold.woff2),
         url(../fonts/AlegreyaSans-Bold.woff),
	     url(../fonts/AlegreyaSans-Bold.ttf);
    font-weight: 700; font-display: swap;}
*{
	margin: 0; padding: 0;}
body{
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 400; font-size: 1.1em; line-height: 1.6em;}
img a{
	text-decoration: none; border: none #fff;}
a img, a{
	text-decoration: none; border: none #fff;}
.neg{
	font-weight: bold;}
.noneg{
	font-weight: normal;}
.noneg strong{
	font-weight: normal;}
p a{
	color: #000;}
#logo a{
	color: #fff; text-decoration: none;}
#izquierdo p a{
	text-decoration: none; color: #008ABA; font-weight: 700;}
h1{
	font-weight: 100; color: #008ABA; border-bottom: 1px solid #84def2;}
#iberdrola h1{
	border-bottom: none;}
#frase, .tit{
	color: #008ABA; font-weight: 400;}
#frase a{
	color: #008ABA;}
.tit{
	padding: 0; background: none; font-size: 30px;}
#lista ul{
	margin: 0 0 20px 20px; color: #008ABA;}
#lista ul li a{
	color: #008ABA; text-decoration: none;}
h2{
	background: #008ABA; color: #fff; font-weight: 400;}
#comun h2{
	background: #6C3;}
#comun{
	background: #d9efce;}
#aver{
	background: #bddde8;}
#comun p, #aver p{
	padding: 0 10px 5px 10px;}
#dic h2{
	background: none; color: #666;}
address{
	font-style: normal; color: #fff; font-weight: 100;}	
.borra{
	clear: both;}
.consul{
	font-weight: 700; color: #008ABA;}	
.rad{
	margin: 20px 0 0 0;}
.tic{
	font-weight: 700; color: #000;}
.ver{
	color: #fff; background: #008ABA; padding: 3px 10px 1px 10px; display: block;
	font-weight: 700; font-size: 14px; margin-top: 10px; text-align: center;}
#fermax{
	color: #008ABA;
	font-size: 11px;}
#iberdrola, #leds, #averias, #cal, #proy, #foto{
	border: 5px solid #fff;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.75);}
#enla{
	font-weight: 300; font-size: 22px; margin: 0 0 25px 0;}
#enla a{
	text-decoration: none; color: #000;}
#foto, #foto img{
	width: 100%; height: auto;}
#electricistas a{
	color: #008ABA; text-decoration: none;}
#electricistas a:hover h2{
	background: #666;}
#titled, #titvid, .titcal, #titref{
	color: #008ABA; font-weight: 100;}
#leds, #cal, #proy{
	background: #cfe9ef;}
#horario{
	border: 1px solid #ccc; padding: 10px 0; text-align: center;}
.hor{
	font-size: 0.9em; font-weight: 700;}
#radiador{
	text-align: center; margin: 25px 0 0 0;}
#inferior{
	background: #008ABA;}
#direccion address strong{
	font-weight: 400;}
#urnieta .burn a{
	background: #008ABA; color: #fff; display: block; font-size: 15px; font-weight: 700; 
	width: 200px; text-align: center; border: solid 1px #008ABA; text-decoration: none;}
#urnieta .burn a:hover{
	background: #fff; color: #008ABA;}
#social{
	font-size: 0.9em; line-height: 1.7em; margin: 10px 0 0 0; }
#social a{
	display: none !important;}
#social a img{
	border: none; text-decoration: none; margin: 0 0 40px 0; display: block;}
#superior{
	background: #000; border-bottom: 5px solid #008ABA;}	
#menu ul li{
	list-style-type: none;}
#menu ul li a{
	text-decoration: none; color: #84def2; display: block; font-size: 15px;}
#menu ul li a:hover{
	color: #fff;}
#punto{
	text-align: center; color: #fff; font-weight: 700;}
#mapafoto img{
	width: 100%; height: auto;}
#mapa a{
	padding: 0 0 5px 0;  display: block; text-decoration: none;}
#aviso a{
	color: #000; text-decoration: none; padding: 10px 0; font-size: 0.8em;}
.gip{
	font-size: 0.6em; color: #999;}
#elba{
	margin: 30px 0 0 0;
	background: url(../imagenes/electricista-barato.jpg) no-repeat bottom left;
	padding: 0 0 63% 0; text-align: right;}
#inman{
	margin: 20px 0 0 0;}
#aav{
	color: #008ABA; font-weight: 400; font-size: 1.2em; margin: 10px 0 0 0;}
#aav a{
	color: #008ABA; padding: 5px; display: inline-block;}
#aav a:hover{
	color: #444;}
.boton a{
	text-align: center; color: #fff; background: #008ABA; display: block; padding: 10px;
	margin-top: 40px; font-size: 1.1em;}
.boton a:hover{
	background: #efefef; color: #008ABA;}
#telsaverias a{
	color: #fff; display: inline-block; padding: 5px;}
#telsaverias a:hover{
	color: #aaa;}
#mapagoogle iframe{
	border: none; border-style: none;}
.coches{
	background: #CaCaCa url(../imagenes/coche.png) no-repeat center center; padding: 20px;
	margin-top: 30px;}
.coches .boton a{
	margin-top: 130px; font-size: 0.9em; padding: 8px 10px 5px 10px;}
.coches h3{
	color: #055580;}
#mapa .boton a{padding: 20px 0;}
#pop{
	position:fixed; line-height: 2em; left:20px; right:20px; bottom:20px; border: 4px solid #ccc;
	background: #fff; color:#000; opacity: 0.95; z-index: 99999;}
#nota{
	 width:90%; text-align: center; position:absolute;
	 padding-left:5%; padding-right: 5%; top:10%;
	 font-size:17px; font-weight: 400; }
#inno{
	margin-bottom: 20px;}
.aceptar{
	font-size: 1em; 
	padding:5px 12px; margin-top: 5px; margin-right: 5px;
	background:#6f7259; text-decoration:none; color:#fff;  border: 1px solid #6f7259;}
.configurar{
	font-size: 1em; padding:5px 9px; margin-top: 5px; margin-left: 5px;
	text-decoration: none; 	background: #fff; color:#444; border: 1px solid #6f7259;}

@media only screen and (max-width : 380px) {
.thumb{
	display: none;}	
body{
	font-size: 1.1em;}
#todosup,
#todocen,
#todoinf {
	width: 100%; margin: 0 auto;}
#cabecera{
	padding: 20px 0px 0 20px;}
#contenido{
	margin: 0 10px 0 10px;}
#faldon {
	margin: 0 30px 0 30px;}
#logo{
	width: 60%; margin: 0 0 0 50px; max-width: 200px;}
#logo img{
	width: 100%; height: auto;}
#menu{
	text-align: left;
	font-size: 1.1em;
	line-height: 1.3em;}
#menu ul{
	margin: 20px 0 0 10px;}
#menu ul li a{
	padding: 15px 0px 20px 40px; height: 15px; display: block; border-top: 1px solid #84def2;}
#menu ul li a{
	background: url(../imagenes/bombilla-apagada.jpg) no-repeat 0 center;}
#menu ul li a:hover,
#menu nav ul .v a, 
#menu nav ul .pv a,
#menu nav ul .dv a,
#menu nav ul .mv a {
	color: #fff;
	background: url(../imagenes/bombilla-encendida.jpg) no-repeat 0 center;}
#imagenvertical{
	display: none;}
#imagenhorizontal img{
	width: 100%; height: auto; margin: 20px 0 0 0;}
#texto{
	margin: 30px 0px 0px 0px;}
#izquierdo p{
	margin: 0 0 10px 0;}
h1{
	font-size: 36px; line-height: 36px; margin: 0 0 40px 0; padding: 0 0 10px 0;}
#frase{
	font-size: 16px; margin: 40px 0 40px 0;}
.mayor{
	font-size: 2.0em; line-height: 1.2em; font-weight: 100; display: block;}
h2{
	padding: 2px 10px 0px 10px; margin: 0 0 15px 0; font-size: 15px;}
#dic h2{
	margin: 0; padding: 0;}
#fermax{
	margin: 30px 0 0 0;}
#iberdrola{
	background: #eee url(../imagenes/iberdrola.jpg) no-repeat center 5px;
	background-size: 100% auto; padding: 5px 20px 20px 20px; margin: 0;}
#punto{
	background: url(../imagenes/punto.png) no-repeat top center;
	background-size: 100% auto; padding: 15% 0 15% 0; width: 40%;
	margin: 0 0 80px 100px; font-size: 20px;}
.centro{
	font-size: 13px; color: #888;}
#iberdrola h1{
	font-size: 27px; line-height: 29px; font-weight: 100; color: #390; margin: 0;}
#iberdrola ul{
	margin: 10px 0 0 15px;}
#mantenimiento{
	margin: 40px 0 0 0;}
#leds, #cal, #proy{
	padding: 20px 20px 20px 20px;}
#leds img{
	width: 100%; height: auto;}
#elba{
	padding: 0 0 40% 0; background-size: 50% auto;}
#titled{
	margin: 20px 0 10px 0; font-size: 35px;
	background: url(../imagenes/bombilla-led.jpg) no-repeat top right;
	background-size: 50px auto; padding: 60px 0 10px 0;}
#titvid{
	margin: 40px 0 10px 0; font-size: 35px;
	background: url(../imagenes/porteros-automaticos.jpg) no-repeat top center;
	background-size: 95% auto; padding: 75% 0 10px 0;}
#radiador img{
	width: 60%; height: auto; margin: 0 0 0;}
#cal img{
	width: 100%; height: auto;}
.titcal{
	margin: 0px 0 10px 0; font-size: 30px; padding: 0 0 10px 0;}
#derecho .titcal{
	margin: 30px 0 10px 0;}
#titref{
	margin: 0 0 10px 0; font-size: 25px; line-height: 24px; padding: 0 0 10px 0;}
#mant, #aver, #comun{
	margin: 20px 0 0 0;}
#bajo{
	border-top: 1px solid #ddd; margin: 40px 0 0 0; padding: 40px 0 0 0;}
#averias{
	background: #008ABA url(../imagenes/reloj.png) no-repeat 20px 20px;
	color: #fff; text-align: center; font-size: 25px; 
	padding: 15px 20px 20px 20px; margin: 30px 0 0 0;}
#averias .av{
	margin: 0 15px 0 0; text-align: right; font-size: 60px;
	font-weight: 400; display: block;	}
#averias .num{
	font-size: 90px; font-weight: 700; line-height: 10px; margin: 0 0 0 45px;}
#averias .hor{
	margin: 0 0 0 0; font-size: 30px; font-weight: 100;}
#telsaverias{
	font-size: 40px; line-height: 40px; display: block;	
	background: #000; margin: 10px 0 0 0; padding: 5px 0 8px 0; font-weight: 100;}
.telav{
	display: block;}
.guion{
	display: none;}
#fotos{
	margin: 0 0 50px 0;}
.foto img{
	width: 100%; height: auto; margin: 10px 0 0 0;}
#margen{
	clear: both; height: 40px;}
#electricistas{
	font-size: 0.9em;}
#linea{
	color: #008ABA; font-size: 10px;}
#faldon{
	padding: 30px; margin: 20px 0 0 0;}
#social{
	display: none;}
#direccion{
	background: url(../imagenes/telefono.png) no-repeat bottom center;
	background-size: 100% auto; padding: 0 0 60px 0;}
.tienda{
	font-size: 0.9em; padding: 20px 0 2px 0; border-bottom: 1px solid #000;
	display: block; margin: 0 0 20px 0;}
#fachada{
	margin: 30px 0 30px 0;}
#fachada img{
	width: 100%; height: auto;}
#bajoiz #frase{
	margin: 0;}
#urnieta{
	margin: 20px 0 0 0;}
#mapagoogle{
	display: none;}
#aviso{
	margin: 20px 0 0 0;}
#pop{
	min-height: 300px;}
.aceptar, .configurar{
	display: block; margin: 5px auto;}
}
@media only screen 
and (min-width : 381px)
and (max-width : 480px) {
.thumb{
	display: none;}		
body{
	font-size: 1.1em;}
body p{
	font-size: 1.1em;}
#todosup, #todocen, #todoinf {
	width: 100%; margin: 0 auto;}
#cabecera{
	padding: 20px 0px 0 20px;}
#contenido,
#faldon {
	margin: 0 30px 0 30px;}
#logo{
	margin: 0 0 0 50px; max-width: 200px;}
#logo img{
	width: 80%; height: auto;}
#menu{
	text-align: left; }
#menu ul{
	margin: 20px 0 0 10px;}
#menu ul li a{
	padding: 12px 0px 15px 40px; height: 20px; display: block;
	border-top: 1px solid #84def2; font-size: 18px; line-height: 1.5em;}
#menu ul li a{
	background: url(../imagenes/bombilla-apagada.jpg) no-repeat 0 center;}
#menu ul li a:hover, 
#menu nav ul .v a, 
#menu nav ul .pv a,
#menu nav ul .dv a,
#menu nav ul .mv a {
	color: #fff;
	background: url(../imagenes/bombilla-encendida.jpg) no-repeat 0 center;}
#imagenvertical{
	display: none;}
#imagenhorizontal img{
	width: 100%; height: auto; margin: 20px 0 0 0;}
#texto{
	margin: 30px 0px 0px 0px;}
#izquierdo p, #izquierdo pv{
	margin: 0 0 10px 0;}
h1{
	font-size: 44px; line-height: 45px; margin: 0 0 40px 0; padding: 0 0 10px 0;}
#frase{
	font-size: 18px; margin: 40px 0 40px 0;}
.mayor{
	font-size: 2.1em; line-height: 1.2em; font-weight: 100; display: block;}
h2{
	padding: 2px 10px 0px 10px; margin: 0 0 15px 0; font-size: 15px;}
#dic h2{
	margin: 0; padding: 0;}
#fermax{
	margin: 60px 0 0 0;}
#derecho{
	margin: 40px 0 0 0;}
#iberdrola{
	background: #eee url(../imagenes/iberdrola.jpg) no-repeat center 0px;
	background-size: 100% auto; padding: 5px 20px 20px 20px; margin: 50px 0 0 0;}
#punto{
	background: url(../imagenes/punto.png) no-repeat top center;
	background-size: 100% auto; padding: 16% 0 15% 0; width: 40%;
	margin: 0 0 80px 150px; font-size: 22px;}
.centro{
	font-size: 15px; color: #888;}
#iberdrola h1{
	font-size: 25px; line-height: 28px; font-weight: 100;
	color: #390; margin: 0;}
#iberdrola ul{
	margin: 10px 0 0 15px;}
#mantenimiento{
	margin: 40px 0 0 0;}
#leds, #cal, #proy{
	padding: 20px 20px 20px 20px;}
#leds img{
	width: 100%; height: auto;}
#elba{
	padding: 0 0 30% 0; background-size: 44% auto;}
#titled{
	margin: 0 0 10px 0; font-size: 40px;
	background: url(../imagenes/bombilla-led.jpg) no-repeat top right;
	background-size: 80px auto; padding: 120px 0 10px 0;}
#titvid{
	margin: 0 0 10px 0; font-size: 40px;
	background: url(../imagenes/porteros-automaticos.jpg) no-repeat top center;
	padding: 200px 0 10px 0;}
.titcal{
	margin: 0px 0 10px 0; font-size: 40px; padding: 0 0 10px 0;}
#derecho .titcal{
	margin: 30px 0 10px 0;}
#titref{
	margin: 0 0 10px 0; font-size: 25px; padding: 0 0 10px 0;}
#mant, #aver, #comun{
	margin: 20px 0 0 0;}
#bajo{
	border-top: 1px solid #ddd; margin: 40px 0 0 0; padding: 40px 0 0 0;}
#bajoiz img{
	width: 100%; height: auto;}
#averias{
	background: #008ABA url(../imagenes/reloj.png) no-repeat 20px 20px;
	color: #fff; text-align: center; font-size: 25px;
	padding: 15px 20px 20px 20px; margin: 40px auto; width: 100%; max-width: 280px;}
#averias .av{
	margin: 0; text-align: right; font-size: 45px; line-height: 55px; padding-left: 40px;}
#averias .num{
	font-size: 130px; font-weight: 700; line-height: 10px; margin: 0 0 0 45px;}
#averias .hor{
	font-size: 42px; font-weight: 100;}
#telsaverias{
	font-size: 35px; line-height: 40px; display: block;	
	background: #000; margin: 7px 0 0 0; padding: 5px 0 8px 0; font-weight: 100;}
.telav{
	display: block;}
.guion{
	display: none;}
#fotos{
	margin: 0 0 50px 0;}
.foto img{
	width: 100%; height: auto; margin: 10px 0 0 0;}
#margen{
	clear: both; height: 40px;}
#electricistas{
	font-size: 0.9em;}
#linea{
	color: #008ABA; font-size: 10px;}
#faldon{
	padding: 30px; margin: 20px 0 0 0;}
#social{
	font-size: 1em;}
#direccion{
	padding: 20px 0; font-size: 1.1em;}
.tienda{
	font-size: 0.9em; padding: 0 0 2px 0; border-bottom: 1px solid #000;
	display: block; margin: 20px 0;}
#fachada{
	margin: 30px 0 30px 0;}
#fachada img{
	width: 80%; height: auto; margin: 0 0 0 10%;}
#bajoiz #frase{
	margin: 0; font-size: 22px; text-align: center;}
#urnieta{
	margin: 20px 0 0 0;}
#mapagoogle{
	display: none;}
#aviso{
	margin: 20px 0 0 0;}
.tel-movil a{
	color: #fff; display: block; font-size: 60px; margin-bottom: 30px; font-weight: 100;}
.tel-movil a:hover{
	color: #000;}
#horario{
    font-size: 1.1em;}
.coches{
	background: #CaCaCa url(../imagenes/coche.png) no-repeat center center; 
	background-size: 60% auto;}
#pop{
	min-height: 200px;}}
@media only screen 
and (min-width : 481px)
and (max-width : 655px) {	
.s-movil, .movil, .tel-movil{
	display: none;}
#todosup, #todocen, #todoinf {
	width: 100%; margin: 0 auto;}
#cabecera{
	padding: 20px 0px 0 30px;}
#contenido,
#faldon {
	margin: 0 30px 0 30px;}
#logo{
	width: 60%; margin: 0; max-width: 200px;}
#logo img{
	width: 100%; height: auto;}
#menu{
	width: 100%; text-align: left;
	font-size: 1em; line-height: 1.3em; margin: 20px 0 0 0; padding: 0 20px 0 0;}
#menu ul li{
	width: 33%;
	float: left;}
#menu ul li a{
	padding: 15px 20% 15px 40px; height: 15px;
	background: url(../imagenes/bombilla-apagada.jpg) no-repeat 0 center;}
#menu ul li a:hover, 
#menu nav ul .v a, 
#menu nav ul .pv a,
#menu nav ul .dv a,
#menu nav ul .mv a {
	color: #fff; background: url(../imagenes/bombilla-encendida.jpg) no-repeat 0 center;}
#menu nav ul .pv a{
	color: #fff; background: url(../imagenes/bombilla-encendida.jpg) no-repeat 0 center;}
#imagenvertical{
	display: none;}
#imagenhorizontal img{
	width: 100%; height: auto; margin: 20px 0 0 0;}
#texto{
	margin: 30px 0px 0px 0px;}
#izquierdo p, #izquierdo pv{
	margin: 0 0 10px 0;}
h1{
	font-size: 47px; line-height: 47px; margin: 0 0 40px 0; padding: 0 0 10px 0;}
#frase{
	font-size: 18px; margin: 40px 0 40px 0;}
.mayor{
	font-size: 2.0em; line-height: 1.2em; font-weight: 100; display: block;}
h2{
	padding: 2px 10px 0px 10px; margin: 10px 0 15px 0; font-size: 15px;}
#dic h2{
	margin: 0; padding: 0;}
#fermax{
	margin: 60px 0 30px 0;}
#fermax img{
	display: block;}
#iberdrola{
	background: #eee url(../imagenes/iberdrola-blanco.jpg) no-repeat center 0px;
	background-size: 100% auto; padding: 140px 20px 20px 20px; margin: 50px 0 0 0;}
#punto{
	display: none;}
.no{
	display: none;}
.centro{
	font-size: 15px; color: #888; display: block;}
#iberdrola h1{
	font-size: 30px; line-height: 32px; font-weight: 100; color: #390; margin: 0;}
#iberdrola ul{
	margin: 10px 0 0 15px;}
#mantenimiento{
	margin: 40px 0 0 0;}
#titled{
	width: 40%; float: left; margin: 40px 0 10px 0; font-size: 36px; line-height: 40px;
	background: url(../imagenes/bombilla-led.jpg) no-repeat bottom center; 
	padding: 10px 0 230px 0;}
#titvid{
	width: 40%; float: left; margin: 40px 0 10px 0; font-size: 32px; line-height: 40px;
	background: url(../imagenes/porteros-automaticos.jpg) no-repeat bottom center;
	background-size: 100% auto; padding: 0 0 150px 0;}
.titcal{
	margin: 0px 0 10px 0; font-size: 40px; padding: 0 0 10px 0;}
#leds img{
	width: 100%; height: auto;}
#derecho .titcal{
	margin: 30px 0 10px 0;}
#titref{
	margin: 0 0 10px 0; font-size: 24px; padding: 0 0 10px 0;}
#mant, #leds{
	width: 52%; float: right; margin: 40px 0 0 0;}
#cal{
	padding: 20px;}
#cal img{
	width: 100%; height: auto;}
#leds, #proy{
	padding: 20px 2% 20px 2%;}
#elba{
	padding: 0 0 40% 0; background-size: 40% auto;}
#radiador{
	width: 40%; float: left; margin: 5% 0 5% 0;}
#radder{
	width: 45%; float: right; margin: 0 10% 0 0;}
#radder img{
	width: 100%; height: auto;}
#bajo{
	border-top: 1px solid #ddd; margin: 40px 0 0 0; padding: 40px 0 0 0;}
#averias{
	width: 330px;
	background: #008ABA url(../imagenes/reloj.png) no-repeat 20px 20px;
	color: #fff; text-align: center; font-size: 25px; margin: 30px 0 0 0;
	padding: 15px 20px 20px 20px;}
#averias .av{
	text-align: right; font-size: 50px; line-height: 60px; margin: 0 0 0 30px;}
#averias .num{
	font-size: 120px; font-weight: 700; line-height: 10px; margin: 0 0 0 45px;}
#averias .hor{
	margin: 0 0 0 0; font-size: 48px; font-weight: 100;}
#telsaverias{
	font-size: 28px; display: block; background: #000;
	margin: 7px 0 0 0; padding: 5px 0 8px 0; font-weight: 100;}
#telsaverias{
	font-size: 32px; display: block; background: #000; margin: 7px 0 0 0;
	padding: 5px 0 8px 0; font-weight: 100;}
#fotos{
	margin: 0 0 50px 0;}
.foto{
	width: 100px; height: 75px; float: left; margin: 0 6px 5px 0;}
#margen{
	clear: both; height: 40px;}
#electricistas{
	font-size: 0.9em;}
#linea{
	color: #008ABA; font-size: 10px;}
#faldon{
	padding: 30px; margin: 20px 0 0 0;}
#social{
	width: 200px; }
#direccion{
	background: url(../imagenes/telefono.png) no-repeat bottom right;
	padding: 30px 0 60px 0;}
.tienda{
	font-size: 0.9em; padding: 0 0 2px 0; border-bottom: 1px solid #000;
	display: block; margin: 0 0 20px 0;}
#fachada{
	width: 50%; float: left; margin: 30px 0 30px 0;}
#fachada img{
	width: 100%; height: auto;}
#horario{
	margin: 80px 0 0 0; width: 45%; float: right;}
#bajoiz #frase{
	margin: 0;}
#bajoiz img{
	width: 70%; height: auto;}
#urnieta{
	margin: 20px 0 0 0;}
#mapafoto{
	display: none;}
#mapagoogle iframe{
	width: 100%; height: 300px; }
#aviso{
	margin: 20px 0 0 0; text-align: right;}
.coches{
	background: #CaCaCa url(../imagenes/coche.png) no-repeat center 70%; 
	background-size: 90% auto;}
#pop{
	min-height: 160px;}
}
@media only screen 
and (min-width : 656px)
and (max-width : 1199px) {	
.s-movil, .movil, .tel-movil{
	display: none;}
#todosup, #todocen, #todoinf {
	width: 100%; margin: 0 auto;}
#cabecera{
	padding: 20px 0px 0 30px;}
#contenido,
#faldon {
	margin: 0 30px 0 30px;}
#logo{
	width: 70%; margin: 0; max-width: 200px;}
#logo img{
	width: 100%; height: auto;}
#menu{
	width: 100%; text-align: left; font-size: 0.8em; line-height: 1.3em;}
#menu ul li{
	float: left; width: 19%;}
#menu ul .p, #menu ul .d, #menu ul .dv, #menu ul .pv{
	float: left; width: 14%;}
#menu ul .m, #menu ul .mv{
	float: left; width: 18%;}
#menu ul li a{
	padding: 35px 20% 0 10%; height: 15px; margin: 30px 0 10px 0;
	border-left: 1px solid #84def2;
	background: url(../imagenes/bombilla-apagada.jpg) no-repeat 5px 5px;}
#menu ul li a:hover, 
#menu nav ul .v a, 
#menu nav ul .pv a,
#menu nav ul .dv a,
#menu nav ul .mv a {
	color: #fff;
	background: url(../imagenes/bombilla-encendida.jpg) no-repeat 5px 5px;}
#menu nav ul .p a{
	padding: 35px 20% 0 10%; margin: 30px 0 0 0;}
#menu nav ul .pv a{
	color: #fff;
	background: url(../imagenes/bombilla-encendida.jpg) no-repeat 8px 0px;
	margin: 30px 0 10px 0;}
#imagenvertical{
	display: none;}
#imagenhorizontal img{
	width: 100%; height: auto; margin: 20px 0 0 0;}
#texto{
	margin: 30px 0px 0px 0px;}
#izquierdo p{
	margin: 0 0 10px 0;}
h1{
	font-size: 47px; line-height: 47px; margin: 0 0 40px 0; padding: 0 0 10px 0;}
#frase{
	font-size: 18px; margin: 30px 0 40px 0;}
.mayor{
	font-size: 2.0em; line-height: 1.2em; font-weight: 100; display: block;}
.no{
	display: none;}
h2{
	padding: 2px 10px 0px 10px; margin: 0 0 15px 0; font-size: 15px;}
#dic h2{
	margin: 0; padding: 0;}
#fermax{
	margin: 60px 0 0 0; font-size: 16px;}
#fermax img{
	display: block;}
#iberdrola{
	background: #eee url(../imagenes/iberdrola-blanco.jpg) no-repeat left 0px;
	background-size: 100% auto; padding: 120px 20px 20px 20px; margin: 40px 0 0 0;}
#punto{
	display: none;}
.centro{
	font-size: 15px; color: #888;}
#iberdrola h1{
	font-size: 30px; line-height: 28px; font-weight: 100; color: #390; margin: 0;}
#iberdrola ul{
	margin: 5px 0 0 40px;}
#mantenimiento{
	margin: 40px 0 0 0;}
#titled{
	margin: 0 0 10px 0; font-size: 40px;
	background: url(../imagenes/bombilla-led.jpg) no-repeat top right;
	padding: 175px 0 10px 0;}
#titvid{
	margin: 0 0 10px 0; font-size: 40px;
	background: url(../imagenes/porteros-automaticos.jpg) no-repeat top center;
	padding: 200px 0 10px 0;}
.titcal{
	margin: 0px 0 10px 0; font-size: 40px; padding: 0 0 10px 0;}
#derecho{
	width: 55%; float: right;}
#izquierdo{
	width: 40%; float: left;}	
#derecho .titcal{
	margin: 30px 0 10px 0;}
#titref{
	margin: 0 0 10px 0; font-size: 30px; padding: 0 0 10px 0;}
#mant, #leds, #proy, #aver, #comun{
	margin: 40px 0 0 0;}
#leds, #cal, #proy{
	padding: 20px 20px 20px 20px;}
#leds img{
	width: 80%; height: auto; margin: 20px 0 0 10%;}
#elba{
	padding: 0 0 40% 0; background-size: 44% auto;}
#cal img{
	width: 100%; height: auto;}
#bajo{
	border-top: 1px solid #ddd; margin: 40px 0 0 0; padding: 40px 0 0 0;}
#bajoiz{
	width: 40%; float: left; }
#bajoder{
	width: 55%; float: right;}
#averias{
	margin: 0;
	background: #008ABA url(../imagenes/reloj.png) no-repeat 20px 20px;
	color: #fff; text-align: center; font-size: 25px; padding: 15px 20px 20px 20px;}
#averias .av{
	margin: 0; text-align: right; font-size: 60px; line-height: 60px; padding-left: 50px;}
#averias .num{
	font-size: 120px; font-weight: 700; line-height: 10px; margin: 0 0 0 45px;}
#averias .hor{
	margin: 0 0 0 0; font-size: 48px; font-weight: 100;}
#telsaverias{
	font-size: 28px; display: block; background: #000;
	margin: 7px 0 0 0; padding: 5px 0 8px 0; font-weight: 100;}
#fotos{
	margin: 0 0 50px 0;}
.foto{
	width: 100px; height: 75px; float: left; margin: 0 6px 5px 0;}
#margen{
	clear: both; height: 40px;}
#electricistas{
	font-size: 0.9em;}
#linea{
	color: #008ABA; font-size: 10px;}
#faldon{
	padding: 30px; margin: 20px 0 0 0;}
#social{
	width: 45%; max-width: 220px; float: left;}
#direccion{
	width: 55%; float: right;
	background: url(../imagenes/telefono.png) no-repeat bottom left;
	padding: 0 0 60px 0;}
.tienda{
	font-size: 0.9em; padding: 0 0 2px 0; border-bottom: 1px solid #000;
	display: block; margin: 0 0 20px 0;}
#fachada{
	margin: 30px 0 30px 0;}
#bajoiz #frase{
	margin: 0;}
#urnieta{
	margin: 20px 0 0 0;}
#mapafoto{
	display: none;}
#mapagoogle iframe{
	width: 100%; height: 475px;}
address{margin-bottom: 15px;}
	#pop{
	min-height: 140px;}
}

@media only screen 
and (min-width : 1200px){
.s-movil, .movil, .tel-movil{
	display: none;}
#superior{
	background: #000; border-bottom: 5px solid #008ABA; padding: 0 0 20px 0;}
#central{
	background: url(../imagenes/fondo.jpg) repeat-y top center;}
#todosup,
#todocen,
#todoinf {
	width: 1100px; margin: 0 auto;}
#cabecera{
	margin: 0 0px 0 30px;}
#contenido,
#faldon {
	margin: 0 30px 0 30px;}
#logo{
	width: 250px; float: left; margin: 35px 0 0 0;}
#menu{
	width: 720px; float: right; text-align: left; font-size: 0.9em; line-height: 1.3em;}
#menu ul li{
	float: left;}
#menu ul li a{
	padding: 43px 33px 0 10px; height: 15px; margin: 40px 0 10px 0;
	border-left: 1px solid #84def2;
	background: url(../imagenes/bombilla-apagada.jpg) no-repeat 5px 5px;}
#menu ul li a:hover, 
#menu nav ul .v a, 
#menu nav ul .pv a,
#menu nav ul .dv a,
#menu nav ul .mv a {
	color: #fff;
	background: url(../imagenes/bombilla-encendida.jpg) no-repeat 5px 5px;}
#menu nav ul .p a{
	padding: 43px 20px 0 10px; margin: 40px 0 0 0;}
#menu nav ul .pv a{
	color: #fff;
	background: url(../imagenes/bombilla-encendida.jpg) no-repeat 8px 0px;
	padding: 43px 20px 0 10px; margin: 40px 0 0 0;}
#imagen{
	width: 290px; float: left;}
#imagenhorizontal{
	display: none;}
#imagenvertical img{
	width: 100%; height: auto;}
#info{
	width: 750px; float: right; background: #fff; padding: 0 0 40px 0;}
#texto{
	margin: 50px 0px 0px 50px;}
#izquierdo{
	width: 300px; float: left;}
#izquierdo p{
	margin: 0 0 15px 0;}
h1{
	font-size: 50px; line-height: 50px; margin: 0 0 40px 0; padding: 0 0 10px 0;}
#frase{
	font-size: 18px; margin: 40px 0 0 0;}
.mayor{
	font-size: 2.8em; line-height: 1.2em; font-weight: 100; display: block;}
h2{
	padding: 8px 10px 3px 10px; margin: 0 0 15px 0; font-size: 18px;}
#dic h2{
	margin: 0; padding: 0;}
#fermax{
	margin: 60px 0 0 0;}
#derecho{
	width: 330px; float: right;}
#iberdrola{
	background: #eee url(../imagenes/iberdrola.jpg) no-repeat center 5px;
	padding: 5px 20px 20px 20px;}
#foto{
	height: 285px;}
#punto{
	background: url(../imagenes/punto.png) no-repeat top center;
	padding: 40px 0 40px 0; width: 190px; margin: 0 0 80px 100px;
	text-align: center; color: #fff; font-size: 23px; font-weight: 700;}
.centro{
	font-size: 16px; color: #888;}
#iberdrola h1{
	font-size: 28px; line-height: 30px; font-weight: 100;
	color: #390; margin: 0 0 5px 0;}
#iberdrola ul{
	margin: 10px 0 0 15px;}
#mantenimiento{
	margin: 40px 0 0 0;}
#titled{
	margin: 0 0 10px 0; font-size: 40px;
	background: url(../imagenes/bombilla-led.jpg) no-repeat top right;
	padding: 175px 0 10px 0;}
#titvid{
	margin: 0 0 10px 0; font-size: 40px;
	background: url(../imagenes/porteros-automaticos.jpg) no-repeat top center;
	padding: 200px 0 10px 0;}
.titcal{
	margin: 0px 0 10px 0; font-size: 40px; padding: 0 0 10px 0;}
#derecho .titcal{
	margin: 30px 0 10px 0;}
#titref{
	margin: 0 0 10px 0; font-size: 30px; padding: 0 0 10px 0;}
#leds, #proy, #cal{
	padding: 20px 20px 20px 20px;}
#mant, #aver, #comun{
	margin: 20px 0 0 0;}
#bajo{
	border-top: 1px solid #ddd; margin: 40px 0 0 0; padding: 40px 0 0 0;}
#bajoiz{
	width: 250px; float: left;}
#bajoder{
	width: 330px; float: right;}
#averias{
	background: #008ABA url(../imagenes/reloj.png) no-repeat 20px 20px;
	color: #fff; text-align: center; font-size: 25px; padding: 15px 20px 20px 20px;}
#averias .av{
	margin: 0; text-align: right; font-size: 60px; line-height: 60px; 
	font-weight: 400; display: block;	}
#averias .num{
	font-size: 120px; font-weight: 700; line-height: 10px; margin: 0 0 0 45px;}
#averias .hor{
	margin: 0 0 0 0; font-size: 48px; font-weight: 100;}
#telsaverias{
	font-size: 28px; display: block; background: #000; margin: 7px 0 0 0;
	padding: 5px 0 8px 0; font-weight: 100;}
#fotos{
	margin: 0 0 50px 0;}
.foto{
	width: 100px; height: 75px; float: left; margin: 0 6px 5px 0;}
#margen{
	clear: both; height: 40px;}
#electricistas{
	font-size: 0.9em;}
#linea{
	color: #008ABA; font-size: 10px;}
#faldon{
	padding: 20px 0 50px 0;}
#social{
	width: 200px; float: left;}
#direccion{
	width: 640px; float: right;
	background: url(../imagenes/telefono.png) no-repeat bottom right;}
.tienda{
	font-size: 0.9em; padding: 0 0 2px 0; border-bottom: 1px solid #000;
	display: block; margin: 0 0 20px 0;}
#fachada{
	margin: 30px 0 30px 0;}
#bajoiz #frase{
	margin: 0;}
#urnieta{
	margin: 20px 0 0 0;}
#mapafoto{
	display: none;}
#aviso{
	text-align: right;}
address{margin-bottom: 15px;}
#pop{
	min-height: 110px;}}