﻿

body {
    background: #000 url('../Img/masterpage/bg1_1.jpg');
    /*background: #FFF;*/
    background-attachment: fixed;
    /*padding-top:50px;*/
    /*font-family: Arial, sans-serif;*/
    font-family: 'Oswald', sans-serif;
}


h1, h2, h3, h4, .btn {
    font-family: 'Oswald', sans-serif;
}

h1, h2, h3, h4 {
    text-transform: uppercase;
    font-weight: bold;
}

a,
.btn-link {
    color: #000;
}

.btn {
    text-transform: uppercase;
}

.btn-primary {
    background-color: #d9534f;
}


button.btn-primary:hover,
button.btn-primary:active,
button.btn-primary:focus{
    background-color: #d9534f;
}
    .btn-primary.active.focus, 
    .btn-primary.active:focus, 
    .btn-primary.active:hover, 
    .btn-primary:active.focus, 
    .btn-primary:active:focus, 
    .btn-primary:active:hover, 
    .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
        background-color: #d9534f;
    }


a:hover,
a:active,
.btn-link:hover,
.btn-link:active,
.btn-link:visited {
    color: #000;
}

.panel-heading h1,
.panel-heading h2,
.panel-heading h3,
.panel-heading h4 {
    margin: 0px;
}

.botoes-default {
    position: relative;
    top: -51px;
    width: 100%;
    left: 20px;
}

.detalhes .produto-detalhes h3 {
    margin: 0;
    padding: 0;
    font-size: 22px;
    color: #c00;
}


/*.botoes-default a{ 
    background-color: yellow;
}*/

.botoes-default a.categorias-destaque-link2 {
    position: absolute;
    top: 0px;
    left: 229px;
    height: 44px;
    width: 186px;
}

.botoes-default a.categorias-destaque-link3 {
    position: absolute;
    top: 0px;
    left: 458px;
    height: 44px;
    width: 186px;
}

.botoes-default a.categorias-destaque-link4 {
    position: absolute;
    top: 0px;
    left: 685px;
    height: 44px;
    width: 186px;
}

.botoes-default a.categorias-destaque-link5 {
    position: absolute;
    top: 0px;
    left: 915px;
    height: 44px;
    width: 186px;
}

#menu-categorias ul {
    list-style: none;
    padding: 0px;
}


#menu-categorias > ul > li {
    padding-left: 0px;
}


#menu-categorias a {
    color: #000;
}

#menu-categorias li.active > a {
    color: #cc0000;
}

#menu-categorias > ul > li {
    padding: 5px;
    padding-left: 0px !important; /*border-bottom: 1px solid #ddd;*/
}

    #menu-categorias > ul > li > a {
        font-weight: bold;
        font-size: 18px;
        display: block;
    }

#menu-categorias ul li {
    padding-left: 1.1em;
}

    #menu-categorias ul li a {
        display: block;
        padding: 3px;
    }


#menu-categorias > ul {
}

    #menu-categorias > ul > li ul {
        display: none;
    }

#menu-categorias li.active > ul {
    display: block;
}



    #modal-mudarsenha .modal-body{ background-color: #F8EFEA; color: #978175; font-size: 11px; border-left: 1px solid #DFBAA5; border-right: 1px solid #DFBAA5; }
    #modal-mudarsenha .modal-header h4{ line-height: 10px; margin: 0px; text-indent: 10px; }

    #PedidosLista table#TabelaPedidos tbody{
        width: 100%; background-color: #f8efea; color: #978175; border-left: 1px solid #dfbaa5; border-right: 1px solid #dfbaa5;
    }
    #PedidosLista table#TabelaPedidos thead{
        border:none;
    }

    #modal-detalhesPedido .modal-body{ background:#f8efea;}

    #modal-trocas .modal-header h4{ text-transform:none;}
    #modal-trocas .modal-body { height:-100px; }

    #modal-entrega .modal-body,
    #modal-comocomprar .modal-body{ height:450px; overflow:scroll; }

    #modal-entrega .modal-body h5,
    #modal-trocas .modal-body h5,
    #modal-comocomprar .modal-body h5{ font-size:15px; color: #978175; }

    #modal-entrega .modal-body p,
    #modal-trocas .modal-body p,
    #modal-comocomprar .modal-body p{ color:#978175; font-size: 12px; }


    
/*.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #000;
    border-color: #000;
}

.pagination>li>a:hover,
.pagination>li>a, .pagination>li>span {

    color: #000;
}*/



.alert.topo {
    font-size: 18px;
}

    .alert.topo.alert-success {
        color: #fff;
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .alert.topo.alert-danger {
        color: #fff;
        background-color: #d9534f;
        border-color: #d43f3a;
    }

        .alert.topo.alert-success .close,
        .alert.topo.alert-danger .close {
            color: #fff;
        }

.navbar {
    border-radius: 0px;
}

.navbar-inverse {
    background-color: #760205;
    border-color: #760205;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}

    .navbar-inverse a {
        font-weight: lighter;
    }




    .navbar-inverse .navbar-nav > li > a {
        color: #fff;
    }


    .navbar-inverse .navbar-toggle,
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color: #000;
    }

    .navbar-inverse .navbar-brand {
        color: #fff;
    }


    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #000;
    }

    .navbar-inverse #menu-categorias a {
        color: #000;
    }

    .navbar-inverse #menu-categorias li.active > a {
        color: #cc0000;
    }

    .navbar-inverse #menu-categorias > ul > li {
        padding: 1px;
        padding-left: 40px !important;
    }

        .navbar-inverse #menu-categorias > ul > li > a {
            font-size: 16px;
        }

        .panel .menu2 a.ativo {
            background-image: url(../img/masterpage/bg-menu-grupo.png)!important;
            background-color: #F5F5F5!important;
            background-position: left!important;
            background-repeat: no-repeat!important;
            width: 100%!important;
        }
        .panel .menu2 a.ativoItem {
            background: url(../img/alex-img/ir2.png) no-repeat scroll 16px center!important;
            background-color: #e2e2e2 !important;
            background-position: left!important;
            background-position-x: 5px !important;
            background-repeat: no-repeat!important;
            width: 100%!important;
        }
        .list-group { margin-bottom:0px; }
        .lateral-produtos .menu2 .list-group-item{ padding:0px 0px !important; border:none; margin-bottom:-2px; height:30px;}
        .lateral-produtos .menu2 ul{ padding:0; list-style-type:none; }
        .lateral-produtos .menu2 ul li{ width: 100%!important; float: left; width: 220px; padding: 0; margin: 0; list-style:none; margin-bottom:30px;}
        .lateral-produtos .menu2 ul li a,
        .lateral-produtos ul li a{
            background-image: url(../img/masterpage/bg-menu-grupo.png)!important;
            background-color: #f6f6f6!important;
            background-position: left!important;
            background-repeat: no-repeat!important;
            width: 100%!important;
            float: left;
            width: 220px;
            height: 37px;
            line-height: 37px;
            padding: 0;
            margin: 0;
            text-decoration: none;
            color: #000!important;
            background: transparent url(../img/masterpage/bg-menu-grupo.png) top right no-repeat;
            text-indent: 30px;
            opacity: .7;
            filter: alpha(opacity=70);
            background: url(../img/alex-img/ir2.png) no-repeat scroll 6px center!important;
            color: #000 !important;
            display: table-caption!important;
            font-size: 12px!important;
            width: 91%!important;
            padding: 3px 2px 3px 18px;
            border-bottom: 1px solid #f9f9f9;
            float: left;
            font-weight:bold;
            overflow:hidden;
        }

        #panelId h3.titulo {  background:url('../Img/carrinho/carrinho_ico_tit.png') 25px 50% no-repeat;  text-indent: 56px; }
        #TabelaItens #TabelaDiv table tbody{  background:#f8efea; }
        /*#panelId #divBtnSalvar button{ width:150px !important; font-size:11px; }*/

        .linkPagamento{ padding:25px; }

        .linkPagamento a{
            float: left;
            width: 876px;
            cursor: pointer;
            min-height: 80px;
            text-indent: 10px;
            line-height: 20px;
            overflow: hidden;
            text-indent: -300px;
            color:transparent;
            border-color:#fff;
            margin-bottom:20px;
        }
        .linkPagamento a:hover{ color:transparent; border-color:#fff; }
        .linkPagamento a:active{ color:transparent; border-color:#fff; background-color:transparent; }

        .linkPagamento a.btnBoleto{ background:url('../Img/pagamento/bg-pagto-boleto.png') }
        .linkPagamento a.btnCartaoCredito{ background:url('../Img/pagamento/bg-pagto-cartaocredito.png') }
        .linkPagamento a.btnPagSeguro{ background:url('../Img/pagamento/bg-pagto-pagseguro.png') }
        .linkPagamento a.btnDeposito{ background:url('../Img/pagamento/bg-pagto-deposito.png') }
        .linkPagamento a.btnCielo{ background:url('../Img/pagamento/bg-pagto-cartaocredito.png') }

        #popup-auto .modal-header button{ background:#fff; }
        #popup-auto .modal-header button span{ color:#fff; }

@media (max-width:768px) {

    .linkPagamento a.btnCielo {
        /*background: none;*/
    }

    .linkPagamento a.btnPagSeguro {
        /*background: none;*/
    }
    .navbar-inverse #menu-categorias a {
        color: #fff;
    }
    .botoes-default a.categorias-destaque-link2,
    .botoes-default a.categorias-destaque-link3,
    .botoes-default a.categorias-destaque-link4,
    .botoes-default a.categorias-destaque-link5 {
        left:0px;
    }

    #imagens-footer{ text-align:center; }
    #imagens-footer { width:70%; }

    #myCarousel .carousel-inner img.img-responsive{ height:300px !important; }
    #myCarousel carousel-indicators{ display:none; }
   
  

}
