body{
	background:#f4f3ef;
	margin:0;
	padding:0;
}

h1, h2, h3, h4{
  margin:0;
  padding:0;
}
ul{
  list-style:none;
  margin:0;
  padding:0;
}

a strong{
  display:block;
}
/*
#conteudo{
  width:770px;
  text-align:left;
  position:relative;
}
*/
a img{
  border:none;
}

/*
Navegação
*/

ul.nav{
  width:100%;
  margin:0;
  padding:0;
  list-style:none;
  text-align:center;

}
ul.nav li{
  margin:0;
  padding:0;
  display:inline;
}

ul.nav li.assine a{ width:79px; border-left:none}
ul.nav li.larga a{ width:114px; }
ul.nav li.papo a{ width:101px; }
ul.nav li.centralassinante a{ width:169px; }
ul.nav li.discador a{ width:94px; }
ul.nav li.folha a{ width:116px; }
ul.nav li.indice a{ width:91px; }

ul.nav li a{
  float:left;
  margin:0;
  padding:0;
  font:70% arial, helvetica, sans-serif;
  height:24px;
  line-height:24px;
  text-decoration:none;

  background:#036;
  color:#fff;
  border-left:1px solid #fff;
  border-bottom:1px solid #fff;
  border-top:1px solid #fff;
}
ul.nav li a:hover{
  text-decoration:underline;
}
ul.nav li.par a{
  background:#369;
}

/*
Navegação- FIM
*/

h1 a span{ display:none; }
h1 a{
  display:block;
  float:left;
  width:122px;
  height:55px;
  margin:15px 0 10px 5px;
  padding:0 12px;
}

/*
Links
*/

#links{
  float:right;
  background:#e8e8e8;
  width:140px;
  margin:0;
  padding:0;
}
#links h4{
  color:#fff;
  background:#369;
  margin:0;
  text-align:center;
  font-weight:normal;
  font:70% arial, helvetica, sans-serif;
  padding:4px 0;
}
#links ul{
  list-style:none;
  margin:0;
  padding:0;
}
#links ul li{
  margin:1px 0;
  border:1px solid #bebebe;
  border-top:1px solid #fff;
  padding:7px 5px;
  font:65% verdana, helvetica, sans-serif;
}
#links ul li.img{
  background:#f7f7f7;
  border:1px solid #bebebe;
  border-bottom:none;
}
#links ul li.par{
  background:#f3f3f3;
}
#links ul li a{
  color:#000;
  text-decoration:none;
}
#links ul li.destaque a img{
  float:left;
  vertical-align:top;
}
#links ul li a:hover{
  text-decoration:underline;
}
#links ul li a b{
  color:#036;
  display:block;
}
#links ul li a:hover b{
  text-decoration:underline;
}

/*
Links - FIM
*/

/*
Conteúdo Principal
*/

#principal{
	position:relative;
	float:left;
	background:#fff;
	margin:0px 0px 0 0px;
	width:440px;
	font-family: arial, helvetica, sans-serif;
	font-size: 105%;
}

#contexto{
	text-align:right;
	position:relative;
	float:right;
	width:125px;	
}

#principal a{
  text-decoration:none;
  color:#000;
}
#principal a strong{
	color:#036;
	font-size: 100%;
}
#principal a:hover{
  text-decoration:underline;
}
#noticias p#data{
  float:right;
  margin:0;
  padding:0;
}

#esporte{
  float:left;
  width:180px;
  height:155px;
}
#esporte a{
}
#esporte img{
  display:block;
}
#manchetes{
	margin-left:185px;
}
#manchetes h2{
	margin:0;
	padding:0;
	font-family: arial, helvetica, sans-serif;
	font-size: 190%;
	font-weight: bold;
}
#manchetes h2 a{
  color:#000;
}
#manchetes h2 a span{
  color:#036;
}
#manchetes div{
  height:70px;
  margin-top:10px;
  border:1px solid #fff;
}
#manchetes div a{
	display:block;
	width:121px;
	float:left;
	margin-right:5px;
}
/*
Hack - http://www.cs.hmc.edu/~mbrubeck/clear-after/
*/
#manchetes div:after{
  content: "";
  display: block;
  height: 0px;
  clear: left;
}
/*
Hack para o Safari:
http://diveintomark.org/safari/csshacks/star7.html
*/
html*#manchete{
	height:4.5em !important;
}

#noticias ul{
  list-style:none;
  margin:0 0 0 185px;
  padding:0;
  border-top:1px dashed #000;
}

#noticias ul li{
  padding:0;
  border-bottom:1px dashed #000;
}
#noticias li a{
  display:block;
  padding:3px 0;
  font:90% arial, helvetica, sans-serif;
}

#noticias li a strong{
  display:inline;
}

#nytimes{
  padding-top:15px;
  width:270px;
}
#nytimes ul{
  background:#f1f1f1;
  list-style:none;
  padding-left:0;
  margin:5px 0 0 0;
}
#nytimes li{
  padding:0px;
  min-height:55px;
}
#nytimes ul li.destaque{
  background:#d6d6d6;
  font-weight:bold;
  border-bottom:1px solid #fff;
  height:55px;
  padding:0;
}
html>body #nytimes ul li.destaque{
  height:auto;
  min-height:50px;
}
#nytimes li img{
  padding-right:5px;
}
#nytimes ul li img{
  float:left;
}
#nytimes li a strong{
  color:#036;
}
#jornais{
  width:140px;
  background:#e3f1fc;
  margin-top:10px;
}
#jornais ul li{
  padding:5px;
}
#jornais li.destaque{
  font-weight:bold;
}
#jornais li a strong{
  color:#900;
}
#grupo1{
  width:290px;
  height:19em;
  float:right;
  margin-left:140px;
  margin-top:-200px;
}
html>body #grupo1{
  margin-top:-16.5em;
}

#jovem{
  background:#90bade;
  width:142px;
  float:right;
  margin-top:10px;
}

#jovem ul{
  list-style:none;
  padding:0;
  margin:0;
}
#jovem ul li{
  border-bottom:1px solid #F1B452;
  border-top:1px solid #c4dff7;
  margin:0 8px;
  padding:10px 5px;
}
#jovem li.destaque{
  font-weight:bold;
  border-top:none;
}
/*
#jovem li.cinema{list-style:inside url("http://brunotorres.net/uol/imgs/video.gif"); }
#jovem li.foto{ list-style:inside url("http://brunotorres.net/uol/imgs/foto.gif");}
#jovem li.cartoes{ list-style:inside url("http://brunotorres.net/uol/imgs/email.gif");}
#jovem li.forum {list-style:inside url("http://brunotorres.net/uol/imgs/forum.gif"); }
*/
h3{
  margin:0;
  font-weight:normal;
  text-align:left;
  background:#900;
  color:#fff;
  padding:3px 0 3px 7px;
  font:90% arial, helvetica, sans-serif;
}

#televisao{
  width:140px;
  height:100%;
  background:#F1F0E5;
  float:right;
  margin-top:0;
}
html>body #televisao{
    margin-top:0;
}
#televisao ul li{
  padding:5px 20px 5px 5px;
  margin-left:0;
}
#televisao li.destaque{
  font-weight:bold;
  padding:5px 40px 5px 5px;
}
#televisao li strong{
  color:#900;
}

#eleicoes{
  width:140px;
  margin:10px 10px 0 0;
  float:right;
  background:#e3f1fc;
}

#eleicoes ul{
  padding-bottom:10px;
}
#eleicoes ul li{
  padding:5px;
}
#eleicoes li a strong{
  color:#900;
}

#vmb{
  width:140px;
  height:100%;
  background:#F1F0E5;
}
#vmb ul{
  margin:0;
  padding:0;
}
#vmb ul li{
  padding:4px;
  list-style:url("http://brunotorres.net/uol/imgs/seta.gif") inside none;
  margin-left:-10px;
  font-size:90%;
}
html>body #vmb li{
  margin-left:0;
}
#vmb li.destaque{
  padding:0;
  height:66px;
  list-style:outside none;
  list-style-type:none;
  background:#E3E1C3;
  font-weight:bold;
  margin:0;
  padding-left:0;
  border-bottom:1px solid #fff;
  font-size:100%;
}
html>body #vmb li.destaque{
  height:auto;
  min-height:66px;
}
#vmb li.destaque img{
  float:left;
  padding-right:2px;
}


#blocosinferiores{
  margin-top:1em;
  height:16em;
}
html>body #blocosinferiores{
  margin-top:3.5em;
}

#humor{
  width:140px;
  height:100%;
  background:#F1F0E5;

}
#humor ul li{
  padding:5px;
  list-style:inside url("http://brunotorres.net/uol/imgs/seta.gif");
}
#humor li.destaque{
  padding:0;
  height:66px;
  list-style:outside none;
  list-style-type:none;
  background:#E3E1C3;
  border-bottom:1px solid #fff;
  font-weight:bold;
}
html>body #humor li.destaque{
  height:auto;
  min-height:66px;
}
#humor li.destaque img{
  float:left;
  padding-right:2px;
}
#carros{
  width:290px;
  height:100%;
  float:right;
  background:#F1F0E5;
}
#carros ul li{
  padding:5px;
}
#carros li a strong{
  color:#900;
}

.bloconot{
	font-size:16px;
	color:darkred;
}

#fullbanner{
	padding-bottom:5px;
	z-index:1
}

#fullbanner2{
	margin-top:5px;
	padding-top:10px;
	z-index:1
}

/*
Conteúdo Principal - FIM
*/

/* Compartilhe */
#compartilhe { margin:2em 0; text-align:center; border-left: solid 1px #CCC; border-right: solid 1px #999; border-top: solid 1px #999;	border-bottom: solid 1px #CCC;}
.compartilhe-titulo { background-color:#DDD; padding:2px;}
#compartilhe h4 { display:inline; margin-right:0.5em; font:bold 1.0em arial; color:#000; background-color: #DDD; }
#compartilhe ul { display:inline; padding:0; margin:0; list-style:none; }
#compartilhe ul li { display:inline; padding:0; margin:0 0.2em; }



/* Comentários - FORM */

#comenteform form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 430px;
  max-width: 440px;
  width: 435px; 
}
 
#comenteform form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}
 
#comenteform form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
 
#comenteform form fieldset label:first-letter {  /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* you could instead underline first letter on each element and accesskey */
                                    /* each input but doing only legends lessens cognitive load */
						/* changed to label first letter, opera broke after first letter legend */
}
 
#comenteform form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}
 
#comenteform form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}
 
#comenteform form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
 
#comenteform textarea { overflow: auto; }
 
#comenteform input,textarea { background-color:#EAEAEA; border-left: solid 1px #CCC; border-right: solid 1px #999; border-top: solid 1px #999; border-bottom: solid 1px #CCC;}

 
 
#comenteform form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}
 
#comenteform form .required{font-weight:bold;} /* uses class instead of div, more efficient */
 
#comenteform form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


/* Fim do estilo para comentários */



/*
Hacks para o Opera
*/
@media all and (min-width: 0px){
	#manchetes div{
      height:6.9em !important;
	}
    #jovem{
      margin-top:0;
    }
    #blocosinferiores{
      margin-top:2em !important;
    }
    #grupo1{
      margin-top:-200px !important;
    }
}
