/* CSS Document */

/* TUDO */

body{
	margin:0;
	background: #000;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: #b5b5b5;
	text-align: center;
	}
	
h1 {
	width: 764px;
	_width:740px;
	height: 32px;
	background-image: url(imagens/tit_sac.gif);
	}
	
h1#trabalhe {
	width: 764px; _width:740px;
	height: 32px;
	background-image: url(imagens/tit_trabalhe.gif);
	}

h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.3em;
	color:#A8FD0A;
	background-color:#000;
	padding: 3px 8px;
	}

h3 {
	color:#A8FD0A;
	font-size:1.3em;
}

img{ border:0; }
form{ margin:0; padding:0;}
li{ list-style-image:url(imagens/seta2.gif);}
li a{ color:#fff !IMPORTANT;}
li a:hover{ color:#fff !IMPORTANT;}


/* layout */

#bgum {background: #000 url(imagens/bgtudo.gif); max-width:1680px;margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */}
#bgdois { background: url(imagens/bgtopo.png) top center no-repeat; min-width:990px; max-width:1680px;}


#container { 
	width:990px; 
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	}
	
#menu {
	height:40px;
	width:469px;
	margin:33px 0px 30px 565px;
	float:right;
}

#conteudo {
	width:760px;
	_width:740px;
	border:8px solid #1D1E20;
	background: url(imagens/bgprincipal.gif);
	padding:20px;
	margin-bottom:60px;
	}
	
#footer {
	height:95px;
	background:url(imagens/bgfooter.jpg) repeat-x;
	text-align:center;
	padding-top:14px;
}
#copyright { 
	height:114px;
	width:100%;
	background: #000;
}


/* ------- ESTRUTURA ---------- */
.breadcrumb{
	float:left;
	width:926px;
	height:22px;
	font-size:0.8em;
}
.barraCentralAtendimento{

	width:926px;
	height:123px;
}
.menuLateral{
	float:left;
	width:180px;
	font-size:12px;
}
.areaConteudo{
	float:right;
	width:800px;
	_width:750px;
}



/* ------- TITULO ---------- */
.titCentralAtendimento{
	float:left;
	width:290px;
	height:123px;
	background:url(imagens/titCentralAtendimento.jpg) no-repeat;
}
.btnChat{
	float:right;
	width:130px;
	height:123px;
	cursor:pointer;
	background:url(imagens/btnChat.gif)  0 20px no-repeat;
}

.btnEmail{
	float:right;
	width:136px;
	height:123px;
	cursor:pointer;
	background:url(imagens/btnEmail.gif) 0 20px no-repeat;
}

.btnTelefone{
	float:right;
	width:139px;
	height:123px;
	background:url(imagens/btnTelefone.gif) 0 20px no-repeat;
}

.titBordaDir{
	float:left;
	width:21px;
	height:123px;
	background:url(imagens/titBordaDir.jpg) no-repeat;
}

.balao{
	position: relative;
	top:103px;
	left:-40px;
	z-index:999;
	padding:10px;
	width: 177px;
	text-align:center;
	background-color:#000;
	color:#fff;
	font-size:11px;
}

.balaoCentro{
	width: 161px;
	background-image: url(imagens/balao/balao_base.png);
	background-position: bottom center;
	font-size: small;
	padding: 0 8px 12px 8px;

}



/* ------- TITULO CONTEUDO ---------- */
.titulo{
	float:left;
	width:691px;
	height:29px;
	margin-bottom:25px;
	background:url(imagens/tituloBg02.gif) repeat-x;
}
.bordaEsq{
	float:left;
	width:6px;
	height:29px;
	background:url(imagens/tituloBordaEsq.gif) no-repeat;
}
.text{
	float:left;
	width:70px;
	height:29px;
	text-align:center;
	background:url(imagens/tituloBg01.gif) repeat-x;
}
.bordaMeio{
	float:left;
	width:29px;
	height:29px;
	background: url(imagens/tituloBordaMeio.gif) no-repeat;
}
.BordaDir{
	float:right;
	width:7px;
	height:29px;
	background:url(imagens/tituloBordaDir.gif) no-repeat;
}



/* ------- LATERAL ESQUERDA ---------- */
.boxMenu{

	width:177px;
	height:74px;
	background: url(imagens/bg_caixanews.png) no-repeat;
	padding-top:35px;
}
.boxMenuDois{

	width:177px;
	height:326px;
	margin-bottom:20px;
	background: url(imagens/bg_caixatrabalhe.png) no-repeat;
	padding-top:35px;
}
.titMenu{
	float:left;
	width:220px;
	height:23px;
}

.btnMenu{
	float:left;
	margin:2px 0 0 2px;   /*CLASSE IE 6*/
}
.btnMenu a{
	float:left;
	width:206px;
	padding:5px;
	text-decoration:none;
}
.btnMenu a:hover{
	background:#EBEBEB;
	text-decoration:none;
}
.linhaMenu{
	float:left;
	width:216px;
	height:2px;
	font-size:0;
	background: url(imagens/linhaDivMenu.gif) repeat-x; 
}
.bordaBottom{
	float:left;
	width:220px;
	height:9px;
	font-size:0px;
	background:url(imagens/menuBordaBottom.gif) no-repeat;
}
.bordaBottom2{
	float:left;
	width:220px;
	height:84px;
	background:url(imagens/menuBordaBottomTrabalhe.gif) no-repeat;
}
.textBox{

	margin:10px 10px 10px 10px;  /*CLASSE IE 6*/
}


/* geral */

.left { float:left;}
.right { float:right;}
.clear {clear:both; height:0; margin:0;}

.fltleft {	float:left; margin-right:10px;}
.fltright {	float:right; }

.indent { text-indent:-2000px;}
.hide {display:none;}

.center {text-align:center;}

.margintop { margin-top:10px;}
.marginbottom { margin-bottom:10px;}
.marginleft { margin-left:10px;}
.marginright { margin-right:10px;}

.bordabranca { border: 3px solid #fff;}
.bordacinza {border:3px solid #3B3734;}

#email_cadastro { width:110px;}


.coluna01{
	float:left;
	width:310px;
	margin:10px 15px 0 10px;
}
.coluna02{
	float:left;
	width:320px;
	margin: 10px 0 0 15px;
}
.linhaDivisao{
	float:left;
	width:1px;
	height:560px;  /*CLASSE IE 6*/
	background:url(imagens/linhaCont.gif) repeat-y;
}
.colunaunica {
	float:left;
	margin: 0px 10px;
	width:660px;
}


.btEnviar {
	background-image: url(imagens/bt_enviar.jpg);
	height: 26px;
	width: 66px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* links */

a {outline:none;}

a:link, a:visited, a:active { color:#fff; text-decoration:none;}
a:hover  { color:#fff; text-decoration:underline;}

a.linkpeq:link, a.linkpeq:visited, a.linkpeq:active { color:#000; font-weight:bold; text-decoration:none; font-size:0.8em; line-height:1.2em;}
a.linkpeq:hover{ color:#000; font-weight:bold; text-decoration:none; font-size:0.8em; line-height:1.2em;}

a.cinza:link, a.cinza:visited, a.cinza:active, a.cinza:hover { color:#4C4D54;}