html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { 
	margin: 0; padding: 0;
}
body {
    font-size: 16px;
    background: #fff;
    _behavior:url("includes/csshover2.htc");
    color:#000;
    line-height:28px;
}
h3 {
    font-size: 24px;
    color: #000;
    margin: 0 auto;
}
h3 a{
    color: #000;
}
#destaqueslide{
    height: 10%
}
a { text-decoration:none;}
ul{list-style: none;}

.container {
    width:100%;
    
    
}
.titulo-produtos{
    font-size: 24px;
    text-align: center;
}
#cabeca{
    width: 100%;
}
#topom{
    margin-left: -10%;
    float:left;
    width: 85%;
}
.textTextoMob{
    text-align:justify;
    color:#000;
    font-size:35px;
}
.textTextoMob a{
    color:#000;
    text-decoration:underline;
}
.textTexto{
    color:#000;
}
.lista li{
    width:100%;
}
.textTexto a{color:#000}
.lista li a span{font-size:18px;color:#000;}
.tituloInterno{color: #000;}
h3{color:#000;}
.fields .label .brcolor{color:#000}
.lista li {color:#000}
#novidades .descr{color:#000}
.lista li a{color:#000;font-size:20px; margin-bottom: 1px  ;z-index: -1;}
.lista li a:hover{color: #333}
.titulo-area{
    text-align: center;
}
.produto_subtitulo{
    line-height: 20px;
}
#topom #logo{
    width: 100%;
}
#interna {
    width:90%;
    font-size: 24px;
    margin: 0 auto;
}
span[style] {
   font-size: 20px !important;
   line-height:29px;
}
.double img{
    margin: 10px 0;
}
#descricaocat {margin-top:10px!important}
#fone{color:#000;font-size:20px;width:100%;float:left; text-align: right;}
#fone small{font-size:12px;}
#menu{
    /*width: 1100px;*/
    height: 55px;
    margin: 0 auto;
}
#menu ul{}

#menu li{
    background: #606568;
    border-bottom: 4px solid #FFF;
    float: left;
    width: 100%;
    height: 80px;
    text-align: center;
    padding: 25px 0 0 0;
}
#menu a{ 
    color:#000; 
    font-size: 47px; 
    text-align: center; 
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    
}
.conteudo #novidades{
    width: 100%;
}
.conteudo #produtos{
    width: 100%;
    background-color: #FFF;
    margin-bottom: -20%;
    margin-top: -10%;
}
.lista li a img{margin:0 15px 15px 0;}

#rodapemob .enderecomob{
 width:100%;
 color:#fff;
 font-size: 15px;
 text-align: center;
 padding-top: 10px;
 background-color:#818c93;
}
header {
    padding: 15px;
}
#novidades{
    margin: 0 auto;
    width:100%;
    color:#000;
    background: #fff;
}
#conteudo{
    width:100%;
    background: #fff;
}
#noticias-lista li{
    background: #fff;
}
.conteudo{margin:0 auto;width:100%; background-color:#FFF;}
#novidades a{color:#000;}
#novidades h2{}
#novidades .img-novidadeMob{width:50%;height: 100%;overflow:hidden;box-shadow:2px 2px 2px #333;transition:ease 100ms;}
#novidades .descr{margin-top:15px;width:80%;}
#novidades div.l{float:left;width:40%;}
#novidades div.r{float:right;width:40%;}
#novidades .img-novidadeMob img{max-width:100%;max-height:270px;}
#novidades .img-novidade:hover{box-shadow:0;}
#novidades #mais{padding-right:25%;}
header h1 {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 80%;
	font-size: 1.5em;
}
h1 a {color: #FFF; text-decoration: none;}
.li_qitemMob{
    text-align: center;
    width: 46%;
    height:140px;float:left;margin:0 4px 60px 5px;
}
.li_qitemMob_qitemMob a {
    color:#000;
    font-weight: bold;
}
.li_qitemMob span a{
    color: #000;
    font-weight: bold;
}
.listaVideo li{margin-left: -10px;}
#siteweb{width: 100%; font-size: 15px; text-align: center; font-weight: bold;}
#siteweb a{text-decoration: none; color: #000;}

@media screen and (max-width: 324px) {
    #topom{
        margin-top: -4%;
    }
    .nav{
        margin-top: -45%;
    }
    
}
@media screen and (max-width: 400px) {
    #topom{
        margin-top: -3%;
    }
    .nav{
        margin-top: -37%;      
    }
    
}

@media screen and (min-width: 401px) and (max-width: 600px) {
    #topom{
        margin-top: -3%;
        margin-left: -6%;
    }
    .nav{
        margin-top: -34%;      
    }
    
}
@media screen and (min-width: 601px) and (max-width: 800px) {
    #topom{
        margin-top: -3%;
        margin-left: -4%;
    }
    .nav{
        margin-top: -32%;      
    }
    
}
@media screen and (min-width: 801px) and (max-width: 1060px) {
    #topom{
        margin-top: -3%;
        margin-left: 0;
    }
    .nav{
        margin-top: -30%;      
    }
    
}
@media screen and (min-width: 1061px) and (max-width: 1601px) {
    #topom{
        margin-top: -3%;
        margin-left: 0;
    }
    .nav{
        margin-top: -30%;      
    }
    
}