/* que venham os blocos */
@import url("block/blocos.css");

/* /que venham os blocos */

/* fontes */

@font-face {
    font-family: 'ModernPictogramsNormal';
    src: url('fonts/modernpics-webfont.eot');
    src: url('fonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/modernpics-webfont.woff') format('woff'), url('fonts/modernpics-webfont.ttf') format('truetype'), url('fonts/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

.navbar-nav > li > a {
    padding: 15px 10px;
}

#hdLogin span, #btncontato span {
    font-size: 3em;

}

#hdLogin, #btncontato {
    background: #559e7f none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 0.7em;
    padding: 10px;
    height: 81px;
    margin: 4px 10px;
}

#hdLogin {
    margin: 4px 0 0 20px;
}

#hdLogin:hover, #btncontato:hover {
    text-decoration: none;

}

/* /fontes */

/* tags */
body {
    padding: 0;
    background: #fff;
    color: #666;

}

a {
    color: #666;
}

a.classico {
    text-decoration: underline;
}

/* /tags */

.
    /* gambetinha pra limpar o placeholder no foco */
input:focus::-webkit-input-placeholder {
    color: transparent !important;
}

input:focus::-moz-placeholder {
    color: transparent !important;
}

input:focus:-moz-placeholder {
    color: transparent !important;
}

/* /gambetinha pra limpar o placeholder no foco */

/* header da baga?a */
#siteHeader {
    margin-bottom: 10px;
}

a#logotipoMonica {
    text-indent: -9999em;
    display: inline-block;
    height: 88px;
    width: 154px;
    position: relative;
    background: url('../imagem/154/88/logotipo.png') no-repeat top left;
}

#div-header-botoes {
    min-height: 30px;
}

.header-btn-busca {
    color: #172645;
    font-weight: 700;
}

#header-carrinho:hover, #header-carrinho:active, #header-carrinho.active {
    text-decoration: none !important;
}

#header-carrinho .badge {
    color: #172645;
    background: #08152b;
    font-size: 1em;
    top: -15px;
    position: relative;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 8px;
    line-height: 6px;
    color: #fff;
}

#header-carrinho {
    min-height: 30px;
    top: -10px;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 5px;
}

#menu-carrinho .dropdown-menu {
    min-width: 300px;
}

#menu-carrinho li.dropdown, #menu-carrinho li.nocart {
    margin: 0;
    padding: 7px;
    max-height: 50px;
}

.media-body a.carrinho-item h4 {
    color: #f2f2f2;
    font-size: 1em;
    padding: 5px 0;
    margin: 0 5px;
}

.media-body a.carrinho-item h4:hover {
    background: #4f6095;

}

a.carrinho-item-preco {
    color: #fff;
    padding: 5px 0;
    margin: 0 5px;
}

.media-body a.carrinho-item-preco {
    color: #fff;
    font-size: 1.1em;
    font-weight: 700;
}

.media-body a.carrinho-item:hover, .media-body a.carrinho-item-preco:hover {
    text-decoration: none;
}

.carrinho-item-total a:hover {
    background: #4f6095 !important;
}

.carrinho-item-total a {
    color: #fff !important;
    font-weight: 700 !important;
}

#div-header-menu a.itemMenu {
    color: #559E7F;
    font-size: 0.9em;
    font-weight: 700;
    padding: 5px;
    margin: 0 39px 0 0;

}

#div-header-menu a.itemMenu:hover {
    text-decoration: none;
    background: #172645;
    color: #FFF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/* fim header da bagaça */

/* navbar fixed */
.navbar-monicashop-fixed {
    color: #fff;
    background-color: #172645;
    border-color: #172645;
    margin: 0;
    padding: 0;
}

.navbar-monicashop-fixed .navbar-brand {
    padding: 07px 07px 07px 0;
    font-size: 0.9em;
}

.navbar-monicashop-fixed .navbar-brand span {
    padding: 10PX 0 0 15px;
    display: inline-block;
}

.navbar-monicashop-fixed a {
    color: #fff;
}

/* fim navbar fixed */

/* menu categorias do header */
.navbar-monicashop-fixed .dropdown-menu {
    background: #172645;
    min-width: 133px;
}

.navbar-monicashop-fixed .dropdown-menu li a {
    color: #fff;
}

.navbar-monicashop-fixed .dropdown-menu li a:hover {
    background: #4F6095;
}

#carrinhoTopo .dropdown-menu {
    background: #172645;
    min-width: 133px;
}

#carrinhoTopo .dropdown-menu li a {
    color: #fff;
}

#carrinhoTopo .dropdown-menu li a:hover {
    background: #4F6095;
}

.ul-subcategorias li a {
    padding: 5px !important;
    text-transform: none !important;
}

.col-chat {
    text-align: left;
}

.chat-link {
    position: absolute;
    top: 30px;
    left: 0;
}

.col-chat img {
    margin-top: 7px;
}

.nav > li > a:hover, .nav > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #4F6095;
    text-decoration: none;
    color: #fff;
}

/* mobile version */

@media (max-width: 767px) {
    .navbar-header button {
        color: #fff;
    }

    .col-chat {
        text-align: center;
    }

    .col-chat img {
        margin-top: 10px;
    }

    .navbar-nav {
        float: none !important;
    }
}

/* fim menu categorias do header */

/* selos */
/*promocao*/
.ribbon-promocao .bannerRibon::after,
.ribbon-promocao .bannerRibon::before {
    background-color: #3b4871;
}

.ribbon-promocao .text::before,
.ribbon-promocao .text::after,
.no-css-transforms .ribbon-promocao .text {
    background-color: #506095;
}

/*fim promocao*/

/*esgotado*/
.ribbon-esgotado .bannerRibon::after,
.ribbon-esgotado .bannerRibon::before {
    background-color: #6f747f;
}

.ribbon-esgotado .text::before,
.ribbon-esgotado .text::after,
.no-css-transforms .ribbon-esgotado .text {
    background-color: #8f9299;
}

/*fim esgotado*/

/*exclusivo*/
.ribbon-exclusivo .bannerRibon::after,
.ribbon-exclusivo .bannerRibon::before {
    background-color: #7a2020;
}

.ribbon-exclusivo .text::before,
.ribbon-exclusivo .text::after,
.no-css-transforms .ribbon-exclusivo .text {
    background-color: #9b2324;
}

/*fim exclusivo*/

/*liquidacao*/
.ribbon-liquidacao .bannerRibon::after,
.ribbon-liquidacao .bannerRibon::before {
    background-color: #955408;
}

.ribbon-liquidacao .text::before,
.ribbon-liquidacao .text::after,
.no-css-transforms .ribbon-liquidacao .text {
    background-color: #b56c15;
}

/*fim liquidacao*/

/*lancamento*/
.ribbon-lancamento .bannerRibon::after,
.ribbon-lancamento .bannerRibon::before {
    background-color: #a97f00;
}

.ribbon-lancamento .text::before,
.ribbon-lancamento .text::after,
.no-css-transforms .ribbon-lancamento .text {
    background-color: #cd9b02;
}

/*fim lancamento*/

/*fretegratis*/
.ribbon-fretegratis .bannerRibon::after,
.ribbon-fretegratis .bannerRibon::before {
    background-color: #43845e;
}

.ribbon-fretegratis .text::before,
.ribbon-fretegratis .text::after,
.no-css-transforms .ribbon-fretegratis .text {
    background-color: #519d68;
}

/*fim fretegratis*/

/*ultimas-unidades*/
.ribbon-ultimas-unidades .bannerRibon::after,
.ribbon-ultimas-unidades .bannerRibon::before {
    background-color: #4a2554;
}

.ribbon-ultimas-unidades .text::before,
.ribbon-ultimas-unidades .text::after,
.no-css-transforms .ribbon-ultimas-unidades .text {
    background-color: #673175;
}

/*fim ultimas-unidades*/

/* fim selos */

/* carousel */
.carousel {
    max-height: 440px;
    margin-bottom: 10px;
}

.carousel-caption {
    z-index: 10;
}

.carousel .item {
    max-height: 440px;
    background-color: #8adbed;
}

.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    max-height: 440px;
}

.carousel-indicators {
    width: 100px;
    bottom: 0;
}

.carousel-caption {
    padding: 0;
}

.carousel-control.left {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 3%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(3%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 3%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 3%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 3%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 3%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);

}

.carousel-control.right {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5MSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 91%, rgba(255, 255, 255, 1) 98%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(91%, rgba(255, 255, 255, 0)), color-stop(98%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 91%, rgba(255, 255, 255, 1) 98%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 91%, rgba(255, 255, 255, 1) 98%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 91%, rgba(255, 255, 255, 1) 98%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 91%, rgba(255, 255, 255, 1) 98%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);

}

/* /carousel */

/* links do topo */
.btn-topo {
    color: #000;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-topo:hover {
    text-decoration: none;
    color: #999 !important;
}

/* /links do topo */

.h2Slogan {
    font-size: 1em;
    margin-top: -15px;
    font-style: italic;
    position: relative;
}

/* botao topo carrinho de compras */
#btn-carrinho {
    width: 100%;
    font-size: 1.6em;
    border: 1px solid #c5c5c5;
    height: 35px;
    margin: 8px 0;
    color: #686868 !important;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    display: inline-block;
    padding-left: 44px;
    text-align: center;
    background: url('images/cart.png') left center no-repeat;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#btn-carrinho:hover {
    color: #f2f2f2 !important;
    text-decoration: none;
    background-color: #656565;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;

}

/* /botao topo carrinho de compras */

/* formulario de busca no topo */
.divFormBusca form {
    position: relative;
    border: none;
    float: none;
    width: 100%;
    height: 35px;
    margin: 8px 0;
}

.right-inner-addon {
    position: relative;
}

.right-inner-addon span {
    position: absolute;
    right: 0px;
    padding: 15px 30px;
    /*  pointer-events: none; */
    cursor: pointer;
    color: #FFF;
}

.inputBusca::-webkit-input-placeholder {
    color: #fff;
    text-shadow: none !important;
    opacity: 1 !important;
}

.loginDivNot {
    text-align: right;
    padding-top: 10px;
}

.loginDiv {
    text-align: right;
    padding-top: 5px;
}

.inputBusca:-moz-placeholder {
    color: #fff;
    text-shadow: none !important;
    opacity: 1 !important;
}

.inputBusca::-moz-placeholder {
    color: #fff;
    text-shadow: none !important;
    opacity: 1 !important;
}

.inputBusca:-ms-input-placeholder {
    color: #fff;
    text-shadow: none !important;
    opacity: 1 !important;
}

.inputBusca {
    vertical-align: top;
    border: none !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    height: 34px;
    margin: 5px 0;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff !important;
    padding: 7px 47px 8px 10px;
    width: 100%;
    background: #666 !important;
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.divFormBusca .btn-primary {
    width: 38px;
    height: 35px;
    background: url(images/search_btn.png) 0 0 no-repeat;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    text-indent: -1000px;
    filter: none;
    overflow: hidden;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.divFormBusca .btn-primary:hover {
    background: url(images/search_btn.png) right 0 no-repeat;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.divFormBusca .btn-primary:visited, .divFormBusca .btn-primary:focus {
    background: url(images/search_btn.png) right 0 no-repeat;
    box-shadow: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/* /formulario de busca no topo */

/* banners secundarios do topo */

.bannerTopo p {
    font-size: 1.1em;
    line-height: 25px;
    position: relative;
    color: #f2f2f2;
    font-style: italic;
    text-shadow: 1px 1px 1px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}

.bannerTopo a {
    position: relative;
    left: 0;
    bottom: 0;
}

.imgBanner {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.tituloBanner {
    color: #FFFFFF;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 40px;
    margin: 0;
    position: relative;
}

/* /banners secundarios do topo */

/* menu horizontal*/

/* /menu horizontal*/

/* banner slideshow do topo */
.camera_pag {
    -moz-box-sizing: border-box;
    background-color: transparent;
    background-repeat: repeat-x;
    display: block;
    height: 35px;
    padding: 8px 0 10px;
    position: relative;
    width: 100%;
    top: -38px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    margin-bottom: 10px;
}

.camera_wrap {
    margin: 0 !important;
}

ul.camera_pag_ul li {
    background: none repeat scroll 0 0 transparent;
    display: inline-block;
    float: none;
    height: 16px;
    margin: 0 3px !important;
    padding: 0;
    width: 16px;
}

/* /banner slideshow do topo */

/* corpo do site */
#siteContainer {
    overflow: hidden;
}

#rowSiteBody {
    background: #fff;
    padding-bottom: 10px;
}

h1.titulo {
    border-bottom: 3px double #3D3D3D;
    padding-left: 10px;
    font-size: 1.8em;
    margin-bottom: 20px;
    font-weight: 700;
    font-variant: small-caps;
    color: #3D3D3D;
}

h2.subtitulo {
    border-bottom: 3px double #3D3D3D;
    padding-left: 10px;
    font-size: 1.4em;
    margin-bottom: 20px;
    font-weight: 700;
    font-variant: small-caps;
    color: #3D3D3D;
}

.produtos-paginacao {
    margin: 15px 0 !important;
}

ul.produtos-paginacao li a {
    color: #3a3a3a;
}

ul.produtos-paginacao li.active a {
    background: #3a3a3a;
    color: #f2f2f2;
    border: 1px solid #3a3a3a;
}

ul.produtos-paginacao li.active a:hover {
    background: #000;
    color: #f2f2f2;
    border-color: #000;
}

/* /corpo do site */

/*pagina do produto*/
.atrNome {
    font-size: 1.1em;
    margin: 0;
    font-weight: 700;
}

.atrNome small {
    font-weight: 700;
}

.atributosPrd {
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 10px 0 10px 10px;
}

.atributosPrdLi {
    display: inline;
    margin: 0;
    overflow: hidden;
    padding-left: 0;;
}

.nostock:after {
    content: "x";
    background: #940000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 50%;
    display: block;
    position: absolute;
    right: 0px;
    bottom: -5px;
    padding: 0 6px;
    color: #FFF;
    background: linear-gradient(135deg, #940000, #f00);
}

.atributosPrdLi li {
    cursor: pointer;
    display: inline;
    float: left;
    text-align: center;
    width: auto !important;
    position: relative;

}

.ativo {
    -webkit-box-shadow: 1px 1px 1px 1px #000000;
    box-shadow: 1px 1px 1px 1px #000000;
}

.div-Disponibilidade {
    font-size: 0.9em;
    font-style: italic;
    font-weight: 600;
}


.triangulo {
    width: 0;
    height: 0;
    border-top: 90px solid #FFAD28;
    border-right: 140px solid transparent;
    display: block;
    float: left;
    position: absolute;
}

.triangulo .texto {
    display: block;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    margin: -85px 0 0 5px;
}

.prdMoeda {
    font-size: 0.7em;
}

.produto-resumo {
    margin: 0 5px;
}

h4.produto-nome a {
    margin: 20px 5px 5px 5px;
    color: #ffa20a;
    font-size: 1.3em;
    font-weight: 700;
}

.produto-resumo a:hover {
    text-decoration: none !important;
    color: #666;
}

/* /pagina do produto*/

/* /header da baga?a */

/* css sombras*/
.sombraBranca {
    -webkit-box-shadow: 1px 1px 10px 1px #fff;
    box-shadow: 1px 1px 10px 1px #fff;
}

.sombraBrancaHover:hover {
    -webkit-box-shadow: 1px 1px 10px 1px #fff;
    box-shadow: 1px 1px 10px 1px #fff;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/* /css sombras*/

/* bootstrap novos botoes */
/*preto*/
.btn-inverse {
    background-color: #1c335f;
    border-color: #1c335f;
    color: #fff;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active {
    background-color: #101e38;
    border-color: #172645;
    color: #fff !important;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.btn-inverse.disabled:hover,
.btn-inverse.disabled:focus,
.btn-inverse.disabled:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled]:hover,
.btn-inverse[disabled]:focus,
.btn-inverse[disabled]:active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse:hover,
fieldset[disabled] .btn-inverse:focus,
fieldset[disabled] .btn-inverse:active,
fieldset[disabled] .btn-inverse.active {
    background-color: #1c335f;
    border-color: #1c335f;
    color: #fff;
}

/*comprar*/
.btn-comprar {
    background-color: #68cc00;
    border-color: #68cc00;
    color: #FFF;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    overflow: hidden;
    font-size: 28px;
    display: block;

}

.btn-comprar:hover,
.btn-comprar:focus,
.btn-comprar:active,
.btn-comprar.active {
    background-color: #5bb300;
    border-color: #4e9900;
    color: #fff !important;

}

.btn-comprar.disabled:hover,
.btn-comprar.disabled:focus,
.btn-comprar.disabled:active,
.btn-comprar.disabled.active,
.btn-comprar[disabled]:hover,
.btn-comprar[disabled]:focus,
.btn-comprar[disabled]:active,
.btn-comprar[disabled].active,
fieldset[disabled] .btn-comprar:hover,
fieldset[disabled] .btn-comprar:focus,
fieldset[disabled] .btn-comprar:active,
fieldset[disabled] .btn-comprar.active {
    background-color: #68cc00;
    border-color: #68cc00;
}

.btn-comprar span {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}



/* botoes de variacoes */
.atr-valor {
    margin: 5px;
    border-color: #999;
    -webkit-box-shadow: 1px 1px 1px 1px #c3c3c3;
    box-shadow: 1px 1px 1px 1px #c3c3c3;
    display: inline-block;
}

.atr-valor-ativo img, .atr-valor-ativo {
    background: #4F6094;

}

.atr-valor-ativo:hover {
    color: #FFF;
}

.atr-valor-ativo {
    display: inline-block;
    color: #FFF;
    margin: 5px;
    -webkit-box-shadow: 1px 1px 1px 1px #c3c3c3;
    box-shadow: 1px 1px 1px 1px #c3c3c3;
}

.atr-valor-ativo img {
}

/* fim botoes de variacoes */

/* /bootstrap novos botoes */

/* controle admin dos blocos no frontend*/
.admMenu {
    position: relative;
    z-index: 9999;
    float: right;
    display: none;
    background: #1e5799;
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(50%, #2989d8), color-stop(51%, #207cca), color-stop(100%, #7db9e8));
    background: -webkit-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -o-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -ms-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: linear-gradient(to bottom, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
    -webkit-box-shadow: 1px 1px 10px 2px #000000;
    box-shadow: 1px 1px 10px 2px #000000;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}

/* /controle admin dos blocos no frontend*/

/*footer*/

#footer-fim {
    background: #172645;
    color: #FFF;
    text-align: center;
    padding: 10px;
}

a.footer-menu {
    font-size: 0.9em;
    font-weight: 700;
    color: #666;
}

#footer-monica a.fdp {
    display: block;
    background: url('images/formas-de-pagamento.png');
    float: left;
    height: 36px;
    margin: 5px 10px 0 0;
    text-indent: -9999em;
}

#footer-monica {
    margin-top: 20px;
}

#footer-monica a.visa {
    background-position: 0 0;
    width: 116px;
}

#footer-monica a.mastercard {
    background-position: -116px 0;
    width: 62px;
}

#footer-monica a.aura {
    background-position: -178px 0;
    width: 54px;
}

#footer-monica a.amex {
    background-position: -232px 0;
    width: 58px;
}

#footer-monica a.diners {
    background-position: -290px 0;
    width: 45px;
}

#footer-monica a.hipercard {
    background-position: -335px 0;
    width: 81px;
}

#footer-monica a.boleto {
    background-position: -416px 0;
    width: 43px;
}

#footer-monica a.itau {
    background-position: -459px 0;
    width: 37px;
}

#footer-monica h4 {
    padding: 5px 0 0 0;
    margin: 0;
    color: #172645;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.8em;
}

#footer-Cadastro {
    background: #172645;
    min-height: 50px;
    color: #fff;
    font-style: italic;
    font-size: 1.4em;
    font-weight: 700;
    text-shadow: 1px 1px 2px #666;
    padding: 10px 0 7px 0;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.footer-newsletter-titulo {
    line-height: 35px;
}

#footer-Cadastro input {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.devByEgas {
    background: url('../imagem/106/41/eshop.png') no-repeat top center;
    width: 106px;
    height: 41px;
    display: block;
    text-indent: -9999em;
    float: right;
}

.footer-selos a {
    display: block;
    float: right;
}

/*/footer*/

/*carrinho de compras*/
.carrinho {
    margin: 10px 0;
    border: 2px solid #4F6094;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;

}

.descontoValor {
    font-size: 1.2em;
    color: #bfcdda;
    font-weight: 700;
}

#tblCarrinho > thead > tr > .success, #tblCarrinho > tbody > tr > .success, #tblCarrinho > tfoot > tr > .success, #tblCarrinho > thead > .success > td, #tblCarrinho > tbody > .success > td, #tblCarrinho > tfoot > .success > td, #tblCarrinho > thead > .success > th, #tblCarrinho > tbody > .success > th, #tblCarrinho > tfoot > .success > th {
    background-color: #bfcdda;
}

#freteRetorno {
    font-size: 1.1em;
    font-weight: 700;
}

#cart-Total-extra {
    font-size: 0.8em;
    text-transform: none;
}

#cart-Total-extra small {
    font-size: 0.7em;
    font-style: italic;
}

#cartInfo {
    padding-left: 25px;
    font-size: 0.9em;
    color: #666;
}

.compreTambem {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #333;
    padding: 10px;
    margin-bottom: 10px;
}

.table-carrinho tr th {
    background: #4F6094;
    color: #fff;
    font-size: 1.2em;
}

.carrinho-subtotal-texto, .carrinho-subtotal-valor {
    font-weight: 700;
    font-size: 1.2em;
    text-transform: uppercase;
}

.carrinho-total-texto, .carrinho-total-valor {
    font-weight: 700;
    font-size: 1.4em;
    text-transform: uppercase;
}

.table-carrinho {
    margin: 0px !important;
}

.form-busca {
    margin: 30px 0 15px 0;

}

.carrinho-total-info h3 {
    font-size: 1.1em;
    font-weight: 700;
    margin: 0;
}

#carrinhoTopo {

    color: #fff;
    list-style: none;
    margin: 4px 0 10px 20px;
    display: inline-block;
    padding: 0;
    top: 5px;
}

#header-carrinhoTopo span.caret {
    position: relative;
    left: -15px;

}

#header-carrinhoTopo {
    color: #fff;
    background: #559e7f;
    font-size: 3em;
    padding: 0 0 0 20px;
    border-radius: 15px;
    display: block;

}

.carrinhoTxt {
    display: block;
    font-size: 12px !important;
    left: -10px;
    position: relative;
    top: -10px;
}

#header-carrinhoTopo .badge {
    left: -15px;
    position: relative;
    color: #172645;
    background: #fff;

}

#header-carrinhoTopo {
    text-decoration: none;
}

/*/carrinho de compras*/

/* regras para responsive */
@media only screen and (min-height: 300px) and (max-height: 599px) {
    .scrollable-menu {
        max-height: 300px;
    }
}

@media only screen and (min-height: 600px) and (max-height: 900px) {
    .scrollable-menu {
        max-height: 600px;
    }
}

@media only screen and (min-height: 901px) and (max-height: 1200px) {
    .scrollable-menu {
        max-height: 700px;
    }
}

@media only screen and (min-height: 1201px) {
    .scrollable-menu {
        max-height: 900px;
    }

}

@media only screen and (max-width: 767px) {
    #header-monica-1 div, #div-header-botoes, #div-header-menu {
        text-align: center !important;
    }

}

.img-norton-sec {
    margin: 20px 0 0 18px;
    display: inline-block;
    text-align: center;
}

.img-google-sec {
    margin: 10px 0 0 0;
    display: block;
    float: left;
}

.img-ssl {
    margin: 10px 0 0 0;
    display: block;
    float: right;
}

@media only screen and (min-width: 992px) {
    .navbar-brand {
        color: #fff;
        min-width: 80px;
    }

    #carrinhoTopo {
    }

    #hdLogin {
        position: relative;
    }

    .navbar-brand:hover,
    .navbar-brand:focus {
        color: #fff;
    }

    body {
        /* padding: 55px 0 0 0;*/
    }

    h4.footer-acoes {
        margin-top: 45px !important;
    }

    h4.footer-lojas {
        margin-top: 86px !important;
    }
}

@media only screen and (min-width: 1200px) {

    .ul-categorias li {
        text-transform: uppercase;
    }

    body {
        /*padding: 50px 0 0 0;*/
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    body {
        padding: 50px 0 0 0;
    }

    .ul-categorias li {
        font-size: 0.9em;
    }

    .ul-categorias li a {
        padding: 15px 5px;
    }

    .atendimento {
        font-size: 0.8em;
        display: block;
        float: right;
        line-height: 12px;
    }
}

/* /regras para responsive */

/*facebook responsivo*/
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

/* fim facebook responsivo*/

/* checkout da cielo */
.divcc {
    overflow: hidden;
    display: block;
    float: left;
}

.divcc label {
    cursor: pointer;
}

.divcc:hover {
    background: #f2f2f2;
}

.cctexto, select.cctexto {
    font-size: 1em;
}

.cctable label {
}

.divTudo {
}

.divPagar {

}

/* fim checkout da cielo */
/* botoes personalizados */
.btn-fechar-pedido {
    background-color: #08c !important;
    border-color: #08c !important;
}

.btn-fechar-pedido:hover,
.btn-fechar-pedido:focus,
.btn-fechar-pedido:active,
.btn-fechar-pedido.active {
    background-color: #0077b3 !important;
    border-color: #006699 !important;
}

.btn-fechar-pedido.disabled:hover,
.btn-fechar-pedido.disabled:focus,
.btn-fechar-pedido.disabled:active,
.btn-fechar-pedido.disabled.active,
.btn-fechar-pedido[disabled]:hover,
.btn-fechar-pedido[disabled]:focus,
.btn-fechar-pedido[disabled]:active,
.btn-fechar-pedido[disabled].active,
fieldset[disabled] .btn-fechar-pedido:hover,
fieldset[disabled] .btn-fechar-pedido:focus,
fieldset[disabled] .btn-fechar-pedido:active,
fieldset[disabled] .btn-fechar-pedido.active {
    background-color: #08c !important;
    border-color: #08c !important;
}

.btn-d68100 {
    background-color: #d68100;
    border-color: #d68100;
    color: #FFF;
}

.btn-d68100:hover,
.btn-d68100:focus,
.btn-d68100:active,
.btn-d68100.active {
    background-color: #e08700;
    border-color: #c67700;
    color: #FFF;
}

.btn-d68100.disabled:hover,
.btn-d68100.disabled:focus,
.btn-d68100.disabled:active,
.btn-d68100.disabled.active,
.btn-d68100[disabled]:hover,
.btn-d68100[disabled]:focus,
.btn-d68100[disabled]:active,
.btn-d68100[disabled].active,
fieldset[disabled] .btn-d68100:hover,
fieldset[disabled] .btn-d68100:focus,
fieldset[disabled] .btn-d68100:active,
fieldset[disabled] .btn-d68100.active {
    background-color: #d68100;
    border-color: #d68100;
}

.btn-4F6094 {
    background-color: #4F6094;
    border-color: #4F6094;
    color: #FFF;
}

.btn-4F6094:hover,
.btn-4F6094:focus,
.btn-4F6094:active,
.btn-4F6094.active {
    background-color: #55679e;
    border-color: #3d4c7c;
    color: #FFF;
}

.btn-4F6094.disabled:hover,
.btn-4F6094.disabled:focus,
.btn-4F6094.disabled:active,
.btn-4F6094.disabled.active,
.btn-4F6094[disabled]:hover,
.btn-4F6094[disabled]:focus,
.btn-4F6094[disabled]:active,
.btn-4F6094[disabled].active,
fieldset[disabled] .btn-4F6094:hover,
fieldset[disabled] .btn-4F6094:focus,
fieldset[disabled] .btn-4F6094:active,
fieldset[disabled] .btn-4F6094.active {
    background-color: #3d4c7c;
    border-color: #3d4c7c;
}

.btn-danger {
    background-color: #940000;
    border-color: #bb0000;
    color: #FFF;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
    background-color: #bb0000;
    border-color: #bb0000;
    color: #FFF;
}

.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
    background-color: #940000;
    border-color: #bb0000;
}

.btn-4faa3d.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn-4faa3d {
    color: #ffffff;
    font-weight: 700;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #489b38;
    background-image: -moz-linear-gradient(top, #4faa3d, #3e8430);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4faa3d), to(#3e8430));
    background-image: -webkit-linear-gradient(top, #4faa3d, #3e8430);
    background-image: -o-linear-gradient(top, #4faa3d, #3e8430);
    background-image: linear-gradient(to bottom, #4faa3d, #3e8430);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4faa3d', endColorstr='#ff3e8430', GradientType=0);
    border-color: #3e8430 #3e8430 #234c1b;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #3e8430;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-4faa3d:hover,
.btn-4faa3d:focus,
.btn-4faa3d:active,
.btn-4faa3d.active,
.btn-4faa3d.disabled,
.btn-4faa3d[disabled] {
    color: #ffffff;
    background-color: #3e8430;
    *background-color: #357229;
}

.btn-4faa3d:active,
.btn-4faa3d.active {
    background-color: #2c5f22;
}

/* /botoes personalizados */

.triangulo {
    border-top-color: #FFAD28 !important;
}

.topo-vermelho {
    height: 10px;
    max-height: 10px;
    background: #172645;
}

/* icones personalizados */
.glyphicon-carrinho-monica:before {
    font-family: "ModernPictogramsNormal";
    content: "i";
    font-size: 3em;
}

.glyphicon-carrinho-monica2:before {
    font-family: "ModernPictogramsNormal";
    content: "i";
}

.glyphicon-carrinho-monica, .glyphicon-carrinho-monica2 {
    margin: 0;
}

/* /icones personalizados */

/* breadcrumb do site */

.site-breadcrumb {
    /*centering*/
    display: inline-block;
    background: transparent;
    overflow: hidden;
    border-radius: 5px;
    text-align: center;
    /*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
    width: 100%;
    margin: 10px 0;
}

.site-breadcrumb a {
    text-decoration: none;
    outline: none;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 30px;
    color: #fff;
    /*need more margin on the left of links to accomodate the numbers*/
    padding: 0 10px 0 20px;
    background: #505F94;
    position: relative;
}

/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.site-breadcrumb a:first-child {
    padding-left: 20px;
    border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}

.site-breadcrumb a:first-child:before {
    left: 14px;
}

.site-breadcrumb a:last-child {
    padding-right: 20px;
}

/*hover/active styles*/
.site-breadcrumb a.active, .site-breadcrumb a:hover {
    background: #D8DCE7;
    color: #666;
}

.site-breadcrumb a.active:after, .site-breadcrumb a:hover:after {
    background: #D8DCE7;
}

/*adding the arrows for the ped-breadcrumbs using rotated pseudo elements*/
.site-breadcrumb a:after {
    content: '';
    position: absolute;
    top: 0;
    right: -15px; /*half of square's length*/
    /*same dimension as the line-height of .ped-breadcrumb a */
    width: 30px;
    height: 30px;
    /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's:
    length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
    if diagonal required = 1; length = 1/1.414 = 0.707*/
    transform: scale(0.707) rotate(45deg);
    -webkit-transform: scale(0.707) rotate(45deg);
    -ms-transform: scale(0.707) rotate(45deg);
    border: 1px 1px 0 0;
    border-style: solid;
    border-top-color: #FFF;
    border-right-color: #FFF;
    border-left-color: transparent;
    border-bottom-color: transparent;
    /*we need to prevent the arrows from getting buried under the next link*/
    z-index: 1;
    /*background same as links but the gradient will be rotated to compensate with the transform applied*/
    background: #505F94;
    /*stylish arrow design using box shadow*/
    /*
        5px - for rounded arrows and
        50px - to prevent hover glitches on the border created using shadows*/
    border-radius: 0 5px 0 50px;
}

/*we dont need an arrow after the last link*/
.site-breadcrumb a:last-child:after {
    border: 0;
}

#leftcolumn {
    padding: 0 15px 0 0 !important;
}

/*we will use the :before element to show numbers*/

/* fim breadcrumb do site */

.scrollable-menu {
    height: auto;
    max-height: 600px;
    overflow-x: hidden;
}

.navbar-toggle .icon-bar {
    background: #FFF;
}

.ribbon .text {
    font-size: 0.9em;
}

.form-control {
    width: 100% !important;
}

.ancora {
    display: block;
    position: relative;
    top: -55px;
    visibility: hidden;
}

.titulo-desenvolvimento {
    font-weight: 700;
    color: #172645;

}

.tel {
    white-space: nowrap;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.btn-comprar.btn-block {
    width: 90%;
    margin: auto;

}

.for-item {
    margin: 0 15px;
}

.slick-slide {
    padding: 0 25px;
}