html,body{margin:0;padding:0}
body{ color:#666666; font: 10px Verdana,Arial,sans-serif; text-align: center;background: #757D77;padding-bottom:20px}
p{margin-top:0}
h1,h2,h3{font: normal normal 140% "verdana",Arial,sans-serif; font-weight:bold; color:#FFFFFF; }
h2{font-size:160%; color:#FF0000; }
h3{font-size:120%}
center{ text-align:center; margin-top: 10px; }
A:link{text-decoration: none; color:#0066CC;}
A:visited{text-decoration: none; color:#0066CC;}
A:hover{text-decoration: underline; color:#0066CC;}

/* background: #e5e5e5 url(../img/arrow.gif) no-repeat left; */ 
div#header{ width:718px;margin:0 auto 0; padding-top: 10px; text-align:left; background:#BDD899; }
div#menu{ padding-top:3px; padding-left:215px; width:718px; margin:-2px auto 0; background: #7DD50A; height: 24px; text-align:right; }

ul#men,ul#men li{list-style-type:none; margin:0; padding:0; }
ul#men ul{ width: 240px; }
ul#men li{ margin-right: 7px; text-align: center; padding: 5px 0; width:73px; height:20px; color:#FFFFFF; font-weight:bold; float:right; }
		  
div#conteudo{ width:718px; margin:0 auto 0; padding: 0 10px; background: #FFFFFF; height: 200px; }

div#ladoa{ position: fixed; margin-top:-33px; float:left; width: 186px; }
div#ladob{ float: right; width: 512px; text-align: justify; padding:10px 10px; }

div#login{ width: 186px;  background: #D8FAA8; float:left; text-align:left; padding:5px 5px; }

div#top{ text-align:justify; padding: 5px 5px; width: 186px; background: #f5f5f5; float:left; }
div#novos{ text-align:justify; padding: 5px 5px; width: 186px; background: #f0f0f0; float:left; }
div#novos{ text-align:justify; padding: 5px 5px; width: 186px; float:left; }
div#topo_novos{ color:#FFFFFF; text-align:justify; padding: 5px 5px; width: 186px; background: #999999; float:left; }
div#topo_top{ color:#FFFFFF; text-align:justify; padding: 5px 5px; width: 186px; background: #999999; float:left; }
#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 125px;
padding: 0px;
margin: 3px;
}

#horizontaltmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 125px;
padding: 0px;
margin: 3px;
float:left;
}



#horizontaltmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
float:left;
}
#horizontaltmenu ul li {
margin-bottom: 2px;
padding: 0;

}
#horizontaltmenu ul li a {
font-size: 90%;
display: block;
padding: 5px 0px 4px 4px;
text-decoration: none;
color: #3366cc;
width:50px;
background:#D8FAA8;
float:left;
}

#horizontaltmenu ul li a:hover, #horizontaltmenu ul li a:focus { color: #3366cc; background-color: #FEFCB1; }


#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin-bottom: 2px;
padding: 0;
}
#vertmenu ul li a {
font-size: 90%;
display: block;
padding: 5px 0px 4px 4px;
text-decoration: none;
color: #3366cc;
width:170px;
background:#D8FAA8;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus { color: #3366cc; background-color: #FEFCB1; }


ul#nav,ul#nav li{ list-style-type:none; margin:0; padding:0; }
ul#nav{	font-size: 80%; }
ul#nav li{ width: 120px; height: 20px; padding: 5px 5px; margin-top: -1px; }
ul#nav a{ float:left; width: 114px; padding: 5px 5px; background: #3366cc; color:#FFFFFF; }
ul#nav a:hover{ background: #D4DDFF; padding: 5px 5px; color:#3366cc; }



div#footer{ width:718px; margin:0 auto 0; padding: 10px 10px; background: #BDD899; color:#FFFFFF; height: 40px; text-align:center; }
div#footer A:link, div#footer A:visited, div#footer A:hover{ color: #ffffff; }

div#princ{ width:490; border-bottom: dashed #CCCCCC 1px; text-align:justify; clear:both;}
div#linkshorizontal{ width:490; text-align:justify; clear:both;}
div#afiliado{ width:490; text-align:justify;}
div#www{ margin-right:20px; margin-top:10px; margin-bottom:20px; float:left; position: fixed; height:110px; width:110px; }

div#crie{ margin-left:20px; float:right; margin-top:10px; margin-bottom:5px;  height:110px; width:110px;  }

div#princ2{ margin-top:20px; width:490; border-bottom: dashed #CCCCCC 1px; text-align:justify;}
div#princ3{ margin-top:20px; width:490; text-align:justify;}
div#princ{ width:490;  text-align:justify; clear:both;}
div#princ5{ margin-top:20px; width:490; border-top: dashed #CCCCCC 1px; text-align:justify;}

div#input2{ float:right; }
div#input{ float:right; margin-bottom:10px; }

.formulario{ font-family: Verdana; font-size: 9px; color: #000000; border: 1px solid #CCCCCC; background: #FEFBE2; }

.botao  {font-family: verdana;font-size: 10px; color:#000000;border: 1px solid #CCCCCC; background: #FEFBE2; margin-left: 1px; margin-top: 5px; }

div#login_af{ width:480px; border-bottom: dashed #CCCCCC 1px; border-top:dashed #CCCCCC 1px;  }
div#janela_login { margin-top:5px; margin-left:10; padding: 5px 5px; width:180px; height:100px; float:right; background: #D8FAA8; }
div#como_funciona{ margin-top:10px; width:480px; height:416; background-image:url(../images/como_funciona.gif);}
.tabela{ width: 95%; 1px solid #999; font: 10px Verdana,Arial,sans-serif;}

div#sucesso { margin-top:70px; margin-left:47px; padding:5px 5px 5px 5px;  width:398px;  border: dashed #CCCCCC 1px; height:150px;}



#vdividermenu ul{
margin: 0;
padding: 0;
margin-bottom: 1em;
float: left;
font: bold 100% Tohoma;
/* border: #000000 solid 1px; */

background-color: #7DD50A;
}

* html #vdividermenu ul{ /*IE only rule, reduce menu width*/

}

#vdividermenu ul li{
display: inline;
}

#vdividermenu ul li a{
float: left;
color: #FFFFFF;
padding: 2px 12px;
text-decoration: none;
background: transparent url(http://www.br21.com/br21v2/images/vertical.gif) center right no-repeat;
}

#vdividermenu ul li a:visited{
color: #FFFFFF;
}

#vdividermenu ul li a:hover{
color: #000000;
background-color: #ffe84f;
}

div#faq_resp{ width:490; padding-top:5px;  border-top: dashed #CCCCCC 1px; text-align:justify;}
div#img_cat{
width:32px;
height:32px;
float:left;
}
div#cat1{
border-bottom: dashed #CCCCCC 1px;
margin-left:6px;
margin-bottom:3px;
padding-left:4px;
padding-top:4px;
width:236px;
background-color: #EFFFE8;


height:40px;
float:left;
}
div#cat2{
padding:4px 4px 4px 4px;
margin-left:3px;
width:243px;
background-color:#CCCCCC;
height:40px;
float:left;
}
div#list_cat{
margin-bottom:8px;
border-bottom: dashed #CCCCCC 1px;
width:490px;
height:40px;
padding:5px 5px 5px 5px;
background-color:#EFFFE8;
}
div#cat3{
border: 1px solid #CCCCCC;
border-bottom: 2px #999999 solid;

margin-left:6px;
margin-bottom:8px;
padding-left:4px;
padding-top:4px;
width:480px;
height:40px;
float:left;
}
div#jogos{ width: 100pxpx; height: 48px; margin-left:20px; margin-bottom:20px; margin-top:7px; border: 1px dashed #66CC33; padding: 5px 5px; margin-right: 10px; float:left; text-align:center; }