/*
Theme Name: Óptica Haas
Theme URI: http://www.opticahaas.com.br
Version: dez/2017
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;}
.visible-mobile {display:none;}
.d-flex {display:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important;}
[data-parallax] {min-height:10px; background:transparent;}

@media (min-width:576px) {.container {max-width:540px;} }
@media (min-width:768px) {.container {max-width:720px;} }
@media (min-width:992px) {.container {max-width:960px;} }
@media (min-width:1200px) {.container {max-width:1140px;} }

.container {width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto;}

body {background:#fff; font-family:Tahoma, arial, sans-serif; font-size:16px; color:#000;}
a {text-decoration:none; color:#000;}
strong {font-weight:bold;}
em {font-style:italic;}
p {line-height:22px; margin-bottom:18px;}

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


#head {height:595px; width:100%; background-image:url(images/header.jpg); background-position:center; background-size:cover; background-repeat:no-repeat;}
	#head .container {position:relative;}
	#head .logo {display:block; position:absolute; top:0; left:0; width:219px; height:183px; background-image:url(images/logo.jpg); background-position:center; background-size:contain; text-indent:-9999px;}
	#head .face {width:42px; height:42px; background-size:42px; position:absolute; top:100px; right:0; background-image:url(images/ico-face.png);}

#marcas {}
	#marcas .imagem {display:block; width:100%; height:600px; background-image:url(images/marcas2.jpg); background-size:contain; background-position:center; background-repeat:no-repeat;}

#rodape {background-image:url(images/footer.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; height:112px;}

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

@media screen and (max-width:991px) {
	#marcas .imagem {width:290px; height:1516px; background-image:url(images/marcas-m2.png); background-position:center; background-repeat:no-repeat; margin:0 auto;}
	#head {background-image:url(images/header-m.jpg);}
	#head .logo {left:50%; margin-left:-110px;}
	#head .face {top:550px; right:50%; margin-right:-21px;}
	#marcas {margin-top:20px;}
	#rodape {background-image:url(images/footer-m.jpg); height:175px;}
}