#tema3{ display:none;}

*{ margin:0px;}
body{ border:0; margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}

#container{ width: 100%; height: auto; text-align:center; border:0; margin:0; padding:0; background:url(container_background.jpg) repeat 0 24px;}
#container h2{ display:block; width:779px; height:24px; font-size:0; text-indent: -10000px; border:0; margin:0; padding:0;}

#container1{ position:absolute; left:0px; top:300px; width:100%; height:408px; background:url(container1_background.jpg) repeat-x;}

#tema{ position:relative; width:940px; height:1080px; margin:auto; text-align:left; z-index:1;}
#tema h2{ display:none;}

#tema1{ position:absolute; left:0px; top:30px; width:940px; height:226px; background:url(tema1_background.jpg); z-index:-1;}
#tema2{ position:absolute; left:0px; top:703px; width:940px; height:238px; background:url(tema2_background.jpg); z-index:-2;}

#painel-de-controle{ position:absolute; left:922px; top:40px; width:7px; height:10px; z-index:5; display:block; text-indent:-10000px; font-size:0px; background:url(icone_cadeado.png) no-repeat;}
a#painel-de-controle:hover{ background:url(icone_cadeado_hover.png) no-repeat;}

#logotipo{ position:absolute; left:40px; top:70px; width:219px; height:146px; background:url(logotipo_background.jpg); z-index:10;}
#logotipo h2{ display:block; text-indent:-10000px; position:absolute; left:0; top:0; width:219px; height:146px;}
#logotipo h2 a{ position:absolute; left:0; top:0; width:219px; height:146px;}

#regiao-conceitual-765x407{ position:absolute; left:0; top:276px; width:940px; margin:0; padding:0; background:#FFFFFF; z-index:5;}
#regiao-conceitual-765x407-feature-list{ width:940px; height:407px; overflow:hidden; position:relative;}
div#regiao-conceitual-765x407-feature-list ul{ position:absolute; top:0; list-style:none; padding:0; margin:0;}

ul#regiao-conceitual-765x407-tabs { right:0; z-index:7; width:195px;}
ul#regiao-conceitual-765x407-tabs li{ font-size:17px; font-family: 'Viga', sans-serif; height:68px; font-weight:normal;}
ul#regiao-conceitual-765x407-tabs li a{ color:#FFFFFF; text-decoration:none; display:block; height:68px; line-height:20px; text-align:right; vertical-align:middle; background:url(botoes_li.png) no-repeat right;}
ul#regiao-conceitual-765x407-tabs li a span{ font-size:10px;}
ul#regiao-conceitual-765x407-tabs li a:hover { background:url(botoes_li_hover.png) no-repeat right; color:#006600;}
ul#regiao-conceitual-765x407-tabs li a.current{ background:url(botoes_li_hover2.png); color:#006600;}
ul#regiao-conceitual-765x407-tabs li a.current:hover {text-decoration: none; cursor: default;}
ul#regiao-conceitual-765x407-tabs h3 { margin:0px; padding:10px 10px 0 25px; font-size:17px; text-transform: uppercase; font-family: 'Viga', sans-serif; font-weight:normal;}

ul#regiao-conceitual-765x407-output{ left:0; width:765px; height:407px; position:relative;}
ul#regiao-conceitual-765x407-output li { position: absolute; width:765px; height:407px;}
ul#regiao-conceitual-765x407-output li a{ text-align:right; text-decoration:none; color:#144617;}
ul#regiao-conceitual-765x407-output li a div, ul#regiao-conceitual-765x407-output li div{ position:absolute; bottom:0px; left:0px; width:765px; background: rgba(255, 255, 255, 0.6)!important; filter: alpha(opacity=60); background:#FFFFFF;}
ul#regiao-conceitual-765x407-output li a div span, ul#regiao-conceitual-765x407-output li div span{ color:#144617; display:block; padding:15px 20px; font-size:16px; font-family: 'Viga', sans-serif; text-transform:uppercase;}

ul#regiao-conceitual-765x407-output li a:hover { background:#D33431;}

#slogan, #maladireta, #login{ display:none;}

#menu{ position:absolute; left:290px; top:120px; width:650px; height:45px; z-index:5!important;}
#menu h2{ display:none;}
#menu ul{ padding:0px; margin:0; list-style:none; width:auto;}
#menu ul li{ position:relative; display:block; float:left;}
#menu ul li a{ display:block; height:45px; color:#006600; font-size:20px; font-family:'Viga', sans-serif; text-transform:uppercase; text-decoration:none; line-height:45px; padding:0 17px;}
#menu ul li a:hover{ background:url(menu_background_hover.jpg); height:45px; color:#FFFFFF;}

#clientes{ position:absolute; left:21px; top:728px; width:900px; height:238px;}
#clientes h2{ display:block; text-indent:0; font:30px 'Viga', sans-serif; color:#006600; text-transform:uppercase; font-weight:normal; z-index:10;}

#slides{ display:block; width:900px; height:130px; margin-top:40px; position:relative;}
#slides div.slide{ width:818px; height:130px; padding:0 40px;}
#slides div.slide li{ list-style:none; display:block; float:left; margin:0 25px;}
#slides li a{ display:block; height:113px; border:none;}
#slides a.cliente1 { background:url(../arquivos/_bunge.jpg) no-repeat center; width:174px!important;}
#slides a.cliente1:hover { background:url(../arquivos/_bunge_hover.jpg) no-repeat center;}
#slides a.cliente2{ background:url(../arquivos/_ceee.jpg) no-repeat center;  width:83px!important;}
#slides a.cliente2:hover { background:url(../arquivos/_ceee_hover.jpg) no-repeat center;}
#slides a.cliente3{ background:url(../arquivos/_ecosul.jpg) no-repeat;  width:196px!important;}
#slides a.cliente3:hover{ background:url(../arquivos/_ecosul_hover.jpg) no-repeat;}
#slides a.cliente4{ background:url(../arquivos/_ifsul.jpg) no-repeat center; width:155px!important;}
#slides a.cliente4:hover{ background:url(../arquivos/_ifsul_hover.jpg) no-repeat center;}
#slides a.cliente5{ background:url(../arquivos/_ipiranga.jpg) no-repeat center; width:178px!important;}
#slides a.cliente5:hover{ background:url(../arquivos/_ipiranga_hover.jpg) no-repeat center;}
#slides a.cliente6{ background:url(../arquivos/_nestle.jpg) no-repeat center; width:103px!important;}
#slides a.cliente6:hover{ background:url(../arquivos/_nestle_hover.jpg) no-repeat center;}
#slides a.cliente7{ background:url(../arquivos/_sesi.jpg) no-repeat center; width:149px!important;}
#slides a.cliente7:hover{ background:url(../arquivos/_sesi_hover.jpg) no-repeat center;}
#slides a.cliente8{ background:url(../arquivos/_ufpel.jpg) no-repeat center; width:117px!important;}
#slides a.cliente8:hover{ background:url(../arquivos/_ufpel_hover.jpg) no-repeat center;}
#slides a.cliente9{ background:url(../arquivos/_shell.jpg) no-repeat center; width:117px!important;}
#slides a.cliente9:hover{ background:url(../arquivos/_shell_hover.jpg) no-repeat center;}

#slides ul.pagination{ display:none;}
#slides a.next{ position:absolute; top:40px; right:5px; width:20px; height:41px; cursor:pointer; background:transparent url(../arquivos/botao_proximo.png); text-indent:-10000px; font-size:0;} #slides a.next:hover{ background:transparent url(../arquivos/botao_proximo_hover.png);}
#slides a.prev{ position:absolute; top:40px; left:5px; width:20px; height:41px; cursor:pointer; background: transparent url(../arquivos/botao_anterior.png); text-indent:-10000px; font-size:0;} #slides a.prev:hover{ background:transparent url(../arquivos/botao_anterior_hover.png);}

#rodape{ position:absolute; left:283px; top:965px; width:370px; height:95px;}
#rodape h2{ display:none;}
#rodape h3{ display:block; font:12px Verdana, Arial, Helvetica, sans-serif; text-indent:0; text-align:center; line-height:180%; color:#FFFFFF;}
#rodape span.email a{ color:#66CC00;}
#rodape span.email a:hover{ text-decoration:none;}