body, html                                                                                                                   
{
    font-family: 'Century gothic', sans-serif;                                                  
    letter-spacing: 0.7px;
    margin:0px;     
    color:#6a0026;
    TOP:-27px;
    font-size:0.9em;     
}
a
{
   color:#fff;
}
a:houver
{
   color:#fff;
}

.tophead
{
   // float:left;
   
    position:fixed;
    TOP:0px;
   // width:100%; 
    width:100vw; 
    text-align:center; 
    height:60px;  
    border:0px solid red; 
    background-color: rgba(0, 0, 0, 0.7);
    z-index:999999999999999999;
    BORDER:0PX SOLID yellow;
}
.tophead_center
{
    position:absolute;
    top:0px;
    left:11%;
    padding-top:10px;
    
    width:78%; 
    height:0%;
    border:0px solid red;
    text-align:center;    
    color:#FFF;
    line-height:20px;
    font-size:3em;
    z-index:999999999999999;
}
.tophead_right
{
    position:absolute;
    top:0px;
    left:89%;
    width:10%; 
    height:5%;
    border:0px dotted red;
    text-align:right;    
}
.corpo2
{
    position:absolute;
    top:100%;
    left:0%;
    width:100%; 
    background:#000;
}
.sub_corpo
{
    float:left;
    margin-left:0%;
    padding-top:60px;
    border-bottom:0px dashed blue; 
    margin-bottom:20px;   
    width:100%; 
    background:#000;
}

.sub_corpo_a
{
    float:left;
    margin-left:0%;
    padding-top:60px;
    border-bottom:0px dashed blue; 
   // margin-bottom:20px;   
    width:100%; 
    background:#212121;
}


.sub_corpo_b
{
    float:left;
    margin-left:0%;
    padding-top:60px;
    border-bottom:0px dashed blue; 
   // margin-bottom:20px;   
    width:100%; 
    background:#424242;
}

.sub_corpo_c
{
    float:left;
    margin-left:0%;
    padding-top:60px;
    border-bottom:0px dashed blue; 
  //  margin-bottom:20px;   
    width:100%; 
    background:#585757;
}

.sub_corpo_d
{
    float:left;
    margin-left:0%;
    padding-top:60px;
    border-bottom:0px dashed blue; 
   // margin-bottom:20px;   
    width:100%; 
    background:#626161;
}


.sub_corpo_e
{
    float:left;
    margin-left:0%;
    padding-top:60px;
    height:107vh;
    border:0px dashed blue; 
    //margin-bottom:20px;   
    width:100%; 
    background:#6f6f6f;
}

















.titulo
{
    float:left;
    font-size:20px;
    color:#FFF;
    text-decoration: none;
    text-align:center;
    border:0px dotted red; 
    width:100%; 
}

.legenda_hr
{
    float:left;
    font-size:12px;
    color:#000;
    text-align:center;
    border:2px solid  red; 
    width:100%; 
}

 .ajusta_img
{
    width:100%;
    height:auto;

}

.menu_bottom
{
    float:left;
    text-align:center; 
    margin-top:0px;
    width:98%;
    padding:1%;  
    border-bottom:1px solid #c1c1c1;
    font-size:14px;
    color:#fff;
  //  background:#494949;
   // background:red;
}
.artigos_bloc
{
    float:left;
    text-align:center; 
    margin-top:0px;
    width:98%;
    min-height:500px;
    padding:1%;  
    border:0px dotted red;
    font-size:14px;
    color:#fff;
    background:#000;
    display:block;
}


.artigos_bloc_sf
{
    float:left;
    text-align:center; 
    margin-top:0px;
    width:98%;
    min-height:500px;
    padding:1%;  
    border:0px dotted red;
    font-size:14px;
    color:#fff;
    display:block;
}



.artigos_bloc_frame1
{
    float:left;
    text-align:center; 
    margin-top:25px;
        margin-bottom:25px;
    margin-left:4%;
    width:90%;
    min-height:300px;
    height:90vh;
    padding:1%;  
  //  border:1px dotted red;
    font-size:14px;
    color:#fff;
  //  background:#494949;
    display:block;
}

.artigos_bloc_frame
{
    float:left;
    text-align:center; 
    margin-top:0px;
    width:98%;
    height:650px;
   // padding:1%;  
    /*
    border-top:1px solid #494949;
    border-bottom:1px solid #494949;
    */
    font-size:14px;
    color:#fff;
    background:#000;
    display:none;
}


.artigos_bloc_img
{
    float:left;
    text-align:center; 
    margin-top:0px;
    width:45%;
    height:95%;
    padding:1%;  
    overflow:hidden;
    border:0px dotted blue;
  //  background:url(../imagens/menu_img.jpg) no-repeat;
    font-size:14px;
    color:#fff;
}
.artigos_bloc_descricao
{
    float:right;
    text-align:justify; 
    line-height:26px;
    margin-top:0px;
    width:48%;
    height:95%;
    padding:1%;  
   // border-left:1px solid #0c0c0c;
    font-size:14px;
    color:#fff;
}
.slidet
{       
    position:relative;
    top:-7px;
    width:100%;
    height:90Vh;
    min-height:500px;
    border:none;
    outline:0;

}
.artigos_bloc_img1
{
    float:left;
    text-align:justify; 
    margin-top:0px;
    width:45%;
    height:95%;
    padding:1%;  
    overflow:hidden;
    border:0px dotted blue;
  //  background:url(../imagens/menu_img.jpg) no-repeat;
    font-size:14px;
    color:#fff;
}
.artigos_bloc_descricao1
{
    float:right;
    text-align:justify; 
    line-height:26px;
    margin-top:0px;
    width:48%;
    height:95%;
    padding:1%;  
   // border-left:1px solid #0c0c0c;
    font-size:14px;
    color:#fff;
}




.footer
{
    float:left;
    margin-left:0%;
    padding:0%;
    border:0px dotted blue; 
    width:100%; 
      background:#000;
      text-align:center;
      
}
.footer_blocs
{
    float:left;
    margin-left:3%;
    padding:0%;
    color:#fff;  
    width:29.5%; 
    font-size:12px;
    line-height:20px;
     height:100%;
    text-align:left;
      
}

.footer_info
{
    float:left;
    margin-left:0%;
    padding:0%;
    color:#fff;  
    width:100%; 
    font-size:12px;
    background:#000;
    text-align:left;
      
}
.creditos
{
    float:left;
    border-top:0px solid #494949;
    padding-top:15px;
    padding-bottom:5px;
    color:#fff;  
    width:100%; 
    font-size:10px;
    text-align: center;
    background:#000;
}

.bar1
{
    width:100%; 
    height:auto;
    border:0px dotted red;    
}
.logo1
{
    position:relative;
    top:0px;
    left:0%;
    z-index:100;
    border:0px solid blue; 
}
.tophead_left
{
    position:absolute;
    top:0px;
    left:1%;
    width:28%; 
    height:0%;
    z-index:101;
    border:0px solid red;
    text-align:left;    
}
.barras
{
/*
    position:relative;
    z-index:101;
    */
  float:right;
    margin-right:0px;
    border:0px solid blue;    
    display:block;
}

.fechar_barras
{
  //  float:right;      
      position:relative;
     left:60%;
    z-index:101; 
    border:0px solid #fff;    
    display:none;
}

.fechar_barras_produtos
{
  //  float:right;      
    position:relative;
    left:3px;
    top:3px;
    z-index:101; 
    border:0px solid red;    
    display:none;
}


.tophead_right_barr
{
    float:right;
    width:100%; 
    height:100%;
    border:0px solid blue;
    text-align:right;    
}
.tophead_right_barr_fecha
{
    float:right;
    width:100%; 
    height:100%;
    border:0px solid blue;
    text-align:right;    
}


.tophead_right_user
{
    float:left;
    width:40px; 
    height:50px;
    border:0px solid #fff;
    text-align:left;    
}
.tophead_produtos
{
    float:left;
    width:63%; 
    height:50px;
    margin-left:20px;
    padding-top:7px;
    height:40px;
    border:0px dotted blue;
    font-size:16px;
    font-weight:500px;
    color:#FFF;    
    text-align:left;    
}
.slogan
{
    float:left;
    width:100%; 
    margin-top:20%;
    height:10%;
    font-size:3em;
    color:#FFF;
    border:0px solid blue;
    text-align:center;    
}

.menu
{
    position:fixed;
    top:0px;
    width:99.85vw; 
    left:0%;
    padding-top:15%;    
    height:68.85%;
    font-size:1.4em;
    color:#FFF;
    border:0px solid white;
    border-left:1px solid #000;
    border-right:1px solid #000;
    text-align:center;  
    background:url(../imagens/tr1.png);
    display:none;
    z-index:50;     
}
.menu_produtos
{
    position:fixed;
    top:0px;
    width:99.85%; 
    left:0%;
    padding-top:7%;    
    height:85.5%;
    font-size:1.4em;
    color:#FFF;
    border-left:1px solid #000;
    border-right:1px solid #000;
    text-align:center;  
 //   background:url(../imagens/pedras2.jpg);
        background:url(../imagens/tr1.png);
    display:none;
    z-index:50;
}
.linha1
{
    float:left;
    width:100%;
    padding-top:10px; 
    height:40px;
    border:0px solid yellow;
}

.linha_subm
{
      float:left;
      width:98%;
      margin-left:1%;
      padding-top:5px; 
      padding-bottom:10px; 
      text-align:center;
      font-size:0.8em;
      border-top:1px solid #494949;
      border-bottom:1px solid #494949;
     display:none;
 
}
.subpro_corantes
{
    float:left;
    width:98%;
    margin-left:1%;
    padding-top:5px; 
    padding-bottom:0px; 
    text-align:center;
    border-bottom:0px solid red;
    display:none;
}
.margin_sub
{
      float:left;
  
      margin-left:20%;       

}

.subpro_line
{            
      padding-top:5px; 
      padding-bottom:5px; 
      padding-left:20px;
      padding-right:20px;      
      text-align:center;
      display:inline-block;
      font-size:1em;
      border:0px solid  red;      
}



 .subpro_line_tit
{
      float:left;
      width:100%;
      text-align:center;
      margin-top:10px;
      font-size:1.1em;
      font-weight:500;
      text-decoration: underline;
      text-transform: uppercase;
      border:0px solid  #494949;      
      color:#fff;
}

.cor
{
      float:left;
      width:52px;
      height:52px;
      border-radius:30px;
      margin-right:5PX;
      text-align:center;
      font-size:0.5em;
      border:1px solid  #000;      

}
.menu_op_tit
{
      float:left;
      margin-left:0%;
      margin-bottom:10px;
      padding-bottom:5px;
      width:100%;
      text-align:center;
      font-size:1.4em;
      border-bottom:1px solid #1b1b1b;
}
.menu_op
{
      float:left;
      margin-left:1%;
      width:12.2%;
      padding:5px;
      font-size:1em;
      color:#fff;
      border:0px solid red;
}
.menu_op:hover
{
      float:left;
      margin-left:1%;
      width:12.2%;
      padding:5px;
      color:#fff;
      text-decoration: underline;
      font-size:1em;
      border:0px solid red;
}
@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: 100px) and (max-width: 640px) {

.artigos_bloc_img
{
    float:left;
    text-align:center; 
    margin-top:0px;
    width:98%;
    height:95%;
    padding:1%;  
    border:0px dotted blue;
    background:url(../imagens/menu_img.jpg) no-repeat;
    font-size:14px;
    color:#fff;
}
.artigos_bloc_descricao
{
    float:right;
    text-align:center; 
    margin-top:0px;
    width:98%;
    height:95%;
    padding:1%;  
    border:1px dotted blue;
    font-size:14px;
    color:#fff;
}


.linha1
{
    float:left;
    width:100vw;
    padding-top:10px; 
    height:30px;
    border:0px solid yellow;
}
.menu_produtos
{
    position:fixed;
    top:0px;
    width:99.85%; 
    left:0%;
    padding-top:25%;    
    height:85.5%;
    font-size:1.4em;
    color:#FFF;
    border-left:1px solid #000;
    border-right:1px solid #000;
    text-align:center;  
 //   background:url(../imagens/pedras2.jpg);
        background:url(../imagens/tr1.png);
    display:none;
    z-index:50;
}
.fechar_barras_produtos
{
  //  float:right;      
    position:relative;
    left:3px;
    top:3px;
    z-index:101; 
    border:0px solid red;    
    display:none;
}
.tophead_right_user
{
    float:left;
    width:37px; 
    height:40px;
    border:0px solid #fff;
    text-align:left;    
}
.fechar_barras
{
  //  float:right;      
      position:relative;
     left:-10px;
    z-index:101; 
    border:0px solid #fff;    
    display:none;
}

.bar1
{
    height:auto;
    border:0px dotted yellow;    
}
.tophead_produtos
{
    display:none;
}
    .slogan
    {
        float:left;
        width:100%; 
        margin-top:40%;
        height:10%;
        font-size:2em;
        color:#FFF;
        border:0px solid blue;
        text-align:center;    
    }
    
    .menu
    {
    position:fixed;
        top:0px;
        width:100%; 
        left:0%;
        padding-top:40%;    
        height:70%;
        font-size:1.4em;
        color:#FFF;
        border:0px solid white;
        border-left:1px solid #000;
        border-right:1px solid #000;
        text-align:center;  
        background:url(../imagens/tr1.png);
    }

    .menu_op
    {
          float:left;
          margin-left:1%;
          width: 94%;
          padding:2%;
          font-size:1em;
          color:#fff;
          border:0px dotted red;
    }
    .menu_op:hover
    {
          float:left;
          margin-left:1%;
          width: 94%;
          padding:2%;
          font-size:1em;
          color:#fff;
          text-decoration: underline;      
          border:0px dotted red;
    }




}