a, a:link, a:visited, a:hover  {color:#000; color:#000; }
#artigos
{              
    float:left;
    width:100%;   
    clear:both; 
}
.corpo_linha_texto_obs
{
      float:left;
      border:0px solid red;
      margin-top:20px;
      width:98%;
      font-size:14px;
      color:#000;
      line-height:22px;
      font-style: italic;
      font-family:arial;
}
.arttit
{
      float:left;
      border:0px solid red;
      width:98%;
      font-size: 1.2em;
      font-weight:600;
      line-height:22px;
      font-style: normal;
      font-family:Segoe UI;
}


.ajusta_se_gr
{
    width:100%;
    height:auto;
	-webkit-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1); 
  	transition: .3s ease-in-out;
}

.ajusta_se_gr:hover
{
	-webkit-transform: rotate(0deg) scale(1.01);
	transform: rotate(0deg) scale(1.01);
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;

}
  

          .ajusta
          {
          -webkit-transform: rotate(0) scale(1);
          transform: rotate(0) scale(1);
          }  
          .ajusta:hover
          {
          -webkit-transform: rotate(15deg) scale(1.4);
          transform: rotate(15deg) scale(1.4);
          -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out;      
          } 
            
          .ajustasel
          {
          border:2px solid #494949;
          width:98%;
          }  
          .ajustasel:hover
          {

                    border:2px solid #ff6600; 
                              width:98%;
          } 
          
        

          
           .ajusta0
          {
          width:100%;
          height:auto;
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
          }  
          .ajusta0:hover
          {
                    width:100%;
          height:auto;
    	-webkit-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;      
          } 
          

          #mold
          {
                float:left;
                width:92%; 
                margin-left:4%;
                margin-top:1%;                    
                margin-bottom:1%;                        
                border:0px solid blue;
           
          }         
          #mold_tit
          {
                float:left;
                width:100%;                 
                margin-bottom:1%;              
                font-size:1.3em;  
                color:#494949;        
                border-bottom:1px solid #dedede;
           
          }         
              

              .artitem
          {
                float:left;
                width:23.8%; 
                margin-right:1%;
                margin-bottom:1%;                        
                height:500px;
                border:1px solid #dedede;
                overflow:hidden;
           
          } 

          .artitem-mini-foto
          {
                float:left;
                width:100%;
                margin-top:10px;                        
                height:80px;
                border-top:0px solid #dedede;
                overflow:hidden;
          } 
          
          
         .foto_artigo
          {
                float:left;
                width:75%; 
                margin-right:3%;
                margin-bottom:1%;                        
                height:450px;
                border:0px solid #dedede;
  
           
          }   
                                
          
          .mini_lista
          {
                float:left;
                height:85%; 
                width:auto;
                margin:5px;        
                padding:2px;
                background:#fff;              
                border:1px solid #dedede;
          }   
          .mini_lista:hover
          {
                float:left;
                height:85%; 
                width:auto;
                margin:5px;        
                padding:2px;
                background:#fff;              
                border:1px solid #ff6600;
          }                  
          .foto_artigo_col
          {
                  float:left;
                  width:15%; 
                  margin-right:2%;
                  margin-bottom:1%;                        
                  height:400px;
                  border:0px solid #dedede;
          }            
          .ajusta_mini
          {
                  float:left;
                  width:100%; 
                  height:auto;
                  margin-bottom:5px;                       
                  border:0px solid #dedede;
          }            
          
                
          .zoo0
          {
                width:96%;
                padding:2%;
                height:63%;  
                text-align:center;       
              //  height:auto;
                border:0px solid red;
                overflow:hidden;
          }    
          .zoo
          {
                width:100%;         
                height:100%;
                border:1px solid #dedede;
                overflow:hidden;
          }    
        
          .zoogr
          {
                width:100%;         
                height:100%;
                border:1px solid #dedede;
                overflow:hidden;
          }    
           .zoogr:hover
          {
                position:relative;
                left:0px;
                top:-30px;
                width:150%;         
                height:150%;
                border:1px solid #dedede;
                z-index:100;
          }            

                   
          .zoo1
          {
                width:100%;         
                height:auto;
                border:0px solid yellow;
                overflow:hidden;
          }   
           
          .desc
          {
                width:100%;         
                height:25px;
                font-family:Segoe UI;
                font-size:0.8em;
                border:0px dotted blue;
                overflow:hidden;
          }   
          .prv
          {
                width:100%;         
                height:23px;
                padding-top:-5px;
                font-family:Segoe UI;
                font-weight:300;
                font-size:1.3em;
                font-weight:bold;
                border:0px solid yellow;
                overflow:hidden;
          }        
          
          .desc1
          {
                          float:left;
                width:100%;         
                height:35px;
                font-family:Segoe UI;
                font-size:0.7em;
                                    text-align:center;
                border:0px dotted blue;
                overflow:hidden;
          }   
          .prv1
          {
                          float:left;
                width:100%;         
                height:30px;
                padding-top:-5px;
                font-family:Segoe UI;
                font-weight:300;
                font-size:1.1em;
                    text-align:center;
                font-weight:bold;
                overflow:hidden;
          }       
          
          .prv1_oa
          {
                          float:left;
                width:100%;         
                height:30px;
                padding-top:-5px;
                font-family:Segoe UI;
                font-weight:300;
                font-size:1.1em;
                text-align:left;
                color:#000;
                font-weight:bold;
                overflow:hidden;
          }            
          .prv1_oad
          {
                float:left;
                width:100%;         
                height:40px;
                padding-top:-5px;
                font-family:Segoe UI;
                font-weight:300;
                font-size:1.3em;
                text-align:left;
                color:#000;
                font-weight:bold;
                overflow:hidden;
          }   
          .artpreco
          {
                float:left;
                width:100%;         
                height:40px;
                font-family:Segoe UI;
                font-weight:300;
                font-size:1.5em;
                text-align:left;
                color:#000;
                border:0px solid red;
          }  
          .artpreco_desc
          {
                float:left;
                width:100%;         
                height:20px;
                font-family:Segoe UI;
                font-weight:500;
                font-size:0.6em;
                text-align:left;
                margin-top:15px;
                color:#000;
                border:0px solid red;
          }  
                                   
          .arttams
          {
                float:left;
                width:100%;         
                height:80px;
                font-family:Segoe UI;
                font-weight:300;
                font-size:1.5em;
                text-align:left;
                color:#000;
                border:0px solid red;
          }  
                           
          .arttams_t
          {
                float:left;
                width:60px;         
                height:60px;
                margin-right:5px;
                font-family:Segoe UI;
                font-weight:300;
                font-size:1.2em;
                text-align:center;
                color:#000;
                border:1px solid #494949;
          }  

           .tqta
          {
                float:left;
                width:150px;
                margin-top:0px;
                margin-bottom:15px;
                height:40px;
                font-size:1.5em;
                text-align:center;
                color:#000;
                border:1px solid #494949;
                outline:0;
          }    
          
           .ttam
          {
                float:left;
                width:40px;
                margin-top:0px;
                 margin-right:10px;
                margin-bottom:15px;
                height:40px;
                font-size:1.2em;
                text-align:center;
                color:#000;
                border:1px solid #494949;
                outline:0;
          }              
          .btadd
          {
                float:left;
                width:100px;
                margin-top:0px;
                margin-left:5px;
                margin-bottom:15px;
                height:43px;
                border-radius:5px;
                font-size:0.5em;
                text-align:center;
                color:#000;
                background:#fafafa;
                border:1px solid #000;
                outline:0;
                transition: all .2s ease-in-out;
          }   
          .btadd:hover
          {
                float:left;
                width:100px;
                margin-top:0px;
                margin-left:5px;
                margin-bottom:15px;
                height:43px;
                border-radius:5px;
                font-size:0.6em;
                text-align:center;

                color:#000;
                border:1px solid #494949;
                background:#dedede ;
                
                outline:0;
          }   
                  
                 
          
.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;    
    border:1px solid #fbe9fb;
    margin:5px;
}
.artigo_wrap:hover
{              
    float:left;
    width:19%;
    height:320px;
     border:1px solid #f9d0fa;  
     background:#fff;     
/*  
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
*/
    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:55px;   
    line-height:18px; 
    border:0px solid red; 
    /*  font-style: italic; */
    color:#494949;
    text-transform: uppercase;   
    text-align:center;
    font-size:0.8em;
    margin:1%;
    overflow:hidden;

}

.artigo_pvps
{              
    float:left;
    width:98%;
    height:45px;    
    border:0px solid red; 
    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_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:-25%;
left:-20%;     
    height:190%;
    width:auto;
    max-width:250%;
   /*   border:1px solid #dedede;
  
-webkit-box-shadow: 0px 0px 80px -15px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 80px -15px rgba(0,0,0,0.75);
box-shadow: 0px 0px 80px -15px rgba(0,0,0,0.75);
  */
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

/* Sweep To Top */
.artigo_wrap {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.artigo_wrap:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fbe9fb;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.artigo_wrap:hover, .artigo_wrap:focus, .artigo_wrap:active {
  color: white;
}
.artigo_wrap:hover:before, .artigo_wrap:focus:before, .artigo_wrap:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}











@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) {

              .artitem
          {
                float:left;
                width:23.6%; 
                margin-right:1%;
                margin-bottom:1%; 
                //height:300px;                       
                height:360px;
                border:1px solid #dedede;
                                overflow:hidden;
           
          }    
}


@media only screen and (min-width: 768px) and (max-width: 939px) {
.artigo_wrap
{              
    float:left;
    width:30%;
    height:320px;    
    border:1px dashed red;
    margin:5px;

}
.artigo_wrap:hover
{              
    float:left;
    width:30%;
    height:320px;
     border:1px solid #dedede;       
  
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    margin:5px;

}

               .artitem
          {
                float:left;
                width:23.4%; 
                margin-right:1%;
                margin-bottom:1%;                        
                height:300px;
                border:1px solid #dedede;
                                overflow:hidden;
           
          }  
}

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

.artigo_wrap
{              
    float:left;
    width:48%;
    height:320px;    
    border:1px dashed #dedede;
    margin:5px;

}
.artigo_wrap:hover
{              
    float:left;
    width:48%;
    height:320px;
     border:1px solid #dedede;       
  
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    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; 
}

               .artitem
          {
                float:left;
                width:48%; 
                margin-right:1%;
                margin-bottom:1%;                        
                height:330px;
                border:1px solid #dedede;
                                overflow:hidden;
           
          }  

}


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

.artigo_wrap
{              
    float:left;
    width:98%;
    height:320px;    
    border:1px dashed #dedede;
    margin:5px;

}
.artigo_wrap:hover
{              
    float:left;
    width:98%;
    height:320px;
     border:1px solid #dedede;       
  
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    margin:5px;

}
                .artitem
          {
                float:left;
                width:98%; 
                margin-right:1%;
                margin-bottom:1%;                        
                height:410px;
                border:1px solid #dedede;
                                overflow:hidden;
           
          }  
}