/*** CSS BROWSER RESET ***/
@import url("reset.css");
/*** GERAL ***/
html {
	font-family:Arial, Helvetica, sans-serif;
}
body {
	background:#1a2022 url(../images/fundo.gif) repeat-x;
	font-size:1.4em;
	color:#1a2022;
}
img {
	border:0;
}
ul, ol {
	list-style:none;
}
.hidetxt {
	text-indent:-20000px;
	overflow:hidden;
}
#area_topo {
	width:100%;
	height:378px;
	float:left;
	position:relative;
	clear:both;
	text-align:center;
	z-index:10;
	background: url(../images/area_topo.jpg) top center no-repeat;
}
#conteudo {
	width:800px;
	margin:0 auto 0 auto;
	text-align:left;
}
#conteudo2 {
	float:left;
	position:relative;
	background:url(../images/fundo_conteudo.gif) repeat-y;
}
#principal {
	width:570px;
	padding: 0 0 30px 0;
	float:left;
	position:relative;
	z-index:10;
	background:url(../images/fundo_principal.gif) no-repeat top left;/* 	overflow:hidden; */
}
#lateral {
	width:230px;
	float:left;
	z-index:0;
	position:relative;
}
#tit_toptwitters {
	width:230px;
	height:56px;
	background: url(../images/tit_toptwitters.gif) no-repeat;
}
#tit_filtroestado {
	width:230px;
	height:56px;
	background: url(../images/tit_filtroestado.gif) no-repeat;
}
#tit_naotem {
	width:230px;
	height:56px;
	background: url(../images/tit_naotem.gif) no-repeat;
}
#txt_naotem a {
	width:230px;
	height:46px;
	margin-bottom:30px;
	display:block;
	background: url(../images/txt_naotem.gif) no-repeat;
}
#area_rodape {
	width:100%;
	height:58px;
	float:left;
	text-align:center;
	background-color:#443c22;
}
#rodape {
	width:800px;
	padding:15px 0 0 0;
	margin:0 auto 0 auto;
	text-align:left;
	color:#b8af8f;
	font-size:0.8em;
}
#rodape a {
	color:#b8af8f;
	text-decoration:none;
}
/*** CABECALHO ***/
#cabecalho {
	width:800px;
	height:378px;
	text-align:left;
	position:relative;
	margin:0 auto 0 auto;
}
#cabecalho h1 a {
	width:299px;
	height:84px;
	position:absolute;
	top:33px;
	left:42px;
	background:url(../images/logo_twitransito.gif) no-repeat;
}
#cabecalho h2 {
	width:344px;
	height:86px;
	position:absolute;
	top:225px;
	left:40px;
	background:url(../images/txt_chamada.gif);
}
#cabecalho h3 a {
	width:256px;
	height:43px;
	display:block;
	position:absolute;
	left:40px;
	top:351px;
	background:url(../images/bt_siganos.gif) no-repeat;
}
#sobre {
	width:800px;
	height:164px;
	position:relative;
	background-color:#443c22;
	background-image:url(../images/txt_sobre.gif);
	background-repeat:no-repeat;
	background-position:36px 34px;
}
a.botaofechar {
	width:800px;
	height:16px;
	display:block;
	text-align:center;
	background-repeat: no-repeat;
	background-image: url(../images/bt_fechar.gif);
}
a.botaoabrir {
	background-image: url(../images/bt_abrir.gif);
}
a.botaoX {
	width:20px;
	height:20px;
	display:block;
	position:absolute;
	right:10px;
	top:10px;
	background:url(../images/botaoX.gif) no-repeat;
}
/*** TWEETS ***/
#tweets {
	width:492px;
	margin:26px 0 16px 39px;
}
#tweets li {
	width:492px;
	padding: 0 0 20px 0;
	position:relative;
	float:left;
	clear:both;
}
#tweets li .user_foto {
	width:48px;
	height:48px;
	float:left;
	background:#f4d342;
	color:#333333;
	font-size:0.7em;
	white-space: nowrap;
	line-height:48px;
}
#tweets li .user_info {
	width:492px;
	float:left;
}
#tweets li .user_info p {
	height:48px;
	float:left;
	background:#ffdd47 url(../images/fundo_user_info.gif) no-repeat top right;
}
#tweets li .user_info p span {
	display:block;
	float:left;
	clear:both;
}
#tweets li .user_info p span.name {
	padding:5px 15px 0 5px;
	font-size:1.3em;
	font-weight:bold;
	color:#665b29;
}
#tweets li .user_info p span.time {
	padding:2px 15px 0 8px;
	font-size:0.8em;
	color:#443c22;
}
#tweets li .user_tweet {
	width:452px;
	padding:15px 20px 15px 20px;
	float:left;
	position:relative;
	background:#f0e7c1;
}
#tweets li .user_tweet a {
	text-decoration:underline;
	color:#988e5f;
}
#tweets li .user_tweet a:hover {
	color:#1a2022;
}
#tweets li .user_tweet a.responder {
	height:29px;
	width:108px;
	display:block;
	position:absolute;
	right:0;
	top:-29px;
	line-height:29px;
	text-align:center;
	color:#ffdd47;
	font-weight:bold;
	font-size:14px;
	letter-spacing:-0.05em;
	text-decoration:none;
	background:#988e5f url(../images/fundo_user_tweet.gif) no-repeat top right;
}
#tweets li .user_tweet a.responder:hover {
	color:#ffea8e;
}
/*** TOP TWITTERS ***/
#top_twitters {
	width:218px;
	padding:18px 0 0 12px;
}
#top_twitters li {
	width:209px;
	height:48px;
	margin:0 0 10px 0;
	float:left;
	clear:both;
	overflow:hidden;
	position:relative;
	background-color:#ab9d6b;
	background-image:url(../images/fundo_top_twitters.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
#top_twitters li .top_foto {
	width:48px;
	height:48px;
	position:absolute;
	top:0;
	left:0;
	background:#a19362;
	color:#333333;
	font-size:0.8em;
	white-space: nowrap;
	line-height:48px;
	overflow:hidden;
}
#top_twitters li .top_user {
	position:absolute;
	top:5px;
	left:55px;
	color:#443c22;
	font-size:1.3em;
	font-weight:bold;
}
#top_twitters li .top_total {
	position:absolute;
	top:28px;
	left:60px;
	font-size:0.8em;
	font-weight:bold;
	color:#f0e7c1;
}
#top_twitters li.destaque {
	background-color:#443c22;
	background-image:url(../images/fundo_top_twitters2.gif);
}
#top_twitters li.destaque .top_user {
	color:#f0e7c1;
}
#top_twitters li.destaque .top_total {
	color:#988e5f;
}
/*** PAGINADOR ***/
#paginador {
	width:300px;
	height:28px;
	padding:0 0 0 192px;
	float:left;
	clear:both;
	text-align:center;
	color:#988e5f;
	line-height:28px;
	font-weight:bold;
	font-weight:bold;
	font-size:14px;
	letter-spacing:-0.05em;
}
#paginador span {
	width:86px;
	height:26px;
	border:1px solid #988e5f;
	display:block;
	float:left;
	margin-right:11px;
}
#paginador span a {
	width:86px;
	height:26px;
	border:0;
	display:block;
	color:#443c22;
	background:#988e5f;
	text-decoration:none;
}
#paginador span a:hover {
	color:#ffea8e;
}
/*** FILTRO ***/
.bandeira {
	width:23px;
	height:16px;
	border:#f0e7c1 solid 1px;
	background-color:#f0e7c1;
	background-repeat:no-repeat;
	text-indent:-20000px;
	overflow:hidden;
	display:block;
	position:absolute;
	bottom:-4px;
	right:-4px;
}
.estado_ba {
	background-image:url(../images/estado_ba.gif);
}
.estado_mg {
	background-image:url(../images/estado_mg.gif);
}
.estado_rj {
	background-image:url(../images/estado_rj.gif);
}
.estado_rs {
	background-image:url(../images/estado_rs.gif);
}
.estado_sp {
	background-image:url(../images/estado_sp.gif);
}
.bandeira_ba {
	background-image:url(../images/estado2_ba.gif);
}
.bandeira_mg {
	background-image:url(../images/estado2_mg.gif);
}
.bandeira_rj {
	background-image:url(../images/estado2_rj.gif);
}
.bandeira_rs {
	background-image:url(../images/estado2_rs.gif);
}
.bandeira_sp {
	background-image:url(../images/estado2_sp.gif);
}
#filtroestado {
	width:215px;
	float:left;
	padding:18px 0 15px 12px;
}
#filtroestado li {
	width:39px;
	height:28px;
	margin:0 2px 2px 0;
	float:left;
}
#filtroestado li a {
	width:37px;
	height:26px;
	display:block;
	border:1px solid #f0e7c1;
	background-color:#f0e7c1;
	background-repeat:no-repeat;
}
/*** MENU ***/
#menu {
	width:800px;
	height:30px;
	top:149px;
	position:absolute;
}
#menu li {
	width:96px;
	height:30px;
	margin-right:1px;
	float:left;
	background:#be9b01;
}
#menu li a {
	width:96px;
	height:30px;
	float:left;
	background-repeat: no-repeat;
	background-position:top;
}
#menu li a:hover {
	background-position:bottom;
}
#menu li a.item1 {
	background-image:url(../images/menu_li1.gif);
}
#menu li a.item2 {
	background-image:url(../images/menu_li2.gif);
}
/*** PESQUISAR ***/
#pesquisar {
	width:167px;
	height:28px;
	position:absolute;
	right:15px;
	top:13px;
 visibility:;  /* desligado */
}
#pesquisar .inputpesq {
	width:130px;
	height:25px;
	padding:3px 0 0 4px;
	border:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#c8c7c7;
	background:url(../images/pesq_fundo.gif) no-repeat;
}
#pesquisar .botao {
	width:32px;
	height:28px;
	border:none;
	float:right;
	cursor:pointer;
	background:url(../images/pesq_bt.gif) no-repeat;
}
/*** CONTATO ***/
#contato {
	width:800px;
	height:550px;
	padding: 0 0 30px 0;
	float:left;
	position:relative;
	overflow:hidden;
	background:#c6bea2 url(../images/fundo_contato.gif) no-repeat top left;
}
#contato form {
	position:absolute;
	top:128px;
	left:96px;
	width:600px;
	height:350px;
}
#contato form fieldset legend {
	display:none;
	float:left;
	clear:both;
}
#contato form div.campo {
	width:600px;
	/*	height:37px; */
	margin:0 0 12px 0;
	float:left;
	clear:both;
}
#contato form label {
	display:block;
	height:37px;
	width:100px;
	margin-right:15px;
	float:left;
	background-position:top right;
	background-repeat:no-repeat;
}
#contato form label.txtNome {
	background-image: url(../images/label_nome.gif);
}
#contato form label.txtEmail {
	background-image: url(../images/label_email.gif);
}
#contato form label.txtAssunto {
	background-image: url(../images/label_assunto.gif);
}
#contato form label.txtMensagem {
	background-image: url(../images/label_comentarios.gif);
}
#contato form input {
	width:420px;
	height:30px;
	padding:7px 0 0 6px;
	border:0;
	background:url(../images/contato_input.gif) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color: #CCCCCC;
}
#contato form #contato_enviar {
	width:146px;
	height:42px;
	border:0;
	right:60px;
	cursor:pointer;
	position:absolute;
	background:url(../images/bt_enviar.gif) no-repeat;
}
#contato form input:focus {
	color:#FFFFFF;
}
#contato form #txtAssunto_input {
	background:url(../images/contato_drop.gif) no-repeat;
}
#contato form textarea {
	width:414px;
	height:131px;
	padding:7px 6px 7px 6px;
	border:0;
	color:#CCCCCC;
	background:url(../images/contato_textarea.gif) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#fff;
	overflow: auto;
}
#contato form textarea:focus {
	color:#FFFFFF;
}
#quercomentar {
	width:217px;
	height:57px;
	background:url(../images/quercomentar.gif) no-repeat;
	position:absolute;
	top:30px;
	left:41px;
}
#outrosDiv {
	display:none;
}
#txtOutros {
	display:none;
}
/*** COMUNIDADE ***/

#tit_comunidade {
	width:127px;
	height:31px;
	position:absolute;
	top:18px;
	left:45px;
	background: url(../images/tit_comunidade.gif) no-repeat;
}
#comunidade {
	list-style:none;
	width:481px;
	margin-top:78px;
	margin-left:45px;
	position:relative;
	float:left;
	display:inline;
}
#comunidade li {
	float:left;
	height:48px;
	width:48px;
	display:block;
	position:relative;
	background:#fff;
	z-index:0;
}
#comunidade li a {
	display:block;
	height:48px;
	height:48px;
}
#comunidade li a img {
	border:0;
	width:48px;
	height:48px;
}
.com_box {
	width:169px;
	padding:8px 14px 16px 23px;
	bottom:44px;
	left:40px;
	position:absolute;
	display:none;
	background: url(../images/com_box.png) no-repeat bottom left;
	z-index:100;
}
.com_box span {
	width:159px;
	font-size:0.8em;
	display:block;
	float:left;
	clear:both;
	white-space:nowrap;
}
.com_box span.com_user {
	color:#2f2812;
	font-weight:bold;
	font-size:1.2em;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #a68907;
}
.com_box span.com_updates {
	color:#fff;
}
.com_box span.com_status {
	color:#fff;
	padding-left:10px;
	background:url(../images/com_status.gif) no-repeat left center;
}