@import url(fontello.css);
@import url(index_header.css);
@import url(index_banner.css);
@import url(index_footer.css);
@import url(index_efects.css);

* {
    margin: 0;
    padding: 0;    
    font-family: sans-serif,Arial,Geneva;
}
ul,
li,
ol,
a{
    list-style: none;
    text-decoration: none;
}
.body{
    position: relative;
/*    background: url(../img/style/background_1024x768.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}
.border-box-sizing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.none{
    display: none;
}
.wrapper{
    margin: 0 auto;
    width: 100%;
    min-width: 340px;
}
.max_width{
    margin: 0 auto;
    width: 100%;
    min-width: 340px;
}
.localidade{
    position: absolute;
    top: 50px;
    height: 25px;
    background: rgba(0,0,0,0.8); 
    box-sizing: border-box;
    z-index: 1;
}
.localidade h3{
    padding-left: 2.56%;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    color: #fff;
}
.localidade a{
    text-decoration: none;
    color: #fff;
}

.cep{
    margin: 0 auto;
    margin-bottom: 40px;
    height: 320px;
    background: url("../img/style/banner_cep.jpg") no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    box-sizing: border-box;
}
.cep h1{
    padding-top: 105px;
    font-size: 36px;
    text-align: center;
    color: #fff;
    line-height: 35px;
}

.cep h2{
    font-size: 24px;
    text-align: center;
    color: #fff;
    line-height: 35px;
}
.cep p{
    line-height: 50px;
    vertical-align: middle;
}
.cep input[type="text"]{
    margin: 15px 0;
    height: 50px;
    line-height: 50px;
    width: 22%;
    min-width: 220px;
    background: #fff;
    text-align: center;
    font-size: 18px;
    border: none;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
}
.cep input[type="submit"]{
    margin: 15px 0;
    line-height: 50px;
    width: 10%;
    min-width: 70px;
    background: #b2100d;
    color: #fff;
    text-align: center;
    font-size: 18px;
    border: none;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
}
.gridcol,
.gridcol0,
.gridcol1,
.gridcol2,
.gridcol25,
.gridcol3,
.gridcol33,
.gridcol4,
.gridcol5,
.gridcol6,
.gridcol7,
.gridcol76,
.gridcol8,
.gridcol9{
    position: relative;
    display: block;
    margin: 4.0%;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 2px;
    background: #fff;
    box-sizing: border-box;
}
.gridcol1{
    width: 8.0%;    
}
.gridcol2{
    width: 12.0%;   
}
.gridcol25{
    width: 24.5%;   
}
.gridcol3{
    width: 28%;     
}
.gridcol33{
    width: 32.6%;     
}
.gridcol4{
    width: 38%;   
}
.gridcol5{
    width: 48%;    
}
.gridcol6{
    width: 58%;  
}
.gridcol7{
    width: 68%;    
}
.gridcol76{
    width: 78%;    
}
.gridcol8{
    width: 78%;        
}
.gridcol9{
    width: 88%;       
}
.grid_left{
    float: left;
}
.grid_right{
    float: right;
}
.main{    
    width: 100%;
    padding-left: 2.56%;
    padding-right: 2.56%;
    box-sizing: border-box;
}
.main h1{
    padding-top: 30px;
    margin-bottom: 5px;
    line-height: 42px;
    vertical-align: bottom;
    font-size: 42px;
}
.section{
    clear: both;
    position: relative;
    top: 10px;
    left: 0;    
    bottom: 20px;
}
.border{
    border: 1px solid #ECE9D8;
}
.paddding5{
    padding: 5px;
}
.paddding10{
    padding: 10px;
}
.padright10{
    padding-right: 10px;
}
.padright15{
    padding-right: 15px;
}
.padright15{
    padding-right: 15px;
}
.padright15{
    padding-right: 15px;
}
.margright10{
    margin-right: 10px;
}
.margleftt10{
    margin-left: 10px;
}
.margleft15{
    margin-left: 15px;
}
.margin1{
    margin: 1px;
}
.margin2{
    margin: 2px;
}
.margin5{
    margin: 5px;
}
.margin10{
    margin: 10px;
}
.breadview span{
    font-size: 0.86em;
    margin-right: 5px;
    margin-bottom: 10px;
}
.breadview a{
    line-height: 26px;
    color: #333;
}
.gridbar {
    margin-top: 15px;
    margin-bottom: 25px;
    padding-left: 3%;
    line-height: 40px;
    border-radius: 5px;
    background: #ecebeb;
}
.gridbar h5{
    font-weight: 400;
    margin-right: 20px;
    font-size: 14px;
}
.gridlist{
    display: block;
    margin: 1.3% 0.2%;
    padding: 15px 20px;
}
.mouseover:hover{ 
    -moz-box-shadow: 0 1px 3px black;
    -webkit-box-shadow: 0 1px 3px black;
    box-shadow: 0 1px 3px black;
    transition: all 0.4s;
}
.gridlist h1{
    margin: 15px 0;
    line-height: 35px;    
}
.gridlist h3{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
    color: #993300;
    font-size: 18px;
    line-height: 35px;
    font-weight: 600;
    height: 35px;
}
.gridlist h4{
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
    color: #993300;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    height: 25px;
}
.gridlist h5{
    color: #065c00;
    font-size: 20px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-weight: 600;
}
.gridlist h6{
    color: #9fa3a6;
    font-size: 14px;
    line-height: 25px;
    height: 25px;
    text-align: center;
    font-weight: 400;
}
.gridlist a{
    list-style: none;
    text-decoration: none;
}
.gridlist img{
    margin: 0 5%;
    width: 90%;
    border: none;
}
.gridlist p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 14px;
    line-height: 20px;
}
.gridlist strong{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 96%;
    list-style: none;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
}
.gridlist a img.block{    
    border-radius: 50%;
    border: 10px solid #993300;
    width: 85%;
}
.nav_button{
    clear: both;
    margin: 10px 0;
    height: 50px;
}
.nav_button ul {
    display: inline;
    float: left;
    margin: 5px 3px;
}
.nav_button a{
    display: block;	
    padding: 0 10px;
    line-height: 40px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    background: #bc0101;
    border: 1px solid #cd0000;
}
.nav_button a.pass{
    display: block;	
    padding: 0 10px;
    line-height:  40px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    background: #888;
    border: 1px solid #777;
}
.nav_button a:hover{
    transition: all 0.5s;
    background: #cd0000;
    border: 1px solid #bc0101;
    color: #fff;
}
.nav_button p{
    display: block;	
    padding: 0 10px;
    line-height:  20px;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
}
.nav_button form{
    display: block;	
    padding: 0 2px;
    line-height:  40px;
    font-size: 16px;
}
.nav_button input[type="text"]{
    padding: 10px 0;
    padding-left: 10px;
    font-size: 16px;
    width: 200px;  
    background:  rgba(255,255,255,0.9);
    border: 1px solid #cc3300;
    box-sizing: border-box;
}
.nav_button input[type="image"]{
    position: relative;
    top: 5px;
    left: -30px;    
    width: auto;
}
.nav_button_non{
    clear: both;
    margin: 10px 0;
    height: 50px;
}
.nav_button_non a{
    display: block;	
    padding: 5px 30px;
    line-height:  40px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.nav_button_non a:hover{
    transition: all 0.5s;
    color: #fff;
}
.nav_button_non p{
    display: block;	
    padding: 0 10px;
    line-height:  20px;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
}
.gridul_nb,
.gridul{
    position: relative;
    height: 40px;
    width: 100%;
    border-bottom: 1px dotted #E4E4E4;
}
.gridul:hover,
.gridulprod:hover{
    background: #E4E4E4;
}
.gridul_nb ul,
.gridul ul{
    clear: both;
    line-height: 30px;
}
.gridul_nb li,
.gridul li,
.gridulprod li{
    float: left;
}
.gridul_nb a, .gridul_nb a:visited,
.gridul a, .gridul a:visited{
    display: block; 
    padding: 5px 6px;
    font-size: 14px;
    color:#666; 
    cursor: pointer;        
}
.gridul a, .gridul a:visited{
    text-align:left;
}
.gridul_nb span,
.gridul span{
    font-size: 14px;
}
.gridul_nb li.ulrigth,
.gridul li.ulrigth,
.gridulprod li.ulrigth{
    float: right;
}
.gridul_nb img, 
.gridul img{
    padding: 0;
    margin: 0;
}
.gridul h5{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 95%;
    line-height: 40px;
    height: 40px;
}
.prodlist{
    clear: both;
    margin: 2px 0;
    padding: 5px 10px;
    height: 80px;
    width: 100%;
    border: 1px dotted #E4E4E4;
}
.prodlist h5{   
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 95%;
    line-height: 35px;
    height: 35px;
    font-size: 18px;
}
.prodlist h4{    
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 70%;
    line-height: 35px;
    height: 35px;
    font-size: 18px;
}
.listdescription{
    display: inline-block;
    margin-bottom: 5px;
    padding-right: 10px;
    width: 100%;
    line-height: 25px;
    background: #ecebeb;
    box-sizing: border-box;
}
.listdescription p{
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 99%;
    color: #666;
    font-size: 12px;
}
.endconfirma{
    clear: both;
    margin: 10px 0;
    height: 50px;
    width: 100%;
}
.endconfirma a{
    line-height: 50px;
    padding: 8px 10px;
    font-size: 16px;
    background: #00923f;
    font-weight: 700;
    color: #fff;
}
.endconfirma a:hover{
    background: #00ab0a; 
    color: #fff;
}
.preco{
    float: right;
    margin: 0;
    width: 120px;
    height: 35px;    
}
.preco a{
    padding: 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
    line-height: 35px;
    font-size: 1.05em;
    font-weight: 600;
    color: #444;
}
.preco a:hover{
    color: #00923f;
}
.comprar{
    padding: 0 2.56%;
    background: #ecebeb;    
}
.comprar h3{
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    height: 50px;
    padding: 15px 0 10px 0;
    color: #993300;
    height: 40px;
}
.comprar h5{
    padding: 15px 0;
    height: 40px;
}
.comprar p{
    font-size: 14px;
    text-align: left;
    font-weight: 400;
    line-height: 30px;
    height: 30px;
}
.comprar strong{
    position: absolute;
    left: 160px;
}
.comprar span{
    font-size: 14px;
    text-align: justify;
    font-weight: 400;
    color: #666;
    line-height: 20px;
}
.clear{    
    clear: both;
}

.contactform {
    margin: 10px 0;
    padding: 0% 2.56% 2% 2.56%;
    clear: both;
    width:100%;
    background: #FFF;
    overflow: hidden;
}
.contactform h1{
    margin-left: 10px;
    margin-bottom: 20px;
    padding: 0 0 10px 0;
    font-size: 16px;
    color:#000;
    border-bottom: 1px dotted #666;	
}
.contactform h3{
    padding: 10px 0;
    font-weight: 400;
}
.contactform fieldset{
    margin-bottom: 10px;
    padding-bottom: 25px;
    border: solid 1px #E4E4E4;
}
.contactform fieldset legend {
    margin: 0 0 0 20px; 
    padding: 10px 15px; 
    color: #666; 
    font-weight: bold; 
    font-size: small;
}
.contactform p{
    line-height: 36px;
    vertical-align: middle;
}
.contactform label.left {
    clear: both;
    float:left; 
    width: 22%; 
    margin: 0 0 0 2%; 
    padding-left: 1%; 
    font-size: 12px;
}
.contactform label.ajust {
    clear: both;
    display: block;
    margin-left: 0; 
    padding: 10px 0;
    height: 22px;
    line-height: 12px;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    color: #333;
}

.contactform span.info {
    margin-left: 25.2%;
    line-height: 20px;
    font-size: 0.7em; 
    font-weight: normal;
    color: #535252; 
}
.contactform span.left {
    margin-right: 5%; 
    font-size: 0.9em; 
    font-weight: normal; 
    line-height: 30px;
    vertical-align: middle;
    color: #535252; 
}
.contactform span.color {
    padding-left: 5px; 
    font-size: 0.9em; 
    color: #535252; 
}
.contactform span.infocep{
    margin-left: 5px; 
    font-size: 0.95em; 
    font-style: italic; 
    color: #535252; 
}
.contactform span.ajustinfo {
    margin-left: 5px; 
    font-size: 0.60em; 
    font-weight: normal; 
    line-height: 20px;
    color: #535252; 
}

.contactform input[type="text"],
.contactform input[type="password"]{
    margin: 0;
    background: #fff; 
    border: 1px solid #CCC;
    padding: 5px 10px; 
    color: #333;
}
.contactform input[type="checkbox"]{
    background: #FFF;
}
.contactform input[type="radio"]{
    background: #cd0000; 
}
.contactform input.branco{
    color: #fff;
}
.contactform select.ajust {
    width: 99%; 
    padding: 10px;
    margin-left: 1%;
    border: 1px solid #CCC;
    font-size: 14px;
}
.contactform input.ajust{
    width: 96%; 
    padding: 10px 0;
    padding-left: 2%;
    margin: 0 1%;
    text-align: left;
}

.contactform select{
    cursor:pointer;
    display:inline-block;
    position:relative;
    width: 25%;
    padding: 5px 10px;
    border: 1px solid #CCC;
    background: #fff; 
    font-size:16px;    
    color:#625e5e;    
}
.contactform select.combo{
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 20%;
    padding: 5px;
    border: 1px solid #CCC;
    font-size: 14px;    
    color:#625e5e;
}

.contactform select optgroup[label]{    
    padding: 7px 9px;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 100;
    color: #000;
}
.contactform select option{
    padding: 0 5px;
    font-size: 14px; 
    font-weight: 400;
    color: #656565;
}
.contactform select option[selected]{ color:#303030; }
.contactform select option:nth-child(even) { background-color:#eaeaeb; }

.combobutton{
    padding: 5px 10px;
    border: 1px solid #CCC;
    font-size: 14px;
    color: #fff;
    background: #bc0101;
    border: 1px solid #cd0000;
}
.combobutton:hover {
    cursor: pointer;
    border:solid 1px #cd0000; 
    background:#cd0000; 
    color: #fff;
}
.contactform input{
    font-size: 14px;
}
.contactform input.field {
    width: 40%; 
}
.contactform input.field10 {
    width: 10%; 
}
.contactform input.field20 {
    width: 20%; 
}
.contactform input.field30 {
    width: 30%; 
}
.contactform input.field40 {
    width: 40%; 
}
.contactform input.field50 {
    width: 50%; 
}
.contactform input.field70 {
    width: 70%; 
}
.contactform input.field80 {
    width: 80%; 
}
.contactform input.field90 {
    width: 90%; 
}
.contactform input.field_mid {
    margin-right: 60px;
    width:300px; 
}
.contactform input.field_mid_left {
    width:40px; 
    text-align: center;
}
.contactform input.field_small {
    width:200px;
}
.contactform input.field_mini_left {
    margin-left: 70px;
    width:40px;
    text-align: center;
}
.contactform input.field_mini {
    width:40px;
    text-align: center;
}
.contactform input.field_cep {
    width:100px;
    text-align: center;
}
.contactform input.field_fone {
    width:100px;
    text-align: center;
}
.contactform input.field_perfil {
    width:170px;
    text-align: center;
}
.contactform input.field_ie {
    width:150px;
    text-align: center;
}
.contactform textarea {
    width:60%; 
    height:120px;
    padding: 10px;  
    border: 1px solid #CCC;
    font-size:14px;
}

.contactform input.submit {
    margin-left: 25%;
    padding: 5px 15px;
    background:#f1f1f1;
    border:solid 1px #666; 
    text-align:center;
    color:#333; 
    font-size: 24px;
}
.contactform input.submit:hover {
    cursor: pointer;
    border:solid 1px #cd0000; 
    background:#cd0000; 
    color: #fff;
}
.contactform span.field_info {
    padding:2px;
    text-align: left;
    font-size: 14px;
    color: #666; 
}
.contactform_left{
    margin-left: 25%;
    margin-bottom: 10px;
    width:  100%;
}
@media(max-width: 870px){
/* empresas */
    .banner_header{
        width: 100%;        
        border-radius: 0;
    }    
    .gridcol25{
        width: 32.3%;
    }
    .main h1{
        padding-top: 15px;
        margin-bottom: 5px;
        line-height: 36px;
        vertical-align: bottom;
        font-size: 36px;
    }
}
@media(max-width: 760px){
    .cesta{        
        right: -100%;
        width: 100%;
    }
    .navmenu{        
        left: -50%;
        width: 50%;
    }
    .main h1{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        font-size: 30px;
    }
    
    .gridcol6{
        width: 99.5%;
    }
    .gridcol4{
        width: 99.5%;
    }    
    .rodape_left,
    .rodape_right{
        float: none;
        clear: both;
        text-align: center;
        width: 100%;
    }
    .rodape_left{
        display: none;
    }
}
@media(max-width:714px){
    .banner_header h1{
        line-height: 40px;
        font-size: 28px;
    }
    
    .banner_article h3{
        line-height: 40px;
        font-size: 36px;
    }
    .banner_article h5{
        line-height: 24px;
        font-size: 24px;
    }
    .gridcol25{
        width: 49%;
    }    
    .prodlist h4{    
        width: 50%;
        font-size: 16px;
    }
    .prodlist h5{
        font-size: 16px;
    }
}
@media(max-width:580px){
   
    .banner_article h3{
        line-height: 40px;
        font-size: 28px;
    }
    .banner_article h5{
        line-height: 24px;
        font-size: 16px;
    }
    .banner_business{
        height: 300px;
    }    
    .pix_business{        
        height: 280px;
    }
    .banner_header{
        top: 65%;
        border-radius: 0;       
    }
    .banner_header h1{
        font-size: 24px;
    }
    .contactform_left{
        margin: 0;
        position: relative;
        left: 50%;
        margin-left: -150px;
        width: 300px;
        margin-bottom: 25px;
    }
    
    .contactform fieldset{
        padding: 0 4.56%;
        box-sizing: content-box;
    }
    .contactform_left{
        margin: 0;
        position: relative;
        left: 50%;
        margin-left: -150px;
        width: 300px;
        margin-bottom: 25px;
    }
    
    .contactform label.left {
        clear: both;
        float: none;
        display: block;
        width: 100%;
        line-height: 16px;
        margin: 0; 
        padding: 2px 0; 
        font-size: 12px;
        align-content: center;
    }
    .contactform span.info {
        margin-left: 10px;
        font-size: 10px;
    }
    
    .contactform textarea,
    .contactform input.field {
        align-content: center;
        box-sizing: content-box;
        width: 95%; 
    }
    .contactform select{
        width: 100%;
    }
    .contactform input.submit{
        clear: both;
        margin: 0;
        margin-bottom: 20px;
        padding: 5px 0;
        align-content: center;
        box-sizing: content-box;
        width: 100%; 
    }
}
@media(max-width: 500px){
    .title h1,
    .carrinho{
        font-weight: 500;
        font-size: 11px;
    }
    .navmenu{
        padding: 0;
        left: -100%;
        width: 100%;
    }
}
@media(max-width: 480px){
/* empresas */
    .gridcol25{
        width: 99.5%;
    }
    .breadview span{
        font-size: 0.76em;
        margin-right: 2px;
        margin-bottom: 5px;
    }
    .rodape_right_logo h1{
        font-size: 28px;
    }
    .rodape_right_logo p{
        font-size: 14px;
        line-height: 20px;
    }
    .rodape_right_logo h3,
    .rodape_right h4{
        font-size: 16px;
    }
}