/* CSS Document */



/* =TIPOGRAFIA 
------------------------------------------------------------------- */
.bmain, .bint {
	font-family:Arial, Helvetica, sans-serif;
}

.blogin {
    margin: 0px 0px 0px 0px;
    background-color: transparent;
    background-image: none;
    font-family: Arial;
    font-size: 10px;
}

div#idioma h3 {
	text-align:right;
}

div#idioma p, div#idioma a, div#idiomas-content a {
	font-size:10px;
}

.input-user {
	font-size:11px;
	font-family:arial;
}

.input-senha {
	font-size:11px;
	font-family:arial;
}

a#forget {
	font-size:10px;
	background-position: 0 6px;
	background-repeat: no-repeat;
}

a#sair {
	font-size:10px;
	background-position: right 6px;
	background-repeat: no-repeat;
}

#radio {
	font-size:10px;
	line-height:18px;
}

div#submenu {
	font-size:11px;
}

div#box p, div#box-meio p, div#box-lista a {
	font-size:11px;
}

div#adress p {
	font-size:10px;
	line-height:12px;
}

div#creditos {
	font-size:8px;
}


/* =LAYOUT
------------------------------------------------------------------- */
div#wp {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border-bottom:0;
}

div#ct {
	width:850px;
	min-height:100%;
	_height:100%;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-433px;
	border-bottom:0;
	padding:0 8px;
}

div#shadow-left {
	width:8px;
	height:364px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-433px;
}

div#shadow-right {
	width:8px;
	height:364px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:425px;
}

div#main-ct {
	position:relative;
	width:850px;
}

div#header {
	width:850px;
	height:84px;
}

div#flash-logo {
	float:left;
}

div#flash-slogan {
	float:left;
	width: 377px;
	height: 84px;
}

div#idioma {
	position:relative;
	width:146px;
	float:right;
	padding:6px 0 0 0;
	margin:0 0 0 21px;
}

div#idioma h3 {
	display:block;
	margin:0;
	padding:0 8px 0 0;
}

div#idioma p {
	margin:0;
	padding:0;
}

div#idioma a img {
	display:inline-block;
	margin:0 2px -2px 0;
	padding:0;
}

a#flag {
	width:110px;
	height:18px;
	display:block;
	padding:6px 0 0 36px;
	margin:0;
}

div#manter-idioma {
	position:relative;
	width:123px;
	height:18px;
	padding:6px 0 0 23px;
}

div#manter-idioma p {
	margin:0;
	padding:0;
}

#chkManterIdioma {	
	position:absolute;
	top:6px;
	/top:2px;
	_top:2px; 
	left:126px;
	/left:122px;
	_left:122px;
	margin:0;
	padding:0;
}

div#lista-idiomas {
	position:absolute;
	width:115px;
	height:39px;
	top:44px;
	left:20px;
	z-index:100;
}

#iframe-idiomas {
	background:white;
	overflow-x:hidden;
}

div#idiomas-content {
	width:96px;
	margin:0;
	padding:1px 0 0 7px;
	border-bottom:0;
}

div#idiomas-content a {
	display:block;
	padding:0 0 0 19px;
	margin:4px 0 0 0;
}

#iflogin {
	width: 175px;
	height: 84px;
	float:right;
	margin:0;
	padding:0;
}

div#login {
	width:175px;
	float:left;
	margin:0;
	padding: 5px 0 0 0;
	position: relative;
}

#flogin
{
	margin: 0;
	padding: 0;
}

div#login h3 {
	margin:0;
	padding:0 0 0 3px;
	height: 16px;
	overflow: hidden;
}

#user-box, #senha-box {
	float:left;
}

#user-box {
	padding:0px 2px 0 11px;
}

#senha-box {
	padding:0px 2px 0 0;
}

#ok-box {
	float:right;
	padding:0 11px 0 0;
}

#hello
{
	position: absolute;
	top: 7px;
	right: 10px;
	font-family: Arial;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}

#username {
	width:48px;
	height:11px;
	margin:0;
}

#password {
	width:29px;
	height:11px;
	margin:0;
}

#login-box {
	width:175px;
	margin:0;
	padding:5px 0 0 11px;
}

div#forget-box {
	display:block;
	float:left;
	padding: 0px 0 0 14px;
	width: 161px;
}

a#sair {
	padding:0 8px 0 0;
}

a#forget {
	padding:0 0px 0 8px;
}

.input-user, .input-senha {
	float:left;
	width:62px;
	height:13px;
	padding:1px;
}

.input-busca {
	float:left;
	display:inline;
	width:112px;
	height:13px;
	margin:4px 0 0 4px;
	font-family: Arial;
	font-size: 11px;
}

#ok {
	width:17px;
	height:17px;
	margin:11px 0 0 0;
}

#oks {
	float:left;
	display:inline;
	width:17px;
	height:17px;
	margin:4px 0 0 3px;
}

div#menu, div#menu2 {
	position:relative;
	width:850px;
	height:30px;
}

div#menu-item {
	float:left;
}

div#busca {
	height:30px;
	float:right;
	position: relative;
	overflow: hidden;
}

a#busca2 {
	height:30px;
	position: absolute;
	right: 0;
	background-position: right 9px;
	background-repeat: no-repeat;
	z-index: 2;
}

a#busca:hover {
	background-position: right 9px;
}

div#busca3 {
	height:30px;
	position: absolute;
	right: 0;
	z-index: 1;
}

div#busca-menu {
	position:absolute;
	width:154px;
	top: -13px;
	right:0;
	z-index:100;
	display: none;
}

div#busca-menu #radio {
	margin:0;
	padding:3px 0 6px 4px;
}

div#outdoor, div#outdoorCC {
	width:850px;
	margin-top:12px;
	display:inline-block;
	position: relative;
}

div#outdoor {
	height: 200px;
}

div#outdoorCC2 {
	width: 562px;
	height: 200px;
	float: left;
}

#bannerBanner {
	width:850px;
	height:200px;
	position:absolute;
	z-index: 10;
	top:0px;
	right:0px;
}

#bannerCarregando {
	width:850px;
	height:200px;
	position:absolute;
	z-index: 11;
	background-color: White;
	top:0px;
	right:0px;
	text-align: center;
	padding-top: 75px;
	font-family: Arial;
	font-size: 10px;
}

div#outdoor img {
	float:left;
}

.radio {
	display:inline-block;
	float:left;
}

div#boxes-wp {
	width:850px;
	margin-top:12px;
}

div#box {
	width:275px;
	float:left;
}

div#box-meio {
	float:left;
}

div#empty {
	float:left;
}

div#footer-wrapper {
	position:relative;
	display:inline-block;
}

div#footer {
	position:relative;
	width:850px;
	display:inline-block;
}

div#adress {
	float:left;
	display:inline;
}

div#contato, div#indique {
	position:relative;
	float:right;
	display:inline;
}

div#creditos {
	position:relative;
	display:inline-block;
	width:837px;
	height:14px;
	text-align:center;
	padding:5px 2px 3px 11px;
}

div#copy {
	display:inline;
	float:left;
}

div#privacidade {
	display:block;
}

img#salvego, img#plus, img#dnex {
	display:inline;
	float:right;
}



/* LAYER DO SUBMENU 
--------------------------------------------*/
/* Para montar o submenu com todas as partes ocultáveis, utilizei posicionamento relativo para sobrepor bordas de 1px das colunas com backgrounds de 1px repetidos em y. Assim, as bordas não ficam duplicadas e todas as colunas aumentam conforme o tamanho do conteúdo, sem que a borda fique quebrada por causa de uma coluna adjacente de menor altura */

div#submenu {
	position:absolute;
	top:30px;
	left:167px;
	padding:0;
	z-index: 1050;
	padding:0 0 0 1px;
}

div#coluna {
	position:relative;
	top:0;
	right:-1px;
	float:left;
	display:inline-block;
}

div#coluna1, div#coluna2 {
	position:relative;
	float:left;
}

div#coluna1 {
	top:0;
	right:0px;
	padding: 1px 0 0 7px;
}

div#coluna2 {
	position:relative;
	top:0;
	left:-1px;
	float:left;
	padding:0 0 0 0;
	display: none;
}

div#coluna1 ul {
	float:left;
	display:inline-block;
	margin:0;
	padding:3px 13px 9px 2px;
	list-style:none;
	list-style-position:outside;
}

div#coluna2 ul {
	float:left;
	display:inline-block;
	margin:0;
	padding:0px 0px 9px 0px;
	list-style:none;
	list-style-position:outside;
}

div#coluna2 ul li {
	margin:0;
	list-style:none;
	list-style-position:outside;
	padding: 4px 15px 0px 11px;
}

div#coluna1 ul li {
	margin:0;
	padding:4px 0 0 0;
	list-style:none;
	list-style-position:outside;
}

div#submenu ul li a {
	padding:0 0 0 9px;
}

div#submenu #liActive 
{
	font-weight: bold;
	font-size: 12px;
	padding: 7px 15px 6px 11px;
}

div#submenu #liActive a {
	margin: 0 0 0 0;
}

div#submenu #liActive A:hover {
	text-decoration: none;
}


a#close {
	float:left;
	width:22px;
	height:27px;
	display: none;
}

a#close2 {
	position: absolute;
	right: 0;
	top: 28px;
	width:22px;
	height:27px;
	display: none;
}

#liMenuSep
{
	height: 1px;
	width: 1px;
	position: relative;
	top: 0px;
	left: 0px;
}

#liMenuSep2, #liMenuSep3
{
	height: 1px;
	width: 10px;
	overflow: hidden;
	position: absolute;
	top: 9px;
	left: -10px;
}

#liMenuSep3
{
	left: -11px;
}

/* =COLORS 
------------------------------------------------------------------- */
html {
	scrollbar-arrow-color:#f2f2ea;
	scrollbar-3dlight-color:#858580;
	scrollbar-highlight-color:#858580;
	scrollbar-face-color:#858580;
	scrollbar-shadow-color:#858580;
	scrollbar-darkshadow-color:#858580;
	scrollbar-track-color:#f2f2eA;
}

div#idioma {
	background:url('../images/bg_idioma.gif') right top no-repeat;
}

div#idioma h3 {
	border-bottom:1px solid #d70000;
}

a#flag {
	text-decoration:none;
	border-bottom:1px solid #cbd2d9;
}

a#flag:hover {
	text-decoration:underline;
}

a#flag {
	color:#3f464d;
}

a#forget {
	text-decoration:none;
	display: block;
	width: 116px;
}

a#sair {
	text-decoration:none;
	display: block;
	position: absolute;
	top: 32px;
	left: 139px;
}

#space1
{
	overflow: hidden;
	height: 5px;
	clear: both;
}

a#forget:hover, a#sair:hover {
	text-decoration:underline;
}

div#manter-idioma {
	border-bottom:1px solid #cbd2d9;
}

div#manter-idioma p {
	color:#777e85;
}

div#lista-idiomas {
	background:url('../images/bg_iframe_idiomas.gif') left top repeat-x;
}

#iframe-idiomas {
	background:white;
}

div#idiomas-content a {
	color:#404040;
	text-decoration:none;
}

div#idiomas-content a:hover {
	text-decoration:underline;
}

a#brasil {
	background:url('../images/flags/color/pt.gif') left top no-repeat;
}

a#espanha {
	background:url('../images/flags/color/es.gif') left top no-repeat;
}

div#empty {
	background:white;
}

#hiddenSubmit
{
	overflow: hidden;
	position: absolute;
	top: -5000px;
}