*{
	margin: 0; padding: 0;}
body{
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.7em; font-size: 0.9em;}
img a, a, a img{
	text-decoration: none;}
#imagen img{
	width: 100%; height: auto; display: block;}
#logo{
	text-align: right; font-size: 16px; color: #999;}
.uras {
	text-align: right;}
p{
	margin: 8px 0;}
h1, .titulo {
	font-size: 30px; color: #76aedd;
	font-weight: normal; margin: 40px 0 10px 0; display: block;}
h2, .titulo2 {
	font-size: 30px; color: #76aedd; font-weight: normal;
	display: block; padding-top: 40px;}
h3, .subti {
	font-size: 19px; font-weight: normal; color: #498dc6; margin: 15px 0 0 0;}
h4 {
	font-size: 22px; font-weight: bold; margin: 0 0 10px 0;}
h3 strong {
	font-weight: normal;}
h5{
	font-size: 15px;}
.titulos {
	font-size: 30px; color: #4855A5;
	margin: 40px 0 0 0;}
#clientes h3{
    color: #999; font-weight: bold;}
#clientes .izdo, #clientes .dcho{
	margin-top: 20px; }
#manten{
	border-top: 1px solid #76aedd; margin-top: 40px;}
#manten h2{
	font-size: 19px; color: #3F59A5; font-weight: bold;}
.m-imagen{
	margin: 0 auto; display: block;}
#tramitaciones{
	background: #d2d2d2; position: relative; padding: 30px 20px;
	font-family: "MS Serif", "New York", serif; font-style: italic; 
	font-size: 18px; line-height: 25px; margin-top: 40px;}
#tramitaciones img{
	position: relative; margin-top: -60px;}
#iso, #logosmarcas{
	border: 1px solid #8ABBE4;
	margin-top: 40px; padding: 25px;}
#iso img{display: block; margin: 0 auto;}
#isoiz a:hover img{
	opacity: 0.3;}
.numero {
	background-color: #A6C8EC; display: block; text-align: center;
	padding: 5px 10px; font-size: 10px; height: 25px; margin: 0;}
.cita {
	font-size: 22px; line-height: 30px; display: block;
	margin: 15px 0 0 0; padding: 20px 0 20px 40px;
	color: #E0821E;
	border-left: 1px solid #D98328;}
.cita2 {
	font-size: 16px; line-height: 30px; display: block; color: #E0821E; margin-top: 40px;}
.certif {
	font-size: 17px; font-weight: bold;}
.gestiona{
	margin-top: 60px;}
#logosmarcas p{
	margin: 0 0 20px 0;}
#logosmarcas span{
	float: left;}
.roca {
	margin-top: 5px; width: 85px; }
.duravit {
	margin-left: 35px; width: 125px; margin-top: 5px; }
.gala {
	font-family: Arial, Helvetica, sans-serif; font-size: 35px;
	font-weight: bold; color: #09F; margin: 10px 0 0 35px; width: 80px; }
.villeroy {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px; color: #069;
	margin-left: 25px; width: 220px; margin-top: 9px;}
.barbi {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 29px; 
	font-weight: normal;
	width: 70px; margin-left: 10px; margin-top: 9px; color: #666; }
.uponor {
	width: 105px; margin: 10px 0 0 30px;}
.unisan {
	margin-top: 30px; width: 105px; margin-left: 20px; }
.borras {
	width: 95px; margin-top: 30px; margin-left: 25px; }
.presto {
	width: 185px; margin-top: 37px; margin-left: 25px; }
.lapesa {
	font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight: bold; color: #06C;
	width: 100px; margin-top: 42px; margin-left: 25px;}
.tres {
	width: 100px; margin-top: 38px; margin-left: 20px; }
.grohe {
	width: 110px; margin-top: 37px; }
.thermor {
	width: 180px; margin-top: 20px; margin-left: 250px;}
.terrain {
	width: 160px;
	margin-top: 21px; margin-left: 30px; }
.wolf {
	width: 95px; margin-top: 17px; margin-left: 100px; }
.saunier {
	width: 165px; margin-top: 11px; margin-left: 25px;}
.saunier2 {
	width: 175px; margin-left: 120px; }
.arbonia {
	width: 120px; margin-top: 3px; margin-left: 30px; }
.runtal {
	width: 80px; margin-top: 14px; margin-left: 22px;}
.junkers {
	width: 130px; margin-top: 9px; margin-left: 30px;}
.junkers2 {
	width: 130px; margin-top: 12px; margin-left: 40px;}
.remeha {
	width: 150px; margin-top: 42px; margin-left: 210px; }
.viessmann {
	float: left; width: 160px; margin-top: 5px;}
.wolf2 {
	float: left; width: 110px; margin-left: 40px;}
.vaillant2 {
	float: left; width: 125px; margin-left: 35px;}
.clivet {
	float: left; width: 160px; margin-left: 40px;}
.sedical {
	float: left; width: 115px; 	margin-left: 30px;}
.galeria{
	background: #333; margin: 40px 0 0 0; color: #fff; padding: 30px;}
.galeria .titgalerias {
    font-size: 24px; line-height: 30px; display: block;}
.galeria .titgalerias2 {
    font-size: 18px; line-height: 23px; color: #999; display: block;}
.galeria .pietrabajos {
    font-size: 13px; margin-top: 10px; display: block; line-height: 20px;}
#tacovaillant{
	background-color: #6CC; padding: 20px; color: #FFF; font-size: 19px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	position: relative; margin-top: 40px;}
.caldera{
	width: 110px; float: left;
	position: relative; margin-top: -70px;}
.caldera{
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);}
.textovaillant{
	width: 120px; float: right;}
.logovaillant{
	clear: both; margin: 10px 0 0 0;}
#eficiencia, #reformas{
	margin: 40px 0; padding: 30px; background-color: #ddd; position: relative;}
#eficiencia h4 {
	font-size: 26px; font-weight: normal; color: #C33;}
#eficiencia .solvis{
	margin: 30px 0 0 30px; width: 150px; float: left;}
#eficiencia .pantalla{
	float: right; 
	position: relative; margin-right: -30px; margin-bottom: -50px;}
#reformas img{
	margin-left: -30px; margin-bottom: -30px; position: relative;}
footer{
	margin: 40px 0 20px 0;}
.container footer{
	background: #8ABBE4; padding: 30px 0;}
footer .izdo{
	color: #000;}
footer .dcho{
	color: #fff; font-size: 0.9em;}
.telefono{
	font-size: 40px; color: #fff; font-family: Arial, Helvetica, sans-serif; margin-top: 40px; }
address{
	font-style: normal; display: inline;}	
.borra{
	clear: both;}
#aviso{ 
	font-size: 0.8em; text-align: right;}
#aviso a{
	color: #000; display: inline-block; padding: 5px 0;}
iframe{
	border: none; width: 100%; margin: 40px 0;}
#contacto a{
	color: #4682B4; display: block; padding: 5px 0; font-size: 1.3em;}
#contacto a:hover{
	color: #555;}
#pop{
	position:fixed; left:0px; right:0px; bottom:0px; z-index: 99999; opacity: 0.8;
	width:100%; min-height:100px; background:#333; color:#ddd;}
#nota{
	 width:96%; text-align: center; position:absolute; 
	 padding-left:2%; padding-right: 2%; font-size:12px; top:10%;}
#inno{
	margin-bottom: 10px;}
.aceptar{
	padding:6px 10px; margin-top: 10px;
	background:#4682B4; color:#fff;}
.configurar{
	padding:6px 10px; margin-top: 10px; 
	background: #666; color:#fff;}
#numero-alto{
	height: 37px; line-height: 18px;}
.mapa{ background: url("../imagenes/mapa.jpg") no-repeat center center; background-size: cover; padding: 250px 0; text-align: center; margin-top: 60px;}
.mapa a{display: block; padding: 10px 0; background: #8ABBE4; color: #fff; width: 200px; margin: 0 auto;}

@media only screen 
and (max-width : 480px){
footer .dcho, iframe{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 20px;}
#cabecera{
	background: url(../imagenes/uras.jpg) no-repeat right top; 
	background-size: 70px auto;}
#logo{
	width: 100%; margin: 20px 0 30px 0; text-align: center; padding-top: 50px;}
#logo img{
	width: 70%; height: auto;}
.uras{
	display: none;}
h1, .titulo, .titulos {
	font-size: 22px; }
h2, .titulo2 {
	font-size: 22px; }
h3, .subti {
	font-size: 18px; margin: 20px 0 0 0;}
.cita{
	font-size: 19px; margin-top: 40px;}
.m-imagen{
	display: block; margin-top: 5%;}
#clientes .izdo{
	margin-top: 30px; }
#clientes .dcho{
	margin-top: 0; }
.numero{
	font-size: 0.8em;}
#tacovaillant {
    margin: 80px 0;}
.textovaillant{ width: 60%; font-size: 0.9em;}
.caldera{ width: 30%; height: auto;}
.logovaillant{
	width: 100%; height: auto; max-width: 200px;}
#radiador h2{
	background: url(../imagenes/radiador.jpg) no-repeat top right; 
	background-size: 150px auto; padding: 12% 45% 5% 0; margin-top: 40px;
	font-size: 35px; line-height: 40px;}
#ducha h2{
	background: url(../imagenes/ducha.jpg) no-repeat top right; 
	background-size: 180px auto; padding: 12% 45% 5% 0; margin-top: 40px;
	font-size: 35px; line-height: 40px;}
#reformas img {
    margin: -20px 0 0 -15px;}
.uno{
	margin: 20px 0 0 0;}
#eficiencia .izdo img{
	margin-bottom: 30px;}
#eficiencia h4{
	font-size: 22px;}
#eficiencia .solvis{
	float: none; display: block; margin: 20px auto; text-align: center;}
#eficiencia .pantalla{
	float: none;}
#gestiona{
	width: 100%;}
.gestiona{
	margin: 50px auto 10px auto; display: block; }
#iso{
	width: 90%; padding: 25px 5%;}
#isoiz{
	width: 20%; float: left;}
#isoder{
	width: 75%; float: right;}
#isoiz img{
	width: 100%; height: auto;}
#reformas, #tramitaciones{
	margin-top: 60px;}
.titulo2{
	padding-top: 20px;}
footer .izdo{
	padding: 3% 6%;}
.telefono{
	font-size: 34px; margin-top: 20px;}
.galeria{
	padding: 30px 0;}
.galeria .izdo{
	padding: 0 20px;}
#pop {
	min-height: 180px;}
.mapa{}
}

@media only screen 
and (min-width : 481px)
and (max-width : 800px) {
#imagen .d-der .izdo, #imagen .d-iz .dcho{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 30px;}
#cabecera{
	background: url(../imagenes/uras.jpg) no-repeat right 15%;}
#logo{
	width: 270px; margin: 50px 0 10px 0;}
.uras{
	display: none;}
h1, .titulo {
	font-size: 25px; }
h2, .titulo2 {
	font-size: 25px; }
.cita{
	font-size: 20px; margin-top: 40px;}
.m-imagen{
	display: block; margin-top: 5%;}
#clientes .izdo{
	margin-top: 30px; }
#clientes .dcho{
	margin-top: 0; }
.numero{
	font-size: 0.8em;}
.textovaillant{ width: 70%; }
#tacovaillant{
	margin: 80px 0;}
.caldera{ width: 25%; height: auto;}
.logovaillant{
	margin-left: 15%;}
#radiador h2{
	background: url(../imagenes/radiador.jpg) no-repeat 85% top; 
	background-size: 150px auto; padding: 12% 45% 5% 0; margin-top: 40px;
	font-size: 35px; line-height: 40px;}
#ducha h2{
	background: url(../imagenes/ducha.jpg) no-repeat 85% top; 
	background-size: 180px auto; padding: 12% 45% 5% 0; margin-top: 40px;
	font-size: 35px; line-height: 40px;}
#reformas img {
    margin: -20px 0 0 -15px;}
.uno{
	margin: 20px 0 0 0;}
#eficiencia .izdo {
	text-align: right;}
#gestiona{
	width: 100%;}
.gestiona{
	margin: 50px auto 10px auto; display: block; }
#iso{
	width: 90%; padding: 25px 5%;}
#isoiz{
	width: 20%; float: left;}
#isoder{
	width: 75%; float: right;}
#reformas, #tramitaciones{
	margin-top: 60px;}
.titulo2{
	padding-top: 20px;}
footer .izdo{
	padding: 3% 6%; border-bottom: 1px solid #fff;}
footer .dcho{
	padding: 3% 6%; }
.telefono{
	font-size: 34px; margin-top: 20px;}
#pop {
	min-height: 160px;}
}

@media only screen 
and (min-width : 801px)
and (max-width : 999px) {
.movil, .tablet{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 40px;}
#cabecera{
	background: url(../imagenes/uras.jpg) no-repeat right 15%;}
#logo{
	width: 270px; margin: 50px 0 10px 0;}
.uras{
	display: none;}
h1, .titulo {
	font-size: 26px; }
h2, .titulo2 {
	font-size: 26px; }
.cita{
	font-size: 20px;}
.izdo{
	float: left;}
.dcho{
	float: right;}
.d-der .izdo, .d-iz .dcho{
	width: 33%;}
.d-der .dcho, .d-iz .izdo{
	width: 66%;}
.d-iz .izdo p{
	margin-right: 20px;}
.m-imagen{
	margin-top: 25%;}
.numero{
	width: 277px; float: right;}
.textovaillant{ width: 50%; font-size: 0.8em;}
.caldera{ width: 45%; height: auto;}
.logovaillant{
	width: 100%; height: auto; max-width: 200px;}
#servicios{
	background: url(../imagenes/planos.jpg) no-repeat left center;
	background-size: 30% auto;}
#radiador{
	background: url(../imagenes/radiador.jpg) no-repeat left center; 
	background-size: 30% auto;}
#ducha{
	background: url(../imagenes/ducha.jpg) no-repeat left center;
	background-size: 30% auto;}
.uno{
	width: 30%; margin: 20px 3% 0 0; float: left;}
#iso{
	width: 90%; padding: 25px 5%; }
#isoiz{
	width: 35%; float: left;}
#isoder{
	width: 62%; float: right;}
#gestiona{
	width: 100%;}
.gestiona{
	margin: 50px auto 10px auto; display: block; }
#reformas .izdo img, #tramitaciones .izdo img{
	width: 102%; height: auto;}
#eficiencia .izdo, #eficiencia .dcho{
	float: none; width: 100%;}
#eficiencia .izdo {
	text-align: right;}
.titulo2{
	padding-top: 20px;}
footer .izdo{
	width: 32%; padding: 0 3% 0 5%; border-right: 1px solid #fff;}
footer .dcho{
	width: 55%;}
.telefono{
	font-size: 34px;}
#pop {
	min-height: 140px;}
#pop #inno{
	width: 75%; margin: 0 auto 10px auto;}
}
	
@media only screen 
and (min-width : 1000px){ 
.movil, .tablet{
	display: none;}
.container {
	width: 1000px; margin: 0 auto;}
.todo {
	margin: 0 50px;}
#logo{
	width: 270px;
	float: left;
	margin: 50px 0 10px 0;}
.izdo{
	float: left;}
.dcho{
	float: right;}
.d-der .izdo, .d-iz .dcho{
	width: 33%;}
.d-der .dcho, .d-iz .izdo{
	width: 66%;}
#isoiz {
	float: left; width: 25%;}
#isoder {
	float: right; width: 75%;}
.numero{
	width: 277px; float: right;}
#servicios{
	background: url(../imagenes/planos.jpg) no-repeat left center;}
#radiador{
	background: url(../imagenes/radiador.jpg) no-repeat left center;}
#ducha{
	background: url(../imagenes/ducha.jpg) no-repeat left center;}
.wolf, .grohe {
	clear: both;}
.uno{
	width: 30%; margin: 20px 3% 0 0; float: left;}
#eficiencia .izdo img{
	margin: 30px 0 0 0;}
footer .izdo{
	width: 35%; padding: 0 4% 30px 5%; border-right: 1px solid #fff;}
footer .dcho{
	width: 50%;}
#gestiona{margin: 0 auto; width: 150px;}}