/*
    Document   : estilos
    Created on : 07/08/2014, 15:19:55
    Author     : robertoludwig
    Description:
        Purpose of the stylesheet follows.
*/

header .top-bar {
    background-color: #888;
    background-image: url(../images/main-slider-pattern.png);
}

footer #botbar {
    background-color: #888;
    background-image: url(../images/main-slider-pattern.png);
}

header i.second-text-color,
header a,
#botbar .socials a {
    color: white;
    font-weight: bold;
}
header a:hover {
    color: #ccc!important;
    text-decoration: none;
}

.content {
    background: transparent url('../images/texturas/straws.png');
}

.large-header .navbar-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
}

.large-header .navbar-nav li {
    display: table-cell;
    float: none;
}

.img-box img,
.post-thumb .photo,
.post-thumb .photo img,
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track,
.facebook-frame,
.input-group input,
#search button.btn.btn-default,
.author-box {
    border-radius: initial!important;
}

.calendar .day:last-child {
    border-right: 1px solid #e1e1e1;
}

/*
Quando tiver BG no evento
*/

#evento-com-bg {
    float: left;
    width: 100%;
}

#evento-com-bg .alt-banner.img1,
#evento-com-bg .content {
    background: none;
}

#evento-com-bg .main-text-color,
#evento-com-bg .portfolio.single .icon.list .element,
#evento-com-bg h1,#evento-com-bg h2,#evento-com-bg h3,#evento-com-bg h4,#evento-com-bg h5,#evento-com-bg h6 {
    color: #fff;
}

#evento-com-bg p {
    background: rgba(0,0,0,0.6) url('../images/main-slider-pattern.png');
    line-height: 30px;
    padding: 10px;
    color: #fff;
}

#evento-com-bg .button.striped.lilas {
    border-color: #fff;
    color: #fff;
}

#evento-com-bg .second-bg-color {
    background-color: orange;
}

#evento-com-bg .button.striped.orange {
    border-color: white;
    color: white;
}

#evento-com-bg .modal .main-text-color,
#evento-com-bg .modal .portfolio.single .icon.list .element,
#evento-com-bg .modal h1,#evento-com-bg .modal h2,#evento-com-bg .modal h3,#evento-com-bg .modal h4,#evento-com-bg .modal h5,#evento-com-bg .modal h6 {
    color: #666!important;
}

.author-box .img-wrap img {
    float: none;
    margin: 0 auto;
}

.tweet-box {
    background-color: rgba(0,0,0,0.15);
}

.atracoes i {
    background-color: white!important;
    color: #2A1C4C;
}

.menu_busca a {
    color: #2A1C4C;
    text-decoration: none;
}

div.menu_busca a {
    float: left;
    display: table;
    font-size: 19px;
    line-height: 1.2em;
    font-weight: 300;
    margin: 4px 30px 4px 0px;
    padding: 0 4px;
}

div.menu_busca a.bold {
    font-weight: bold;
}

div.menu_busca a span {
    font-size: 12px;
    vertical-align: middle;
}

.overlay {
    background: #2A1C4C;
    background-color: rgba(0,0,0,0.6);
}

.liked-posts .element.op5 {
    background: rgba(0,0,0,0.15);
}

.overlay .detalhes {
    position: absolute;
    top: 40%;
    margin-top: -13px;
    left: 0;
    right: 0;
    text-align: center;
}

.overlay .detalhes h6 {
    color: #fff!important;
}

.required,
.parsley-error-list {
    color: #f89406;
    font-size: 12px;
}

.custom-2 .navbar-nav,
.custom-2 .navbar-nav li {
    border: none!important;
}

table .button.md .over {
    font-size: 11px;
    padding: 10px;
    width: 110px;
}

.table-pedidos {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: #333;
}

.table-pedidos>thead>tr>th {
    padding: 10px;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
}

.table-pedidos>tbody>tr>td {
    text-align: left;
}

.table-pedidos>tbody .item>td {
    padding: 10px;
    border-color: #ececec;
    border-width: 1px 1px 1px 0;
    border-style: solid;
}

.table-pedidos>tbody .item>td:first-child {
    border-left-width: 1px;
}

.table-pedidos .detail.open .detail-holder {
    display: block;
    padding-bottom: 10px;
}

.table-pedidos>tbody .exchange-order {
    text-align: center;
}

.table-pedidos .base-table {
    margin-bottom: 10px;
    border-collapse: separate;
    width: 100%;
    background: #fff;
    border-bottom: #ececec 1px solid;
}

.box ul li{
    list-style-type: none;
}
.box{
    display: flex;
}
.medium{

}
.info{
    margin-left: -5em;
    margin-top: 1em;
}
.ing-info{
    margin-left: -2em;
    margin-top: 0.5em;
}
.table-pedidos .base-table thead tr th {
    margin: 0;
    text-transform: uppercase;
    background: #13abe1;
    text-align: left;
    font-weight: bold;
    color: #fff;
    padding: 10px;
    border-color: #13abe1;
    border-width: 0 1px 0 1px;
    border-style: solid;
    font-size: 14px;
    padding: 15px;
    text-align: center;
}

.table-pedidos .base-table td {
    padding: 15px;
    font-size: 12px;
    border-color: #ececec;
    border-width: 1px 1px 0 0;
    border-style: solid;
}

.table-pedidos .base-table td:first-child {
    border-left-width: 1px;
}

.table-pedidos .base-table td .product-attributes {
    text-align: left;
}

.product-attributes .product-img {
    display: inline-block;
    color: black;
}

.product-transport>span {
    display: block;
    padding: 5px;
}

.payment-method strong, .payment-method span, .order-detail .total strong, .total span, .delivery-address span {
    display: block;
}

.table-pedidos tr.detail {
    display: none;
    padding-bottom: 10px;
}

.table-products {
    width: 100%;
    background: #fff;
    border-bottom: #ececec 1px solid;
    margin-top: 15px;
    color:#333;
}

.table-products thead th {
    margin: 0;
    text-transform: uppercase;
    background: #13abe1;
    text-align: left;
    font-weight: bold;
    color: #fff;
    padding: 10px;
    border-color: #13abe1;
    border-width: 0 1px 0 1px;
    border-style: solid;
    font-size: 14px;
}

.table-products thead th {
    border-style: initial;
    font-family: "netshoes_displaybold",sans-serif;
}

.table-products .table-products-head th {
    padding-left: 20px;
}

.table-products td {
    padding: 5px;
    border-color: #ececec;
    border-width: 1px 1px 0 0;
    border-style: solid;
}

.table-products td {
    border-top: #ececec 1px solid;
    border-left: none;
    padding: 20px;
    vertical-align: top;
}

.table-products td:first-child {
    border-left-width: 1px;
}
.table-products td:last-child {
    border-right-width: 0px;
}

.table-products td.column-product {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

.table-products tbody .column-product {
    border-right-width: 0;
}

.table-products tr.bundle>td {
    padding-bottom: 0;
}

.product-img {
    position: relative;
    overflow: hidden;
    vertical-align: top;
    display: inline-block;
    width: 120px;
    height: 120px;
}

.product-info {
    vertical-align: top;
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
}

.product-info .title {
    margin: 0;
    font-weight: bold;
    font-size: 14px;
}

.cart-product .product-info .attributes li {
    list-style-type: none;
}

.table-products .column-amount {
    width: 158px;
}

.table-products td.column-amount {
    padding: 20px;
}

.cart-product-price .old-price {
    font-size: 11px;
}

.cart-product-price .new-price {
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    color: #5a2d82;
}

button.lnk {
    font-weight: bold;
    text-decoration: underline;
    color: #0e92c1;
}

button.lnk:hover {
    text-decoration: none;
    color: #13abe1;
}

.product-info .actions .lnk {
    margin: 0;
    margin-left: 10px;
    padding: 0;
    border: none;
    background: none;
}

.table-products tfoot td.final-summary-text .summary-label,
.table-products tfoot .discount-row .summary-label {
    float: right;
}
.table-products tfoot .highlight .final-summary-text .summary-label,
.table-products tfoot .discount-row .summary-label {
    text-transform: uppercase;
}
.table-products .discount {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}
.table-products tfoot .final-summary-price .final-price {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}
.table-products tfoot .highlight .final-summary-price strong {
    font-style: normal;
    color: #5a2d82;
    font-size: 27px;
    display: block;
}

.numeric-input{
    position:relative;
    width:100px;
}

.numeric-input input{
    width:100px;
    height:42px!important;
    display:inline-block;
}

.numeric-input>span{
    position:absolute;
    top:3px;
    right:8px;
    cursor:pointer;
    color:#7a8188;
}

.numeric-input .arrow-down{
    bottom:3px;
    top:auto;
}

.fade-loader {
    position: relative;
    opacity: 0.1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.ajax-preloader {
    z-index: 10000;
}

.ajax-preloader .loader {
    position: fixed;
    height: auto;
}

.bg-min-event {
    height: 200px;
    background: url('../images/nada.jpg') 50% 0 no-repeat;
}

.pluginSkinLight div {
    text-align: center;
}

.pluginSkinLight .pluginConnectButtonLayoutRoot {
    display: block;
    margin: 0 auto;
}

#evento-com-bg .tab h6,
#evento-com-bg .tab h1,
#evento-com-bg .tab * {
    color:#444;
}

#evento-com-bg .tab .ui-state-active h6 {
    color:#ccc;
}

#evento-com-bg .alert p,
#evento-com-bg .tab p {
    background: none;
    line-height: normal;
    padding: auto;
    color: #444;
}

.custom-2.container-nav.navbar-fixed-top {
    background-color:rgba(255,255,255,0.8);
}

.navbar-fixed-top .nav > li > a:hover, .navbar-fixed-top .nav > li > a:focus {
    background-color:rgba(247,248,251,0.7);
}

.calendar .day.event {
    background-color: rgb(252,225,231);
}

.calendar .day.hover {
    background: #219fd1;
}

table#ingressos .numeric-input {
    margin: 0 auto;
}

table#ingressos .numeric-input input {
    height: 40px!important;
}

table#ingressos td {
    padding: 5px;
}

table#ingressos .esgotado {
    color: #CF302E;
    font-size: 1.5em;
}
div.cartao-detalhe .esgotado {
    color: #CF302E;
    font-size: 1.5em;
}
div.cartao-detalhe{
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding: 1.5em;

    background-color: #2A1C4C;
}

div.cartao-detalhe .list-group{
    margin-bottom: 1.5em;
}
.nome-evento{
    color: #fff;
    font-size: 1.4em;
}
.description {
    text-align: left;
    margin-left: -4em;
    padding-top: 1em;
    padding-bottom: 1em;
    color: #fff;
}

.numeric-input-card{
    position:relative;
    width:80px;
}

.numeric-input-card input{
    width:80px;
    height:42px!important;
    display:inline-block;
}

.btn-card{
    margin-top: -4.6em;
    margin-left: 5.8em;
}
.column-amount {
    margin-bottom: -1.5em;
}
.cart-options-card{
    padding-top: 3em;
}
.numeric-input-card>span{
    position:absolute;
    top:3px;
    right:8px;
    cursor:pointer;
    color:#7a8188;
}

.numeric-input-card .arrow-down{
    bottom:3px;
    top:auto;
}
p.bold{
    font-style: italic;
    font-weight: bold;
    color: #000 !important;
}

.bold{
    font-style: italic;
    font-weight: bold;
}

.nome-ingresso{
    color: black !important;
    font-size: 1.2em;
}
.anuncio {
    margin-bottom: 10px;
    text-align: right;
}

.detalhes-primarios{
    border-style: solid;
    padding: 1.5em;
    margin-top: 1em;
}

.status{
    border-style: solid;
    padding: 0.5em;
    margin-top: 1em;
}
.modal-backdrop.in{
    display: none;
}

.alt-banner .text {
    font-size: 25px;
    font-weight: 300;
    margin: 20px 0;
    opacity: 1;
}

.evento-box{
    margin-bottom: -3em;
}


.post-links {
    opacity: 1;
}

#footer {
    padding: 10px 0px 40px 0px !important;
}

footer .fundo-rodape{
    background: #2A1C4C url(../images/bg-music-2.png) left bottom repeat-x;
}

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

    .evento-destaque {
        height: 250px;
    }

}
@media screen and (max-width: 768px) {

    header .top-bar {
        height: auto;
        text-align: center!important
    }

    header .top-bar .align-right {
        text-align: center!important
    }

    .logo-xs img {
        margin: 0 auto;
    }

    #sthoverbuttons {
        display: none;
    }

    .main-menu a {
        font-size: 30px;
    }

    .main-menu a i {
        font-size: 15px;
    }

    .btns-concluir-compra a {
        display: block;
        margin: 0 auto;
        float: none!important;
        margin-bottom: 20px;
    }

    .table-pedidos>thead>tr>th,
    table.table-pedidos td,
    table.table-pedidos a {
        font-size: 5px;
        max-width: 100px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        hyphens: auto;
        overflow: hidden;
    }

}

@media screen and (max-width: 991px) {
    .zopim{
        display: none;
    }

}