/*-- font: 'bankgothic_lt_btlight'; --*/

html, body, h1, h2, h3, h4, h5, h6, p, span, div, section, aside, article, footer, header, a {margin: 0; padding: 0; font-family: Arial, Calibri, Tahoma, sans-serif;}
body {background: #FFF url(../img/header.jpg) 50% 0 repeat-x;}

/*-- header --*/
body > header {width: 860px; margin: 0 auto; height: 282px; text-align: center; position: relative; padding: 10px 0 0;}
.curtir {position: absolute; right: 90px; top: 0;}

/*-- nav --*/
body > nav {width: 918px; height: 64px; background: url(../img/nav.png) 50% 0 no-repeat; margin: 0 auto; text-align: center;}
body > nav > a {display: block; text-decoration: none; color: #fff; font-family: 'bankgothic_lt_btlight', sans-serif; height: 54px; padding: 0 6px 0 0; margin: -8px 10px 0; float: left; font-size: 18px; text-shadow: 1px 1px 2px #000; line-height: 48px;}
.nav-home {width: 91px; margin-left: 80px;}
.nav-historia {width: 97px;}
.nav-produtos {width: 115px;}
.nav-encomendas {width: 134px;}
.nav-dicas {width: 75px;}
.nav-contato {width: 101px;}
.nav-home:hover , .nav-home.active {background: url(../img/nav/home.png) 50% 0 no-repeat;}
.nav-historia:hover , .nav-historia.active {background: url(../img/nav/historia.png) 50% 0 no-repeat;}
.nav-produtos:hover , .nav-produtos.active {background: url(../img/nav/produtos.png) 50% 0 no-repeat;}
.nav-encomendas:hover , .nav-encomendas.active {background: url(../img/nav/encomendas.png) 50% 0 no-repeat;}
.nav-dicas:hover , .nav-dicas.active {background: url(../img/nav/dicas.png) 50% 0 no-repeat;}
.nav-contato:hover , .nav-contato.active {background: url(../img/nav/contato.png) 50% 0 no-repeat;}

/* content */
.content {width: 860px; margin: 14px auto;}
.shadow-860 {width: 860px; height: 32px; background: url(../img/shadow-860.png) 50% 0 no-repeat;}
.title {height: 40px; width: 100%; font-family: 'bankgothic_lt_btlight', sans-serif; font-size: 18px; color: #848484; background: url(../img/title.png) 0 0 no-repeat; margin: 0 0 18px -28px; padding: 6px 0 0 28px;}


.produto > a {display: block; float: left; margin: 0 0 20px 20px; text-align: center; color: #000; text-decoration: none; border-bottom: 1px solid #cbcbcb; width: 156px;}
.produto > a:hover {border-bottom: 1px solid #666;}
.produto > a:hover img {box-shadow: 0 0 6px #000;}
.title-produto {font-size: 12px; padding: 10px 10px;}

.produto > a p {font-size: 11px; margin: -4px 0 10px;}
.produto > a p span {color: #007139; font-family: 'bankgothic_lt_btlight', sans-serif; font-size: 12px;}

.produtos-holder {margin: 0 0 0 -20px;}
.produtos-holder-index {margin: 0 0 0 -31px;}
.produtos-holder-index .produto a {margin: 0 0 0 31px;}


.destaque {width: 530px;}
.fb-like-box {margin: 30px 0 0;}
.fb-comments {margin: 0 0 0 140px;}


.left {float: left;}
.right {float: right;}
img.left {margin: 0 30px 0 0;}
.justify, .justify p {text-align: justify;}
.w370 {width: 370px;}
.texto, .texto p {color: #5a5a5a; font-size: 12px; margin: 0 0 10px; line-height: 24px;}
.video-holder {width: 100%; text-align: center; background: #ddd;}


.form ul, .form li {list-style: none; margin: 0; padding: 0;}
.form label {display: block; font-family: 'bankgothic_lt_btlight', sans-serif; font-size: 14px; color: #666;}
.form input, .form textarea, .form select {width: 445px; border: 1px solid #C6C6C6; margin: 4px 0 12px; padding: 4px 6px; font-size: 12px; color: #666;}
.form textarea {height: 68px;}
.form button {width: 99px; height: 30px; border: none; background: url(../img/btn.png) 50% 100% no-repeat; color: #fff; font-family: 'bankgothic_lt_btlight', sans-serif; text-indent: -7px; float: right;}
.form button:hover {opacity: 0.9;}
label.error {color: red; text-align: right; font-size: 12px; margin: -8px 0 8px;}


.dica-title {background: #790000 url(../img/seta-baixo.png) 98% 50% no-repeat; display: block; cursor: pointer; font-family: 'bankgothic_lt_btlight', sans-serif; font-size: 18px; color: #fff; padding: 5px 15px; margin: 0 0 10px;}
.dica-title:hover {background: #006533 url(../img/seta-baixo.png) 98% 50% no-repeat;}
.dica-title.active {background: #006533 url(../img/seta-cima.png) 98% 50% no-repeat;}
.dica-holder {padding: 16px 0 40px; display: none;}


.map {border: 1px solid #ccc;}

.red-title {font-family: 'bankgothic_lt_btlight', sans-serif; font-size: 18px; color: #b21d21; margin: 0 0 10px;}

.select-categoria {position: absolute; margin: 0 0 0 420px;}
.select-categoria select {width: 150px; margin: 0 8px;}
.select-categoria button {float: none;}
.select-categoria span {font-family: 'bankgothic_lt_btlight', sans-serif; font-size: 16px;}

/* footer */
body > footer {width: 100%; height: 150px; background: url(../img/footer.jpg) 50% 0 no-repeat; margin: -50px 0 0;}
body > footer > div {width: 860px; margin: 0 auto; padding: 90px 0 0; position: relative;}
body > footer > div > p {color: #fff; font-size: 12px; text-shadow: 1px 1px 2px #000; line-height: 22px; word-spacing: 3px;}
body > footer > div > p a {color: #fff; text-decoration: none;}
body > footer > div > p a:hover {text-decoration: underline;}
a.fg1 {display: block; background: url(../img/fg1.png) 0 0 no-repeat; position: absolute; right: 0; width: 36px; height: 34px; bottom: 0px;}
a.fg1:hover {opacity: 0.7;}
.paginacao a{color:#333; padding:3px 5px; border:1px solid #d8d8d8; text-decoration:none; margin:0 3px;}

.paginacao a:hover{background:#b21d21; color:#fff;}

.paginacao a.atual{font-weight:bold; background:#b21d21; color:#fff; border:1px solid #ccc; }