
/* CSS Document */
html, body{
	background-color:#000;
	color:#6C6C6C;
	font:12px Arial, Helvetica, sans-serif;
	margin:0px;
}

small{ color:#FC0; font-size:10px; }

a, a:link, a:visited{
	color:#999;
	text-decoration:none;
}
a:hover{
	color:#FC0;
	text-decoration:underline;
}



/*COISAS EM COMUM DAS DIVS DA RAIZ*/
#header, #vitrine, #relogios, #chat, #content, #bannersRodape, #footer{
	width:940px;
	margin:auto;
}
#contentBanner, #contentRodape{
	width:100%;
	background-repeat:repeat-x;
}


/*TOPO*/
#main{
	z-index:2;
	/*position:absolute;*/
	position:relative;
	margin-top:-600px;
	width:100%;
	text-align:left;
}
#animacao_topo{
	/*position:absolute;*/
	position:relative;
	width:100%;
	height:600px;
	top:-50px;
	left:0px;
	z-index:1;
}
#header{
	height:105px;
	position:relative;
	z-index:3;
}
#headerLogo{
	display:block;
	width:133px;
	height:79px;
	position:absolute;
	top:20px;
}
#formHeader, #dvLogado{
	width:700px;
	text-align:right;
	
	position:absolute;
	z-index:9;
	top:35px;
	right:0px;
}
#formHeader a,#formHeader a:link,#formHeader a:visited, #formHeader small{
	font-size:10px;
	color:#9C9C9C!important;
	text-decoration:none;
}
#formHeader a:hover{
	font-size:10px;
	color:#FC0;
	text-decoration:none;
}

#dadosLogado{
	height:28px;
	float:right;
	width:300px;
}
#dadosLogado div{
	float:right;
	height:28px;
	color:#535152;
	font-size:11px;
}
#dvLogado a,#dvLogado a:link,#dvLogado a:visited{
	font-size:10px;
	color:#BCBCBC;
	text-decoration:none;
}
#dvLogado a:hover{
	font-size:10px;
	color:#FC0;
	text-decoration:none;
}
#loginEsquerda{ background-image:url(../gfx/logadoEsquerda.gif); width:35px; }
#loginCentro{ background-image:url(../gfx/logadoMeio.gif); width:auto; line-height:28px; }
#loginDireita{ background-image:url(../gfx/logadoDireita.gif); width:16px; }

#h1_home{
	font:bold 39px "Trebuchet MS", Arial, Helvetica, sans-serif!important;
	color:#D2D1CC;
	text-align:center;
	margin:0px;
	margin-top:10px;
	z-index:2;
}
#img_home{
	width:100%;
	margin:0px;
	text-align:center;
}
#img_home img{
	margin:auto;
}

/*PLAYER HOME*/
#player{
	top: 0;
	right: 0;
	position:relative;
	height:320px;
	width:940px;
	overflow:hidden;
	margin:auto;
}
#player div.controls{
	position:absolute;
	bottom:10px;
	right:10px;
	height:21px;
	z-index:11;
}
#player div.controls a, #player div.controls a:link, #player div.controls a:visited{
	background-color:#000;
	color:#B6BDB5;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:5px;
	margin-right:5px;
}
#player div.controls a:hover, #player div.controls a.current, #player div.controls a.activeSlide{
	background-color:#F8D807;
	color:#000;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:5px;
	margin-right:10px;
}
#player div.destaque{
	width:940px;
	height:320px;
	overflow:hidden;
}
#player h2.infos{
	font-size:20px;
	color:#FFF;
	background-color:#000;
	position:absolute;
	bottom:0px;
	left:0px;
	text-align:left;
	width:100%;
	height:50px;
	z-index:10;
	line-height:50px;
	text-indent:10px;

	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


#relogios{
	height:165px;
	text-align:center;
	z-index:22;
	margin:10px auto;
}
#relogios .itemRelogio{
	width:150px!important;
	margin:auto;
	padding:0px 40px;
}

#chat{
	background-color:#242424;
	border:#121212 solid 1px;
}
#dvChat{
	margin:20px;
	margin-bottom:10px;
	position:relative;
}
#dvChat .titulo_chat{
	margin-top:-10px;
	margin-right:580px;
}
#dvChat .chat_cadastre{
	margin-top:-10px;
}
#dvChat .toggle_chat{
	background:url(../gfx/chat_toggle.gif) no-repeat top;
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
}
.backBottom{
	background-position:bottom!important;
}
#dvChat .mensagens_sala{
	background:url(../gfx/bg_chat.gif) repeat-x #1E1E1E;
	border:#3E3E3E solid 1px;
	width:675px;/*890px;*/
	margin-bottom:10px;
	padding:5px;
}

#dv_usuarios_online{
	background:url(../gfx/bg_chat.gif) repeat-x #1E1E1E;
	border:#3E3E3E solid 1px;
	width:190px;
	margin-bottom:10px;
	padding:5px;
	float:right;
	height:250px;
	overflow:auto;
	overflow-x:hidden;
}

#dvChat .mensagem_contorno{
	background:url(../gfx/bg_chat.gif) repeat-x #1E1E1E;
	border:#3E3E3E solid 1px;
	width:888px;/*2px de borda*/
	margin-bottom:5px;
	padding:5px;
}
#dvChat .historico{
	height:250px;
	overflow:auto;
}
#dvChat .historico small{
	color:#A9A9A9!important;
	font-size:11px!important;
}
#dvChat .historico strong{
	color:#4CABFB!important;
}
#message{
	width:870px;
	border:none;
	background:none;
	color:#CCC;
}
#labelStatusChat{
	float:left;
	margin-top:9px;
}

#content{
	position:relative;
	text-align:left;
}
.contentForm{
	margin-top:-48px;
}


/*BANNER RODAPÉ*/
#contentBanner{
	background-image:url(../gfx/back_banner.gif);
	height:135px;
}
#englobaBanner{
	margin:auto;
	width:940px;
	height:77px;
	overflow:hidden;
	text-align:center;
}

#bannersRodape{
	width:950px;
	height:77px;
	overflow:hidden;
	text-align:center;
	margin:0px;
}
#bannersRodape div{
	border:none;
	display:inline;
}
#bannersRodape .dvBanner img{
	margin:0px 5px!important;
}

/*RODAPÉ*/
#contentRodape{
	background-image:url(../gfx/back_rodape.gif);
	height:130px;
}
#footer{
	position:relative;
	height:1px;
}
#dvContato{
	background-color:#242424;
	border:#333 solid 1px;
	position:absolute;
	bottom:35px;
	right:0px;
	z-index:40;
	width:340px;
	height:auto;
	display:none;/**/
}
#dvFormContato, #dvContatoSucesso{
	margin:25px;
	position:relative;
	font-size:14px;
	color:#999;
}
#dvFormContato input, #dvFormContato textarea{
	display:block;
	margin:5px 0px;
	width:285px;
	color:#CCC;
	font-size:14px;
	background-color:#333;
	border:none;
}
#dvFormContato span{
	display:block;
	height:20px;
	margin-top:-7px;
}
.setaContato{
	position:absolute!important;
	bottom:-50px!important;
	right:80px!important;
}
#btEnviarContato{
	float:right!important;
	width:90px!important;
}
#retornoContato{
	height:35px;
	margin-top:-20px;
	text-align:right;
}

#footer .item_rodape{
	text-align:left;
}
#footer .item_rodape ul{
	list-style-position:inside;
	list-style-type:square;
	line-height:20px;
}
#footer .item_rodape ul li a, #footer .item_rodape ul li a:link, #footer .item_rodape ul li a:visited{
	color:#999;
	text-decoration:none;
}
#footer .item_rodape ul li a:hover{
	color:#FC0;
	text-decoration:underline;
}
#rodape_agenda{
	position:absolute;
	right:0px;
	cursor:pointer;
	background:url(../gfx/rodape_agenda2.gif) no-repeat top;
	width:210px;
	height:70px;
}
#rodape_agenda:hover{
	position:absolute;
	right:0px;
	cursor:pointer;
	background:url(../gfx/rodape_agenda2.gif) no-repeat bottom;
	width:210px;
	height:70px;
}


/*CLASSES*/
.spacer{ display:block; clear:both; font-size:1px; height:1px; }
.spacer5{ display:block; clear:both; height:5px; }
.spacer10{ display:block; clear:both; height:10px; }
.spacer20{ display:block; clear:both; height:20px; }
.spacer30{ display:block; clear:both; height:30px; }

.relative{ position:relative;}

.back0{ background-color:#141414!important; }
.back2E{ background-color:#2E2E2E!important; }
.h_1px{ width:940px; margin:auto; height:1px!important; font-size:1px!important;}
.color_white{ color:#FFF!important; }
.color_yellow{ color:#F8D807!important; }
.pointer{ cursor:pointer; }


.input130{
	background:#000 url(../gfx/back_input130.gif) no-repeat;
	color:#9D9D9D;
	font-size:11px;
	border:none;
	width:120px;
	height:19px;
	padding:6px 5px 0px 5px;
}
.btOK{
	background:#000 url(../gfx/bt_ok.gif) no-repeat top right;
	border:none;
	width:38px;
	font-size:9px;
	height:26px;
	margin-bottom: -1px;
}

.titulo_img{
	margin-bottom:5px;
}

.w240{
	width:240px;
	float:left;
}
.w205{
	width:205px;
	float:left;
}
.w255{
	width:255px;
	float:left;
}
.w620{
	width:570px;
}

/*ITENS DE LISTAGEM*/
.itemHome{
	margin-bottom:10px;
	font-size:14px;
	width:235px;
}
.itemHome img{ float:left!important; margin-right:10px; }
.itemHome span{ color:#FC0; }
.itemHome a, .itemHome a:link, .itemHome a:visited{
	text-decoration:none;
	color:#6C6C6C;
}
.itemHome a:hover{
	color:#FC0;
	text-decoration:underline;
}



.itemLista{
	display:block;
	margin-bottom:15px;
	width:645px;
	font-size:13px;
}
.tituloDetalhe{
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#FFF;
}
.itemLista h2{
	line-height:40px;
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#BCBCBC;
}
.itemLista img{ float:left;}
.itemLista div{
	margin-bottom:10px;
}
.itemLista span{ color:#FC0; }
.itemLista a, .itemLista a:link, .itemLista a:visited{
	text-decoration:none;
	color:#6C6C6C;
}
.itemLista a:hover{
	color:#FC0;
	text-decoration:underline;
}

/*LISTA DE ARTIGOS*/
ul.listTwo{
	position:relative;
	margin-bottom:20px;
	width:630px;
}
ul.listTwo li{
	display:block;
	font-size:11px;
	
	position:relative;
	width:100%;
}
ul.listTwo li strong{
	color:#BBBBBB;
	font-size:17px;
	font-weight:bold;
}
ul.listTwo li span{
	color:#0B85B7;
}
ul.listTwo li div {
	color:#666;
	font-size:14px;
	padding:10px;
}
ul.listTwo li div img{
	float:left!important;
	margin-right:10px;
	/*margin:0px 0px 20px 20px!important;*/
}
ul.listTwo li div a,ul.listTwo li div a:link,ul.listTwo li div a:visited{
	color:#525252;
	text-decoration:none;
}
ul.listTwo li div a:hover{
	color:#FC0;
	text-decoration:none;
}


.contentLeft{
	float:left;
	width:650px;
}

.bannerRight{
	margin-top:47px;
}
.bannerArtigo{
	margin-top:0px!important;
}


/*FORMULARIOS*/
.formTexto, .dvForm, .formStatus{
	width:590px;
	padding:20px;
}
.formTexto{
	background-color:#242424;
	border-bottom:#1D1D1D solid 1px;
}
.formStatus{
	background-color:#242424;
	border-top:#1D1D1D solid 1px;
	padding:10px 20px;
	height:35px;
}
.dvForm{
	background-color:#333;
	border-bottom:#414141 solid 1px;
}
.dvForm label{
	display:block;
	margin-bottom:15px;
	position:relative;
}
.dvForm label span{
	display:block;
	float:left;
	width:150px;
	text-align:right;
	margin-right:10px;
	line-height:35px;
}
.dvForm label input{
	border:#3E3E3E solid 1px;
	background-color:#1E1E1E;
	width:338px;
	height:21px;
	padding:7px 10px 0px 7px;
	color:#FFF;
}
.dvForm label input.inputDisabled{
	border:#3E3E3E solid 1px;
	background-color:#333333;
	width:338px;
	height:21px;
	padding:7px 10px 0px 7px;
	color:#555;
}
.dvForm label input.radio{
	border:none!important;
	background:none!important;
	width:auto!important;
}
.uf{
	width:50px!important;
}
#btEnviar, #btEnviarChat, #btEnviarContato{
	border:none;
	background:none;
	background:url(../gfx/bt_enviar.gif) no-repeat;
	width:90px;
	height:35px;
	display:block;
	float:left;
}



.w205 div img, .w205 div div{
	float:left;
}
#dvFerramentas, #dvLinks{
	width:150px;
	height:55px;
	/*position:relative;
	overflow:hidden;*/
}
#dvFerramentas div, #dvLinks div{
	height:55px;
}
#dvFerramentas div img, #dvLinks div img{
	/*margin:5px;*/
	vertical-align:middle;
}
#dvLinks div{
	width:150px;
}

#dvFerramentas .txtCont, #dvLinks div.txtCont, #dvLinks .txtCont{
	/*position:absolute;
	left:70px;
	width:80px;
	text-align:center;
	color:#C8D9E3;
	font:bold 13px Arial, Helvetica, sans-serif;*/
}


.item_rodape{
	width:240px;
	font-size:10px;
	float:left;
}
.verMapa, .verMapa:link, .verMapa:visited{
	display:block;
	margin-top:5px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#626262;
	text-decoration:none;
}
.verMapa:hover{
	display:block;
	margin-top:5px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FC0;
	text-decoration:none;
}


/*PAGINACAO*/
.pagination {
	clear:both;
	margin-bottom:20px;
	text-align:center;
	width:100%;
}
.pagination *{
	vertical-align:middle;
	font-size:13px;
	display:block;
	height:10px;
	width:10px;
	float:left;
	padding:7px;
	text-decoration:none;
	font:bold 11px Arial, Helvetica, sans-serif;
	margin:3px;
}
.pagination a{
	background-color:#181818;
	color:#BCBCBC;
}
.pagination a:hover{
	background-color:#F8DA0A;
	color:#000;
}
.pagination a.current{
	background-color:#181818;
	color:#F8DA0A;
	cursor:default;
}

.lnk{
	display:block;
	width:90px;
	color:#FC0;
	text-decoration:none;
	font-size:10px;
	margin:-10px 0px 10px 170px;
}

.preloader{ margin-bottom:-7px!important; display:none;}

.floatLeft{ float:left; margin-right:10px; }
.floatRight{ float:right; }

#chat {
	width: 940px;
}


#detalheArtigo{
	font-size:14px;
	line-height:20px;
}


/*LEMBRAR SENHA NO TOPO*/
#dvLembrar{
	position:absolute;
	z-index:50;
	top:0px;
	right:10px;
	width:155px;
	margin:0px;
	text-align:center;
	display:none;/**/
}
#dvLembrar .linhaVertical{
	margin:auto;
	width:5px;
	height:25px;
	background-color:#0270AE;
	font-size:1px;
}
#dvLembrar .bordaAzul{
	margin:auto;
	width:100%;
	border:#0270AE solid 5px;
	background-color:#212121;
	text-align:left;
}
#dvLembrar .bordaAzul span{
	margin:10px;
	display:block;
}

#dvLembrar .bordaAzul span .btLembrar, #dvLembrar .bordaAzul span .btLembrarFechar{
	font-size:11px;
	width:60px;
	height:25px;
	border:none;
	background:url(../gfx/back_input60.gif) no-repeat;
	outline:none;
}
#dvLembrar .bordaAzul span .btLembrar{
	color:#0270AE;
	margin-right:10px;
}
#dvLembrar .bordaAzul span .btLembrarFechar{
	color:#F8D807;
}
#email_lembrar{
	display:block;
	margin:10px 0px;
}

.nickOk { color: aqua !important; }
.nickErro { color: red !important; }

label.error{ margin-bottom:10px; font-size:10px; }
.error{ color:#F00!important; }
.mostarda{ color:#D2BF00!important; }


#dothcom{
	display:block;
	width:100px;
	height:25px;
	background:url(../gfx/logo_dothcom.jpg) no-repeat left;
	position:absolute;
	top:70px;
	left:0px;
	z-index:50;
}
#dothcom:hover{
	background-position:right;
}
