@charset "iso-8859-1";
/**
 * Home
 *
 * @author Anderson Felix
 * @email anderson.felix83@gmail.com
 * @copyright 2008 August
 */

/**
 * Mediabox
 */
div.mediabox{
	border-left: 1px solid #ddd;
	float: left;
	margin: 0 0 0 13px;
	padding: 0 0 0 15px;
	width: 668px
}

div.mediabox div.controle {
	width:120px;
	height:25px;
	margin-left:-5px;
	margin-top:-25px;	
}

div.mediabox div.controle a {
	padding:2px 4px 2px 4px;
	border:1px solid #999999;
	background:#fff;
	cursor:pointer;	
	color:#666666;
	zoom:1;
}

div.mediabox div.controle a.pointer_selected {
	padding:2px 4px 2px 4px;
	border:1px solid #fff;
	background:#999999;
	cursor:pointer;
	color:#FFFFFF;
	zoom:1;
}

/**
 * Left
 */
div.left,div.destaque {
	float: left;
	padding-right: 13px;
	width: 179px;
}
.destaque .foto {
	width: 228px;
	height: 125px;
}
div.left{
	height: auto;
}
div.left div{
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	padding-bottom: 15px
}
div.left div.colunistas,div.left div.header{
	margin: 0;
	padding: 0;
	width: 169px;
}
div.left div.header{
	border: 0;
	padding: 10px 5px 0 5px
}
div.left div.todos{
	border-bottom: 0;
	margin: 0;
	padding: 5px 0 5px 0
}
div.header_colunista{
	padding: 14px 15px 0 47px;
}
div.banner{
	margin: 0;
}
/**
 * Right
 */
div.right{
	border-left: 1px solid #ddd;
	float: left;
	padding-left: 15px;
	width: 751px;
}

/**
 * Destaque
 */
div.destaque{
	background:transparent url(../imagens/bg_linha_2.gif) no-repeat scroll left bottom;
	border-right:1px solid #DDDDDD;
	height:260px;
	margin-right:14px;
	padding:0 15px 15px 0;
	width:228px;
}
div.destaque img.foto{
	margin: 2px 0 10px 0
}
div.destaque h1{
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #6a6a6a;	
}
div.destaque p{
	color: #6a6a6a;
	font-size: 12px;
}
div.destaque h1 a{
	font-size: 20px
}
div.destaque_last{
	border:medium none;
	margin:0;
	padding:0 0 15px;
}
div.sem_barra{
	background: none;
}
/* No Border */
div.nobdr{
	margin-bottom: 15px
}
div.nobdr div{
	margin-bottom: 0;
	padding-bottom: 0
}

/**
 * Centro
 */
div.centro{
	float: left;
	padding: 15px 0 15px 0;
	width: 500px
}
div.centro div.borda{
	border-right: 1px solid #ddd;
	float: left;
	padding-right: 2px;
	width: 500px
}
/**
 * Border Duo
 */
div.border_duo{
	border-top: 1px solid #ddd;
	float: left;
	padding-top: 15px;
	width: 490px
}
div.border_one{
	float: right;
	width: 232px
}
div.border_top{
	margin-top: 15px;
	padding-top: 0;
	width: 232px
}
div.border_middle{
	margin-left: 25px;
	width: 237px
}
/**
 * Populares
 */
div.populares{
	background: #f9f9f9;
	border: 1px solid #ddd;
	float: left;
	height: 284px;
	width: 437px
}
div.populares h1,div.lidas div.lidas_int h1{
	background: url(../imagens/bg_star.gif) no-repeat 10px center;
	border-bottom: 1px solid #ddd;
	padding: 10px 10px 10px 35px;
	position: relative;
	text-transform: uppercase
}
div.populares span.linhas,div.lidas div.lidas_int span.linhas{
	position: absolute;
	right: 10px;
	top: 8px;
	width: 50%
}
div.populares ul{
	display: block;
	padding: 10px
}
div.populares ul li{
	float: left;
	margin: 4px
}
div.populares ul li span a:link,div.populares ul li span a:visited{
	color: #3283D5;
	font-size: 20px;
}
div.populares ul li span.cinco a:link,div.populares ul li span.cinco a:visited{
	font-size: 9px
}
div.populares ul li span.dez a:link,div.populares ul li span.dez a:visited{
	font-size: 12px
}
div.populares ul li span.quinze a:link,div.populares ul li span.quinze a:visited{
	font-size: 15px
}
div.populares ul li span.vinte_cinco a:link,div.populares ul li span.vinte_cinco a:visited{
	font-size: 25px
}
div.populares ul li span.trinta a:link,div.populares ul li span.trinta a:visited{
	font-size: 30px
}
div.populares ul li span.trinta_cinco a:link,div.populares ul li span.trinta_cinco a:visited{
	font-size: 35px
}
div.populares ul li span.quarenta a:link,div.populares ul li span.quarenta a:visited{
	font-size: 40px
}
div.populares ul li span.cinquenta a:link,div.populares ul li span.cinquenta a:visited{
	font-size: 50px
}
/**
 * Lidas
 */
div.lidas div.lidas_int div#carrossel_mais_lidas {
	position:relative;
	width:490px;
	height:36px;
	background:red;
}

div.lidas div.lidas_int div#carrossel_mais_lidas .bt_anterior {
	position:absolute;
	left:9px;
	top:9px;
	width:18px;
	height:18px;
}

div.lidas div.lidas_int div#carrossel_mais_lidas .bt_proximo {
	position:absolute;
	right:9px;
	top:9px;
	width:18px;
	height:18px;
}

div.lidas{
	border-left: 1px solid #ddd;
	float: right;
	height: 284px;
	padding-left: 15px;
	width: 490px
}
div.lidas div.lidas_int{
	background: #f9f9f9;
	border: 1px solid #ddd;
	float: left;
	height: 282px;
	width: 488px;
}
div.lidas div.lidas_int h1{
	background: url(../imagens/bg_heart.gif) no-repeat 10px center
}
div.lidas div.lidas_int span.linhas{
	width: 75%
}
/**
 * Lidas - Navegacao
 */
div.lidas div.lidas_int ul.nav_lidas{
	float: left;
	height: 35px;
	width: 100%
}
div.lidas div.lidas_int ul.nav_lidas li{
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	float: left;
	height: 25px;
	padding-top: 10px;
}
div.lidas div.lidas_int ul.nav_lidas li.last{
	border-right: 0;
	padding-left: 1px
}
div.lidas div.lidas_int ul.nav_lidas li a{
	background: #f0f0f0;
	color: #666;
	padding: 12px 9px 12px 10px;
}
div.lidas div.lidas_int ul.nav_lidas li a.bt{
	background: none;
	padding-bottom: 0;
	padding-top: 0
}
div.lidas div.lidas_int ul.nav_lidas li.ativo{
	border-bottom: 0
}
div.lidas div.lidas_int ul.nav_lidas li.ativo a{
	background: #f9f9f9;
	font-weight: bold
}
/**
 * Lidas - Conteudo
 */
div.lidas_conteudo{
	float: left;
	padding: 20px 10px 4px 10px;
	width: 468px;
}
div.lidas_conteudo ul{
	float: left;
	padding-right: 13px;
	width: 216px
}
div.lidas_conteudo ul li{
	float: left;
	margin-bottom: 8px;
	width: 100%
}
div.lidas_conteudo ul li img{
	float: left;
	margin-right: 6px;
}
div.lidas_conteudo ul li a{
	font-weight: bold
}
/**
 * Mais Lista
 */
div.lidas_conteudo ul.mais{
	border-left: 1px solid #ddd;
	padding: 0 0 0 13px
}
div.lidas_conteudo ul.mais li{
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px
}
div.lidas_conteudo ul.mais li.last{
	border: 0
}
div.lidas_conteudo ul.mais li a{
	font-weight: normal
}

/* Extras Home */

div#extras_home {
	width:960px;
	height:300px;
}

/* TagCloud */

div#tagcloud {
	background:url(../imagens/bg_tagcloud.gif) no-repeat top left;
	width:439px;
	height:256px;
	font-family:Tahoma;
	font-size:12px;
	padding-right:14px;
	margin-bottom:10px;
	border-right:1px solid #ddd;
	float:left;
}

div#tagcloud .titulo_tagcloud {
	font-family:Tahoma;
	font-size:12px;
	padding-top:10px;	
	padding-left:50px;
}

div#tagcloud div#tags {
	width:412px;
	height:226px;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	padding-top:15px;
	padding-left:15px;
	padding-right:10px;
	font-family:Verdana;
	color:#0066CC;
	text-align:center;
	line-height:15px;
}

/* Mais Lidas */

div#mais_lidas {
	background:url(../imagens/bg_mais_lidas.gif) no-repeat top center;
	width:490px;
	height:256px;
	font-family:Tahoma;
	font-size:12px;
	margin-bottom:10px;
	margin-right:4px;
	float:right;
}

div#mais_lidas .titulo_mais_lidas {
	font-family:Tahoma;
	font-size:12px;
	padding-top:10px;	
	padding-left:50px;
}

div#mais_lidas div#content {
	width:488px;
	height:226px;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	padding-top:15px;	
	text-align:center;
	line-height:15px;
}

div#mais_lidas div#content div.mais_lidas_menu {
	width:487px;
	height:22px;
	margin-top:-2px;
	margin-left:0px;
	margin-right:0px;
	float:left;	
	padding-top:5px;
	padding-left:0px;
	background:#FFF;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #F0F0F0;
	text-align:left;
}
div#mais_lidas div#content div.mais_lidas_menu .chamada_canal {
	padding-left:10px;	
}

div#mais_lidas div#content div.mais_lidas_menu .titulo_canal a:hover {
	color:#CC0033;	
}

div#mais_lidas div#content div.mais_lidas_menu .bt_direcoes_left {
	padding-left:7px;
	margin-top:-2px;
	cursor:pointer;
	float:left;
}

div#mais_lidas div#content div.mais_lidas_menu .bt_direcoes_right {
	padding-right:7px;
	margin-top:-15px;
	cursor:pointer;
	float:right;
}

div#mais_lidas div#content ul.mais_lidas_menu li.title {
	width:480px;	
}

div#mais_lidas div#content ul.mais_lidas_menu li:hover {
	background:#FFFFFF;
	border-bottom:1px solid #FFF;
}

div#mais_lidas div#content ul.mais_lidas_menu li.pointer_selected {
	background:#FFFFFF;
	border-bottom:1px solid #FFF;	
}

div#mais_lidas div#content div.top_lidas {
	width:478px;
	height:180px;
	margin-top:35px;
	*margin-top:10px;
}

div#mais_lidas div#content div.top_lidas div.top_lidas_imagem {
	width:200px;
	height:180px;
	float:left;
}

div#mais_lidas div#content div.top_lidas div.top_lidas_imagem div.box {
	width:100%;
	height:64px;
	padding-left:15px;
	display:block;
}

div#mais_lidas div#content div.top_lidas div.top_lidas_imagem div.box img {
	width:100px;
	height:55px;
	float:left;
	border:0px;
}

div#mais_lidas div#content div.top_lidas div.top_lidas_imagem div.box div.titulo {
	width:90px;
	height:30px;
	margin-top:12px;
	font-family:Tahoma;
	font-size:11px;	
	padding-left:5px;
	float:right;
	text-align:left;
}

div#mais_lidas div#content div.top_lidas div.top_lidas_lista {
	width:240px;
	height:180px;
	float:right;
	border-left:1px solid #ccc;
}

div#mais_lidas div#content div.top_lidas div.top_lidas_lista ul {
	list-style-image:url('../imagens/bt_heart.gif');
	padding:5px;
	margin:0px 5px 5px 30px;
}

div#mais_lidas div#content div.top_lidas div.top_lidas_lista ul li {	
	text-align:left;
	padding-left:5px;
	margin-bottom:5px;
	border-bottom:1px solid #ccc;
	vertical-align:middle;	
}
