@import "font/config.css";

@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family:'humanst521_lt_btlight', Arial, Helvetica, sans-serif; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
a { text-decoration: none; }
ul { list-style: none; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
textarea { resize: none;}
input { outline:none;}
.both{ clear:both;}
h1{ padding:17px 50px 17px 116px; color:#FFF; font-size:24px; float:left; background:#1aa156 url(../image/icone-empresa.png) no-repeat;}
h3{ width:1000px; float:left; background:#1aa156; color:#FFF; font-size:16px; text-align:center; padding:3px 0px 3px 0px; margin:5px 0px 5px 0px;}
h4{ width:1000px; float:left; background:#ee1d25; color:#FFF; font-size:16px; text-align:center; padding:3px 0px 3px 0px; margin:0px 0px 5px 0px;}
h5{ width:1000px; float:left; background:#1aa156; color:#FFF; font-size:16px; text-align:center; padding:3px 0px 3px 0px; margin:0px 0px 5px 0px;}

body {  font-size:12px; color:#333; background:#fff url(../image/bg.jpg) no-repeat center top; line-height:20px;}
header{ width:100%; height:131px; background:url(../image/bg-top.png) repeat-x; position:relative; top:80px; }
header .top{ width:1000px; height:131px; margin:0 auto;}
header .top .box-top{ width:401px; position:absolute; margin:-35px 0px 0px 600px;}
header .top .box-top .tele-entrega{ width:138px; height:24px; padding:7px 0px 0px 10px; float:left; background:url(../image/bg-tele-entrega.png); font-size:19px; color:#FFF;}
header .top .box-top .fonetop{ width:235px; height:24px; padding:7px 0px 0px 18px; float:left; background:url(../image/bg-fone.png); font-size:20px; color:#FFF;} 
header .top .box-top .fonetop span{ font-size:14px;}
header .top .logo-top{ float:left; margin-top:-70px;}
header .top .menutop{ float:right; margin:50px 0px 0px 0px;}
header .top .menutop li{ float:left; margin:0px 0px 0px 10px; color:#FFF; font-size:16px;}
header .top .menutop li a{ color:#FFF; padding:10px 13px 10px 13px; border:1px solid #FFFFFF;}
header .top .menutop li a:hover { color:#FFF; padding:10px 13px 10px 13px; border:1px solid #1aa156; background:#1aa156;}

.bg-center{ width:100%; height:130px; background:url(../image/bg-center.png) repeat-x; margin-top:750px;}
.bg-center .center{ width:1000px; padding-top:40px; margin:0 auto; color:#FFF; font-size:26px; text-align:center; line-height:30px;}

.bg-conteudo{ width:100%; padding:20px 0px 20px 0px; background:#FFF;}
.bg-conteudo .conteudo{ width:1000px; margin:0 auto; padding-top:60px;}
.bg-conteudo .conteudo .foto-empresa{ width:258px; height:282px; background:url(../image/foto-empresa.jpg) no-repeat; position:absolute; margin:50px 0px 0px 0px;}
.bg-conteudo .conteudo .texto-empresa{ width:550px; height:300px; margin:100px 0px 0px 0px; float:right; line-height:30px; font-size:26px;}
.bg-conteudo .conteudo .texto-empresa strong{ font-family:'humanst521_btbold', Arial, Helvetica, sans-serif;}

.bg-conteudo .conteudo .titulo{ width:1000px; height:54px;}
.bg-conteudo .conteudo .titulo .icone{ float:left;}
.bg-conteudo .conteudo .titulo h2{ width:200px; height:34px; padding:20px 0px 0px 0px; color:#FFF; font-size:24px; float:left; background:#1aa156; text-align:center;}
.bg-conteudo .conteudo .titulo .image-titulo{ float:right;}
.bg-conteudo .conteudo .lista-produtos{ width:1000px; float:left; margin:0px 0px 0px 0px;}
.bg-conteudo .conteudo .lista-produtos strong{ font-family:'humanst521_btbold', Arial, Helvetica, sans-serif;} 
.bg-conteudo .conteudo .lista-produtos li{ font-size:16px; background:#f1f1f1; padding:5px 0px 5px 10px;}
.bg-conteudo .conteudo .lista-produtos .bg-branco{ background:#FFF;}
.bg-conteudo .conteudo .galeria{ width:1000px; float:left; margin:10px 0px 60px 0px;}
.bg-conteudo .conteudo .galeria li{ width:249px; height:140px; list-style:none; float:left; margin:0px 1px 1px 0px; background:#666;}
.bg-conteudo .conteudo .espaco{ width:1000px; float:left; margin-top:60px;}

.bg-conteudo .conteudo .contato-dir{ width:300px; height:400px; float:right; margin-top:53px; font-size:16px;}
.bg-conteudo .conteudo .contato-dir span{ font-size:24px; color:#1AA156; float:left; margin-bottom:10px;}

.bg-conteudo .conteudo .mapa{ width:1000px; height:300px; margin-bottom:20px; }

footer{ width:100%; height:228px; background:url(../image/bg-footer.png) repeat-x;}
footer .center{ width:1000px; margin:0 auto;}
footer .center .logo-footer{ float:right; margin-top:-18px;}
footer .center .menubottom{ float:left; margin:80px 0px 0px 0px;}
footer .center .menubottom li{ float:left; margin:0px 0px 0px 10px; color:#FFF; font-size:16px;}
footer .center .menubottom li a{ color:#FFF; padding:10px 13px 10px 13px; border:1px solid #FFFFFF;}
footer .center .menubottom li a:hover { color:#FFF; padding:10px 13px 10px 13px; border:1px solid #1aa156; background:#1aa156;}
footer .center .direitos{ float:left; color:#FFF; font-size:16px; margin-top:90px;}
footer .center .direitos a{ color:#FFF;}
footer .center .direitos a:hover{ text-decoration:line-through;}



/*FORMULARIO CONTATO*/
#formcontato { width:520px; float:left; margin-top:30px;}
#formcontato label { width:500px; display:block; margin-bottom:10px; float:left;}
#formcontato label span{ margin:3px 0px 3px 0px; float:left;  color:#373435; font-size:15px;}
#formcontato input { width:500px; padding:5px 5px 5px 5px; float:left; font-size:14px; color:#333; background:#FFF; border:1px solid #A2A690; border-radius:0px; font-family:'humanst521_lt_btlight', Arial, Helvetica, sans-serif;}
#formcontato textarea{ width:490px; height:100px; padding: 15px 10px 10px 10px; font-family:'humanst521_lt_btlight', Arial, Helvetica, sans-serif; font-size:15px; color:#333; float:left; background:#FFF; border:1px solid #A2A690; border-radius:0px; }
.bt-enviar{ width:90px !important; padding:0 !important; height:28px; margin-top:10px; margin-left:422px; background:#1aa156 !important; border:0 !important; color:#FFF !important;  font-size:16px !important; }
/*FORMULARIO CONTATO*/