#artigos
{              
    float:left;
    width:100%;   
    clear:both; 
}


.mensagem
{              
    float:left;
    width:100%;   
    text-align:center;
    border:0px solid red;
    font-size:1.3em;
    clear:both; 
}
.oartigo_left
{              
    float:left;
    width:45%;
    margin:2%;
    height:100%;    
    border-right:1px dashed #dedede;
}
.oartigo_right
{              
    float:right;
    width:47%;
    margin:2%;
    margin-left:0%;
    height:100%; 
    margin-right:2%;   
    border:0px solid #dedede;
}
.oa_r_lin1
{              
    float:left;
    width:100%;   
    text-align:left;
    border:0px solid red;
        margin-bottom:10px;
    font-size:1.5em;
    clear:both; 
}
.oa_r_lin2
{              
    float:left;
    width:100%;   
    text-align:left;
    border:0px solid red;
    font-size:1em;
    margin-bottom:10px;
    clear:both; 
}


 .oa_r_add
{              
    float:left;
     background: #e16ce1;
     padding:20px;
     color:#fff;
    text-align:left;
    border:0px solid red;
    font-size:1em;
    margin-bottom:10px;
    clear:both; 
}











.artigo_fot1x
{              
    max-width:100%;
    height:auto;    
    border:0px solid red;
}
.artigo_wrap
{              
    float:left;
    width:19%;
    height:320px;    
    text-align:center;
    margin:5px;
    border:0px solid red;

}
.artigo_wrap:hover
{              
    float:left;
    width:19%;
    height:320px;
    text-align:center;
     background:#fff;     
    border:0px solid blue; 

    margin:5px;

}
.artigo_foto
{              
    float:left;
    width:96%;
    height:200px;    
    border:0px solid red;
    margin:2%;
  overflow:hidden;
       background:#fff;   
}
.ajusta_fot_art
{              
    height:100%;
    width:auto;
    max-width:98%;

}
.artigo_desc
{              
    float:left;
    width:98%;
    height:35px;   
    line-height:18px; 
    border:0px solid red; 
    /*  font-style: italic; */
    color:#494949;
    text-transform: uppercase;   
    text-align:center;
    font-size:0.7em;
    margin:1%;
    overflow:hidden;

}
.artigo_pvps_sd
{              
    float:left;
    width:98%;
    height:45px;    
    border:0px solid #dedede; 
    color:#494949;
    text-align:center;
    margin:1%;
    margin-top:0px;
    overflow:hidden;

}
.artigo_pvps
{              
    float:left;
    width:98%;
    height:45px;    
    border-bottom:0px solid #dedede; 
    color:#494949;
    text-align:center;
    margin:1%;
    overflow:hidden;

}

.artigo_pvps0
{              
    float:left;
    width:18%;
    height:30px;  
    padding-top:10px;  
    border:0px solid red; 
    text-decoration: line-through;
    color:#b3b3b3;
    text-align:right;
    font-size:0.8em;
    overflow:hidden;

}
.artigo_pvps1
{              
    float:left;
    width:38%;
    height:30px;    
    padding-top:10px;
    border:0px solid red; 
    color:#494949;
    text-align:center;
    font-size:1.4em;
    overflow:hidden;
}
.artigo_pvps1_sd
{              
    float:left;
    width:100%;
    height:30px;    
    padding-top:5px;
    border:0px solid red; 
    color:#494949;
    text-align:center;
    font-size:1.4em;
    overflow:hidden;
}


.artigo_perpromo
{              
    float:left;
    width:45px;
    height:35px; 
    padding-top:10px;
    margin-left:5px;   
    border:0px solid blue; 
    background:#e16ce1;
    border-radius:25px;  
    border-bottom-right-radius:0px;
    color:#fff;
    text-align:right;
    font-size:1.1em;
    overflow:hidden;
}
 .artigo_add
{              
    float:right;
    width:45px;
    height:35px; 
    padding-top:10px;
    margin-left:5px;   
    border:0px solid blue; 
    border-bottom-right-radius:0px;
    color:#000;
    text-align:right;
    font-size:1.1em;
    background: url(../imagens/bag1.png);
    overflow:hidden;
}


.ajusta_fot_art:hover
{         
position:relative;
top:-5%;
left:-5%;     
    height:105%;
    width:auto;
  
    max-width:105%;

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  
}










@media only screen and (min-width: 1050px) and (max-width: 1980px) {

}

}


@media only screen and (min-width: 1441px) and (max-width: 1980px) {



}

@media only screen and (min-width: 1050px) and (max-width: 1440px) {

}

@media only screen and (min-width: 940px) and (max-width: 1050px) {


}


@media only screen and (min-width: 768px) and (max-width: 939px) {
.artigo_wrap
{              
    float:left;
    width:30%;
    height:320px;    
    border:0px dashed red;
        text-align:center;
    margin:5px;
    margin-bottom:20px;
}
.artigo_wrap:hover
{              
    float:left;
    width:30%;
    height:320px;
    text-align:center;     

    margin:5px;

}


}

@media only screen and (min-width: 100px) and (max-width: 767px) {

.artigo_wrap
{              
    float:left;
    width:48%;
    height:320px;    
        text-align:center;
    border:0px dashed red;
    margin:5px;
    margin-bottom:20px;
}
.artigo_wrap:hover
{              
    float:left;
    width:48%;
    height:320px;
        text-align:center;
    //border:1px solid #dedede;       

    margin:5px;

}
.oartigo_left
{              
    float:left;
    width:96%;
    margin:2%;
        border:0px dashed red;
}
.oartigo_right
{              
    float:left;
    width:96%;
    margin:2%;
    margin-left:0%;
    margin:2%;  
        border-top:1px solid #dedede; 
}
  .oa_r_add
{              
    float:left;
     background: #e16ce1;
     width:90%;
     margin-left:0%;
     text-align:center;
     padding:20px;
     color:#fff;
    border:0px solid red;
    font-size:1em;
    margin-bottom:10px;
    clear:both; 
}
}


@media only screen and (min-width: 100px) and (max-width: 479px) {

.artigo_wrap
{              
    float:left;
    width:98%;
    height:320px;    
    border:0px dashed red;
    margin:5px;
    text-align:center;
     margin-bottom:20px;   

}
.artigo_wrap:hover
{              
    float:left;
    width:98%;
    height:320px;
        text-align:center;
    // border:1px solid #dedede;       
  


}

}