/****************************************************************************/
/** Module Banner Bottom ****************************************************/
/****************************************************************************/

@media screen,print
{
    .ModuleBannerTopContainer
    {
        background-color: #EEE;
    }
    
    .ModuleBannerTopContainer .MBTCBanner
    {
        width: 100%;
        height: 280px;
        position: relative;
        overflow: hidden;
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MCTCBigScreen
    {
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MCTCSmallScreen
    {
        display: none;
    }
    
    .ModuleBannerTopContainer .MBTCBanner.MBTCBannerFullHeight
    {
        height: 457px;
    }
    
    .ModuleBannerTopContainer .MBTCBanner div.MCTCBannerImg
    {
        margin: 0 auto;
        width: 100%;
        height: 100%;
    }
    
    .ModuleBannerTopContainer .MBTCBanner img.MCTCBannerImg
    {
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MBTCTickets
    {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MBTCTickets .MBTCPositionalContainer
    {
        visibility: hidden;
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MBTCTickets .MBTCTicketsInner
    {
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88ffffff, endColorstr=#88ffffff)";
        background: rgba(255, 255, 255, 0.5);
        width: 645px;
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MBTCTickets .MBTCTicketsInner .MBTCTicket
    {
        padding-bottom: 10px;
        margin-right: 20px;
        padding-top: 10px;
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MBTCTickets .MBTCTicketsInner .MBTCTicket .MBTCTicketIcon
    {
        min-width: 21px;
        min-height: 19px;
        background-image: url('/Css/Images/any/icon-ticket-seta.png');
        background-position: left top;
        background-repeat: no-repeat;
        display: table-cell;
        padding-right: 30px;
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MBTCTickets .MBTCTicketsInner .MBTCTicket .MBTCTicketText
    {
        font-size: 12px;
        color: #333;
        display: table-cell;
    }
    
}

@media (max-width: 1200px)
{
    .ModuleBannerTopContainer .MBTCBanner .MBTCTickets .MBTCTicketsInner
    {
        width: 600px;
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MCTCBigScreen
    {
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MCTCSmallScreen
    {
        display: none;
    }
    
    .ModuleBannerTopContainer .MBTCBanner.MBTCBannerFullHeight
    {
        height: 457px;
    }
}

@media (max-width: 992px)
{
    .ModuleBannerTopContainer .MBTCBanner .MBTCTickets
    {
        display: none;
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MBTCTickets .MBTCTicketsInner
    {
        width: 500px;
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MCTCBigScreen
    {
        background-image: none !important;
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MCTCSmallScreen
    {
        display: block;
    }
    
    .ModuleBannerTopContainer .MBTCBanner
    {
        height: auto;
        min-height: 100px;
    }
    
    .ModuleBannerTopContainer .MBTCBanner.MBTCBannerFullHeight
    {
        height: auto;
        min-height: 100px;
    }
    
    .ModuleBannerTopContainer .MBTCBanner img.MCTCBannerImg
    {
        max-width: 130%;
        margin: 0 -15%;
    }
}

@media (max-width: 768px)
{
    .ModuleBannerTopContainer .MBTCBanner .MBTCTickets
    {
        display: none;
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MBTCTickets .MBTCTicketsInner
    {
        width: 400px;
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MCTCBigScreen
    {
        background-image: none !important;
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MCTCSmallScreen
    {
        display: block;
    }
    
    .ModuleBannerTopContainer .MBTCBanner
    {
        height: auto;
        min-height: 100px;
    }
    
    .ModuleBannerTopContainer .MBTCBanner.MBTCBannerFullHeight
    {
        height: auto;
        min-height: 100px;
    }
    
    .ModuleBannerTopContainer .MBTCBanner img.MCTCBannerImg
    {
        max-width: 130%;
        margin: 0 -15%;
    }
}

@media (max-width: 599px)
{
    .ModuleBannerTopContainer .MBTCBanner .MBTCTickets
    {
        display: none;
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MBTCTickets
    {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MBTCTickets .MBTCTicketsInner
    {
        width: 100%;
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MCTCBigScreen
    {
        background-image: none !important;
    }
    
    .ModuleBannerTopContainer .MBTCBanner .MCTCSmallScreen
    {
        display: block;
    }
    
    .ModuleBannerTopContainer .MBTCBanner
    {
        height: auto;
        min-height: 100px;
    }
    
    .ModuleBannerTopContainer .MBTCBanner.MBTCBannerFullHeight
    {
        height: auto;
        min-height: 100px;
    }
    
    .ModuleBannerTopContainer .MBTCBanner img.MCTCBannerImg
    {
        max-width: 130%;
        margin: 0 -15%;
    }
}


@media print
{

}