/* 
    Created on : 17/03/2015, 10:25:09
    Author     : Michel Lima
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
*{ outline: 0 !important; }
body { font-size: 16px; color:#000000; background: #ffffff; height: 100%; padding: 0; margin:  0; overflow-x: hidden;}
html{height: 100%;}
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ""; }
blockquote, q {	quotes: "" ""; }
a { text-decoration:none; color:#666 }
a img { border: 0; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
img{height: auto !important; max-width: 100%; display: inline-block;}

/* BOOTSTRAP TREAT */
.navbar .navbar-nav {display: inline-block; float: none; vertical-align: top;}
.navbar .navbar-collapse {text-align: center; }

/* MENU BANNER */
#menu-banner{position: relative; width: 100%; height: auto; background: #fff; font-family: 'ProximaNova-Regular'; font-size: 18px; z-index: 9999; display: inline-block; padding-top: 10px; padding-bottom: 30px;}
#menu-banner.fixed{position: fixed; top: 0px; z-index: 9999;}
#menu-banner .menu-box{ background: #fff; border: none; z-index: 9991; color: #636363;}
#menu-banner .menu-box a{ color: #777777; z-index: 9993; padding-right: 40px; padding-left: 40px;}
.navbar-nav > li > a{padding-top: 0px; padding-bottom: 0px}
#bs-example-navbar-collapse-1 li{border-left: 2px solid #636363; height: 15px; line-height: 15px; vertical-align: top;}
#bs-example-navbar-collapse-1 a:hover {color:#f1592a;}
#bs-example-navbar-collapse-1 li:first-child {border-left: none;}
#bs-example-navbar-collapse-1 a{line-height: 15px; height: 15px;}
#bs-example-navbar-collapse-1 { text-align: right;}
.slogan {margin-bottom: 20px;}
.logo-home {margin-bottom: -65px; margin-top: 25px;}

/*HOME*/
.banner-title {float:left; padding-left: 35px; padding-right: 35px;  font-family: 'ProximaNova-Light'; font-size: 18px; color:#fff; padding-top: 5px; padding-bottom: 5px;}
.banner-title:hover , .banner-title.active{background: #f1592a;}
.banner-title {cursor: pointer;}

#banner-links {list-style-type: none; background: #461b5f;}
.menu-inferior { background: #461b5f;}

#fundo-banner{padding-top: 0 !important; }
.container-banner {position: relative; height: 610px;}
.banner-frota {position: absolute; left: 50%; margin-left: -970px; z-index: -9999; height: auto;}






/*FOOTER*/
.footer-icones {padding-bottom: 35px; padding-top: 35px;}
.footer-pagina {background: #f9f9f9;padding-bottom: 35px; padding-top: 35px;}

.title-footer {font-family: 'ProximaNova-Regular'; font-size: 18px; color: #636363; line-height: 1;padding-top: 8px;}
.coluna-esquerda {text-align: center; font-family: 'ProximaNova-Bold'; font-size: 42px; color: #461b5f; vertical-align: middle;}
.coluna-centro {text-align: center; font-family: 'ProximaNova-Regular'; font-size: 18px; color: #636363;padding-top: 5px;}
.coluna-direita {text-align: center;font-family: 'ProximaNova-Bold'; font-size: 20px; color: #f1592a; padding-top: 15px;}
.col{padding-left: 5px; padding-right: 5px;}

/*PAGINA QUEM SOMOS*/
#fundo {background: url('img/quem-somos.png') ;background-size: 100% 100%; padding-top: 70px; padding-bottom: 70px;}
.somos {font-family: 'ProximaNova-Regular'; font-size: 15px; color: #636363; padding-left: 75px; padding-right: 75px; background: none !important ; text-align: justify;}
.title-somos {font-family: 'ProximaNova-Light'; font-size: 25px; color: #461b5f; text-transform: uppercase; line-height: 0.9;}
.title-somos h1{font-family: 'ProximaNova-Bold'; font-size: 50px; color: #461b5f; text-transform: uppercase; padding-bottom: 50px;}
.somos h2{font-family: 'ProximaNova-Bold'; font-size: 17px; color: #461b5f;}

/*PAGINA SERVIÇOS*/
#fundo-servicos {background: url('img/servicos.png') ;background-size: 100% 100%; padding-top: 70px; padding-bottom: 20px;}
.servicos {font-family: 'ProximaNova-Regular'; font-size: 15px; color: #636363; padding-left: 75px; padding-right: 75px; background: none !important ; text-align: justify;}
.title-servicos{font-family: 'ProximaNova-Bold'; font-size: 50px; color: #461b5f; text-transform: uppercase; padding-bottom: 50px;}
.content-servicos ul{font-family: 'ProximaNova-Regular'; font-size: 17px; color: #461b5f; list-style-image: url('img/lista.png'); padding-left: 30px; padding-top: 50px; padding-bottom: 50px;}


/*PAGINA FROTA*/
.content-frota ul{font-family: 'ProximaNova-Regular'; font-size: 17px; color: #461b5f; list-style-image: url('img/lista.png'); padding-left: 30px;}
.content-frota li {float: left; margin-left: 100px; padding-bottom: 30px;}
.title-frota h1{font-family: 'ProximaNova-Bold'; font-size: 38px; color: #461b5f; }
#fundo-frota {background: url('img/banner-novo.png')no-repeat ;background-size: 100%; padding-top: 70px; padding-bottom: 70px;}
#frota-content {padding-top: 250px; padding-left: 180px; background: transparent;}
.frota-page {font-family: 'ProximaNova-Regular'; font-size: 15px; color: #636363; padding-left: 75px; padding-right: 75px; background: none !important ; text-align: justify;}

/*PAGINA CONTATO*/
#fundo-contato {background: url('img/contato.png')no-repeat ;background-size: 100% 100%; padding-top: 70px; padding-bottom: 70px;}
.title-contato {padding-left: 23px; font-family: 'ProximaNova-Light'; font-size: 25px; color: #461b5f; text-transform: uppercase; line-height: 0.9;}
.title-contato h1{font-family: 'ProximaNova-Bold'; font-size: 50px; color: #461b5f; text-transform: uppercase; padding-bottom: 50px;}
.form-group {display: inline-block; float: left;}
#enviar {float: left;}
label {font-family: 'ProximaNova-Bold'; font-size: 17px; color: #461b5f;}
.form-contato input[type=text] {width: 100%; border: 1px solid #bfbfbf;}
.form-contato input[type=email] {width: 100%; border: 1px solid #bfbfbf;}
#mensagem {width: 100%; border: none; height: 200px; border: 1px solid #bfbfbf;}
#enviar {margin-right: 20px; margin-top: 40px; padding: 0px 25px 0px 25px; border-radius: 0px; border: 0px; background: #f1592a;font-family: 'ProximaNova-Bold'; font-size: 17px; color: #fff;}
#limpar {margin-top: 40px; padding: 0px 25px 0px 25px;border-radius: 0px; border: 0px; background:#461b5f; font-family: 'ProximaNova-Bold'; font-size: 17px; color: #fff;}
.ks1 {font-family: 'ProximaNova-Bold'; font-size: 34px; color: #f1592a; line-height: 0.9; padding-bottom: 50px;}
.ks2 {font-family: 'ProximaNova-Regular'; font-size: 15px; color: #636363;}
.ks2 h1{font-family: 'ProximaNova-Bold'; font-size: 25px; color: #636363;}





/*MEDIAS*/

@media screen and (max-width: 1200px) {
    .slogan{
        margin-bottom: 0px;
    }
    #menu-banner .menu-box a{ 
        padding-right: 30px; 
        padding-left: 30px;
    }

    .logo-home {
        margin-bottom: 10px;
    }
    #frota-content {
        padding-left: 100px;
        padding-top: 20px;
        padding-bottom: 0px;
        padding-top: 110px;
    }
}
@media screen and (max-width: 1000px){
    .ks1 {padding-top: 20px;}
    .title-contato {padding-left: 0px;}
    .banner-title {
        padding-left: 20px; 
        padding-right: 20px;
}
}

@media screen and (max-width: 500px){
    #frota-content {
        padding-top: 10px;
        padding-left: 5px;
    }

    .banner-title {
        float:none;
        text-align: center;
    }
    .content-frota li {
        margin-left: 0px;
    }
    .content-frota ul {
         padding-left: 0px;
    }
    .banner-frota {
    position: absolute; 
    left: 50%; 
    margin-left: -750px; 
    z-index: -9999; 
    height: auto;
    }
    
    .somos {
     padding-left: 25px; 
     padding-right: 25px;
     text-align: left;
    }
    
    .servicos {
     padding-left: 25px; 
     padding-right: 25px;
     text-align: left;
     
    }
    .frota-page { 
     padding-left: 65px; 
     padding-right: 65px;
     text-align: left;}
    
    #fundo-banner{
     width: 20%;
     height: auto;
     padding-top: 0 !important;
    }
    .container-banner {
     position: relative;
     width: 20%; 
     height: auto;
    }
    .banner-frota {
     position: relative; 
     left: 550px;; 
     z-index: -9999; 
     height: auto;
    }
    
    
}