* { outline: none; }
body{color: #444; font-size: 14px; font-family: 'Roboto', Arial, Tahoma, Sans}
html, body, form, ul, ul li, img, h1, h2, h3, h4, h5, h6, h7 { border: 0; margin: 0; padding: 0; }
html, body { height: 100%; }

a { color: #444; text-decoration: none; }
a:hover { color: #006501; text-decoration: underline; }
.limpa { clear: both; }

input.texto, textarea.texto { font-size: 15px; font-weight: bold; border: 1px solid #e5e5e5; padding: 8px 5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; }
input.textarea.texto{font-size: 15px; font-weight: bold;  font-family: 'Roboto', Arial, Tahoma, Sans}
input.texto:focus, textarea.texto:focus{border:1px solid #d0d0d0;box-shadow:0 0 10px rgba(0,0,0,0.05)}
.botao { border: 0; background: #1b1b1b; color: #fff; cursor: pointer; display: block; float: left; font-size: 12px; font-weight: bold; padding: 9px 15px 8px 15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; }
.botao:hover { color:#fff; background: #006501; text-decoration: none; }

.pp { width: 75px; }
.pq { width: 150px; }
.md { width: 250px; }
.gd { width: 500px; }
.gg { width: 500px; height: 300px; }

label { display: block; font-weight: bold; float: left; padding: 10px 0; width: 100px; }
.botoes { margin: 10px 0 0 100px; }


* html #geral { height: 100%; }

#cabecalho { margin: 0 auto; width: 960px; }

#logotipo { float: left; height: 60px; margin: 25px 0 0 10px; }
#slogan { float: right; margin: 0 70px 15px 20px; text-align: center}
#slogan h1 { color: #008800; font-size: 18px; font-weight:normal; text-shadow:0 0 2px #fff}
#slogan strong{display:block;font-size: 22px;}

#servicos { float: right; height:80px; padding:30px 0 0 0; width: 500px; }
#servicos ul { list-style: none; float: right; }
#servicos li { float: left; padding: 0 2px; }


#menu { width: 960px; height: 46px; position: relative; z-index: 998; }
#menu ul { list-style: none; float: left; position: relative; padding: 4px 0; }
#menu li { border-left: 1px solid #494949; border-right: 1px solid #000; float: left; height: 44px; text-align: center; width: 158px; position: relative; }
#menu li.a { border-left: 0; }
#menu li.b { border-right: 0; }
#menu li a { color: #fff; display: table-cell; font-size: 16px; font-weight: bold; height:44px; text-align:center; text-shadow: #111 -1px 2px 3px; vertical-align:middle;  width: 158px; /display:block;/padding:10px 0 0 0;/height:34px }
#menu li a:hover { color: #00b000; text-decoration: none; }

#menu ul li:hover .submenu { visibility: visible; }
#menu .submenu { background: #2d2d2d; position: absolute; left:0; visibility: hidden; z-index: 999; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -khtml-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; }

#menu .submenu li { border: 0; height: 30px; text-align: left; padding: 0; }
#menu .submenu li a { color: #fff; font-size: 12px; font-weight: normal; height:30px; padding:0 20px; text-align: left; text-shadow: #111 -1px 2px 3px; width: 158px; }
#menu .submenu li a:hover { color: #00b000; text-decoration: none; }

#banner { display: block; font-size: 12px; height: 186px; margin: 0 auto 0; padding: 25px 50px; position: relative; overflow: hidden; width: 878px; z-index: 997; }
#banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 { color: #fff; font-size: 32px; font-weight: normal; line-height: normal; margin: 0 0 10px 0; padding: 0; text-shadow: #000 0 0 5px; }
#banners, #banners ul{ display:block; width: 878px; height: 210px; margin: 0; padding: 0; list-style: none; overflow: hidden; }
#banners li { display: block; position: relative; width: 878px; height: 200px; overflow: hidden; }
#banners img { display: block; float: right; width: 200px; height: 147px; margin:25px 25px 0 0 }
#banners .conteudo { display: block; float: left; width: 620px; margin: 0 0 0 0px; padding: 0; overflow: hidden; }

#banner .anterior, #banner .proximo { display: block; height: 32px; position: absolute; top: 93px; width: 32px; }
#banner .anterior { left: 5px; }
#banner .proximo { right: 8px; }

#banners p { color: #fff; font-size: 18px; text-shadow: #000 0 0 5px; }
#banners a { color: #fff; font-size: 18px; font-weight: bold; text-shadow: #000 0 0 5px; }
#banners a:hover { color: #00b000; text-decoration: none; }

.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 75px; height: 75px; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index:3; display:none; }

#conteudo { margin: 0 auto; width: 976px; padding: 0 10px; position: relative; }

#centro{background:url('../imagens/fundo-centro.jpg') no-repeat bottom center;min-height: 350px;padding:40px 20px 100px 20px}
#centro input { margin: 0 0 5px 0; }

#centro h3 { border-bottom: 1px dotted #d0d0d0; font-size: 22px; margin: 0 0 20px 0; padding: 3px 0 }
#centro .box { float: left; margin: 0 20px 0 0; padding: 10px; width: 273px; border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-khtml-border-radius:8px }
#centro .box h4, #centro .destaques h4 { color: #006501; font-size: 16px; }
#centro h3 img, #centro .box h4 img, #centro .destaques h4 img { margin: 0 5px 0 0; }
#centro .box a { font-weight: bold; }
#centro .box .conteudo .rotulo { display: block; float: left; font-weight: bold; margin: 5px 0; width: 70px; }
#centro .box .conteudo .valor { float: left; margin: 5px 0; }
#centro .box .imagem{background:#fff;border: 1px solid #e0e0e0;padding:20px;text-align:center;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-khtml-border-radius:8px}
#centro .conteudo .valor, #centro .conteudo .valor a { font-weight: normal; }
#centro .b { margin:0 }
#centro .box .conteudo { min-height:80px }


#centro .destaques { float: left; margin:40px 0 0 0}
#centro .destaques h4 {margin:0 0 20px 0}
#centro .destaques .box { background:#f5f5f5; border: 1px solid #e0e0e0; min-height: 140px; } 
#centro .destaques .box .conteudo { margin: 5px 0 0 0; min-height:30px }

#final { background: #aeffae; font-size: 12px }
#final .centraliza{margin:0 auto;width:976px}
#final .links { float: left; padding:20px; width: 140px; }
#final .links h5 { font-size: 18px; margin: 0 0 5px 0; }
#final .links ul { list-style: none; width: 100%; }
#final .links li { border-bottom: 1px solid #c0c0c0; width: 140px; }
#final .links li.ultimo { border-bottom: 0; }
#final .links li:hover { background: #1b1b1b; }
#final .links a { background: url('../imagens/seta.gif') no-repeat 10px 15px; display: block; padding: 10px 10px 10px 20px; }
#final .links a:hover { text-decoration: none; color: #fff; }

#final #endereco{float:left;margin:0 0 0 40px;padding:20px}
#final #endereco h5 { font-size: 18px; margin: 0 0 5px 0; }

#final #visita { float: right; padding:20px }
#final #visita  h5 { font-size: 18px; margin: 0 0 5px 0;  }
#final #visita label { display: block; float: left; font-weight: bold; padding: 14px 0 0 0; width: 80px; }

#final #visita .texto { float: right; margin: 5px 0 0 0; width: 160px; }
#final #visita .botao { color: #fff; float: right; margin: 10px 0 0 0; }

#rodape { background:#000; color: #fff; padding: 5px 0; text-align: center;  }
#rodape a { color: #b0b0b0; }
#rodape a:hover { color: #0764A7; }