*{
    margin: 0;
    padding: 0;
}

ul{
    list-style: none;
}

body{
    font-family: "Open Sans",tahoma,arial,helvetica;
    font-weight: 300;
}
.light{
       font-weight: 300!important; 
}

img{
    border:none;
}

.clear{
    clear: both!important;
}


.fonte-zero{font-size: 0em!important}

.transparente{
    width: 100%;
    border: none;
    background: -moz-linear-gradient(bottom,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.7))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(bottom,  rgba(255,255,255,1)0%,rgba(255,255,255,0.7) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(bottom,  rgba(255,255,255,1)0%,rgba(255,255,255,0.7) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom,  rgba(255,255,255,1)0%,rgba(255,255,255,0.7) 100%); /* IE10+ */
    background: linear-gradient(to top,  rgba(255,255,255,1)0%,rgba(255,255,255,0.7) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    border-bottom: solid 5px rgba(29,64,128,0.8);
    position: absolute;
    z-index: 99;
}

.headerTopo{
    width: 62.19%;
    height: 117px;
    margin: 0 18.905%;
    padding: 10px 0;
}

#logo{
    width: 37.48743718592965%;
    height: 117px;
    float: left;
}

.h{
    width: auto!important;
    height: auto!important;
}

.fone{
   width: 15.48241206030151%;
   padding:  0px 0 0 16px;
   background-image: url("../imagens/fone.png");
   background-repeat: no-repeat;
   background-position: 0 27px;
   float: right;
}

.fone a{
    text-decoration: none;
    color: #000;
    font-size: 0.7em;
    font-weight: bolder !important;
    top: 0px;
    position: relative;
    display: -webkit-box;
}

.fone .ddd{
    font-size: 0.75em;
}

.menuTopo{
    width: 52%;
    float: right;
    margin-top:10px;
    display: block;
}

.menuMobile{
    display: none;
}

.menuTopo  ul > li > a{
    text-decoration: none;
    color: #000;
}
 .menuTopo  ul > li > a:hover h2{
    transition: 1s linear; 
    border-color:  #013e74!important;
} 

.menuTopo  ul > li{
    padding: 4px 2.5% 0 2.5%;
     
} 

.menuTopo ul > li:last-of-type{
    padding-right: 0px!important;
}

.menuTopo  ul > li > a > h2{
    font-weight: 300;
    font-size: 1.2em;
    border-top: solid 2px transparent;
    padding: 0!important;
}  

.menuTopo > ul > li {
    display: block;
    float: left;
}

.menuTopo  ul > li > ul{
    display: none;
}

/*footer*/
.rodape{
    width: 100%;
    background: #003e73; 
    margin-top: -20px!important; 
}

.footerRodape{
    width: 62.19%;
    margin: 0 18.905%;
    padding: 10px 0;
}

.blocosRodape{
    float: left;
}

.separadorRodape{
    width: 0.3015075376884422%;
    height: 100px;
    margin: 20px 15px 0 15px;
    float: left;
    background: #fff;
}

.blocosRodape h1{
    font-weight: 400;
    font-size: 1.1em;
    color: #54abff;
    margin-bottom: 8px;
}

.blocosRodape > ul > li  > a {
    text-decoration: none;
    font-weight: 300;
}

#blocoUm{
    width: 7.329842931937173%
}

#blocoDois{
    width: 11.4572864321608%;
}

#blocoTres{
    width: 29.04522613065327%;
}

#blocoQuatro{
    width: 40.50251256281407%;
}

.blocosRodape > ul > li  > a > h2 {
    color: #fff!important;
    text-decoration: none;
    font-weight: 300;
    font-size: .85em;
}

#nome:focus,
#nome:active,
#nome{
    width: 85%;
    padding:  3px 0 3px 32px;
    background: url('../imagens/user.jpg') no-repeat #fff;
    border: solid 1px #ddd;
    margin: 0 0 10px 0;
    border:solid 2px #dddddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none;
}

#nome:valid{
    border-color: #00c13b;
}

#email:focus,
#email:active,
#email{
    width: 85%;
    padding:  3px 0 3px 33px;
    background: url('../imagens/email.jpg')no-repeat #fff;
    border: solid 1px #ddd;
    margin: 0 0 10px 0;
    border:solid 2px #dddddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none;
}

#email:valid{
    border-color: #00c13b;
}

.txtForm{
    display: block;
    width: 70%;
    float: left;
    color: #fff;
    font-size: 0.70em;
}

#enviarNews{
    float: right;
    margin-right: 5px;
    padding: 3px 8px;
    border:solid 2px transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none;
}

#rdp{
    width: 100%;
    background: #d4d4d4;
    padding: 10px 0;
}

#end{
    width: 100%;
    background: #002b50;
    padding: 26px 0;
    font-size: .9em;
    text-align: center;
    color: #fff;
	font-weight:700;	
}

#rdp > section{
    width: 62.19%;
    margin: auto;
}

#rdp > section > span{
    display: block;
    float: left;
    font-size: 0.80em;
}

#rdp > section > a{
    display: block;
    float: right;
    text-decoration: none;
    color: #000;
}

#rdp > section > a > hgroup >  h1{
    font-weight: 300!important;
    font-size: 0.80em;
}

/*conteudo*/
.conteudo{
    width: 66.875%;
    margin: -100px auto;
    padding: 100px 15px 100px 15px;
    -moz-box-shadow: 1px 1px 26px #000000;
    -webkit-box-shadow: 1px 1px 26px #000000;
    box-shadow: 1px 1px 26px #000000;
    z-index: 1;
}

.pages{
    margin: -10px auto;
    padding: 30px 15px 30px 15px;
}

.home .bemvindo h1{
    text-align: center;
    color: #003e73;
    font-size: 3em;
    font-weight: 300;
}

.home .bemvindo{
    width: 58.33333333333333%;
    margin: auto;
}

.home .bemvindo h2{
    font-weight: 300;
    font-size: 1.25em;
    text-align: center;
}

.blocoHome{
    width: 91.66666666666667%;
    margin: auto;
    padding: 50px 0;
    margin-top: 30px;
    border-top: 1px solid #e7e7e7;
}

.blocoHome a{
    display: block;
    float: left;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.blocoHome a h1{
    font-weight: 300;
    margin: -40px 0 0 0;
}

.blocoHome .sHome{
    width: 2px;
    height: 150px;
    float: left;
    margin: 20px 4% 0 4%;
    background: #e7e7e7;
}

/*titulos */

.barraTitulo{
    position: relative;
    width: 100%;
    height: 80px;
    background: url("../imagens/banner-topo-paginas.jpg");
    padding: 150px 0 0 0;
    z-index: 2;
    
}

.hTitulo{
    width: 66.875%;
    margin: 0 16.5625%;
    padding: 0px 15px 0px 15px;
}

.hTitulo h1{
    color: #fff;
    font-weight:300;
    text-transform: uppercase;
    font-size: 3.3em;
}
/*empresa */
.empresa{
    background: url("../imagens/bg-empresa.jpg") top right no-repeat;
}

.empresa .textoempresa{
    width: 46.9474698430991%;
    height: 285px;
    text-align: justify;
    margin: 58px 0 59px 50px;;
}

.empresa .textoempresa p{
    line-height: 180%;
    color: #313131;
}


.empresa .tituloAzul{
    font-family: 'Courgette',arial;
    font-weight: 300;
    font-size: 1em;
    color: #003e73;
}
/*produtos*/

.blocoProdutos{
    width: 91.66666666666667%;
    margin: auto;
    padding: 50px 0;
}


.produto{
    display: block;
    float: left;
    text-decoration: none;
}

.produto h1{
    font-weight: 300;
    margin: -40px 0 0 0;
    color: #fff;
    text-align: center;
}

.produto ul{
    margin-top: 20px;
    margin-left: 20px;
    list-style: disc;
}

.produto ul li h2{
    font-weight: 300;
}

.produto ul li h2 a{
    font-size: 0.85em;
    text-decoration: none;
    color: #313131;
}

.produto ul li h2 a:hover{
    transition: linear 0.2s;
    color: #003e73;
}

.blocoProdutos .sHome{
    width: 2px;
    height: 150px;
    float: left;
    margin: 20px 4% 0 4%;
    background: #e7e7e7;
}

/*orcamento*/
.orcamento{
    background: url("../imagens/bg-orcamento.jpg") top right no-repeat;
}

.orcamento form{
    padding: 40px 0 27px 20px;
}

.row{
    width: 47.23085497293672%;
    margin-bottom: 15px;
    font-size: 0.85em;
}

.label{
    width: 13.40042881372204%;
    float: left;
    padding-top: 4px;
}

.row .t430{
    width: 86.00275208806682%;
    float: right
}

.row input[type='radio']{
    padding: 10px!important;
}

.row input[type=text],
 input[type=email],
 select{
    width: 98%;
    padding: 5px 5px;
}

select{
	width:100%;
}

.dif1 .label{
    width: 27.167231%!important;
}

.dif1 .input{
    width: 72.832769%!important;
    float: right;
}

.dif1 textarea{
    width: 98.4%;
    height: 70px;
    padding: 5px 5px;
}

label input[type=radio]{
    position: relative;
    top:2px;
}

.input > label{
    margin-right: 15px;
}

.difDms .label{
    width: 23.600691%
}

.difDms .iptDms{
    width: 76.335422%;
    float: right;
}

.dms{
    width: 27.43512101936716%!important;
    float: left;
}

.x{
    float: left;
    margin: 0 15px;
    position: relative;
    top: 5px;
}


.difAci .label{
    width: 19.502739%
}

.difAci .iptAci{
    width: 80.001813%;
    float: right;
}

.difAci input[type='text']{
    width: 31.5011%;
    float: right;
}

.cm{
    position: relative;
    top: 10px;
    margin: 0 0 0 10px;
    font-weight: 400;
}

.difCom .label{
    width: 19.400429%;
}

.difCom textarea{
    width: 78.001813%!important;
    height: 70px;
    padding: 5px 5px;
}
/*68.00181338169018*/

.btn{
    display: block;
    padding: 8px 15px;
    color: #fff;
    background: #003e73;
    outline: none;
    border: none;
    cursor: pointer;
}

.btn:hover{
    transition: cubic-bezier 0.5s;
    background: #0067bf;
}

.esquerdo{
    float: right;
}

/*CONTANTO*/
.contato{
    background: url("../imagens/bg-conato.jpg") top right no-repeat;
}


.contato form{
    padding: 40px 0 27px 20px;
}

.difMsg .label{
    width: 16.400429%;
}

.difMsg textarea{
    width: 80.208782%!important;
    height: 70px;
    padding: 5px 7px;
}

.t210{
    width: 41.86046511627907%!important;
    float: left;
    margin-right: 20px;
}

.t154{
    width: 25.813953%!important;
    float: left;
}

.emailsContato{
    padding-left: 70px;
    height: 45px;
    background: url("../imagens/email-contato.jpg")no-repeat ;
}

.emailsContato h2{
    font-weight: 300;
    font-size: 0.85em;
}
/* prods */
.conteudoProdutos{
    width: 94.04536862003781%;
    margin: auto;
    padding: 20px 0!important;
}

.slideProd a{
   position: relative;
   top:200px;
}

#voltar{
    display: block;
    width: 20px;
    height: 92px;
    background: url("../imagens/seta-esq.png");
    font-size: 0px;
    float: left;
}

#avancar{
    display: block;
    width: 20px;
    height: 92px;
    background: url("../imagens/seta-dir.png");
    font-size: 0px;
    float: left;
}

.slideProd{
    width: 47.23618090452261%;
    float: left;
}

.slideProd ul li{
    float: left;
    display: none;
    margin: 0 14px;
    opacity: 0;
}

.slideProd .active{
    display: block!important;
}

.txtProds{
    width: 50.25125628140704%;
    float: right;
}

.txtProds h1{
    color: #003e73;
    font-size: 1.7em;
    font-weight: 300;
    border-bottom: solid 1px #d4d4d4;
}

.txtProds ul li{
    list-style: inside disc;
    margin-bottom: 8px;
    text-align: justify;
}

.txtProds table{
    font-size: 0.80em;
}

.txtProds table tbody{
    background: #eaeaea;
}

.txtProds table thead{
    background: #d5d5d5;
}

.txtProds table tr td,
.txtProds table tr th{
    padding: 5px;
}

.center{
    text-align: center;
}

.blue{
    color: #003e73;
}

.e{
    text-align: left;
}


.txtProds ul h2{
    font-size: 1em;
    font-weight: 300;
    color: #003e73;
}

.arquivo-download{
    width: 22.090452%;
    padding: 0px 0 0px 45px;
    background: url("../imagens/img-pdf.jpg") #e9e9e9 no-repeat;
    float: left;
    margin-top:20px;
    margin-bottom: 15px;
}

.arquivo-download ul{
    list-style: disc inside;
}


.arquivo-download a{
    text-decoration: none;
    color: #000000;
    font-size: 0.75em;
}

.arquivo-download h1{
    font-weight: normal;
    float: right
}

table{
    margin-bottom: 30px;
}


@media(min-width: 12.5em) and (max-width: 18.74em){
    .conteudo{
            width: 98%!important;
            margin: 0px auto!important;
            padding: 0px 0px;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
    }
    
    #logo{
       width: 90%;
    }
    
    .transparente{
        position: relative!important;;
    }
    
    
    .barraTitulo{
            position: relative;
            width: 100%;
            height: auto;
            background: url("../imagens/banner-topo-paginas-mobile.jpg");
            padding: 35px 0;;
            z-index: 2;

    }
    
    
    .barraTitulo h1{
        font-size: 1.7em!important;
        text-align: center;
    }
    
    .hTitulo{
        padding: 0;
    }
        
    .slider-wrapper,
    #slider{
        display: none!important;
    }
    
    .headerTopo{
        position: relative!important;;
        width: 100%!important;
        height: auto!important;
        margin: auto!important;
    }


    .headerTopo .logo{
        width: 100%!important;
    }
    
    .headerTopo .logo img{
        float: none!important;
        display: block!important;;
        margin: auto!important;
    }
    
    .headerTopo .fone{
        width: 52.25%!important;;
        float: none!important;
        margin: 10px auto!important;;
    }
    
    .headerTopo .menuTopo{
        float: none;
        margin: 0;
        width: 100%;
    }
    
    .headerTopo .menuTopo > ul{
        display: none;
    }
    
    .headerTopo .menuTopo > ul > li{
        display: block;
        padding: 3px 0 3px 5px;
        width: 100%;
        text-align: center
    }
    
    
    .headerTopo .menuTopo > ul > li:hover{
        transition: linear 0.3s;
        background: #003e73;
        border-top: none!important;
    }
    
    
    .headerTopo .menuTopo > ul > li:hover a{
        border-top: none;
        transition: linear 0.3s;
        color: #fff;
    }
    
    .headerTopo .menuMobile{
        display: block;
        width: 80%;
        margin: auto;
        font-size: 1.5em;
        text-decoration: none;
        color: #003e73;
        text-align: center;
    }
    
    .fone a{
        font-size: 0.6em;
    }
    
    .footerRodape{
        width: 90%;
        margin: auto;
    }
    
    #rdp > section {
        width: 90.19%;
        margin: auto;
    }
    
    .home .bemvindo h1{
        font-size: 2em;
    }
    
    .home .bemvindo {
        width: 99.333%;
        margin: auto;
    }
    
    .sHome{
        display: none;
    }
    
    .blocoHome a{
        float:none;
        display: block;
        margin: 0 auto 40px;
    }
    .produto h1,
    .blocoHome a h1 {
        font-weight: 300;
        margin: -28px 0px 0px;
        font-size: 0.9em;
    }
    
    .blocosRodape{
        float: none;
        width: 100%!important;
        text-align: center;
    }
    
    .blocosRodape:last-of-type{
        margin-bottom: 20px;
    }
    
    .separadorRodape{
        width: 100%;
        height: 3px;
        background: #fff;
        margin: 25px 0 25px 0;
    }
    
    #enviarNews{
        margin-right: 19px;
    }
    

    
    #rdp span{
        display: block;
        float: none!important;
    }
    
    #rdp a{
        float: none!important;;
    }
    
    #rdp > section > a > hgroup > h1 {
        font-weight: 300 !important;
        font-size: 0.6em;
        text-align: center;
    }
    
    #rdp > section > span{
        font-size: 0.7em;
        text-align: center;
    }
    
    .hTitulo{
        width: 100%;
        margin: 0px;
    }

    .empresa .textoempresa {
        width: 91%!important;
    }
    
    .txtForm{
       display: none;
    }
    
    #enviarNews{
        margin-right: 0
    }
    
    #email:focus, #email:active, #email,
    #nome:focus, #nome:active, #nome{
        width: 80%;
    }
    
    /* empresa */
    .empresa{
        background: none;
    }
    
    .empresa .textoempresa {
        width: 100%;
        height: auto;
        text-align: justify;
        margin: 58px auto 59px;
    }
        
    
    /* produtos */
    .blocoProdutos{
        width: 100%;
    }
 
    
    .produto{
        margin: 0 0 30px;
    }
    
    /* orcamento */
    .orcamento{
        background: none;
    }
    
    .orcamento form{
        width: 94%;
        padding: 10px 0;
    }

    .label{
        float: none!important;
        width: 100%!important;
        margin: 0px!important;
    }
    
    .input{
        float: none!important;
        width: 100%!important;
        margin: 0px!important;
    }
    
    .input input[type=email],
    .input input[type=text]{
        width: 97%!important;
    }
    
    .dif1 .label{
        width: 100%!important;
    }
    
    .row{
        width: 100%;
    }
    
    .dif1 .input{
        width: 100%!important;
    }
    
    .difDms .iptDms{
        width: 100%;
    }
    
    .difCom textarea {
        width: 98.002% !important;
    }
    
    /* contato */
    .contato form{
        padding-left: 0px;
        width: 94%;
    }
    .contato{
        background: none;
    }
    
    .t210{
        margin-bottom: 15px!important;
    }
    
    .difMsg textarea {
        width: 96.209% !important;
    }
    
    .emailsContato h2 {
        font-size: 0.6em;
    }
    /*paginas produtos*/
    .produto{
        width: 82%;
        margin: auto;
    }
    
    .slideProd{
        width: 100%;
        margin-bottom: 20px;
    }
    
    .txtProds{
        width: 100%;
        margin-bottom: 10px;
    }
    
    .ecdrive{
       width: 81.091%;
       display: none;
    }
    
    .barraTitulo h1{
        font-size: 2.1em;
    }
    
    .txtProds ul li{
       font-size: 0.9em; 
    }
    
    
    .txtProds h1{
        font-size: 1em;
        text-align: center;
    }
    
    .slideProd a{
        top:20px;
    }
    
    .txtProds table{
        display: none;
    }
    
    .blocoProdutos {
         width: 82%;
    }
    
    .produto{
        width: 100%;
        margin: 0 auto 10px auto;
    }
    
    .produto ul {
        margin-top: 0px;
    }
    
    .produto ul li h2 a {
        font-size: 0.5em;
    }
}


@media(min-width: 18.75em) and (max-width: 24.9em){
    .conteudo{
            width: 90%!important;
            margin: 0px auto!important;
            padding: 15px 15px 15px 15px;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
    }
    
    #logo{
       width: 90%;
    }
    
    .transparente{
        position: relative!important;;
    }
    
    
    .barraTitulo{
            position: relative;
            width: 100%;
            height: auto;
            background: url("../imagens/banner-topo-paginas-mobile.jpg");
            padding: 35px 0;;
            z-index: 2;

    }
    
    
    .barraTitulo h1{
        font-size: 3.1em;
        text-align: center;
    }
    
        
    .slider-wrapper,
    #slider{
        display: none!important;
    }
    
    .headerTopo{
        position: relative!important;;
        width: 100%!important;
        height: auto!important;
        margin: auto!important;
    }


    .headerTopo .logo{
        width: 100%!important;
    }
    
    .headerTopo .logo img{
        float: none!important;
        display: block!important;;
        margin: auto!important;
    }
    
    .headerTopo .fone{
        width: 52.25%!important;;
        float: none!important;
        margin: 10px auto!important;;
    }
    
    .headerTopo .menuTopo{
        float: none;
        margin: 0;
        width: 100%;
    }
    
    .headerTopo .menuTopo > ul{
        display: none;
    }
    
    .headerTopo .menuTopo > ul > li{
        display: block;
        padding: 3px 0 3px 5px;
        width: 100%;
        text-align: center
    }
    
    
    .headerTopo .menuTopo > ul > li:hover{
        transition: linear 0.3s;
        background: #003e73;
        border-top: none!important;
    }
    
    
    .headerTopo .menuTopo > ul > li:hover a{
        border-top: none;
        transition: linear 0.3s;
        color: #fff;
    }
    
    .headerTopo .menuMobile{
        display: block;
        width: 80%;
        margin: auto;
        font-size: 1.5em;
        text-decoration: none;
        color: #003e73;
        text-align: center;
    }
    
    .footerRodape{
        width: 90%;
        margin: auto;
    }
    
    #rdp > section {
        width: 90.19%;
        margin: auto;
    }
    
    
    
    .home .bemvindo {
        width: 99.333%;
        margin: auto;
    }
    
    .sHome{
        display: none;
    }
    
    .blocoHome a{
        float:none;
        display: block;
        margin: 0 auto 40px;
    }
 
    .blocosRodape{
        float: none;
        width: 100%!important;
        text-align: center;
    }
    
    .blocosRodape:last-of-type{
        margin-bottom: 20px;
    }
    
    .separadorRodape{
        width: 100%;
        height: 3px;
        background: #fff;
        margin: 25px 0 25px 0;
    }
    
    #enviarNews{
        margin-right: 19px;
    }
    

    
    #rdp span{
        display: block;
        float: none!important;
    }
    
    #rdp a{
        float: none!important;;
    }
    
    #rdp > section > a > hgroup > h1 {
        font-weight: 300 !important;
        font-size: 0.7em;
    }
    
    #rdp > section > span{
        font-size: 0.7em;
    }
    
    /* empresa */
    .empresa{
        background: none;
    }
    
    .empresa .textoempresa {
        width: 100%;
        height: auto;
        text-align: justify;
        margin: 58px auto 59px;
    }
        
    
    /* produtos */
    .blocoProdutos{
        width: 100%;
    }
 
    
    .produto{
        margin: 0 0 30px;
    }
    
    /* orcamento */
    .orcamento{
        background: none;
    }
    
    .orcamento form{
        width: 100%;
        padding: 10px 0;
    }

    .label{
        float: none!important;
        width: 100%!important;
        margin: 0px!important;
    }
    
    .input{
        float: none!important;
        width: 100%!important;
        margin: 0px!important;
    }
    
    .input input[type=email],
    .input input[type=text]{
        width: 97%!important;
    }
    
    .dif1 .label{
        width: 100%!important;
    }
    
    .row{
        width: 100%;
    }
    
    .dif1 .input{
        width: 100%!important;
    }
    
    .difDms .iptDms{
        width: 100%;
    }
    
    .difCom textarea {
        width: 98.002% !important;
    }
    
    /* contato */
    .contato{
        background: none;
    }
    
    .t210{
        margin-bottom: 15px!important;
    }
    
    .difMsg textarea {
        width: 96.209% !important;
    }
    
    /*paginas produtos*/
    .slideProd{
        width: 100%;
        margin-bottom: 20px;
    }
    
    .txtProds{
        width: 100%;
        margin-bottom: 10px;
    }
    
    .ecdrive{
       width: 81.091%;;
    }
    
    .barraTitulo h1{
        font-size: 2.1em;
    }
    
    .txtProds h1{
        font-size: 1.1em;
    }
    
    .slideProd a{
        top: 70px;
    }
    
    .txtProds table{
        display: none;
    }
    
}

       


@media(min-width: 25em) and (max-width: 31.24em){
    .conteudo{
            width: 90%!important;
            margin: 0px auto!important;
            padding: 15px 15px 15px 15px;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
    }
    
    .transparente{
        position: relative!important;;
    }
    
    
    .barraTitulo{
            position: relative;
            width: 100%;
            height: auto;
            background: url("../imagens/banner-topo-paginas-mobile.jpg");
            padding: 35px 0;;
            z-index: 2;

    }
    
    
    .barraTitulo h1{
        font-size: 3.1em;
        text-align: center;
    }
    
        
    .slider-wrapper,
    #slider{
        display: none!important;
    }
    
    .headerTopo{
        position: relative!important;;
        width: 100%!important;
        height: auto!important;
        margin: auto!important;
    }


    .headerTopo .logo{
        width: 100%!important;
    }
    
    .headerTopo .logo img{
        float: none!important;
        display: block!important;;
        margin: auto!important;
    }
    
    .headerTopo .fone{
        width: 34.25%!important;;
        float: none!important;
        margin: 10px auto!important;;
    }
    
    .headerTopo .menuTopo{
        float: none;
        margin: 0;
        width: 100%;
    }
    
    .headerTopo .menuTopo > ul{
        display: none;
    }
    
    .headerTopo .menuTopo > ul > li{
        display: block;
        padding: 3px 0 3px 5px;
        width: 100%;
        text-align: center
    }
    
    
    .headerTopo .menuTopo > ul > li:hover{
        transition: linear 0.3s;
        background: #003e73;
        border-top: none!important;
    }
    
    
    .headerTopo .menuTopo > ul > li:hover a{
        border-top: none;
        transition: linear 0.3s;
        color: #fff;
    }
    
    .headerTopo .menuMobile{
        display: block;
        width: 80%;
        margin: auto;
        font-size: 1.5em;
        text-decoration: none;
        color: #003e73;
        text-align: center;
    }
    
    .footerRodape{
        width: 90%;
        margin: auto;
    }
    
    #rdp > section {
        width: 90.19%;
        margin: auto;
    }
    
    
    
    .home .bemvindo {
        width: 99.333%;
        margin: auto;
    }
    
    .sHome{
        display: none;
    }
    
    .blocoHome a{
        float:none;
        display: block;
        margin: 0 auto 40px;
    }
 
    .blocosRodape{
        float: none;
        width: 100%!important;
        text-align: center;
    }
    
    .blocosRodape:last-of-type{
        margin-bottom: 20px;
    }
    
    .separadorRodape{
        width: 100%;
        height: 3px;
        background: #fff;
        margin: 25px 0 25px 0;
    }
    
    #enviarNews{
        margin-right: 19px;
    }
    

    
    #rdp span{
        display: block;
        float: none!important;
    }
    
    #rdp a{
        float: none!important;;
    }
    
    /* empresa */
    .empresa{
        background: none;
    }
    
    .empresa .textoempresa {
        width: 100%;
        height: 285px;
        text-align: justify;
        margin: 58px auto 59px;
    }
        
    
    /* produtos */
    .blocoProdutos{
        width: 50%;
    }
    
    .blocoProdutos {
        width: 74%;
    }
    
    .produto{
        margin: 0 0 30px;
    }
    
    /* orcamento */
    .orcamento{
        background: none;
    }
    
    .orcamento form{
        width: 100%;
        padding: 10px 0;
    }

    .label{
        float: none!important;
        width: 100%!important;
        margin: 0px!important;
    }
    
    .input{
        float: none!important;
        width: 100%!important;
        margin: 0px!important;
    }
    
    .input input[type=email],
    .input input[type=text]{
        width: 97%!important;
    }
    
    .dif1 .label{
        width: 100%!important;
    }
    
    .row{
        width: 100%;
    }
    
    .dif1 .input{
        width: 100%!important;
    }
    
    .difDms .iptDms{
        width: 100%;
    }
    
    .difCom textarea {
        width: 98.002% !important;
    }
    
    /* contato */
    .contato{
        background: none;
    }
    
    .t210{
        margin-bottom: 15px!important;
    }
    
    .difMsg textarea {
        width: 96.209% !important;
    }
    
    /*paginas produtos*/
    .slideProd{
        width: 100%;
        margin-bottom: 20px;
    }
    
    .txtProds{
        width: 100%;
        margin-bottom: 10px;
    }
    
    .ecdrive{
       width: 62.091%;;
    }
    
    .txtProds h1{
        font-size: 1.5em;
    }
}

        


@media(min-width: 31.25em) and (max-width: 43.74em){
    .conteudo{
            width: 90%!important;
            margin: 0px auto!important;
            padding: 15px 15px 15px 15px;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
    }
    
    .transparente{
        position: relative!important;;
    }
    
    
    .barraTitulo{
            position: relative;
            width: 100%;
            height: auto;
            background: url("../imagens/banner-topo-paginas-mobile.jpg");
            padding: 35px 0;;
            z-index: 2;

    }
    
    
    .barraTitulo h1{
        font-size: 3.1em;
        text-align: center;
    }
    
        
    .slider-wrapper,
    #slider{
        display: none!important;
    }
    
    .headerTopo{
        position: relative!important;;
        width: 100%!important;
        height: auto!important;
        margin: auto!important;
    }


    .headerTopo .logo{
        width: 100%!important;
    }
    
    .headerTopo .logo img{
        float: none!important;
        display: block!important;;
        margin: auto!important;
    }
    
    .headerTopo .fone{
        width: 29%!important;;
        float: none!important;
        margin: 10px auto!important;;
    }
    
    .headerTopo .menuTopo{
        float: none;
        margin: 0;
        width: 100%;
    }
    
    .headerTopo .menuTopo > ul{
        display: none;
    }
    
    .headerTopo .menuTopo > ul > li{
        display: block;
        padding: 3px 0 3px 5px;
        width: 100%;
        text-align: center
    }
    
    
    .headerTopo .menuTopo > ul > li:hover{
        transition: linear 0.3s;
        background: #003e73;
        border-top: none!important;
    }
    
    
    .headerTopo .menuTopo > ul > li:hover a{
        border-top: none;
        transition: linear 0.3s;
        color: #fff;
    }
    
    .headerTopo .menuMobile{
        display: block;
        width: 80%;
        margin: auto;
        font-size: 1.5em;
        text-decoration: none;
        color: #003e73;
        text-align: center;
    }
    
    .home .bemvindo {
        width: 99.333%;
        margin: auto;
    }
    
    .sHome{
        display: none;
    }
    
    .blocoHome a{
        float:none;
        display: block;
        margin: 0 auto 40px;
    }
 
    .blocosRodape{
        float: none;
        width: 100%!important;
        text-align: center;
    }
    
    .blocosRodape:last-of-type{
        margin-bottom: 20px;
    }
    
    .separadorRodape{
        width: 100%;
        height: 3px;
        background: #fff;
        margin: 25px 0 25px 0;
    }
    
    #enviarNews{
        margin-right: 19px;
    }
    

    
    #rdp span{
        display: block;
        float: none!important;
    }
    
    #rdp a{
        float: none!important;;
    }
    
    /* empresa */
    .empresa{
        background: none;
    }
    
    .empresa .textoempresa {
        width: 100%;
        height: 285px;
        text-align: justify;
        margin: 58px auto 59px;
    }
        
    
    /* produtos */
    .blocoProdutos{
        width: 50%;
    }
    
    .produto{
        margin: 0 0 30px;
    }
    
    /* orcamento */
    .orcamento{
        background: none;
    }
    
    .orcamento form{
        width: 100%;
        padding: 10px 0;
    }

    .label{
        float: none!important;
        width: 100%!important;
        margin: 0px!important;
    }
    
    .input{
        float: none!important;
        width: 100%!important;
        margin: 0px!important;
    }
    
    .input input[type=email],
    .input input[type=text]{
        width: 97%!important;
    }
    
    .dif1 .label{
        width: 100%!important;
    }
    
    .row{
        width: 100%;
    }
    
    .dif1 .input{
        width: 100%!important;
    }
    
    .difDms .iptDms{
        width: 100%;
    }
    
    .difCom textarea {
        width: 98.002% !important;
    }
    
    /* contato */
    .contato{
        background: none;
    }
    
    .t210{
        margin-bottom: 15px!important;
    }
    
    .difMsg textarea {
        width: 96.209% !important;
    }
    
    /*paginas produtos*/
    .slideProd{
        width: 100%;
        margin-bottom: 20px;
    }
    
    .txtProds{
        width: 100%;
        margin-bottom: 10px;
    }
    
    .ecdrive{
       width: 50.091%;;
    }
    
}





@media(min-width: 37.5em) and (max-width: 43.74em){
    .conteudo{
            width: 90%!important;
            margin: 0px auto!important;
            padding: 15px 15px 15px 15px;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
    }
    
    .transparente{
        position: relative!important;;
    }
    
    
    .barraTitulo{
            position: relative;
            width: 100%;
            height: auto;
            background: url("../imagens/banner-topo-paginas-mobile.jpg");
            padding: 35px 0;;
            z-index: 2;

    }
    
    
    .barraTitulo h1{
        font-size: 3.1em;
        text-align: center;
    }
    
        
    .slider-wrapper,
    #slider{
        display: none!important;
    }
    
    .headerTopo{
        position: relative!important;;
        width: 100%!important;
        height: auto!important;
        margin: auto!important;
    }


    .headerTopo .logo{
        width: 100%!important;
    }
    
    .headerTopo .logo img{
        float: none!important;
        display: block!important;;
        margin: auto!important;
    }
    
    .headerTopo .fone{
        width: 24%!important;;
        float: none!important;
        margin: 10px auto!important;;
    }
    
    .headerTopo .menuTopo{
        float: none;
        margin: 0;
        width: 100%;
    }
    
    .headerTopo .menuTopo > ul{
        display: none;
    }
    
    .headerTopo .menuTopo > ul > li{
        display: block;
        padding: 3px 0 3px 5px;
        width: 100%;
        text-align: center
    }
    
    
    .headerTopo .menuTopo > ul > li:hover{
        transition: linear 0.3s;
        background: #003e73;
        border-top: none!important;
    }
    
    
    .headerTopo .menuTopo > ul > li:hover a{
        border-top: none;
        transition: linear 0.3s;
        color: #fff;
    }
    
    .headerTopo .menuMobile{
        display: block;
        width: 80%;
        margin: auto;
        font-size: 1.5em;
        text-decoration: none;
        color: #003e73;
        text-align: center;
    }
    
    .home .bemvindo {
        width: 99.333%;
        margin: auto;
    }
    
    .sHome{
        display: none;
    }
    
    .blocoHome a{
        float:none;
        display: block;
        margin: 0 auto 40px;
    }
 
    .blocosRodape{
        float: none;
        width: 100%!important;
        text-align: center;
    }
    
    .blocosRodape:last-of-type{
        margin-bottom: 20px;
    }
    
    .separadorRodape{
        width: 100%;
        height: 3px;
        background: #fff;
        margin: 25px 0 25px 0;
    }
    
    #enviarNews{
        margin-right: 19px;
    }
    

    
    #rdp span{
        display: block;
        float: none!important;
    }
    
    #rdp a{
        float: none!important;;
    }
    
    /* empresa */
    .empresa{
        background: none;
    }
    
    .empresa .textoempresa {
        width: 100%;
        height: 285px;
        text-align: justify;
        margin: 58px auto 59px;
    }
        
    
    /* produtos */
    .blocoProdutos{
        width: 50%;
    }
    
    .produto{
        margin: 0 0 30px;
    }
    
    /* orcamento */
    .orcamento{
        background: none;
    }
    
    .orcamento form{
        width: 100%;
        padding: 10px 0;
    }

    .label{
        float: none!important;
        width: 100%!important;
        margin: 0px!important;
    }
    
    .input{
        float: none!important;
        width: 100%!important;
        margin: 0px!important;
    }
    
    .input input[type=email],
    .input input[type=text]{
        width: 97%!important;
    }
    
    .dif1 .label{
        width: 100%!important;
    }
    
    .row{
        width: 100%;
    }
    
    .dif1 .input{
        width: 100%!important;
    }
    
    .difDms .iptDms{
        width: 100%;
    }
    
    .difCom textarea {
        width: 98.002% !important;
    }
    
    /* contato */
    .contato{
        background: none;
    }
    
    .t210{
        margin-bottom: 15px!important;
    }
    
    .difMsg textarea {
        width: 96.209% !important;
    }
    
    /*paginas produtos*/
    .slideProd{
        width: 100%;
        margin-bottom: 20px;
    }
    
    .txtProds{
        width: 100%;
        margin-bottom: 10px;
    }
    
    .ecdrive{
       width: 50.091%;;
    }
    
}





@media(min-width: 43.75em) and (max-width: 49.9em){
    .conteudo{
            width: 98%;
            margin: 0px auto!important;
            padding: 15px 15px 15px 15px;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
    }
    
    .transparente{
        position: relative!important;;
    }
    
    
    .barraTitulo{
            position: relative;
            width: 100%;
            height: auto;
            background: url("../imagens/banner-topo-paginas-mobile.jpg");
            padding: 35px 0;;
            z-index: 2;

    }
    
    
    .barraTitulo h1{
        font-size: 3.1em;
        text-align: center;
    }
    
        
    .slider-wrapper,
    #slider{
        display: none!important;
    }
    
    .headerTopo{
        position: relative!important;;
        width: 100%!important;
        height: auto!important;
        margin: auto!important;
    }


    .headerTopo .logo{
        width: 100%!important;
    }
    
    .headerTopo .logo img{
        float: none!important;
        display: block!important;;
        margin: auto!important;
    }
    
    .headerTopo .fone{
        width: 21%!important;;
        float: none!important;
        margin: 10px auto!important;;
    }
    
    .headerTopo .menuTopo{
        float: none;
        margin: 0;
        width: 100%;
    }
    
    .headerTopo .menuTopo > ul{
        display: none;
    }
    
    .headerTopo .menuTopo > ul > li{
        display: block;
        padding: 3px 0 3px 5px;
        width: 100%;
        text-align: center
    }
    
    
    .headerTopo .menuTopo > ul > li:hover{
        transition: linear 0.3s;
        background: #003e73;
        border-top: none!important;
    }
    
    
    .headerTopo .menuTopo > ul > li:hover a{
        border-top: none;
        transition: linear 0.3s;
        color: #fff;
    }
    
    .headerTopo .menuMobile{
        display: block;
        width: 80%;
        margin: auto;
        font-size: 1.5em;
        text-decoration: none;
        color: #003e73;
        text-align: center;
    }
    
    .home .bemvindo {
        width: 99.333%;
        margin: auto;
    }
    
    .sHome{
        display: none;
    }
    
    .blocoHome a{
        float:none;
        display: block;
        margin: 0 auto 40px;
    }
 
    .blocosRodape{
        float: none;
        width: 100%!important;
        text-align: center;
    }
    
    .blocosRodape:last-of-type{
        margin-bottom: 20px;
    }
    
    .separadorRodape{
        width: 100%;
        height: 3px;
        background: #fff;
        margin: 25px 0 25px 0;
    }
    
    #enviarNews{
        margin-right: 19px;
    }
    

    
    #rdp span{
        display: block;
        float: none!important;
    }
    
    #rdp a{
        float: none!important;;
    }
    
    /* empresa */
    .empresa{
        background: none;
    }
    
    .empresa .textoempresa {
        width: 100%;
        height: 285px;
        text-align: justify;
        margin: 58px auto 59px;
    }
        
    
    /* produtos */
    .blocoProdutos{
        width: 50%;
    }
    
    .produto{
        margin: 0 0 30px;
    }
    
    /* orcamento */
    .orcamento{
        background: none;
    }
    
    .orcamento form{
        width: 100%;
        padding: 10px 0;
    }

    .label{
        float: none!important;
        width: 100%!important;
        margin: 0px!important;
    }
    
    .input{
        float: none!important;
        width: 100%!important;
        margin: 0px!important;
    }
    
    .input input[type=email],
    .input input[type=text]{
        width: 97%!important;
    }
    
    .dif1 .label{
        width: 100%!important;
    }
    
    .row{
        width: 100%;
    }
    
    .dif1 .input{
        width: 100%!important;
    }
    
    .difDms .iptDms{
        width: 100%;
    }
    
    .difCom textarea {
        width: 98.002% !important;
    }
    
    /* contato */
    .contato{
        background: none;
    }
    
    .t210{
        margin-bottom: 15px!important;
    }
    
    .difMsg textarea {
        width: 96.209% !important;
    }
    
    /*paginas produtos*/
    .slideProd{
        width: 100%;
        margin-bottom: 20px;
    }
    
    .txtProds{
        width: 100%;
        margin-bottom: 10px;
    }
    
    .ecdrive{
       width: 50.091%;
    }
    
}

@media(min-width: 50em) and (max-width: 53.124em){
    .headerTopo{
        width: 99.19%!important;
        margin: auto!important;
    }
    
    .fone{
        width: 17.482%!important;
    }
    
    .menuTopo{
        width: 59.945%!important;
        margin: 10px 0;
    }
        
    .hTitulo{
        width: 98%;
        margin: auto;
    }
    
    .conteudo{
       width: 99%!important;
       margin: -100px auto;
       padding: 100px 8px 100px 8px;
       -moz-box-shadow: none;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
    
    .footerRodape{
       width: 96.875%!important;
       margin: auto;
    }
    
    .blocoHome{
        width: 99.667%!important;
    }
    
    .blocoHome .sHome,
    .blocoProdutos .sHome{
       margin: 20px 1.5% 0px 1.5%!important;
    }
    
    .blocoProdutos{
        width: 99.667%!important;
    }
    
    .slideProd a {
        position: relative;
        top: 150px;
    }
    
    .blocosRodape > ul > li > a > h2{
        font-size: 0.75em;
    }
    
    .ecdrive{
        width: 28.091%;
    }
    
    .difAci input[type="text"]{
        width: 14.002%!important;
    }
    
    #blocoQuatro{
        width: 39.503%!important;
    }
    
    #rdp > section {
        width: 95.19%;
        margin: auto;
    }
    
    .difCom textarea {
        width: 77.002% !important;
        height: 70px;
        padding: 5px;
    }

    .orcamento .label,
    .contato .label,
    .contato .label,
    .orcamento .label{
        font-size: 0.90em;
    }
     
    .orcamento{
        background: url("http://attomatic.com.br/tim.php?src=http://attomatic.com.br/imagens/bg-orcamento.jpg&h=844") top right no-repeat;
    }
    
    .contato{
        background: url("http://attomatic.com.br/tim.php?src=http://attomatic.com.br/imagens/bg-conato.jpg&h=600") top right no-repeat;
    }
    
    .difMsg textarea {
        width: 79.209% !important;
    } 
    
    .emailsContato{
        margin-bottom: 20px;
    }    
    
    .produto ul li h2 a{
        font-size: 0.75em;
    }
    
    .produto h1{
        margin: -34px 0px 0px;
    }
    
    .row{
        width: 50.231%
    }
    
}

@media(min-width: 53.125em) and (max-width: 56.24em)  {    
    .headerTopo{
        width: 93.19%!important;
        margin: auto!important;
    }
    
    .fone{
        width: 17.482%!important;
    }
    
    .menuTopo{
        width: 62%!important;
    }
        
    .hTitulo{
        width: 98%;
        margin: auto;
    }
    
    .conteudo{
       width: 99%!important;
       margin: -100px auto;
       padding: 100px 8px 100px 8px;
       -moz-box-shadow: none;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
    
    .footerRodape{
       width: 96.875%!important;
       margin: auto;
    }
    
    .blocoHome{
        width: 99.667%!important;
    }
    
    .blocoHome .sHome,
    .blocoProdutos .sHome{
       margin: 20px 1.5% 0px 1.5%!important;
    }
    
    .blocoProdutos{
        width: 99.667%!important;
    }
    
    .slideProd a {
        position: relative;
        top: 150px;
    }
    
    .blocosRodape > ul > li > a > h2{
        font-size: 0.75em;
    }
    
    .ecdrive{
        width: 24.091%;
    }
    
    .difAci input[type="text"]{
        width: 14.002%!important;
    }
    
    #blocoQuatro{
        width: 39.503%!important;
    }
    
    #rdp > section {
        width: 95.19%;
        margin: auto;
    }
    
    .difCom textarea {
        width: 77.002% !important;
        height: 70px;
        padding: 5px;
    }

    .orcamento .label,
    .contato .label,
    .contato .label,
    .orcamento .label{
        font-size: 0.90em;
    }
     
    .orcamento{
        background: url("http://127.0.0.1/attomatic/tim.php?src=http://127.0.0.1/attomatic/imagens/bg-orcamento.jpg&h=844") top right no-repeat;
    }
    
    .contato{
        background: url("http://127.0.0.1/attomatic/tim.php?src=http://127.0.0.1/attomatic/imagens/bg-conato.jpg&h=600") top right no-repeat;
    }
    
    .difMsg textarea {
        width: 79.209% !important;
    } 
    
    .emailsContato{
        margin-bottom: 20px;
    }
       
}



@media(min-width: 56.25em) and (max-width: 59em)  {    
    .headerTopo{
        width: 93.19%!important;
        margin: auto!important;
    }
    
    .fone{
        width: 16.482%!important;
    }
    
    .menuTopo{
        width: 60%!important;
    }
        
    .hTitulo{
        width: 98%;
        margin: auto;
    }
    
    .conteudo{
       width: 99%!important;
       margin: -100px auto;
       padding: 100px 8px 100px 8px;
       -moz-box-shadow: none;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
    
    .footerRodape{
       width: 96.875%!important;
       margin: auto;
    }
    
    .blocoHome{
        width: 99.667%!important;
    }
    
    .blocoHome .sHome,
    .blocoProdutos .sHome{
       margin: 20px 2.63448% 0px 2.63448%!important;
    }
    
    .blocoProdutos{
        width: 99.667%!important;
    }
    
    .slideProd a {
        position: relative;
        top: 150px;
    }
    
    .blocosRodape > ul > li > a > h2{
        font-size: 0.75em;
    }
    
    .ecdrive{
        width: 24.091%;
    }
    
    .difAci input[type="text"]{
        width: 20.002%!important;
    }
    
    .difCom textarea {
        width: 77.002% !important;
        height: 70px;
        padding: 5px;
    }

    .orcamento .label,
    .contato .label,
    .contato .label,
    .orcamento .label{
        font-size: 0.90em;
    }
     
    .orcamento{
        background: url("http://attomatic.com.br/tim.php?src=http://attomatic.com.br/imagens/bg-orcamento.jpg&h=844") top right no-repeat;
    }
    
    .contato{
        background: url("http://attomatic.com.br/tim.php?src=http://attomatic.com.br/imagens/bg-conato.jpg&h=600") top right no-repeat;
    }
    
    .difMsg textarea {
        width: 79.209% !important;
    } 
    
    .emailsContato{
        margin-bottom: 20px;
    }
       
}

@media(min-width: 60em) and (max-width: 79.9em)  {    
    .headerTopo{
        width: 93.19%!important;
        margin: auto!important;
    }
    
    .menuTopo{
        width: 55%!important;
    }
    
    
    .hTitulo{
        width: 98%;
        margin: auto;
    }
    
    .conteudo{
       width: 99%!important;
       margin: -100px auto;
       padding: 100px 8px 100px 8px;
       -moz-box-shadow: none;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
    
    .footerRodape{
       width: 96.875%!important;
       margin: auto;
    }
    
    .blocoHome{
        width: 99.667%!important;
    }
    
    .blocoHome .sHome,
    .blocoProdutos .sHome{
       margin: 20px 3.63448% 0px 3.63448%!important;
    }
    
    .blocoProdutos{
        width: 99.667%!important;
    }
    
    .blocosRodape > ul > li > a > h2{
        font-size: 0.75em;
    }
    
    .arquivo-download{
        width: 24.091%;
    }
    
    .difAci input[type="text"]{
        width: 24.002%!important;
    }
    
    .difCom textarea {
        width: 77.002% !important;
        height: 70px;
        padding: 5px;
    }

    .orcamento .label,
    .contato .label,
    .contato .label,
    .orcamento .label{
        font-size: 0.90em;
    }
     
    .orcamento{
        background: url("http://attomatic.com.br/tim.php?src=http://attomatic.com.br/imagens/bg-orcamento.jpg&h=844") top right no-repeat;
    }
    
    .contato{
        background: url("http://attomatic.com.br/tim.php?src=http://attomatic.com.br/imagens/bg-conato.jpg&h=600") top right no-repeat;
    }
    
    .difMsg textarea {
        width: 79.209% !important;
    } 
    
    .emailsContato{
        margin-bottom: 20px;
    }
       
}


@media(min-width: 80em) and (max-width: 85.374em)  {    
    .headerTopo{
        width: 73.19%!important;
        margin: auto!important;
    }
    .conteudo{
       width: 82.875%!important;
    }
    
    .footerRodape{
       width: 82.875%!important;
       margin: auto;
    }
}


@media(min-width: 85.375em) and (max-width: 87.9em)  {    
    .headerTopo{
        width: 69.19%!important;
        margin: auto!important;
    }
    .conteudo{
       width: 76.875%!important;
    }
}

@media(min-width: 88em) and (max-width: 90.624em)  {    
    .headerTopo{
        width: 66.19%!important;
        margin: auto!important;
    }
    .conteudo{
       width: 74.875%!important;
    }
}



@media(min-width: 90.625em) and (max-width: 97em)  {    
    .headerTopo{
        width: 68.19%!important;
        margin: auto!important;
    }
    .conteudo{
       width: 72.875% !important;
    }
}



@media(max-width: 100em) { 
    .conteudo{
        width: 66.875%;
    }
    
    .headerTopo{
        width: 63.19%;
    }
}