@charset "iso-8859-1";

* {
margin:0;
padding:0;
}

img {
margin:0;
padding:0;
}
.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
 }

.clearfix {
        display: inline-block;
 }

/* start commented backslash hack \*/

* html .clearfix {
        height: 1%;
 }

.clearfix {
        display: block;
}


body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000000;
}
.cuerpo #container {
	width: 764px;
	background: #FFFFFF;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	border: 5px solid #000000;
	text-align: left; /* esto anula text-align: center en el elemento body. */
    position: relative;
}

/* header */
.cuerpo #header {
background:transparent url(images/encabezado1.jpg) no-repeat scroll 0 0;
height:210px;
padding:0 10px 0 20px;
}
#idioma ul li a:hover {
text-decoration:underline;
}
#idioma ul li a, #idioma ul li {
font-size:11px;
font-weight:bold;
color:#eee;
text-decoration:none;
}
#idioma li {
list-style-position:inside;
}
#idioma ul {
list-style-type:square;
}
#idioma {
background:#EF8C26 none repeat scroll 0 0;
border:1px dotted #EEEEEE;
left:321px;
padding:2px 5px;
position:absolute;
top:43px;
}
#texto_cabecera1 {
color:#FFFFFF;
font-size:15px;
font-weight:bold;
left:34px;
position:absolute;
top:6px;
}
#texto_cabecera2 {
left:21px;
position:absolute;
top:47px;
}
#texto_cabecera2 li {
font-size:14px;
font-weight:bold;
line-height:19px;
list-style-position:inside;
}


#texto_cabecera3 {
left:489px;
position:absolute;
top:88px;

}
#texto_cabecera3 p {
    text-align: center;
    font-weight: bold;
    line-height: 18px;
}

.cuerpo #header h1 {
	margin: 0;
	padding: 10px 0;
}

/* contenido izquierda */

.cuerpo #sidebar1 {
float:left;
padding:15px 10px 0 18px;
width:200px;
margin: 0;
}
.cuerpo #sidebar1 {display:inline;}

.cuerpo #sidebar1 p, .cuerpo #sidebar1 ul, .cuerpo #sidebar1 img  {
  padding: 6px 0;
}

.cuerpo #sidebar1 ul li {
  list-style-position: inside;
  padding: 2px 0;
}


.cuerpo #sidebar1 h3 {
font-size:10px;
padding:5px 0;
color: #000070;
}
.cuerpo #sidebar1 h2 {
font-size:14px;
padding:5px 0;
color: #000070;
font-weight: bold;
}

/* contenido principal  */
.cuerpo #mainContent {
	margin: 0 0 0 0;
 padding:15px 10px 15px 20px;
	width: 500px;
    font-size:14px;
    border-left:1px solid #c5c5c5;
    float: left;
}
.cuerpo #footer {
	padding: 0 10px 0 20px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
	background:#DDDDDD;
}
.cuerpo #footer p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.cuerpo #container #menu {
background:transparent url(images/menu.jpg) no-repeat scroll 0 0;
height:44px;
}
.cuerpo #container #mainContent h1 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
    padding: 0 0 10px 0;
}
/* MENU */

#menu_arr {
background-color:#000000;
background-repeat: no-repeat;
float:right;
height:33px;
width:764px;
margin-bottom: 10px;
border-top: 3px #f5901c solid;
}

#menu_arr .menulinks a img {
  vertical-align: middle;
  margin-bottom: 2px;
}

#menu_arr .menulinks li a, #menu_arr .menulinks li {
	color:#eee;
	font-size: 15px;
 	text-decoration:none;
	font-family: arial;
	font-weight: bold;
}

#menu_arr li {
  display: inline;
}

#menu_arr li.menu_it_1 a,
#menu_arr li.menu_home_1 a,
#menu_arr li.menu_home_1
{
border-left:none;
padding:6px 26px;
height: 20px;
float: left;
}

#menu_arr li.menu_it_1 a,
#menu_arr li.menu_home_1,
#menu_arr li.menu_it a,
#menu_arr li.menu_home,
#menu_arr li.menu_home_n a {
border-left:1px solid #777;
padding:6px 26px;
height: 20px;
float: left;
}
#menu_arr li.menu_it_1 a,
#menu_arr li.menu_home_1 a,
#menu_arr li.menu_home_1
{
border-left:none;
}

/* padding:6px 14px*/


#menu_arr li a:hover,
#menu_arr li.menu_it a:hover, #menu_arr li.menu_it a:active, #menu_arr li a:active {
background: #fff;
color:#f5901c;
padding:7px 26px;
}
/* padding:7px 14px */

#menu_arr li.menu_home_1 a:active,
#menu_arr li.menu_home a:active,
#menu_arr li.menu_home a:hover, #menu_arr li.menu_home_n a:hover, #menu_arr li.menu_home_n a:active {
padding:6px 26px;
height: 22px;
}
 /* padding:6px 14px; */

#menu_arr li.menu_home_n a {
 padding:6px 11px;
}
#menu_arr li.menu_home_n a:hover, #menu_arr li.menu_home_n a:active  {
 padding:6px 11px 6px 14px;
}

#menu_arr li.menu_home, #menu_arr li.menu_home_1 a, #menu_arr li.menu_home_1 {
color:#f5901c;
background: #fff;
height: 22px;
}

#menu_arr li.menu_home_1 {
}


#menu_arr li a:active {
background: #fff;
color:#f5901c;
padding:7px 26px;
}

#menu_arr img {
margin:0;
padding:0;
}

#menu_arr ul {
/* margin: 0 0 0 42px  */
}
.tipo_descalcificacion {display:inline;}
.tipo_descalcificacion p {
font-size:11px;
padding: 7px 0;
}
.tipo_caldera img, .tipo_descalcificacion img {
padding: 5px;
}
.grid_calderas .ficha_caldera {
float:left;
width:250px;
padding:10px 0;
height:200px;
}
.grid_calderas .ficha_caldera2 {
float:left;
width:250px;
padding:10px 0;
height:240px;
}
.grid_calderas .ficha_caldera3 {
float:left;
width:250px;
padding:10px 0;
height:280px;
}
.ficha_caldera p, .ficha_caldera2 p, .ficha_caldera3 p  {
  padding: 0 5px;
  font-size: 11px;
}
.ficha_caldera img, .ficha_caldera2 img, .ficha_caldera3 img {
float:left;
padding: 0 4px;
}
.descripcion_caldera img {
  padding-right: 8px;
}


.descripcion_caldera p  {
font-size:12px;
  padding: 10px 0;
}

.resaltado, .tipo_descalcificacion p.resaltado  {
text-align: center;
font-size: 16px;
font-weight: bold;
padding-top: 20px;
color: red;
clear:both;
}

p.precio {
  color: red;
  font-weight: bold;
  padding: 5px 0;
  font-size: 12px;
  line-height:130%;
}
.grid_calderas {
	padding: 15px 0;
	}
.grid_calderas_arr img {
  padding: 5px 15px;
}
.grid_calderas_abj{
padding:3px 24px;
}
.grid_calderas_abj2{
padding:3px 0;
}
.grid_calderas_aire1 img {
  vertical-align: bottom;
float:left;
}
.grid_calderas_aire1 p{
font-size: 11px;
}
.grid_calderas_aire1 
{
padding:3px 0;
border-bottom: 5px solid #f38f1e;
}
.der,
.grid_calderas_aire1 .der,
 .2_tercios_der {
  float: right;
  width: 49%;
  font-size: 16px;
  color: #800000;
  padding: 10px 0;
line-height:22px;
}

.2_tercios_der {

}
.izq {
  float:left;
  width: 48%;
}
.grid_calderas_aire1 .der2 {
width:240px;
}

.grid_calderas_aire1 .izq {
  float:left;
  width: 180px;
}
.der2 {
  float: right;
  width: 48%;
  font-size: 11px;
  padding: 5px;
}

em.cel {
color:#585A94;
}
.contenido_pag5 ul  {
padding-top:4px;
}
.contenido_pag5 ul li {
list-style-position:inside;
font-weight:bold;
}
.contenido_pag5 h4  {
font-size:22px;
color:#333;
line-height:100%;
}
.contenido_pag5 h3, .contenido_pag5 img  {
margin-top:7px;
font-size:23px;
padding-bottom:6px;
}
.contenido_pag5 {
font-size: 20px;
color:#D3005D;
line-height:150%;
padding: 5px 0;
}

#mainContent h2 {
	font-size: 18px;
    padding: 10px 5px;
    background:url(images/fd_h2.jpg) 0 repeat-x scroll;
    color: #fff;
}

#pie {
width: 100%;
float:left;
background: #f3f3f3;
border-top: 4px #eee solid;
margin-bottom:15px;
text-align:center;
}
.tel {
font-size:18px;
}