
/* mobile */
@media (min-width: 320px) and (max-width: 767px) {   
  #loja{
    position:absolute !important;
    top:0px !important;
  }
  .meta{
      width: 100%;
  }
  .col-md-12.mt20 td {
    width: 100% !important;
  }

  .leftsidebar{ min-height:0px !important;}
  .conteudo_img_holder{ max-width:38% !important;}
  article{ padding-left:0px !important;}
  .h2titulo{font-size:28px !important;}

  .col-md-12 img{
      float: none;
      width: 100%;
      margin: 0px 0px 10px;
  }
  table {
    width: 100%;
    margin-top: 80px;
  }
  table, thead, tbody, th, td, tr {
    display: block;
  }
  #crumb_esq{ 
    padding: 15px 35px 30px 0px !important;
    float: none !important;
    width: 100% !important;
  }
  #crumb_dir{ float:none; padding: 0px 0px 60px !important;}
  .articleItem .ff_wide, .tinyMCEarticle .ff_wide {
    padding: 0 0px 0px 8%;
  }
  .mt40{ margin-top:0px !important;}
  .articleItem .column, .tinyMCEarticle .column {
    padding: 0px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {   
   .leftsidebar{ min-height:100px !important; border-right:0px !important; padding-left:30px !important; } 
}


@media (min-width: 993px) and (max-width: 1200px) {   
   .container{ width: 90%; margin-left: 100px; margin-right: 100px;}
  .leftsidebar{ max-width: 20%; }
}

/* Large desktop */
@media (min-width: 1201px) and (max-width: 1440px) { 

  .container{ width: 90%; margin-left: 100px; margin-right: 100px;}
  .leftsidebar{ max-width: 20%; }
}

/* HI Large desktop */
@media (min-width: 1441px) and (max-width: 1830px) { 
  .container{ width: 90%; margin-left: 10%; margin-right: 0%;}
  .leftsidebar{ max-width: 320px; }
  article{ width:95%;}
}


@media (min-width: 1831px) and (max-width: 2100px) {
  .container{ width: 85%; margin-left: 10%; margin-right: 5%;}
  .leftsidebar{ max-width: 420px; }
  article{ width:95%;}
}

@media (min-width: 2101px){ 
  .container{ width: 80%; margin-left: 10%; margin-right: 10%;}
  .leftsidebar{ max-width: 520px; }
  article{ width:95%;}

}

.h2titulo{ 
  margin: 0; 
  color: #000000; 
  font-family: 'Open Sans','Roboto','Helvetica Neue', Helvetica, Arial, sans-serif;  
  font-size: 32px; 
  font-weight:300; 
  line-height: 40px;
}
.hrstyle{ 
    border-top:0px;
    display: block; height: 1px; width: 100%; 
    margin: 6px 0 10px 0; 
    background-color: rgba(0, 0, 0, 0.1);
}

.x-breadcrumb-wrap {
min-height: 37px;
padding: 1.05em 0;
line-height: 1.4;
}


  .img-responsivexx{
      height: auto !important;
      margin: 0% ;
      max-width: 100%;
      /* width: 100% !important;*/
  }


  .img-responsive2xxx{
      height: auto !important;
      margin: 0% 0.25%;
      max-width: 49.5%;
      width: 49.5% !important;
  }

  .img-responsivexx3{
      height: auto !important;
      margin: 0% 0.5%;
      /* max-width: 32%;
      width: 32% !important;
      */
      width: 22.5% !important;
      max-width: 22.5% !important;
  }

  .img_w_50xxx{
      height: auto !important;margin: 0% 0.5%;width: 50% !important;max-width: 50% !important;
  }

  .img-responsive4xxx{
      height: auto !important;
     margin: 0% 0.5%;
      max-width: 24%;
      width: 24% !important;
  }


.nav-tabs{ border-bottom:0px; margin:2% 0% 0% 0%;}
.nav-tabs > li > a{ border:0px;}
.nav-tabs > li.active > a:hover{  border-bottom: 0px;
border-left: 1px solid #f0f0f0;
border-right: 0px solid #f0f0f0;
border-top: 0px solid #f0f0f0;}
.nav-tabs > li.active > a{  


border-bottom: 0px;
border-left: 1px solid #cc0000;
border-right: 0px solid #f0f0f0;
border-top: 0px solid #f0f0f0;



}
.nav-tabs > li > a:hover{ border:0px;}
.nav > li > a:focus {background-color: none;}
.tab_imagem{ }
.tab-content{ border: 0px solid #f0f0f0;
padding: 0px;}

.activo{ color:#a8353a;}


.x-breadcrumb-wrap {
min-height: 37px;
padding: 1.05em 0;
line-height: 1.4;
background-color: #ffffff;
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.715);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.715);
}

.seta_barra{
        position: absolute;
        top: -25px;
        z-index: 998;margin: 0 auto;
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        line-height: 0;
        border-width: 0 25px 25px 25px;
        border-color: transparent transparent #ffffff transparent;
        vertical-align: middle;
        display: inline-block;
        zoom: 1;
}



.h4_titulo{padding-left: 10px; margin-top: 10px;font-size: 14px;}
