@font-face{
    font-family: "Orator std";
    src: url('../fonts/OratorStd_0.eot');
}

@font-face{
    font-family: "Orator std";
    src: url('../fonts/OratorStd_0.otf');
}

@font-face{
    font-family: "Acidental";
    src: url('../fonts/accid_.ttf');
}

@font-face {
    font-family: Perpetua;
    src: url('../fonts/perpetua/perpetua.eot');
}

@font-face {
    font-family: Perpetua;
    src: url('../fonts/perpetua/perpetua.ttf');
}

*{    
    border: none;
    color:#666666;
    font-family: 'Open sans', arial;  
    margin: 0;
    outline: none;        
    padding: 0;            
}

.clear{
    clear: both;
}

a{
    text-decoration: none;
}

h1{
    font-size: 18px;    
}
h2{
    font-size: 22px;
}

body{  
    margin: 0 auto;
    min-height: 100%;
    min-width: 1000px;
    font-size: 13px;       
}

html{
    /* AQUI NÃO PODE SOMENTE HEIGHT, CORRETO MIN-HEIGHT*/
    margin: 0 auto;  
    height: 100%;
    min-height: 100%;    
    background: #DFF5D0;
}


/*/////////////////////////////////////////////////HEADER///////////////////////////////////////////////////*/
.header{                
    position: relative;
    top: 0;
    width: 100%;    
    min-height: 150px;
    background:url('../imgs/header-top.jpg') no-repeat  top center;            
}

.headerConteiner{
    position: relative;
    margin: auto;    
    width: 960px;
    height: 454px;
}

.logoMarca{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.logoMarca a{
    position: relative;
    float: left;
    z-index: 0;
}
.logoMarca a img{
    float: left;
    position: absolute;
    margin: 8px 0 0 -110px;
}
.logoMarca .selo{
    position: relative;
    float: left;
    float: right;
    margin: 7px 150px 0 0;
}

.caminhao{
    position: absolute;
    margin:85px 0 0 3px;    
    z-index: 1;
}

.caminhaoInterna{
    position: absolute;
    margin:122px 0 0 -100px;    
    z-index: 1;
}

/*.centralizar_banner{
    position: relative;
    width: 100%;
    border: solid red 1px;
    }*/
    .banner_principal{
        position: relative;
        float: right;
        margin: 85px 0 0 0;
        width: 100%;
        width: 60%;

        width: 65%;
        margin-right: -5%;
        z-index: 100;
        height: 320px;
        overflow: hidden;
    }
    .banner_principal li{
        position: relative;
        width: 100%;
        display: none;
    }
    .banner_principal li img{max-width: 100%;}
    .banner_principal li:first-child{display: block;}

    .menu{            
        position:relative;    
        margin: auto;
        width: 100%;    
        height: 47px;     
        margin-top: -47px;
        /*background: rgba(250,250,250,0.5);*/      
        background: url('../imgs/fund-menu.png') repeat;
        overflow: hidden;   
    }

    .menu ul{
        margin: auto;
        position: relative;
        width: 960px;
        height: 30px;    
        top: 15px;
        right: -295px;         
    }

    .menu ul li{
        position: relative;
        float: left;
        font-family:"Orator std" !important;
        font-size: 20px; 
        margin: -2px 0 0 50px;         
    }
    .menu ul li a{
        position: relative;
        float: left;    
        padding:2px 5px;
        color: #333333;            
        z-index: 1;    
    }

    .menu a:hover {
        background: #94B44F;
        color: white;
    }


    /*//////////////////////////////////////////////////HOME////////////////////////////////////////////////*/
    .conteudo{
        position: relative;
        margin: auto;        
        width: 100%;
        min-height: 200px;            
    }
    .info{
        position: relative;
        width: 100%;
        height: 252px;
        background: url('../imgs/info-home.jpg') repeat-x;    
    }


    .infoInterna{      
        position: relative;
        width: 100%;
        height: 189px;
        background: url('../imgs/info-home.jpg') repeat-x;
    }


    .info ul{
        position: relative;
        margin: auto;
        width:960px;
        height: 100%;                 
    }
    .info ul li{
        position: relative;
        float: left;
        width: 315px;
        height: 100%; 
    }

    .info ul li:first-child{
        border:none;
    }

    .info h2{
        position: relative;
        color:#999999;
        font-family: "Orator Std"; 
        margin: 35px 0 0 21px;             
        font-size: 20px;    
    }

    .info h2 img{
        position: absolute;
        float: left;    
        top: -3px;
        left: 0;
    }


    .info li p span{    
        color:white;    
        position: absolute;
        bottom:0;
        right: 20px;
        color:white;            
        padding: 0 25px 0 0;
        width: 75px;                
    }

    .info li  p span img{
        position: absolute;    
        right: 0;
        top:-3px;
    }

    .info li a{
        float: left;
        position: absolute;    
        width: 100%;
        height: 119px;
        margin: 15px 0 0 0;      
        z-index: 2;          
        border-left:2px groove #535353;           
    }

    .info li a:hover img{
        border:4px solid #94B44F;
        margin: -4px 0 0 -4px;
        border-radius: 4px;
    }

    .info li:first-child a{
        border:none;
        padding: 0;
    }

    .infoMiniatura{    
        float: left;
        position: relative;
        width: 275px;    
        max-height: 119px;       
        margin:-4px 0 0 16px;
        padding: 4px; 
        overflow: hidden;
    }

    .infoMiniatura img{
        float: left;
        position: relative;
        width: 275px;
    }

    .home{
        position: relative;
        margin: auto;
        width: 960px;
        min-height:50px;        
        padding-top: 30px;
        overflow: hidden;
    }

    .home h2{
        position: relative;
        margin-bottom: 10px;
        color:#94B44F;
        font-family: "Orator std"
    }
    .home p{
        font-family: 'Open sans';  
        font-size: 16px;
        color:#7B7B7B;      
    }
    .home span img{
        position: absolute;    
        right: 5px;
        top:-3px;
    }

    .bannerHome{
        position: absolute;
        float: left;
        width:563px;
        height:320px;
        /*margin: 80px 0 0 380px;*/
        margin: 87px 0 0 380px;
        z-index: 5;
    }


    .institucionalHome{
        position: relative;
        float: left;
        width: 468px;
        padding-bottom: 35px;        
    }

    .institucionalHome p{
        position: relative;    
        line-height: 16px; 
        font-size: 15px; 
    }
    .institucionalHome a{
        float: left;        
        height: 105px;         
        z-index: 10;
    }

    .institucionalHome:hover p{
        color:#333333;         
    }

    #avaliarImg{
        position: absolute;
        float: left;
        margin: 10px 0 0 280px;
        z-index: 1;
    }

    .mapaHome{
        position: relative;
        float: left;
        margin-top:-65px;
        padding-bottom: 30px;    
        width: 468px;            
    }
    .mapaHome h2{
        position: relative;
        float: left;
        width: 265px;
        margin: 75px 0 0 -26px;        
    }
    .mapaHome p{
        position: relative;
        float: left;
        width: 275px;
        margin:5px 0 0 -26px;
        line-height: 16px; 
        font-size: 15px;       
    }
    .mapaHome:hover p {color:#333333;}
    .mapaHome img{
        float: left;
        position: relative;
        margin: 15px 15px 0 0;    
    }
    .frotaHome{
        position: relative;
        float: right;    
        width: 468px;    
        padding-bottom: 35px;
    }
    .frotaHome p{
        position: relative;
        float: left;
        width: 450px;   
        line-height: 16px; 
        font-size: 15px;     
    }
    .frotaHome:hover p{
        color:#333333;
    }
    .frotaHome ul{    
        float: left;
        position: relative;    
        margin-top: 35px;
    }

    .frotaHome ul li{
        position: relative;
        float: left;    
        width: 139px;
        height: 106px;    
        margin-right: 10px;
        border:1px solid #999999;
    }

    .frotaHome ul li:hover{
        border:2px solid #94B44F;
        margin:-1px 9px 0 -1px;
    }

    .frotaHome ul li span{        
        margin: 3px 0 0 3px;
        float: left;
        position: relative;
        width: 133px !important;
        height: 100px !important;        
        overflow: hidden;     
    }

    .frotaHome ul li span img{
        float: left;
        position: relative;
        width: 138px !important;
        margin: 0;           
    }
    /*///////////////////////////////////////////////INTERNA/////////////////////////////////////////////////*/

    .interna{
        margin: auto;
        /*margin-top: -300px;*/
        position: relative;
        width: 960px;
        height: 100%;    

    }


    .interna h1{    
        position: relative;    
        color:white;
        margin: 25px 0 0 25px;
        font-family: "Orator Std";
        font-size:22px;
    }

    .boxBlack{
        position: relative;
        margin: -340px 17px 40px 0;
        float: right;
        padding: 290px 0 65px 0;
        width: 712px;
        min-height: 400px; 
        z-index: 2;
        border-radius: 35px;
        *behavior: url('publica/scripts/source/PIE.htc');
        background: url('../imgs/box-black.jpg') repeat;
        /*background: url('../imgs/fundo-opaco.png') repeat; */
        /*display: none;*/
    }

    .boxBlack h1{ 
        position: relative;    
        color:white;
        margin: 0px 0 0 40px;
        font-family: "Acidental", arial;
        font-size: 35px;  
    }

    .menuInterna{
        float: left;
        position: relative;
        background: red;
        background: url('../imgs/background-menu-interna.png') repeat;
        width: 231px;
        height: 190px;
        border-radius: 0 0 25px 25px;
        margin: -40px 0 0 0;
        *behavior: url('publica/scripts/source/PIE.htc');    
    }

    .menuInterna ul{
        float: left;    
        position: absolute;
        width: 150px;        
        margin: 20px 0 0 20px;        
    }

    .menuInterna ul li{
        position: relative;
        float: left;
        font-family:"Orator std" !important;
        font-size: 20px;    
        width: 100%;
        margin-top: 10px;     
        cursor: pointer;    
    }
    .menuInterna ul li a{
        position: relative;
        float: left;    
        padding:2px 5px;
        color:white;            
        z-index: 1;
    }

    .menuInterna ul li a:hover, .select {
        background: #94B44F;
        color: white;
    }

    .interna p{
        float: left;
        width: 629px;
        margin: 10px 0 0 43px;
        position: relative;
        color:#FFFFFF;    
        font-size: 15px;
        font-family: 'Open sans',arial;     
        line-height: 20px;   

    }

    .descricao{
        float: left;
        position: relative;
        margin: 0px 0 0 43px !important;    
    }

    .conceitos{
        position: relative;
        float: left;
        width:215px;        
        margin: 25px 0 0 7px;  
        padding-bottom: 50px;
    }

    .conceitos ul{
        position: relative;
        float: left;
        margin: 0;
        width: 215px;            
    }
    .conceitos li{
        position: relative;
        float: left;
        width: 100%;
        margin: 40px 0 0 0 !important;              
    }
    .conceitos h1{
        margin: 0;
        float: left;
        position: relative;
        width: 100%;  
        font-size: 19px;  
        color:#434343;    
    }
    .conceitos p{
        position: relative;
        float: left;
        margin: 5px 0 0 0;
        width: 215px;
        color:#434343;   
        font-size: 13px;  

    }
    .pecas{
        position: relative;
        float: left;
        width:712px;    
        min-height:452px;
        margin-top: 80px;    
    }
    .img1{
        position: absolute;
        float: left;
        margin: 44px 0 0 43px;
        z-index: 6;
    }
    .img2{
        position: absolute;
        float: left;
        margin: 270px 0 0 43px;
    }
    .img3{
        position: absolute;
        float: left;
        margin: 0 0 0 259px;
    }
    .img4{
        position: absolute;
        float: left;
        margin:197px 0 0 259px;    
    }
    .img5{
        position: absolute;
        float: left;
        margin: 26px 0 0 473px;
    }
    .img6{
        position: absolute;
        float: left;
        margin: 182px 0 0 473px;
    }


    .img1, .img2, .img3, .img4, .img5, .img6{
        display: none;
    }

    .topoFlash{
        margin: 75px 0 0 0px;
        width: 959px; 
        height: 320px;   
        position: absolute;    
        z-index: 10;   
    }
    
    .titulo_interna{
        /*margin: 75px 0 0 0px;*/
        padding-top: 75px;
        width: 959px; 
        min-height: 320px;
        /*position: absolute;    */
        position: relative;
        z-index: 10;
        left: 0;
        top: 0;
    }
    .titulo_interna .img{
        position: relative;
        float: left;
        z-index: 10;
        width: 280px;
        height: 210px;
    }
    .titulo_interna .img img{
        margin: 0;
        position: absolute;
        left: 0;
        top: 0;
    }
    .titulo_interna .img .imagem2{
        position: absolute;
        right: -25px;
        bottom: -25px;
        width: 200px;
    }
    .titulo_interna .texto{
        position: relative;
        float: left;
        margin-top: 40px;
        width: 663px;
        z-index: 0;
    }

    .Vcenter{position: relative;overflow: hidden;display: table;}
    .Vcenter>div:first-child{
        display: table-cell;vertical-align: middle;margin-top: 50%;
        #margin-top: 0;#float: left;#width: 100%;/*EXPLORER*/
    }

    .titulo_interna .Vcenter{
        height: 120px;
        margin-top: 16px;
        margin-bottom: 32px;
        background: url('../imgs/interna/titulo-interna.jpg') repeat-y right center;
        border-radius: 25px;
    }
    .titulo_interna h2{
        position: relative;
        float: left;
        width: 500px;
        width: 635px;
        text-align: center;
        margin: 0;
        /*padding: 10px 0;*/
        padding: 20px 0;
    }
    .titulo_interna h2 span{
        position: relative;
        float: left;
        color: white;
        clear: both;
        width: 100%;
        font-size: 200%;
        margin: 0;
        /*line-height: 60px;*/
        line-height: 20px;
        font-family: 'Accidental Presidency', arial;
    }
    .titulo_interna h2 span.font2{
        font-size: 300%;
        /*font-weight: bold;*/
        line-height: 50px;
    }
    .titulo_interna h2 span+span+span{margin-left: 115px;}
    .titulo_interna p{
        position: relative;
        float: left;
        color: #91B14B;
        text-align: center;
        width: 635px;
        font-size: 175%;
        font-weight: 150%;
        font-family: Raavi;
        font-weight: normal;
    }


    .topoFrota{
     margin: 78px 0 0 -13px;
     width: 959px; 
     height: 349px;   
     position: absolute;    
     z-index: 10;   
 }

 .servicosFirst img{
    float: left;
    margin:25px 0 0 40px;
}
.servicosFirst p{
    float: left;
    position: relative;
    width: 426px;
    margin: 19px 0 0 20px;
}

.bordaLinha{
    margin-top: 10px;
}

.servicosSecond{
    margin-top: 20px;    
    position: relative;     
}

.servicosThird{
   margin-top: 12px; 
   position: relative;    
}

.mapaServico{
    position: relative;
    margin: 20px 0 0 72px;
}
#atuacaoDescricao{
    position: relative;
    line-height: 28px;
    font-size: 22px;    
}

.frotaImg{
    position: relative;
    margin: 25px 0 0 111px;
}

.frotaDescricao{
    margin-top: 15px !important;    
    float: left ;    
    width: 300px !important;   
    text-align: center; 
}

.galeriaFotos{        
    float: left;    
    position: relative;    
    margin: 25px 0 0 40px;                
}

.galeriaFotos li{
    position: relative !important;
    float: left;    
    width: 139px;
    height: 106px;    
    margin: 10px 10px 0 0;
    border:1px solid #999999;
}

.galeriaFotos li:hover{
    border:2px solid #94B44F;    
    margin:9px 9px -2px -1px;
}

.galeriaFotos li span{        
    margin: 3px 0 0 3px;
    float: left;
    position: relative;
    width: 133px;
    height: 100px;        
    overflow: hidden;     
}

.galeriaFotos li span img{
    float: left;
    position: relative;
    width: 138px;
    margin: 0;           
}
/*///////////////////////////////////////////////CONTATO/////////////////////////////////////////////////*/
.formulario h1{
    color:white;
    font-family: "Orator std", arial;
    font-size: 22px;
}

.formulario{
    position: relative;        
    margin:15px 0 0 50px;   
    width: 550px;   
    margin: auto;    
    overflow: hidden;  
}

.formulario p{
    position: relative;
    float: left;
    margin: 15px 0 15px 0;  
    font-family: 'Open sans' !important;
    font-size: 14px;
    color:white;

}

.item-form{
    /*border: 1px solid red;*/
    float: left;
    margin: 5px 10px 0 0;
    width: 215px;        
}

.item-form label{
    position: relative;
    float: left;
    color:white;
    font-family: 'Open sans';  
    font-size: 12px;       
}

.item-form label b{
    color: red;
}

.item-form input[type=text],
.item-form textarea{
    border: 1px solid #666666;
    width: 100%; 
    max-width:100%;
    min-height: 20px; 
    padding: 0px 0 0 5px !important;  
    }.item-form textarea{padding: 5px 0 0 5px !important;  }

    .item-form input[type=submit],
    .voltar {
        position: relative;
        float: right;
        margin: 0 175px 0 0; 
        padding: 6px 12px;
        background: black;  
        font-size: 17px;  
        color: white;
        cursor: pointer; 
        border-radius: 8px;   
    }

    .item-form input[type=submit]:hover,
    .voltar:hover{
        background: #94B44F;    
    }

    /*teste*/

    .lightbox-all, .lightbox-all2{
        /*display: none;*/
        position: absolute;
        top: 0;
        left: 0;    
        height: 100%;
        min-height: 600px;
        width: 100%;
        z-index: 300;
    }

    .lightbox-all td, .lightbox-all2 td{

        vertical-align: middle;
    }

    .lightbox-mask{
        position: absolute;
        top: 0;
        left: 0;
        background: #000000;
        filter: alpha(opacity=90);
        opacity: 0.9;
        -moz-opacity: 0.9;
        height: 100%;
        width: 100%;
        z-index: 1;
    }
    .lightbox-close{
        position: absolute;
        top: -16px;
        right: -16px;
        background: url(../imgs/close.png) center center no-repeat;
        cursor: pointer;
        height: 31px;
        width: 31px;
        z-index: 5;
    }
    .lightbox-box{
        position: relative;
        background:url('../imgs/box-black.jpg') repeat;
        border-radius: 25px;
        color: #1F4B43;
        letter-spacing: 1px;
        margin: 0 auto;
        padding: 25px 0 25px 50px;
        width: 495px;
        z-index: 2;
    }

    .prazo{    
        position: relative;
        float: left;
        width: 440px;         
        margin-top: 5px;
    }

    #prazo, .estado, #uniforme{
        position: relative;
        width: 50px !important;
        float: left !important;        
    }
    .prazo label{    
        width: 390px;
        float: left !important;
        margin-top: 5px;           
    }


    /*////////////////////////////////////////////////FOOTER/////////////////////////////////////////////*/
    .footer{
        position: relative;        
        float: left;
        width: 100%;
        min-height: 54px;
        background: url('../imgs/replica-footer.jpg') repeat-x;
        font-family: arial;
    }

    .footerConteiner{
        margin: auto;
        position: relative;
        width: 970px;
        min-height: 54px;        
    }

    .logoFooter{
        float: left;
        position: relative;
        margin: 10px 0 0 5px;
    }

    .footerConteiner p{
        float: left;
        position: relative;    
        margin:13px 0 0 10px; 
        color:#D8E5BF;      
        padding-right: 30px;
        font-size: 12px;
    }

    #numeroContato{
        margin: 13px 0 0 0;
        position: relative;
        float: left;    
        padding: 6px 45px;
        padding: 6px 21px;    
        border-right:1px solid #DAE6C1;  
        border-left:1px solid #DAE6C1;
    }

    .face{
        position: relative;
        float: left;
        margin-top: 13px;
        width: 22px;
        height: 25px;
        padding: 0 10px;
        background: url('../imgs/facebook.png') no-repeat center;
        border-right:1px solid #DAE6C1;
    }

    #simboloTelefone{
        float: left;
        position: relative;
        margin-right: 5px;        
    }

    .direitos{
        position: relative;
        float: left;    
        width: 345px;
        margin: 20px 0 0 20px !important;

    }
    .direitos img{
        position: absolute;
        right: 5px;
        top: -3px;
    }

    .selected{
        background: red;
    }