/* Definições padrões */ html {-webkit-text-size-adjust: none;} body {background-color: #fff; background-attachment: fixed; background-repeat: no-repeat; background-position: center 10px; font-family: Verdana; font-size: 12px; margin: 0; padding: 0; width: 100%; height: 100%;} p, ul, li, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;} div {position: relative; display: inline-block;} textarea {resize: none;} table {font-size: 12px;} button {margin: 0; padding: 0;} /* Botões e formulários */ .buttons {border: none; background: none; padding: 8px 12px 8px 12px; font-family: 'Nunito', sans-serif; letter-spacing: -1px; font-weight: bold; font-size: 14px; color: white; cursor: pointer; background-repeat: repeat-x;} .fields {background-repeat: repeat-x; background-color: white; font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: bold; color:#333; border: 1px solid #ddd; padding: 4px; height: 16px; } .fields_red {background-repeat: repeat-x; background-color: #ffeded; font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: bold; color:#333; border: 1px solid #fcb6b6; padding: 4px; height: 16px; } .pad {padding: 20px;} .gray {color: #CCC;} /* Tooltips */ #tooltip {position: absolute; z-index: 3000; padding: 3px; color: #FFFFFF; font-family: 'Nunito', sans-serif;} #tooltip h3, #tooltip div {margin: 0; padding: 3px; font-size: 12px; font-weight: bold;} /* Caixa de sugestões de busca */ .jsonSuggestResults {position: absolute; border: 1px solid #CCC; background-color: #ffffff; padding: 0; margin: 0;} .jsonSuggestResults .resultItem {margin: 0px; padding: 5px; position:relative; display: inline-block; width: 280px; cursor:pointer; font-size: 11px;} /* Estrutura principal */ .holder {position: absolute; width: 900px; left: 50%; margin: 40px 0 0 -450px; -moz-box-shadow: 0 20px 20px #ccc; -webkit-box-shadow: 0 20px 20px #ccc; box-shadow: 0 20px 20px #ccc; background-color: white;} /* Área do topo */ .holder .top {width: 900px; height: 24px; z-index: 2;} .holder .top .colorBoxes {position: absolute; right: -30px; top: 0px;} .holder .top .colorBoxes ul {width: 14px;} .holder .top .colorBoxes ul li {width: 14px; height: 14px; margin: 0 0 5px 0; float: right; list-style: none;} .holder .top .zcar{position: absolute;top: -25px;left: 0;} .holder .top .welcome {position: absolute; right: 0px;	top: -28px;font-size: 11px;color: #666;} .holder .top .logo{position: absolute;left: 20px;top: 27px;width: 380px;height: 120px;z-index: 1;} .holder .top .menu{position: absolute; width: 600px; right: 0px;top: 111px;z-index: 1;} .holder .top .menu ul{margin: 0;padding: 0;} .holder .top .menu ul li {list-style: none; width: 110px; height: 59px; float: right; margin: 0 10px 0 0; overflow: hidden;} .holder .top .search{position: absolute;right: 16px;top: 20px; z-index: 99;} .holder .top .search .searchButtonHolder{position: absolute;right: 7px;top: 7px;} /* Área mediana (do conteúdo) */ .holder .mid {width: 900px; background-repeat: repeat-y;} .holder .mid .content {position: relative; width: 900px; margin: 146px 0 0 0;} /* Área do slideshow */ .holder .mid .content .slide{position: relative; display: inline-block; width: 900px; height: 200px; overflow: hidden; clear: both;} .holder .mid .content .slide #slide{position: relative; display: inline-block; margin: 0; padding: 0; width: 900px; overflow: hidden; clear: both;} /* Área do título */ .holder .mid .content .title{position: relative; width: 900px; height: 60px; display: none; font-family: 'Nunito', sans-serif; font-size: 28px; font-weight: bold; letter-spacing: -1px; color: white; clear: both; background-repeat: repeat-x;} .holder .mid .content .title #ptitleText {position: absolute; left: 20px; top: 7px; width: 700px; height: 28px;} .holder .mid .content .title #ptitleText a {color: #fff; text-decoration: none;} .holder .mid .content .title #ptitleButton{position: absolute; right: 20px; top: 10px; display: none;} .holder .mid .content h1{font-family: 'Nunito', sans-serif; font-size: 22px; letter-spacing: -1px; margin: 10px 0 0 0; border-bottom: 1px solid #ddd; padding-bottom: 10px; padding-left: 20px;} /* Área do rodapé */ .holder .mid .bottom {position: relative; width: 900px; margin: 0 0 0 0; font-size: 11px; color: white;} .holder .mid .bottom #contactPhones {font-family: 'Nunito', sans-serif; letter-spacing: -1px; font-weight: bold; font-size: 20px; line-height: 20px; color: white;} .holder .bot {position: relative; width: 900px; height: 24px;} /* Caixa de login */ .holder #adminBoxHolder {display: none;} /* Oculta a DIV com mensagem caso o arquivo CSS falhe */ .cssFailure {display: none;} /* Administrador */ #adminButtons {position: relative; display: inline-block; width: 900px; padding-bottom: 8px; font-family: 'Nunito', sans-serif; letter-spacing: -1px; font-weight: bold; font-size: 18px; color: #333; background-color: #ddd; display: none; overflow: hidden;} #adminButtons ul {margin: 0; padding: 0;} #adminButtons ul li {margin: 0 0 0 20px; padding: 8px 10px 0 0; list-style: none; float: left;} #adminButtons ul li a {color: #333; text-decoration: none;} #adminHolder {display: none;} /* Nivo Slideshow */ .nivoSlider {position:relative;} .nivoSlider img {position:absolute; top:0px; left:0px;} .nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;} .nivo-slice {display:block; position:absolute; z-index:50; height:100%;} .nivo-caption {position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; width:100%; z-index:89;} .nivo-caption p {padding:5px; margin:0;} .nivo-directionNav a {position:absolute; top:45%; z-index:99; cursor:pointer;} .nivo-prevNav {left:0px;} .nivo-nextNav {right:0px;} .nivo-controlNav a {position:relative; z-index:99; cursor:pointer;} .nivo-controlNav a.active {font-weight:bold;} /* Caixa de anúncios */ div#announces {position: absolute; width: 804px; height: 604px; left: 50%; top: 80px; margin: 0 0 0 -402px; z-index: 2147483647;} div#announces div#image {width: 600px; height:400px; margin: 102px; overflow: hidden;} div#announces div#image img {width: 600px; height: 400px;} div#announces div#close {position: absolute; right: 112px; top: 112px;} @media (max-width: 640px) { }