/* TAGS */
html{ position:relative; min-height:100%; }
body{ margin-bottom:1px; top:0px !important; }
div{ margin:0; }
 

/* Barra de Idiomas */ 
#google_translate_element {
        display: none;
        position:absolute;
 }
 .goog-te-banner-frame {
        display: none !important;
        position:absolute;
}

/* LAYOUT */
#topo.container-fluid { background:#4f4f4f; color:#ededed; margin:0; }  /*  fUNDO tOPO */
#topo div{ }

#menu-principal.menu { margin:0;  }
#menu-principal.admin ul{ border:1px solid #bcbcbf; border-radius:6px; }
#menu-principal.admin ul li{ margin:0; padding:0;}
#menu-principal.admin .nav-stacked li span{ float:right; }
#menu-principal.admin ul li a { border-radius:0; border-bottom:1px solid #ededed !important; padding:1em; font-size:20px;  background-color:#bcbcbf; }
#menu-principal.admin ul li a:hover{ border-radius:0; }
#menu-principal.admin ul li.primeiro-item a { background-color:#bcbcbf; border-radius:6px 6px 0 0; }
#menu-principal.admin ul li.primeiro-item a:hover{ border-radius:6px 6px 0 0; }
#menu-principal.admin ul li.primeiro-item a { color:#fff;  }
.ultimo-item a { border-radius:0 0 6px 6px; border:0; }

.box-itens-menu
{
    display:block; width:100%; min-height:100px; position:absolute;
    z-index:100; box-shadow:4px 5px 2px #888888;
    display:none; background-color:#bcbcbf;
}

.box-itens-menu h2 { color:#008DAC; }
.box-itens-menu img { float:left; background:#bcbcbf; border-radius:8px; margin:1em; }
.box-itens-menu a { padding:1em; }

#pagina{ }
#aviso{ position:fixed; margin:0 25%; top:25%; width:50%; min-width:300px; z-index:100; }
#aviso h3{ border-bottom:1px solid #888; }
#aviso .alert{ margin:0; padding-top:0; border:8px solid #FA7B00; overflow:hidden; }
#aviso .alert strong, #aviso .alert h2, #aviso .alert h3 { padding:1em; }
#aviso .alert strong span{ display:block; }
.avito-titulo{ display:block; }
.aviso-conteudo{ display:block; font-size:16px; }

/* layout admin */
#admin-conteudo.container-fluid { margin-top:20px; }          
    
/* CLASSES EM GERAL */
.bg-ededed{ background-color:#ededed; padding:1em; }
.bg-008DAC { background-color:#008DAC; }
/* .bg-006C83 { background-color: #006C83; } */
.bg-006C83 { background-color: #4f4f4f; } /* pesquisar e categorias*/
.bg-fff{ background-color:#fff; }
.fcolor-666{ color:#666; }
.fcolor-ccc{ color:#ccc; }
.bd-radius25pc{ border-radius:25%; }
.bd-left{ border-left:1px solid #ccc !important; }
/* margin */
.mg-top{ margin-top:20px; }
.pd-top-20px{ padding-top:20px; }
.pd-bootom-20px{ padding-bottom:20px; }
.top10px{ margin-top:10px; }
.bot10px { margin-bottom:10px; }
.bot20px{ margin-bottom:20px; }
.fsz20px{ font-size:20px; }
.center-div{ margin: 0 auto;  }
.both { clear:both; }
.item-icon{ background-color: #008DAC; max-width:30px; padding:2px; border-radius:25%; }
.img-logo{ display:inline-block; max-height:80px; float:left; margin-right:20px; }


.chk-box input[type=checkbox] { display:inline-block; width:35px; height:35px; margin-left:4px; }
.chk-box .input-group-addon{ border-right:1px solid #ccc; }
.chk-box .form-control{ padding:0; margin:0;}

.off{ padding:1em 2em; background:#ff0000; color:#fff; border-radius: 0 50% 50% 0; }

.w120px { width:120px;  display:inline-block; }
.w150px { width:150px; display:inline-block; }
.w220px{ width:220px !important; max-width:220px;  }
.w320px{ width:320px !important; max-width:320px;  }
.w50pcMin280px{ width:50%; min-width:280px; }
.w50pcMin320px{ width:50%; min-width:320px; }
span.w120px, span.w220px{ display:inline-block; }

input[type=checkbox].check-opcoes { display:block; padding:1em;  background-color:#ff0000; }

.align-left{ text-align:left; }
.align-center{ text-align:center; }
.align-right{ text-align:right; }

figure.produto-item-imagem { display:block; max-width:95%; margin:8px auto; border:0.5em solid #ccc; overflow:hidden; }
figure.produto-item-imagem img{ max-width:100%; display:block;  }
figure.produto-item-imagem figcaption{ background-color: #ccc; padding:1em; }
.produto figure  img  { height :130px !important }
.produto figure   { height :150px !important }

.filtro{ background-color:#006C83; }
.filtro input-group{font-size:26px;}
.categoria{ background-color:#ededed; }
.navegacao{ padding-top:20px; }

/* REESCRTA */
.navbar-brand { min-height:120px; background: #ff4200;  } /* lOGO */
.navbar-brand:hover { background: #88888c !important;  }  /* LOGO */
.navbar-header { background: #ff4200; }  
.navbar-inverse, .navbar-default { border: 0; border-radius:0; background: #ff4200; margin-bottom:0; }   /* Menu Responsivo */
.navbar-nav li a img {  width:30px; display:block; margin:2px auto; }
.input-group { margin-top:10px; margin-bottom:10px;  overflow:hidden; }

.container, .row{ max-width:100%; }
.row{ margin:0; }
.display-data { max-width:100%; overflow:hidden; overflow-x:auto; }

.table{ max-width:100%; }
.table tr th, .table tr td{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table thead th{ text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table tbody td{ text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table tr.table-title-modal th { border-top:0; }

.table tr.readonly{ color:#ddd; }
.readonly a{ pointer-events: none; cursor: default; color: #ddd; }

.panel{ max-width:100%; }
.panel-body { max-width:100%; overflow:hidden; overflow-x:auto; }
.panel-footer{ overflow:hidden; }
.modal-body { max-height:500px; max-width:100%; overflow:auto !important; color:#333; }


.form-group .form-label{ color:#666; }
.produto {  padding-bottom:20px; }
.produto .container{ background-color:#fff; padding-bottom:20px; }
.produto figure{ width:100%; text-align:center;  }
.produto figure img{ max-width:100%; max-height:200px; }
.produto h1, .produto h2, .produto h3, .produto h4{ color:#666; }
.categoria h1, .categoria h2, .categoria h3, .categoria h4{ color:#666; }
.produto-item-qtde{ width:100px; text-align:center; padding:0.4em; border:1px solid #ccc;  border-radius:8px; }
.total-produtos { font-weight:700; font-size:20px; }
.valor-frete { font-weight:700; font-size:18px; color:#555; }

.meu-carrinho{ display:inline-block; padding:4px; text-align:center; position:relative; }  
.meu-carrinho .badge{ position:absolute; top:15px; left:25px; display:inline-block; }
.area-do-usuario{ display:inline-block; padding:4px; position:relative; }
.area-do-usuario a{ text-decoration:none; }
.area-do-usuario span.primeira-letra{ 
    display:inline-block; width:50px; height:50px; background-color:#008DAC; color:#ededed; 
    border-radius:50%; line-height:50px; text-align:center; font-weight:700; font-size:16px;
    box-shadow:2px 2px 2px #333;    
}
.meu-carrinho img, .area-do-usuario img { width:50px; }

ul.checkin-icon li{ display:inline-block; width:19.5%; font-size:18px; position:relative;  }
ul.checkin-icon li .numero{ 
    border-radius:50%; padding:0.5em 0.8em; background-color:#999; color:#fff;z-index:1; 
    position:relative;
}
ul.checkin-icon li.active .numero{ background-color:#008DAC; }
ul.checkin-icon li .status{ 
    display:inline-block; width:100%; height:5px; background-color:#666; position:absolute; top:10px; 
    left:10px; z-index:0;
}
ul.checkin-icon li.active .status{ background-color:#FA7B00; }

.checkin-title li{ display:inline-block; width:19%; font-size:20px;   }

/* carousel */
/* Carousel base class */
.carousel { height: 500px; }
/*.carousel .carousel-indicators{ background-color:#006C83; display:block; clear:both; }*/
.carousel .item-left{ text-align:center; }
.carousel .item-right{ }
.carousel .item-right h1{ color:#555; }
.carousel .item-right h2{ color:#666; }

/* Since positioning the image, we need to help out the caption */
.carousel-caption { z-index: 10; color:#555555; }

/* Declare heights because of positioning of img element */
.carousel .item {  height: 500px; width:100%; min-width:100%;  }
.carousel .item .item-left{ background-color:#fff; }
.carousel .item .item-left > img { max-height:500px;  }
.carousel .item .item-right{  height:500px; }
.carousel .item .item-right h1, .carousel .item .item-right h2 { background-color: #ededed; padding:0.5em; }
.carousel .item .item-right p{ overflow:hidden; width:100%; }
.carousel .item .item-right .col-md-10{ height:auto; }

#detalhe .col-md-6{ padding-left:0; }
#detalhe p{ display:block; height:auto; overflow:hidden; }
#detalhe{ background-color:#ededed; height:auto; overflow:hidden; }
#detalhe .carousel{ height:auto; }
#detalhe .carousel .carousel-inner{ height:90%; }
#detalhe .carousel .carousel-inner .item{ background:#ccc; text-align:center; }
#detalhe .carousel .carousel-inner .item figure{ height:85%; background-color:#fff; }
#detalhe .carousel .carousel-inner .item img{ height:90%; }
#detalhe .sale{ top:100px; }

/* Indicators list style */
#detalhe .article-slide .carousel-indicators {
    bottom: 0;
    left: 0;
    margin-left: 5px;
    width: 100%;
}
/* Indicators list style */
#detalhe .article-slide .carousel-indicators li {
    border: medium none;
    border-radius: 0;
    float: left;
    height: 54px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px !important;
    margin-top: 0;
    width: 100px;
}
/* Indicators images style */
#detalhe .article-slide .carousel-indicators img {
    border: 2px solid #428BCA;
    float: left;
    height: 54px;
    left: 0;
    width: 100px;
    background-color:#fff;
}
/* Indicators active image style */
#detalhe .article-slide .carousel-indicators .active img {
    border: 2px solid #428BCA;
    opacity: 0.7;
}

.banner-preco { 
    font-size:36px; display:inline-block; padding:1.5em; border-radius:50%; 
    color:#006C83; margin-left:100px; 
}
.preco{ font-size:36px; display:inline-block; color:#006C83; }
.preco-antigo{ display:inline-block; text-decoration:line-through; }
.icone-produto{ width:80px; }

.form-group > div{ width:90%; display:inline-block; }
.form-group .requerido {
    display: inline-block; color: #ff0000; font-size: 20px; margin-top: 1.2em; vertical-align: top;
}
/*.fraca::-webkit-meter-optimum-value{ background:#ff0000; display:inline-block; width:50px; height:10px; }
.media::-webkit-meter-optimum-value{ background: #ffd800; }
.forte::-webkit-meter-optimum-value{ background:#FA7B00; }
.extra-forte::-webkit-meter-optimum-value{ background:#00ff21; }*/

.forca-senha, .area-forca-senha { background:#ccc; display:inline-block; width:75px; height:10px; }
.fraca{ background-color:#ff0000; }
.media{ background-color: #ffd800; }
.forte{ background-color:#FA7B00;  }
.extra-forte{ background-color:#00ff21; }

meter{ width:100%; height:25px; }
.display-meter, .area-display-meter { color:#ff0000;  display:inline-block; width:auto; text-align:center; }

.input-pequeno{ max-width:90%; }

.sale {
	background: orange;
	color: white;
	height: 5.5rem;
	width: 5.5rem;
	text-align: center;
	vertical-align: middle;
	line-height: 5.5rem;
	transform: rotate(-20deg);
	animation: beat 1s ease infinite alternate;
    position:absolute; top:20px; right:25%;
    text-shadow:2px 4px 2px #666;
}

.sale:before, .sale:after {
    content:""; position: absolute;  background: inherit;
    height: inherit;  width: inherit;  top: 0;  left: 0;
    z-index: -1; transform: rotate(30deg);
}
.sale:after { transform: rotate(60deg); }

@keyframes beat {
	from {	transform: rotate(-20deg) scale(1); }
	to {	transform: rotate(-20deg) scale(1.1); }
}

/* para dispositivos com largura mínima 770px */
@media (min-width: 770px)
{
    .navbar-inverse, .navbar-default
    {
        background: #ff4200;       /* lATERAL mENU*/   
    }  

    .navbar-nav  
     {
           background: #ff4200;  /* fUNDO mENU*/
           
     }
    .navbar-brand:hover
    {
        background: #4f4f4f !important; /* Acende Logo*/
      
    }

    .navbar-nav li a
    {
        min-height: 120px;
        background: #ff4200 ;  /* fUNDO mENU*/
        color:#ededed !important;
        padding:2em;
        /*-moz-border-radius:11px;-webkit-border-radius:11px; border-radius:11px;  */
        
    }

    .navbar-nav li a:hover
    {
        background-color: #4f4f4f !important; /* ACENDE menu*/
        background-image:url("../link-item.png");
        background-repeat:no-repeat;
        background-position:bottom;
        color:#ededed !important;
     }
    .form-label { min-width:205px; }
    .input-medio{ width:50%; min-width:100px; }
    .input-pequeno{ width:35%; min-width:100px; max-width:90%; }
}

@media (max-width: 990px) {
    .carousel, .carousel .item{ height:auto; overflow:hidden; }
    .carousel .item .item-left{ position:relative; height:auto; }
    .carousel .item .item-right{ position:relative; height:auto; }
    #detalhe .col-md-6{ padding:0 0 20px 0; }
 
}

/* dispositivos de largura máxima 770px */
@media (max-width: 770px)
{
    .carousel .item .item-left > img { max-height:250px;  }
    .navbar-nav li a
    {
        border-bottom:1px solid #808080;
        color:#ededed !important;
    }
    .navbar-nav li a img
    {
        width:30px; display:inline;
    }

    .form-label { min-width:150px; }

}

/*#rodape {
  padding-top:0px;
  position: relative;
  bottom: 0;
  background-color: #006C83;
  height:100px;

}


#rodape ul {
 list-style:none;
 color:#ededed;

}

#rodape ul .bloco
{
 display: inline;
 color:#ededed;
 margin-right:50px;
}

#rodape ul li {
 display: inline;
 color:#ededed;
}
 
 #rodape ul li a {
 color:#ededed;
}*/



 .sec-footer {
  background: #ff4200;
}
.sec-menu {
  border-bottom: 1px solid #ffffff;
  padding-top: 20px;
  padding-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .sec-menu ul.footer-menu {
    margin-top: 20px;
  }
}
.sec-menu ul.footer-menu > li {
  display: inline-block;
  vertical-align: top;
  margin-left: -2px;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .sec-menu ul.footer-menu > li {
    margin-right: 12px;
    margin-bottom: 5px;
  }
}
.sec-menu ul.footer-menu > li:last-child {
  margin-right: 0;
}
.sec-menu ul.footer-menu > li a {
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none !important;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .sec-menu ul.footer-menu > li a {
    font-size: 12px;
  }
}
.sec-menu ul.footer-menu > li a:hover {
  color: #f7ae00;
}
.sec-menu ul.footer-menu > li ul {
  display: none;
}
.sec-copyright {
  padding-top: 20px;
  padding-bottom: 15px;
  color: #ffffff;
}



 
.carousel-control .glyphicon-chevron-left  {
   background: none repeat scroll 0 0 #222222 !important;
    border: 4px solid #FFFFFF !important;
    border-radius: 23px 23px 23px 23px !important;
    width:40px;
    height:40px;
 
}
 
 .carousel-control .glyphicon-chevron-right  {
   background: none repeat scroll 0 0 #222222 !important;
    border: 4px solid #FFFFFF !important;
    border-radius: 23px 23px 23px 23px !important;
    width:40px;
    height:40px;
 
}
 .btn-danger {
   background: #ff4200 !important ;
 }
  .btn-primary {
     background-color: #888888 !important;
  }


/*
       
#rodape .footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color: #006C83;
  padding-top:10px;
  
}
.footer .text-muted
 {
    color:#ededed;

} 
   */