/* Parametros globales */

#cabeceraGeneral {
    min-width: 320px;
}

/* Menu RWD*/
#SBMenu {
    background-color: rgb(44, 44, 44);
    color: rgb(255, 255, 255);
}

    #SBMenu nav {
        background-color: rgb(40, 40, 40) !important;
    }

    #SBMenu ul {
        background-color: rgb(40, 40, 40);
    }

    #SBMenu .navbar-brand {
        color: rgb(255, 255, 255);
    }

    #SBMenu .nav-link {
        color: rgb(255, 255, 255);
    }

        #SBMenu .nav-link:hover {
            color: rgb(242, 182, 46);
        }

/* Menu no RWD */

#SBMenuNormal {
    position: relative;
    height: 258px;
}

/* Logo. Start */

#logo {
    position: absolute;
    top: 53px;
    left: 16px;
}

/* Logo. End */

/* Menu de enlaces. Start */

#menu {
    position: absolute;
    top: 158px;
    left: 0;
}

    #menu li {
        float: left;
    }

        #menu li a {
            display: block;
            height: 58px;
            padding: 0 15px 0 15px;
            overflow: hidden;
            float: left;
            line-height: 58px;
            font-size: 1.083em;
            font-weight: bold;
            text-transform: uppercase;
            text-decoration: none;
            color: #fff;
        }

            #menu li a:hover {
                color: #f2b62e;
            }

        #menu li.act a {
            background: url(/images/Design/menu-tail.gif) repeat-x 50% 0%;
            padding: 0;
        }

            #menu li.act a:hover {
                color: #fff;
            }

            #menu li.act a span {
                background: url(/images/Design/menu-left.gif) no-repeat 0% 0%;
                display: inline-block;
            }

                #menu li.act a span span {
                    background: url(/images/Design/menu-right.gif) no-repeat 100% 0%;
                    display: inline-block;
                    height: 58px;
                    overflow: hidden;
                    padding: 0 18px 0 17px;
                }

            #menu li.act a strong {
                background: url(/images/Design/menu-left-act.gif) no-repeat 0% 0%;
                display: inline-block;
            }

                #menu li.act a strong span {
                    background: url(/images/Design/menu-right.gif) no-repeat 100% 0%;
                    display: inline-block;
                    height: 58px;
                    overflow: hidden;
                    padding: 0 18px 0 17px;
                }

/* Menu de enlaces. End */

/* Caja del buscador en la parte superior: Start */

#search-form {
    background: url(/images/Design/search-input.jpg) no-repeat 0% 0%;
    width: 275px;
    height: 21px;
    overflow: hidden;
    position: absolute;
    top: 75px;
    right: 151px;
}

    #search-form input {
        background: none;
        width: 156px;
        height: 15px;
        padding: 3px 6px 3px 56px;
        float: left;
        border: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        color: #fff;
    }

        #search-form input#search-submit {
            background: url(/images/Design/search-submit.jpg) no-repeat 0% 0%;
            width: 55px;
            height: 21px;
            margin: 0 0 0 64px;
            padding: 0;
            float: left;
            border: none;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 0.917em;
            font-weight: bold;
            color: #fff;
            cursor: pointer;
        }

            #search-form input#search-submit:hover {
                color: #000;
            }

/* Caja del buscador en la parte superior: End */

/* Redes sociales. Start */

#menuRedesSociales {
    overflow: hidden;
    position: absolute;
    top: 111px;
    right: 138px;
}

    #menuRedesSociales li {
        background: url(/images/Design/navi-divider.gif) no-repeat 0% 0%;
        float: left;
        margin: 0 0 0 -1px;
        padding: 0 14px 0 19px;
        line-height: 30px;
        font-weight: bold;
        color: #605f5f;
    }

        #menuRedesSociales li strong {
            padding: 0 4px 0 0;
        }

        #menuRedesSociales li b {
            padding: 0 0 0 3px;
        }

/* Redes sociales. End */

/* Carro de compra. Start */

#carroCompraTop {
    overflow: hidden;
    position: absolute;
    top: 75px;
    right: 0px;
    background: #F2B62E;
    width: 135px;
    height: 57px;
    border-radius: 10px;
    font-family: Arial;
    color: #000;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

.carroTop {
    margin-top: 20px;
    margin-left: 15px;
    width: 100%;
    color: black;
}

    .carroTop img {
        padding-left: 5px;
        vertical-align: middle;
        margin-right: 5px
    }

    .carroTop a {
        color: rgb(0,0,0);
        text-decoration: underline;
    }

        .carroTop a:hover {
            color: rgb(0,0,0);
            text-decoration: none;
        }

/* Carro de compra. End */