﻿
/* #################### */
/* INI - MODAL SNAPCHAT */
/* #################### */
#header
{
	text-align: center;
}

#mensagem
{
	font-size: 13px; 
	font-family: 'Bitter', Serif;
}

#mensagem p
{
	margin: 0px;
	text-align:center;
	font-family: 'Bitter', Serif;
}

#texto1:before 
{
	content: "Aponte a câmera do seu snapchat e adicione a granadophebo.";
}

#modalSnap .modal
{
	text-align: center;
}

@media screen and (min-width: 768px) { 
	#modalSnap .modal:before {
	display: inline-block;
	vertical-align: middle;
	content: " ";
	height: 100%;
	}
}

#modalSnap .modal-dialog {
	width: 300px;
	margin: 30px auto;
}

#modalSnap .modal-content 
{
	background: #fbefda;
	border-radius: 0px;
	text-align: center;
	width: 300px;
	height: 250px;
	padding: 0!important;
}

#modalSnap .modal-content:before 
{
	display: inline-block;
	vertical-align: middle;
	margin-right: -4px;
}

#modalSnap .modal-content div div div div span
{
	font-size: 13px; 
	font-family: 'Bitter', Serif; 
	color: black;
	font-weight:bold;
}

#modalSnap .modal-header
{
	border: 0;
	text-align:center;
}

#modalSnap .modal-header
{
	float: right;
	margin: -12px -11px 0 0;
	background: rgba(0,0,0,0) !important;
}

#modalSnap .modal-border
{
	border: 10px double black;
	display: inline-block;
	vertical-align: middle;
	width: 270px;
	height: 230px;
	margin-top: 10px;
	margin-left: 10px;
}

/* #################### */
/* FIM - MODAL SNAPCHAT */
/* #################### */

    


body
{
	background:url('../Content/img/bg.jpg');	
}

a.noLink
{
    color:#999;
    cursor:pointer;
}

.swatches_container a
{
    cursor:pointer;
}

.destaqueHome .promocional
{
    margin-top: -10px;    
}

.navbar
{
	border:0px;
	margin-bottom: 0px;
}

.carouselTamanho
{
    /*max-height: 440px;*/
}

.carousel-indicators li 
{
    border:1px solid #a2a39b !important;
}

.carousel-indicators li.active 
{
    border:2px solid #a2a39b !important;
}

/* BARRA BANDEIRAS E LOGIN */
.navbar-topo
{
	/*background:#c8c7c9;*/
	background:#f7f0e4;
	font-family: 'Bitter', serif;
	box-shadow: 0 -15px 10px -10px #d5cfc5 inset;
}

.nav-languages
{
    padding-left:0px;    
}

.nav-languages, .nav-conta, .nav-midias
{
	list-style-type:none;
	margin-top:10px;
}

ul.nav-midias
{
    margin-top: 13px;
    padding-left: 10px;
}

.nav-languages, .nav-midias
{
	float:left !important;	
}

.nav-midias li a i
{
    font-size:15px;
}

.nav-midias li a:hover
{
    color:#025944;
}

.nav-languages li
{
	float:left;
	margin-right: 6px;	
}

a[href="http://fr.granado.com.br"] img
{
    /*margin-top:2px;    */
}

i.fa-snapchat-ghost
{
    cursor: pointer;    
}

.nav-midias li
{
	float:left;
	margin-right: 10px;	
}

.nav-conta li
{
	float:left;
	margin-left: 22px;	
}

.navbar-toggle
{
	border:1px solid #a4a4a4;	
}

.navbar-toggle .icon-bar
{
	background:#a4a4a4;		
}

.navbar-brand.visible-xs
{
	padding: 0px;
	margin: 0px;
	margin-left: 15px;
}

.navbar-brand.visible-xs img
{
	width: auto;
	height: 34px;
	margin-top: 8px;
}

.navbar-header, .navbar-principal
{
	/*background:#ffffff;*/
	background:#f7f0e4;		
	font-family: 'Bitter', serif;
}

.navbar-form .form-control 
{
	box-shadow: none;
	border: 1px solid #aaaaaa;
	background: #e6e7e8;
	height: 21px;
	padding: 0px;
	border-radius: 0px;
	padding-left: 5px;
	width: 105px;
}

.navbar-form .btn-lupa
{
	/*background: url("../Content/img/bt_lupa.png");*/
	width: 33px;
	height: 33px;
	border-left: 0;
	border-right:1px solid #AAA;
	border-top:1px solid #AAA;
	border-bottom: 1px solid #AAA;
	cursor: pointer;
	vertical-align: middle;
	margin-left: -3px;
	padding-left: 0px;
	position:relative;
}

.btn-lupa:before {
        position:absolute;
        font-family: FontAwesome;
        top:4px;
        left:6px;
        content: "\f002";
        font-size:18px;
    }

.navbar-topo a, .navbar-topo a:link, .navbar-topo a:hover 
{
	color:#686868;	
	font-size:13px;	
}

.navbar-principal a, .navbar-principal a:link, .navbar-principal a:hover 
{
	color:#686868;	
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .nav>li>a:hover, .nav>li>a:focus
{
	/*background:#dededf;*/ /* VERIFICAR */
}

.navbar-principal
{
	color:#686868;	
	-webkit-box-shadow: 0px 8px 16px -2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 8px 16px -2px rgba(0,0,0,0.4);
	box-shadow: 0px 8px 16px -2px rgba(0,0,0,0.4);
}

.navbar-principal.nav > li > a 
{
    padding: 0 0;
}

.dropdown-menu
{
	line-height:20px;
	  min-width: 180px !important;	
}

.dropdown-submenu
{
	display:none;	
	padding-left:16px;
	list-style:none;
	line-height:20px;
}

.dropdown-submenuLinha
{
    display:none;	
	padding-left:16px;
	list-style:none;
	line-height:20px;
}

/*Barra de rolagem customizada*/

.Barrarolagem
{
    height: 230px;
    overflow: auto;
}

#ex3::-webkit-scrollbar
{
    width: 10px;
}

#ex3::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #acadaf; 
    -webkit-box-shadow: inset 0 0 6px #acadaf; 
    background-position: 2px 5px;
}
#ex3::-webkit-scrollbar-thumb:window-inactive {
	background: #acadaf; 
}

#ex3::-webkit-scrollbar-button:start
{
    width: 10px;
    height: 20px;
    position: relative;
    background: url('../Content/img/arrow_up.png') no-repeat;
    background-size: 10px 15px;
    background-position: 0px 5px;
}

#ex3::-webkit-scrollbar-button:end
{
    width: 10px;
    height: 18px;
    position: relative;
    background: url('../Content/img/arrow_down.png') no-repeat;
    background-size: 10px 15px;
    background-position: 0px 0px;
}

#ex3::-webkit-scrollbar-track
{
    /*display: inline-block;     width:1px;     border-left-style: dashed;     border-left-color: #999;     border-left-width: 1px;*/
    width: 10px;
    background: url('../Content/img/linhapontilhada.png') repeat-y;
    background-position: 5px 0px;
}

#ex3::-webkit-scrollbar-track-piece
{
    display: none;
}

.dropdown-submenuLateral
{
	display:none;	
	padding-left:0px;
	list-style:none;
	line-height:20px;
}

.navbar-principal .dropdown-submenu a, .dropdown-submenu a:link
{
	color:#fff;
}

.navbar-principal .dropdown a:hover
{
	color:#686868;
}


.submenu-toggle
{
    padding-left:10px;
}

.submenu-toggle i
{
	background:#bcbcbc;
	color:#686868;	
	padding:2px;
	margin-right:5px;
	font-size:10px;		
}


.submenuLinha-toggle i
{
	background:#bcbcbc;
	color:#686868;	
	padding:2px;
	margin-right:5px;
	font-size:10px;	
	padding-bottom: 1px;	
}

.dropdown-submenuLateral  i
{
	padding:2px;
	margin-right:5px;
	font-size:14px;		
}

.submenu-toggle a
{
    padding-left:0px !important; 
}

.submenu-toggle a, .submenu-toggle a:link
{
	color:#fff;
}

.submenu-toggle a:hover
{
	color:#686868;
}

.slideshow
{
	width:100%;	
	-webkit-box-shadow: inset 0px -8px 16px -2px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px -8px 16px -2px rgba(0,0,0,0.4);
	box-shadow: inset 0px -8px 16px -2px rgba(0,0,0,0.4);
}

.slideshow img
{
	width:100%;
	position:relative;
	z-index:-1;
}

.divider
{
	border-bottom:1px solid #ccc;	
}

.dividerPontilhado
{
    border-bottom:1px dotted #ccc;
}

.destaque
{
	margin-top:30px;
}

.destaque header .espaco
{
	background:#fff;
	height:25px;
	-webkit-box-shadow: 0px -3px 11px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px -3px 11px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px -3px 11px 0px rgba(50, 50, 50, 0.2);	
}

.destaque header h1
{
	font-family:'Bitter', serif;
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	padding: 0px;
	margin: 0px;
}

.destaque header .faixa-left
{
	text-align:right;
	margin-right: -1px;
	padding-right: 0px;

}

.destaque header .faixa-right
{
	text-align:left;
	margin-left: 0px;
	padding-left: 0px;
}

.destaque header .titulo
{
	/*background:url('../Content/img/bg_faixa_destaque.png') repeat-x;	*/
	background: #025944;
	height:37px;
	float:left;
	padding-left: 5px;
	padding-top: 10px;
}

.destaque .produtos
{
	background:#fff;
	padding-left:15px;
	margin-top:-12px;
	padding-top:20px;
	padding-bottom:40px;
	-webkit-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 3px 11px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 3px 11px 0px rgba(50, 50, 50, 0.2);
}

.destaque .produtos .produto .img-placeholder
{
	min-width:250px;
	min-height:240px;
	vertical-align:bottom;
	text-align:center;
}

.categoria
{
	background: white;
}

.categoria header .espaco
{
	background:#fff;
	height:25px;
	-webkit-box-shadow: 0px -3px 11px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px -3px 11px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px -3px 11px 0px rgba(50, 50, 50, 0.2);	
}

.categoria header h1
{
	font-family:'Bitter', serif;
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	padding: 0px;
	margin: 0px;
}

.categoria header .faixa-left
{
	text-align:right;
	margin-right: -1px;
	padding-right: 0px;

}

.categoria header .faixa-right
{
	text-align:left;
	margin-left: 0px;
	padding-left: 0px;
}

.categoria header .titulo
{
	background:url('../Content/img/bg_faixa_destaque.png') repeat-x;	
	height:37px;
	float:left;
	padding-left: 5px;
	padding-top: 10px;
}

.bannerInterno, .categoria .produtos .produto
{
	    height:510px   !important;
}

.bannerInterno .img_wrapper
{
    height:75%;
    margin-top:25%;    
}

.categoria .relacionados .produto
{
	    height:366px  !important;
	    float:left;
}

.categoria .relacionados .produto .img-placeholder
{
	min-width:250px;
	min-height:240px;
	vertical-align:bottom;
	text-align:center;
}

.modal-body .produto
{
    float:none;
    display:inline-block;    
}

.modal-body .produto .img-placeholder img
{
	width:85px;
	vertical-align:bottom;
	text-align:center;
}

.destaque .produtos .produto img
{
	margin: 0 50%;
}


.destaque .produtos .produto img.bt-comprar
{
	width:100%;
	max-width:84px;	
	text-align:center;
	vertical-align:bottom;
	float:right;
}

.destaque .produtos .produto h1
{
	font-family:'Bitter', serif;
	font-size:12px;	
	color:#808285;
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	height:34px;
}

.destaque .produtos .produto .preco
{
	font-family:'Bitter', serif;
	font-size:21px;	
	color:#808285;
}

.categoriaHeader
{
    font-family:'Bitter', serif;
    color:#808285;
}

.categoria .relacionados .produto .preco
{
	font-family:'Bitter', serif;
	font-size:21px;	
	color:#808285;
}

.preco
{
    font-family:'Bitter', serif;
	font-size:21px;	
	color:#808285;
}

.categoria .relacionados .produto img
{
	width:100%;
	max-width:250px;	
	text-align:center;
}

.categoria .relacionados .produto img.bt-comprar
{
	width:100%;
	max-width:84px;	
	text-align:center;
	vertical-align:bottom;
	float:right;
}

.categoria .relacionados .produto h1
{
	font-family:'Bitter', serif;
	font-size:12px;	
	color:#808285;
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}

.categoria .relacionados .produto .preco
{
	font-family:'Bitter', serif;
	font-size:21px;	
	color:#808285;
}

footer header
{
	/*background:#808285;	*/
	background: #025944;
	color:#FFF;
	text-align:center;
	font-family:'Bitter', serif;
	font-size:16px;
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:20px;
	margin-top:30px;	
}

footer .pagamento img
{
	float:left;		
}

.pagamento
{
    padding-left:5px;    
    padding-right:5px;
}

footer .pagamento p
{
	/*float:left;		*/
	font-family:'Bitter', serif;
	font-size:10px;
	/*margin-left:20px;
	margin-right:20px;
	margin-top: 20px;*/
	color:#808285;
	font-weight:bold;
}

footer .termos-copyright
{
	font-family:'Bitter', serif;
	font-size:12px;
	color:#a7a9ac;
}

footer .termos-copyright a, footer .termos-copyright a:link, footer .termos-copyright a:hover
{
	color:#a7a9ac;
}

footer .icons img
{
	margin-left:20px;		
}

footer .icons img.procon
{
	margin-top:22px;		
}

footer .troca
{
	font-family:'Bitter', serif;
	font-size:12px;
	color:#a7a9ac;
	margin-top:15px;
}

footer .troca a, footer .troca a:link, footer .troca a:hover
{
	color:#a7a9ac;
}

.direita
{
	text-align:right;	
}

.esquerda
{
	text-align:left;	
}

.institucional, .contato, .politica
{
   background: white;        
}

.paginasLaterais
{
    list-style: none;
    margin-bottom: 10px;   
}

.paginasLaterais a
{
    color: #58595b;
    font-size:12px;
}

.acervoLateral
{
    list-style: none;
    margin-bottom: 10px;
}

.acervoLateral a
{
    color: #58595b;
    font-size:12px;
}

.acervoLateral.open
{
    background-color: #e3e4e4;
    width: 100%;
    display: block;
}

.paginasLaterais.open
{
    background-color: #e3e4e4;
    width: 100%;
    display: block;
}

.institucional header span, .contato header span, .politica header span
{
    color:#808285;
}

.institucional .acervoArticle img
{
    cursor:pointer;
    width: 100%;
    height: auto;
}

.tituloAcervo
{  
  font-size:9px;  
  color:#8a8c8f;
}

.acervoDiv img
{
    width: 100%;
    margin-top: 5px;
}

.acervoDiv span
{
    font-size:14px; 
    color:#808285;

}

.clipping
{
    background:white;
}

.clipping img
{
    width:100%;
}

.clipping .tituloClipping
{
    font-size:14px;
    color:#6d6f71;
    height: 36px;
    display: block;
}

.clippingSelectSpan
{
    font-size:14px;
    color:#808285;
}

.clipping .tituloClippingLateral
{
    font-size:12px;
    color:#6d6f71;
}

.clipping .clippingLateral
{
    height:350px;
    overflow:hidden;      
}

.clipping header span
{
    color:#808285;
}

.clipping img
{
    cursor:pointer;
}

.midiaDivImg
{
    padding:7%;
    padding-top:5px;    
    max-height: 380px;
    overflow: hidden;
    display: block;
}

.midiaDivImg img
{
    width:100%;
    height: auto;
}

.videoPrincipal embed
{
    width: 100%;
    height: auto;
    min-height: 350px;
}

.videosRestantes img
{
    width: 100%;
    height: 100%;
}

.divTituloVideoPrincipal
{
    background:#cdcdcd;
    height:30px;
}

.divTituloVideoPrincipal span
{
    margin-top: 5px;
    display: block;
}

.mplink a
{
    cursor:pointer;
}

.pointer
{
    cursor:pointer;
}


.imgLink img
{
    width: 100%;
    max-height: 100%;
    padding-top: 5px;
}

.position-r img
{
    position:relative !important;
}

.destaqueHome .img_wrapper
{
    width: 50%;
}

.ajusteBotao
{
    padding-left:4px !important;
    padding-right:4px !important;
    font-size: 13px;
}

.destaqueHome .preco
{
    font-size: 14px !important;
}

.img_wrapper{
    position: relative;
    width: 100%;
    height: 70%;
}
            
.img_wrapper img{
                
    width: 100%;
    max-height: 100%;
    height: auto;
    position: absolute;
    bottom: 0px;
}
            
.controls{
    width: 100%;
    height: 20%;
    position:absolute;
    z-index:999px;
}

.product_name
{
    height:40px;
    /*text-align:center;*/
}
            
.price_buy{
    width: 99%;
    /*text-align:center;*/
}
            
.price_buy span{
    /*display: block;
    width: 100%;*/
    display:inline-block;
    width:48%;
    height: 25px;
}
            
.swatches {
    position: relative;
    display: block;
    float: left;
    margin-right: 3px;

}


.preco
{
   font-size: 16px !important; 
   clear: both;
}


.small-swatch
{
    position: absolute;
    left:10px;
    display: none;
    z-index: 999999;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(60, 50, 50, 1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(60, 50, 50, 1);
    box-shadow: 0px 0px 13px 0px rgba(60, 50, 50, 0.5);
    min-width: 100px
}

.imgProd img{
    width: 100px;
    height: 100px;
}
            
.bolinha img
{
    width: 13px;
}

.destaqueHome .ajusteBotao
{
    font-size: 11px;
}

.tutoriais img
{
    width:100%;
}

.divTutorial
{
     min-height: 210px;
}

.naMidia img
{
    width:100%;
}

.divMidia
{
    min-height: 410px;
}


.naMidia .divMidia a
{
    height:300px;
    display:block;
    overflow:hidden;
}


.clippingArticle
{
    height: 440px;
}

.videoArticle
{
    height: 240px;
}

.acervoArticle a
{
    display:block;
    height:229px;
    overflow:hidden;
}

.videosRestantes 
{
    height:197px;
    overflow:hidden;
}

.comprarProdDetalhe button
{
    font-size: 11px;   
}

.lembraSenhaAviso
{
    color:Red;
    text-align:left !important;
}

.paginaArticle.linhaDoTempo img
{
    width: 100% !important;
    max-width: 518px !important;  
}

.esgotado
{
    cursor: default;
    text-align:center;
    width:91px !important;
}
.esgotado a
{
    color: #FFF;
    text-decoration:none;
        text-align: inherit;
    width: inherit;
    font: inherit;
    background: inherit;
    color: inherit;
    text-decoration: inherit;
}

#concluirCompra
{
    width: 183px;    
}

@media (max-width: 330px)
{
    .icone-comprar
    {
        display:none !important;
    }
    
    
    
    .preco {
        font-size: 13px !important;
    }
    
    .esgotado
    {
        height: 22px !important;
        font-size: 10px !important;
        width:75px !important;
    }
    
    .product_name
    {
        height:62px;
    }
    
    
    
    
}

@media (max-width: 400px)
{
    .destaqueHome .preco {
        font-size: 11px !important;
    }
    
    .destaqueHome .ajusteBotao  {
        height: 18px;
        font-size: 9px !important; 
    }
    
    .destaqueHome .promocional 
    {
        margin-top:-5px;
    }
    
    .finalizarPedido
    {
        font-size: 11px !important;
    }
    
    .continuarComprando
    {
        font-size: 11px !important;
    }
    
    .modal-body .preco
    {
        font-size: 14px !important;
    }
    
}

@media (max-width: 499px)
{
    .swatches_container
    {
        position: absolute;
        z-index: 2;
    }
    
    .produto.detalhe .swatches_container
    {
        position: inherit !important;
    }
}

@media (min-width: 500px) and (max-width: 769px)
{
    .bannerInterno ,.produto 
    {
        width:50% !important;
    }
    
    .modal-body .produto
    {
        width:100% !important;
    }
}

@media (min-width: 513px) and (max-width: 556px)
{
    .ajusteBotaoTamanho
    {
        font-size:11px !important;
    }
}

@media (min-width: 499px) and (max-width: 512px)
{
    .ajusteBotaoTamanho
    {
        font-size:10px !important;
    }
}

@media (max-width: 767px)
{	
    #menu_verde,
    div.container ul.navbar-right[role="search"]
    {
        display:none !important;
    }
     #menu_verde_mobile
     {
        display:block !important;
        background-color:#025944;
     }
     
     
     /*
        TESTE
     #submenu_verde_mobile,
     #submenu_verde_mobile ul  li
     {
         background-color:#448A64 !important;
     }*/
     
    #submenu_verde_mobile,
    #menu_verde_mobile
    {
        overflow: hidden;
        position:relative;
        height:33px;
        width:100%;
        top: 0px;
	    left: 0px;
	    /*background-color:#025944;*/
	    
    }
    #submenu_verde_mobile
    {
        background-color:#448A64;
    }
    
    #slidebar
    {
        /*height:100%;
        width:100%;*/
    }
    
    #search_mobile
    {
        display:block !important;
        width:100%;
        position:relative;
        
    }
    
    #search_mobile .form-control
    {
        border-radius: 0px;
        display:inline-block;
        width:100%;
        margin-left: -1px;
        margin-right: -1px;
    }
    
    #search_mobile button
    {
        width: 33px;
        height: 34px;
        border-left: 0;
        border-right: 1px solid #AAA;
        border-top: 1px solid #AAA;
        border-bottom: 1px solid #AAA;
        cursor: pointer;
        vertical-align: middle;
        margin-left: -3px;
        padding-left: 0px;
        position: absolute;    
        top:0;
        right:0;
    }
    
	.submenu-toggle a, .submenu-toggle a:link
    {
	    color:#686868;
    }
	/*
	.navbar-header
	{
		-webkit-box-shadow: 0px 8px 16px -2px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 8px 16px -2px rgba(0,0,0,0.4);
		box-shadow: 0px 8px 16px -2px rgba(0,0,0,0.4);	
	}*/
	
	.nav-languages, .nav-conta, .nav-midias
	{
		float:none !important;
		display:block !important;	
	}
	
	.nav>li>div.icons
	{
		display:block;	
	}
	
	.nav>li>div.icons>a
	{
		display:inline;	
		padding: 5px 15px;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 20px;
	}
	
	.navbar-principal .dropdown-submenu a, .dropdown-submenu a:link
	{
		color:#686868;
	}
	
	.navbar-principal .dropdown-submenu a:hover
	{
		color:#686868;
	}
	
	.submenu-toggle
	{
		padding-left:10px !important;
	}
	
	.dropdown-submenu 
	{
		padding-left: 20px;
	}
	
	.submenu-toggle i
	{
		background:#bcbcbc;
		color:#686868;	
		padding:3px;
		margin-right:5px;
		font-size:12px;	
		padding-bottom: 1px;
	}
	
	.direita, .esquerda
	{
		text-align:center;	
	}
	
		
	.destaque .produtos .produto .img-placeholder
	{
		min-width:0px;
		min-height:0px;
		vertical-align:bottom;
		text-align:center;
	}
	
	.destaque .produtos .produto img.bt-comprar
	{
		float:none;
	}

	
	.content.listaProduto
	{
	    margin-top:50px;
	}
		
	footer .pagamento
	{
		text-align:center;	
	}
	
	footer .pagamento img, footer .pagamento p
	{
		float:none;
	}
	
	footer .termos-copyright
	{
		margin-top:15px;
	}
	
	.institucional header, .contato header, .politica header
	{
	    margin-top:20px;
	}
		
}



.no-border
{
    border: 0;
    outline: 0;
    background: none;
}

.mg-top20
{
    margin-top:20px;   
}

.ft-r
{
    float:right;
}

.ft-l
{
    float:left;
}

.ta-l
{
    text-align:left;
}

.ta-r
{
    text-align:right;
}

.mb-20
{
    margin-bottom:20px
} 

.mb-30
{
    margin-bottom:30px
} 

.mb-10
{
    margin-bottom:10px
} 

.mt-10
{
    margin-top:10px
} 

.mt-5
{
    margin-top:5px
}

.mt-20
{
    margin-top:20px
} 

.mt-30
{
    margin-top:30px
} 

.mt-40
{
    margin-top:40px
} 

.mt-50
{
    margin-top:50px
} 

.ta-c
{
    text-align:center;   
}

.quantidade
{
    display:block;
}

.subTotal
{
    background:#e7e7e7;
}

.subTotal span
{
    font-weight: bold;
    font-size: 16px !important;
    padding-left:10px;
    padding-right:10px;
}

.faltamApenas span
{
    font-weight: bold;
    font-size: 13px !important;
}

.freteGratis span
{
    font-size: 10px !important;
}

.modal-content
{
  font-family: 'Bitter', serif;
}

.nome
{
   font-size: 20px !important;  
}

.remover
{
   font-size: 12px !important;  
   
}

.modal-header
{
  height: 25px !important;  
  padding: 0px;
  border-bottom:0px !important;
  background: #e7e7e7;
}


.modal-title
{
    text-align: center;
    font-weight: bold;
    font-size: 15px !important;
}

.modal-body
{
    padding: 0px;
}

.borda
{
    border-bottom: 1px solid #e5e5e5;   
}

.modal-title
{
   line-height: 1.75;
}

.close
{
    background-color: rgb(130, 131, 131)!important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    padding-bottom: 4px !important;
    color: #FFFFFF !important;
    opacity: 1 !important;
    text-shadow:none !important;
    margin-top: 0px !important;
}

.modal-body article
{
    border-bottom: 1px solid #e5e5e5;
}

.modal-body article:last-child 
{
    border-bottom: 0px;
}

.BannersRodape .Banner img
{
    width:100%;
}

.BannersRodape .Banner
{    
    margin-top:20px;
}

.ajusteMargin
{
    margin-right: -30px;
    margin-left: -30px;
}

.bg-w
{
    background: white;
}

.ajustarFooter
{
    padding-left: 96px;
    padding-right: 96px;   
}

.tiraPadding
{
    padding-left: 0px !important;
    padding-right: 0px !important; 
}

.pd-35-bot
{
    padding-bottom:35px;
}

.pd-45-bot
{
    padding-bottom:45px;
}

.pd-55-top
{
    padding-top:55px;
}

.fixaHeader
{
    position: relative;
    z-index: 998;       
}

.fixaMain
{
    position: relative;
    z-index: 997;       
}

.checkBoxDiv input[type="checkbox"]
{
    margin-top: 5px;
    margin-right: 3px;      
    background-color: #ffffff;      
}

.dropdownLateral a
{
    font-size:14px;
    color:#58595b;
}

.dropdownLinha a
{
    font-size:13px;
    color:#58595b;
}

.dropdownLateral> a:focus
{
    background:#e3e4e4;
}


.dropdownLateral
{
    list-style:none;
    margin-bottom:10px;
}

.dropdownLinha> a:focus
{
    background:#e3e4e4;
}


.dropdownLinha
{
    list-style:none;
    margin-bottom:10px;
}

.subDropDownLateral
{    
    list-style:none;
    font-size:13px;
    color:#767778;   
}

.dropdown-menuLateral
{
    padding-left:0px;
}


.submenuLateral-toggle.open
{
    background-color:#e3e4e4;
    padding:2px;
    width:100%;
    display:block; 
}

.submenuLinha-toggle
{
    
    padding:2px;
    width:100%;
    display:block;  
}

.subSubmenuLinha-toggle a
{
   font-size:13px; 
   color:#8e9092;   
   font-style:italic;
   width:100%;
}

.subSubmenuLateral-toggle a
{
   font-size:13px; 
   color:#a7a9ac;   
   font-style:italic;
   width:100%;
}

.subSubmenuLateral-toggle a:hover
{
    text-decoration:underline;
}

.subSubmenuLateral-toggle 
{
   display:block;
   width:100%;
}

.subSubmenuLateralChild-toggle a
{
   font-size:13px; 
   color:#a7a9ac;   
   font-style:italic;
   width:100%;
   cursor:pointer;
}

.subSubmenuLateralChild-toggle a:hover
{
    text-decoration:underline
}

.subSubmenuLateralChild-toggle 
{
   display:block;
   width:100%;
}

.dropdown-submenuLinha a
{
   font-size:13px; 
   color:#a7a9ac;   
   font-style:italic;
   width:100%;
    
}

.dropdown-submenuLinha li
{
    margin-bottom: 5px; 
}
 
.dropdown-submenuLinha li a:hover
{
    text-decoration:underline;
}
   
.dropdown-subSubmenuLateral
{
    padding:0px;
    display:none;
}

.dropdown-submenuLateral li:not(.subDropDownLateral)
{
    margin-bottom: 5px;
}

.dropdown-submenuLateral span:not(.subDropDownLateral)
{
    margin-bottom: 5px;
}

.menulateral .dropdown-submenuLateral
{
    margin-top:5px;
    margin-left:10px;
}

.dropdown-submenuLinha
{
    padding:0px;
    display:none;
}


.menulateral .dropdown-submenuLinha
{
    margin-top:5px;
    margin-left:10px;
}

.menulateral a 
{
    text-decoration:none   
}


input[type=checkbox]:not(old)
{
  margin:0;
  padding:0;
}

input[type=checkbox] + label
{
  display:inline-block;
  margin-left:-32px;
  padding-left:17px;
  background:url("../Content/img/Checkbox_Custom.png") no-repeat 0 0;
  
}

input[type=checkbox]:checked + label{
  background:url("../Content/img/Checkbox_Custom_checked.png") no-repeat 0 0 !important;
}

.labelForCheckBox
{
    line-height:14px;
    font-weight:normal;
}


.swatchMiniatura img {
    width:13px !important; 
}


.imgSwatch
{
    display:none;   
    -webkit-box-shadow: 0px 0px 13px 0px rgba(60, 50, 50, 1);
    -moz-box-shadow:    0px 0px 13px 0px rgba(60, 50, 50, 1);
    box-shadow:         0px 0px 13px 0px rgba(60, 50, 50, 1);
}

.swatchFragancia
{
    display:block;
    text-align: center; 
    background-color : #e3e4e4;
    color: #393939;
    font-size: 12px;
    padding: 2px 10px;
}

.small-swatch img
{
    max-width:140px;
}

.divImgSwatch
{
    padding:10px;
    background-color: white;   
}


.mb-0
{
    margin-bottom :0px !important;   
}


.comprarProd
{
   padding: 0px;   
}


.precoProd
{
    margin-top: 3px;
}


/* 
#################################################################
#                      INI - NOVOS ITENS                        #
#################################################################
*/
.box-border
{
    padding: 20px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.20);
}

/* INI - BOTOES E CABEÇALHOS */
.def-button, .def-background, .def-background-green
{
    
    color: #FFF;
    text-transform: uppercase;
    height:26px;
    padding-top: 2px;
    text-align: center;
}

.def-button, .def-background
{
    background: url(/content/img/btnSlice.png) repeat-x;
    border: 2px solid #999;
}

.def-background-green
{
    background:#025944;
    border: 2px solid #025944;
}

.def-button, .def-button-green
{
    cursor:pointer;
    padding-left:10px;
    padding-right:10px;
    
}
.def-button::after
{
    /*content:"COMPRAR";
    <i class='icone-comprar'></i> inserir no html caso necessário*/
}

.def-button-green
{
    background:#025944;
    border: 2px solid #025944;
    color: #FFF;
    text-transform: uppercase;
    height:26px;
    padding-top: 2px;
    text-align: center;
}
.def-button-green::after
{
    /*content: "COMPRAR";    */
}

.def-button:hover
{
    opacity: 0.8;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.def-button-disabled
{
    background: url(/content/img/btnSlice.png) repeat-x;
    border: 2px solid #999;
    opacity: 0.65;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
/* FIM - BOTOES E CABEÇALHOS */

/* INI - ICONE SACOLA */
.icone-sacola
{
    position:relative;
    display:inline-block;
    background:url("../Content/img/sacola.png") no-repeat;
    color: #ffffff;
    font: 400 8px Bitter;
    text-align:center;
    line-height: 34px;
}

.sacola-cheia
{
    background-position: 1px 0px;
    width: 24px;
	height: 26px;
}

.sacola-vazia
{
    background-position: 1px -31px;
    width: 24px;
	height: 26px;
}
/* FIM - ICONE SACOLA */
.mg-top-10
{
    margin-top:10px;    
}

/* FIM - NOVOS ITENS */

.imgThumb
{
    height:auto;
    float: left;
    cursor: pointer;
    padding:0px;
    
}

.nomeDetalheProd span
{
    font-size:16px !important;   
    font-weight:bold;
    color:#808285;
}


.composicaoCor
{
    color:#808285;
    font-size: 15px;
}

.listaIngredientes
{
    display:none;
}

.categoriaHeader .descricao 
{
    color:#6d6f71;
}

.quantidadeDetalhe
{
    width: 45px;
    height: 23px;
    background: #e7e5e5;
    color: #808285;
    border:0px
}


.clear
{
	clear:both;	
}

.quantidadeLabel
{
    font-family: 'Bitter', serif;
    font-size: 12px;
    color: #808285;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px  
}   


.comprarProdDetalhe
{
    padding: 0px;
    margin-top: -3px;
    margin-left: -15px;
    margin-right: -35px;
}

.midiasDetalhe
{
    padding: 0px;
    width: 166px;
    margin-top: -5px;   
}

.abasDetalhe a
{ 
    text-align: center;
    cursor:pointer;
}

.abasDetalhe span
{
    margin-right: 5px;
}

.categoria .produtos .produto.detalhe
{
    height: auto !important;
    width: auto !important;
}


.categoria .relacionados .produto .imgProdRelacionado img
{
    height: 253px !important;
    width: auto !important;   
    vertical-align: bottom;
    text-align: center;
}

.categoria .relacionados .produto.articleDetalhe
{
    height: 350px !important;
}

.swatchMiniatura a
{
    margin-left: 2px;
}

.nomeProdutoAvaliado
{
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;   
    font-weight: bold;
}

.contadorAvaliacoes
{
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;   
}


.avaliacoes span
{
    color: #808285;   
}

.avaliacaoCliente
{
    font-size: 12px;
}
   
   
.colorRed
{
    color:Red;   
}

.avaliacaoForm
{
    background:#e7e5e5;   
}


span.texto
{
	font-family:'Bitter', serif;
	font-size:12px;	
	color:#808285;
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}

.descricaoDetalheProd span,
.descricaoDetalheProd span p,
.descricaoDetalheProd span span,
.descricaoDetalheProd span div
{
    font-family:'Bitter', serif !important;
	font-size:12px !important;	
	color:#808285 !important;
}

.spanIngrediente
{
    float:left;   
}


.nav-ingredientes
{
    list-style-type:none;
    padding-left: 0px;
    margin-top: 5px;
}

.notaDiv
{
    margin-left:-15px;
}

.notaDiv a
{  
    cursor: pointer;
    color:Black;
}

.not-active {
   pointer-events: none;
   cursor: default;
}


.enviarAvaliacao
{
    margin-left: 15px;
    text-align: right;
    padding-left: 50px;   
}

.mensagemSucesso span
{
    color:Red !important; 
}

.mensagemSucesso 
{
    color:Red !important;
    display:none;   
}


.tutorial a
{
  cursor: pointer;   
}

embed
{
    height:450px;
    width:600px;
}


.esqueceuSenha a
{
   text-decoration:underline;
   font-size:10px;
   cursor: pointer;
   color:#808285;
}

.white-bg
{
    background-color: #FFF;
    padding-left:33px;
    padding-right:33px;    
}

.margem-sup
{
    margin-top: 25px;    
}

.ajuste-container
{
    padding-left:45px;   
    padding-right:45px;
}

.emailLogin
{
    margin-bottom:22px;
}

.nav-informacaoLogin
{
    padding-left:15px;
    
}

.login input
{
    background-color: #CCC;   
}

.rodapeLogin
{
    margin-bottom:200px;
}

.sacEmail
{
    font-weight:bold;
}

.duvidas
{
    font-weight:bold;
}

.rodapeLogin 
{
    color: #808285;
}

.submenuLateral-toggle a
{
    cursor: pointer;
}

.submenu-toggle     
{
    cursor: pointer;
}

.mensagemViewBag
{
    color:#808285;
    font-size: 15px;
    margin-bottom: 5px;
    margin: 0px;
    padding: 0px;

}

.removerDiv a
{
    color: #999;
}

.avaliacaoForm h2
{
    font-size:18px;
}

.icone-comprar
{
    background:url('../Content/img/Icone_Comprar.png');
    width: 11PX;
    height: 14PX;
    display: block;
    float: left;
    margin-right: 5px;
}


.esgotado:hover
{
    opacity: 1.0 !important;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.mg-left27
{
    margin-left: -27px;
}

.mensagemAvisoEstoque,
.mensagemAvisoNome,
.mensagemAvisoEmail
{
    color:Red;
    font-size:14px;
}

.destaqueHome
{
    height:243px !important;
}

.usuarioLogado
{
    color: #686868;
    font-size: 13px;
}

.precoRiscado
{
    text-decoration:line-through;
}

.precoPromocional
{
    color:Red !important;
    text-align:left;
    display:block;
    clear: both;
}

.quantidadeComprar
{
    background-color: #CCC;
}


/* INI - BUSCA */
ul.navbar-right[role="search"]
{
    padding:0;
    list-style-type: none;
}

#BuscaTexto
{
    width:283px;
    height:33px;
    background:#FFF;
}





/*FIM - BUSCA */

/*--------------------------------------*/

/* INI - MENU VERDE */



#menu_verde
{
    background-color:#025944;
    color: #FFF;
    font-size: 11px;
    text-align:center;
    position: relative;
}

#menu_verde #bef_arrow,
#menu_verde #aft_arrow
{
    position: absolute;
    width:35px;
    height:35px;
    line-height:40px;
    cursor:pointer;
}
#bef_arrow{
    top:0;
    left:0;
    background-color:#025944;
}
#aft_arrow{
    top:0;
    right:0;
    background-color:#004633;
}
#menu_verde a 
{
    color: #FFF;
    text-decoration: none;
}
  
#menu_verde .dropdown-menu 
{
	min-width: 200px;
	background-color:#004633;
	font-size: 11px;
	text-transform: uppercase;
}

#menu_verde .dropdown-menu.columns-2 
{
	min-width: 400px;
}

#menu_verde .dropdown-menu.columns-3 
{
	min-width: 600px;
}

#menu_verde .dropdown-menu li a 
{
	padding: 5px 15px;
	font-weight: 300;
}

#menu_verde .multi-column-dropdown 
{
	list-style: none;
	margin: 0;
    padding: 0;
}

#menu_verde .multi-column-dropdown li a 
{
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #FFF;
	
	white-space: normal;
}

#menu_verde .multi-column-dropdown li a:hover ,
#menu_verde .dropdown-menu > li > a:hover, #menu_verde .dropdown-menu > li > a:focus 
{
	text-decoration: none;
	background-color: #025944;
}

#menu_verde .navbar-nav>li>.dropdown-menu 
{
    background: #004633;
}

#menu_verde .nav .open>a,
#menu_verde .nav .open>a:hover,
#menu_verde .nav .open>a:focus, 
#menu_verde .nav>li>a:hover, 
#menu_verde .nav>li>a:focus 
{
    background: #004633;
}

#menu_verde .nav .open>a:focus
{
    /*border-bottom: 1px solid #025944; /*LINHA SEPARADORA DO MENU*/
}

#menu_verde .dropdown-menu>li>a:hover
{
    color: #FFF !important;
}

#menu_verde .multi-column div.col-sm-6,
#menu_verde .multi-column div.col-sm-4,
#menu_verde .row
{
    margin-right: 0px;
    margin-left: 0px;
    padding: 0;
}

#menu_verde .navbar-nav > li > .dropdown-menu 
{
    border-top: 1px solid #004633;    
}
#submenu_verde_mobile ul,
#menu_verde_mobile ul
{
    white-space:nowrap; 
    /*overflow:auto;*/
}


.dropdown-menu-right {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
#bef_arrow,
#aft_arrow
{
    display:none;
}
#menu_verde ul.navbar-nav li.dropdown:nth-last-child(3),
#menu_verde ul.navbar-nav li.dropdown:nth-last-child(2),
#menu_verde ul.navbar-nav li.dropdown:nth-last-child(1)
{
    position: absolute;
    visibility:hidden;
    display:block;
}

/* FIM - MENU VERDE */

@media (min-width: 768px) and (max-width: 1147px) 
{
    #bef_arrow,#aft_arrow
    {
        display:block;
    }
}


@media(max-width:777px)
{
    #BuscaTexto 
    {
        width:203px;    
    }
}
@media(max-width:767px)
{
    nav.menulateral
    {
        display:none !important;
    }
    
    section.categoria
    {
        padding-top: 0;
    }
    
    .esqueceuSenha
    {
        margin-bottom:10px !important;
    }
    
    .produtoDescricao
    {
        text-align:center;
    }
    
    .comprarProdDetalhe button
	{
	    margin-left: 0px !important;

	}
	
	.comprarProdDetalhe 
	{
	    padding-left: 0px !important; 
	}
	
	.midiasDetalhe
	{
        width: 100% !important;
	    margin-left: 0px !important;
	}
	
	.produto.detalhe
	{
	    margin-top:60px;   
	}

    .swatches
    {
        position: relative;
        display: inline;
        
    }
    
    .acervoArticle a
    {        
        height:229px !important;     
    } 
    
    ul.navbar-right li form div
    {
        display:inline-block;
    }    
}


@media (min-width: 768px)
{
    #submenu_verde_mobile,
    [id^=sub_slidebar]
    {
        display:none !important; 
    }
    
    #menu_verde .navbar-nav 
    {
        float: none;
        display: inline-block;
        margin: 0;
    }
    
    #menu_verde .navbar-nav > li > a 
    {
        padding-top: 8px;
        padding-bottom: 8px;
    }
 
	.seletores-topo
	{
		float:right;
		width:100%;	
		height: 40px;
	}
	
	.navbar-form
	{
		padding-right:0px;	
	}
	
	.navbar-brand
	{
		float: left;
		padding-top: 15px;
		font-size: 18px;
		line-height: 20px;
		margin-right:15px;
		width: 40%;
		height: auto;
	}
	
	.navbar-brand img
	{
		width:100%;
	}
	
	.navbar-principal .menu-principal 
	{
		/*margin-top: 20px;*/
		font-size: 11px;
	}
	.menu-principal li a
	{
	    font-family: bitter;
        font-size: 12px;
        font-weight: bold;
        
	}
	
	.navbar-principal.navbar-collapse.collapse 
	{
		/*background:#ffffff;*/
		height:71px !important;
		border-bottom:1px solid #a4a4a4 !important;
	}

	.navbar-nav>li>.dropdown-menu 
	{
		background:#aeafb0 url("../Content/img/bg_submenu.png") repeat-x;
		border-radius:0px;
		border:0px;
		font-size:11px;
		color:#fff;	
	}
	
	.dropdown-menu>li>a, dropdown-menu>li>a:link
	{
		font-size:11px;
		color:#fff !important;	
	}
	
	.dropdown-menu>li>a:hover
	{
		color:#595959 !important;
		background:transparent;	
	}
	
	#menu_verde ul.dropdown-menu.multi-column.columns-3
    {
        width:400px;
    }
    
    .navbar-principal .navbar-nav > li > a
    {
        padding:0 13px;    
    }

}

@media (max-width: 991px)
{
	.destaque .produtos .produto .img-placeholder
	{
		min-width:0px;
		min-height:0px;
		vertical-align:bottom;
		text-align:center;
	}
	
	.destaque .produtos .produto img.bt-comprar 	
	{		
		float:none;
		min-width: 70px;
	}
	
	.destaque .produtos .produto .preco 
	{
		font-size: 18px;
	}

	
	.destaque .produtos .produto
	{
		
		min-height:0px  !important;
	    float:left;		
	}
	
	.categoria .relacionados .produto .img_wrapper
	{
		text-align:center;	
	    
	}
	
	.comprarProdDetalhe
	{
	    margin-left:0px !important;
	    padding-left: 15px ;
	}
	
	.comprarProdDetalhe button
	{
	    margin-left: -5px;
	}
	    
	    
	    
	.midiasDetalhe
	{
        width: 100% !important;
	    margin-left: -87px;
	}
	
	.midiasDetalhe ul
	{
	    margin: 0 auto;
        width: 164px;
	}
	
	
	.articleDetalhe .img_wrapper 
	{
	    width:50% !important;
	}
	
	.relacionados 
	{
	    margin-top : 0px;
	}
    
    .destaqueHome .icone-comprar
    {
        display:none !important;
    }
    
    .destaqueHome .preco
    {
        font-size: 11px !important;
    }
    
    .acervoArticle a
    {
        display:block;
        height:136px;
        overflow:hidden;
    }   
    
}


@media (min-width: 992px)
{	
    .menu-principal li a
    {
        margin-top:5px;
    }
    
	.navbar-brand
	{
		float: left;
		padding: 15px;
		font-size: 18px;
		line-height: 20px;
		height: 50px;
		margin-left: -10px;
	}
	
	.navbar-principal.navbar-collapse.collapse 
	{
		/*background:#ffffff;*/
		height:87px !important;
		border-bottom:1px solid #a4a4a4 !important;
	}
	
	.navbar-principal .menu-principal
	{
		/*margin-top: 36px;*/
		font-size: 14px;	
	}
	
	.acervoArticle a
    {
        display:block;
        height:185px;
        overflow:hidden;
    }
    
    ul.menu-principal
    {
        clear:both;
    }  
	
}

@media (min-width: 1200px)
{
    .acervoArticle a
    {
        display:block;
        height:229px;
        overflow:hidden;
    }  
}

@media (max-width: 322px)
{
    .navbar-brand.visible-xs img
    {
        width: 220px !important;
        height: auto !important;
        margin-top: 13px;
    }
}

@media (max-width: 320px)
{
    #concluirCompra
    {
        float: none !important;
    }
    
    .remove-margin-left
    {
        
        margin-left: -15px !important;
    }
    
    .remove-padding-left
    {
        padding-left: 0 !important;
    }
    
    #cupom, #cep, #concluirCompra
    {
        width: 142px !important;   
    }
    
}

/* 
#################################################################
#                  Endereços das Lojas - Inicio                 #
#################################################################
*/

.enderecoArticle
{
    min-height:140px;
    font-size:11px !important;
    cursor:pointer;
    padding:10px;
}

.enderecoArticle:hover
{
    background-color: #edeff1;
}

.fa-refresh:hover
{
    cursor:pointer;
}

.enderecoArticle a, .enderecoArticle a:link
{
    color:#333333;
    text-decoration:none;
}

.enderecoArticle.ativo
{
    font-weight:bold;
    background-color: #edeff1;
}

.enderecoArticle .mapa, .enderecoArticle .foto
{
    display:none;
}

.contato .mapaAberto iframe
{
    width:100%;
}

.contato .fotoAberto img
{
    width:100%;
    height:auto;
}

.erro-small-b
{
    color: red;
    font: 400 10px Bitter;
}

/*Inicio - Media Enderecos Lojas*/
@media (min-width:991px) and (max-width:1199px)
{
    .contato .mapaAberto iframe
    {
        height:299.33px;
    }   
}

@media (max-width: 991px)
{
    .mapaAberto
    {
        padding: 0px;
    }   
}
/*Fim - Media Enderecos Lojas*/

/* 
#################################################################
#                  Endereços das Lojas - Fim                    #
#################################################################
*/

/*
*
* INI - MENU VERDE MOBILE
*
*/

#drag_finger
{
    /*display:none;*/
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition:    all 1.3s ease-in-out;
	-o-transition:      all 1.3s ease-in-out;
	-ms-transition:     all 1.3s ease-in-out;
	position:absolute;
	top:100px;
	left:280px;
	/*animation: swing 2s linear;*/
	opacity: 0;
	transform: scale(2,2);
}

@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(50px);
        transform: translateX(250px);
        opacity: 1;
        transform: scale(2,2);
		/*transform: translateY(50px);*/
    }
    30%
	{
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
        opacity: 1;
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(50px);
        opacity: 1;
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-50px);
        opacity: 1;
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(20px);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        transform: scale(2,2);
        opacity: 0;
    }
}


#menu_verde_mobile,
#submenu_verde_mobile,
#search_mobile
{
    display:none;
}

#menu_verde_mobile ul
{
    background-color: #025944;
}

#submenu_verde_mobile ul,
#submenu_verde_mobile ul li
{
    background-color: #448A64;
}

#output {
    border: thin solid lightgray;
    padding: 1em;
}
[id^=sub_slidebar],
#slidebar {
    width: 100%;
    height: 50px;
    padding:0;
    margin:0;
    /*TESTE
    background-color:Yellow;*/
}

#submenu_verde_mobile li.cell
{
    background-color: #448A64;
    min-width: 120px;
    padding-left: 15px;
    padding-right: 15px;
    
    
}

#menu_verde_mobile li.cell
{   
    background-color: #025944;
    width: 120px;
}

#submenu_verde_mobile li.cell,
#menu_verde_mobile li.cell{
	display:inline-block;
	
	height:40px;
	line-height: 40px;
	border-left: 1px solid #FFF;
	text-align:center;
	margin:-2px;
}

#submenu_verde_mobile li.cell a,
#menu_verde_mobile li.cell a{
	text-decoration:none;
    color: #FFF;
    font-size: 11px;
}

#slidecont {
	white-space:nowrap;
	display:block;
    background-color: #025944;
    color: #FFF;
    font-size: 11px;
	text-align: center;
	overflow:auto;
}

#destaque
{
    position: absolute;
    top: 0px;
    left: 118px;
    background: rgba(200,100,100,0.6);
    width: 118px;
    height: 33px;
}

#breadcrumb a
{
    text-decoration:none;    
    color:#999;
}

#breadcrumb
{
    font-family:'Bitter', serif;
	font-size:11px;

}
/*
*
* FIM - MENU VERDE MOBILE
*
*/

/*Inicio- Bazar*/
.animacaomenubazar
{
    animation: pulse 1s infinite;
}

@keyframes pulse
{
    0% {
      color: gray;
    }
    
    100% {
      color: white;
    }
}

/*Fim - Bazar*/
@media (min-width:991px) and (max-width:1200px)
{
    #divsexo
    {
        padding-right:0px;   
    }
}
