@font-face{
	font-family: Open Sans;
    src: url(../fonts/OpenSans-Light.woff2),
         url(../fonts/OpenSans-Light.woff),
	     url(../fonts/OpenSans-VariableFont_wdth,wght.ttf);
    font-weight: 300; font-display: swap;}
@font-face{
	font-family: Open Sans;
    src: url(../fonts/OpenSans-Regular.woff2),
         url(../fonts/OpenSans-Regular.woff),
	     url(../fonts/OpenSans-VariableFont_wdth,wght.ttf);
    font-weight: 400; font-display: swap;}
@font-face{
	font-family: Open Sans;
    src: url(../fonts/OpenSans-Medium.woff2),
         url(../fonts/OpenSans-Medium.woff),
	     url(../fonts/OpenSans-VariableFont_wdth,wght.ttf);
    font-weight: 500; font-display: swap;}
@font-face{
	font-family: Open Sans;
	src: url(../fonts/OpenSans-Bold.woff2),
         url(../fonts/OpenSans-Bold.woff),
	     url(../fonts/OpenSans-VariableFont_wdth,wght.ttf);
	font-weight: 700; font-display: swap;}
*{	margin: 0; padding: 0;}
body{ font-family: 'Open Sans', sans-serif; font-size: 19px; line-height: 2em; color: #222; text-align: center; font-weight: 400;}
img a, a, a img{
	text-decoration: none;}
#imagen img{ width: 100%; }
img{height: auto;}
.neg{ font-weight: bold;}
.noneg{	font-weight: normal;}
#logo img{display: block;}
#menu ul li{ list-style-type: none; text-align: center;}
#menu ul li a{ color: #006633; padding: 20px 0; display: block; font-size: 20px;}
#menu ul li a:hover{color: #777;}
.presentacion{width: 100%; max-width: 880px; margin: 20px auto;}
section .container{padding: 80px 0;}
#imagen {position: relative;}
#imagen img {position: relative; z-index: 1;}
#imagen h2{position: absolute; z-index: 2; margin-top: -230px; margin-left: 13%; color: #fff; font-weight: 400; text-shadow: 0 0 13px #000;}
p{	margin: 8px 0;}
h1{color: #006633; font-size: 40px; line-height: 60px; font-weight: 400;}
h1 .subt{font-size: 18px; display: block; line-height: 33px; color: #777; margin-bottom: 40px;}
h2{font-size: 22px; line-height: 30px;}
.oferta{border: 5px solid #e94e1b; padding: 45px; margin-top: 100px;}
.oferta .of{color: #e94e1b; font-size: 26px; line-height: 40px;}
.oferta .of .precio{font-size: 38px;}
.oferta .nota{font-size: 0.9em;}
.frase{color: #e94e1b; font-weight: 400; font-size: 38px; line-height: 50px;}
.naranja{background: #e94e1b;}
.naranja h2{color: #fff; font-weight: 300; font-size: 30px;}
.naranja .container{padding: 70px 0;}
.duo{text-align: left; margin-top: 100px;}
.duo .frase{ margin-top: 80px;}
.duo .dcho img, .etiqueta img{display: block; margin: 0 auto;}
.destacado{color: #e94e1b; font-weight: 400; font-size: 22px; line-height: 36px; width: 90%; margin-top: 30px;}
.etiqueta img{width: 250px;}
.duo h2{color: #006633; font-weight: 400; margin-bottom: 30px;}
.duo h3{margin-bottom: 20px; font-size: 28px; font-weight: 500;}
.duo p a{color: #222; }
.consulte{margin-top: 30px;}
.dos-calderas h3 a{font-size: 23px;}
.dos-calderas h3 a span{font-size: 40px; line-height: 50px; }
.duos-foto .duo .dcho img{width: 100%; max-width: 600px;}
.duos-foto .duo .etiqueta img{max-width: 250px;}
.duos-foto .dcho .subvencion img{max-width: 300px;}
.duo .logos{text-align: center;}
.duo .logos img{display: inline-block; margin: 0 30px;}
.ancho{text-align: center;}
.ancho .destacado{width: 100%;}
.subvenciones .subvencion{border: 5px solid #e20a16; width: 78%; max-width: 500px !important; padding: 45px; text-align: center; margin: 0 auto;}
.subvencion img{width: 260px; }
.subvencion a{margin-top: 30px; display: block;}
.subvencion a:hover img{opacity: 0.6;}
.preguntas{margin: 100px 0; padding: 60px; border: 1px solid #006633; text-align: left;}
.preguntas ul li, .subvenciones ul li{margin: 0 0 0 20px;}
.preguntas h3{color: #006633; margin-top: 40px;}
.preguntas h2{font-weight: 400; color: #e94e1b;}
.marca{text-align: left; color: #555;}
.marca .container{padding-bottom: 90px;}
.marca .duo{margin-top: 0;}
.marca ul li{margin: 10px 0 0 20px;}
.marca h3{font-weight: 300; font-size: 30px;}
.marca .caldera{margin-top: 30px;}
.marca .dcho {margin-top: 60px;}
.vaillant, .junkers, .acv{background: #eee;}
.vaillant h3{color: #007465;}
.junkers h3{color: #005bab;}
.saunier h3, .thermor h3, .acv h3{color: #d6202f;}
.boton a{ display: block; color: #fff; text-align: center; padding: 10px; width: 200px; margin: 30px 0; 
	font-size: 16px;}
.m100{margin-top: 100px;}
.vaillant .boton a{background: #007465; border: 1px solid #007465;}
.boton a:hover{ background: #fff; color: #007465;}
.financiacion{background: #006633; color: #fff; padding: 10px 0; margin-top: 100px; position: relative;}
.financiacion p{margin: 0; font-weight: 500; font-size: 26px;}
.financiacion .neg{color: #e94e1b; background: #fff; display: inline-block; padding: 25px 10px 0 10px; height: 90px; margin-left: 15px;
	position: absolute; border: 4px solid #e94e1b; width: 100px; border-radius: 70px; margin-top: -50px; box-shadow: 0px 5px 5px #444;}
.financiacion .cero{font-size: 50px; display: block;}
.tooltips{margin: 10px 0 40px 0;}
.tooltip { position: relative; display: inline-block; background:#fff; color: #006633; border-radius: 16px; width: 32px; height: 25px;
border: 1px solid #006633; line-height: 20px; padding-top: 5px; margin: 0 3px;}
.tooltip .tooltiptext {
    visibility: hidden; font-size: 0.8em; background-color: #fff; color: #555; padding: 25px; border-radius: 6px;
    position: absolute; z-index: 1; border: 4px solid #dae2ea;}
.tooltip .tooltiptext {
    width: 300px; top: 100%; left: 50%; margin-left: -185px; /* Use half of the width (250/2 = 60), to center the tooltip */}
.tooltip:hover .tooltiptext {
    visibility: visible;}
footer{ background: #efefef; }
.infooter{padding: 80px 0 10px 0;}
.infooter .botones{ margin-top: 60px;}
.infooter .botones a{display: inline-block; padding: 15px; font-size: 16px; color: #444;}
.infooter .botones a:hover{color: #006633;}
.infooter .logo img{width: 260px;}
.infooter h4{font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 10px;}
.infooter h5{font-size: 16px; }
.infooter .presupuesto{color: #006633;}
.infooter .email a{margin-top: 10px;}
.telefonos{margin: 20px auto; width: 100%; max-width: 550px; text-align: center; margin-top: 80px;}
.telefono{
	letter-spacing: 0.5px; padding: 10px; display: block; color: #006633; font-size: 30px; font-weight: 400;}
.telefono:hover{color: #222;}
.what{margin: 0 auto 10px auto; width: 50px; display: block; padding-right: 20px;}
.what a{width: 50px; margin-top: 4px; }
.what:hover{filter: grayscale(100);}
.email a{ display: block; background: #006633; color: #fff; text-align: center; padding: 10px; width: 200px; margin: 30px auto; 
	border: 1px solid #006633; font-size: 16px;}
.email a:hover{background: #fff; color: #006633;}
.borra{	clear: both;}
#aviso{ font-size: 0.7em; background: #dedede; letter-spacing: 0.5px;}
#aviso a{ color: #222; display: inline-block; padding: 10px 0;}
iframe{	border: none; width: 100%;}
@media only screen 
and (max-width : 500px){
.tooltip .tooltiptext {
    width: 200px; margin-left: -145px;}
	.financiacion{height: 200px; margin-bottom: 160px;}
}

@media only screen 
and (max-width : 650px){
	.pantalla, .tablet{	display: none;}
	.container { width: 100%; margin: 0 auto;}
	.todo {	margin: 0 20px;}
	#logo{	width: 300px; margin: 80px auto 30px auto}
	#menu{	}
	#menu ul li{ }
	.imagen-texto{margin-bottom: 80px;}
	#imagen h2{font-size: 20px; margin-top: -80px; margin-left: 0; text-align: center; display: block; position: relative; font-weight: bold;}
	h1{font-size: 30px; line-height: 40px;}
	section .duos-foto{padding-top: 0;}
	.naranja .container { padding: 30px 0 10px 0;}
	.naranja h2 { font-weight: 400; font-size: 20px;}
	.duo{text-align: center;}
	.duo h2{font-size: 26px;}
	.duo h3 {
    margin-bottom: 15px; font-size: 22px; line-height: 35px;}
	.duo .dcho{ margin-top: 30px;}
	.duo .logos{ max-width: 500px; margin: 0 auto;}
	.duo .izdo ul, .duo .dcho ul{list-style-type: none; margin-left: 0;}
	.duo .izdo ul li, .duo .dcho ul li{margin-left: 0;}
	.duo .logos{margin-top: 60px;}
	.frase{font-size: 26px;}
	.marca h3{width: 100%;}
	.destacado{width: 100%;}
	.financiacion{height: 80px;}
	.financiacion .neg{display: block; margin: 0 auto 40px auto; position: relative;}
	.subvenciones .subvencion { width: 78%; padding: 5%;}
	.preguntas { padding: 40px 20px;}
	.infooter .botones a { display: block; padding: 7px 15px;}
	.duos-foto .dcho .subvencion img { width: 200px;}
}

@media only screen 
and (min-width : 651px)
and (max-width : 999px) {
	.movil, .pantalla{ display: none;}
	.container { width: 100%; margin: 0 auto; text-align: center;}
	.todo {	margin: 0 40px;}
	#cabecera .todo{margin: 0;}
	#logo{	width: 300px; margin: 80px auto 30px auto}
	#menu{	width: 100%; max-width: 620px; margin: 0 auto; }
	#menu ul li a{font-size: 19px}
	#menu ul li{ float: left; width: 20%;}
	#menu ul .inicio{width: 13%;}
	#menu ul .gas{width: 31%;}
	#menu ul .gasoil{width: 36%;}
	.imagen-texto{margin-bottom: 80px;}
	#imagen h2{font-size: 26px; margin-top: -70px; margin-left: 0; text-align: center; display: block; position: relative;}
	h1{font-size: 30px; line-height: 40px;}
	section .duos-foto{padding-top: 0;}
	.duo{text-align: center;}
	.duo h2{font-size: 26px;}
	.duo .dcho{ margin-top: 30px;}
	.duo .logos{ max-width: 500px; margin: 0 auto;}
	.duo .izdo ul, .duo .dcho ul{list-style-type: none; margin-left: 0;}
	.duo .izdo ul li, .duo .dcho ul li{margin-left: 0;}
	.frase{font-size: 32px;}
	.marca h3{width: 100%;}
	.destacado{width: 100%;}
}
@media only screen 
and (min-width : 1000px){ 
	.movil, .tablet{ display: none;}
	.container { width: 84%; margin: 0 auto;}
	.todo {	margin: 0 50px;}
	#menu ul li{ float: left; width: 20%;}
	#menu ul .inicio{width: 13%;}
	#menu ul .gas{width: 31%;}
	#menu ul .gasoil{width: 36%;}
	#imagen{margin-bottom: 80px;}
	#imagen h2{font-size: 36px; margin-top: -100px; margin-left: 0; text-align: center; display: block; position: relative;}
	.duo .izdo{width: 47%; float: left;}
	.duo .dcho{width: 47%; float: right;}
	.duo .logos{ max-width: 500px; margin: 0 auto;}
	.marca h3{width: 90%;}
	}
@media only screen 
and (min-width : 1000px)
and (max-width : 1299px) {
	.container .todo {	margin: 0;}
	#logo{	width: 300px; margin: 60px auto 30px auto}
	#menu{	width: 650px; margin: 0 auto; font-size: 0.8em;}
	.soluciones .destacado{width: 210%; margin-top: 40px;}
}	
@media only screen 
and (min-width : 1200px){ 
	.movil, .tablet{ display: none;}
	.container { width: 84%; margin: 0 auto;}
	.todo {	margin: 0 50px;}
	#logo{	width: 300px; float: left; margin: 20px 0 5px 0;}
	#menu{	width: 650px; float: right; font-size: 0.8em; margin-top: 12px;}
	#menu ul li{ float: left; width: 20%;}
	#menu ul .inicio{width: 13%;}
	#menu ul .gas{width: 31%;}
	#menu ul .gasoil{width: 36%;}
	#imagen h2{font-size: 46px;}
	.duo .logos{ max-width: 500px; margin: 0 auto;}
	.marca h3{width: 90%;}
	.naranja h2{font-size: 40px;}
	.dos-calderas h3 a{font-size: 30px;}
.dos-calderas h3 a span{font-size: 46px; line-height: 55px; }}