/* CSS Document - CAIXA SERVIÇOS HOMEPAGE PPT, MARÇO 2010 */
html, body, table, th, tr, td, p, img, hr, ul, li, h1, h2, h3, h4, h5, div, form, fieldset, ul, ol, li {padding:0; margin:0; border:none; list-style:none;}

/* CAIXA SERVIÇOS GERAL */
.CS-GERAL {width:300px; overflow:hidden; margin-top:11px}

.CS-GERAL li {
display:block;
float:left;
height:72px;
margin-right:12px;
margin-top:5px;
width:50px;
}

.CS-GERAL LI a {display:block; width:50px; height:50px; background:#333333 no-repeat left top;}
.CS-GERAL LI.no-margin {margin-right:0px;}

.CS-GERAL B { font-weight:normal; display:block; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#3e3e3e;}

/* REDES */
.CS-GERAL LI.twitter a { background-image:url(../images/twitter-off.gif);}
.CS-GERAL LI.twitter a:hover { background-image:url(img/twitter-on.gif);}
.CS-GERAL LI.facebook a { background-image:url(img/facebook-off.gif);}
.CS-GERAL LI.facebook a:hover { background-image:url(img/facebook-on.gif);}
.CS-GERAL LI.youtube a { background-image:url(img/youtube-off.gif);}
.CS-GERAL LI.youtube a:hover { background-image:url(img/youtube-on.gif);}

/* FORMATOS */
.CS-GERAL LI.movel a { background-image:url(img/movel-off.gif);}
.CS-GERAL LI.movel a:hover { background-image:url(img/movel-on.gif);}
.CS-GERAL LI.iPhone a { background-image:url(img/iPhone-off.gif);}
.CS-GERAL LI.iPhone a:hover { background-image:url(img/iPhone-on.gif);}
.CS-GERAL LI.kindle a { background-image:url(img/kindle-off.gif);}
.CS-GERAL LI.kindle a:hover { background-image:url(img/kindle-on.gif);}
.CS-GERAL LI.PDF a { background-image:url(img/PDF-off.gif);}
.CS-GERAL LI.PDF a:hover { background-image:url(img/PDF-on.gif);}
.CS-GERAL LI.RSS a { background-image:url(img/RSS-off.gif);}
.CS-GERAL LI.RSS a:hover { background-image:url(img/RSS-on.gif);}
.CS-GERAL LI.cegos a { background-image:url(img/cegos-off.gif);}
.CS-GERAL LI.cegos a:hover { background-image:url(img/cegos-on.gif);}

/* ÚTEIS */
.CS-GERAL LI.lazer a { background-image:url(img/lazer-off.gif);}
.CS-GERAL LI.lazer a:hover { background-image:url(img/lazer-on.gif);}
.CS-GERAL LI.tv a { background-image:url(img/tv-off.gif);}
.CS-GERAL LI.tv a:hover { background-image:url(img/tv-on.gif);}
.CS-GERAL LI.cinema a { background-image:url(img/cinema-off.gif);}
.CS-GERAL LI.cinema a:hover { background-image:url(img/cinema-on.gif);}
.CS-GERAL LI.meteo a { background-image:url(img/meteo-off.gif);}
.CS-GERAL LI.meteo a:hover { background-image:url(img/meteo-on.gif);}
.CS-GERAL LI.hotspots a { background-image:url(img/hotspots-off.gif);}
.CS-GERAL LI.hotspots a:hover { background-image:url(img/hotspots-on.gif);}

/* SERVIÇOS */
.CS-GERAL LI.loja a { background-image:url(img/loja-off.gif);}
.CS-GERAL LI.loja a:hover { background-image:url(img/loja-on.gif);}
.CS-GERAL LI.assinatura a { background-image:url(img/assinatura-off.gif);}
.CS-GERAL LI.assinatura a:hover { background-image:url(img/assinatura-on.gif);}
.CS-GERAL LI.anuncios a { background-image:url(img/anuncios-off.gif);}
.CS-GERAL LI.anuncios a:hover { background-image:url(img/anuncios-on.gif);}

/* PUBLICIDADE */
.CS-PUB {width:300px; overflow:hidden; margin-top:8px; display:block; border-bottom:1px dotted #666}
.CS-PUB LI {display:block; width:50px; height:50px; margin:8px 12px 10px 0px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#3e3e3e;}
.CS-PUB LI.no-margin {margin-right:0px;}