/** CSS:  Allglass - Todocristal  ***/


/** index ***/

body{background:url(../promocion_otoņo/bg_promocion.jpg) repeat-x; color:#333333; font:normal  12px Arial, Helvetica, sans-serif; }

#top{
width:914px;
height:170px;
margin:auto;
text-align:center;
display:block;
clear:both;
}
#center{
width:914px;
display:block;
overflow: hidden;
clear:both;
height:100%;
margin:0 auto;
background:transparent
}
#content{

padding:0px;
margin: 0 auto;
}
/*cabecera*************************************************/
div#wrapper{width:914px;
margin: 0 auto;
display:block;
clear:both;
overflow:hidden;}

#top h2 span{
color:#FF3366;
float:left;
text-indent:-1000px;
}

h2{ width:914px; height:33px;background:url(../promocion_otoņo/h1.gif) no-repeat center top; margin:0; overflow:hidden}
.logo{ width:140px; height:134px; margin:0 auto;background:url(../img_promo/todocristal_logo.jpg)no-repeat left bottom;}



/*bloques contenidos ***********************************************/
.azul{ color:#0066CC;}
.azul_g{ color:#0066CC; font-size:18px;}
.azul_marca{ background:url(../promocion_otoņo/topo_azul.gif) no-repeat left top; padding-left:15px;}

p.uno{ background:url(../promocion_otoņo/1.gif) no-repeat left top; padding:5px 0px 0px 50px;}
p.dos{ float:left;clear:both;background:url(../promocion_otoņo/2.gif) no-repeat left top; margin-top:30px;padding:5px 0px 0px 50px;}
p.home{ float:center;clear:both;margin-left:426px;}
a.home{ float:center;clear:both;background:url(../images/home_allglass.png)no-repeat center top; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;}
p.quitar{margin: -30px 0px 0px 222px;}
.quitar strong{ color:#0066CC; font-weight:bold}

p.dos a{color:#0066CC;}
p.legal{width:914px; margin:0 auto; color:#666666; padding-top:15px;font-size:10px; display:block; clear:both;background:url(../promocion_otoņo/pie.gif) no-repeat center top;}

.promocion{width:241px; float:left; margin-left: 45px;}
a.head_promo{ float:left; clear:both;width:241px; height:69px; text-indent:-4000px;}
	a.head_promo.ahorro{ background:url(../promocion_otoņo/promo_comunidad.jpg);}
	a.head_promo.renove{ background:url(../promocion_otoņo/color_gratis.jpg)}
	a.head_promo.eco{ background:url(../promocion_otoņo/promo_ecologico.jpg)}

.content_promo{ float:left;background:url(../promocion_otoņo/bg_caja_promo.jpg) no-repeat; padding:0px 17px 0px 52px;}

.promocion strong{ color:#0066CC; font-weight:bold}
.promocion ul{ margin:0; padding:0;}
.promocion ul li{ margin:0; padding:0;  display:block;  background:url(../promocion_otoņo/topo_azul.gif) no-repeat left top; padding-left:15px;}

.promocion_verano{width:241px; float:left; margin-left: 130px;}
.promocion_verano strong{ color:#0066CC; font-weight:bold}
.promocion_verano ul{ margin:0; padding:0;}
.promocion_verano ul li{ margin:0; padding:0;  display:block;  background:url(../promocion_otoņo/topo_azul.gif) no-repeat left top; padding-left:15px;}



a.promo{ position: absolute; top: 623px; float:left; margin-top:20px; margin-left:30px;background:url(../promocion_otoņo/topo_amarillo.gif) no-repeat right top; padding:0px 25px 10px 0px; color:#FF9900; font-weight:bold}
a.promo:hover{ text-decoration:none;}

/*footer************************************************/
#footer{
display:block;
overflow: hidden;
clear:both;
height:100%;
margin:auto;
background:#008CCC url(../images/bg_footer1.jpg) repeat-x
}
.footer_content{
width:915px;
display:block;
clear:both;
margin: auto;
padding:44px 0px 60px 15px;
vertical-align:middle;
background:url(../images/bg_footer_contenido.jpg) repeat-x}

.footer_content img{float:left}

.hcard{ float:left; margin-top:10px; margin-left:262px;}
.hcard .addr,.hcard .email{display:none}
#legal-menu{ float:left;margin-top:10px;}
p.footer{ display:block; clear:both; width:780px; margin:10px auto 0px auto; color:#CCCCCC; font-size:10px; text-align: justify;}
p.w3c_logo{ margin-left:375px;}
p.css_logo{ margin-left:465px; margin-top: -17px;}
p.ce_logo{margin-left: 330px; margin-top: 8px; }

/*footer*/
#footer{
	color:#FFFFFF;
	font-size:11px;
background-color:#008CCC;
height:1%
}
#footer #legal-menu li a, #footer .email a {
	font:normal 11px Arial, Verdana, sans-serif;
	color:#FFFFFF;
}

.footer_content img{float:left}

.hcard{ float:left; margin-top:10px; margin-left:10px;}
.hcard .addr,.hcard .email{display:none}
#legal-menu{ float:left;margin-top:10px;}
p.footer{ display:block; clear:both; width:860px; margin:0 auto; color:#CCCCCC; font-size:10px;}