html,body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font:11px verdana;
	color:#4c4c4c;
}

#site {width:100%; height:auto; min-height:100%; background-color:#57a4b4;}

/* --- generic --------------------------------------------- */
h1 {font:24px hancock; font-weight:bold; color:#67784b;}
p {margin:0; margin-top:10px; padding:0; font:11px verdana; line-height:20px; text-align:justify; color:#7f8552;}

hr {clear:left; border:1px #e7e7e7 solid; width:100%; height:0px;}
li {padding-top:10px;}

a 		{font:11px verdana; color:#49a0e7; text-decoration:none;}
a:hover {font:11px verdana; color:#ffffff; background:#72a9ab; text-decoration:none;}

.laranja, .laranja:hover, .red, .red:hover {color:#b7200c;}
.branco, .branco:hover {color:#fff;}

.data {font:9px verdana; color:#6dac41; text-decoration:none;}


/* --- forms --------------------------------------------- */
label {float:left; width:100px; text-align:right; margin-right:10px;}
.edit,select,textarea {font:10px verdana; color:#0099cc; border:1px #d8d8d8 solid;}
edit:focus, select:focus, textarea:focus {background-color:#FFFFDD;}
.editBusca {width:160px; font:10px verdana; color:#0099cc; border:1px #d8d8d8 solid;}
.botao {width:220px; font:10px verdana; color:#666666; background-color:#FFFFDD;}
.btNoWidth {font:10px verdana; color:#666666; background-color:#FFFFDD;}


.img		{padding:3px; border:1px #7f8552 solid;}
.imgLeft	{float:left; padding:7px;  background:#bfc2a8; margin-right:10px;}
.imgRight	{float:right; padding:7px;  background:#bfc2a8; margin-left:10px;}

#space 		{clear:both; height:12px; width:10px;}

.msg {padding:10px; border:1px #EEEEEE solid; background-color:#f1f7f8;}

/* --- top --------------------------------------------- */
#top {
	margin:0 auto 0;
	padding:0;
	width:819px;
	height:100%;
	display:table;
	clear:both;
	background:url(images/line.gif) repeat-y;
}

#top #colA {float:left; width:271px; height:auto;}
	
	#top #colA #menu {float:left; width:245px; padding:0 13px 0 13px; background:url(images/menu_bg01.gif) repeat-y;}
	#top #colA #menu #item a 		{float:left; width:225px; height:45px; padding:10px; background:none; font:11px verdana; color:#72a9ab; text-decoration:none;}
	#top #colA #menu #item a:hover	{float:left; width:225px; height:45px; padding:10px; background:#72a9ab; font:11px verdana; color:#ffffff; text-decoration:none;}
	
	#titA 	{float:left; margin-left:15px; _margin-left:7px; padding:4px 0 0 4px; width:239px; height:26px; background:url(images/tit_bg1.gif) repeat-x;}
	#boardA {float:left; margin-left:15px; _margin-left:7px; width:221px; padding:0 10px 0 10px; border-left:1px #bfc2a8 solid; border-right:1px #bfc2a8 solid; border-bottom:1px #bfc2a8 solid; background:#ffffff;}

#top #colB {float:right; width:548px; height:auto;}

	#top #colB #submenu {float:left; padding:8px 0 0 0; width:548px; height:21px; background:#57a3b4; text-align:right;}
	
	#top #colB #anime {float:left; width:527px; padding:0 15px 0 6px;}
	#top #colB #conteudo {float:left; width:489px; padding:0 34px 0 25px; background:url(images/fachada10.gif) no-repeat top center;}
	
	#titB 	{float:left; width:485px; height:26px; padding:4px 0 0 4px; background:url(images/tit_bg1.gif) repeat-x;}
	#boardB {float:left; width:487px; border-left:1px #bfc2a8 solid; border-right:1px #bfc2a8 solid; border-bottom:1px #bfc2a8 solid; background:#ffffff;}

#bot {
	margin:0 auto 0;
	padding:0;
	width:819px;
	height:100px;
	clear:both;
	text-align:center;
}