/*======================== Reset=========================*/
* { margin: 0; padding: 0; }
img, fieldset, button { border: none; }

/*========================Tags Gerais=========================*/
a, a:hover { text-decoration: none; color:#7f5e31;}
li { list-style:none;}

/*========================Tipografia=========================*/
body, input, select, textarea{
	font-family: "Arial", Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}

html{ background-color:#FFF;}
address{font-style:normal;}

/*========================Geral=========================*/
#geral{width:976px; margin:auto;}


/*Formularios===========================================*/
input, textarea,  select {border:1px solid #9c9c9c; height:20px;}
input:focus, select:focus, textarea:focus {border:1px solid #E0CB74;}

/*======================Topo=========================*/
#bg_topo{background:url(../imagens/bg_topo.png) repeat-x }
#bg_topo #topo{width:976px;margin:auto; height:160px;}
#bg_topo #topo #logo{width:241px; height:150px; position:absolute; margin-left:14px;}
#bg_topo #topo #logo #marpa{
	background:url(../imagens/logo.jpg) no-repeat top center;
	width:241px;
	height:70px;
	display:block;
	margin-top:36px;
	text-indent:-2000px;
	overflow:hidden;
}
#bg_topo #topo #logo #logo_grupo{
	background:url(../imagens/grupo.jpg) no-repeat top center;
	width:241px;
	height:26px;
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	margin-left:-73px;
	margin-top:-78px;
	
}
#bg_topo #topo #logo #logo_marcas{
	background:url(../imagens/marcas.jpg) no-repeat top center;
	width:241px;
	height:26px;
	display:block;
	text-indent:-2000px;
	overflow:hidden;
}
#bg_topo #topo #logo #logo_triad{
	background:url(../imagens/triad.jpg) no-repeat top center;
	width:241px;
	height:26px;
	display:block;
	text-indent:-2000px;
	overflow:hidden;
}
#bg_topo #topo #logo #logo_sports{
	background:url(../imagens/sports.jpg) no-repeat top center;
	width:241px;
	height:26px;
	display:block;
	text-indent:-2000px;
	overflow:hidden;
}
#bg_topo #topo #logo #logo_virtual{
	background:url(../imagens/virtual.jpg) no-repeat top center;
	width:241px;
	height:26px;
	display:block;
	text-indent:-2000px;
	overflow:hidden;
}
/*======================Menu Principal=========================*/
#bg_topo #topo #menu{
	width:740px;
	height:150px;
	float:right;
	margin-right:4px;
	display:inline;
}

#bg_topo #topo #menu #menu_geral{float:right; margin:20px 0px; display:inline;}
#bg_topo #topo #menu #menu_geral li{
	float:left;
	padding-left:10px;
	border-left:1px solid #7f5e31;
	margin-right:10px;
	display:inline;
}
#bg_topo #topo #menu #menu_geral li a{font-size:1.0em; font-weight:bold; text-transform:uppercase;}
#bg_topo #topo #menu #menu_geral li a:hover{ color:#000;}
#bg_topo #topo #menu #menu_geral li.first{ border:none;}

/*========================Linguas=========================*/
#bg_topo #topo #menu #linguas{float:right; height:16px; margin: 15px 14px 0px 400px; display:inline;}
#bg_topo #topo #menu #linguas  li{float:right; height:16px; width:23px; display:inline; text-indent:-2000px; overflow:hidden;}
#bg_topo #topo #menu #linguas #brasil{ background:url(../imagens/brasil.jpg) no-repeat; cursor:pointer; }
#bg_topo #topo #menu #linguas #eua{ background:url(../imagens/eua.jpg) no-repeat; margin-left:6px; cursor:pointer;}

/*======================Topo=========================*/
#bg_topo #topo #menu #submenu{float:right;  margin:36px 10px 0px 0px; display:inline; width:750px; }
#bg_topo #topo #menu #submenu li{float:right;margin-left:50px; display:inline;}
#bg_topo #topo #menu #submenu li a{font-size:12px; font-weight:bold; text-transform:uppercase;}
#bg_topo #topo #menu #submenu li a:hover{color:#000;}

/*========================Coluna Esquerda=========================*/
#coluna{
	width:241px;
	float:left;
	margin:4px 0px 0px 14px;
	display:inline; /*Bug da Margem Dupla*/
}
/*======================Box geral background=========================*/
#geral #centro #coluna .box, #geral #centro #conteudo .box {
	background:url(../imagens/bg_transparente.png) repeat;
	border:1px solid #ddd4c8;
	margin-bottom:14px;
}

#geral #centro #coluna .box .topbox, #geral #centro #conteudo .box .topbox{
	background:url(../imagens/tit_esq.png) left no-repeat;
	height:26px;
}


/*======================Box Titulo e barra de fundo=========================*/
#geral #centro #coluna .box .topbox h2, #geral #centro #conteudo .box .topbox h2{
	background:url(../imagens/tit_dir.png) right no-repeat;
	height:20px;
	margin-left:12px;
	font-size:12px;
	color:#FFFFFF;
	text-transform:uppercase;
	padding-top:6px;
	letter-spacing:0.05em;
}

/*======================Box Medio ex: Newsletter=========================*/
#geral #centro #coluna #med.box { height:175px; -moz-border-radius: 4px;}

/*======================Box form Newsletter=========================*/
#geral #centro #coluna .box form#news{padding:10px 10px 5px 10px;}
#geral #centro #coluna .box form#news h3{ font-size:11px; font-weight:bold; display:block; line-height:21px; color:#7f5e31;}
#geral #centro #coluna .box form#news label{ float:left; margin:6px 0px 2px 0px; width:221px; font-weight:bold;}
#geral #centro #coluna .box form#news input{ float:left; width:207px; height:14px; padding:3px;}
#geral #centro #coluna .box form#news input#mail{ float:left; height:14px; width:155px; padding:3px;}
#geral #centro #coluna .box form#news a{
	float:left;
	width:39px;
	height:19px;
	display:block;
	background:url(../imagens/bt_news.png) no-repeat left;
	margin-left:5px;
	padding:3px 0px 0px 6px;
	color:#FFFFFF;
	cursor:pointer;
}

/*======================Coluna Box Central de Relacionamento=========================*/
#geral #centro #coluna #peq.box h1{
	font-size:25px; color:#333333;
	background:url(../imagens/central_icon.png) no-repeat left;
	padding-left:40px;
	float:left;
	margin:15px 10px;
	display:inline;
}
#geral #centro #coluna #peq.box p{
	font-size:11px; color:#333333;
	padding-left:40px;
	float:left;
	margin:10px;
	display:inline;
}
#geral #centro #coluna #peq.box p.planos{padding-left:0px;}
#geral #centro #coluna #peq.box p a{color:#000000;}
#geral #centro #coluna #peq.box p a:hover{color:#A49A55;}
#geral #centro #coluna #peq.box p.chat{background:url(../imagens/chat_icon.png) no-repeat left top;}
#geral #centro #coluna #peq.box p.filiais{background:url(../imagens/filiais_icon.png) no-repeat left top;}
#geral #centro #coluna #peq.box p.palavra{background:url(../imagens/palavra_icon.png) no-repeat left top;}
#geral #centro #coluna #peq.box p.contato{background:url(../imagens/contato_icon.png) no-repeat left top;}
#geral #centro #coluna #peq.box p.trabalhe{background:url(../imagens/trabalhe_icon.png) no-repeat left top; height:45px;}
#geral #centro #coluna #med.box img{ margin:10px 10px 10px 8px; border:1px solid #A49A55;}
#geral #centro #coluna #med.box img:hover{border:1px solid #fff;}

/*======================Box Pequeno ex: Chat=========================*/
#geral #centro #coluna #peq.box {height:90px; -moz-border-radius: 4px;}


/*======================Box Pequeno ex: Chat=========================*/
#geral #centro #coluna #flex ul.box {-moz-border-radius: 4px;}

/*======================Box Flexivel atuação=========================*/
#geral #centro #coluna #flex ul.box a.mais {
	background:url(../imagens/mais.jpg) no-repeat center right;
	height:12px;
	width:12px;
	float:right;
	margin:7px 10px 0px 0px;
}

/*======================Base branca do menu Flexivel=========================*/
#geral #centro #coluna #flex .box .meiobox { padding-bottom:10px;}
*html #geral #centro #coluna #flex .box .meiobox { padding-bottom:10px; display:inline-block;}
#geral #centro #coluna #flex .box .meiobox li {
	background-color:#FFFFFF;
	margin:2px 10px;
	height:20px;
	line-height:20px;
	padding-left:10px;
}
* html #geral #centro #coluna #flex .box .meiobox li {margin:0px 10px 0px 10px;} /*Hack IE6*/
#geral #centro #coluna #flex .box .meiobox li a {display:block;}

/*========================Conteudo=========================*/
#geral #centro #conteudo{
	width:692px;
	float:right;
	margin:4px 14px 0px 0px;
	display:inline; /*Bug da Margem Dupla*/
}
/*========================Banners=========================*/
#geral #centro #conteudo #banner { padding-bottom:14px;}

/*======================Box Grande=========================*/
#geral #centro #conteudo .box {
	background:url(../imagens/bg_transparente.png);
	float:left;
	width:692px;-moz-border-radius: 4px;
	padding-bottom:10px; 
}

/*======================Mapa Localização=========================*/
#geral #centro #conteudo .box .mapa {margin:10px 10px 0px 10px;}

/*======================Descrição das Filiais=========================*/
#geral #centro #conteudo .box p.intro {margin:14px 0px 0px 14px;}

/*======================Div das Filiais=========================*/
#geral #centro #conteudo .box .filiais {width:320px; float:left; }
#geral #centro #conteudo .box .filiais h4 { color:#996600;}

/*======================Mapa das Filiais=========================*/
/*#geral #centro #conteudo .box #flash_filiais{float:right; margin:5px 20px 0px 10px; display:inline;}*/

/*======================Descrição das Filiais=========================*/
/*#geral #centro #conteudo .box #mapaInfo{margin:14px 0px 0px 14px; display:block; width:330px;}
#geral #centro #conteudo .box #mapaInfo h2{margin:10px 0px 0px 0px; color:#7f5e31; font-size:13px;}
#geral #centro #conteudo .box #mapaInfo p{margin:3px 0px 10px 0px; display:block; line-height:20px;}*/

/*========================Ultimas noticias=========================*/
#geral #centro #conteudo .box .caixa{
	width:309px;
	background-color:#fff;
	margin:10px 10px 0px 0px ;
	border: 1px solid #dad1c6;
	-moz-border-radius: 4px;
	float:right;
	padding:10px;
	display:inline;
	min-height:110px

}
/*========================Caixa branca Interna conteudo =========================*/
#geral #centro #conteudo .box .gbox{
	background-color:#fff;
	margin:10px 10px 0px 10px;
	border: 1px solid #dad1c6;
	-moz-border-radius: 4px;
	float:right;
	padding:10px;
	display:inline;
	word-spacing:3px;
	line-height:17px;
	text-align:justify;
	width:650px;
}
/*========================listagem com list stile=========================*/
#geral #centro #conteudo .box .gbox#list li{ list-style:circle; margin-left:14px;}
#geral #centro #conteudo .box .gbox img {float:right; }
#geral #centro #conteudo .box .gbox h3 {color:#333; font-size:13px; margin-bottom:10px;}
#geral #centro #conteudo .box .gbox h3.red{ color:#990000; margin:10px 0px; font-size:13px;}
#geral #centro #conteudo .box .gbox small{ font-size:10px; color:#7C5B2F; margin:0px 0px 10px 0px; display:block}

/*========================Borda fotos=========================*/
#geral #centro #conteudo .box .gbox img.foto { border:1px solid #996600; margin-left:10px;}
#geral #centro #conteudo .box .gbox p{ margin-bottom:10px;}
#geral #centro #conteudo .box .gbox a.twitter{
	background:url(../imagens/twitter.png) bottom left no-repeat;
	width:23px;
	height:23px;
	display:block;
	margin-right:10px;
	float:left;
}
#geral #centro #conteudo .box .gbox a.twitter:hover{ background:url(../imagens/twitter.png) top left no-repeat; }
#geral #centro #conteudo .box .gbox a.twitter p{width:200px; margin:5px 0px 0px 35px; font-size:13px; font-weight:bold; color:#333; }
#geral #centro #conteudo .box .gbox ul li h3 { font-size:13px;}
#geral #centro #conteudo .box .gbox img.video { margin:0px 62px 20px 62px;;}


/*========================listas logos =========================*/
#geral #centro #conteudo .box .gbox ul.logos_emp  { margin-left:-10px;}
#geral #centro #conteudo .box .gbox ul.logos_emp li {
	width:120px;
	height:80px;
	display:inline;
	float:left;
	margin:0px 0px 10px 10px;
	border:1px solid #996600;
}
#geral #centro #conteudo .box .gbox ul.logos_emp img {
	width:120px;
	height:80px;
}
/*========================a logos =========================*/
#geral #centro #conteudo .box .gbox ul.logos_emp li a{
	display:block;
	text-indent:-2000px;
	overflow:hidden;
}

/*========================Contato coluna esquerda =========================*/
#geral #centro #conteudo .box .gbox #dados {
	width:320px;
	display:inline;
	float:left;
	margin:0px 0px 10px 0px;
}
#geral #centro #conteudo .box .gbox #dados p { width:290px;}
#geral #centro #conteudo .box .gbox #dados ul {margin:35px 0px;}
#geral #centro #conteudo .box .gbox #dados ul li {margin-bottom:6px;}
#geral #centro #conteudo .box .gbox #dados a {
	font-weight:bold; background:url(../imagens/carta.jpg) no-repeat left;
	height:20px;
	width:25px;
	padding-left:35px;
	display:block;
}
#geral #centro #conteudo .box .gbox #dados h3 { margin:60px 0px -10px 0px;}
#geral #centro #conteudo .box .gbox #dados #trabalhe li {list-style:circle; margin-left:15px;}

/*========================Caixas Plano Bronze=========================*/
#geral #centro #conteudo .box .gbox .planos p{float:left; font-weight:bold;}
#geral #centro #conteudo .box .gbox .planos img{margin:10px 3px; display:inline;}

/*========================Video =========================*/
#geral #centro #conteudo .box .gbox #flv {
	margin:10px 70px ;
}

/*========================Contato coluna Direita =========================*/
#geral #centro #conteudo .box .gbox #form {
	width:320px;
	float:right;
	margin:0px 0px 10px 10px;
}

#geral #centro #conteudo .box .gbox #form label {
	width:310px;
	float:left;
}
#geral #centro #conteudo .box .gbox #form input {
	width:312px;
	height:18px;
	float:left;
	margin-bottom:10px;
	line-height:18px;
	padding:2px 2px 0px 2px;
}
#geral #centro #conteudo .box .gbox #form select {
	width:319px;
	height:22px;
	float:left;
	margin-bottom:10px;
	padding:2px;
	color:#999;
}
#geral #centro #conteudo .box .gbox #form #file input {
	height:22px;
	float:right;
	margin-right:8px;
	border:1px solid #E0CB74;
	
}
#geral #centro #conteudo .box .gbox #form textarea {
	width:312px;
	height:50px;
	float:left;
	margin-bottom:10px;
	padding:2px;
}
#geral #centro #conteudo .box .gbox #form a {
	width:30px;
	height:18px;
	background:url(../imagens/batao.jpg) no-repeat;
	display:block;
	padding:1px 10px;
	cursor:pointer;
	float:right;
}
#geral #centro #conteudo .box .gbox #form h3.indo { margin-left:5px; color:#996600;}
#geral #centro #conteudo .box .gbox #form h3.foi {margin-top:-8px; color:#996600;}

/*========================Check Form=========================*/

form.envia label.check { background:url(../imagens/form_check.jpg) no-repeat right;}
form.envia label.erro { background: url(../imagens/form_erro.jpg)  no-repeat right; }
form.envia label.ok { background: url(../imagens/form_ok.jpg)  no-repeat right;}
form.envia Input.erro, form.envia Textarea.erro { border-color: #FF6F71;}
form.envia Input.ok, form.envia Textarea.ok { border-color: #66AC5B;}

/*========================Check Form News=========================*/
#geral #centro #coluna .box form#news label.erro {background: url(../imagens/form_erro.png)  no-repeat right;}
#geral #centro #coluna .box form#news label.ok {background: url(../imagens/form_ok.png)  no-repeat right;}

/*========================FAQ =========================*/
#geral #centro #conteudo .box .gbox #menu_faq li.parent {display:block;}
#geral #centro #conteudo .box .gbox #menu_faq li.parent p {margin:10px 0px;} 
#geral #centro #conteudo .box .gbox #menu_faq li.parent ul.respostas {display:none;}
#geral #centro #conteudo .box .gbox #menu_faq li.parent h4 {font-size: 12px;}

/*========================FAQ botões=========================*/
#geral #centro #conteudo .box .gbox #menu_faq li.parent a {background: url(../imagens/down.gif)right center no-repeat; display:block; padding:4px;}
#geral #centro #conteudo .box .gbox #menu_faq li.parent a:hover {background: url(../imagens/down.gif)right center no-repeat #F7F3EA;}                 
#geral #centro #conteudo .box .gbox #menu_faq li.aberto a {background: url(../imagens/up.gif)right center no-repeat; display:block; padding:4px;}
#geral #centro #conteudo .box .gbox #menu_faq li.aberto a:hover {background: url(../imagens/up.gif)right center no-repeat #F7F3EA;}

/*========================Imagem da noticia na home =========================*/
#geral #centro #conteudo .box .caixa img{border:1px solid #86775C; float:left; margin:0px 10px 7px 0px; }

/*========================Data da noticia na home =========================*/
#geral #centro #conteudo .box .caixa small{ font-size:10px; color:#7C5B2F; margin:0px 0px 10px 0px; display:block}

/*========================Titulo da noticia na home =========================*/
#geral #centro #conteudo .box .caixa h4{ font-size:12px; font-weight:bold; margin-bottom:10px; line-height:18px;}

/*========================chamada da noticia na home =========================*/
#geral #centro #conteudo .box .caixa p{ font-size:11px; color:#333333;}

/*========================Rodape Background=========================*/
#rodape{
	background:url(../imagens/bg_rodape.jpg) top center repeat-x;
	background-color:#FFFFFF;
	height:65px;
	margin:auto;
	clear:both;
	padding-top:15px;
}

/*========================Rodape estrutura=========================*/
#rodape #dados{width:948px; margin: auto;}

/*========================Move o menu para a direita=========================*/
#rodape #dados #intra{float:right; margin:-40px 0px 0px 0px; }

/*========================linha que divide o menu=========================*/
#rodape #dados #intra li{float:left; margin:0px 0px 0px 10px; padding-left:10px; border-left:solid 1px #996600; }

/*========================Fontes do menu=========================*/
#rodape #dados #intra li a{ font-size:1.0em; font-weight:bold; text-transform:uppercase;}
#rodape #dados #intra li a:hover{ color:#000;}

/*========================Tira a borda do primeiro item=========================*/
#rodape #dados #intra li.first{ border:none;}

/*========================Twiiter=========================*/
#rodape #dados #intra li #twitter{ background:url(../imagens/twitter.png) right bottom ; width:22px; height:23px; border:none; margin-left:20px; display:block;}
#rodape #dados #intra li #twitter:hover{ background:url(../imagens/twitter.png) right top ;}

/*JQuery Acordion=====================================================*/

/* hide container until all is ready */
.menu_intro{ display: none; padding-bottom:10px;}
.menu_intro p{ font-size:12px; line-height:20px;}
.menu_intro p a{ font-weight:bold; color:#996600;}
/*Main Container*/
.container { width:968px; height:396px; margin-left:13px; }
.container li{ display:inline; }

/*Content Container ------ Definições da div que contém o fundo imagem ============ */
.contentContainer0 {float:left; width:0px;	height: 386px; overflow:hidden; background: url(../imagens/bg_container0.jpg) no-repeat top left;}
.contentContainer1 {float:left; width:0px;	height: 386px; overflow:hidden; background: url(../imagens/bg_container1.jpg) no-repeat top left;}
.contentContainer2 {float:left; width:0px;	height: 386px; overflow:hidden; background: url(../imagens/bg_container2.jpg) no-repeat top left;}
.contentContainer3 {float:left; width:0px;	height: 386px; overflow:hidden; background: url(../imagens/bg_container3.jpg) no-repeat top left;}
.contentContainer4 {float:left; width:0px;	height: 386px; overflow:hidden; background: url(../imagens/bg_container4.jpg) no-repeat top left;}


/* ==================== Formatando cores dos textos das divs ============== */
.contentContainer0 p,h1{ color: #FFF; margin:20px 20px; }
.contentContainer1 p,h1{ color: #FFF; margin:20px 20px; }
.contentContainer2 p,h1{ color: #FFF; margin:20px 20px; }
.contentContainer3 p,h1{ color: #FFF; margin:20px 20px; }
.contentContainer4 p,h1{ color: #FFF; margin:20px 20px; }
.contentInnerWrapper{ text-align: justify; padding: 10px; }

/* Handle*/
.handle{
	float: left;
	width: 38px;
	height: 386px;
	margin-right: -10px;
	cursor:pointer;
}

/*  MENU INTRO  */
.menu_intro .handle {
	float: left;
	width: 27px;
	height: 386px;
	margin: 0px 1px;
	padding:0px;
	background:  url(../imagens/FundoTitulos.png) no-repeat;
	text-align:center;
	vertical-align: middle;
	font-weight: bold;
	color: #9e9e9e;
	font-size: 16px;
}

/* ========== MouseOver dos Titulos ============== */
.menu_intro .handleInnerWrapper{ padding-top: 145px; padding-left:0px;}