@charset "utf-8";
/* Powered by | BRANDE DO BRASIL
   Otimização de Sites e Marketing em Internet
   Site: WWW.BRANE.COM.BR
   Tel: 3362-2375 / 3361-2162
*/
   

body           { color:#666; font:11px Verdana; line-height:normal; margin:0;}
a              { outline:none;}
img            { border:none;}
/* Estrutura do site -----------------------------------------------*/

#base, #geral, #top, #conteudo, #left, #center, #center-servicos, #footer { width:768px; float:left; position:relative;}
p, ul, li { font-size:11px; line-height:normal; color:#666;}

#geral		             { margin:auto; float:none;}
#top		             { height:85px; font:bold 11px Arial; background:#fff; }
#conteudo	             { background:#fff; }
#left                    { width:156px; height:auto; background:#eff3f4;}
#center                  { width:420px;  height:auto; padding:15px;}
#center-servicos         { width:580px; height:auto; padding:15px;}
#right                   { width:156px; background:#eff3f4; height:500px; float:right;}
#footer                  { height:auto; background:#00377c;  float:left;}
h1                       { color:#3f699c; font:bold 14px Verdana;  line-height:normal}
h2                       { font:bold 14px Verdana; color:#666; margin:10px 0 0 0; padding-bottom:8px;}

blockquote               { margin:0;}
.breadcrumbs             { font:bold 10px Arial; padding:0 0 15px 0; margin:0;}
.breadcrumbs  a          { color:#3f699c; text-decoration:none; text-transform:capitalize;}
.breadcrumbs  a:hover    { color:#184881; text-decoration:none;}


.saiba-mais         { color:#990033; text-decoration:none;}
.saiba-mais:hover { color:#cc0000; text-decoration:underline;}

/* Lista de Produtos */
.produtos-home   { padding-top:10px;}
.produtos-home h2 { padding:10px 0 0 0; margin:0; float:left; width:420px;}
.produtos-home h2 a { text-decoration:none; color:#666;}
.produtos-home ul{ width:420px; margin:0; list-style:none; text-align:center; padding:10px 0 0 0; border-bottom:1px solid #eee; height:auto; float:left; position:relative;}
.produtos-home li { width:80px; height:130px; margin:0; padding:0 10px; float:left;}
.produtos-home ul li img {float:left; width:80px; position:relative;}
.produtos-home ul li a { width:80px; float:left;}
.produtos-home span  { width:80px; height:30px; margin:0; padding:0;  font:11px Arial; float:left; position:relative; text-align:center; }
.produtos-home span a { width:80px; height:30px; margin:0; padding:0; float:left; color:#303030; text-decoration:none;}


/* Lista de Produtos */
.lista-produtos-home {list-style:url(img-layout/lista-style-produtos.gif); margin-left:15px;padding:0; font:11px Arial;}
.lista-produtos-home li {font-weight:bold; clear:both;}
.lista-produtos-home li a {font-weight:bold;color:#333333; text-decoration:none; }
.lista-produtos-home li a:hover {font-weight:bold;color:#333333; text-decoration:underline; }
.lista-produtos-home-sub {list-style:url(img-layout/lista-style-produtos-sub.gif); margin-left:15px;padding:0;}
.lista-produtos-home-sub li {font-weight:normal;}
.lista-produtos-home-sub li a {font-weight:normal;color:#333333; text-decoration:none; }
.lista-produtos-home-sub li a:hover {font-weight:normal;color:#333333; text-decoration:underline; }
.lista-produtos-acoplamentos  { margin:10px 0 0 15px; padding:0; }
.lista-produtos-acoplamentos li { padding-bottom:10px; }

/* Lista Representantes */
.lista-representantes ul {list-style:none; padding:0; margin:0;}
.lista-representantes li {font:10px Verdana;}
.lista-representantes a {color:#666666;}
.lista-representantes a:hover { color:#333333;}

/* Mapa do Site */
.mapa-do-site{ display: table; border-collapse: collapse; width:580px; } 
.mapa-coluna { display: table-cell; width: 265px;  float:left; padding-right:10px; } 
.mapa-coluna h2 a { color:#666666; width:225px; height:20px; background-color: #dbdbdb; font:bold 10px Verdana; line-height:20px; margin-top:10px; text-decoration:none; padding:0 0 0 15px; float:left;}
.mapa-coluna h3  { background:url(img-layout/lista-style-produtos.gif) left no-repeat; padding:0;padding-left:15px; margin:0; margin-top:5px; font:bold 11px Arial; float:left;}
.mapa-coluna h3 a  { color:#666666; text-decoration:none;}

/* Right Representantes */
#right-representantes             { width:156px; height:550px; background:#02377d url(img-layout/fio.gif); text-align:center;  float:right;}
#right-representantes ul          { list-style:none; margin:0; padding:0;}
#right-representantes li          { color:#fff; width:150px; padding:0 0 2px 0;}

#right-representantes-email a { display: block;	width: 142px; margin-left:7px; height: 13px; background: url(img-layout/right-representantes-email.gif) 0 0 no-repeat;text-decoration: none;}
#right-representantes-email a:hover { background-position: 0 -13px;}

/* Right Produtos */
.right-produtos          { width:155px; color:#fff; background:#00367c; text-align:center;float:right;}
.right-produtos h2       { color:#fff;}
.right-produtos p        { color:#fff;}
.right-produtos a        { color:#fff; text-decoration:none;}
.right-produtos a:hover  { color:#ffcc00; text-decoration:none;}
.right-produtos hr       {border:none; margin:10px 0 10px 20px; padding:0; height:1px; width:120px; background-color:#ccc;}

/*Menu Footer*/
.menu-footer    { list-style:none; margin:0 0 0 160px; padding:0;}
.menu-footer li { display:inline; float:left; padding-right:20px; }
.menu-footer a  { color:#FFFFFF; text-decoration:none;line-height:30px;	}
.menu-footer  a:hover  {border-bottom:2px solid #fff;}

/* Página Produtos */
.lista-produtos       {}
.lista-produtos ul    { margin:0; padding:0; list-style:none;}
.lista-produtos ul li { width:175px; height:160px; margin:0 0 10px 10px; float:left;}
.lista-produtos ul li img {float:left;} 

.lista-interna-produtos       {}
.lista-interna-produtos ul    { margin:0; padding:0; list-style:none;}
.lista-interna-produtos ul li { width:122px; height:170px; margin:0 0 10px 10px; float:left;}
.lista-interna-produtos ul li img {float:left;} 
.lista-interna-produtos span  { width:122px; height:30px;  float:left; text-align:center; }
.lista-interna-produtos span a {color:#303030; text-decoration:none;}

 
/* Contato */
/* Formulário de contato */
#formulario {width:580px; border:1px solid #ccc;}
#contato { border: 1px solid #fff; padding: 5px;}
#contato p { margin-bottom: 5px;}
#contato label {width: 100px; text-align:right; float: left;}
#contato input, #contato textarea, #contato select {margin-left:20px; border: 1px solid #cac9b9;}
#contato #submit { margin-top:10px; margin-left:120px; *margin-left:124px; border:#000 1px solid; background:#FFF}