body, html {
font-family: Segoe UI, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
margin:0px;     
color:#000;
font-size:1.2em;
}
.blink_me {
  animation: blinker 1s linear infinite;
}

.blink_me1 {
  animation: blinker 8s linear infinite;
}



.link1{
 color:#000;
 text-decoration:none;
transition: all .2s ease-in-out;
}
.link1:hover{
 color:#000;
 text-decoration:none;
}


.link2{
 color:#FF6600;
 text-decoration:none;
transition: all .2s ease-in-out;
}
.link2:hover{
 color:#000; 
font-size:1.3em;  
 text-decoration:none;
 transition: all .2s ease-out-in;
}


.socialicons{
 width:32px;
 height:32px;
 border:0px solid blue;
 text-decoration:none;
}
/***********INICIO DE IMPORT ************/
.boxmsg {
    position: absolute;
    top:50px;
    z-index:99;
      margin-left:10%;
      margin-top:2%;
      width:80%;
      height:60%;
      background:#fff;
      display: block;
      border-radius: 10px;
      -webkit-box-shadow: 0px 0px 28px 1px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 28px 1px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 28px 1px rgba(0,0,0,0.75);
  animation: cssAnimation 0.2s linear;   
      
}
.boxmsg_tit {
    position: relative;
    margin-left:1%;
    margin-top:1%;
    width:98%;
    font-size:1.5em;
    text-align:center;
    color:#ff6600;
    border:0px solid red;                                                                       
}

.linha_add_art{
    text-align:center;
    font-size:0.9em;                                                            
}
.linha_add_art1{
    margin-top:15px;
    margin-bottom:15px;
    text-align:center;
    font-size:1.1em;                                                            
}
.cortina {
    position: fixed;
        z-index:99;
    height:100%;
    width:100%;
    top: 0;
    left:0;
    border:0px solid red;
    display: block;
    background: url(../imagens/transp_black.png);
}


.bt_right_1{
    padding:5px;
    text-align:center;    
    float:right;
    font-size:0.9em;
    background:#494949;
    color:#fff;
    border:1px solid #fff;       
}

.bt_right_2{
    float:right;
    background:#FFF;
    border:1px solid #fff;       
}


.bt_right_1:hover{
background: #ff6600;
 border:1px solid #ff6600;    
}

.bt_center{
    height:55px;
    margin-right:35%;
    margin-bottom:2%;
    padding:15px;
    text-align:center;    
    width:30%;
    float:right;
    background:#494949;
    color:#fff;
    border:1px solid #494949;    
    border-radius: 10px;     
}
.bt_center1{
    height:35px;
    margin-right:35%;
    padding:5px;
    margin-bottom:5px;
    text-align:center;    
    width:30%;
    float:right;
    background:#fafafa;
    color:#000;
    font-size:1.1em;
    border:1px solid #dedede;    
    border-radius: 5px;     
}


.bt_left{
    height:30px;
    width:30%;
    float:left;
    background:#494949;
    color:#fff;
    margin-left:10%; 
    margin-bottom:2%;   
    padding:15px;
    text-align:center;
    border:1px solid #494949;
    border-radius: 10px;                                                                    
}


.bt_right{
    height:30px;
    margin-right:10%;
    margin-bottom:2%;
    padding:15px;
    text-align:center;    
    width:30%;
    font-size:1em;
    float:right;
    background:#494949;
    color:#fff;
    border:1px solid #494949;    
    border-radius: 5px;     
}
.bt_left:hover{
background: #ff6600;
 border:1px solid #ff6600;
 -webkit-box-shadow: 0px 0px 28px 1px #ff6601;
-moz-box-shadow: 0px 0px 28px 1px #ff6601;
box-shadow: 0px 0px 28px 1px #ff6601;   border-radius: 10px;                                                                    
}
.bt_right:hover{
background: #ff6600;
    border:1px solid #ff6600;    
-webkit-box-shadow: 0px 0px 28px 1px #ff6601;
-moz-box-shadow: 0px 0px 28px 1px #ff6601;
box-shadow: 0px 0px 28px 1px #ff6601;      
}
.bt_center:hover{
background: #ff6600;
    border:1px solid #ff6600;    
-webkit-box-shadow: 0px 0px 28px 1px #ff6601;
-moz-box-shadow: 0px 0px 28px 1px #ff6601;
box-shadow: 0px 0px 28px 1px #ff6601;      
}
.bt_center1:hover{
background: #ff6600;
    border:1px solid #ff6600;  
    color:#fff;  
-webkit-box-shadow: 0px 0px 28px 1px #ff6601;
-moz-box-shadow: 0px 0px 28px 1px #ff6601;
box-shadow: 0px 0px 28px 1px #ff6601;      
}

/******FIM DE IMPORT************/
/* =Your Generated css 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

@-webkit-keyframes cssAnimation {from { -webkit-transform:  rotate(10deg) scale(0.01) skew(-1deg) translate(300px); }  to { -webkit-transform:  rotate(180deg) scale(1) skew(0deg) translate(16px); } } 
@-moz-keyframes cssAnimation {from { -moz-transform:  rotate(198deg) scale(0.01) skew(-1deg) translate(300px); }  to { -moz-transform:  rotate(180deg) scale(1) skew(0deg) translate(16px); } } 
@-o-keyframes cssAnimation {from { -o-transform:  rotate(198deg) scale(0.01) skew(-1deg) translate(300px); }  to { -o-transform:  rotate(180deg) scale(1) skew(0deg) translate(16px); } }
/* End of Your Generated css 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


@keyframes blinker {  
  50% { opacity: .blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}0; }
}
     .linha_top{
          padding-top:1px;
          height:24px;
          width:100%;
        /*  background: #dedede;*/       
      }
     .linha_top_b1
     {
          float:left;
          height:18px;
          width:28%;
          font-size:0.9em;
          border:0px solid red;          
      }
    .linha_top_desc
     {
          float:left;
          height:20px;
          text-align:right;
          width:55%;
          font-size:0.9em;
          color:#000;    
           border:0px solid blue;
      }

     .linha_top_bt
     {
          float:right;
          height:15px;
          text-align:center;
          padding:4px;
          width:30%;
          font-size:1em;        
           background:#fff;
         border:1px solid #fff;
          color:#000;  
          font-weight:600;   
                    
      }
     .linha_top_bt:hover
     {
          float:right;
          height:15px;
          text-align:center;
          padding:4px;
          width:30%;
          font-size:1.1em;        
           background:#fff;
         border:1px solid #fff;
          color:#000;  
          font-weight:600; 
      }
      
     .linha_top_flg
     {
          float:right;
          height:22px;
          width:35px;
          font-size:0.9em;
          border:0px solid blue;          
      }
     .espaco
     {
          float:left;
          height:35px;
          width:100px;
          font-size:0.9em;
          border:0px solid #000;        
          border-right:0px solid #000;     
      }    
     .bag1
     {
          float:left;
          height:35px;
          width:30px;
          font-size:0.9em;
          border:0px solid #000;        
          border-right:0px solid #000;     
      }    
      

     .totalcarrinho
     {
          float:left;
          height:25px;
          width:70px;
          text-align:left;
          padding-top:10px;
          font-family:tahoma;
          font-size:0.6em;
          border-left:0px solid #000;  
             //       border:1px solid #000;         
      } 
     #moldura{
          width:100%;     
          border:0px solid red;
          overflow:hidden;
      }
      
     #moldura1{
 
          margin:5%;
          width:90%;         
          height:80%;
          position:fixed;    
          border:0px solid red;
          text-align:center;
          overflow:hidden;
      }

          .mensagem1
      {
            font-size:1em;
            color:#ff6600;
            text-align:center;

      }
      .msg
      
     .ajusta_c{
          max-width:90%;         
          max-height:90%;
 
      }      
      .logo_c{
          float:left;
          width:100%;
          text-align:center;
          margin-bottom:5%;
      }     
      .msg1
      {
            font-size:1.6em;
            text-align:center;
            font-weight:500;
  
      }
      .msg2
      {
            font-size:1em;
            text-align:center;

      }
      .msg3
      {
            font-size:0.8em;
            text-align:center;

      }
.clear{clear:both;}
/*/ cabecalho /*/
#fixedheader
{
    position:fixed;
    height:105px;
    width:100%;
    border:0px solid red;      
    background:#fff; 
    margin-bottom:100px; 
    z-index:999;
}
#header{
   width:100%;
           border-bottom:0px solid #dedede;      
           background:#fff;  

 
}
      .logoa{
          float:left;
          width:18%;
          text-align:center;
          height:75px;
      }
      .menua1{
          float:right;
          width:75%;
          height:45px;
      }
      .menua{
          float:right;
          width:75%;
          height:45px;   
      }

/*/ corpo /*/
#corpo
{              
    float:left;
    width:100%;   
    clear:both; 
}
#redessociais
{              
    float:left;
    width:98%;
    margin:1%;
    height:30px;
    border:0px solid red;   
    text-align:center;
}
#artigos
{              
    float:left;
    width:100%;   
    clear:both; 
}
#corpo_wrap
{              
    float:left;
    width:96%;    
    margin-left:2%;
    border:0px solid #b3b3b3;
    clear:both;
}
.artigo_wrap
{              
    float:left;
    width:19%;
    height:320px;    
    border:1px solid red;
    margin:5px;

}
#corpo_tit
{              
    float:left;
    width:96%;
    margin-left:2%;
    margin-bottom:20px;    
    padding-top:20px;
    height:30px;
  color:#494949;
    border-bottom:0px solid #dedede; 
    font-size:1.5em;
    text-align:left;  
}
#corpo_titx
{              
    float:left;
    width:96%;
    margin-left:2%;
    margin-bottom:20px;    
    padding-top:20px;
    height:20px;
  color:#494949;
    border-bottom:0px solid #dedede; 
    font-size:0.9em;
    text-align:left;  
}
#corpo_titw
{              
    float:left;
    width:96%;
    margin-left:2%;
    margin-bottom:20px;    
    padding-top:20px;
    height:25px;
  color:#494949;
    border-bottom:1px solid #dedede; 
    font-size:0.8em;
    font-weight:bold;
    text-align:left;  
}

#bloco_linha
{
    float:right;
/*    margin-top:100px; */
    width:100%;
    height:650px;
    border:0px solid red;
}
 #marcas
{
    float:left;
    width:99%;
    height:460px;
    background:#fff;
        border-top:1px solid #dedede;
}
 #marcas_fam
{
    float:left;
    width:99%;
    height:300px;
    background:#fff;
  //      border-top:1px solid #dedede;
}


#footer
{
    float:left;
    width:100%;
    border:0px solid red;
    font-size:0.7em;
    background: rgb(206,206,206);
}
#footer100
{
    float:left;
    width:98%;
    font-size: 0.7em;
    text-align:center;    
    line-height:18px;
    margin:1%;
    border-top:1px solid #dedede;
}
#footer1
{
    float:left;
    width:22%;
    line-height:20px;
    font-size: 0.8em;
    height:110px;
    margin:1%;
    border:0px solid #dedede;
}
#footer2
{
    float:left;
    width:22%;
    line-height:20px;
    font-size: 0.8em;
    height:60px;
    margin:1%;
    border:0px solid #dedede;
}

.fototexto
{
    float:left;
    width:28.5%;
    height:auto;
    margin:2%;
    border:2px solid #dedede;
}
.bold
{
    float:left;
    width:100%;
    text-align:center;
    font-size: 1.2em;
    font-weight:bold;
}
.ajusta50
{
    width:50%;
    height:auto;
}
.ajusta50_50
{
    width:50%;
    height:auto;
}

.ajusta_se_lista_art
{

    height:100%;
    max-width:100%;
    width:auto;
	-webkit-transform: rotate(0) scale(1.1);
	transform: rotate(0) scale(1.1); 
  	transition: .3s ease-in-out;
}
.ajusta_se_lista_art: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;

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

.ajusta_se: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;

}


/*/ fim de corpo /*/









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

}

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

   border-bottom:1px solid #dedede;   
}      
#corpo_tit
{              
    float:left;
    width:96%;
    margin-left:2%;
    margin-bottom:20px;    
    padding-top:20px;
    height:20px;
  color:#494949;
    border-bottom:0px solid #dedede; 
    font-size:1.1em;
    text-align:left;  
}

     .linha_top{  
          width:100%;
          font-size:0.9em;
          border-bottom:0px solid #000;          
      }
      .linha_top_b1
     {
          float:left;
          height:25px;
          width:100%;
          font-size:0.9em;
          border:0px solid red;          
      }
      .logoa{
            float:left;
            width:100%;
            height:40px;
            text-align:center;
            border-right:1px solid #dedede;
      }
      .menua{
            float:right;
            width:100%;
            height:40px;
            border-left:1px solid #dedede;
      }
#bloco_linha
{
    float:right;
    margin:0.5%;
    width:99%;
    height:150px;
    border:0px solid #dedede;
}
#footer1
{
    float:left;
    width:90%;
    margin-left:5%;
    font-size: 0.8em;
    border-bottom:0px solid #dedede;
}  
.footer1x
{
    float:left;
    width:100%;
    height:16px;
    border:0px solid blue;
}
#footer2
{
    float:left;
    width:40%;
    margin-left:5%;
    line-height:20px;
    font-size: 0.8em;
    border-bottom:0px solid red;
}  
.ajusta50_50
{
    width:100%;
    height:auto;
}
.ajusta50
{
    width:50%;
    height:auto;
}

 

}


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



}