/*---------------------------------------------------------- CSS Reset - Normalize.css ----------------------------------------------------------*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*---------------------------------------------------------- Inicio Estilo ----------------------------------------------------------*/ @font-face { font-family: "Handy"; src: url(../fonts/Handycheera-Regular.otf) format("truetype"); } * {margin:0; padding:0; border:0;} img {max-width:100%;} A:hover {webkit-transition-duration:.200s; color:#ee2f37;} A {text-decoration:none; border:none; color:#000;} /*---------------------------------------------------------- Topo ----------------------------------------------------------*/ #topo {width:auto; height:158px;} #logo {width:auto;} #bg-midias {width:auto; height:35px; background-color:#dcdcdc;} #loop-midias {width:200px; height:30px; padding-top:5px;} #bg-topo {width:auto; height:123px; background-image:url("../_imagens/bg-topo.png"); padding-top:10px; padding-left:100px;} /*---------------------------------------------------------- Menu ----------------------------------------------------------*/ .nav {font-family:Verdana; font-weight:bold; font-size:14px; width:auto; height:35px;} .nav { position: relative; margin: -68px 0; } .nav ul { margin: 0px; padding: 0; } .nav li { margin: 0 5px 10px 0; padding: 0; list-style: none; display: inline-block; } .nav a { padding: 3px 12px; text-decoration: none; color: #fff; line-height: 100%; } .nav a:hover { color: #ee2f37; } .nav .current a { background: #ee2f37; color: #fff; border-radius: 5px; } /*---------------------------------------------------------- Banner e Sobre ----------------------------------------------------------*/ #jquery {width:auto; height:500px; margin-top:111px;} #box-sobre {width:auto; background-color:whitesmoke; height:480px; margin-left:10px; margin-right:10px; -webkit- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); -moz- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); box-shadow:0px 0px 1px rgba(0, 0, 0, 1)} /*---------------------------------------------------------- Mapa e Apresentação ----------------------------------------------------------*/ #mapa {width:400px; padding-left:50px; padding-right:45px; padding-top:30px; text-align:center} #apresentacao {width:600px; margin-top:-343px; font-size:14px; font-size:14px; font-weight:bold; text-align:center; font-weight:bold; padding-right:50px} /*---------------------------------------------------------- Inscreva-se em nosso Canal ----------------------------------------------------------*/ #inscreva-se {padding-right:225px; float:right; margin-top:-378px;} #youtube {float:right; padding-right:50px; margin-top:-342px;} #canal {width:450px; padding-top:18px; float:right; padding-right:50px; margin-top:-287px;} /*---------------------------------------------------------- Estoque ----------------------------------------------------------*/ #box-estoque {width:auto; height:auto; margin-top:30px; float:left; margin-left:20px} #corpo {width:auto; height:auto; margin:0 auto 0 auto;} #loop-carros {width:200px; height:auto; float:left; margin-left:150px; padding-left:20px; padding-right:20px; padding-top:50px;} #vendido {height:150px; margin-top:-150px;} #bg-legenda {width:200px; height:69px; background:url(../_imagens/bg-legenda.jpg);} #legenda {width:auto; height:69px; font-size:14px; text-align:left; font-family:"Trebuchet MS", sans-serif; margin-top:-55px; margin-left:10px; font-weight:bold} /*---------------------------------------------------------- Rodapé ----------------------------------------------------------*/ #rodape {background-color:gainsboro;} #marcas-pneus {width:auto; height:40px; margin-top:1570px; background-image:url("../_imagens/marcas-pneus.png");} #contato {width:380px; font-size:14px; font-weight:bold; text-align:left; padding-top:30px; padding-left:150px; text-align:center; color:#000} #menu-inferior {width:auto; font-weight:bold; margin-top:-140px; font-size:14px;} #logo-baixo {width:145px; margin-top:60px;} #midia-sociais {width:300px; text-align:center; font-size:18px; font-weight:bold; float:right; padding-right:150px; margin-top:-205px;} #direitos {font-size:14px; font-weight:bold; padding-top:25px;} /*---------------------------------------------------------- Tags ----------------------------------------------------------*/ .whatsapp { position: fixed; top: 82%; left: 1%; padding: 10px; z-index: 10000000; } .text{ padding-left: 100px; padding: 0px 00px 0 00px; color: black; font-size: 15px; text-align: center; font-family:"Trebuchet MS"; } .opacity { display: inline-block; background: white; padding: 0; } .opacity:hover img { opacity: 0.8; } .opacity img { display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .f1{ color:#666; font-size:18px; font-weight:bold; } .f2{ color:#000; font-size:18px; } /*---------------------------------------------------------- Media Query MAX 1920px ----------------------------------------------------------*/ @media screen and (max-width:1920px) { /*---------------------------------------------------------- CSS Reset - Normalize.css ----------------------------------------------------------*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*---------------------------------------------------------- Inicio Estilo ----------------------------------------------------------*/ @font-face { font-family: "Handy"; src: url(../fonts/Handycheera-Regular.otf) format("truetype"); } * {margin:0; padding:0; border:0;} img {max-width:100%;} A:hover {webkit-transition-duration:.200s; color:#ee2f37;} A {text-decoration:none; border:none; color:#000;} /*---------------------------------------------------------- Topo ----------------------------------------------------------*/ #topo {width:auto; height:158px;} #logo {width:auto; margin-left:-50px;} #bg-midias {width:auto; height:35px; background-color:#dcdcdc;} #loop-midias {width:200px; height:30px; padding-top:5px;} #bg-topo {width:auto; height:123px; background-image:url("../_imagens/bg-topo.png"); padding-top:10px; padding-left:100px;} /*---------------------------------------------------------- Menu ----------------------------------------------------------*/ .nav {font-family:Verdana; font-weight:bold; font-size:14px; width:auto; height:35px;} .nav { position: relative; margin: -68px 0; } .nav ul { margin: 0px; padding: 0; } .nav li { margin: 0 5px 10px 0; padding: 0; list-style: none; display: inline-block; } .nav a { padding: 3px 12px; text-decoration: none; color: #fff; line-height: 100%; } .nav a:hover { color: #ee2f37; } .nav .current a { background: #ee2f37; color: #fff; border-radius: 5px; } /*---------------------------------------------------------- Banner e Sobre ----------------------------------------------------------*/ #jquery {width:auto; height:500px; margin-top:111px;} #box-sobre {width:auto; background-color:whitesmoke; height:480px; margin-left:10px; margin-right:10px; -webkit- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); -moz- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); box-shadow:0px 0px 1px rgba(0, 0, 0, 1)} /*---------------------------------------------------------- Mapa e Apresentação ----------------------------------------------------------*/ #mapa {width:400px; padding-left:20px; padding-top:30px; text-align:center} #apresentacao {width:600px; margin-top:-343px; font-size:14px; font-size:14px; font-weight:bold; text-align:center; font-weight:bold;} /*---------------------------------------------------------- Inscreva-se em nosso Canal ----------------------------------------------------------*/ #inscreva-se {padding-right:205px; float:right; margin-top:-376px;} #youtube {float:right; padding-right:30px; margin-top:-340px;} #canal {width:450px; padding-top:18px; float:right; padding-right:30px; margin-top:-285px;} /*---------------------------------------------------------- Estoque ----------------------------------------------------------*/ #box-estoque {width:auto; height:auto; margin-top:30px; float:left; margin-left:20px} #corpo {width:auto; height:auto; margin:0 auto 0 auto;} #loop-carros {width:200px; height:auto; float:left; margin-left:10px; padding-left:70px; padding-right:20px; padding-top:50px;} #vendido {height:150px; margin-top:-150px;} #bg-legenda {width:200px; height:69px; background:url(../_imagens/bg-legenda.jpg);} #legenda {width:auto; height:69px; font-size:14px; text-align:left; font-family:"Trebuchet MS", sans-serif; margin-top:-55px; margin-left:10px; font-weight:bold} /*---------------------------------------------------------- Rodapé ----------------------------------------------------------*/ #rodape {background-color:gainsboro;} #marcas-pneus {width:auto; height:40px; margin-top:1570px; background-image:url("../_imagens/marcas-pneus.png");} #contato {width:380px; font-size:14px; font-weight:bold; text-align:left; padding-top:30px; padding-left:60px; text-align:center; color:#000} #menu-inferior {width:auto; font-weight:bold; margin-top:-140px; font-size:14px;} #logo-baixo {width:145px; margin-top:60px;} #midia-sociais {width:300px; text-align:center; font-size:18px; font-weight:bold; float:right; padding-right:60px; margin-top:-210px;} #direitos {font-size:14px; font-weight:bold; padding-top:25px;} /*---------------------------------------------------------- Tags ----------------------------------------------------------*/ .whatsapp { position: fixed; top: 82%; left: 1%; padding: 10px; z-index: 10000000; } .text{ padding-left: 100px; padding: 0px 00px 0 00px; color: black; font-size: 15px; text-align: center; font-family:"Trebuchet MS"; } .opacity { display: inline-block; background: white; padding: 0; } .opacity:hover img { opacity: 0.8; } .opacity img { display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .f1{ color:#666; font-size:18px; font-weight:bold; } .f2{ color:#000; font-size:18px; } } /*---------------------------------------------------------- Media Query MAX 1600px ----------------------------------------------------------*/ @media screen and (max-width:1600px) { /*---------------------------------------------------------- CSS Reset - Normalize.css ----------------------------------------------------------*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*---------------------------------------------------------- Inicio Estilo ----------------------------------------------------------*/ @font-face { font-family: "Handy"; src: url(../fonts/Handycheera-Regular.otf) format("truetype"); } * {margin:0; padding:0; border:0;} img {max-width:100%;} A:hover {webkit-transition-duration:.200s; color:#ee2f37;} A {text-decoration:none; border:none; color:#000;} /*---------------------------------------------------------- Topo ----------------------------------------------------------*/ #topo {width:auto; height:158px;} #logo {width:auto; margin-left:-50px;} #bg-midias {width:auto; height:35px; background-color:#dcdcdc;} #loop-midias {width:200px; height:30px; padding-top:5px;} #bg-topo {width:auto; height:123px; background-image:url("../_imagens/bg-topo.png"); padding-top:10px; padding-left:100px;} /*---------------------------------------------------------- Menu ----------------------------------------------------------*/ .nav {font-family:Verdana; font-weight:bold; font-size:14px; width:auto; height:35px;} .nav { position: relative; margin: -68px 0; } .nav ul { margin: 0px; padding: 0; } .nav li { margin: 0 5px 10px 0; padding: 0; list-style: none; display: inline-block; } .nav a { padding: 3px 12px; text-decoration: none; color: #fff; line-height: 100%; } .nav a:hover { color: #ee2f37; } .nav .current a { background: #ee2f37; color: #fff; border-radius: 5px; } /*---------------------------------------------------------- Banner e Sobre ----------------------------------------------------------*/ #jquery {width:auto; height:500px; margin-top:111px;} #box-sobre {width:auto; background-color:whitesmoke; height:480px; margin-left:10px; margin-right:10px; -webkit- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); -moz- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); box-shadow:0px 0px 1px rgba(0, 0, 0, 1)} /*---------------------------------------------------------- Mapa e Apresentação ----------------------------------------------------------*/ #mapa {width:350px; padding-left:30px; padding-top:30px; text-align:center} #apresentacao {width:500px; margin-top:-360px; font-size:13px; font-weight:bold; text-align:center; font-weight:bold;} /*---------------------------------------------------------- Inscreva-se em nosso Canal ----------------------------------------------------------*/ #inscreva-se {padding-right:115px; float:right; margin-top:-375px;} #youtube {width:200px; float:right; padding-right:30px; margin-top:-339px;} #canal {width:350px; padding-top:18px; float:right; padding-right:30px; margin-top:-294px;} /*---------------------------------------------------------- Estoque ----------------------------------------------------------*/ #box-estoque {width:auto; height:auto; margin-top:30px; float:left; margin-left:20px} #corpo {width:auto; height:auto; margin:0 auto 0 auto;} #loop-carros {width:200px; height:auto; float:left; margin-left:10px; padding-left:25px; padding-right:20px; padding-top:50px;} #vendido {height:150px; margin-top:-150px;} #bg-legenda {width:200px; height:69px; background:url(../_imagens/bg-legenda.jpg);} #legenda {width:auto; height:69px; font-size:14px; text-align:left; font-family:"Trebuchet MS", sans-serif; margin-top:-55px; margin-left:10px; font-weight:bold} /*---------------------------------------------------------- Rodapé ----------------------------------------------------------*/ #rodape {background-color:gainsboro;} #marcas-pneus {width:auto; height:40px; margin-top:1580px; background-image:url("../_imagens/marcas-pneus.png");} #contato {width:380px; font-size:14px; font-weight:bold; text-align:left; padding-top:30px; padding-left:30px; text-align:center; color:#000} #menu-inferior {width:auto; font-weight:bold; margin-top:-140px; font-size:13px;} #logo-baixo {width:145px; margin-top:60px;} #midia-sociais {width:300px; text-align:center; font-size:18px; font-weight:bold; float:right; padding-right:30px; margin-top:-210px;} #direitos {font-size:14px; font-weight:bold; padding-top:25px;} /*---------------------------------------------------------- Tags ----------------------------------------------------------*/ .whatsapp { position: fixed; top: 82%; left: 1%; padding: 10px; z-index: 10000000; } .text{ padding-left: 100px; padding: 0px 00px 0 00px; color: black; font-size: 15px; text-align: center; font-family:"Trebuchet MS"; } .opacity { display: inline-block; background: white; padding: 0; } .opacity:hover img { opacity: 0.8; } .opacity img { display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .f1{ color:#666; font-size:18px; font-weight:bold; } .f2{ color:#000; font-size:18px; } } /*---------------------------------------------------------- Media Query MAX 1366px ----------------------------------------------------------*/ @media screen and (max-width:1366px) { /*---------------------------------------------------------- CSS Reset - Normalize.css ----------------------------------------------------------*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*---------------------------------------------------------- Inicio Estilo ----------------------------------------------------------*/ @font-face { font-family: "Handy"; src: url(../fonts/Handycheera-Regular.otf) format("truetype"); } * {margin:0; padding:0; border:0;} img {max-width:100%;} A:hover {webkit-transition-duration:.200s; color:#ee2f37;} A {text-decoration:none; border:none; color:#000;} /*---------------------------------------------------------- Topo ----------------------------------------------------------*/ #topo {width:auto; height:158px;} #logo {width:auto; margin-left:-50px;} #bg-midias {width:auto; height:35px; background-color:#dcdcdc;} #loop-midias {width:200px; height:30px; padding-top:5px;} #bg-topo {width:auto; height:123px; background-image:url("../_imagens/bg-topo.png"); padding-top:10px; padding-left:100px;} /*---------------------------------------------------------- Menu ----------------------------------------------------------*/ .nav {font-family:Verdana; font-weight:bold; font-size:14px; width:auto; height:35px;} .nav { position: relative; margin: -68px 0; } .nav ul { margin: 0px; padding: 0; } .nav li { margin: 0 5px 10px 0; padding: 0; list-style: none; display: inline-block; } .nav a { padding: 3px 12px; text-decoration: none; color: #fff; line-height: 100%; } .nav a:hover { color: #ee2f37; } .nav .current a { background: #ee2f37; color: #fff; border-radius: 5px; } /*---------------------------------------------------------- Banner e Sobre ----------------------------------------------------------*/ #jquery {width:auto; height:500px; margin-top:111px;} #box-sobre {width:auto; background-color:whitesmoke; height:480px; margin-left:10px; margin-right:10px; -webkit- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); -moz- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); box-shadow:0px 0px 1px rgba(0, 0, 0, 1)} /*---------------------------------------------------------- Mapa e Apresentação ----------------------------------------------------------*/ #mapa {width:350px; padding-left:20px; padding-top:30px; text-align:center} #apresentacao {width:380px; margin-top:-358px; font-size:13px; font-weight:bold; text-align:center; font-weight:bold;} /*---------------------------------------------------------- Inscreva-se em nosso Canal ----------------------------------------------------------*/ #inscreva-se {padding-right:100px; float:right; margin-top:-387px;} #youtube {width:200px; float:right; padding-right:20px; margin-top:-353px;} #canal {width:350px; padding-top:18px; float:right; padding-right:20px; margin-top:-309px;} /*---------------------------------------------------------- Estoque ----------------------------------------------------------*/ #box-estoque {width:auto; height:auto; margin-top:30px; float:left; margin-left:1px} #corpo {width:auto; height:auto; margin:0 auto 0 auto;} #loop-carros {width:200px; height:auto; float:left; margin-left:1px; padding-left:44px; padding-right:20px; padding-top:50px;} #vendido {height:150px; margin-top:-150px;} #bg-legenda {width:200px; height:69px; background:url(../_imagens/bg-legenda.jpg);} #legenda {width:auto; height:69px; font-size:14px; text-align:left; font-family:"Trebuchet MS", sans-serif; margin-top:-55px; margin-left:10px; font-weight:bold} /*---------------------------------------------------------- Rodapé ----------------------------------------------------------*/ #rodape {background-color:gainsboro;} #marcas-pneus {width:auto; height:40px; margin-top:1850px; background-image:url("../_imagens/marcas-pneus.png");} #contato {width:380px; font-size:14px; font-weight:bold; text-align:left; padding-top:30px; padding-left:20px; text-align:center; color:#000} #menu-inferior {width:auto; font-weight:bold; margin-top:-140px; font-size:13px;} #logo-baixo {width:145px; margin-top:60px;} #midia-sociais {width:300px; text-align:center; font-size:18px; font-weight:bold; float:right; padding-right:10px; margin-top:-210px;} #direitos {font-size:14px; font-weight:bold; padding-top:25px;} /*---------------------------------------------------------- Tags ----------------------------------------------------------*/ .whatsapp { position: fixed; top: 82%; left: 1%; padding: 10px; z-index: 10000000; } .text{ padding-left: 100px; padding: 0px 00px 0 00px; color: black; font-size: 15px; text-align: center; font-family:"Trebuchet MS"; } .opacity { display: inline-block; background: white; padding: 0; } .opacity:hover img { opacity: 0.8; } .opacity img { display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .f1{ color:#666; font-size:16px; font-weight:bold; } .f2{ color:#000; font-size:18px; } } /*---------------------------------------------------------- Media Query MAX 1280px ----------------------------------------------------------*/ @media screen and (max-width:1280px) { /*---------------------------------------------------------- CSS Reset - Normalize.css ----------------------------------------------------------*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*---------------------------------------------------------- Inicio Estilo ----------------------------------------------------------*/ @font-face { font-family: "Handy"; src: url(../fonts/Handycheera-Regular.otf) format("truetype"); } * {margin:0; padding:0; border:0;} img {max-width:100%;} A:hover {webkit-transition-duration:.200s; color:#ee2f37;} A {text-decoration:none; border:none; color:#000;} /*---------------------------------------------------------- Topo ----------------------------------------------------------*/ #topo {width:auto; height:158px;} #logo {width:auto; margin-left:-60px;} #bg-midias {width:auto; height:35px; background-color:#dcdcdc;} #loop-midias {width:200px; height:30px; padding-top:5px;} #bg-topo {width:auto; height:123px; background-image:url("../_imagens/bg-topo.png"); padding-top:10px; padding-left:100px;} /*---------------------------------------------------------- Menu ----------------------------------------------------------*/ .nav {font-family:Verdana; font-weight:bold; font-size:14px; width:auto; height:35px;} .nav { position: relative; margin: -68px 0; } .nav ul { margin: 0px; padding: 0; } .nav li { margin: 0 5px 10px 0; padding: 0; list-style: none; display: inline-block; } .nav a { padding: 3px 12px; text-decoration: none; color: #fff; line-height: 100%; } .nav a:hover { color: #ee2f37; } .nav .current a { background: #ee2f37; color: #fff; border-radius: 5px; } /*---------------------------------------------------------- Banner e Sobre ----------------------------------------------------------*/ #jquery {width:auto; height:500px; margin-top:111px;} #box-sobre {width:auto; background-color:whitesmoke; height:430px; margin-left:10px; margin-right:10px; -webkit- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); -moz- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); box-shadow:0px 0px 1px rgba(0, 0, 0, 1)} /*---------------------------------------------------------- Mapa e Apresentação ----------------------------------------------------------*/ #mapa {width:350px; padding-left:20px; padding-top:30px; text-align:center} #apresentacao {width:380px; margin-top:-359px; font-size:13px; font-weight:bold; text-align:center; font-weight:bold;} /*---------------------------------------------------------- Inscreva-se em nosso Canal ----------------------------------------------------------*/ #inscreva-se {padding-right:100px; float:right; margin-top:-387px;} #youtube {width:200px; float:right; padding-right:20px; margin-top:-353px;} #canal {width:350px; padding-top:18px; float:right; padding-right:20px; margin-top:-309px;} /*---------------------------------------------------------- Estoque ----------------------------------------------------------*/ #box-estoque {width:auto; height:auto; margin-top:30px; float:left; margin-left:1px} #corpo {width:auto; height:auto; margin:0 auto 0 auto;} #loop-carros {width:200px; height:auto; float:left; margin-left:1px; padding-left:35px; padding-right:10px; padding-top:50px;} #vendido {height:150px; margin-top:-150px;} #bg-legenda {width:200px; height:69px; background:url(../_imagens/bg-legenda.jpg);} #legenda {width:auto; height:69px; font-size:14px; text-align:left; font-family:"Trebuchet MS", sans-serif; margin-top:-55px; margin-left:10px; font-weight:bold} /*---------------------------------------------------------- Rodapé ----------------------------------------------------------*/ #rodape {background-color:gainsboro;} #marcas-pneus {width:auto; height:40px; margin-top:1850px; background-image:url("../_imagens/marcas-pneus.png");} #contato {width:380px; font-size:14px; font-weight:bold; text-align:left; padding-top:30px; padding-left:20px; text-align:center; color:#000} #menu-inferior {width:auto; font-weight:bold; margin-top:-140px; font-size:13px;} #logo-baixo {width:145px; margin-top:60px;} #midia-sociais {width:300px; text-align:center; font-size:18px; font-weight:bold; float:right; padding-right:10px; margin-top:-210px;} #direitos {font-size:14px; font-weight:bold; padding-top:25px;} /*---------------------------------------------------------- Tags ----------------------------------------------------------*/ .whatsapp { position: fixed; top: 82%; left: 1%; padding: 10px; z-index: 10000000; } .text{ padding-left: 100px; padding: 0px 00px 0 00px; color: black; font-size: 15px; text-align: center; font-family:"Trebuchet MS"; } .opacity { display: inline-block; background: white; padding: 0; } .opacity:hover img { opacity: 0.8; } .opacity img { display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .f1{ color:#666; font-size:16px; font-weight:bold; } .f2{ color:#000; font-size:18px; } } /*---------------------------------------------------------- Media Query MAX 1050px ----------------------------------------------------------*/ @media screen and (max-width:1050px) { /*---------------------------------------------------------- CSS Reset - Normalize.css ----------------------------------------------------------*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*---------------------------------------------------------- Inicio Estilo ----------------------------------------------------------*/ @font-face { font-family: "Handy"; src: url(../fonts/Handycheera-Regular.otf) format("truetype"); } * {margin:0; padding:0; border:0;} img {max-width:100%;} A:hover {webkit-transition-duration:.200s; color:#ee2f37;} A {text-decoration:none; border:none; color:#000;} /*---------------------------------------------------------- Topo ----------------------------------------------------------*/ #topo {width:auto; height:158px;} #logo {width:auto; margin-left:-70px;} #bg-midias {width:auto; height:35px; background-color:#dcdcdc;} #loop-midias {width:200px; height:30px; padding-top:5px;} #bg-topo {width:auto; height:123px; background-image:url("../_imagens/bg-topo.png"); padding-top:10px; padding-left:100px;} /*---------------------------------------------------------- Menu ----------------------------------------------------------*/ .nav {font-family:Verdana; font-weight:bold; font-size:14px; width:auto; height:35px;} .nav { position: relative; margin: -68px 0; } .nav ul { margin: 0px; padding: 0; } .nav li { margin: 0 5px 10px 0; padding: 0; list-style: none; display: inline-block; } .nav a { padding: 3px 12px; text-decoration: none; color: #fff; line-height: 100%; } .nav a:hover { color: #ee2f37; } .nav .current a { background: #ee2f37; color: #fff; border-radius: 5px; } /*---------------------------------------------------------- Banner e Sobre ----------------------------------------------------------*/ #jquery {width:auto; height:500px; margin-top:111px;} #box-sobre {width:auto; height:830px; background-color:whitesmoke; margin-top:360px; margin-left:10px; margin-right:10px; -webkit- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); -moz- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); box-shadow:0px 0px 1px rgba(0, 0, 0, 1)} /*---------------------------------------------------------- Mapa e Apresentação ----------------------------------------------------------*/ #mapa {width:350px; padding-left:20px; padding-top:30px; text-align:center; display:none} #apresentacao {width:80%; padding-top:25px; font-size:13px; font-weight:bold; text-align:center; font-weight:bold;} /*---------------------------------------------------------- Inscreva-se em nosso Canal ----------------------------------------------------------*/ #inscreva-se {width:100%; padding-right:100px; float:right; margin-top:20px; text-align:center} #youtube {width:200px; float:right; padding-right:335px; margin-top:20px;} #canal {width:350px; padding-top:18px; float:left; padding-left:310px; margin-top:0px;} /*---------------------------------------------------------- Estoque ----------------------------------------------------------*/ #box-estoque {width:auto; height:auto; margin-top:30px; float:left; margin-left:1px} #corpo {width:auto; height:auto; margin:0 auto 0 auto;} #loop-carros {width:200px; height:auto; float:left; margin-left:1px; padding-left:40px; padding-right:10px; padding-top:50px;} #vendido {height:150px; margin-top:-150px;} #bg-legenda {width:200px; height:69px; background:url(../_imagens/bg-legenda.jpg);} #legenda {width:auto; height:69px; font-size:14px; text-align:left; font-family:"Trebuchet MS", sans-serif; margin-top:-55px; margin-left:10px; font-weight:bold} /*---------------------------------------------------------- Rodapé ----------------------------------------------------------*/ #rodape {background-color:gainsboro;} #marcas-pneus {width:auto; height:40px; margin-top:2400px; background-image:url("../_imagens/marcas-pneus.png");} #contato {width:380px; font-size:13px; font-weight:bold; text-align:left; padding-top:30px; padding-left:10px; text-align:center; color:#000} #menu-inferior {width:auto; font-weight:bold; margin-top:-140px; font-size:12px;} #logo-baixo {width:145px; margin-top:60px;} #midia-sociais {width:300px; text-align:center; font-size:16px; font-weight:bold; float:right; padding-right:2px; margin-top:-210px;} #direitos {font-size:14px; font-weight:bold; padding-top:25px;} /*---------------------------------------------------------- Tags ----------------------------------------------------------*/ .whatsapp { position: fixed; top: 82%; left: 1%; padding: 10px; z-index: 10000000; } .text{ padding-left: 100px; padding: 0px 00px 0 00px; color: black; font-size: 15px; text-align: center; font-family:"Trebuchet MS"; } .opacity { display: inline-block; background: white; padding: 0; } .opacity:hover img { opacity: 0.8; } .opacity img { display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .f1{ color:#666; font-size:16px; font-weight:bold; } .f2{ color:#000; font-size:18px; } } /*---------------------------------------------------------- Media Query MAX 1024px ----------------------------------------------------------*/ @media screen and (max-width:1024px) { /*---------------------------------------------------------- CSS Reset - Normalize.css ----------------------------------------------------------*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*---------------------------------------------------------- Inicio Estilo ----------------------------------------------------------*/ @font-face { font-family: "Handy"; src: url(../fonts/Handycheera-Regular.otf) format("truetype"); } * {margin:0; padding:0; border:0;} img {max-width:100%;} A:hover {webkit-transition-duration:.200s; color:#ee2f37;} A {text-decoration:none; border:none; color:#000;} /*---------------------------------------------------------- Topo ----------------------------------------------------------*/ #topo {width:auto; height:158px;} #logo {width:auto; margin-left:-70px;} #bg-midias {width:auto; height:35px; background-color:#dcdcdc;} #loop-midias {width:200px; height:30px; padding-top:5px;} #bg-topo {width:auto; height:123px; background-image:url("../_imagens/bg-topo.png"); padding-top:10px; padding-left:100px;} /*---------------------------------------------------------- Menu ----------------------------------------------------------*/ .nav {font-family:Verdana; font-weight:bold; font-size:14px; width:auto; height:35px;} .nav { position: relative; margin: -68px 0; } .nav ul { margin: 0px; padding: 0; } .nav li { margin: 0 5px 10px 0; padding: 0; list-style: none; display: inline-block; } .nav a { padding: 3px 12px; text-decoration: none; color: #fff; line-height: 100%; } .nav a:hover { color: #ee2f37; } .nav .current a { background: #ee2f37; color: #fff; border-radius: 5px; } /*---------------------------------------------------------- Banner e Sobre ----------------------------------------------------------*/ #jquery {width:auto; height:500px; margin-top:111px;} #box-sobre {width:auto; height:830px; background-color:whitesmoke; margin-top:360px; margin-left:10px; margin-right:10px; -webkit- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); -moz- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); box-shadow:0px 0px 1px rgba(0, 0, 0, 1)} /*---------------------------------------------------------- Mapa e Apresentação ----------------------------------------------------------*/ #mapa {width:350px; padding-left:20px; padding-top:30px; text-align:center; display:none} #apresentacao {width:80%; padding-top:25px; font-size:13px; font-weight:bold; text-align:center; font-weight:bold;} /*---------------------------------------------------------- Inscreva-se em nosso Canal ----------------------------------------------------------*/ #inscreva-se {width:100%; padding-right:100px; float:right; margin-top:20px; text-align:center} #youtube {width:200px; float:right; padding-right:335px; margin-top:20px;} #canal {width:350px; padding-top:18px; float:left; padding-left:310px; margin-top:0px;} /*---------------------------------------------------------- Estoque ----------------------------------------------------------*/ #box-estoque {width:auto; height:auto; margin-top:30px; float:left; margin-left:1px} #corpo {width:auto; height:auto; margin:0 auto 0 auto;} #loop-carros {width:200px; height:auto; float:left; margin-left:1px; padding-left:34px; padding-right:10px; padding-top:50px;} #vendido {height:150px; margin-top:-150px;} #bg-legenda {width:200px; height:69px; background:url(../_imagens/bg-legenda.jpg);} #legenda {width:auto; height:69px; font-size:14px; text-align:left; font-family:"Trebuchet MS", sans-serif; margin-top:-55px; margin-left:10px; font-weight:bold} /*---------------------------------------------------------- Rodapé ----------------------------------------------------------*/ #rodape {background-color:gainsboro;} #marcas-pneus {width:auto; height:40px; margin-top:2400px; background-image:url("../_imagens/marcas-pneus.png");} #contato {width:380px; font-size:13px; font-weight:bold; text-align:left; padding-top:30px; padding-left:1px; text-align:center; color:#000} #menu-inferior {width:auto; font-weight:bold; margin-top:-140px; font-size:12px;} #logo-baixo {width:145px; margin-top:60px;} #midia-sociais {width:300px; text-align:center; font-size:16px; font-weight:bold; float:right; padding-right:2px; margin-top:-210px;} #direitos {font-size:14px; font-weight:bold; padding-top:25px;} /*---------------------------------------------------------- Tags ----------------------------------------------------------*/ .whatsapp { position: fixed; top: 82%; left: 1%; padding: 10px; z-index: 10000000; } .text{ padding-left: 100px; padding: 0px 00px 0 00px; color: black; font-size: 15px; text-align: center; font-family:"Trebuchet MS"; } .opacity { display: inline-block; background: white; padding: 0; } .opacity:hover img { opacity: 0.8; } .opacity img { display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .f1{ color:#666; font-size:16px; font-weight:bold; } .f2{ color:#000; font-size:18px; } } /*---------------------------------------------------------- Media Query MAX 966px ----------------------------------------------------------*/ @media screen and (max-width:966px) { /*---------------------------------------------------------- CSS Reset - Normalize.css ----------------------------------------------------------*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*---------------------------------------------------------- Inicio Estilo ----------------------------------------------------------*/ @font-face { font-family: "Handy"; src: url(../fonts/Handycheera-Regular.otf) format("truetype"); } * {margin:0; padding:0; border:0;} img {max-width:100%;} A:hover {webkit-transition-duration:.200s; color:#ee2f37;} A {text-decoration:none; border:none; color:#000;} /*---------------------------------------------------------- Topo ----------------------------------------------------------*/ #topo {width:auto; height:158px;} #logo {width:auto; margin-left:-70px;} #bg-midias {width:auto; height:35px; background-color:#dcdcdc;} #loop-midias {width:200px; height:30px; padding-top:5px;} #bg-topo {width:auto; height:123px; background-image:url("../_imagens/bg-topo.png"); padding-top:10px; padding-left:100px;} /*---------------------------------------------------------- Menu ----------------------------------------------------------*/ .nav {font-family:Verdana; font-weight:bold; font-size:14px; width:auto; height:35px;} .nav { position: relative; margin: -68px 0; } .nav ul { margin: 0px; padding: 0; } .nav li { margin: 0 5px 10px 0; padding: 0; list-style: none; display: inline-block; } .nav a { padding: 3px 12px; text-decoration: none; color: #fff; line-height: 100%; } .nav a:hover { color: #ee2f37; } .nav .current a { background: #ee2f37; color: #fff; border-radius: 5px; } /*---------------------------------------------------------- Banner e Sobre ----------------------------------------------------------*/ #jquery {width:auto; height:500px; margin-top:111px;} #box-sobre {width:auto; height:830px; background-color:whitesmoke; margin-top:360px; margin-left:10px; margin-right:10px; -webkit- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); -moz- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); box-shadow:0px 0px 1px rgba(0, 0, 0, 1)} /*---------------------------------------------------------- Mapa e Apresentação ----------------------------------------------------------*/ #mapa {width:350px; padding-left:20px; padding-top:30px; text-align:center; display:none} #apresentacao {width:80%; padding-top:25px; font-size:13px; font-weight:bold; text-align:center; font-weight:bold;} /*---------------------------------------------------------- Inscreva-se em nosso Canal ----------------------------------------------------------*/ #inscreva-se {width:100%; padding-right:100px; float:right; margin-top:20px; text-align:center} #youtube {width:200px; float:right; padding-right:335px; margin-top:20px;} #canal {width:350px; padding-top:18px; float:left; padding-left:310px; margin-top:0px;} /*---------------------------------------------------------- Estoque ----------------------------------------------------------*/ #box-estoque {width:auto; height:auto; margin-top:30px; float:left; margin-left:1px} #corpo {width:auto; height:auto; margin:0 auto 0 auto;} #loop-carros {width:200px; height:auto; float:left; margin-left:1px; padding-left:22px; padding-right:10px; padding-top:50px;} #vendido {height:150px; margin-top:-150px;} #bg-legenda {width:200px; height:69px; background:url(../_imagens/bg-legenda.jpg);} #legenda {width:auto; height:69px; font-size:14px; text-align:left; font-family:"Trebuchet MS", sans-serif; margin-top:-55px; margin-left:10px; font-weight:bold} /*---------------------------------------------------------- Rodapé ----------------------------------------------------------*/ #rodape {background-color:gainsboro;} #marcas-pneus {width:auto; height:40px; margin-top:2400px; background-image:url("../_imagens/marcas-pneus.png");} #contato {width:380px; font-size:13px; font-weight:bold; text-align:left; padding-top:30px; padding-left:1px; text-align:center; color:#000} #menu-inferior {width:auto; font-weight:bold; margin-top:-140px; font-size:12px;} #logo-baixo {width:145px; margin-top:60px;} #midia-sociais {width:300px; text-align:center; font-size:16px; font-weight:bold; float:right; padding-right:2px; margin-top:-210px;} #direitos {font-size:14px; font-weight:bold; padding-top:25px;} /*---------------------------------------------------------- Tags ----------------------------------------------------------*/ .whatsapp { position: fixed; top: 82%; left: 1%; padding: 10px; z-index: 10000000; } .text{ padding-left: 100px; padding: 0px 00px 0 00px; color: black; font-size: 15px; text-align: center; font-family:"Trebuchet MS"; } .opacity { display: inline-block; background: white; padding: 0; } .opacity:hover img { opacity: 0.8; } .opacity img { display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .f1{ color:#666; font-size:16px; font-weight:bold; } .f2{ color:#000; font-size:18px; } } /*---------------------------------------------------------- Media Query MAX 768px ----------------------------------------------------------*/ @media screen and (max-width:768px) { /*---------------------------------------------------------- CSS Reset - Normalize.css ----------------------------------------------------------*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*---------------------------------------------------------- Inicio Estilo ----------------------------------------------------------*/ @font-face { font-family: "Handy"; src: url(../fonts/Handycheera-Regular.otf) format("truetype"); } * {margin:0; padding:0; border:0;} img {max-width:100%;} A:hover {webkit-transition-duration:.200s; color:#ee2f37;} A {text-decoration:none; border:none; color:#000;} /*---------------------------------------------------------- Topo ----------------------------------------------------------*/ #topo {width:auto; height:158px;} #logo {width:auto; margin-left:-70px;} #bg-midias {width:auto; height:35px; background-color:#dcdcdc;} #loop-midias {width:200px; height:30px; padding-top:5px;} #bg-topo {width:auto; height:123px; background-image:url("../_imagens/bg-topo.png"); padding-top:10px; padding-left:100px;} /*---------------------------------------------------------- Menu ----------------------------------------------------------*/ .nav {font-family:Verdana; font-weight:bold; font-size:14px; width:auto; height:35px;} .nav { position: relative; margin: -68px 0; } .nav ul { margin: 0px; padding: 0; } .nav li { margin: 0 5px 10px 0; padding: 0; list-style: none; display: inline-block; } .nav a { padding: 3px 12px; text-decoration: none; color: #fff; line-height: 100%; } .nav a:hover { color: #ee2f37; } .nav .current a { background: #ee2f37; color: #fff; border-radius: 5px; } /*---------------------------------------------------------- Banner e Sobre ----------------------------------------------------------*/ #jquery {width:auto; height:500px; margin-top:111px;} #box-sobre {width:auto; height:830px; background-color:whitesmoke; margin-top:360px; margin-left:10px; margin-right:10px; -webkit- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); -moz- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); box-shadow:0px 0px 1px rgba(0, 0, 0, 1)} /*---------------------------------------------------------- Mapa e Apresentação ----------------------------------------------------------*/ #mapa {width:350px; padding-left:20px; padding-top:30px; text-align:center; display:none} #apresentacao {width:80%; padding-top:25px; font-size:13px; font-weight:bold; text-align:center; font-weight:bold;} /*---------------------------------------------------------- Inscreva-se em nosso Canal ----------------------------------------------------------*/ #inscreva-se {width:100%; padding-right:60px; float:right; margin-top:20px; text-align:center} #youtube {width:200px; float:right; padding-right:200px; margin-top:20px;} #canal {width:350px; padding-top:18px; float:left; padding-left:185px; margin-top:0px;} /*---------------------------------------------------------- Estoque ----------------------------------------------------------*/ #box-estoque {width:auto; height:auto; margin-top:30px; float:left; margin-left:1px} #corpo {width:auto; height:auto; margin:0 auto 0 auto;} #loop-carros {width:200px; height:auto; float:left; margin-left:1px; padding-left:31px; padding-right:10px; padding-top:50px;} #vendido {height:150px; margin-top:-150px;} #bg-legenda {width:200px; height:69px; background:url(../_imagens/bg-legenda.jpg);} #legenda {width:auto; height:69px; font-size:14px; text-align:left; font-family:"Trebuchet MS", sans-serif; margin-top:-55px; margin-left:10px; font-weight:bold} /*---------------------------------------------------------- Rodapé ----------------------------------------------------------*/ #rodape {background-color:gainsboro;} #marcas-pneus {width:auto; height:40px; margin-top:2970px; background-image:url("../_imagens/marcas-pneus.png");} #contato {width:380px; font-size:12px; font-weight:bold; text-align:left; padding-top:90px; padding-left:1px; text-align:center; color:#000; display:none} #menu-inferior {width:auto; font-weight:bold; margin-top:20px; font-size:14px;} #logo-baixo {width:145px; margin-top:60px;} #midia-sociais {width:300px; text-align:center; font-size:16px; font-weight:bold; float:right; padding-right:2px; display:none;} #direitos {font-size:14px; font-weight:bold; padding-top:25px;} /*---------------------------------------------------------- Tags ----------------------------------------------------------*/ .whatsapp { position: fixed; top: 82%; left: 1%; padding: 10px; z-index: 10000000; } .text{ padding-left: 100px; padding: 0px 00px 0 00px; color: black; font-size: 15px; text-align: center; font-family:"Trebuchet MS"; } .opacity { display: inline-block; background: white; padding: 0; } .opacity:hover img { opacity: 0.8; } .opacity img { display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .f1{ color:#666; font-size:16px; font-weight:bold; } .f2{ color:#000; font-size:18px; } } /*---------------------------------------------------------- Media Query MAX 720px ----------------------------------------------------------*/ @media screen and (max-width:720px) { /*---------------------------------------------------------- CSS Reset - Normalize.css ----------------------------------------------------------*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*---------------------------------------------------------- Inicio Estilo ----------------------------------------------------------*/ @font-face { font-family: "Handy"; src: url(../fonts/Handycheera-Regular.otf) format("truetype"); } * {margin:0; padding:0; border:0;} img {max-width:100%;} A:hover {webkit-transition-duration:.200s; color:#ee2f37;} A {text-decoration:none; border:none; color:#000;} /*---------------------------------------------------------- Topo ----------------------------------------------------------*/ #topo {width:auto; height:158px;} #logo {width:auto; margin-left:-70px;} #bg-midias {width:auto; height:35px; background-color:#dcdcdc;} #loop-midias {width:200px; height:30px; padding-top:5px;} #bg-topo {width:auto; height:123px; background-image:url("../_imagens/bg-topo.png"); padding-top:10px; padding-left:100px;} /*---------------------------------------------------------- Menu ----------------------------------------------------------*/ .nav {font-family:Verdana; font-weight:bold; font-size:14px; width:auto; height:35px;} .nav { position: relative; margin: -68px 0; } .nav ul { margin: 0px; padding: 0; } .nav li { margin: 0 5px 10px 0; padding: 0; list-style: none; display: inline-block; } .nav a { padding: 3px 12px; text-decoration: none; color: #fff; line-height: 100%; } .nav a:hover { color: #ee2f37; } .nav .current a { background: #ee2f37; color: #fff; border-radius: 5px; } /*---------------------------------------------------------- Banner e Sobre ----------------------------------------------------------*/ #jquery {width:auto; height:500px; margin-top:111px;} #box-sobre {width:auto; height:830px; background-color:whitesmoke; margin-top:360px; margin-left:10px; margin-right:10px; -webkit- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); -moz- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); box-shadow:0px 0px 1px rgba(0, 0, 0, 1)} /*---------------------------------------------------------- Mapa e Apresentação ----------------------------------------------------------*/ #mapa {width:350px; padding-left:20px; padding-top:30px; text-align:center; display:none} #apresentacao {width:80%; padding-top:25px; font-size:13px; font-weight:bold; text-align:center; font-weight:bold;} /*---------------------------------------------------------- Inscreva-se em nosso Canal ----------------------------------------------------------*/ #inscreva-se {width:100%; padding-right:70px; float:right; margin-top:20px; text-align:center} #youtube {width:200px; float:right; padding-right:185px; margin-top:20px;} #canal {width:350px; padding-top:18px; float:left; padding-left:150px; margin-top:0px;} /*---------------------------------------------------------- Estoque ----------------------------------------------------------*/ #box-estoque {width:auto; height:auto; margin-top:30px; float:left; margin-left:0px} #corpo {width:auto; height:auto; margin:0 auto 0 auto;} #loop-carros {width:200px; height:auto; float:left; margin-left:0px; padding-left:21px; padding-right:10px; padding-top:50px;} #vendido {height:150px; margin-top:-150px;} #bg-legenda {width:200px; height:69px; background:url(../_imagens/bg-legenda.jpg);} #legenda {width:auto; height:69px; font-size:14px; text-align:left; font-family:"Trebuchet MS", sans-serif; margin-top:-55px; margin-left:10px; font-weight:bold} /*---------------------------------------------------------- Rodapé ----------------------------------------------------------*/ #rodape {background-color:gainsboro;} #marcas-pneus {width:auto; height:40px; margin-top:2970px; background-image:url("../_imagens/marcas-pneus.png");} #contato {width:auto; font-size:12px; font-weight:bold; text-align:left; padding-top:90px; padding-left:1px; text-align:center; color:#000; display:none} #menu-inferior {width:auto; font-weight:bold; margin-top:20px; font-size:14px;} #logo-baixo {width:145px; margin-top:60px;} #midia-sociais {width:300px; text-align:center; font-size:16px; font-weight:bold; float:right; padding-right:2px; display:none;} #direitos {font-size:14px; font-weight:bold; padding-top:25px;} /*---------------------------------------------------------- Tags ----------------------------------------------------------*/ .whatsapp { position: fixed; top: 82%; left: 1%; padding: 10px; z-index: 10000000; } .text{ padding-left: 100px; padding: 0px 00px 0 00px; color: black; font-size: 15px; text-align: center; font-family:"Trebuchet MS"; } .opacity { display: inline-block; background: white; padding: 0; } .opacity:hover img { opacity: 0.8; } .opacity img { display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .f1{ color:#666; font-size:16px; font-weight:bold; } .f2{ color:#000; font-size:18px; } } /*---------------------------------------------------------- Media Query MAX 480px ----------------------------------------------------------*/ @media screen and (max-width:480px) { /*---------------------------------------------------------- CSS Reset - Normalize.css ----------------------------------------------------------*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*---------------------------------------------------------- Inicio Estilo ----------------------------------------------------------*/ @font-face { font-family: "Handy"; src: url(../fonts/Handycheera-Regular.otf) format("truetype"); } * {margin:0; padding:0; border:0;} img {max-width:100%;} A:hover {webkit-transition-duration:.200s; color:#ee2f37;} A {text-decoration:none; border:none; color:#000;} /*---------------------------------------------------------- Topo ----------------------------------------------------------*/ #topo {width:auto; height:158px;} #logo {width:200px; margin-left:47px;} #bg-midias {width:auto; height:35px; background-color:#dcdcdc;} #loop-midias {width:200px; height:30px; padding-top:5px;} #bg-topo {width:auto; height:123px; background-image:url("../_imagens/bg-topo.png"); padding-top:10px; padding-left:100px;} /*---------------------------------------------------------- Menu ----------------------------------------------------------*/ .nav {font-family:Verdana; font-weight:bold; font-size:14px; width:auto; height:35px; padding-top:90px} .nav { position: relative; margin: -68px 0; } .nav ul { margin: 0px; padding: 0; } .nav li { margin: 0 5px 10px 0; padding: 0; list-style: none; display: inline-block; } .nav a { padding: 3px 7px; text-decoration: none; color: #000; line-height: 100%; } .nav a:hover { color: #ee2f37; } .nav .current a { background: #ee2f37; color: #fff; border-radius: 5px; } /*---------------------------------------------------------- Banner e Sobre ----------------------------------------------------------*/ #jquery {width:auto; height:500px; margin-top:63px; display:none;} #box-sobre {width:auto; height:830px; background-color:whitesmoke; margin-top:360px; margin-left:0px; margin-right:0px; -webkit- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); -moz- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); box-shadow:0px 0px 1px rgba(0, 0, 0, 1)} /*---------------------------------------------------------- Mapa e Apresentação ----------------------------------------------------------*/ #mapa {width:350px; padding-left:20px; padding-top:30px; text-align:center; display:none} #apresentacao {width:auto; padding-top:25px; font-size:13px; font-weight:bold; text-align:center; font-weight:bold; padding-left:20px} /*---------------------------------------------------------- Inscreva-se em nosso Canal ----------------------------------------------------------*/ #inscreva-se {width:auto; padding-right:170px; float:right; margin-top:20px; text-align:center} #youtube {width:200px; float:right; padding-right:55px; margin-top:20px;} #canal {width:350px; padding-top:18px; float:left; padding-left:60px; margin-top:0px;} /*---------------------------------------------------------- Estoque ----------------------------------------------------------*/ #box-estoque {width:auto; height:auto; margin-top:30px; float:left; margin-left:0px} #corpo {width:auto; height:auto; margin:0 auto 0 auto;} #loop-carros {width:200px; height:auto; float:left; margin-left:0px; padding-left:18px; padding-right:10px; padding-top:50px;} #vendido {height:150px; margin-top:-150px;} #bg-legenda {width:200px; height:69px; background:url(../_imagens/bg-legenda.jpg);} #legenda {width:auto; height:69px; font-size:14px; text-align:left; font-family:"Trebuchet MS", sans-serif; margin-top:-55px; margin-left:10px; font-weight:bold} /*---------------------------------------------------------- Rodapé ----------------------------------------------------------*/ #rodape {background-color:gainsboro;} #marcas-pneus {width:auto; height:40px; margin-top:4400px; background-image:url("../_imagens/marcas-pneus.png");} #contato {width:auto; font-size:12px; font-weight:bold; text-align:left; padding-top:90px; padding-left:1px; text-align:center; color:#000; display:none} #menu-inferior {width:auto; font-weight:bold; margin-top:20px; font-size:14px;} #logo-baixo {width:145px; margin-top:60px;} #midia-sociais {width:300px; text-align:center; font-size:16px; font-weight:bold; float:right; padding-right:2px; display:none;} #direitos {font-size:13px; font-weight:bold; padding-top:25px;} /*---------------------------------------------------------- Tags ----------------------------------------------------------*/ .whatsapp { position: fixed; top: 82%; left: 1%; padding: 10px; z-index: 10000000; } .text{ padding-left: 100px; padding: 0px 00px 0 00px; color: black; font-size: 15px; text-align: center; font-family:"Trebuchet MS"; } .opacity { display: inline-block; background: white; padding: 0; } .opacity:hover img { opacity: 0.8; } .opacity img { display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .f1{ color:#666; font-size:16px; font-weight:bold; } .f2{ color:#000; font-size:18px; } } /*---------------------------------------------------------- Media Query MAX 414px ----------------------------------------------------------*/ @media screen and (max-width:414px) { /*---------------------------------------------------------- CSS Reset - Normalize.css ----------------------------------------------------------*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*---------------------------------------------------------- Inicio Estilo ----------------------------------------------------------*/ @font-face { font-family: "Handy"; src: url(../fonts/Handycheera-Regular.otf) format("truetype"); } * {margin:0; padding:0; border:0;} img {max-width:100%;} A:hover {webkit-transition-duration:.200s; color:#ee2f37;} A {text-decoration:none; border:none; color:#000;} /*---------------------------------------------------------- Topo ----------------------------------------------------------*/ #topo {width:auto; height:158px;} #logo {width:200px; margin-left:15px;} #bg-midias {width:auto; height:35px; background-color:#dcdcdc;} #loop-midias {width:200px; height:30px; padding-top:5px;} #bg-topo {width:auto; height:123px; background-image:url("../_imagens/bg-topo.png"); padding-top:10px; padding-left:100px;} /*---------------------------------------------------------- Menu ----------------------------------------------------------*/ .nav {font-family:Verdana; font-weight:bold; font-size:14px; width:auto; height:35px; padding-top:90px; margin-left:-20px} .nav { position: relative; margin: -68px 0; } .nav ul { margin: 0px; padding: 0; } .nav li { margin: 0 5px 10px 0; padding: 0; list-style: none; display: inline-block; } .nav a { padding: 3px 7px; text-decoration: none; color: #000; line-height: 100%; } .nav a:hover { color: #ee2f37; } .nav .current a { background: #ee2f37; color: #fff; border-radius: 5px; } /*---------------------------------------------------------- Banner e Sobre ----------------------------------------------------------*/ #jquery {width:auto; height:500px; margin-top:63px; display:none;} #box-sobre {width:auto; height:860px; background-color:whitesmoke; margin-top:360px; margin-left:0px; margin-right:0px; -webkit- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); -moz- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); box-shadow:0px 0px 1px rgba(0, 0, 0, 1)} /*---------------------------------------------------------- Mapa e Apresentação ----------------------------------------------------------*/ #mapa {width:350px; padding-left:20px; padding-top:30px; text-align:center; display:none} #apresentacao {width:auto; padding-top:25px; font-size:13px; font-weight:bold; text-align:center; font-weight:bold; padding-left:40px} /*---------------------------------------------------------- Inscreva-se em nosso Canal ----------------------------------------------------------*/ #inscreva-se {width:auto; padding-right:105px; float:right; margin-top:20px; text-align:center} #youtube {width:180px; float:right; padding-right:45px; margin-top:20px;} #canal {width:300px; padding-top:18px; float:left; padding-left:52px; margin-top:0px;} /*---------------------------------------------------------- Estoque ----------------------------------------------------------*/ #box-estoque {width:auto; height:auto; margin-top:30px; float:left; margin-left:0px} #corpo {width:auto; height:auto; margin:0 auto 0 auto;} #loop-carros {width:200px; height:auto; float:left; margin-left:0px; padding-left:100px; padding-right:10px; padding-top:50px;} #vendido {height:150px; margin-top:-150px;} #bg-legenda {width:200px; height:69px; background:url(../_imagens/bg-legenda.jpg);} #legenda {width:auto; height:69px; font-size:14px; text-align:left; font-family:"Trebuchet MS", sans-serif; margin-top:-55px; margin-left:10px; font-weight:bold} /*---------------------------------------------------------- Rodapé ----------------------------------------------------------*/ #rodape {background-color:gainsboro;} #marcas-pneus {width:auto; height:40px; margin-top:8650px; background-image:url("../_imagens/marcas-pneus.png");} #contato {width:auto; font-size:12px; font-weight:bold; text-align:left; padding-top:90px; padding-left:1px; text-align:center; color:#000; display:none} #menu-inferior {width:auto; font-weight:bold; margin-top:20px; font-size:14px;} #logo-baixo {width:145px; margin-top:60px;} #midia-sociais {width:300px; text-align:center; font-size:16px; font-weight:bold; float:right; padding-right:2px; display:none;} #direitos {font-size:11px; font-weight:bold; padding-top:25px;} /*---------------------------------------------------------- Tags ----------------------------------------------------------*/ .whatsapp { position: fixed; top: 82%; left: 1%; padding: 10px; z-index: 10000000; } .text{ padding-left: 100px; padding: 0px 00px 0 00px; color: black; font-size: 15px; text-align: center; font-family:"Trebuchet MS"; } .opacity { display: inline-block; background: white; padding: 0; } .opacity:hover img { opacity: 0.8; } .opacity img { display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .f1{ color:#666; font-size:16px; font-weight:bold; } .f2{ color:#000; font-size:18px; } } /*---------------------------------------------------------- Media Query MAX 400px ----------------------------------------------------------*/ @media screen and (max-width:400px) { /*---------------------------------------------------------- CSS Reset - Normalize.css ----------------------------------------------------------*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*---------------------------------------------------------- Inicio Estilo ----------------------------------------------------------*/ @font-face { font-family: "Handy"; src: url(../fonts/Handycheera-Regular.otf) format("truetype"); } * {margin:0; padding:0; border:0;} img {max-width:100%;} A:hover {webkit-transition-duration:.200s; color:#ee2f37;} A {text-decoration:none; border:none; color:#000;} /*---------------------------------------------------------- Topo ----------------------------------------------------------*/ #topo {width:auto; height:158px;} #logo {width:200px; margin-left:8px;} #bg-midias {width:auto; height:35px; background-color:#dcdcdc;} #loop-midias {width:200px; height:30px; padding-top:5px;} #bg-topo {width:auto; height:123px; background-image:url("../_imagens/bg-topo.png"); padding-top:10px; padding-left:100px;} /*---------------------------------------------------------- Menu ----------------------------------------------------------*/ .nav {font-family:Verdana; font-weight:bold; font-size:13px; width:auto; height:35px; padding-top:90px; margin-left:-20px} .nav { position: relative; margin: -68px 0; } .nav ul { margin: 0px; padding: 0; } .nav li { margin: 0 5px 10px 0; padding: 0; list-style: none; display: inline-block; } .nav a { padding: 3px 7px; text-decoration: none; color: #000; line-height: 100%; } .nav a:hover { color: #ee2f37; } .nav .current a { background: #ee2f37; color: #fff; border-radius: 5px; } /*---------------------------------------------------------- Banner e Sobre ----------------------------------------------------------*/ #jquery {width:auto; height:500px; margin-top:63px; display:none;} #box-sobre {width:auto; height:860px; background-color:whitesmoke; margin-top:360px; margin-left:0px; margin-right:0px; -webkit- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); -moz- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); box-shadow:0px 0px 1px rgba(0, 0, 0, 1)} /*---------------------------------------------------------- Mapa e Apresentação ----------------------------------------------------------*/ #mapa {width:350px; padding-left:20px; padding-top:30px; text-align:center; display:none} #apresentacao {width:auto; padding-top:25px; font-size:13px; font-weight:bold; text-align:center; font-weight:bold; padding-left:40px} /*---------------------------------------------------------- Inscreva-se em nosso Canal ----------------------------------------------------------*/ #inscreva-se {width:auto; padding-right:100px; float:right; margin-top:20px; text-align:center} #youtube {width:180px; float:right; padding-right:45px; margin-top:20px;} #canal {width:300px; padding-top:18px; float:left; padding-left:45px; margin-top:0px;} /*---------------------------------------------------------- Estoque ----------------------------------------------------------*/ #box-estoque {width:auto; height:auto; margin-top:30px; float:left; margin-left:0px} #corpo {width:auto; height:auto; margin:0 auto 0 auto;} #loop-carros {width:200px; height:auto; float:left; margin-left:0px; padding-left:95px; padding-right:10px; padding-top:50px;} #vendido {height:150px; margin-top:-150px;} #bg-legenda {width:200px; height:69px; background:url(../_imagens/bg-legenda.jpg);} #legenda {width:auto; height:69px; font-size:14px; text-align:left; font-family:"Trebuchet MS", sans-serif; margin-top:-55px; margin-left:10px; font-weight:bold} /*---------------------------------------------------------- Rodapé ----------------------------------------------------------*/ #rodape {background-color:gainsboro;} #marcas-pneus {width:auto; height:40px; margin-top:8650px; background-image:url("../_imagens/marcas-pneus.png");} #contato {width:auto; font-size:12px; font-weight:bold; text-align:left; padding-top:90px; padding-left:1px; text-align:center; color:#000; display:none} #menu-inferior {width:auto; font-weight:bold; margin-top:20px; font-size:12px;} #logo-baixo {width:145px; margin-top:60px;} #midia-sociais {width:300px; text-align:center; font-size:16px; font-weight:bold; float:right; padding-right:2px; display:none;} #direitos {font-size:11px; font-weight:bold; padding-top:25px;} /*---------------------------------------------------------- Tags ----------------------------------------------------------*/ .whatsapp { position: fixed; top: 82%; left: 1%; padding: 10px; z-index: 10000000; } .text{ padding-left: 100px; padding: 0px 00px 0 00px; color: black; font-size: 15px; text-align: center; font-family:"Trebuchet MS"; } .opacity { display: inline-block; background: white; padding: 0; } .opacity:hover img { opacity: 0.8; } .opacity img { display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .f1{ color:#666; font-size:16px; font-weight:bold; } .f2{ color:#000; font-size:18px; } } /*---------------------------------------------------------- Media Query MAX 375px ----------------------------------------------------------*/ @media screen and (max-width:375px) { /*---------------------------------------------------------- CSS Reset - Normalize.css ----------------------------------------------------------*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*---------------------------------------------------------- Inicio Estilo ----------------------------------------------------------*/ @font-face { font-family: "Handy"; src: url(../fonts/Handycheera-Regular.otf) format("truetype"); } * {margin:0; padding:0; border:0;} img {max-width:100%;} A:hover {webkit-transition-duration:.200s; color:#ee2f37;} A {text-decoration:none; border:none; color:#000;} /*---------------------------------------------------------- Topo ----------------------------------------------------------*/ #topo {width:auto; height:158px;} #logo {width:200px; margin-left:-5px;} #bg-midias {width:auto; height:35px; background-color:#dcdcdc;} #loop-midias {width:200px; height:30px; padding-top:5px;} #bg-topo {width:auto; height:123px; background-image:url("../_imagens/bg-topo.png"); padding-top:10px; padding-left:100px;} /*---------------------------------------------------------- Menu ----------------------------------------------------------*/ .nav {font-family:Verdana; font-weight:bold; font-size:12px; width:auto; height:35px; padding-top:90px; margin-left:-20px} .nav { position: relative; margin: -68px 0; } .nav ul { margin: 0px; padding: 0; } .nav li { margin: 0 5px 10px 0; padding: 0; list-style: none; display: inline-block; } .nav a { padding: 3px 7px; text-decoration: none; color: #000; line-height: 100%; } .nav a:hover { color: #ee2f37; } .nav .current a { background: #ee2f37; color: #fff; border-radius: 5px; } /*---------------------------------------------------------- Banner e Sobre ----------------------------------------------------------*/ #jquery {width:auto; height:500px; margin-top:63px; display:none;} #box-sobre {width:auto; height:860px; background-color:whitesmoke; margin-top:355px; margin-left:0px; margin-right:0px; -webkit- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); -moz- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); box-shadow:0px 0px 1px rgba(0, 0, 0, 1)} /*---------------------------------------------------------- Mapa e Apresentação ----------------------------------------------------------*/ #mapa {width:350px; padding-left:20px; padding-top:30px; text-align:center; display:none} #apresentacao {width:auto; padding-top:25px; font-size:13px; font-weight:bold; text-align:center; font-weight:bold; padding-left:40px} /*---------------------------------------------------------- Inscreva-se em nosso Canal ----------------------------------------------------------*/ #inscreva-se {width:auto; padding-right:85px; float:right; margin-top:20px; text-align:center} #youtube {width:180px; float:right; padding-right:30px; margin-top:20px;} #canal {width:300px; padding-top:18px; float:left; padding-left:32px; margin-top:0px;} /*---------------------------------------------------------- Estoque ----------------------------------------------------------*/ #box-estoque {width:auto; height:auto; margin-top:30px; float:left; margin-left:0px} #corpo {width:auto; height:auto; margin:0 auto 0 auto;} #loop-carros {width:200px; height:auto; float:left; margin-left:0px; padding-left:83px; padding-right:10px; padding-top:50px;} #vendido {height:150px; margin-top:-150px;} #bg-legenda {width:200px; height:69px; background:url(../_imagens/bg-legenda.jpg);} #legenda {width:auto; height:69px; font-size:14px; text-align:left; font-family:"Trebuchet MS", sans-serif; margin-top:-55px; margin-left:10px; font-weight:bold} /*---------------------------------------------------------- Rodapé ----------------------------------------------------------*/ #rodape {background-color:gainsboro;} #marcas-pneus {width:auto; height:40px; margin-top:8650px; background-image:url("../_imagens/marcas-pneus.png");} #contato {width:auto; font-size:12px; font-weight:bold; text-align:left; padding-top:90px; padding-left:1px; text-align:center; color:#000; display:none} #menu-inferior {width:auto; font-weight:bold; margin-top:20px; font-size:12px;} #logo-baixo {width:145px; margin-top:60px;} #midia-sociais {width:300px; text-align:center; font-size:16px; font-weight:bold; float:right; padding-right:2px; display:none;} #direitos {font-size:10px; font-weight:bold; padding-top:25px;} /*---------------------------------------------------------- Tags ----------------------------------------------------------*/ .whatsapp { position: fixed; top: 82%; left: 1%; padding: 10px; z-index: 10000000; } .text{ padding-left: 100px; padding: 0px 00px 0 00px; color: black; font-size: 15px; text-align: center; font-family:"Trebuchet MS"; } .opacity { display: inline-block; background: white; padding: 0; } .opacity:hover img { opacity: 0.8; } .opacity img { display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .f1{ color:#666; font-size:16px; font-weight:bold; } .f2{ color:#000; font-size:18px; } } /*---------------------------------------------------------- Media Query MAX 360px ----------------------------------------------------------*/ @media screen and (max-width:360px) { /*---------------------------------------------------------- CSS Reset - Normalize.css ----------------------------------------------------------*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*---------------------------------------------------------- Inicio Estilo ----------------------------------------------------------*/ @font-face { font-family: "Handy"; src: url(../fonts/Handycheera-Regular.otf) format("truetype"); } * {margin:0; padding:0; border:0;} img {max-width:100%;} A:hover {webkit-transition-duration:.200s; color:#ee2f37;} A {text-decoration:none; border:none; color:#000;} /*---------------------------------------------------------- Topo ----------------------------------------------------------*/ #topo {width:auto; height:158px;} #logo {width:200px; margin-left:-5px;} #bg-midias {width:auto; height:35px; background-color:#dcdcdc;} #loop-midias {width:200px; height:30px; padding-top:5px;} #bg-topo {width:auto; height:123px; background-image:url("../_imagens/bg-topo.png"); padding-top:10px; padding-left:100px;} /*---------------------------------------------------------- Menu ----------------------------------------------------------*/ .nav {font-family:Verdana; font-weight:bold; font-size:12px; width:auto; height:35px; padding-top:90px; margin-left:-20px} .nav { position: relative; margin: -68px 0; } .nav ul { margin: 0px; padding: 0; } .nav li { margin: 0 5px 10px 0; padding: 0; list-style: none; display: inline-block; } .nav a { padding: 3px 7px; text-decoration: none; color: #000; line-height: 100%; } .nav a:hover { color: #ee2f37; } .nav .current a { background: #ee2f37; color: #fff; border-radius: 5px; } /*---------------------------------------------------------- Banner e Sobre ----------------------------------------------------------*/ #jquery {width:auto; height:500px; margin-top:63px; display:none;} #box-sobre {width:auto; height:900px; background-color:whitesmoke; margin-top:355px; margin-left:0px; margin-right:0px; -webkit- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); -moz- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); box-shadow:0px 0px 1px rgba(0, 0, 0, 1)} /*---------------------------------------------------------- Mapa e Apresentação ----------------------------------------------------------*/ #mapa {width:350px; padding-left:20px; padding-top:30px; text-align:center; display:none} #apresentacao {width:auto; padding-top:25px; font-size:13px; font-weight:bold; text-align:center; font-weight:bold; padding-left:40px} /*---------------------------------------------------------- Inscreva-se em nosso Canal ----------------------------------------------------------*/ #inscreva-se {width:auto; padding-right:70px; float:right; margin-top:20px; text-align:center} #youtube {width:180px; float:right; padding-right:21px; margin-top:20px;} #canal {width:300px; padding-top:18px; float:left; padding-left:23px; margin-top:0px;} /*---------------------------------------------------------- Estoque ----------------------------------------------------------*/ #box-estoque {width:auto; height:auto; margin-top:30px; float:left; margin-left:0px} #corpo {width:auto; height:auto; margin:0 auto 0 auto;} #loop-carros {width:200px; height:auto; float:left; margin-left:0px; padding-left:75px; padding-right:10px; padding-top:50px;} #vendido {height:150px; margin-top:-150px;} #bg-legenda {width:200px; height:69px; background:url(../_imagens/bg-legenda.jpg);} #legenda {width:auto; height:69px; font-size:14px; text-align:left; font-family:"Trebuchet MS", sans-serif; margin-top:-55px; margin-left:10px; font-weight:bold} /*---------------------------------------------------------- Rodapé ----------------------------------------------------------*/ #rodape {background-color:gainsboro;} #marcas-pneus {width:auto; height:40px; margin-top:8650px; background-image:url("../_imagens/marcas-pneus.png");} #contato {width:auto; font-size:12px; font-weight:bold; text-align:left; padding-top:90px; padding-left:1px; text-align:center; color:#000; display:none} #menu-inferior {width:auto; font-weight:bold; margin-top:20px; font-size:11px;} #logo-baixo {width:145px; margin-top:60px;} #midia-sociais {width:300px; text-align:center; font-size:16px; font-weight:bold; float:right; padding-right:2px; display:none;} #direitos {font-size:9px; font-weight:bold; padding-top:25px;} /*---------------------------------------------------------- Tags ----------------------------------------------------------*/ .whatsapp { position: fixed; top: 82%; left: 1%; padding: 10px; z-index: 10000000; } .text{ padding-left: 100px; padding: 0px 00px 0 00px; color: black; font-size: 15px; text-align: center; font-family:"Trebuchet MS"; } .opacity { display: inline-block; background: white; padding: 0; } .opacity:hover img { opacity: 0.8; } .opacity img { display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .f1{ color:#666; font-size:16px; font-weight:bold; } .f2{ color:#000; font-size:18px; } } /*---------------------------------------------------------- Media Query MAX 340px ----------------------------------------------------------*/ @media screen and (max-width:340px) { /*---------------------------------------------------------- CSS Reset - Normalize.css ----------------------------------------------------------*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*---------------------------------------------------------- Inicio Estilo ----------------------------------------------------------*/ @font-face { font-family: "Handy"; src: url(../fonts/Handycheera-Regular.otf) format("truetype"); } * {margin:0; padding:0; border:0;} img {max-width:100%;} A:hover {webkit-transition-duration:.200s; color:#ee2f37;} A {text-decoration:none; border:none; color:#000;} /*---------------------------------------------------------- Topo ----------------------------------------------------------*/ #topo {width:auto; height:158px;} #logo {width:200px; margin-left:-15px;} #bg-midias {width:auto; height:35px; background-color:#dcdcdc;} #loop-midias {width:200px; height:30px; padding-top:5px;} #bg-topo {width:auto; height:123px; background-image:url("../_imagens/bg-topo.png"); padding-top:10px; padding-left:100px;} /*---------------------------------------------------------- Menu ----------------------------------------------------------*/ .nav {font-family:Verdana; font-weight:bold; font-size:11px; width:auto; height:35px; padding-top:90px; margin-left:-20px} .nav { position: relative; margin: -68px 0; } .nav ul { margin: 0px; padding: 0; } .nav li { margin: 0 5px 10px 0; padding: 0; list-style: none; display: inline-block; } .nav a { padding: 3px 7px; text-decoration: none; color: #000; line-height: 100%; } .nav a:hover { color: #ee2f37; } .nav .current a { background: #ee2f37; color: #fff; border-radius: 5px; } /*---------------------------------------------------------- Banner e Sobre ----------------------------------------------------------*/ #jquery {width:auto; height:500px; margin-top:63px; display:none;} #box-sobre {width:auto; height:900px; background-color:whitesmoke; margin-top:355px; margin-left:0px; margin-right:0px; -webkit- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); -moz- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); box-shadow:0px 0px 1px rgba(0, 0, 0, 1)} /*---------------------------------------------------------- Mapa e Apresentação ----------------------------------------------------------*/ #mapa {width:350px; padding-left:20px; padding-top:30px; text-align:center; display:none} #apresentacao {width:auto; padding-top:25px; font-size:13px; font-weight:bold; text-align:center; font-weight:bold; padding-left:40px} /*---------------------------------------------------------- Inscreva-se em nosso Canal ----------------------------------------------------------*/ #inscreva-se {width:auto; padding-right:60px; float:right; margin-top:20px; text-align:center} #youtube {width:180px; float:right; padding-right:23px; margin-top:20px;} #canal {width:280px; padding-top:18px; float:left; padding-left:23px; margin-top:0px;} /*---------------------------------------------------------- Estoque ----------------------------------------------------------*/ #box-estoque {width:auto; height:auto; margin-top:30px; float:left; margin-left:0px} #corpo {width:auto; height:auto; margin:0 auto 0 auto;} #loop-carros {width:200px; height:auto; float:left; margin-left:0px; padding-left:62px; padding-right:10px; padding-top:50px;} #vendido {height:150px; margin-top:-150px;} #bg-legenda {width:200px; height:69px; background:url(../_imagens/bg-legenda.jpg);} #legenda {width:auto; height:69px; font-size:14px; text-align:left; font-family:"Trebuchet MS", sans-serif; margin-top:-55px; margin-left:10px; font-weight:bold} /*---------------------------------------------------------- Rodapé ----------------------------------------------------------*/ #rodape {background-color:gainsboro;} #marcas-pneus {width:auto; height:40px; margin-top:8650px; background-image:url("../_imagens/marcas-pneus.png");} #contato {width:auto; font-size:12px; font-weight:bold; text-align:left; padding-top:90px; padding-left:1px; text-align:center; color:#000; display:none} #menu-inferior {width:auto; font-weight:bold; margin-top:20px; font-size:11px;} #logo-baixo {width:145px; margin-top:60px;} #midia-sociais {width:300px; text-align:center; font-size:16px; font-weight:bold; float:right; padding-right:2px; display:none;} #direitos {font-size:9px; font-weight:bold; padding-top:25px;} /*---------------------------------------------------------- Tags ----------------------------------------------------------*/ .whatsapp { position: fixed; top: 82%; left: 1%; padding: 10px; z-index: 10000000; } .text{ padding-left: 100px; padding: 0px 00px 0 00px; color: black; font-size: 15px; text-align: center; font-family:"Trebuchet MS"; } .opacity { display: inline-block; background: white; padding: 0; } .opacity:hover img { opacity: 0.8; } .opacity img { display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .f1{ color:#666; font-size:16px; font-weight:bold; } .f2{ color:#000; font-size:18px; } } /*---------------------------------------------------------- Media Query MAX 320px ----------------------------------------------------------*/ @media screen and (max-width:320px) { /*---------------------------------------------------------- CSS Reset - Normalize.css ----------------------------------------------------------*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*---------------------------------------------------------- Inicio Estilo ----------------------------------------------------------*/ @font-face { font-family: "Handy"; src: url(../fonts/Handycheera-Regular.otf) format("truetype"); } * {margin:0; padding:0; border:0;} img {max-width:100%;} A:hover {webkit-transition-duration:.200s; color:#ee2f37;} A {text-decoration:none; border:none; color:#000;} /*---------------------------------------------------------- Topo ----------------------------------------------------------*/ #topo {width:auto; height:158px;} #logo {width:200px; margin-left:-30px;} #bg-midias {width:auto; height:35px; background-color:#dcdcdc;} #loop-midias {width:200px; height:30px; padding-top:5px;} #bg-topo {width:auto; height:123px; background-image:url("../_imagens/bg-topo.png"); padding-top:10px; padding-left:100px;} /*---------------------------------------------------------- Menu ----------------------------------------------------------*/ .nav {font-family:Verdana; font-weight:bold; font-size:10px; width:auto; height:35px; padding-top:90px; margin-left:-20px} .nav { position: relative; margin: -68px 0; } .nav ul { margin: 0px; padding: 0; } .nav li { margin: 0 5px 10px 0; padding: 0; list-style: none; display: inline-block; } .nav a { padding: 3px 7px; text-decoration: none; color: #000; line-height: 100%; } .nav a:hover { color: #ee2f37; } .nav .current a { background: #ee2f37; color: #fff; border-radius: 5px; } /*---------------------------------------------------------- Banner e Sobre ----------------------------------------------------------*/ #jquery {width:auto; height:500px; margin-top:63px; display:none;} #box-sobre {width:auto; height:900px; background-color:whitesmoke; margin-top:355px; margin-left:0px; margin-right:0px; -webkit- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); -moz- box-shadow:0px 0px 1px rgba(0, 0, 0, 1); box-shadow:0px 0px 1px rgba(0, 0, 0, 1)} /*---------------------------------------------------------- Mapa e Apresentação ----------------------------------------------------------*/ #mapa {width:350px; padding-left:20px; padding-top:30px; text-align:center; display:none} #apresentacao {width:auto; padding-top:25px; font-size:13px; font-weight:bold; text-align:center; font-weight:bold; padding-left:40px} /*---------------------------------------------------------- Inscreva-se em nosso Canal ----------------------------------------------------------*/ #inscreva-se {width:auto; padding-right:40px; float:right; margin-top:20px; text-align:center} #youtube {width:180px; float:right; padding-right:23px; margin-top:20px;} #canal {width:260px; padding-top:18px; float:left; padding-left:23px; margin-top:0px;} /*---------------------------------------------------------- Estoque ----------------------------------------------------------*/ #box-estoque {width:auto; height:auto; margin-top:30px; float:left; margin-left:0px} #corpo {width:auto; height:auto; margin:0 auto 0 auto;} #loop-carros {width:200px; height:auto; float:left; margin-left:0px; padding-left:55px; padding-right:10px; padding-top:50px;} #vendido {height:150px; margin-top:-150px;} #bg-legenda {width:200px; height:69px; background:url(../_imagens/bg-legenda.jpg);} #legenda {width:auto; height:69px; font-size:14px; text-align:left; font-family:"Trebuchet MS", sans-serif; margin-top:-55px; margin-left:10px; font-weight:bold} /*---------------------------------------------------------- Rodapé ----------------------------------------------------------*/ #rodape {background-color:gainsboro;} #marcas-pneus {width:auto; height:40px; margin-top:8650px; background-image:url("../_imagens/marcas-pneus.png");} #contato {width:auto; font-size:12px; font-weight:bold; text-align:left; padding-top:90px; padding-left:1px; text-align:center; color:#000; display:none} #menu-inferior {width:auto; font-weight:bold; margin-top:20px; font-size:11px;} #logo-baixo {width:145px; margin-top:60px;} #midia-sociais {width:300px; text-align:center; font-size:16px; font-weight:bold; float:right; padding-right:2px; display:none;} #direitos {font-size:8px; font-weight:bold; padding-top:25px;} /*---------------------------------------------------------- Tags ----------------------------------------------------------*/ .whatsapp { position: fixed; top: 82%; left: 1%; padding: 10px; z-index: 10000000; } .text{ padding-left: 100px; padding: 0px 00px 0 00px; color: black; font-size: 15px; text-align: center; font-family:"Trebuchet MS"; } .opacity { display: inline-block; background: white; padding: 0; } .opacity:hover img { opacity: 0.8; } .opacity img { display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .f1{ color:#666; font-size:16px; font-weight:bold; } .f2{ color:#000; font-size:18px; } }