﻿@charset "utf-8";
/* ########## _______________________ ########## */

/* ########## CONFIGURAÇÕES ########## */

html, body, div, span, object, input, h1, h2, h3, h4, h5, h6, img, ol, ul, li, form, label, table, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;font-family:inherit;}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}

ol, ul {list-style:none;}

a {color:#C9E7D9; text-decoration:none;}
a:hover {color:#fff; text-decoration:inherit;}

h1{font-size: 16px; font-weight:bold;}
h2{font-size: 14px; font-weight:bold;}
h3{font-size: 14px; font-weight:bold; letter-spacing:-0.03em;}
h4{font-size: 16px; font-weight:bold;}

/* ########## CORES ########## */

.ekawa {color:#F90 !important; }
.ekawa a:hover {color:#FF0 !important; text-decoration:none !important;}
a .ekawa {color:#000 !important; border-color:#2F6265 !important;}
a:hover .ekawa {color:#2F6265!important; text-decoration:underline !important; border-color:#F90 !important;}

/* ########## SITE ########## */

.bg{overflow:auto; background:#2F6265 url(imagem/bg.jpg) no-repeat center top;}

#geral{width:943px; overflow:auto; margin:10px auto 0 auto; background:url(imagem/bg_geral.jpg) no-repeat 9px bottom; padding-bottom:40px;}

#menu-topo{height:45px; padding:30px 0 20px 0;}

#banner{overflow:hidden; height:260px; margin-bottom:20px;}

#le{width:193px; float:left;}

#logo{width:193px; overflow:hidden; margin-bottom:20px; }

#menu, .fale-conosco, .institucional{width:193px; overflow:auto; margin-bottom:20px;}
#menu a {display:block; width:100%;}
#menu ul {background:#4E7D7C; padding:10px 5px 5px 5px; font-family:Verdana; font-size:10px; text-transform:uppercase; color:#FFF; }
#menu li {background:#204446; margin-top:5px; overflow:auto; padding:5px; text-indent:11px; font-size:11px; font-family:Arial; letter-spacing:0.09em; }
#menu li a {background:url(imagem/arrows.gif) no-repeat 0 5px;  }
#menu li a:hover {color:#F90; background:url(imagem/arrows2.gif) no-repeat 0 5px; }

.caixa a {display:block; width:100%;}
.caixa ul {background:#4E7D7C; padding:5px; font-family:Verdana; font-size:10px; color:#FFF; }
.caixa ul a {background:#204446 url(imagem/arrows.gif) no-repeat 5px 7px; padding:5px 0; text-indent:15px; text-transform:uppercase;}
.caixa ul a:hover {color:#F90; background:#204446 url(imagem/arrows2.gif) no-repeat 5px 7px; }
.caixa ul li {padding:0 !important; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.caixa ul li a img { padding-bottom:5px;}
.caixa ul li a{background:none !important; text-indent:0 !important; text-transform:none !important; padding:0 !important;}
.caixa ul li a:hover {color:#fff;}
.caixa .blog-linha{ border-bottom:1px solid #066; padding-bottom:5px !important;}
.caixa .mais a {background:url(imagem/bt_saiba_mais_a.gif) no-repeat right !important; height:7px; overflow:hidden; color:#4E7D7C; padding-top:10px !important; }
.caixa .mais a:hover {background:url(imagem/bt_saiba_mais_h.gif) no-repeat right !important; color:#4E7D7C;}

#content {width:730px; float:left; margin-left:20px; overflow:hidden;}

#main{width:520px; margin-right:20px; float:left;}

.main-auxiliar{width:730px; margin-right:20px; clear:both;}

.main-auxiliar ul {background:#4E7D7C; padding:5px; font-family:Verdana; font-size:10px; color:#FFF; }
.main-auxiliar ul h1{background:#204446 url(imagem/arrows.gif) no-repeat 5px 15px; padding:10px 0; text-indent:15px; text-transform:uppercase; font-size:12px; font-weight:lighter;}
.main-auxiliar ul li {padding:0 !important; margin-top:5px; font-family:Arial, Helvetica, sans-serif !important; font-size:13px;}
.main-auxiliar ul li h1{background:none !important; text-indent:0 !important; text-transform:none !important; padding:0 !important; font-size:16px; font-weight:bold;}
.main-auxiliar ul li div.conteudo ul li{padding-left:20px !important; background:url(imagem/arrows3.gif) no-repeat 8px; }
.main-auxiliar ul li div.conteudo ol li{padding-left:20px !important; background:url(imagem/arrows3.gif) no-repeat 8px;}


.produtos{width:250px; float:left;}
.catalogo-virtual{width:250px;  margin-right:20px; margin-top:20px; float:left;}
.orcamento{width:250px;  margin-top:20px; float:left; }

#ld{width:190px; float:left;}

.blog {width:190px; float:left; margin-bottom:20px;}

.newsletter {width:190px; float:left; }
.newsletter a {display:block; width:100%;}
.newsletter ul {background:#204446; padding:5px; font-family:Verdana; font-size:10px; color:#FFF; }
.newsletter ul a {background:#204446 url(imagem/arrows.gif) no-repeat 5px 7px; padding:5px 0; text-indent:15px; text-transform:uppercase;}
.newsletter ul a:hover {color:#F90; background:#204446 url(imagem/arrows2.gif) no-repeat 5px 7px; }
.newsletter ul li {padding:0 !important; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.newsletter ul li.campo{padding:3px 0 !important; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:center;}

/* paginacao */
.pagina {font-size:16px; padding:5px 6px; float:left; height:15px; text-align:center; margin:2px; cursor: default; background:#204446; color:#3FF; font-weight:bold; }
.pagina_ok {font-size:16px; padding:5px;float:left; height:15px; text-align:center; margin:4px 0; cursor: pointer; display:block; font-weight:bold;  color:#F90 !important;}
.pagina_ok a:hover{color:#F90 !important; }


/* ########## RODAPE ########## */

#rodape{clear:both; background:#1D3D3F url(imagem/bg_rodape.jpg) repeat-x center top; overflow:auto;}
#rodape ul {padding-top:30px; color:#fff; background:url(imagem/i_rodape.jpg) no-repeat center 2px; overflow:auto; }
#rodape ul li { color:#fff; }
#rodape ul li ul{overflow:auto; width:100%; background:#193436; padding:10px 0;}
#rodape ul li ul li{overflow:auto; width:100%; text-align:center;}
#rodape .menu{ word-spacing:50px; text-align:center; }
#rodape .endereco div.endereco{ background:url(imagem/i_endereco.gif) no-repeat  right; text-align:right; width:450px; padding:30px 130px 30px 0 ; margin:auto; height:45px; font-size:14px; overflow:hidden;}
#rodape a{ color:#FFF; font-size:13px;} 
#rodape a:hover{ color:#C2E8B9;} 

