@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	padding-top: 0cm;
	height: 100%;
	text-align:center;
	background-color:#000000;
}
#tudo{
height:100%;
width: 1000px;
margin:0 auto;			
padding: 0px;
display:inline-block;
color:#666666;
}
#topo{
height:167px;
}
/* << ----------------// Left column //---------------->> */
#columnOne {
float:left;
margin:0;
padding:0 5px 10px 5px;
width:150px;
height:800px;
background-color:#e0e0e0;
}

#columnOne p, #columnThree p, #columnFour p, #columnOne ul li, #columnOne ol li, #columnThree ul li, #columnThree ol li, #columnFour ul li, #columnFour ol li {
font-size:13px;
}


/* << ----------------// Vertical navigation //---------------->> */
#navVertical {
margin:0 -5px 0 0px;
padding:0;
width:155px;

}

#navVertical ul {
margin:0 0 0 5px;
padding:0;
list-style:none;
text-align:left;
}

#navVertical ul li {
margin:0 0 0 -10px;
padding:0;
list-style:none;
border-bottom:1px solid #FFFFFF;

}

#navVertical ul li a:link, #navVertical ul li a:visited {
padding:5px 8px 5px 20px;
text-decoration:none;
display:block;
font-family:verdana;
color:#000000;
}

#navVertical ul li a:hover, #navVertical ul li a:active {
color:#454545;
text-decoration:none;
background-color:#eeeeee;
}

/* << ----------------// Middle column Left //---------------->> */
#columnTwo {
float:left;
margin:0;
padding:0 9px 10px 5px;
width:406px;
height:800px;
background-color:#FFFFFF;
border-right: #e0e0e0 2px solid;
color:#666666;
}
#columnTwo2 {
float:left;
margin:0;
padding: 0px 9px 10px 5px;
width:667px;
height:800px;
background-color:#FFFFFF;
color:#666666;
}
#NoticiaDiv {
float:left;
margin:0;
padding:0 9px 10px 5px;
width:495px;
height:800px;
background-color:#FFFFFF;
border-right: #e0e0e0 2px solid;

}

/* << ----------------// Middle column Right //---------------->> */
#columnThree {
float:left;
margin:0;
padding:5px 5px 5px 5px;
width:249px;
height:800px;
background-color:#FFFFFF;
text-align:left;
font-family:verdana;
}
#Mais {
float:left;
margin:0;
padding:5px 5px 5px 5px;
width:160px;
height:800px;
background-color:#FFFFFF;
text-align:left;
font-family:verdana;
overflow:auto; 
}
/* << ----------------// Paginas //---------------->> */
#separa{ border-bottom: #e0e0e0 2px solid; width: 390px; margin-left: 10px; margin-top: 155px;}
#separa2{ border-bottom: #e0e0e0 2px solid; width: 230px; margin-left: 8px;}
#separa3{ border-bottom: #e0e0e0 2px solid; width: 620px; }
#separa4{ border-bottom: #000066 1px solid; width: 560px; }

.azul{color:#006699;}

#regulamento, #recorde, #ocorrencia, #piloto, #pvp, #ranking, #filiacao, #instrutores, #legislacao, #contato, #curso, #escola, #evento, #fabricante, #link, #noticia, #destaquetxt, #abpm, #Recordes{ width:620px; height:700px; margin-left:30px; text-align:justify; overflow:auto; padding: 0px 10px 0px 0px; font-size:11px; font-family:verdana; color:#666666;}

#Recordes{ width:675px; height:700px; margin-left:0px; text-align:justify; overflow:auto; padding: 0px 0px 0px 0px; font-size:11px; font-family:verdana;color:#666666;}

#classificadosConteudo{ width:620px; height:650px; margin-left:30px; text-align:justify; overflow:auto; padding: 0px 10px 0px 0px; font-size:11px; font-family:verdana;color:#666666;}

#dicaConteudo{ width:620px; height:650px; margin-left:30px; text-align:justify; overflow:auto; padding: 0px 10px 0px 0px; font-size:11px; font-family:verdana;color:#666666;}

#destaque{ margin-left: 10px;}
#tituloDestaque{background:#e0e0e0; height: 47px; font-weight:bold;color:#666666;}

#tituloNoticia { font-size:12px; font-weight:bold;color:#808080;}
#data { font-size:11px; color:#999999;}
#textoNoticia{ font-size: 11px;}
#mais{ text-align:right;}
.moldura {padding:3px; background-color: #f5f5f5; width: 232px; border: 1px solid #999999; }
.moldura img{ border: 1px solid #000000; }

.button{border: 1px solid #ddd;color: #666;	padding: 5px 10px;outline: none;}

.negrito{ font-weight:bold}
.mensagem{ font-weight:bold; font-size:14px; color:#000066; font-family:Verdana;}

#dicas { width: 205px; text-align:justify; font-size:11px; font-family: verdana; float:left}
#classificados { width: 170px; text-align:justify; font-size:11px; font-family: verdana; float:right; }
#legislacaotxt{ width:390px; text-align:justify; font-size:11px; font-family:verdana;}
#regulamentotxt{ width:240px; text-align:justify; font-size:11px; font-family:verdana;}

/*======================*/
/* << ----------------// Right column //---------------->> */
#columnFour {
float:left;
margin:0;
padding:0 5px 10px 5px;
width:147px;
height:800px;
background-color:#FFFFFF;
border-left:#e0e0e0 2px solid;
}
/* << ----------------// Form //---------------->> */
#form{
	padding: 20px 10px 10px;
}
#form label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
#form input{
	width: 220px;
	padding: 4px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}
#form input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#form textarea{
	width: 300px;
	height: 80px;
	padding: 10px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
#form textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#form div{
	margin-bottom: 3px;
}
#form div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 12px;
	
}
#form div span.error{
	color: #e46c6e;
}
#form #send{
	background: #6f9ff1;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
#form #send:hover{
	background: #79a7f1;
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}

#retorno {
	position:absolute;
	margin-top: -35px;
	margin-left: 10px;
	BORDER-RIGHT: #fdc8c8 1px solid;
	BORDER-TOP: #fdc8c8 1px solid;
	BACKGROUND: #ffeeee;
	PADDING-BOTTOM: 5px; 
	FONT: 12px Arial, Helvetica, sans-serif;
	BORDER-LEFT: #fdc8c8 1px solid; COLOR: #CC0000;
	PADDING-TOP: 10px;
	BORDER-BOTTOM: #fdc8c8 1px solid;
	width: 180px;
	text-align:center;	
}
#retorno STRONG {
	FONT-WEIGHT: bold; COLOR: #CC0000
}
/* << ----------------// Form2 //---------------->> */
#form2{
	padding: 20px 10px 10px;
}
#form2 label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
#form2 input{
	width: 220px;
	padding: 4px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}
#form2 input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#form2 textarea{
	width: 300px;
	height: 80px;
	padding: 10px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
#form2 textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#form2 div{
	margin-bottom: 3px;
}
#form2 div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 12px;
	
}
#form2 div span.error{
	color: #e46c6e;
}
#form2 #send{
	background: #6f9ff1;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
#form2 #send:hover{
	background: #79a7f1;
}
/* << ----------------// Form3 //---------------->> */
#form3{
	padding: 20px 10px 10px;
	color: #919191;
}

#form3 input{	
	padding: 4px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}
#form3 input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#form3 textarea{	
	padding: 5px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
#form3 textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#form3 div{
	margin-bottom: 3px;
}

#form3 #enviar{
	width: 200px;
	background: #adaeae;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
#form3 #enviar:hover{
	background: #cecece;
}
/* << ----------------// Form3 //---------------->> */
.tituloFormFiliacao{ font-size:13px; font-family: Verdana; font-weight: bold; color:#FFFFFF; padding: 5px;}
#form4{color: #919191;}

#form4 input{	
	padding: 4px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
	
}
#form4 input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#form4 textarea{	
	padding: 5px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
#form4 textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#form4 div{
	margin-bottom: 3px;
}

#form4 #enviar{
	width: 200px;
	background: #adaeae;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
#form4 #enviar:hover{
	background: #cecece;
}
/* << ----------------// Footer //---------------->> */
#rodape {
background:#000000;
height: 20px;
color:#CCCCCC;
font-size:13px;
text-align: center;
font-family:verdana;
font-weight:bold;
padding: 5px;
}



#classificadosConteudo a { color:#FF0000; text-decoration:none; font-size:14px;}
#classificadosConteudo a:hover {color:#000066; text-decoration:underline; font-size:14px;}

#ocorrencia a { color:#FF0000; text-decoration:none; font-size:14px;}
#ocorrencia  a:hover {color:#000066; text-decoration:underline; font-size:14px;}

#filiacao a { color:#FF0000; text-decoration:none; font-size:14px;}
#filiacao  a:hover {color:#000066; text-decoration:underline; font-size:14px;}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:600px;
  height:330px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:600px; 
  height:600px;
  margin-top: 150px;  
  background-color:#ffffff;
  
}
#boxes #dialog2 {
  width:600px; 
  height:720px;
  margin-top: 239px;  
  background-color:#ffffff;
  overflow:auto;   
}
#boxes #dialog3 {
  width:600px; 
  height:720px;
  margin-top: 239px;  
  background-color:#ffffff;
  overflow:auto;   
}
.close{display:block; text-align:right; margin-top: 30px;}
.close2{display:block; text-align:right; }
.close3{display:block; text-align:right; }


