/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx CORPO DAS PAGINAS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.Login h1 span, .Login h2 span, .MenuMu h1 span, .MenuMu h2 span, .Servidor h1 span, .Servidor h2 span, .Configuracao h1 span, .Configuracao h2 span, .Informacao h1 span, .Informacao h2 span, .Evento h1 span, .Evento h2 span, .Dica h1 span, .Dica h2 span, .Personagem h1 span, .Personagem h2 span, .Gms h1 span, .Gms h2 span, .Promocao h1 span, .Promocao h2 span{ display: inline;  width:0;  height:0;  top:-1000px;  left:-1000px;  overflow:hidden;  position:absolute; }

body
{
	margin: 0; /* encosta o conteÃºdo no topo e nas extremidades*/
	padding: 0;
	behavior: url(csshover2.htc);
	font:12px Arial;/* configura a fonte padrÃ£o que serÃ¡ utilizada nas pÃ¡ginas*/
	text-align:justify;
	color:rgb(0, 0, 0);/* configura a cor padrÃ£o        "    "      "      "     "*/
	background:url(../imagens/fundo.gif); /*cor do background, imagem que serÃ¡ utilizada como fundo, configura pra repetir horizontalmente.*/
	background-repeat:repeat-x;
	background-color:rgb(255,255,255);
}

#Total {
}

#divGeral /*div container*/
{
  width:1000px; /* limita a largura do conteÃºdo da pÃ¡gina para 778px*/
  margin:0 auto; /* encosta essa div no topo, e centraliza o container e corrige, centralizando a div no firefox.*/
  padding:0;
  position:relative;/*faz com que a posiÃ§Ã£o da div seja calculada de acordo com o body*/
}

#divTopo /* div que segura o conteÃºdo do topo */
{
  width:1000px;
  height:260px; /* como a imagem Ã© um background, ela precisa de altura e largura senÃ£o nÃ£o fica visÃ­vel. */
  margin:0;
  padding:0;
	vertical-align:top;
  float: left; /*forÃ§a o conteÃºdo a ficar na esquerda */
}

#divConteudo{ /*div q segura o conteÃºdo todo da home*/
  width:1000px; /*Menor porque o Padding completa o tamanho*/
  margin:0 auto;
	float:left;
	padding-bottom:20px;
}

#divMeio {
	width:730px;
	float:left;
}

.Foto {
	float:left;
	margin:0 10px 0 0;
	border:1px solid #000;
}

.ImagensHover {
	display:none;
}

/*xxxxxxxxxxxxxx Banner xxxxxxxxxxxxxxxxxxxxxx*/

#Banner {
	width: 730px;
	height: 196px;
	float:left;
	margin-top:10px;
}

#nav {
	position:absolute;
	z-index:100;
	margin:185px 0 0 528px;
}

#nav a { text-decoration: none; margin: 0 4px 0 2px; padding: 3px 11px; color:#000; }
#nav a.activeSlide { color:#007500; font-weight:bold;}
#nav a:focus { outline: none; }
/*xxxxxxxxxxxxxxxxxxxx MENU HORIZONTAL xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#Menu {
	width:672px;
	position:absolute;
	margin:0 0 0 330px;
	_margin:0;
	_position:relative;
}

#Menu li {
	height:55px;
	float:left;
	list-style:none;
	padding:0;
	margin:0;
}

#Menu li a{
	height:55px;
	float:left;
	padding:0;
	margin:0;
}

#Menu li a span{
	display: inline;
	width:0;
	height:0;
	top:-1000px;
	left:-1000px; 
	overflow:hidden;
	position:absolute;
	*position:relative;
	_position:absolute;
}

#Menu li a.menu1{
	background-image:url(../imagens/bt_home.gif);
	background-repeat:no-repeat;
	width:76px;
}
#Menu li a.menu1:hover{
	background-image:url(../imagens/bt_home_hover.gif);
	background-repeat:no-repeat;
	width:76px;
}
#Menu li a.menu2{
	background-image:url(../imagens/bt_somos.gif);
	background-repeat:no-repeat;
	width:114px;
}
#Menu li a.menu2:hover{
	background-image:url(../imagens/bt_somos_hover.gif);
	background-repeat:no-repeat;
	width:114px;
}
#Menu li a.menu3{
	background-image: url(../imagens/bt_servicos.gif);
	background-repeat:no-repeat;
	width:125px;
}
#Menu li a.menu3:hover{
	background-image: url(../imagens/bt_servicos_hover.gif);
	background-repeat:no-repeat;
	width:125px;
}
#Menu li a.menu4{
	background-image: url(../imagens/bt_agente.gif);
	background-repeat:no-repeat;
	width:165px;
}
#Menu li a.menu4:hover{
	background-image: url(../imagens/bt_agente_hover.gif);
	background-repeat:no-repeat;
	width:165px;
}
#Menu li a.menu5{
	background-image: url(../imagens/bt_solicite.gif);
	background-repeat:no-repeat;
	width:106px;
}
#Menu li a.menu5:hover{
	background-image: url(../imagens/bt_solicite_hover.gif);
	background-repeat:no-repeat;
	width:106px;
}
#Menu li a.menu6{
	background-image: url(../imagens/bt_contato.gif);
	background-repeat:no-repeat;
	width:86px;
}
#Menu li a.menu6:hover{
	background-image: url(../imagens/bt_contato_hover.gif);
	background-repeat:no-repeat;
	width:86px;
}

/* MENU ESQUERDO */

#divMenu {
	width:270px;
	float:left;
	background-image: url(../imagens/fundo_menu_esquerdo.gif);
	background-repeat:no-repeat;
}

#divMenu ul{
	width:231px;
	margin:0 18px;
	display:block;
}

#divMenu ul li {
	list-style:none;
	background-image:url(../imagens/li_menu.gif);
	background-repeat:no-repeat;
	background-position:0;
}

#divMenu ul li.Pai {
	list-style:none;
	background-image:url(../imagens/li_menu.gif);
	background-repeat:no-repeat;
	background-position:top;
}

#divMenu ul li  a{
	height:23px;
	display:block;
	margin:0 0 0 35px;
	padding-top:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:rgb(34,96,8);
	text-decoration:none;
}

#divMenu ul li a:hover {
	color:#090;
}

#divMenu ul.sub{
	width:231px;
	margin:0;
}
	
#divMenu ul.sub li {
	list-style:none;
	background-image:url(../imagens/li_menu.gif);
	background-repeat:no-repeat;
	background-position:20px 0;
}

#divMenu ul.sub li  a{
	height:23px;
	display:block;
	margin:0 0 0 55px;
	padding-top:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:rgb(34,96,8);
	text-decoration:none;
}

#divMenu ul.sub li a:hover {
	color:#090;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx CSS Ultilidade geral xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.ConteudoTexto {
	padding:0 15px 0 17px;
	float:left;
	width:536px;
}

a:hover {
	color:#090;
}

.Voltar {
	width:100%;
	padding:20px 0 0 0;
	display:block;
	float:left;
	font-weight:bold;
	font-size:12px;
	color:rgb(34,96,8);
	text-decoration:none;
}

.Italico {
	font-style:italic;
}

.Negrito {
	font-weight:bold;
}

img
{
	border:0;
	margin:0;
	padding:0;
	line-height:normal;
}

ul
{
	margin:0;
	padding:0;
}

input
{
	font-size: 11px; 
	color:rgb(7, 18, 52);
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(211,211,211);
	height:15px;
	padding:2px 0 0 0;
	margin:0 0 4px 0;
}

select {
	font-size: 11px; 
	color:rgb(7, 18, 52);
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(211,211,211);
	height:21px;
	margin:0 0 4px 0;
}

textarea {
	font-size: 11px; 
	color:rgb(7, 18, 52);
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(211,211,211);
	margin:0 0 4px 0;
}

.muda
{
	color:rgb(21, 58, 7);
	background-color:rgb(227, 255, 223);
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxx FIM xxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#divMeio #Conteudo {
	width:709px;
	background-color:rgb(225,225,225);
	margin:40px 0 0 0;
	font-family:Verdana, Geneva, sans-serif;
}

#ConteudoTexto {
	padding:10px;
	min-height:560px;
}

#ConteudoTexto p{
	margin:0 0 60px 0;
}
#ConteudoTexto span{
	font-weight:bold;
	color:rgb(34,96,8);
}

#ConteudoTexto h1{
	font-size:14px;
	color:rgb(34,96,8);
}

#ConteudoTexto #TextoConteudo {
	*margin:0 0 40px 0;
}

#TextoConteudo h1{
	margin:0 !important;
	padding:0 !important;	
}

#ConteudoTexto #TextoConteudo p{
	margin:4px 0;
	padding:0;	
}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxx FORM xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.formulario {
	padding:1em;
}

.formulario fieldset {
	border:1px solid rgb(221, 221, 221);
	padding:0 0.5em 0.5em;
	*padding:20px 0.5em 20px 0.5em;
	font-weight:bold;
	margin:0 0 30px 0;
	*margin:0 0 60px 0;
	background:#ECECEC;
}

.formulario fieldset legend {
	width:220px;
	padding:10px;
	margin:0 0 10px -7px;
	*position:absolute;
	*margin:-57px 0 0 -14px;	
	color:#38A70C;
	font-weight:bold;
	font-size:1.2em;
	background:#ECECEC;
	border-left:1px solid rgb(221, 221, 221);
	border-right:1px solid rgb(221, 221, 221);
	border-top:1px solid rgb(221, 221, 221);
	text-align:left;
}

.formulario span {
	width:10em;
	font-size:10px;
	font-weight:normal !important;
	text-align:right;
}


.formulario fieldset div {
	margin:10px 0;
	clear:both;
}

.formulario label {
	float:left;
	width:15em;
	font-size:12px;
	text-align:right;
	margin-right:1em;
	color:rgb(100,100,100);
}

.formulario  input {
	width:300px;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.7em;
	-khtml-border-radius:0.7em;
	padding:7px;
	font-size:12px;
}

.formulario input[type=password] {
	width:100px;
	border:1px solid #ddd;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.7em;
	-khtml-border-radius:0.7em;
	padding:5px;
	font-size:16px;
}

.formulario  .Data{
	width:80px;
	border:1px solid #ddd;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.7em;
	-khtml-border-radius:0.7em;
	padding:5px;
	font-size:12px;
}

.formulario  .Fone{
	width:90px;
	border:1px solid #ddd;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.7em;
	-khtml-border-radius:0.7em;
	padding:5px;
	font-size:12px;
}

.formulario  .tamanhoLivre{
	width:auto;
	border:1px solid #ddd;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.7em;
	-khtml-border-radius:0.7em;
	padding:5px;
}

.formulario input[type=checkbox] {
	width:20px;
}


.formulario input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 

.formulario select {
	width:315px;
	height:30px;
	*padding:18px;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.7em;
	-khtml-border-radius:0.7em;
	padding:7px;
	font-size:12px;
}

.formulario  select:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 

.formulario  textarea {
	width:300px;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.7em;
	-khtml-border-radius:0.7em;
	padding:7px;
	font-size:12px;
}

.formulario textarea:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
}

.formulario input.default {
	color:#bbb;
}

.formulario  .label {
	vertical-align:middle;
	display:inline;
	float:none;
	width:auto;
	background:none;
	border:0;
}

/* xxxxxxxxxxxxx Validação Error xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.formulario  div.error {
	background:#EEE;
	padding:10px;
	margin:0 0 20px 0;
	*margin:0 0 40px 0;
	border:2px dotted rgb(34,96,8);
}

.formulario  label.error {
	display:block;
	width:641px;
	float:none !important;
	text-align:left;
	color:#F00;
	margin:0 0 0 5px;
	padding:0;
}

.formulario input.error, select.error, textarea.error {
	border:1px dotted #FF3535;
	background:#FFEFEF;
}

.formulario .count{
	border: 1px solid #CCC;	
	padding: 2px;
	color:rgb(100,100,100);
	display:block;
	width:30px;
	margin:5px 0 0 472px;
}

.formulario button{
clear:both;
width:100px;
height:31px;
background:#38A73C;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
border:0;
cursor:pointer;
}

.formulario button:hover {
	background-color:#A4EFA7;
}

/*==========MENSAGENS=========*/
.successo{
	background-color:#2E7313;
	margin:0;
	padding:0;
}

.successo p{
	color:#fff;
	font:18px Arial,Helvetica,clean,sans-serif;
	font-weight:bold;
	padding:30px 0;
	margin:0;
	text-align:center;
}

.erro{
	background-color:#fe2e2e;
	margin:0;
	padding:0;
}

.erro p{
	background-color:#fe2e2e;
	color:#fff;
	font:18px Arial,Helvetica,clean,sans-serif;
	font-weight:bold;
	padding:30px 0;
	margin:0;
	text-align:center;
}
/*==============================*/

/*XXXXXXXXXXXXXXXXXXXXXXX TV XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*-------------------------------------------------*/
/*-------------------------TV----------------------*/

.bgsticker {
	width: 730px;
	height: 196px;
	float:left;
	margin-top:10px;
}

.tv
{
	width:145px;
	height:25px;
	position:absolute;
	margin-top:168px;
	margin-left:566px;
}
.stickers ul {
	padding:5px;
	padding-left:0px;
	list-style: none;
}
.stickers li {
	width:32px;
	height:15px;
	color: rgb(255,255,255);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	letter-spacing: -1px;
	display:inline; 
	float:left;
	margin-right:2px;
	text-align:center;
}
.stickers li a {
	width:32px;
	height:15px;
	margin-right:2px;
	text-decoration: none;
	color: rgb(255,255,255);
}

.stickers .ativo{
	width:32px;
	height:15px;
	display:block;
	font-weight:bold;
	margin-right:2px;
	color:rgb(126, 177, 85);
}

#destaque_img2
{
	display: none;
}
	
#destaque_img3
{
	display: none;
}

#destaque_img4
{
	display: none;
}

#destaque_img4
{
	display: none;
}
/*-------------------------------------------------*/

#divMeio .divIndex
{
  width:200px;
	float:left;
	margin:10px 0 0 0;
	margin-top:10px;
}

.divIndex .Ligue {
	width:200px;
	height:200px;
}

.divIndex .Parceiro {
	width:200px;
	height:147px;
	background-image:url(../imagens/fundo_parceiro.gif);
	background-repeat:no-repeat;
	text-align:center;
	vertical-align:middle;
}

.Parceiro img {
	margin:42px 0 5px 0;
}

.Parceiro a {
	font-size:14px;
	color:rgb(61,151,26);
	font-weight:bold;
	text-decoration:none;
}

.Parceiro a:hover {
	text-decoration:underline;
	color:rgb(61,151,26);
}

.divIndex .Novidades {
	width:200px;
	height:144px;
	margin:10px 0 0 0;
	background-image:url(../imagens/fundo_novidades.gif);
	background-repeat:no-repeat;
	text-align:center;
	vertical-align:middle;
}

.Novidades #FormNovidades {width:170px; padding:45px 15px 0 15px;}
.Novidades  label {width:170px; text-align: right;}
.Novidades  label input, label select, label textarea {vertical-align: middle; width:110px; margin: 2px;}
.Novidades  input[type="submit"] {clear: left; margin: 0 auto; display: block;}
.Novidades  .submit {clear: left; margin: 0 auto; display: block;}
.Novidades .enviar { background-image:url(../imagens/assinar.gif); width:92px; height:36px; border:0px; cursor:pointer; margin:5px 0 0 77px; }
.Novidades .enviar:hover { background-image:url(../imagens/assinar_hover.gif); width:92px; height:36px; border:0px; cursor:pointer; margin:5px 0 0 77px; }

#divMeio .divIndex1
{
  width:530px;
	float:left;
	margin:10px 0 0 0;
	margin-top:10px;
}

#divMeio .divNoticias {
	width:530px;
	background-image:url(../imagens/fundo_noticia.gif);
	background-repeat:repeat-y;
}

.NoticiaConteudo {
	padding:20px;
}

.NoticiaConteudo .Noticia{
	float:left;
	width:490px;
	margin:5px 0;
}

.NoticiaConteudo .Foto{
	float:left;
	border:2px solid #e30e0e;
}

.NoticiaConteudo p {
	margin:0;
}

.NoticiaConteudo span {
	font-weight:bold;
	color:#3d971a;
}

.NoticiaConteudo h3, a {
	margin:0;
	font-size:13px;
	color:#e30e0e;
	text-decoration:none;
}

.NoticiaConteudo hr {
	width:490px;
	float:left;
}

.Veja {
	background-image:url(../imagens/veja.gif);
	width:111px;
	height:36px;
	border:0px;
	cursor:pointer;
	margin:10px 0 0 193px;
	position:absolute;
}

.Veja:hover {
	background-image:url(../imagens/veja_hover.gif);
}


*//*xxxxxxxxxxxxxxxxxxxx  DIV Rodapé xxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#Rodape {
	height:76px;
	margin:0 auto;
	clear:both !important;
	text-align:center;
} 

.Rodape {
  width:100%;
	margin:0 auto;
	height:76px;
	color:rgb(255,255,255);
	background-position: bottom;
	background-image:url(../imagens/fundo_rodape.gif);
	background-repeat:repeat-x;
}

.Rodape .TextoRodape {
	padding:0;
}

.Rodape .TextoRodape a {
	color:rgb(255,255,255);
	margin:0;
}

.Rodape .TextoRodape p {
	padding:30px 0 0 0;
	font-weight:bold;
	text-align:center;
}

.Rodape .kryzalis {
	width:60px;
	height:50px;
	float:right;
	margin-right:1%;
	_margin-right:0;
	margin-top:15px;
}
