body {font-family: Arial; font-size:1.0em; margin:0; padding:0; text-align:center; background-color:#b3b5b8; /* hack para o IE */	}

html {width:100%; text-align:center; margin:0 auto;}

img {border:0;}

#geral {width:780px; text-align:left; margin:0 auto; background-color:#fff; height:auto;}

/* ----------   TOP   ---------- */
#top {position:relative; float:left; width:100%; background-color:#fff;}

#toplogo {position:relative; float:left; width:100%; height:142px; background-image:url(images/top.jpg); background-repeat:no-repeat;}
#logo {position:relative; float:left; padding-top:20px; padding-left:30px; height:142px;}

#buscar {float: right; margin-right:15px;}
#Busca{width:120px; border:none; margin-right:5px; margin-top:5px;}
#ok{ width:30px; margin-top:3px;}

#menu {position:relative; float:left; width:100%; height:26px; background-image:url(images/menu.jpg); background-repeat:no-repeat; margin:0 0 26px 0; font-size:0.8em; color:#fff; letter-spacing:1px;}
#menu ul {width:100%; margin:0; padding:5px 0 0 0;}
#menu li {float:left; margin:0; width:130px; text-align:center; list-style:none;}
#menu li a {color:#fff; text-decoration:none; }
#menu img {margin-right:5px;}

#Menu1, #Menu2, #Menu3, #Menu4, #Menu5, #Menu6 {position:relative; float:left; height:24px; display:none; color:#70101a; overflow:hidden;}  
#Menu1 a, #Menu2 a, #Menu3 a, #Menu4 a, #Menu5 a, #Menu6 a {color:#70101a; font-size:0.8em; color:#70101a; letter-spacing:1px; text-decoration:none;}

#Menu1 {padding-left:30px; margin-top:2px;}
#Menu2 {padding-left:180px; margin-top:2px;}
#Menu3 {padding-left:278px; margin-top:2px;}
#Menu4 {padding-left:10px; margin-top:2px;}
#Menu5 {padding-left:561px; margin-top:2px;}
#Menu6 {padding-left:10px; margin-top:2px;}

#destaque {position:relative; float:left; width:100%; height:58px; background-image:url(images/destaques.jpg); background-repeat:no-repeat;}

#rotativo {position:relative; float:left; width:555px; height:58px;}
#questao {position:relative; float:left; width:200px; height:58px; margin-left:15px; cursor:pointer;}

marquee {padding-top:20px; width:505px; margin-left:30px; margin-right:30px;}

/* ----------   Principais   ---------- */

#main {position:relative; float:left; width:780px; background-color:#fff; padding-top:20px;}

#conteudo {position:relative; float:left; width:530px; margin-left:30px; margin-right:5px; }

.retranca, .retrancaE, .retrancaD {position:relative; float:left; margin-bottom:20px; text-decoration:underline; color:#70101a; font-size:0.7em;}
.retrancaE, .retrancaD{width:50%;}
.retranca {width:100%;}
/* ----------   Home   ---------- */
#ColHomeEsq {position:relative; float:left; width:250px; margin-right:15px;}
#ColHomeDir {position:relative; float:left; width:250px; margin-right:15px;}

.home {position:relative; float:left; width:250px; }
.home h1 {font-size:16px; margin:0;}
.home h2 {font-size:11px; color:#70101a; margin:3px 0 3px 0;}
.dataHome {font-size:11px; color:#999; font-weight:bold; margin:0;}
.textoHome {font-size:12px; margin: 15px 0 15px 0;}
.textoHome a {text-decoration:none;}
.textoHomeP {font-size:12px; margin: 15px 0 15px 0; color:#555;}
.textoHomeP a {text-decoration:none;}
.vejaMais {font-size:10px; font-weight:bold; color:#70101a;}
.vejaMais img {margin:0 2px 0 5px; width:11px; height:11px;}
.imgTXT {width:230px;}
.imgTXT img {width:200px; text-align:center;}

/* ----------   Main (Conteúdo)   ---------- */
.PGmain {font-size:12px; width:515px; margin-right:15px;}
.PGmain a{text-decoration:none; color:#70101a;}
.PGmain a:hover{text-decoration:underline;}

/* ----------   Lista   ---------- */
.lista {position:relative; float:left; width:530px; margin-top:10px; border-bottom:1px dashed #8b1d28;}
.lista h1 {font-size:1.2em; margin:0;}
.lista h2 {font-size:0.7em; color:#70101a; margin:3px 0 3px 0;}
.lista a{text-decoration:none;}
.saibaMais {font-size:0.9em; font-weight:bold; color:#70101a;}
.saibaMais img {margin:0 2px 0 5px;}
.spa {margin-bottom:10px;}
.origem {font-size:12px; color:#999;}
.paginador2{ font-size:12px; color:#70101a;}
.paginador{ font-size:12px; color:#555;}
.paginador a{ font-size:12px; color:#555; text-decoration:none;}

/* ----------   Materia   ---------- */
.materia {position:relative; float:left; width:530px; margin-top:10px;}
.materia h1 {font-size:1.2em; margin:0;}
.materia h2 {font-size:0.7em; color:#70101a; margin:3px 0 3px 0;}
.materia a{text-decoration:none;}

/* ----------   Clipping   ---------- */
.clipping {position:relative; float:left; width:720px; margin:10px 30px 0 30px;}
.clipping h1 {font-size:1.2em; margin:0;}
.clipping h2 {font-size:0.7em; color:#70101a; margin:3px 0 3px 0;}
.clipping a{text-decoration:none; color:#70101a; font-size:12px; font-weight:bold;}

/* ----------   Banners   ---------- */
#banner {position:relative; float:left; width:200px; margin-left:15px;}
#BannerCima {position:relative; float:left; background-image:url(images/BannerCima.jpg); background-position:bottom; background-repeat:no-repeat; width:200px; height:4px;}
#bannerMeio {position:relative; float:left; background-image:url(images/bannerMeio.jpg); background-repeat:repeat-y; width:200px;}
#bannerMeio img {position:relative; float:left; margin:20px 0 20px 10px;}
#bannerBaixo {position:relative; float:left; background-image:url(images/bannerBaixo.jpg); background-repeat:no-repeat; width:200px; height:3px;}

/* ----------   Rodapé   ---------- */
#links {position:relative; float:left;  width:780px; height:40px; }
#links img{margin-top:20px;}

#rodape {position:relative; float:left;  width:780px; height:80px; background-image:url(images/rodape.jpg); background-repeat:no-repeat;}