/*
Theme Name: Santa Conservas
Theme URI: http://www.santaconservas.com.br
Version: nov/2015
Author: Bravo Interativa
Author URI: http://www.bravo.st
*/

/*------------------------*/

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, input, textarea, 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; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

body {line-height:1;}
ol, 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, input, a {outline: none;}

.clear {clear:both;}
.clearfix, .container {*zoom:1;} .clearfix:before, .clearfix:after, .container:before, .container:after {display:table; content:""; line-height:0;} .container:after, .clearfix:after {clear:both;}
.hide-text {font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0;}
.hidden {display:none;}
.noselect {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.noscroll {overflow:hidden;}

::-webkit-input-placeholder {color:#fff;}
:-moz-placeholder {color:#fff;}
::-moz-placeholder {color:#fff;}
:-ms-input-placeholder {color:#fff;}

.browser-warning {background-color:#ffffaa;padding:5px;text-align:center;}
.clear {clear:both;}

/*------------------------*/

body {font-family: 'Lato', sans-serif; font-size:13px; color:#4e2316;}
a {text-decoration:none; color:#555;}
strong {font-weight:bold;}

.container {width: 1165px; margin: 0 auto; position: relative;}

header {width:100%; height:300px; margin:0 0 200px 0;}
header h1 a {width: 200px; height: 175px; background: url(images/logo.png) no-repeat; background-size: contain; display: block; text-indent: -9999px; margin:0 auto; position: absolute; top: 0; left: 50%; margin-left: -125px;}
.main {width: 100%; height: 300px; background: url(images/main2.png) no-repeat center; background-size: cover; background-attachment: fixed; margin: 180px auto 0 auto;}


article {}
article h1 {color: #4e2316; font-size: 25px; text-transform: uppercase; margin: 50px 0 60px 0; text-align: center;}
article h2 {color: #4e2316; font-size: 20px; text-transform: uppercase; margin: 70px 0 20px 0; text-align: center; border-bottom: 1px solid #4e2316; padding-bottom: 10px;}
article .products {margin:0 0 0 50px;}
article .product {width:310px; margin:0 -50px 20px -50px; display: inline-block; vertical-align: top;}
article .product h3 {height: 340px; text-align: center; padding: 310px 0 0 0; font-weight:700;}
article .product h4 {text-align: center; line-height: 20px;}

footer {width:100%; height:200px; margin: 60px 0 0 0; position: relative;}
footer h6 {width: 200px; height: 150px; background: url(images/logo.png) no-repeat; background-size: contain; display: block; text-indent: -9999px; margin:0 auto; position: absolute; top: 0; left: 41.6%;}
footer .phone {position: absolute; left:74px; top: 30px; font-size: 20px; line-height: 24px;}
footer .phone a {color:#4e2316;}
footer address {position: absolute; right:140px; top: 30px; font-size: 20px; line-height: 24px;}
.footer {width: 100%; height: 478px; background: url(images/footer.jpg) no-repeat center center; background-size: cover; margin: 90px auto 0 auto;}
footer .catalogo {width: 100%; display: block; font-size: 20px; line-height: 24px; text-align: center;}
footer .catalogo p {color: #4e2316; background-color: #d3d3d3; padding: 20px;}


.product.pimenta-biquinho h3 {background: url(images/pimenta-biquinho.png?4) no-repeat center;}
.product.couve-flor h3 {background: url(images/couve-flor.png?4) no-repeat center;}
.product.cebola h3 {background: url(images/cebola.png?4) no-repeat center;}
.product.pepino h3 {background: url(images/pepino.png?4) no-repeat center;}
.product.pepino-picante h3 {background: url(images/pepino-picante.png?4) no-repeat center;}
.product.pepino-doce h3 {background: url(images/pepino-doce.png?4) no-repeat center;}
.product.mini-milho h3 {background: url(images/mini-milho.png?4) no-repeat center;}
.product.champignon h3 {background: url(images/champignon.png?4) no-repeat center;}
.product.champignon2 h3 {background: url(images/champignon2.png?4) no-repeat center;}
.product.picles h3 {background: url(images/picles.png?4) no-repeat center;}
.product.beterraba h3 {background: url(images/beterraba.png?4) no-repeat center;}
.product.cenoura h3 {background: url(images/cenoura.png?4) no-repeat center;}
.product.rabanete h3 {background: url(images/rabanete.png?4) no-repeat center;}
.product.azeitona h3 {background: url(images/azeitona.png?4) no-repeat center;}
.product.azeitona2 h3 {background: url(images/azeitona2.png?4) no-repeat center;}
.product.azeitona3 h3 {background: url(images/azeitona3.png?4) no-repeat center;}
.product.azeitona4 h3 {background: url(images/azeitona4.png?4) no-repeat center;}
.product.tomate-seco h3 {background: url(images/tomate-seco.png?4) no-repeat center;}
.product.vagem h3 {background: url(images/vagem.png?4) no-repeat center;}
.product.cebola2 h3 {background: url(images/cebola2.png?4) no-repeat center;}
.product.azeitona-com-caroco h3 {background: url(images/120-azeitona-com-caroco.png) no-repeat center;}
.product.azeitona-fatiada h3 {background: url(images/120-azeitona-fatiada.jpg) no-repeat center;}
.product.azeitona-recheada h3 {background: url(images/120-azeitona-recheada.jpg) no-repeat center;}
.product.azeitona-sem-caroco h3 {background: url(images/120-azeitona-sem-caroco.jpg) no-repeat center;}
.product.cebola-cristal h3 {background: url(images/120-cebola-cristal.jpg) no-repeat center;}
.product.cereja-em-calda h3 {background: url(images/120-cereja-em-calda.jpg) no-repeat center;}
.product.champignon-fatiado h3 { background: url(images/120-champignon-fatiado.jpg) no-repeat center;}
.product.champignon-120 h3 {background: url(images/120-champignon.jpg) no-repeat center;}
.product.pimenta-biquinho-120 h3 {background: url(images/120-pimenta-biquinho.jpg) no-repeat center;}
.product.tomate-seco-120 h3 {background: url(images/120-tomate-seco.jpg) no-repeat center;}
.product.pepino-450 h3 {background: url(images/450-pepino.png) no-repeat center;}
.product.beterraba-1800 h3 {background: url(images/1800-beterraba.jpg) no-repeat center;}
.product.cebola-vinho-1800 h3 {background: url(images/1800-cebola-vinho.jpg) no-repeat center;}
.product.cebola-1800 h3 {background: url(images/1800-cebola.jpg) no-repeat center;}
.product.cenoura-1800 h3 { background: url(images/1800-cenoura.jpg) no-repeat center;}
.product.couve-flor-1800 h3 {background: url(images/1800-couve-flor.jpg) no-repeat center;}
.product.mini-milho-1800 h3 {background: url(images/1800-mini-milho2.jpg) no-repeat center;}
.product.mini-milho2-1800 h3 {background: url(images/1800-mini-milho.jpg) no-repeat center;}
.product.ovo-de-codorna h3 {background: url(images/1800-ovo-de-codorna.jpg) no-repeat center;}
.product.palmito-1800 h3 {background: url(images/1800-palmito.jpg) no-repeat center;}
.product.palmito-fatiado-1800 h3 {background: url(images/1800-palmito-fatiado.jpg) no-repeat center;}
.product.pepino-1800 h3 {background: url(images/1800-pepino.jpg) no-repeat center;}
.product.picles-1800 h3 {background: url(images/1800-picles.jpg) no-repeat center;}
.product.pimenta-biquinho-1800 h3 {background: url(images/1800-pimenta-biquinho.jpg) no-repeat center;}
.product.rabanete-1800 h3 {background: url(images/1800-rabanete.jpg) no-repeat center;}
.product.tomate-seco-1800 h3 {background: url(images/1800-tomate-seco.jpg) no-repeat center;}
.product.vagem-1800 h3 {background: url(images/1800-vagem.jpg) no-repeat center;}



/* Mobile devices  */
@media only screen and (max-width : 1279px) {

	.container {width: 1000px;}

	header {height:400px; margin:0 0 100px 0;}
	.main { width: 100%; height: 394px;}

	article {}
	article h1 {margin: 100px 0 60px 0;}
	article h2 {color: #4e2316; font-size: 23px; text-transform: uppercase; margin: 30px 0 20px 0; text-align: center;}
	article .products {margin:0 0 0 45px;}
	article .product {width:310px; margin:0 -45px 20px -45px; display: inline-block;}

	footer {height:160px; margin: 60px 0 0 0;}
	footer h6 {width: 149px; height: 117px;}
	footer .phone {top: 30px; font-size: 20px;}
	footer address {top: 30px; font-size: 20px;}

}
/* Mobile devices  */
@media only screen and (max-width : 1023px) {

	.container {width:100%;}

	header {height:300px; margin:0 0 120px 0;}
	.main {width: 100%; }

	article {}
	article h1 {margin: 180px 0 60px 0;}
	article h2 {color: #4e2316; font-size: 23px; text-transform: uppercase; margin: 0 0 20px 0; text-align: center;}
	article .products {margin:0;}
	article .product {width:33%; margin:0 0 20px 0; display: inline-block;}

	footer {height:270px; margin: 60px 0 0 0;}
	footer h6 {display:none;}
	footer .phone {position: relative; text-align: center; right:0; left: 0;}
	footer address {position: relative; text-align: center; right:0; left: 0; margin: 40px 0 0 0;}

}


/* Smartphones (portrait)  */
@media only screen and (max-width : 620px) {

	.container {width:100%;}

	header {height:300px; margin:0 0 120px 0;}
	.main { width: 100%;}

	article {}
	article h2 {color: #4e2316; font-size: 23px; text-transform: uppercase; margin: 0 0 20px 0; text-align: center;}
	article .products {margin:0;}
	article .product {width:100%; margin:0 0 20px 0; display: inline-block;}

	footer {height:270px; margin: 60px 0 0 0;}
	footer h6 {display:none;}
	footer .phone {position: relative; text-align: center; right:0; left: 0;}
	footer address {position: relative; text-align: center; right:0; left: 0; margin: 40px 0 0 0;}

}