@import url('destaque.css');
@import url('skin.css');
@import url('jquery.jcarousel.css');
@import url('tabpanel.css');
@import url('slider.css');
@import url('galleriffic-2.css');
@import url('jquery.lightbox-0.5.css'); /*lightbox*/
@import url('jquery.twitter.css');

*{
	margin: 0 auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body{
	background: #fff url(../images/background.jpg) repeat-x;
}

#main{
	width: 999px;
	height: auto;
}

#topo{
	width: 999px;
	height: 173px;
	float: left;
}

#news{
	width: 999px;
	height: 34px;
	clear: left;
	float: left;
	background: #3a3a3a url(../images/news_background.jpg) no-repeat;
}
	#news p.ticker{
		margin-left: 136px;
		text-align: left;
		padding-top: 7px;
	}
	#news p.ticker a{
		color: #FFF;
		text-decoration: none;
		font-size: 14px;
	}
	#news p.ticker a span{
		font-size: 10px;
		color: #999;
	}

#container{
	width: 999px;
	height: auto;
	clear: left;
	float: left;
	background: #f1f1f1;
}

#rodape{
	width: 999px;
	height: 30px;
	clear: left;
	float: left;
	margin-bottom: 10px;
}
#rodape{
	color: #3A3A3A;
}
#rodape p{
	color: #3A3A3A;
}
#rodape a{
	color: #3A3A3A;
	text-decoration: none;
}
#rodape a:hover{
	color: #3A3A3A;
	text-decoration: underline;
}
#rodape p a{
	color: #3A3A3A;
	text-decoration: none;
}
#rodape p a:hover{
	color: #3A3A3A;
	text-decoration: underline;
}


#tlogomarca{
	width: 135px;
	height: 121px;
	float: left;
	display: inline;
	margin-top: 25px;
}

#tpublicidade{
	width: 747px;
	height: 90px;
	float: right;
	display: inline;
	margin-top: 25px;
}

#tmenu{
	width: 474px;
	height: auto;
    clear: right;
	float: right;
	display: inline;
	margin-top: 35px;
}
	#tmenu ul.menutopo{
		margin: 0;
		padding: 0;
		width: 473px;
		height: auto;
		text-align: right;
	}
	#tmenu ul.menutopo li{
		text-align: right;
		display: inline;
		background-color: #173d9a;
		margin: -1px;
		padding: 10px 15px 10px 15px;
	}
	#tmenu ul.menutopo li a{
		color: #fff;
		font-size: 18px;
		text-decoration: none;
	}
	
#colesquerda{
	width: 178px;
	height: auto;
	float: left;
	display: inline;
	text-align: center;
}

#colmeio{
	width: 633px;
	height: auto;
	float: left;
	display: inline;
	background-color: #FFF;
	padding-bottom: 10px;
}

#coldireita{
	width: 188px;
	height: auto;
	float: left;
	display: inline;
	text-align: center;
}

#menuesquerdo{
	width: 150px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
#menuesquerdo h3{
	float:left;
}
#menuesquerdo h3 a{
	text-align: left;
	font-size: 16px;
	color: #212121;
	font-weight:bold;
	text-decoration: none;
}

	#menuesquerdo ul.mesquerdo{
		margin: 5px 0 15px 0;
		padding: 0;
		list-style: none;
		clear:left;
	}
	#menuesquerdo ul.mesquerdo li{
		text-align: left;
		border-bottom: 1px dotted #d2d2d2;
		margin-bottom: 3px;
		padding-bottom: 2px;
	}
	#menuesquerdo ul.mesquerdo li a{
		color: #101010;
		text-decoration: none;
	}

#ultimaedicao{
	width: 138px;
	height: 227px;
	float: left;
	display: inline;
	background: url(../images/latest_edition.jpg) no-repeat;
	margin: 10px 0px 0px 25px;
}

	#ultimaedicao a img{
		margin-top: 45px;	
	}
	
#enquete{
	width: 138px;
	height: auto;
	clear: left;
	float: left;
	display: inline;
	margin: 30px 0px 0px 25px;
}
	.tituloenquete{color:#212121; font-size: 16px; text-align: left; float: left; border-bottom: 1px dotted #CCC; margin-bottom: 2px; width: 138px; height: auto;}
	.textoenquete{ clear: left; float: left; text-align: justify; margin: 2px 0px;width: 138px; height: auto;}
	.optionenq{ clear: left; float: left; text-align: left;width: 138px; height: auto;}
	.sendvotos{ clear: left; float: left; width: 138px; height: auto; margin-top: 7px;}
	input.btnvotar{ border: 1px solid #212121; padding: 2px 5px; font-size: 10px; text-align: center;}

#eventos{
	width: 138px;
	height: 158px;
	clear: left;
	float: left;
	display: inline;
	background: url(../images/ultimos_eventos.jpg) no-repeat;
	margin: 30px 0px 0px 25px;
}
	#eventos a img{
		margin-top: 50px;
	}

#tempo{
	width: 122px;
	height: 170px;
	padding:2px;
	clear: left;
	float: left;
	display: inline;
	background: #dddddd;
	border: 1px solid #d6d6d6;
	margin: 50px 0px 10px 25px;
	text-align: center;
}

#sbtwitter{
	width: 138px;
	height: auto;
	clear: left;
	float: left;
	display: inline;
	border: 0px solid #d6d6d6;
	margin: 30px 0px 10px 12px;
	text-align: center;	
}

#destaque{
	width: 633px;
	height: 230px;
	float: left;
	margin: 10px 0px 0px 0px;
}

#cobertura{
	width: 600px;
	height: 96px;
	clear:left;
	float: left;
	margin: 0px 0px 20px 16px;
	text-align: center;
}

#cobertura .topo{
	width: 560px;
	height: 26px;
	background: #481e59;
	float: left;
	margin-left: 20px;
}
	#cobertura .topo p{
		text-align: left;
		color: #FFF;
		font-size: 16px;
		font-weight: bold;
		padding: 3px 0px 0px 10px;
	}
	
		#cobertura .topo a{
		text-align: left;
		color: #FFF;
		font-size: 16px;
		font-weight: bold;
		padding: 3px 0px 0px 10px;
		text-decoration:none;
	}

#cobertura .cobcarousel{
	width: 600px;
	height: 70px;
	clear: left;
	float: left;
}

.cobimg{ width: 55px; height: 55px; border: 1px solid #FFF; float: left; display: inline; margin: 5px 0px 0px 10px;}
.cobdata{ width: 70px; height: auto; float: right; display: inline; text-align: left; margin: 5px 0px 0px 0px; color: #FFF; font-size: 12px;}
.cobfesta a{ width: 70px; height: auto; clear: right; float: right; display: inline; text-align: left; color: #FFF; font-size: 11px; font-weight:bold; text-decoration: none;}

#banners{
	width: 600px;
	height: auto;
	clear: left;
	float: left;
	display: inline;
	margin-left: 13px;
	margin-bottom: 10px;
}

#colunas{
	width: 600px;
	height: auto;
	clear: left;
	float: left;
	display: inline;
	margin-left: 13px;
}

	#colunas .itens{
		width: 196px;
		height: auto;
		float: left;
		display: inline;
		text-align: left;
		margin: 0px 2px 2px 0px;
	}
	#colunas .itens h3{
		text-align: left;	
	}
	#colunas .itens h3 a{
		text-align: left;
		font-size: 16px;
		font-weight: bold;
		color: #F60;
		margin-bottom: 15px;
		text-decoration: none;
	}
	
	#colunas .itens ul{
		margin: 0; padding: 0;
		text-align: left;
		list-style: none;
	}
	
	#colunas .itens ul li{
		text-align: left;
		margin-bottom: 10px;
		float: left;
		clear: left;
		width: 190px;
		height: auto;
	}
	
	#colunas .itens ul li span.idata{
		font-weight: bold;
		color: #3a3a3a;
		font-size: 11px;
		float: left;
		width: 190px;
		height: auto;
		text-align: left;
	}
	#colunas .itens ul li span.iimagem{
		clear: left;
		float: left;
		width: 190px;
		height: auto;
	}
	#colunas .itens ul li span.iimagem a img{
		border: 3px solid #FFF;
		overflow: hidden;
	 	height: 100px;
	}
	#colunas .itens ul li span.iimagem a img:hover{
		border: 3px solid #F60;
		overflow: hidden;
	}
	
	#colunas .itens ul li span.iresumo{
		text-align: left;
		font-size:11px;
		color: #3a3a3a;
		clear: left;
		float: left;
		width: 190px;
		height: auto;
		text-decoration: none;
	}
	#colunas .itens ul li span.iresumo a{
		text-align: left;
		color: #3a3a3a;
		font-size:11px;
		clear: left;
		float: left;
		width: 190px;
		height: auto;
		text-decoration: none;
	}
	#colunas .itens ul li span.iresumo a:hover{
		text-decoration: underline;
	}
	
	
	#colunas .itens ul li span.itituloresumo{
		text-align: left;
		color: #3a3a3a;
		
		clear: left;
		float: left;
		width: 190px;
		height: auto;
		text-decoration: none;
	}
	#colunas .itens ul li span.itituloresumo a{
		text-align: left;
		color: #3a3a3a;
		clear: left;
		float: left;
		width: 190px;
		height: auto;
		text-decoration: none;
	}
	#colunas .itens ul li span.itituloresumo a:hover{
		text-decoration: underline;
	}
	
#blogs{
	width: 192px;
	height: auto;
	background: #d7d2c8 url(../images/blogs.jpg) no-repeat top;
	float: left;
	display: inline;
	margin-left: 13px;
	padding-top: 40px;
	text-align:center;
}

#banner_lateral{
	width: 192px;
	height: auto;
	float: left;
	display: inline;
	margin-left: 0px;
	padding-top: 0px;
	text-align:center;
}

#blogs .lblog{
	width: 190px;
	height: auto;
	float: left;
	clear: left;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #FFF;
}

#blogs .lblog img{
	float: left; display: inline;
	margin-left: 20px;
}

#blogs .lblog h6{
	float: right;
	display: inline;
	text-align: left;
	width: 120px;
	height: auto;
}
#blogs .lblog h6 a{
	text-decoration: none;
	color: #151515;
	font-size: 14px;
}
#blogs .lblog p{
	clear: right;
	float: right;
	text-align: left;
	width: 120px;
	height: auto;
	font-size: 10px;
}

#tabpanel{
	clear: left;
	float: left;
	width: 600px;
	height: auto;
	margin: 0px 0px 0px 10px;
}

/************** Interna*/
#interna{
	width: 633px;
	height: auto;
	min-height: 1000px;
	float: left;
	margin-bottom: 15px;
}

	#navin{ width: 600px; height: auto; float: left; margin-left: 10px; _margin-left: 5px; margin-bottom: 20px;}
		.list{ width: 600px; height: auto; border: 1px solid #f1f1f1; text-align: left; color: #262626;}
			.list a{ text-decoration: none; color: #262626;}
			.list a:hover{ color: #262626; font-weight: bold; text-decoration: underline;}
			
	#tinterna{width: 600px;height: auto; clear: left; float: left; margin-left: 15px; _margin-left: 7px; margin-bottom: 5px;}
		.ttopo{ width: 600px; height: auto; float: left; margin-bottom: 5px; text-align: left; background: url(../images/conteudo_backgrounde.gif) no-repeat left center; border-bottom: 1px dotted #666; padding-bottom: 5px; margin-bottom: 10px;}
			.ttopo h1{text-align: left; font-size: 18px; margin-left: 20px; }
		
		.tresumo{ width: 600px; height: auto; clear: left; float: left; margin-bottom: 5px; text-align: left;}
			.tresumo h4{text-align: left; font-size: 12px; float: left; display: inline; width: 500px; font-weight: normal; color: #838383;}
			.tresumo span{ text-align: right; float: right; display: inline; width: 100px;}
		
		.tlocal{ width: 600px; height: auto; clear: left; float: left; margin-bottom: 5px; }
			.tlocal h6{text-align: left; margin-top: 5px; margin-bottom: 10px; font-size: 10px; color: #7c7c7c;}
		
		#tinternat{text-align: justify!important; width: 600px; clear: left; float: left; margin-bottom: 5px;}
			#tinternat p{display: inline; float: left; text-align: justify;}
			#tinternat span{display: inline; float: left; text-align: justify;}
			#tinternat pre{display: inline; float: left; text-align: justify;}
			#tinternat em{display: inline; float: left; text-align: justify;}
			#tinternat div{display: inline; float: left; text-align: justify;}
			#tinternat img{ display: inline; float: left; border: 2px solid #3A3A3A; text-align: left;}
			.imagedestaque{ border: none; margin: 5px;}
		
		#more{ width: 600px; height: auto; clear: left; float: left; margin-bottom: 5px;}
			.mleft{ width: 300px; height: auto; float: left; display: inline; text-align: left;}
			.mright{ width: 300px; height: auto; float: right; display: inline; text-align: right;}
				.mright a{ text-decoration: none; color: #333;}
				.mright a{ color: #000;}
				
		#leia{width: 600px; height: auto; clear: left; float: left; margin: 0 auto; text-align: center; padding-bottom: 5px;}

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
width: 100%; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 60px;
top: 0px;
width: 850px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 850px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
padding: 0;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
color: #fff;
}

#indesleft{
	width: 400px;
	height: auto;
	float: left;
	display: inline;
	margin-bottom: 10px;
	margin-left: 10px;
}

#interno form input, #interno form select, #interno form option, #interno form textarea{ text-align: left; margin-bottom: 2px; margin-right: 2px; float: left;}
#interno form input, #interno form select, #interno form textarea{ border: 1px	 solid #999;}
#interno form p{ float: right; text-align: right; padding-right: 5px;}
#interno form input.item{ width: 277px; height: 15px;}
#interno form input.text{width: 277px; height: 100px; overflow: auto;}

a.send{ width: 16px; height: 16px; text-decoration: none; padding-right: 12px; background: url(social_bookmarks_mp.gif) 0px 0px no-repeat;}
a.print{ width: 16px; height: 16px; text-decoration: none; padding-right: 12px; background: url(social_bookmarks_mp.gif) -16px 0px no-repeat;}
a.twitter{ width: 16px; height: 16px; text-decoration: none; padding-right: 12px; background: url(social_bookmarks_mp.gif) -32px 0px no-repeat;}
a.facebook{ width: 16px; height: 16px; text-decoration: none; padding-right: 12px; background: url(social_bookmarks_mp.gif) -48px 0px no-repeat;}
a.google{ width: 16px; height: 16px; text-decoration: none; padding-right: 12px; background: url(social_bookmarks_mp.gif) -64px 0px no-repeat;}
a.live{ width: 16px; height: 16px; text-decoration: none; padding-right: 12px; background: url(social_bookmarks_mp.gif) -80px 0px no-repeat;}
a.yahoo{ width: 16px; height: 16px; text-decoration: none; padding-right: 12px; background: url(social_bookmarks_mp.gif) -96px 0px no-repeat;}
a.sonico{ width: 16px; height: 16px; text-decoration: none; padding-right: 12px; background: url(social_bookmarks_mp.gif) -112px 0px no-repeat;}
a.reddit{ width: 16px; height: 16px; text-decoration: none; padding-right: 12px; background: url(social_bookmarks_mp.gif) -128px 0px no-repeat;}
a.myspace{ width: 16px; height: 16px; text-decoration: none; padding-right: 12px; background: url(social_bookmarks_mp.gif) -144px 0px no-repeat;}
a.multply{ width: 16px; height: 16px; text-decoration: none; padding-right: 12px; background: url(social_bookmarks_mp.gif) -160px 0px no-repeat;}
a.digg{ width: 16px; height: 16px; text-decoration: none; padding-right: 12px; background: url(social_bookmarks_mp.gif) -176px 0px no-repeat;}

#tgsearch{
	width: 280px;
	height: auto;
	float: right;
	display: inline;
	margin-top: 30px;
}
form.gsearch input{ border: 1px solid #666; text-align: left;}