﻿#SponsorLogo[src="img/LOGO_OXXO_HEADER.png"] {
    height: 128px;
}

#logo {
    background-color: #0B0C44; /*THEME*/
    height: 150px;
}

header {
    background-color: #FFFFFF;
    background: none;
}

#top-area3 {
    height: 240px !important;
    background-color: #FFF !important;
}

footer {
    background-color: #FFFFFF !important;
}

#footer_2 {
    background-color: #0B0C44 !important;
    color: #FFFFFF;
    vertical-align: middle;
}

.footerText {
    color: #ccc;
    font-size: 12px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    padding: 10px 20px;
    text-align: justify;
}

    .footerText a {
        color: #ccc !important;
        margin-left: 3px;
        display: inline-block;
    }

    .footerText p a {
        color: #fff !important;
    }

.notificationBar {
    background-color: #A3AAAD; /*THEME*/
    color: #FFFFFF;
}

input.form-control:focus, select.form-control:focus, textarea.form-control:focus {
    border: 2px solid #A3AAAD !important; /*THEME*/
}

.ui-widget-header {
    background: #A3AAAD !important; /*THEME*/
    border: none !important;
}

.thanks {
    color: #282828 !important;
    border: 2px solid #282828;
}

    .thanks:hover {
        color: #FFFFFF !important;
        border: 2px solid #A3AAAD;
        background-color: #A3AAAD;
    }

.forward, .forward-print, #searchButton {
    background-color: #d7d7d7 !important;
    border: 1px solid #d7d7d7 !important;
    color: #333 !important;
}

#purchaseButton {
    border: 1px solid #79B928 !important;
    background-color: #79B928 !important;
    color: #333 !important;
}

.backward {
    background-color: #d7d7d7 !important;
    border: 1px solid #d7d7d7 !important;
    color: #333 !important;
}

.forward:hover, #searchButton:hover, #purchaseButton:hover {
    background-color: #79B928 !important;
    color: #333 !important;
}

.backward:hover {
    background-color: #E41913 !important;
    color: #FFF !important;
}

button[disabled].forward {
    background: #d7d7d7 !important;
    border: 1px solid #d7d7d7 !important;
    border: 1px solid #ccc !important;
}

button[disabled].backward, button[disabled].backward:hover, #purchaseButton.btn-disabled, #purchaseButton.btn-disabled:hover {
    background: #d7d7d7 !important;
    border: 1px solid #d7d7d7 !important;
    color: #333 !important;
}
