/*Global Styles*/
* {
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

html, body {
    display: block;
    margin: 0px;
    width: 100%;
}

body {
    /*background-color: #DDD9D9;*/
    background-color: #fff !important;
    height: 100%;
}

a:visited, a:link, a:active {
    text-decoration: none;
    color: white !important;
}

.mostrador {
    /*position:relative;*/
    background-color: transparent;
    border-bottom: 2px solid #fff;
    display: block;
    height: 250px;
    line-height: 250px;
    /*margin: 0 auto 0;*/
    max-width: 2560px;
    width: 100%;
}

    .mostrador ul {
        margin: 0;
        position: relative;
        z-index: 1;
    }

    .mostrador li {
        position: relative;
        z-index: 1;
        margin: 0;
        padding: 0;
        float: left;
        text-align: center;
        width: 25%;
    }

    .mostrador .exhibiciones {
        background-size: 640px 250px;
        background-repeat: no-repeat;
        background-position: center center;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        border-bottom: 2px solid #fff;
        color: transparent;
        display: block;
        font-size: 0px;
        list-style: none;
        /*vertical-align: middle;*/
        width: 640px;
        height: 250px;
        width: auto;
    }

@media only screen and (min-width: 470px) {
    .mostrador .promo-1 {
        border-left: none;
    }

    .mostrador .promo-2 {
        border-left: none;
    }

    .mostrador .promo-3 {
        border-left: none;
    }

    .mostrador .promo-4 {
        border-left: none;
        border-right: none;
    }
}


/*Desktop Styles and Tablets*/
@media only screen and (min-width: 470px) {
    .mostrador .promo-1 {
        background-image: url('../../Img/Promo-1-Alambre.jpg');
    }

    .mostrador .promo-2 {
        background-image: url('../../Img/Promo-2-EquipoS.jpg');
    }

    .mostrador .promo-3 {
        background-image: url('../../Img/Promo-3-Soldadura.jpg');
    }

    .mostrador .promo-4 {
        background-image: url('../../Img/Promo-4-Cerca_electrica.jpg');
    }
}
/*Desktop Styles*/
/*@media only screen (max-width:1068px) and (max-height:890px) {
    body {
        min-width: 768px;
    }
}*/
/*Tablet Styles*/
@media only screen and (min-width: 768px) {
    body {
        min-width: 768px;
    }
}

@media only screen (max-width:1068px) and (max-height:890px) {
    body {
        min-width: 768px;
    }
}

@media only screen and (max-width: 1068px) and (min-width: 470px) {
    .mostrador li {
        position: relative;
        z-index: 1;
        margin: 0;
        padding: 0;
        float: left;
        text-align: center;
        width: 50%;
    }

    .mostrador .promo-1 {
        border-left: none;
    }

    .mostrador .promo-2 {
        border-right: none;
    }

    .mostrador .promo-3 {
        border-left: none;
        /*border-bottom: none;*/
    }

    .mostrador .promo-4 {
        border-right: none;
        /*border-bottom: none;*/
    }
}

/*Mobile Styles*/
@media only screen and (max-width: 469.9px) {

    .mostrador {
        background-color: transparent;
        display: block;
        height: 140px;
        line-height: 140px;
        margin: 0 auto;
        width: 100%;
    }

        .mostrador li {
            position: relative;
            z-index: 1;
            margin: 0;
            padding: 0;
            float: left;
            text-align: center;
            width: 100%;
        }

        .mostrador .exhibiciones {
            background-size: 600px 140px;
            background-repeat: no-repeat;
            background-position: center center;
            border-right: none;
            border-left: none;
            border-bottom: 1px solid #fff;
            color: transparent;
            display: block;
            font-size: 0px;
            list-style: none;
            width: 600px;
            height: 140px;
            width: auto;
        }

        .mostrador .promo-1 {
            background-image: url('../../Img/Promo-1-Alambre_S.jpg');
        }

        .mostrador .promo-2 {
            background-image: url('../../Img/Promo-2-EquipoS_S.jpg');
        }

        .mostrador .promo-3 {
            background-image: url('../../Img/Promo-3-Soldadura_S.jpg');
        }

        .mostrador .promo-4 {
            background-image: url('../../Img/Promo-4-Cerca_electrica_S.jpg');
        }
}