@import url(reset.css);


/* 1.__________ LAYOUT */
html, body, div {font-size:12px; line-height:12pt; font-family:Arial, Helvetica, sans-serif; color:#808080;}
body {background:url(../img/home/bg.jpg) no-repeat center top;}
a, a:hover {text-decoration:none;}



/* 2.__________ HOME */
#home {width:770px; margin:auto; margin-top:10px}
#home h1.title {width:175px; height:20px; margin:11px 0 0 412px; text-align:center; text-indent:-10000px;}
#home a {font-weight:bold; text-transform:lowercase;}
#home .logo {width:311px; height:104px; margin:20px auto;}

/* VAREJO */
#home .varejo {float:left; background:url(../img/home/varejo.jpg) no-repeat left; width:204px; height:125px; margin:40px 0 0 20px; _margin:40px 0 0 10px; padding:0 0 0 166px;}
#home .varejo h1 {background:url(../img/home/h1Varejo.gif) no-repeat; width:86px; height:18px; margin:0 0 13px 0; text-indent:-10000px;}
#home .varejo a {color:#FBA700;}
#home .varejo a:hover {color:#808080;}

/* EMPRESAS */
#home .empresas {float:right; background:url(../img/home/empresas.jpg) no-repeat left; width:204px; height:125px; margin:40px 0 0 0; padding:0 0 0 166px;}
#home .empresas h1 {background:url(../img/home/h1Empresas.gif) no-repeat; width:125px; height:18px; margin:0 0 13px 0; text-indent:-10000px;}
#home .empresas a {color:#A62B1C;}
#home .empresas a:hover {color:#808080;}