/*
Theme Name: Qu4tro Theme
Theme URI: http://www.quatrots.com.br/
Author: Qu4tro Tecnologia e Soluções
Author URI: http://www.quatrots.com.br/
Description: Tema desenvolvido pela Qu4tro Tecnologia e Soluções
Version: 0.5
License: Qu4tro TS
License URI: http://www.quatrots.com.br/
Tags: qu4tro, quatro, 4, qu4trots, quatrots, 4ts
Text Domain: qu4tro
*/

/* Padrões */
* { margin: 0; outline: none; padding: 0; transition: all 0.5s ease-in; }
body { font-family: Arial; margin: 0; max-width: none; padding: 0; }
section { margin: 0 auto; width: 990px; }
figure,
.limpo:after,
ul:after,
section:after,
header:after,
main:after,
footer:after,
#assinatura:after, 
form:after { clear: both; color: transparent; content: '.'; display: block; height: 0; }
#wpadminbar * { color: inherit; font-family: inherit; max-width: none; }
#wpadminbar ul:after { content: ''; display: none; }
a img { margin: 0; }
input[type="submit"],
label { cursor: pointer; }

/* Básicos */
* { color: #1b2966; font-family: Arial; }
body { background: #FFF; overflow-x: hidden; }
::selection { background: #226c53; color: #FFF; }
.alignleft { float: left; margin-right: 20px; }
.alignright { float: right; margin-left: 20px; }
.aligncenter { float: left; margin: 15px; }

/* Header */
header { background-color: rgb(34,108,83); /* background: linear-gradient(to bottom, rgb(34,108,83), rgb(70, 153, 125), rgb(34,108,83)); */ height: 80px; left: 50%; margin-left: -750px; position: absolute; top: 0; width: 1500px; z-index: 999; }
header #logo-wold { display: block; float: left; margin-bottom: -79px; }
header #logo-pitstop { display: block; float: left; margin-bottom: -79px; }
header #menu { float: left; margin-top: 30px; }
header #menu ul li { float: left; list-style: none; margin-left: 20px; padding-left: 20px; }
header #menu ul li:first-child { margin-left: 0; }
header #menu ul li.current-menu-item,
header #menu ul li.current-menu-parent,
header #menu ul li.current-menu-ancestor,
header #menu ul li.current-post-ancestor,
header #menu ul li.current-category-ancestor,
header #menu ul li.current-tipo-ancestor { padding-left: 0; }
header #menu ul li.current-menu-item:before,
header #menu ul li.current-menu-parent:before,
header #menu ul li.current-menu-ancestor:before,
header #menu ul li.current-post-ancestor:before,
header #menu ul li.current-category-ancestor:before,
header #menu ul li.current-tipo-ancestor:before { color: #ffba00; content: '▶'; display: inline-block; margin: -4px 6px 0 0; }
header #menu ul li a { color: #FFF;  font-family: 'Squada One'; font-size: 18px; line-height: 18px; text-decoration: none; text-transform: uppercase; }
header #menu ul li.current-menu-item a,
header #menu ul li.current-menu-parent a,
header #menu ul li.current-menu-ancestor a,
header #menu ul li.current-post-ancestor a,
header #menu ul li.current-category-ancestor a,
header #menu ul li.current-tipo-ancestor a { color: #ffba00; }
header #busca { float: left; margin: 20px 0 0 40px; }
header #busca label { float: left; }
header #busca label img { display: block; }
header #busca input { background: url(images/bg-busca.png) center left 10px no-repeat #FFF; border: none; border-radius: 5px; box-shadow: inset 0 0 5px #666; float: left; font-family: 'Squada One'; font-size: 18px; margin-left: 8px; padding: 11px 11px 11px 42px; width: 174px; }
header #logo2 { display: block; float: right; margin-bottom: -84px; }

/* Slider */
#slider { height: 555px; margin: 0 auto; max-width: 100%; width: 990px; }
#slider ul li { list-style: none; overflow: hidden; height: 560px; }
#slider ul li.oculto { display: none; }
#slider ul li p { color: #000; font-family: 'Squada One'; font-size: 24px; text-shadow: 0 0 10px #FFF; }

/* Frases */
#frase { background: linear-gradient(#F9F9F9, #ECECEC); height: 55px; margin: 20px auto 0; position: relative; width: 990px; }
#frase:before { bottom: 10px; box-shadow: 0 6px 6px 3px #000; content:""; left: 6px; position: absolute; -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); width: 300px; z-index: -1; }
#frase:after { bottom: 10px; box-shadow: 0 6px 6px 3px #000; content:""; right: 6px; position: absolute; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); width: 300px; z-index: -1; }
#frase ul { list-style: none; overflow: hidden; padding: 0 40px; }
#frase ul li { display: table-cell; height: 55px; text-align: center; vertical-align: middle; width: 990px; }
#frase ul li.oculto { display: none; }
#frase ul li p { font-family: 'Squada One'; font-size: 22px; }
#frase .navegacao img { cursor: pointer; position: absolute; right: 15px; top: 15px; }
#frase .navegacao img:first-child { left: 15px; }

/* Tipos */
#tipos li { list-style: none; }
#tipos a { color: #1b2966; text-decoration: none; }
#tipos .principal { align-items: center; background: #FFF; border-bottom: solid 2px #b2b2b2; border-top: solid 2px #b2b2b2; display: flex; flex-direction: row; justify-content: center; margin: 14px auto 8px; max-width: 100%; padding: 7px 0; width: 1500px; }
#tipos .principal li { float: left; margin-left: 40px; }
#tipos .principal li:first-child { margin-left: 0; }
#tipos .principal li.atual { background: url(images/tps-marcador-cima.png) center top no-repeat; margin-bottom: -17px; margin-top: -20px; padding: 20px 0 17px; }
#tipos .principal li a { font-family: "Squada One"; }
#tipos .secundario { background: #e8e9ef; border-radius: 4px; padding: 10px; text-align: center; }
#tipos .secundario li { display: inline-block; margin: 5px 10px; }
#tipos .secundario li.atual a { text-decoration: underline; }

/* Msg - Home */
#msg { background: url(images/atendimento.jpg) right center no-repeat; border: 1px dashed rgba(34,108,83,0.9); display: block; margin-bottom: 20px; padding: 10px; }
#msg p, #msg a { color: rgba(34,108,83,0.9); font-family: 'Squada One'; font-size: 18px; margin: 0; text-align: center; }

/* Main */
main { background: #FFF; background: linear-gradient(to bottom, #FFF, #CCC); margin: 0 auto; max-width: 100%; padding: 10px 0 100px; width: 1500px; }
main h1,
main h2 { font-family: 'Squada One'; text-transform: uppercase; }
main h1 { font-size: 24px; line-height: 28px; }
main h2 { font-size: 20px; line-height: 24px; margin-top: 15px; }
main h3 { border-bottom: solid 3px #d9d9d9; border-top: solid 3px #d9d9d9; font-family: 'Squada One'; font-size: 24px; font-weight: normal; line-height: 36px;   margin-bottom: 15px; padding: 0 8px; text-transform: uppercase; }
main p { font-family: 'Squada One'; font-size: 18px; line-height: 20px; margin-top: 15px; text-align: justify; }
main form { margin-top: 20px; }
main form .campo { background: #FFF; border: solid 1px #bdbdbd; border-radius: 5px; box-shadow: inset 0 0 5px #AAA; margin-top: 20px; padding: 6px; }
main form .campo:first-child { margin-top: 0; }
main form .campo * { background: transparent; border-style: none; color: #000; font-family: 'Squada One'; font-size: 18px; width: 100%; }
main form .campo textarea { height: 60px; resize: none; }
main form input[type="submit"] { background: #c6d0f4; border-radius: 3px; border-style: none; box-shadow: inset 0 0 10px #a7adc0;  float: right; font-family: 'Squada One'; font-size: 16px; margin-top: 30px; padding: 5px 17px; }
main form input[type="submit"]:hover { box-shadow: inset 0 0 40px #a7adc0; }

/* Aside */
aside { float: left; width: 400px; }

/* Article */
article { float: left; margin-left: 40px; position: relative; width: 550px; }
article.maxima { float: none; margin-left: 0; width: 100%; }
article .filtros { position: absolute; right: 0; top: 4px; }
article .mapa { height: 100%; width: 100%; }

/* Footer */
footer { background: #226c53; background: linear-gradient(to bottom, #226c53, #417e69); height: 36px; margin: 0 auto; max-width: 100%; width: 1500px; }
footer p { color: #FFF; 3font-size: 18px; line-height: 32px; padding-top: 4px; text-align: center; }

/* Assinatura */
#assinatura { background: #4b4672; background: linear-gradient(to bottom, #4b4672, #1f1558); margin: 0 auto; max-width: 100%; padding: 45px 0 25px; width: 1500px; }
#assinatura p { color: #FFF; font-size: 12px; text-align: center; }

/* Paginação */
.paginacao { display: inline-block; }
.paginacao * { display: block; float: left; font-family: 'Squada One'; font-size: 16px; margin: 25px 0 0 10px; padding: 4px; }
.paginacao *:first-child { margin-left: 0; }
.paginacao a { color: #1b2966; text-decoration: none; }
.paginacao a:hover { color: #111; }
.paginacao span { background: #1b2966; color: #FFF; }

/* Home */
#noticias { height: 145px; margin-top: 20px; overflow: hidden; }
#destaque { margin-top: 40px; position: relative; }
#destaque .filtros { position: absolute; right: 8px; top: 10px; }
#destaque .filtros select { background: #FFF; border: solid 1px #cdcdcd; border-radius: 5px; box-shadow: inset 0 0 5px #CCC; font-size: 14px; margin-left: 20px; padding: 1px; }
#destaque .filtros select:first-child { margin-left: 0; }

/* Listagem de produtos */
.produtos { margin-top: 25px; }
.produtos * { font-family: Arial; }
.produtos .produto { float: left; height: 220px; list-style: none; margin: 10px; overflow: hidden; width: 145px; }
.produtos .produto div { border: solid 2px #FFF; border-radius: 10px; box-shadow: inset 0 0 10px #AAA; height: 141px; margin: 0 auto; width: 141px; }
.produtos .produto p { font-size: 14px; height: 60px; margin: 5px 0; overflow: hidden; text-align: center; }
.produtos .produto span { background: #1b2966; border-radius: 4px; color: #FFF; display: block; font-size: 20px; font-weight: bold; line-height: 31px; margin: 0 auto; text-align: center; width: 120px; }