/* DEFAULT DIVS TRAY COMMERCE */
/*
font: normal 12px 'Ubuntu', Arial, Helvetica, sans-serif;
*/
html { 
    background: #FFF url(../img/bgs/html.png) 0 0 repeat;
}
body { 
    background: url(../img/bgs/body.png) 0 0 repeat-x;
}
li, a, li:hover, a:hover{
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari and Chrome */
    -o-transition: all .3s; /* Opera */
}
/* body fica 100% e centraliza os outros elementos */
#Body { }
#cabecalho, #div2bg, #rodape{
    width: 1001px;
    margin: 0 auto;
}
#NavSuperior { position: relative; z-index: 2; }
#div1bg { position: relative; z-index: 1; }
#div2bg { padding: 5px 0; }
#NavLateralEsquerda { position: relative; z-index: 2; display: none;}
#NavLateralDireita { margin-left: 20px; width: 220px; display: none; }
#NavCentral { 
    /* Define a Vitrine com tamanho dinamico */
    width:auto; margin: 0; display:block; overflow:hidden; position: relative; z-index: 1;
}
.NavCentralHome #Page { background: none; border: 0; padding: 0; }
#Page{ display: block; width: auto; }
#NavTagCloud { width: 1001px; margin: 0 auto; }
#NavTagCloud h2{  }
#NavTagCloud span{ }
#NavTagCloud span a{ }
#NavVisitados { width: 1001px; margin: 0 auto; }
#NavInferior { 
    border-top: 1px solid #ebebeb;
    background: #fafafa;
    text-align: left;
    margin-top: 50px;
}
/* DEFAULT STYLES */
li, ul, form { list-style:none; margin:0; padding:0; }
img { border:0; } 
input{ border: 0;}
input:focus{ outline: none;}/* Removendo borda do Focus no chrome */
/* Reutilize essas classes */
.clear { display:block; clear:both; }
.overflow { display:block; overflow:hidden; }
.left{ float: left;}
.right{ float: right;}


/*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*/
ul > li, ul > ul > li{
    /* [inicio] configurando inline-block para todos navegadores */
    display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;
    /* [fim] configurando inline-block para todos navegadores */ 
}
/*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*_-_*/


/* DEFAULT BANNERS */
/* FULL BANNER */
.banner-home,
.banner-baixo { display:block; clear:both; padding: 5px 0 0 0; text-align: center; }
.banner-home img,
.banner-baixo img
{max-width: 100%;}
/* EXTRAS */
.banner-extra1,
.banner-extra2,
.banner-extra3,
.banner-extra4,
.banner-esquerdo { display:block; clear:both; padding: 5px 0;  text-align:center; }
.banner-extra2{
    padding-top: 0;
}
/* [INICIO] INCLUDE CIMA (cima.php) */
#cabecalho{
    min-height: 240px;
}

.menu-atendimento{
    text-align: right;
}
.menu-atendimento li{
    /* background: url(../img/bgs/menu-atendimento-li.png) left center no-repeat; */
    padding: 0 10px;
    margin-left: 35px;
    font: normal 12px/19px 'Ubuntu', Arial, Helvetica, sans-serif;
    color: #888888;
}
.menu-atendimento a{
    font: normal 12px/19px 'Ubuntu', Arial, Helvetica, sans-serif;
    color: #888888;
}
.menu-atendimento .telefone-topo{
    font: normal 15px 'Ubuntu', Arial, Helvetica, sans-serif;
    color: #3094a3;
}
.logotipo{
    margin-right: 35px;
}
.busca-topo{
    /* background: url(../img/bgs/busca-border.png) top left repeat-x; */
    margin-top: 17px;
    padding-top: 16px;
}
.caixa-busca {
    height:45px; display:block; overflow:hidden; padding:0;
    width: 50%;
}
.caixa-busca label { 
    /* background:url(../img/bgs/busca-bg.png) repeat-x; */ 
    display:block; overflow:hidden; height:45px;
}
.caixa-busca .extra-buscaDiv1 {  
    /* background:url(../img/bgs/busca-esquerda.png) no-repeat; */
    display:block; width:8px; height:45px; float:left;
}
.busca-palavra { 
    font:normal 14px 'Arial Narrow', Arial, Helvetica, sans-serif; color:#999999; margin:0;
    display:block; width:100%; border:0; padding:14px 0; background:none;
}
.busca-botao { 
    /* background:url(../img/bgs/busca-lupa.png) no-repeat; */
    float:right; width:36px; height:45px; border:0;
    cursor: pointer;
}
.meu-carrinho{
    /* background: url(../img/bgs/carrinho.png) no-repeat; */
    width: 135px;
    height: 45px;
}
.meu-carrinho a{
    font: normal 13px 'Ubuntu', Arial, Helvetica, sans-serif;
    color: #ffffff;
    display: block;
    text-align: right;
    padding: 15px 12px 0 0;
}
.menu-opcoes{
    padding: 15px 0;
}
.menu-opcoes li{
    text-align: center;
}

/*    .menu-opcoes li:before{
        content: url(../img/bgs/menu-opcoes-separador.png); 
        padding: 0 30px 0 0;
    }*/

.menu-opcoes li.login{
    /* background: url(../img/bgs/login.png) no-repeat; */
    margin: 0 11px 0 0;
    padding: 0 0 0 17px;
}

.menu-opcoes li.logout{
    /* background: url(../img/bgs/logout.png) no-repeat; */
    margin: 0 11px 0 0;
    padding: 0 0 0 20px;
}

.menu-opcoes li.link-pedidos{
    /* background: url(../img/bgs/menu-pedidos.png) 18px 2px no-repeat */
}
.menu-opcoes li.link-pedidos:before{
    /* content: url(../img/bgs/menu-opcoes-separador.png); */ 
    float: left;
    margin-right: 34px;
}
.menu-opcoes li.link-cadastro{
    /* background: url(../img/bgs/menu-cadastro.png) 15px 1px no-repeat; */
    margin: 0 10px 0 0;
}

.menu-opcoes li.link-cadastro:before{
    /* content: url(../img/bgs/menu-opcoes-separador.png); */
    float: left;
    margin-right: 33px;
}

.menu-opcoes a{
    font: bold 14px 'Arial Narrow', Arial, Helvetica, sans-serif;
    color: #888888;
}
.menu-opcoes a:hover{
    color: #000;
    text-decoration: none;
}
/** menu superior **/
.menu-superior-categoria{
    margin-top: 8px;
    /* background: url(../img/bgs/menu-superior.png) repeat-x; */
    height: 45px;
}
.caixa-menu-superior-categoria{
    /* background: url(../img/bgs/menu-superior-raioDir.png) top right no-repeat; */
    height: 45px;
}
.menu_superior_principal li{ 
    letter-spacing:0; 
} 
.menu_superior_principal{
    /* background: url(../img/bgs/menu-superior-raioEsq.png) top left no-repeat; */
    border:0; 
    display:block; 
    clear:both;
    padding: 0;
    height: 45px;
}
.menu_superior_principal > li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    font:normal 15px 'Ubuntu',Arial, Helvetica, sans-serif;
    color:#ffffff;
    cursor:pointer;
    position:relative;
    padding: 0 0 1px 27px;
    margin-top: -5px;
    /* background: url(../img/bgs/menu-superior-li.png) 0 5px no-repeat; */
    transition: none;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
}
.menu_superior_principal > li:first-child{
    background: none;
}
.menu_superior_principal > li > span{
    display: block;
    padding: 18px 22px 15px 0;
}
.menu_superior_principal > li:hover{
    /* background: url(../img/bgs/menu-superior-li-hover.png) 0 0 no-repeat; */
}
.menu_superior_principal > li:hover > span{
    /* background: url(../img/bgs/menu-superior-li-hover-span.png) top right no-repeat; */
}
.menu_superior_principal > li > span, .menu_superior_principal > li > span > a{
    font:normal 15px 'Ubuntu',Arial, Helvetica, sans-serif;
    color:#ffffff;
}
/*** ESTILOS UL FILAS NIVEL 1 ***/
.esquerda .menu_superior_secundario
{
    left: 7px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}
.direita .menu_superior_secundario{
    right: 5px;
    left: auto;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
}
.menu_superior_secundario{
    position:absolute;
    background-color:#3094a3;
    border:0;
    width:610px;
    top:51px;
    margin:0;
    padding:10px 5px;
    display:none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.menu_superior_secundario > ul{
    float:left!important;
    width:33%;
}
.menu_superior_secundario > ul > li{
    display: block;
    float: none;
    width: 100%;
    min-height:22px;
    margin: 0;
    padding:0;
    /* background: url(../img/bgs/menu-superior-border-fake.png) top right repeat-y; */
}
.menu_superior_secundario > ul > li > a{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font: normal 12px Arial, Helvetica, sans-serif;
    color:#feffff;
    padding: 5px 15px;
    text-transform:none;
    display:block;
    position:relative;
    z-index:0;
    margin: 0 10px;
}
.menu_superior_secundario > ul > li:hover{
}
.menu_superior_secundario > ul > li:hover > a{
    /* background: #fff url(../img/bgs/menu-superior-secundario-a.png) 15px center no-repeat; */
    padding-left: 25px;
    color: #3094a3;
}
.menu_superior_principal > li:hover .menu_superior_secundario{display: block;}
/* [FIM] INCLUDE CIMA (cima.php) */
/* [INICIO] INCLUDE LATERAL ESQUERDO (esquerdo.php) */
/* [FIM] INCLUDE LATERAL ESQUERDO (esquerdo.php) */
/* [INICIO] INCLUDE LATERAL DIREITO (direito.php) */
.ultimas-noticias{
    /* background: url(../img/bgs/ultimas-noticias.png) top left no-repeat; */
    padding-top: 50px;
    margin-top: 5px;
}
#listaUltimasNoticias li{
    width: auto;
    margin: 10px 0;
    display: block;
}
#ultimasNoticias h2{
    display: none;
}
.ultimas-noticias .jcarousel-container-vertical{
    background: #fafafa;
    padding: 29px 0;
}
.ultimas-noticias .jcarousel-item{
    text-align: left;
    border: 0 !important;
    display: block;
}
.ultimas-noticias .jcarousel-item a{
    display: block;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #555555;
}
/* [FIM] INCLUDE LATERAL DIREITO (direito.php) */
/* [INICIO] INCLUDE HOME (home.php) */
.abas-home{
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.produto-nao-encontrado{
    margin: 25px 20px;
    display: block;
}
/*.raioEsqTopo,
.raioDirTopo,
.raioEsqBase,
.raioDirBase{
    position: absolute;
    height: 3px;
    width: 3px;
    display: block;
}
    .raioEsqTopo{
        top: 0;
        left: 0;
        background: url(../img/bgs/raioEsqTopo.png) no-repeat;
    }
    .raioDirTopo{
        top: 0;
        right: 0;
        background: url(../img/bgs/raioDirTopo.png) no-repeat;
    }
    .raioEsqBase{
        bottom: 0;
        left: 0;
        background: url(../img/bgs/raioEsqBase.png) no-repeat;
    }
    .raioDirBase{
        bottom: 0;
        right: 0;
        background: url(../img/bgs/raioDirBase.png) no-repeat;
    }
*/
.vitrine-categoria{
    border: 1px solid #dddddd;
    background: #ffffff;
    padding: 17px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 44%;
    margin-top: 20px;
    height: 175px;
    overflow: hidden;
}
.vitrine-categoria .vitrineBordaProduto{
    text-align: left;
}
.vitrine-categoria h4{
    /* background: url(../img/bgs/mais.png) left center no-repeat; */
    font: bold 15px 'Ubuntu', Arial, Helvetica, sans-serif;
    color: #555555;
    padding-left: 23px;
    margin-bottom: 5px;
}
.carousel a.ver-todos{
    position: absolute;
    top: 23px; 
    right: 20px;
}
a.ver-todos{
    display: block;
    /* background: url(../img/bgs/ver-todos.png) no-repeat; */
    width: 70px;
    height: 20px;
    font: bold 11px/20px 'Ubuntu', Arial, Helvetica, sans-serif;
    color: #777777;
    text-align: center;
}
.vitrine-categoria .vitrineImagem{
    max-width: 80px;
    height: 110px;
    margin-right: 10px;
}
.vitrine-categoria .vitrineBordaProduto .vitrineNome{
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #555555;
    padding-top: 0;
}
.vitrine-categoria .jcarousel-item{
    width: 305px;
    margin: 0;
}
.vitrine-categoria .jcarousel-prev-horizontal{
    left: 0;
    top: 50px;
}
.vitrine-categoria .jcarousel-next-horizontal{
    right: 0;
    top: 50px;
}
.vitrine-categoria .jcarousel-container-horizontal{
    padding: 25px 15px 0 15px;
}
.vitrine-categoria .dePreco{
    display: block;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #777777;
    text-decoration: line-through;
}
.vitrine-categoria .vitrineBordaProduto .porPreco{
    display: block;
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #3094a3;
}
.vitrineMaisDetalhes{
    display: block;
    margin-top: 10px;
}
/* [FIM] INCLUDE HOME (home.php) */
/** produtos visitados **/
.visitados {
    border: 1px solid #dddddd;
    background: #ffffff;
    padding: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.paginacao_ajax{
    border: 0;
}
.paginacao_ajax .total_produtos{
    padding-left: 32px;
    /* background: url(../img/bgs/mais.png) left center no-repeat; */
    font: bold 15px 'Ubuntu', Arial, Helvetica, sans-serif;
    color: #555555;
    margin: 0;
}
.visitados .FotoLista{
    height: 90px;
}
.visitados .NomeProdLista{
    padding: 15px 0;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #333333;
}
.visitados .ValoresLista{
}
#NavVisitados ul li{
    width: 31%;
    padding: 2% 0;
}
/* [INICIO] INCLUDE BAIXO (baixo.php) */
#rodape{
    padding-top: 20px;
}
.institucional{
    margin-top: 20px;
}
.institucional > li{
   /*  background: url(../img/bgs/rodape-li-fake-border.png) top left repeat-y; */
    padding: 0 30px;
    min-height: 130px;
}
.institucional > li:first-child{
    background: none;
    padding-left: 0;
    min-width: 125px;
}
.institucional strong, .institucional span{
    display: block;
}
.institucional strong{
    font: normal 13px 'Ubuntu', Arial, Helvetica, sans-serif;
    color: #01528a;
    padding-bottom: 10px;
}
.institucional span{
    padding-bottom: 15px;
}
.institucional ul li a{
    font: normal 11px/21px Arial, Helvetica, sans-serif;
    color: #555555;
}
.institucional ul li a:hover{
    /* background: url(../img/bgs/rodape-a-hover.png) left center no-repeat; */
    padding-left: 10px;
    color: #3094a3;
    text-decoration: none;
}
.newsletter {
    /* background:url(../img/bgs/newsletter.png) no-repeat; */
    display:block;
    width:220px;
    height:151px;
    position:relative;
    margin-right: 1px;
}
.news-email, .news-nome { 
    font: normal 11px Arial, Helvetica, sans-serif;
    padding:0;
    position:absolute;
    color:#555555;
    border:0;
    left:22px; 
    width:130px;
    background:none;
}
.news-email { top:109px; }
.news-nome { top:76px; }
.news-botao {
    position:absolute;
    top:103px;
    right:16px;
    cursor:pointer;
    width:39px;
    height:28px;
    border:0;
    background:none;
}
.rodape-baixo{
    /* background: url(../img/bgs/rodape-baixo.png) repeat-x; */
    margin-top: 20px;
    padding-top: 20px;
}
.logotipo-rodape{
    margin: 0 20px 0 1px;
}
.rodape-baixo > ul > li{
    /* background: url(../img/bgs/rodape-li-fake-border.png) left repeat-y; */
    padding: 0 14px;
    height: 80px;
}
.rodape-baixo > ul > li:first-child{
    background: none;
    max-width: 190px;
}
.rodape-baixo > ul > li:first-child + li{
    max-width: 155px;
}
.rodape-baixo > ul > li.copyright{
    max-width: 485px;
    padding-right: 0;
}
.rodape-baixo strong{
    display: block;
    font: bold 14px 'Ubuntu', Arial, Helvetica, sans-serif;
    color: #01528a;
    padding-bottom: 8px;
}
.rodape-baixo > ul ul li{
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #555555;
}
.rodape-baixo .atendimento-televendas{
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #555555;
    padding-bottom: 5px;
}
.telefone-rodape{
    display: block;
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #3094a3;
    padding-bottom: 13px;
}
.horario-atendimento{
    display: block;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #555555;
}
.rodape-baixo .copyright-manole{
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #555555;
}
.rodape-baixo .copyright-proibe{
    display: block;
    margin-top: 14px;
    font: normal 10px Arial, Helvetica, sans-serif;
    color: #888888;
}
/* [FIM] INCLUDE BAIXO (baixo.php) */
/** limpando bordas e backgrounds **/
.container,
.container2,
.container3,
.prodBox,
#ProdAbas,
#PassosAba,
p{
    background: none;
    border: 0;
}
.bottom, .topBorder, .leftCorner2, .leftCorner{
    display: none;
}
#Page{
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px;
}
/** passo a passo **/
#PassosAba{
    /* background: url(../img/bgs/passosAba.png) 0 23px repeat-x; */
    display: block;
    height: 40px;
    width: auto;
    margin-right: 8px;
    margin-left: 2px;
}
#PassosAba ul{
    /* background: url(../img/bgs/passosAba-ul.png) right 20px no-repeat; */
    display: block;
    height: 40px;
    padding: 0;
}
#PassosAba li{
    background: none;
    float: none;
    display:inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1;
    margin: 0;
    padding: 0;
    height: 40px;
}
#PassosAba .aberta{
    float: none;
    /* background: url(../img/bgs/passosAba-li-aberta.png) 0 23px repeat-x; */
    margin: 0;
    padding: 0;
}
#PassosAba a{
    display: block;
    background: none;
    font: normal 14px Ubuntu, Arial, Helvetica, sans-serif;
    color: #a9a9a9;
    padding: 5px 15px 20px 26px;
}
#PassosAba .aberta a{
    display: block;
    background: none;
    color: #2e8693;
    padding: 5px 15px 20px 26px;
}
#PassosAba .color{
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #2e8693 !important;
}
#PassosAba a:first-letter, #PassosAba a h1.color:first-letter{
    color: #fff !important;
}
#PassosAba #Aba1 a{
    /* background: url(../img/bgs/passo1.png) left bottom no-repeat; */
}
#PassosAba #Aba1.aberta a{
    /* background: url(../img/bgs/passo1-aberto.png) left bottom no-repeat; */
}
#PassosAba #Aba2 a{
    /* background: url(../img/bgs/passo2.png) left bottom no-repeat; */
}
#PassosAba #Aba2.aberta a{
    /* background: url(../img/bgs/passo2-aberto.png) left bottom no-repeat; */
}
#PassosAba #Aba3 a{
    /* background: url(../img/bgs/passo3.png) left bottom no-repeat; */
}
#PassosAba #Aba3.aberta a{
    /* background: url(../img/bgs/passo3-aberto.png) left bottom no-repeat; */
}
#PassosAba #Aba4 a{
    /* background: url(../img/bgs/passo4.png) left bottom no-repeat; */
}
#PassosAba #Aba4.aberta a{
    /* background: url(../img/bgs/passo4-aberto.png) left bottom no-repeat; */
}
.Seguro{
    display: none;
}
#tabela_carrinho, #caixa-detalhes-compra td{position: relative; z-index: 3;}

#fundo {
    /* background:url(../img/bgs/fundo.jpg) fixed no-repeat #1e1e1e; */ background-size: cover; width:100%
}

#like {
    border:none;
    overflow:hidden;
    width:250px;
    height:46px;
}

#medicinadeemergencia {
}
#medicinadeemergencia .thumbnail p {
	padding: 10px;
	margin: 0;
}
#medicinadeemergencia .thumbnail p:nth-child(even){
	background: #F2F2F2!important;
}