@charset "utf-8";
/* CSS Document */
/* ### Regras gerais */
*{ margin: 0; padding: 0; border: 0; }

html{ height: 100%; }
a {text-decoration:none; font:12px arial, verdana, helvetica, sans-serif;color:#039;}
.cb{ font-size: 1px; height: 2px; margin-top: -2px; clear: both; }
body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	overflow-x:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.Pagina{
	width: 924px;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	background-color:#FFF;
}
.Conteudo{
	width: 924px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006633;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
}
.Rodape{
	float: left;
	width: 924px;
	height: 50px;
	margin-top: 0px;
	margin-bottom: 0;
	background:url(../../_imgs/Rodape/Rodape.png);
	background-position:center;
	padding-right: 0px;
}

.MenuEsquerdo{
width:13.5em;
float:left;
}

.MenuEsquerdo h3{
font: bold 12px verdana;
height:20px;
background:url(../../_imgs/Sombra/Topo-Esquerdo.png) 100% 0 no-repeat;
text-align:center;
text-shadow:#CCC;
}

h3{
	font: bold 12px verdana;
	height:20px;
	background:url(../../_imgs/Sombra/Topo-Esquerdo.png) 100% 0 no-repeat;
	text-align:center;
	text-shadow:#CCC;
}

#Campeonatos{
	float: left;
	width: 80%;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 2px;
	padding-top: 0px;
	padding-right: -20px;
}

#Noticias{
	float: left;
	width: 413px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0px;
	background-color: #FFFFCC;
}

#Cdaf{
	float: left;
	width: 320px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0px;
	background-color: #FFFFCC;
}

#Tjd{
	float: left;
	width: 320px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0px;
	background-color: #FFFFCC;
}

#Parceiros{
	float: left;
	width: 320px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0px;
	background-color: #FFFFCC;
}

#Avisos{
	float: left;
	width: 739px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0px;
	background-color: #FFFFCC;
}

#Modulo{
	float: left;
	width: 515px;
	height: auto;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 5px;
	background-color: #FFFFCC;
}
#Propaganda{
	float: left;
	width: 750px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 2px;
	padding-top: 0px;
	background-color: #FFFFCC;
}




/* menu drop down */

body{ font: normal 62.5% verdana; }

ul#primary-nav,
ul#primary-nav ul{
	margin: 0;
	padding: 0;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	background: #fff; /* IE6 Bug */
	_background: #fff; /* IE6 Bug */
	font-size: 100%;
	}

ul#primary-nav li{
	position: relative;
	list-style: none;
	_position: relative;
	_list-style: none;
	}

ul#primary-nav li a{
	display: block;
	text-decoration: none;
	color: #777;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 5%; }
* html ul#primary-nav li a { height: 5%; }
/* End */

ul#primary-nav ul{
	position: absolute;
	display: none;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	}

ul#primary-nav li ul li a{ padding: 2px 5px; } /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul{ display: none;d_isplay: none;} /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul{ display: block;_display: block;} /* The magic */

ul#primary-nav li.menuparent{ background: transparent url(../../_imgs/arrow.gif) right center no-repeat; _background: transparent url(../../_imgs/arrow.gif) right center no-repeat;}

ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over,ul#primary-nav li:hover{ background-color: #f9f9f9; _background-color: #f9f9f9;}

ul#primary-nav li a:hover{ color: #E2144A;_color: #E2144A; }

/* fim menu drop down */

.CxTxt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #2B5582;
	font-weight: bold;
	border: 1px solid #7F9DBD;
	height:15px;
}

.Bt{
	height : 17px;
	background-color:#FCFDFE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #2B5582;
	font-weight: bold;
	border: 1px solid #7F9DBD;
	border-color: #7F9DBD;
}

.Tab_linha_muito_clara{
	background-color: #EAF1FB;
	font-family:Arial, Helvetica, sans-serif;
	color: #2B5582;
	font-size: x-small;
}
.Tab_Linha_clara{
	background-color: #66CC99;
}
.TD_LinhaAtiva{background-color:#DADAE4;}
.TD_LinhaClara{background-color:#F4F4F7;}

/*sombra */
.topo-dir{
background: url(../../_imgs/Sombra/Topo-Dir.png) 100% 0 no-repeat; 
width:13.5em;
}
.baixo-esq{
background: url(../../_imgs/Sombra/Baixo-esq.png) 0 100% no-repeat;
}
.baixo-dir{
background: url(../../_imgs/Sombra/baixo-dir.png) 100% 100% no-repeat; 
padding:0 15px 15px 0;
}
.texto{
background:#ffc; 
border:0px solid #333;
}
.texto h3{
text-align:center; 
margin:0.5em 0; 
}
p {
margin-bottom:0;
font: 1em Verdana, Arial, Helvetica, sans-serif;
padding:0 2px 2px; 
text-align:justify;
background:#FFF;
}

[if IE]>
ul#menu li a, ul#menu li a:hover{
width: 170px;
}
[endif]

 aqui tooltip simples em CSS --!>
.formata { /* esta classe é somente 
               para formatar a fonte */
  font: 12px arial, verdana, helvetica, sans-serif; 
  }
  a.dcontexto{
  position:relative; 
  font:12px arial, verdana, helvetica, sans-serif; 
  padding:0;
  color:#039;
  text-decoration:none;
  z-index:24;
  }
  a.dcontexto:hover{
  background:transparent;
  z-index:25; 
  }
  a.dcontexto span{display: none}
  a.dcontexto:hover span{ 
  display:block;
  position:absolute;
  width:230px; 
  top:3em;
  text-align:justify;
  left:0;
  font: 12px arial, verdana, helvetica, sans-serif; 
  padding:5px 10px;
  border:1px solid #999;
  background:#e0ffff; 
  color:#000;
  }
 fim do tooltip css--!>

 inicio janela modal 
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:500px;
  display:none;
  z-index:9999;
  padding:1px;
}

#boxes #dialog {
  width:500px; 
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(../../_imgs/login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(../../_imgs/login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
  background: url(../../_imgs/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}
.close{display:block; text-align:right;}

.Fonte {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000;
}