/*
CSS escrito por
rickshira (rickshira@gmail.com)
23/08/09
*/

/* PATTERN MAIN CSS PROJECT
----------------------------------------------------------------------------- */

/* Padrões de Tags (deste projeto)
------------------------------------------ */
a{color:#000; text-decoration:underline;}
a:hover{ text-decoration:none;}
select, input{ color:#555B77; font-size:10px;} 
body { background:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.3em; color:#FFF800; }


/* Padrões de Seção (deste projeto)
------------------------------------------ */
.main{ margin:0 auto; width:774px;}
.main2{ float:left; width:774px;}
.main3{ margin:0 auto; padding:0 35px; width:890px;}

.boxExtra{ margin:0 auto; padding:0 0 0 35px; width:900px;}
.bannerEx{ float:right; padding:30px 0 0; width:120px;}
.feedBox{ position:fixed; _position:absolute; left:0; top:300px;}

.header{ background: url(../img/bgBorder.gif) repeat-x bottom; font-size:12px;}
.header a{ color:#FFF800; font-size:10px;}
.header h1{ float:left;}

.header .menu{ clear:both; padding:0 10px 0 0; }

.header .menu ul{ float:right;}
.header .menu li{ float:left; padding:0 0 4px;}
.header .menu a{ float:left; margin:0 2px 0 0; padding:5px 15px; background:#646464; font-size:12px; font-weight:bold; color:#fff; text-decoration:none;}
.header .menu a:hover{ background:#fff; color:#000;}
.header .menu li.active{padding:0;}
.header .menu li.active a{ background:#fff; color:#000; padding:5px 15px 9px; cursor:default;}

.header .menu ul.langSubMenu{float:left; margin-left: 20px}
.header .menu ul.langSubMenu a{
	float:left; 
	margin:0 2px 0 0; 
	padding:5px 5px; 
	background:#646464;	
	font-size:10px; 
	font-weight:bold; 
	color:#000; 
	text-decoration:none;
}
.header .menu ul.langSubMenu a:hover{ background:#FFF; color:#000;}
.header .menu ul.langSubMenu li.active a{ background:#FFF; color:#000; cursor:default;}

.header .boxLogin{ float:right; width:266px; padding:25px 0 0;}
.header .boxLogin span{ padding:0 5px;}
.header .boxLogin .elem01 .p{ float:left; margin:0 10px 0 0;}
.header .boxLogin .elem01 .p label{ display:block;}
.header .boxLogin .elem01 .p input,
.header .boxLogin .elem01 .p select{ width:120px; border:0; font-size:12px;}
.header .boxLogin .elem02{ padding:0 0 5px;}
.header .boxLogin .elem03 .p{ float:left; margin:0 10px 0 0;}
.header .boxLogin .elem03 .elemButton{ float:right; padding:0 12px 0 0;}
.header .boxLogin .linkOn{ padding:0 15px 0 0; text-align:right;}

.header .bannerIn{ float:left; padding:10px 0 0;}

.content{ background:#fff; border:4px solid #646464; border-top:0; color:#000;}
.content h2{ margin:0 0 10px 15px; font-size:35px; line-height:1.3em; font-weight:normal; color:#fff;}
.content h2 span{ padding:5px; background:#646464;}
.content h3{ font-size:26px; line-height:1.3em; font-weight:normal;}
.content .boxIn{ padding:20px 30px;}

.footer{ position:relative; padding:10px 0 0; height:50px; font-size:10px; text-align:center;}
.footer a{ color:#FFF800;}
.footer .assin{ position:absolute; right:10px; top:10px; color:#9CFF00;}
.footer .assin a{ color:#9CFF00;}


/* Elementos multiusos (repetido em mais de uma pagina)
------------------------------------------ */

.content div.yellowEyesore {
	background-color: yellow;
	width: 78%;
	height: 70px;
	margin: 20px 0 0 16px;
	font-weight: bold;
	padding: 25px 20px 0 20px;
}

.content .bxxAviso{margin:50px auto 180px; padding:25px 40px; width:400px; background:#C8C8C8;}
.content .bxxAvisoDown{margin:0px; padding:25px 40px; width:400px; background:#C8C8C8;}
.content .bxxAviso h4{ font-size:17px; line-height:1.2em; text-align:center;}
.content .bxxAviso p{text-align:center;}
.content .bxxAviso .boxButton{ padding: 20px 0 0; text-align:center;}
.content .boxIn .bxxAviso{ margin:50px auto 50px;}

.content .bxxMaisInfo{ margin:0 auto; width:290px;}
.content .bxxMaisInfo label{ display:block; margin:10px 0 0;}
.content .bxxMaisInfo input.text{ width:286px; font-size:16px;}
.content .bxxMaisInfo input.text01{ float:left; width:36px; font-size:16px;}
.content .bxxMaisInfo input.text02{ float:right; width:236px; font-size:16px;}
.content .bxxMaisInfo .boxButton{ padding: 20px 0 0; text-align:center;}

.content .bxxContato{ margin:0 auto; width:290px;}
.content .bxxContato label{ display:block; margin:10px 0 0;}
.content .bxxContato select,
.content .bxxContato input.text{ width:286px; font-size:16px;}
.content .bxxContato textarea{ width:286px; height:100px; font-size:16px;}
.content .bxxContato .boxButton{ padding: 20px 0 0; text-align:center;}

.content .fooGray{ padding:15px 20px; background:#C8C8C8; font-size:12px; line-height:1.2em; height:30px; overflow:hidden;}
.content .fooGray .backDash{ clear:right; float:right; width:150px; padding:7px 0 0; text-align:right;}
.content .fooGray .backDash a{ padding:0 0 0 10px; background:url(../img/arrow02.gif) no-repeat left center;}
.content .fooGray .newMon{ float:left;}
.content .fooGray .navBar{ float:right; width:600px; text-align:right;}
.content .fooGray .navBar a.arrow01{ padding:0 0 0 15px; background:url(../img/arrow01.gif) no-repeat left center;}
.content .fooGray .navBar a.arrow02{ padding:0 0 0 10px; background:url(../img/arrow02.gif) no-repeat left center;}
.content .fooGray .navBar a.arrow03{ padding:0 10px 0 0; background:url(../img/arrow03.gif) no-repeat right center;}
.content .fooGray .navBar a.arrow04{ padding:0 15px 0 0; background:url(../img/arrow04.gif) no-repeat right center;}
.content .fooGray .navBar a.active,
.content .fooGray .navBar a:hover{ font-size:14px; font-weight:bold; text-decoration:none;}

.content .interDestaque {padding:3px 3px}
.content div.interDestaque:hover{background:#C8C8C8;}
.content .interDestaque .elemInterface{ float:left; width:305px; height:172px;}
.content .interDestaque .infoInter{ float:right; width:500px;}
.content .interDestaque .infoInter h4{font-size:16px; line-height:1.2em;}
.content .interDestaque .infoInter p{ padding:5px 0 10px; font-size:12px; line-height:1.2em;}
.content .interDestaque .infoInter .elemLink a{ padding:3px 10px; background:#FFF800; font-size:15px; line-height:1.5em; text-decoration:none; font-weight:bold;}
.content .interDestaque .infoInter .elemLink a:hover{ background:#9BFF00; text-decoration:none;}

.content .interLista{ padding:20px 0 0;}
.content .interLista ul{}
.content .interLista ul li{ float:left; margin:0 23px 20px 0; padding:3px 3px 10px; width:212px; height:300px;}
.content .interLista ul li:hover{background:#C8C8C8;}
.content .interLista ul li .elemInterface{width:212px; height:120px;}
.content .interLista ul li .limiteText{ padding:5px 3px; overflow:hidden;}
.content .interLista ul li h4{font-size:16px; line-height:1.2em;}
.content .interLista ul li p{ padding:0 0 5px; font-size:12px; line-height:1.2em; min-height: 100px}
.content .interLista ul li .elemLink{ text-align:center;}
.content .interLista ul li .elemLink a{ padding:3px 10px; background:#FFF800; font-size:15px; line-height:1.5em; text-decoration:none; font-weight:bold;}
.content .interLista ul li .elemLink a:hover{ background:#9BFF00; text-decoration:none;}