body {
margin:0 auto;
font-size:8pt;
font-family:Tahoma, Verdana, Geneva, sans-serif;
text-align:center;
background:#353535;
}

img {
border:none;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

html, body {height:100%;} 

#tudo {
width:953px;
position:relative;
margin:0 auto;
text-align:left;
min-height:100%;
background-color:#0f1112;
}

* html #tudo {height: 100%;}

#conteudo {padding-bottom:200px;}

#topo {
width:953px;
height:113px;
text-align:center;
}

#topo .menu {
float:left;
width:953px;
height:59px;
}

#topo .login {
float:left;
width:953px;
height:45px;
background:url(imagens/site/bg_login.gif) center no-repeat;
}

#topo .login .formulario {
float:left;
width:300px;
margin-left:500px;
border-right:1px dotted #638a9a;
padding-right:10px;
margin-top:10px;
}

#topo .login .busca {
float:left;
width:120px;
margin-top:10px;
margin-left:10px;
}

#topo .login label {
margin-right:5px;
float:left;
}

#topo .login .form {
width:90px;
border:none;
}

#principal {
width:953px;
float:left;
text-align:justify;
margin-top:-10px;
padding-top:40px;
}
	
#rodape {
width:953px;
height:148px;
position: absolute;
bottom: 0;
background:url(imagens/site/bg_rodape.gif) center no-repeat;
font-size:7pt;
}

#rodape .menu a {
margin:0 3px;
}

#rodape .menu {
float:left;
width:900px;
margin:70px 0 0 10px;
text-transform:uppercase;
}

#rodape .endereco {
float:left;
width:900px;
margin:10px 0 0 15px;
line-height:15px;
}

#rodape .endereco p {
margin:0;
font-weight:bold;
}

#rodape .ubis {
float:left;
width:900px;
margin:10px 0 0 15px;
}
	
.clear {clear:both;}

/* Cores */
.cinza, .cinza a {
color:#b1b1b1;
}

.cinza a:hover {
color:#fff;
}

.cinza_claro , .cinza_claro a {
color:#a1a1a1;
}

.cinza_claro a:hover {
color:#fff;
}

.branco, .branco a {
color:#fff;
}

.branco a:hover {
color:#ccc;
}

.lilas, .lilas a {
color:#aebbc7;
}

.lilas a:hover {
color:#eee;
}

.azul_claro, .azul_claro a {
color:#9bbecd;
}

.azul_claro a:hover {
color:#eee;
}

.amarelo, .amarelo a {
color:#ffbb05;
}

.amarelo a:hover {
color:#960;
}

.vermelho, .vermelho a {
color:#c00;
}

.vermelho a:hover {
color:#fff;
}

/* Home */
#moto {
width:297px;
height:271px;/*
background:url(imagens/site/bg_moto.png) center no-repeat;
*/position:absolute;
left:210px;
top:90px;
}

#home_topo {
float:left;
width:903px;
margin:0 25px;
}

#home_bottom {
float:left;
width:903px;
margin:20px 25px 0 25px;
}

#home_topo .bemvindo {
float:left;
width:222px;
padding-bottom:20px;
border-bottom:1px dotted #fff;
}

#home_topo .bemvindo a {
font-weight:bold;
}

#home_topo .bemvindo img, #home_esquerda .bemvindo p  {
margin:0;
margin-bottom:7px;
}

#home_topo .slider_home {
float:right;
width:376px;
height:192px;
margin-top:40px;
}

#home_bottom .noticias {
float:left;
width:270px;
margin-top:10px;
}

#home_bottom .linha_noticia {
float:left;
width:260px;
padding-bottom:10px;
border-bottom:1px dotted #171a1b;
margin:10px 0;
}

#home_bottom .linha_noticia .foto {
float:left;
width:55px;
}

#home_bottom .linha_noticia .txt {
float:right;
width:180px;
}

#home_bottom .linha_noticia h1, #home_bottom .linha_noticia h2 {
font-size:8pt;
margin:0;
}

#home_bottom .linha_noticia h1 {
font-weight:normal;
}

#home_bottom .noticias p {
text-transform:uppercase;
float:right;
}

#home_bottom .social {
float:left;
width:224px;
padding:0 30px;
border-left:1px dotted #1e2224;
border-right:1px dotted #1e2224;
margin:40px 30px 0 30px;
}
#home_bottom .social img {
margin-right:10px;
}

#home_bottom .social .msn {
float:left;
width:224px;
height:100px;
padding-bottom:10px;
margin-bottom:20px;
border-bottom:1px solid #2c2c2c;
background:url(imagens/site/ico_msn.gif) 0 0 no-repeat;
}

#home_bottom .social h1 {
font-size:8pt;
}

#home_bottom .social p {
margin:0;
font-weight:bold;
}

#home_bottom .direita {
float:right;
width:245px;
margin-top:40px;
}

#home_bottom .box_revendedor {
float:left;
width:204px;
}

#home_bottom .box_revendedor p {
margin:4px 0;
text-align:center;
font-weight:bold;
text-transform:uppercase;
font-size:7pt;
}

#home_bottom .news {
float:left;
width:242px;
height:101px;
margin-top:10px;
background:url(imagens/site/bg_box_newsletter.gif) center no-repeat;
}

#home_bottom .news .form {
border:1px solid #fff;
width:110px;
float:left;
margin:76px 0 0 75px;
}

#home_bottom .news .btn {
float:left;
margin:75px 0 0 10px;
}

/* Internas */
#internas {
width:840px;
margin-left:60px;
line-height:18px;
}

#internas .tit {
margin-bottom:30px;
}

/* Institucional */
.jarva_txt {
float:left;
width:620px;
}

.jarva_fotos {
float:right;
width:215px;
text-align:right;
}

/* Produtos */

/* Representantes & Revendas */
.mapa_brasil {
float:left;
width:445px;
text-align:left;
*margin-left:-30px;
}

.mapa_txt {
float:right;
width:350px;
height:200px;
}

.mapa_txt h1 {
margin:0;
font-size:8pt;
}

.mapa_txt h1 img {
margin-right:8px;
}

.mapa_txt p {
margin:10px 0;
}

.mapa_dados {
float:left;
margin:-130px 0 0 47px;
*margin-left:75px;
width:300px;
}

/* Notícias */
.linha_noticia {
float:left;
width:700px;
margin:10px 0;
}

.linha_noticia .foto {
float:left;
margin-right:10px;
width:60px;
height:60px;
}

.linha_noticia h1, .noticia_txt h1 {
margin:0;
font-size:8pt;
}

.linha_noticia p {
margin:4px 0;
}

.paginacao {
float:left;
width:839px;
}

.noticia_txt {
float:left;
width:620px;
}

.noticia_voltar {
float:left;
width:600px;
}

.noticia_fotos {
float:right;
width:190px;
text-align:right;
}

.noticia_fotos img {
margin:0 0 20px 0;
}

/* Agenda */
.linha_agenda {
float:left;
width:800px;
margin:20px 0;
}

.linha_agenda .foto {
float:left;
width:111px;
margin-right:10px;
}

.linha_agenda .txt {
float:left;
width:600px;
}

.linha_agenda .txt h1, .linha_agenda .txt h2 {
margin:0;
font-size:8pt;
}

.linha_agenda .txt h1 {
font-weight:normal;
}

.linha_agenda p {
margin:4px 0;
}

/* Multimídia */
.box_wallpapers, .box_wallpapers2 {
float:left;
width:400px;
*width:500px;
height:41px;
*height:81px;
padding:40px 0 0 100px;
background:url(imagens/site/bg_wallpapers.gif) top left no-repeat;
margin:10px 0 20px 18px;
}

.box_wallpapers2 {
width:700px;
*width:800px;
}

.box_fotos, .box_fotos2 {
float:left;
width:380px;
*width:500px;
height:49px;
*height:89px;
padding:40px 0 0 120px;
background:url(imagens/site/bg_fotos.gif) top left no-repeat;
}

.box_fotos2 {
width:700px;
*width:800px;
}

.box_videos, .box_videos2 {
float:left;
width:400px;
*width:500px;
height:46px;
*height:86px;
padding:40px 0 0 100px;
background:url(imagens/site/bg_videos.gif) top left no-repeat;
margin:20px 0 20px 18px;
}

.box_videos2 {
width:700px;
*width:800px;
}

.box_catalogo, .box_catalogo2 {
float:left;
width:400px;
*width:500px;
height:41px;
*height:81px;
padding:40px 0 0 100px;
background:url(imagens/site/bg_catalogo.gif) top left no-repeat;
margin:0 0 0 18px;
}

.box_catalogo2 {
width:700px;
*width:800px;
}

.box_wallpapers p, .box_fotos p, .box_videos p, .box_catalogo p, .box_wallpapers2 p, .box_fotos2 p, .box_videos2 p, .box_catalogo2 p {
margin:0;
}

.box_multimidia {
width:155px;
height:120px;
margin:20px 25px;
float:left;
text-align:center;
}

.box_multimidia h1 {
margin:0;
font-size:8pt;
}

.box_multimidia h1 img {
margin-right:5px;
}

/* Produto */
.filtro_produtos {
width:800px;
border-bottom:1px solid #333;
margin-bottom:10px;
float:left;
}

.filtro_produtos .form {
margin:0 10px;
}

.filtro_produtos h1 {
font-size:8pt;
}

.caminho_produto {
float:left;
width:800px;
height:20px;
}

.caminho_produto h1 {
margin:0;
font-size:8pt;
}

.caminho_produto .cat_01 {
font-size:14pt;
}

.caminho_produto .cat_02 {
font-size:8pt;
font-weight:normal;
}

.caminho_produto a {
margin:0 5px;
}

.box_produto {
width:162px;
*width:162px;
height:280px;
padding:10px;
margin:20px 10px;
border:1px solid #333;
float:left;
}

.box_produto h1 {
margin:0;
font-size:8pt;
}

.box_produto p {
margin:5px 0;
}

.box_produto p img {
margin-right:5px;
}

.produto_lista {
float:left;
width:140px;
margin:20px 0;
}

.produto_lista ul {
list-style-type:none;
margin-left:-30px;
*margin-left:0;
margin-top:0;
}

.produto_lista h1 {
font-size:8pt;
margin:0;
}

.produto_lista img {
margin-right:5px;
}

.produto_boxes {
float:right;
width:615px;
*width:620px;
margin-right:30px;
}

/* Produto Interno */
.produto_fotos {
float:left;
width:100%px;
}
.img_produto_loja{
width:250px;
float:left;
}


.produto_txt {
float:right;
width:400px;
margin-left:10px;
padding:0 10px 0 10px;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.produto_txt h1 {
font-size:12px;
}

/* Revenda & Contato */
.revenda_formulario, .contato_formulario {
float:left;
width:400px;
padding-right:40px;
border-right:1px dotted #333;
}

.revenda_formulario table, .contato_formulario table {
font-size:8pt;
}

.revenda_formulario .form, .revenda_formulario .formulario {
border:1px solid #fff;
width:400px;
margin-top:5px;
}

.contato_formulario .formulario {
width:300px;
margin-left:5px;
}

.revenda_formulario .form2 {
border:1px solid #fff;
width:100px;
margin-right:20px;
margin-top:5px;
}

.revenda_formulario .form3 {
border:1px solid #fff;
width:280px;
margin-top:5px;
}

.revenda_formulario .btn_limpar {
border:none;
padding:2px 5px;
background:#521515;
color:#fff;
}

.revenda_formulario .btn_enviar, .contato_formulario .btn_enviar {
border:none;
padding:2px 5px;
background:#1f1f1f;
color:#fff;
}

.contato_formulario .btn_enviar {
margin-right:20px;
*margin:0;
}

.revenda_txt, .contato_txt {
float:right;
width:350px;
}

.revenda_txt h1, .contato_txt h1 {
font-size:8pt;
margin:5px 0;
}

.revenda_txt p, .contato_txt p {
margin:5px 0;
}

/* Parceiros */
.linha_parceiros {
float:left;
width:700px;
margin:10px 0;
}

.linha_parceiros .logo {
float:left;
width:100px;
margin-right:10px;
padding:20px 10px;
border-right:1px solid #333;
}

.linha_parceiros .txt {
float:left;
width:500px;
padding-left:10px;
}

.linha_parceiros p {
margin:5px 0;
}

/* Área Restrita */
#restrita {
width:900px;
float:left;
margin-left:-30px;
}

#restrita .topo {
float:left;
width:830px;
margin-bottom:5px;
}

#restrita .topo .login {
float:left;
width:400px;
}

#restrita .topo .login h1 {
margin:0;
font-size:8pt;
}

#restrita .topo .login h2 {
margin:0;
font-size:7pt;
}

#restrita .topo .logoff {
float:right;
width:200px;
}

#restrita .topo .logoff h1 {
margin:0;
font-size:7pt;
}

#restrita .menu {
float:left;
width:830px;
height:42px;
text-transform:uppercase;
font-weight:bold;
margin-bottom:10px;
}

#restrita .menu .meuspedidos {
float:left;
width:168px;
height:42px;
background:url(imagens/site/bg_res_meuspedidos.gif) center no-repeat;
}

#restrita .menu .meuspedidos h1 {
margin:12px 0 0 55px;
font-size:8pt;
}

#restrita .menu .produtos {
float:left;
width:168px;
height:42px;
background:url(imagens/site/bg_res_produtos.gif) center no-repeat;
}

#restrita .menu .produtos h1 {
margin:12px 0 0 60px;
font-size:8pt;
}

#restrita .menu .novospedidos {
float:left;
width:168px;
height:42px;
background:url(imagens/site/bg_res_novopedido.gif) center no-repeat;
}

#restrita .menu .novospedidos h1 {
margin:12px 0 0 55px;
font-size:8pt;
}

#restrita .menu .duvidas {
float:left;
width:168px;
height:42px;
background:url(imagens/site/bg_res_duvidas.gif) center no-repeat;
}

#restrita .menu .duvidas h1 {
margin:12px 0 0 60px;
font-size:8pt;
}

/* Área Restrita - Produtos */
#menu_produtos {
float:left;
width:700px;
padding-bottom:5px;
border-bottom:1px solid #333;
margin:30px 0;
}

#menu_produtos_duvidas {
float:left;
width:700px;
padding-bottom:5px;
border-bottom:1px solid #333;
margin:30px 0;
}

#menu_produtos ul {
list-style-type:none;
margin:0;
}

#menu_produtos ul li {
display:inline block;
float:left;
margin:0 2px;
}

#menu_produtos h1 {
font-size:14pt;
font-weight:normal;
text-transform:uppercase;
}

#menu_produtos .lista {
width:200px;
margin:0 10px;
}

#menu_produtos p {
margin-top:3px;
}

#menu_produtos .cod {
width:50px;
margin-right:10px;
}

#menu_produtos img {
margin-top:3px;
}

#menu_produtos .btn {
border:none;
background:#304f5f;
color:#fff;
padding:1px 5px;
margin-left:10px;
}

.produto_fotos .qtde {
float:left;
font-weight:bold;
width:180px;
margin:80px 0 20px 0;
}

.produto_fotos .add {
text-transform:uppercase;
float:left;
font-weight:bold;
width:180px;
}

.produto_voltar {
float:left;
width:800px;
margin-top:100px;
}

/* Área Restrita Meus pedidos */
#restrita .tabela01 {
width:750px;
font-size:8pt;
}

#restrita .tabela015 {
width:500px;
font-size:8pt;
}

#restrita .tabela02 {
width:720px;
font-size:8pt;
float:left;
text-align:center;
}

#restrita .tabela01 td, #restrita .tabela02 td {
border-bottom:1px dashed #333;
padding-bottom:10px;
}

#restrita .tabela01 img, #restrita .tabela02 img {
margin-left:5px;
}

#restrita .tabela01 .titulo, #restrita .tabela02 .titulo {
float:left;
margin-right:30px;
}


#restrita .tabela015 td, #restrita .tabela02 td {
border-bottom:1px dashed #333;
padding-bottom:10px;
}

#restrita .tabela015 img, #restrita .tabela02 img {
margin-left:5px;
}

#restrita .tabela015 .titulo, #restrita .tabela02 .titulo {
float:left;
margin-right:30px;
}

#restrita .btn_vermais {
border:none;
font-size:7pt;
padding:0 5px;
background:#feba05;
text-decoration:underline;
color:#000;
}

#restrita .novo_pedido {
float:left;
width:224px;
margin:10px 0 0 0;
}

#restrita .novo_pedido h2 {
font-size:8pt;
text-transform:uppercase;
}

#restrita .novo_pedido .box {
float:left;
width:222px;
border:1px solid #333;
background:#131516;
padding-bottom:10px;
}

#restrita .novo_pedido .valor {
float:left;
width:202px;
border:1px solid #333;
background:#000;
margin:10px;
text-align:center;
}

#restrita .novo_pedido .valor h3 {
font-size:12pt;
margin:10px 0;
}

#restrita .novo_pedido .box p, #restrita .novo_pedido .box h1 {
margin:2px 0;
font-size:8pt;
}

#restrita .novo_pedido .box .linha {
float:left;
width:202px;
margin:10px;
padding-bottom:10px;
border-bottom:1px solid #222;
}

#restrita .novo_pedido .btn {
border:none;
font-size:7pt;
padding:2px 5px;
background:#feba05;
text-decoration:underline;
color:#000;
float:right;
margin-right:10px;
}

/* Área Restrita / Dúvidas */
.duvida_form {
float:left;
width:400px;
}

.duvida_form table {
font-size:8pt;
}

.duvida_form .form {
width:300px;
border:1px solid #eee;
margin-bottom:20px;
}

.duvida_form .btn {
border:none;
font-size:7pt;
padding:2px 5px;
background:#feba05;
color:#000;
float:right;
margin-right:100px;
}

.duvida_contato {
float:right;
width:400px;
}

.foto_menor {
width:250px;
height:auto;
margin:0 10px 0 0;
}

.foto_maior {
width:301px;
float:left;
}

.sub_tit {
font-weight:bold;
font-size:9pt;
color:#FFF;
}

.engloba_pedidos_detalhe{
width:570px;
float:left;
}

.engloba_novo_pedido{
width:570px;
float:left;
}

.engloba{
width:730px;
float:right;
}

.engloba .box_produto {
width:150px;
height:230px;
padding:10px;
margin:20px 5px;
border:1px solid #333;
float:left;
}

.engloba .box_produto h1 {
margin:0;
font-size:8pt;
}

.engloba .box_produto p {
margin:5px 0;
}

.engloba .box_produto p img {
margin-right:5px;
}

.engloba .caminho {
float:left;
width:730px;
}

.engloba .categoria {
float:left;
width:730px;
}

.engloba .caminho h1 {
display:inline;
font-size:8pt;
font-weight:normal;
}

.engloba .caminho p {
display:inline;
margin-right:5px;
}

.engloba .categoria a {
margin-right:5px;
}

.engloba .categoria h1 {
font-size:10pt;
}

.fix{
padding:0 10px 0 15px;
}


/* Carousel */
#carousel_inner {
float:left; /* important for inline positioning */
width:/*923px*/839px; /* important (this width = width of list item(including margin) * items shown */
height:54px;
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
background: #F0F0F0;
}

#carousel_ul {
position:relative;
left:-84px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
height:54px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:84px;  /* fixed width, important */
height:54px;
/* just styling bellow*/
padding:0px;
height:110px;
background: #000000;
border-right:1px dotted #ccc;
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px;
width:84px;
height:54px; 
}
#left_scroll, #right_scroll{
float:left; 
height:54px; 
width:57px;
text-align:center;
background: #2e3192; 
}
#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}

/* Restrita Nova */
ul.menu_acc, ul.menu_acc ul {
/*list-style-type:none;
margin: 0;
padding: 0;
width: 15em;*/
}

ul.menu_acc a {
display: block;/*
text-decoration: none;*/
}

ul.menu_acc li {/*
margin-top: 1px;
*/}

ul.menu_acc li a, ul.menu_acc ul.menu_acc li a {
/*background: #333;
color: #fff;	
padding: 0.5em;*/
}

ul.menu_acc li a:hover, ul.menu_acc ul.menu_acc li a:hover {
/*background: #000;*/
}

ul.menu_acc li ul li a, ul.menu_acc ul.menu_acc li ul li a {
/*background: #ccc;
color: #000;
padding-left: 20px;*/
}

ul.menu_acc li ul li a:hover, ul.menu_acc ul.menu_acc li ul li a:hover {
/*background: #aaa;
border-left: 5px #000 solid;
padding-left: 15px;*/
}

ul.menu_acc ul.menu_acc li a:hover {
/*border-left: 0;
padding-left: 0.5em;*/
}


ul.menu_acc ul.menu_acc {
/*border-left: 5px #f00 solid;*/
}

ul.menu_acc a.active, ul.menu_acc ul.menu_acc li a.active, ul.menu_acc a.active:hover, ul.menu_acc ul.menu_acc li a.active:hover {
text-decoration: underline;
/*background: #2c2c2c;*/
}

div.panel {
border: 1px #000 solid;
padding: 5px;
margin-top: 1px;
}

ul.menu_acc div.panel a, ul.menu_acc div.panel li a:hover  {
display :inline;
color: #666;
background: none;
margin: 0;
padding: 0;
border: none;
font-weight: bold;
}

ul.menu_acc div.panel a:hover {
color: #000;
text-decoration: underline;
}

/* Produto Detalh - Restrito */
.engloba table {border-bottom:3px solid #333;}
.engloba table td, .engloba table th {border-bottom:1px solid #333;}
.engloba h1.escolha {background:#666; padding:2px 5px; font-size:8pt; margin-top:10px;}
.engloba h2.relacionados {border-top:3px solid #ffbb05; padding:2px 5px; font-size:8pt; margin-top:20px;}

.topo_restrita {float:left; width:953px; height:20px; padding:10px 0; background:#222b2d; text-align:center; font-weight:bold; text-transform:uppercase;}

/* Outlet Interna */
.outlet_interna {float:left; width:839px;}
.outlet_interna .box_produto {float:left; width:162px; *width:162px; height:280px; padding:10px; margin:20px 10px; border:1px solid #333;}
.outlet_interna .box_produto h1 {margin:0; font-size:8pt;}
.outlet_interna .box_produto p {margin:5px 0;}
.outlet_interna .box_produto p img {margin-right:5px;}

#banners_outlet {float:left; width:860px;}
#banners_outlet .esquerda {float:left; width:429px; height:175px;}
#banners_outlet .direita {float:right; width:429px; height:175px;}

/* Promo */
.promo_formulario {float:left; width:840px; color:#fff;}
.promo_formulario table {font-size:8pt; margin:0 0 10px 0; font-weight:bold;}
.promo_formulario input {border:1px solid #fff; margin-top:5px; padding:5px 10px;}
.promo_formulario select {border:1px solid #fff; margin:5px; padding:5px 10px;}
.promo_formulario textarea {border:1px solid #fff; width:780px; height:80px; margin-top:5px; padding:5px 10px;}
.promo_formulario .btn_enviar {float:right; border:none; padding:2px 10px; background:#1f1f1f; color:#fff; margin-right:0; *margin:0; width:80px; height:30px;}