/* CSS Document */
*{
    font-family:"Open Sans", Arial;
    line-height:150%;
}

.vermelho{
    color:#FD2015;
}

.cinza{
    color:#555555;
}

.cinzaclaro{
    color:#888888;
}

.branco{
    color:white;
}

.amarelo{
    color:#FFF300;
}

div#topofull{
    position:fixed;
    opacity:1;
    width:100%;
    height:106px;
    z-index:12;
    
}

.nornone{
    display:none;
}


div.menutopo{
    position: relative;
    height:106px;
    background: url(img/fundomenutopo.png) top center no-repeat;

}

.logotopo{
    position: relative;
    float:left;
    width: 265px;
    height: 78px;
    background: url(img/logotopo.png) top center no-repeat;
    overflow:hidden;
    top:13px;
    left:22px;
}

.divisormenu{
    position: relative;
    float:left;
    color:white;
    margin-top:10px;
}

.espacotopo{
    position: relative;
    width: 100%;
    height:73px;
}

.rodapefull{
    position: relative;
    width: 100%;
    height: 558px;
    background: url(img/fundorodape.png) top center no-repeat;
    overflow: hidden;
}

.inline{
    display:inline-block;
}

.logorodape{
    position: relative;
    display:inline-block;
    width: 276px;
    height: 222px;
    background: url(img/logorodape.png) top center no-repeat;
    overflow: hidden;
    margin-top:39px;
}

.enderecorodape{
    position: relative;
    text-align:center;
    height: 150px;
    overflow: hidden;
    line-height:160%;
    font-size:14pt;
    margin:20px 0px;
}

.redessociais{
    position: relative;
    height:29px;
    overflow: hidden;
    
    margin:10px 0px;
    margin-bottom:40px;
}

.redessociais a{
    transition-duration: .3s;
    opacity:.8;
    margin:0px 3px;
}

.redessociais a:hover{
    opacity:1;
}

.tangelo{
    transition-duration: .3s;
    opacity:.7;
}

.tangelo:hover{
    opacity: 1;
}


.bannertopointerno{
    position: relative;
    width: 100%;
    height: 216px;
    overflow: hidden;
}

.divisorvermelho{
    position: relative;
    width: 100%;
    height:2px;
    background: #FD2015;
    overflow:hidden;
    margin:10px 0px;
}

h1.titulogrande{
    font-size:48pt;
    line-height:100%;
}

.frotacaminhoes{
    position: relative;
    width: 1000px;
    
}

.frotacaminhoes img{
    width:100%;
}


.fotoacessorio{
    position: relative;
    float:right;
    width: 400px;
    margin-left: 20px;
    margin-bottom:10px;
}

.shellequipe{
    position: relative;
    float:left;
    width: 485px;
    height:169px;
    overflow: hidden;
    padding-right:15px;
    border-top: 2px solid #FD2015;
    padding-top:15px;
    margin-bottom:20px;
}

.shellequipe .foto{
    position: relative;
    display:block;
    float:left;
    width: 181px;
    height: 133px;
    overflow: hidden;
    border:5px solid  #FD2015;
    margin-right:15px;
    margin-bottom:5px;
}

.shellequipe img{
    width: 100%;
}

.shellequipe .titulo{
    position: relative;
    float: right;
    width:100%;
    text-align: left;
    font-weight:lighter;
}

.shellproduto{
    position: relative;
    border-bottom: 2px solid #FD2015;
    float:left;
    width: 240px;
    text-align: center;
    padding:5px;
    height:250px;
}

.shellproduto:hover .iconmais{
    opacity: .9;
}

.shellproduto .foto{
    position: relative;
    display:inline-block;
    margin-top:10px;
    width: 181px;
    height: 133px;
    overflow: hidden;
    border:5px solid  #FD2015;
    margin-bottom:5px;
}

.shellproduto .titulo{
    position: relative;
    margin:5px 0px;
    height:25px;
    overflow: hidden;
}

.shellproduto .titulo p{
    font-size:12pt;
}

.shellproduto .subtitulo{
    position: relative;
    margin:5px 0px;
    height:45px;
    overflow: hidden;
}

.shellproduto .subtitulo p{
    font-size:11pt;
    font-weight:lighter;
}

.paginacao{
    width:100%;
}

.paginacao a{
    color:#555555;
}

.shellinformativo{
    position: relative;
    float:left;
    width:480px;
    margin-right: 10px;
    height:65px;
    margin-bottom:20px;
    overflow: hidden;
    transition-duration:.3s;
}

.shellinformativo:hover{
    background: #EE1C24;
}

.shellinformativo .titulo{
    position: relative;
    float:right;
    text-align: left;
    width: 420px;
    overflow: hidden;
    height:60px;
    border-bottom: 2px dotted #555555;
}

.shellinformativo .titulo p{
    line-height:120%;
    color:#555555;
}

.shellinformativo:hover .titulo{
    border-bottom: 2px dotted white;
  }

.shellinformativo:hover .titulo p{
    color:white;
}

.fundodata{
    position: relative;
    float:left;
    width: 43px;
    height: 62px;
    overflow: hidden;
    background: url(img/fundodata.png) top center;
}

.fundodata .dia{
    line-height:100%;
    font-size:21pt;
    font-weight:bold;
}

.fundodata .mes{
    line-height:100%;
    font-size:12pt;
    font-weight:bold;
}

.fundodata .ano{
    line-height:100%;
    font-size:10pt;
    
}

.fundohome2{
    position: relative;
    width: 100%;
    height: 424px;
    background: url(img/fundohome2.png) top center no-repeat;
    overflow: hidden;
}

.fundohome4{
    position: relative;
    width: 100%;
    height: 570px;
    background: url(img/fundohome4.png) top center no-repeat;
    overflow: hidden;
    margin-bottom:-50px;
}

.homevertodas{
    position: relative;
    display: inline-block;
    width:auto;
    padding: 8px 50px;
    margin: 30px 0px;
    border:1px solid #FD2015;
    color:#FD2015;
    transition-duration: .3s;
    overflow: hidden;
    background: transparent;
}

.homevertodas:hover{
    background: #FD2015;
    color:white;
}


.homevertodasbranco{
    position: relative;
    display: inline-block;
    width:auto;
    padding: 8px 50px;
    margin: 30px 0px;
    border:1px solid white;
    color:white;
    transition-duration: .3s;
    overflow: hidden;
    background: transparent;
}

.homevertodasbranco:hover{
    background: white;
    color:#FD2015;
}

.titulohome{
    position: relative;
    margin-top:20px;
    width:100%;
    height:114px;
    overflow: hidden;
}

.titulohome p{
    font-size:12pt;
    line-height:150%;
}

.imghome2{
    position: relative;
    top:-64px;
}

.bordavermelha{
    border: 1px solid #FD2015;
    height:350px;
}

.shellcotacao{
    position: relative;
    width:455px;
    margin-left:10px;
    border-bottom:2px dotted #555555;
    height: 20px;
    padding:15px 0px;
    font-style: italic;
    overflow:hidden;
}

.shellcotacao div{
    font-size:17pt;
    height:34px;
    overflow:hidden;
}

.respteste{
    position: absolute;
    top:0;
    margin-top:411px;

}

.respteste p, .resprodapecotacao p{
    font-size:10pt;
}

.fundohome1 .titulopadrao{
    margin-top:45px;
}

.fundohome3 .titulohome{
    height:120px;
}





/*Deixar no final do arquivo */
.conteudocelular{
        width:100%;
        overflow:hidden;
    }
@media screen and (max-width:1370px){
    
    .conteudocelular{
        width:100%;
        overflow:hidden !important;
    }
     .shellfoto100, .shellfoto100 .foto{
        height:200px;
    }
}

@media screen and (max-width:1200px){
    
    .conteudocelular{
        width:1100px;
        overflow:hidden !important;
    }
    .shellfoto100, .shellfoto100 .foto{
        height:150px;
    }
}