@charset "utf-8";
/* CSS Document */

#contenedor {
	height: 5570px;
	width: 1350px;
	margin: auto;
	padding: 0px;
}

#cabecera {
	float: left;
	height: 755px;
	width: 1350px;
}
#menu {
	float: left;
	height: 110px;
	width: 1350px;
	background-color: #FFF;
}
#logo_cec {
	float: left;
	height: 95px;
	width: 145px;
	background-image: url(imagenes/logo_calentadores.png);
}
#menu_nombre_empresa {
	float: left;
	height: 52px;
	width: 1180px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#nombre_empresa {
	float: left;
	height: 34px;
	width: 680px;
	font-family: Verdana;
	font-size: 32px;
	font-weight: bolder;
	color: #333;
	text-align: center;
	margin-top: 4px;
}
#logo_telefono {
	float: right;
	height: 45px;
	width: 45px;
	background-image: url(imagenes/logo_telefono.png);
}
#telefono {
	float: right;
	height: 40px;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bolder;
	text-align: right;
	margin-top: 5px;
}
#logo_whatsapp {
	float: right;
	height: 45px;
	width: 45px;
}
#telefono_whatsapp {
	float: right;
	height: 40px;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bolder;
	text-align: right;
}
#menu_principal {
	float: left;
	height: 45px;
	width: 1140px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-left: 40px;
}
#inicio {
	float: left;
	height: 45px;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	text-align: center;
}
#servicios {
	float: left;
	height: 45px;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	text-align: center;
	margin-left: 20px;
}
#calentadores {
	float: left;
	height: 45px;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	text-align: center;
	margin-left: 20px;
}
#contactenos {
	float: left;
	height: 45px;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	text-align: center;
	margin-left: 20px;
}
#slider {
	float: left;
	height: 640px;
	width: 1350px;
	background-image: url(imagenes/slider3.jpg);
}
#contenido {
	float: left;
	height: 3805px;
	width: 1350px;
	background-color: #FFF;
}


#venta_calentadores {
	float: left;
	height: 730px;
	width: 1350px;
}
#titulo_venta_calentadores {
	float: left;
	height: 130px;
	width: 1350px;
}
.titulo_venta {
	font-family: Verdana;
	font-size: 36px;
	font-weight: bold;
	color: #000;
	text-align: center;
	float: left;
	height: 40px;
	width: 1350px;
	margin-top: 50px;
}

#calentador_oka {
	float: left;
	height: 400px;
	width: 665px;
	background-image: url(imagenes/calentadores_oka.jpg);
}
#texto_oka {
	float: left;
	height: 190px;
	width: 665px;
	background-color: #FFF;
}
.titulo_oka {
	font-family: Verdana;
	font-size: 36px;
	font-weight: bold;
	color: #666;
	float: left;
	height: 60px;
	width: 500px;
	margin-left: 100px;
	margin-top: 20px;
}
.contenido_oka {
	font-family: Verdana;
	font-size: 14px;
	color: #666;
	float: left;
	height: 70px;
	width: 500px;
	margin-left: 100px;
	text-align: justify;
	margin-top: 20px;
}



#calentador_bosh {
	float: left;
	height: 400px;
	width: 665px;
	margin-left: 20px;
	background-image: url(imagenes/calentadores_bosh.jpg);
}


#texto_bosh {
	float: left;
	height: 190px;
	width: 665px;
	margin-left: 20px;
	background-color: #FFF;
}
.titulo_bosh {
	font-family: Verdana;
	font-size: 36px;
	font-weight: bold;
	color: #666;
	float: left;
	height: 60px;
	width: 500px;
	margin-top: 20px;
	margin-left: 65px;
}
.contenido_bosh {
	font-family: Verdana;
	font-size: 14px;
	color: #666;
	text-align: justify;
	float: left;
	height: 70px;
	width: 500px;
	margin-top: 20px;
	margin-left: 65px;
}

#galeria_calentadores {
	float: left;
	height: 1070px;
	width: 1350px;
}
#titulo_galeria {
	float: left;
	height: 130px;
	width: 1350px;
}
.uso_domestico_calentadores {
	font-family: Verdana;
	font-size: 38px;
	font-weight: bold;
	color: #000;
	height: 60px;
	width: 1350px;
	margin-top: 40px;
	text-align: center;
}

#imagen01_calentador {
	float: left;
	height: 405px;
	width: 565px;
	margin-left: 100px;
	background-image: url(imagenes/imagen01_calentador.jpg);
}
#imagen02_calentador {
	float: left;
	height: 405px;
	width: 565px;
	margin-left: 20px;
	background-image: url(imagenes/imagen02_calentador.jpg);
}
#imagen03_calentador {
	float: left;
	height: 405px;
	width: 565px;
	margin-left: 100px;
	margin-top: 20px;
	background-image: url(imagenes/imagen03_calentador.jpg);
}
#imagen04_calentador {
	float: left;
	height: 405px;
	width: 565px;
	margin-top: 20px;
	margin-left: 20px;
	background-image: url(imagenes/imagen04_calentadores.jpg);
}

#espacio_calentador {
	float: left;
	height: 100px;
	width: 1350px;
}
.calentadores_familia {
	font-family: Verdana;
	font-size: 36px;
	font-weight: bold;
	color: #333;
	float: left;
	height: 40px;
	width: 1200px;
	margin-top: 40px;
	margin-left: 100px;
}

#imagen_panoramica {
	float: left;
	height: 900px;
	width: 1350px;
	background-image: url(imagenes/imagen_panoramica3.jpg);
}
#tipos_calentadores {
	float: left;
	height: 1100px;
	width: 1350px;
}

#titulo_tipos_calentadores {
	float: left;
	height: 185px;
	width: 1350px;
}
.titulo_tipo_calentador {
	font-family: Verdana;
	font-size: 36px;
	font-weight: bold;
	color: #000;
	float: left;
	height: 40px;
	width: 1200px;
	margin-top: 110px;
	margin-left: 100px;
}
#calentador_acumulacion_paso_gas {
	float: left;
	height: 560px;
	width: 752px;
	margin-left: 100px;
}
#calentador_acumulacion_gas {
	float: left;
	height: 270px;
	width: 752px;
	background-color: #f0f0f0;
}
.titulo_acumulacion {
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	float: left;
	height: 50px;
	width: 300px;
	margin-top: 60px;
	margin-left: 25px;
}
.contenido_acumulacion {
	font-family: Verdana;
	font-size: 12px;
	color: #999;
	float: left;
	height: 80px;
	width: 300px;
	margin-left: 25px;
	margin-top: 30px;
	text-align: justify;
}


#imagen_acumulacion {
	float: left;
	height: 270px;
	width: 400px;
	background-image: url(imagenes/imagen_calentadores_acumulacion.jpg);
}
#calentador_paso_gas {
	float: left;
	height: 270px;
	width: 752px;
	margin-top: 10px;
	background-color: #f0f0f0;
}
#imagen_paso {
	float: right;
	height: 270px;
	width: 400px;
	background-image: url(imagenes/imagen_calentadores_paso.jpg);
}
.titulo_paso_gas {
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	float: left;
	height: 30px;
	width: 300px;
	margin-top: 40px;
	margin-left: 35px;
}
.contenido_paso_gas {
	font-family: Verdana;
	font-size: 12px;
	color: #999;
	float: left;
	height: 120px;
	width: 280px;
	margin-top: 20px;
	margin-left: 35px;
	text-align: justify;
}






#calentador_tiro_forzado {
	float: left;
	height: 550px;
	width: 378px;
	margin-left: 10px;
	background-color: #f0f0f0;
}
#imagen_tiro_forzado {
	float: left;
	height: 270px;
	width: 378px;
	background-image: url(imagenes/imagen_calentadores_tiro_forzado.jpg);
}
.titulo_tiro_forzado {
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	float: left;
	height: 50px;
	width: 300px;
	margin-top: 50px;
	margin-left: 40px;
}
.contenido_tiro_forzado {
	font-family: Verdana;
	font-size: 12px;
	color: #999;
	float: left;
	height: 130px;
	width: 300px;
	margin-top: 20px;
	margin-left: 40px;
	text-align: justify;
}



#contenido_tipos_calentador {
	float: left;
	height: 280px;
	width: 1350px;
}

.conoce_servicios {
	font-family: Verdana;
	font-size: 36px;
	font-weight: bold;
	color: #000;
	text-align: center;
	float: left;
	height: 45px;
	width: 1350px;
	margin-top: 70px;
}
#imagenes_servicios {
	float: left;
	height: 125px;
	width: 1350px;
	margin-top: 30px;
}
#servicios_calentadores_01 {
	float: left;
	height: 125px;
	width: 195px;
	margin-left: 165px;
	background-image: url(imagenes/imagen01_servicios.jpg);
}
#servicios_calentadores_02 {
	float: left;
	height: 125px;
	width: 195px;
	margin-left: 10px;
	background-image: url(imagenes/imagen02_servicios.jpg);
}
#servicios_calentadores_03 {
	float: left;
	height: 125px;
	width: 195px;
	margin-left: 10px;
	background-image: url(imagenes/imagen03_servicios.jpg);
}
#servicios_calentadores_04 {
	float: left;
	height: 125px;
	width: 195px;
	margin-left: 10px;
	background-image: url(imagenes/imagen04_servicios.jpg);
}
#servicios_calentadores_05 {
	float: left;
	height: 125px;
	width: 195px;
	margin-left: 10px;
	background-image: url(imagenes/imagen05_servicios.jpg);
}




















#pie {
	float: left;
	height: 1010px;
	width: 1350px;
}
#info_soporte {
	float: left;
	height: 400px;
	width: 1350px;
	background-color: #CCC;
}
#soporte_servicios {
	float: left;
	height: 100px;
	width: 1350px;
}
.soporte_servicio_calentadores {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #333;
	float: left;
	height: 34px;
	width: 1350px;
	text-align: center;
	margin-top: 20px;
}
.necesitas_ayuda {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: lighter;
	color: #666;
	float: left;
	height: 20px;
	width: 1350px;
	text-align: center;
	margin-top: 10px;
}
#email {
	float: left;
	height: 240px;
	width: 449px;
}
#logo_email {
	float: left;
	height: 70px;
	width: 449px;
	background-image: url(imagenes/logo_email_pie.png);
}
.titulo_email {
	float: left;
	height: 30px;
	width: 449px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	text-align: center;
	color: #333;
}
.texto_email {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #666;
	text-align: center;
	float: left;
	height: 20px;
	width: 449px;
	margin-top: 5px;
}
.texto_correos_email {
	font-family: Arial;
	font-size: 16px;
	font-weight: bolder;
	color: #666;
	float: left;
	height: 40px;
	width: 449px;
	text-align: center;
	margin-top: 10px;
}

.texto_email_02 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #666;
	text-align: center;
	height: 50px;
	width: 449px;
	float: left;
	margin-top: 10px;
}
#telefono_pie {
	float: left;
	height: 240px;
	width: 449px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666;
}
#logo_telefono_pie {
	float: left;
	height: 70px;
	width: 449px;
	background-image: url(imagenes/logo_telefono_pie.png);
}
.titulo_telefono {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #333;
	text-align: center;
	float: left;
	height: 30px;
	width: 449px;
}
.texto_telefono_01 {
	font-family: Arial;
	font-size: 18px;
	color: #666;
	text-align: center;
	float: left;
	height: 65px;
	width: 449px;
	margin-top: 5px;
	font-weight: bold;
}
.texto_telefono_02 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #666;
	text-align: center;
	float: left;
	height: 50px;
	width: 449px;
}
#chat_pie {
	float: left;
	height: 240px;
	width: 449px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666;
}
#logo_chat_pie {
	float: left;
	height: 70px;
	width: 449px;
}
.titulo_chat {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #333;
	text-align: center;
	float: left;
	height: 30px;
	width: 449px;
}
.texto_chat_01 {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	text-align: center;
	float: left;
	height: 65px;
	width: 449px;
	margin-top: 5px;
}
.texto_chat_02 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #666;
	text-align: center;
	float: left;
	height: 50px;
	width: 449px;
}
#marcas_calentadores {
	float: left;
	height: 80px;
	width: 1350px;
	background-color: #FFFFFF;
}
#marca_01 {
	float: left;
	height: 80px;
	width: 114px;
	background-image: url(imagenes/marca_abba.jpg);
}
#marca_02 {
	float: left;
	height: 80px;
	width: 114px;
	background-image: url(imagenes/marca_bosh.jpg);
}
#marca_03 {
	float: left;
	height: 80px;
	width: 112px;
	background-image: url(imagenes/marca_challenger.jpg);
}
#marca_04 {
	float: left;
	height: 80px;
	width: 112px;
	background-image: url(imagenes/marca_cimsa.jpg);
}
#marca_05 {
	float: left;
	height: 80px;
	width: 112px;
	background-image: url(imagenes/marca_clasic.jpg);
}
#marca_06 {
	float: left;
	height: 80px;
	width: 112px;
	background-image: url(imagenes/marca_haceb.jpg);
}
#marca_07 {
	float: left;
	height: 80px;
	width: 112px;
	background-image: url(imagenes/marca_heatmaster.jpg);
}
#marca_08 {
	float: left;
	height: 80px;
	width: 112px;
	background-image: url(imagenes/marca_junkers.jpg);
}
#marca_09 {
	float: left;
	height: 80px;
	width: 112px;
	background-image: url(imagenes/marca_mabe.jpg);
}
#marca_10 {
	float: left;
	height: 80px;
	width: 112px;
	background-image: url(imagenes/marca_shimasu.jpg);
}
#marca_11 {
	float: left;
	height: 80px;
	width: 112px;
	background-image: url(imagenes/marca_smartec.jpg);
}
#marca_12 {
	float: left;
	height: 80px;
	width: 112px;
	background-image: url(imagenes/marca_sueco.jpg);
}
#pie_calentadores {
	float: left;
	height: 610px;
	width: 1350px;
	background-color: #555555;
}
#bloque_01_calentadores {
	float: left;
	height: 50px;
	width: 1350px;
}
#bloque_02_calentadores {
	float: left;
	height: 200px;
	width: 1150px;
	margin-left: 100px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}
.calentadores_estufas_cali {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 35px;
	color: #FFF;
	float: left;
	height: 60px;
	width: 1150px;
	text-align: center;
	margin-top: 30px;
	font-weight: lighter;
}
.aviso_raparacion_mantenimiento {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #999;
	width: 400px;
	height: 20px;
	float: left;
	margin-top: 15px;
	margin-left: 100px;
}
.slogan_pie {
	float: left;
	height: 30px;
	width: 550px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 19px;
	color: #999;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-left: 300px;
}
.telefonos_pie {
	height: 60px;
	width: 1150px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	color: #FFF;
	float: left;
	text-align: center;
	margin-top: 10px;
}

#bloque_03_calentadores {
	float: left;
	height: 180px;
	width: 1350px;
}
#menu_nosotros {
	float: left;
	height: 170px;
	width: 200px;
	margin-left: 230px;
}
.nosotros_pie {
	font-family: Arial;
	font-size: 16px;
	font-weight: bolder;
	color: #FFF;
	float: left;
	height: 20px;
	width: 200px;
	margin-top: 30px;
}
.quienes_somos_pie {
	font-family: Arial;
	font-size: 14px;
	color: #CCC;
	float: left;
	height: 20px;
	width: 200px;
	margin-top: 10px;
}
#menu_servicios {
	float: left;
	height: 170px;
	width: 200px;
}
.servicios_pie {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	float: left;
	height: 20px;
	width: 200px;
	margin-top: 30px;
}
.instalacion_pie {
	font-family: Arial;
	font-size: 14px;
	color: #CCC;
	float: left;
	height: 20px;
	width: 200px;
	margin-top: 10px;
}
.revision_pie {
	font-family: Arial;
	font-size: 14px;
	color: #CCC;
	float: left;
	height: 20px;
	width: 200px;
	margin-top: 5px;
}
.mantenimiento_pie {
	font-family: Arial;
	font-size: 14px;
	color: #CCC;
	float: left;
	height: 20px;
	width: 200px;
	margin-top: 5px;
}
.reparacion_pie {
	font-family: Arial;
	font-size: 14px;
	color: #CCC;
	float: left;
	height: 20px;
	width: 200px;
	margin-top: 5px;
}
#menu_calentadores {
	float: left;
	height: 170px;
	width: 200px;
}
.calentadores_pie {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	float: left;
	height: 20px;
	width: 200px;
	margin-top: 30px;
}
.acumulacion_pie {
	font-family: Arial;
	font-size: 14px;
	color: #CCC;
	float: left;
	height: 20px;
	width: 200px;
	margin-top: 10px;
}
.paso_gas_pie {
	font-family: Arial;
	font-size: 14px;
	color: #CCC;
	float: left;
	height: 20px;
	width: 200px;
	margin-top: 5px;
}
.tiro_forzado_pie {
	font-family: Arial;
	font-size: 14px;
	color: #CCC;
	float: left;
	height: 20px;
	width: 200px;
	margin-top: 5px;
}
#menu_contactenos {
	float: left;
	height: 170px;
	width: 200px;
}
.contactenos_pie {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	float: left;
	height: 20px;
	width: 200px;
	margin-top: 30px;
}
.contacto_pie {
	font-family: Arial;
	font-size: 14px;
	color: #CCC;
	float: left;
	height: 20px;
	width: 200px;
	margin-top: 10px;
}
#menu_siguenos {
	float: left;
	height: 170px;
	width: 200px;
}
.siguenos_pie {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	float: left;
	height: 20px;
	width: 200px;
	margin-top: 30px;
}
#siguenos_facebook {
	float: left;
	height: 60px;
	width: 50px;
	background-image: url(imagenes/logo_facebook.png);
}
#siguenos_twiter {
	float: left;
	height: 60px;
	width: 50px;
	background-image: url(imagenes/logo_twitter.png);
}
#siguenos_instagram {
	float: left;
	height: 60px;
	width: 50px;
	background-image: url(imagenes/logo_instagram.png);
}
#siguenos_youtube {
	float: left;
	height: 60px;
	width: 50px;
	background-image: url(imagenes/logo_youtube.png);
}

#bloque_04_pie {
	float: left;
	height: 90px;
	width: 1350px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}
.info_pie {
	font-family: Arial;
	font-size: 14px;
	color: #CCC;
	float: left;
	height: 60px;
	width: 1300px;
	margin-top: 10px;
	margin-left: 20px;
}
.info_pagina_pie {
	font-family: Arial;
	font-size: 11px;
	color: #FFF;
	height: 20px;
	width: 1310px;
	margin-left: 20px;
	text-align: right;
	float: left;
}