/* 
ESTILO PARTICULAR DE UNA PÁGINA WEB

Debe existir una hoja de estilos por cada página web que necesite una modificación especifica en los estilos

*/

.cabecera{background-image: url(../img/images/encabezado_02.jpg);
background-repeat:no-repeat;
width:761px;
height:146px;
margin-left:-3px;
clear:both;
}

.logo h2{padding:0px;
margin:0px;
}

.logo h2 a{width:186px;
height:100px;
display:block;
padding:0px;
margin:0px;
text-decoration:none;
}
logo h2 a span{visibility:hidden;}

.botonera{background-image: url(../img/images/menu_05.jpg);
background-repeat: no-repeat;
height:41px;
width:761px;
clear:both;
margin-left:-3px;

}


.col_a{
float:left;
height:500px;

}

.bienvenidos{ font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#016676;
font-weight:bold;
padding-top:20px;
}

.fotos{background-image:url(../img/images/sup_16.gif);
background-repeat:no-repeat;
width:296px;
height:103px;

clear:both;
}

.sebics{ float:left;
clear:both;
 font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#016676;
font-weight:bold;
text-align: justify;
padding-top:20px;

width:270px;
line-height:20px;}




.col_b{ float:left;
margin-top:32px;



}

.apartado{float:left;
width:396px;
height:30px;
background-image: url(../img/images/apartado_ventajas.jpg) ;
background-repeat:no-repeat;
margin-top:20px;
clear:both;
}

.tit{font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#016676;
font-weight:bold;
margin-top:10px;
margin-left:14px;
width:90px;
}

.calidad{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#016676;
font-weight:bold;
float:left;
clear:both;
width:180px;
height:100px;
padding-top:5px;

padding-left:18px;
}

.rayita{float:left;
background-color:#016676;
background-repeat:repeat-y;
width:1px;
height:90px;
margin-left:3px;
margin-right:3px;}

.ventajas{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#016676;
font-weight:bold;
float:left;
padding-top:5px;
width:194px;
height:100px;

padding-left:0px;
padding-right:0px;
}
.ventajas p{width:183px;}


.leer{float:left; 
background-image:url(../img/leer.jpg);
background-repeat:no-repeat;
width:83px;
height:25px;
clear:both;
margin-left:90px !important;
*margin-left:45px;
font-size:12px;
margin-top:4px;
padding-top:6px !important;
padding-top:7px;
}

.leer a{
text-decoration:none;
margin-left:11px;
color:#016676;

}

.leer a:hover{color: #009999;}




.pregun{float:left;

font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#016676;
font-weight:bold;
width:265px;
margin:0px;
margin-top:0px;
padding-left:20px;

}

.tit_b{font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#016676;
font-weight:bold;
margin-top:13px;
margin-left:18px;
}


.pie{

background-image: url(../img/pie.gif);
background-repeat:no-repeat;
width:761px ;

height:31px;
margin-left:-3px;
float:left;



}

.graficos{ float:left;
margin-top:20px;}


.foto_grafica{
background-image:url(../img/images/graficaahorro.jpg);
width:141px;
height:111px;
background-repeat:no-repeat;
float:left;
}

ul{ padding:0px;
line-height:16px;}
li{ list-style-image: url(../img/images/triangulito.jpg);
margin-bottom:9px;
}

.contenido{ clear:none;
float:left;
width:240px;
margin:0px;
padding:0px;
margin-left:25px;}


.foto_grafica2{
background-image: url(../img/images/graficaelimina_10.jpg) ;
width:141px;
height:111px;
background-repeat:no-repeat;
float:left;
}

.foto_grafica3{
background-image: url(../img/images/graficapotencia_12.jpg) ;
width:141px;
height:111px;
background-repeat:no-repeat;
float:left;
}

.lib{ list-style-image: url(../img/images/flechita-larga.jpg);}

.ulb{
margin-left:20px!important;
*margin-left:20px!important;
*margin-left:10px;
margin-top:10px;
}

.ulb li{ list-style-image:url(../img/images/flechita-larga.jpg)}
.cabecera {
background-image: url(../img/cab_ventajas.jpg);
background-repeat:no-repeat;
width:761px;
height:146px;
margin-left:1px;
clear:both;
}