/* 
    Created on : 21/12/2015, 20:59:27
    Author     : Divina
*/
@import "../gestor/css/reset.css";
@import "fonts.css";
@import "maps.css";

body {
    background: #1F2531 url("../images/bg.jpg") 50% 0; 
}
header {
    width: 100%; 
    float: left;
    min-height: 950px;
}
header .container {
    width: 1000px;
    margin: 0 auto;
}
#menu {
    width: 100%;
    float: left;
    height: 65px;
    background: #292929;
    margin-top: 140px;
}
.navbar-brand {
    width: 130px;
    float: left;
    text-decoration: none;
    height: 100%;
    display: block;
    background: #F7C065;
    text-align: center;
    line-height: 80px;
}
.nav {
    width: 870px;
    float: left;
    height: 65px;
}
.nav li {
    float: left;
    display: inline;
    text-align: center;
}
.nav a {
    font: 15px WebServeroff;
    text-decoration: none;
    color: #FFF;
    height: 65px;
    display: block;
    line-height: 65px;
    letter-spacing: 2px;
    width: 100%;
}
.nav img {
    margin-top: -70px;
}
.nav a:hover {
    background: #F7C065;
}
.nav li:nth-of-type(1) {
    width: 114px;
}
.nav li:nth-of-type(2) {
    width: 180px;
}
.nav li:nth-of-type(3) {
    width: 160px;
}
.nav li:nth-of-type(4) {
    width: 150px;
}
.nav li:nth-of-type(5) {
    width: 135px;
}
.nav li:nth-of-type(6) {
    width: 130px;
}
#header {
    width: 100%;
    float: left;
    margin-top: 120px;
}
#title {
    width: 100%;
    float: left;
    color: #FFF;
    font: 140px NewMedia;
    letter-spacing: 10px;
    text-align: center;
    line-height: 140px;
}
#subtitle {
    width: 100%;
    float: left;
    color: #FFF;
    font: 100px NewMedia;
    letter-spacing: 10px;
    text-align: center;
    line-height: 100px;
}
#yellow {
    color: #FFAE00;
    font: 30px NewMedia;
    width: 480px;
    float: left;
    text-align: center;
    line-height: 25px;
    margin: 20px 0 0 270px;
}
#row {
    width: 100%;
    float: left;
}
#face, #youtube, #instagran {
    float: left;
    margin: 20px;
}
#face {
    margin-left: 270px;
    min-width: 60px;
}
#youtube {
    margin-top: 35px;
}
#instagran {
    margin-top: 45px;
}
#arrow {
    width: 140px;
    float: left;
    margin-left: 430px;
    font: 12px Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    color: #FFF;
    text-decoration: none;
    text-align: center;
}
#arrow img {
    margin: 10px 0;
}
iframe[id^="oauth"] {
    display: none;
}
#contato {
    width: 100%;
    float: left;
    margin-top: 120px;
}
#contato form {
    width: 100%; 
    float: left; 
    margin: 40px 0 120px; 
}
#contato legend {
    border: none; 
    font: 80px NewMedia; 
    line-height: 60px; 
    text-align: center; 
    width: 100%; 
    float: left; 
    color: #FFF;
}
#contato label {
    color: #FFAE00; 
    font: 30px NewMedia; 
    text-align: center; 
    width: 100%; 
    float: left; 
    line-height: 25px;
}
#contato div {
    width: 50%; 
    float: left;
}
#contato div input, #contato textarea {
    clear: both; 
    float: right; 
    margin: 5px 0; 
    color: #54606B; 
    font: 16px Khand-Regular; 
    border: 1px solid #54606B; 
    padding: 1px; height: 149px;
}
#contato input {
    height: 27px !important;
}
#contato button {
    float: right; 
    clear: both; 
    border: 1px solid #54606B; 
    background: #FFF; 
    color: #54606B; 
    font: 16px Khand-Regular; 
    height: 27px;
}
#contato h6 {
    color: #FFAE00; 
    font: 30px NewMedia; 
    float: left; 
    width: 99%; 
    line-height: 25px; 
    padding-left: 1%;
}
#contato h6:first-of-type {
    margin-top: 75px;
}
#contato p {
    color: #FFF; 
    font: 20px Khand-Regular; 
    float: left; 
    width: 99%; 
    line-height: 25px; 
    padding-left: 1%;
}
#contato p:first-of-type {
    margin: 30px 0;
}
.off {
    display: none;
}
#pneus {
    width: 100%; 
    float: left; 
    margin: 60px 0 120px;
}
#titulo_pneus {
    width: 650px; 
    float: left; 
    clear: both; 
    color: #FFF; 
    font: 80px NewMedia; 
    line-height: 65px; 
    text-align: center; 
    margin: 120px 0 0 180px;
}
#subtitulo_pneus {
    color: #FFAE00; 
    font: 30px NewMedia; 
    width: 500px; 
    float: left; 
    clear: both; 
    text-align: center; 
    line-height: 25px; 
    margin: 10px 0 10px 240px;
}
#texto_pneus p {
    color: #FFF; 
    font: 20px Khand-Regular; 
    width: 575px; 
    float: left; 
    line-height: 20px; 
    margin-left: 210px;
}
#services {
    width: 100%;
    float: left;
    position: relative; 
    background: #1F2531; 
    min-height: 850px;
}
#services .container {
    width: 950px;
    margin: 0 auto;
}
#services ul {
    width: 940px; 
    width: 100%;
    float: left;
}
#services ul li {
    width: 400px; 
    height: 353px; 
    float: left; 
    display: inline; 
    margin: 35px;
}
#services ul li a {
    width: 100%; 
    height: 100%; 
    float: left; 
    display: block; 
    text-decoration: none; 
    position: relative;
}
#services ul li a img {
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 1;
}
#services ul li h2, #services ul li h5, #services ul li p {
    position: relative; 
    z-index: 2; 
    width: 335px; 
    margin: 0 30px; 
    font-family: NewMedia; 
    color: #FFF;
}
#services ul li h2 {
    margin-top: 150px; 
    font-size: 50px;
}
#services ul li h5 {
    font-size: 30px;
}
#services ul li p {
    font-size: 15px; 
    font-family: WebServeroff; 
    font-weight: bold;
}
#border {
    border: 10px solid #FFF; 
    height: 564px; 
    width: 927px; 
    position: absolute; 
    z-index: 0; 
    top: 130px;
}
#exibe-servico {
    width: 950px;
    float: left;
    margin: 120px 0 20px 30px;
}
#exibe-servico img {
    float: left;
    margin: 0 5px 5px 0;
}
#exibe-servico h2, #exibe-servico h3, #exibe-servico p {
    font: 22px WebServeroff;
    color: #FFF;
}
#exibe-servico p {
    font: 15px WebServeroff;
}
#quem-somos {
    width: 100%; 
    background: url("../images/bgpage03.png") 50% 0;
    float: left;
}
#quem-somos .container {
    width: 975px;
    margin: 0 auto;
}
#quem-somos .title {
    width: 780px; 
    font: 70px NewMedia; 
    letter-spacing: 0; 
    margin: 270px 0 20px 130px; 
    padding: 0; 
    color: #54606B; 
    line-height: 65px;
    text-align: center;
}
#quem-somos .yellow {
    width: 500px; 
    line-height: 25px;  
    color: #FFAE00;
    font: 30px NewMedia;
    line-height: 25px;
    text-align: center;
    margin-left: 250px;
}
#text {
    width: 580px; 
    color: #777; 
    font: 20px Khand-Regular; 
    line-height: 25px; 
    margin: 10px 0 0 215px;
}
#galery {
    background: #F0F5F7; 
    width: 975px; 
    margin: 80px 0 -50px 0; 
    float: left; 
    height: 495px; 
    position: relative; 
    z-index: 999;
}
#galery iframe {
    border: none; 
    overflow: hidden; 
    width: 960px; 
    height: 480px; 
    margin: 15px; 
    display: block;
}
footer {
    width: 100%; 
    float: left; 
    position: relative; 
    overflow: hidden; 
    padding: 0; 
    margin: 0;
}
#maps {
    height: 680px; 
    overflow: hidden; 
    float: left; 
    width: 100%; 
    position: relative; 
    z-index: 1;
}
#bg-rodape {
    background: url("../images/bgrodape.png") 50% 0;
    height: 400px;
    margin-top: 287px;
    width: 100%;
    position: absolute;
    z-index: 99;
}
#rodape {
    width: 99%;
    position: relative;
    z-index: 999;
    height: 400px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#left {
    width: 40%;
    float: left;
}
footer {
    width: 100%;
    float: left;
}
#rodape {
    width: 1000px;
    margin: 0 auto;
}
#rodape h2 {
    color: #F9B03E;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}
#rodape h2:first-of-type {
    margin-top: 140px;
}
#rodape ul {
    list-style: none;
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    margin: 10px 0;
}
#rodape ul li {
    width: 40px;
    height: 30px;
    float: left;
    display: inline;
    margin: 0 5px;
}
#rodape ul li a {
    width: 100%;
    height: 100%;
    float: left;
    display: block;
    text-decoration: none;
}
#rodape a[title="Facebook"] {
    background: url("../images/facebook.png") 50% 0 no-repeat;
}
#rodape a[title="Instagran"] {
    background: url("../images/instagram.png") 50% 0 no-repeat;
}
#rodape a[title="YouTube"] {
    background: url("../images/youtube.png") 50% 0 no-repeat;
}
#rodape h3 {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #FFF;
    padding: 0;
    margin: 5px 0;
}
#rodape p {
    font-size: 15px;
    margin: 0;
    padding: 0;
    color: #FFF;
    width: 100%;
    float: left;
}
#rodape p:first-of-type {
    margin: 10px 0;
}
#rodape a[title="BirdThirty"] {
    width: 150px;
    height: 80px;
    float: left;
    background: url("../images/bird30_selo.png");
    position: absolute;
    left: 55%;
    bottom: 0;
    z-index: 1;
}