

#container, #sptieubieu, #dmsp {
    width: 100%;
    top: 0px;
    left: 0px;
}

    #container ul, #sptieubieu ul, #dmsp ul {
        list-style: none;
        list-style-position: inside;
        width: 100%;
        padding-left: 0px;
    }

        #container ul.tabhome {
            list-style: none;
            list-style-position: inside;
            width: 100%;
            float: left;
            height: 35px;
            background-color: #21759B;
        }

            #container ul.tabhome li {
                float: left;
                display: block;
                background-color: #21759B;
                border-right: 1px solid #ccc;
                width: 200px;
                height: 35px;
                position: relative;
                text-align: center;
                color: #fff;
                font-weight: bold;
                cursor: pointer;
                top: 0px;
                margin: 0px;
                line-height: 35px;
                padding: 0px 15px;
            }

        #container ul.tabmenujs li, #sptieubieu ul.menu li {
            float: left;
            display: block;
            background-color: #21759B;
            border: 1px solid #ccc;
            width: 49%;
            height: 40px;
            padding-top: 8px;
            position: relative;
            text-align: center;
            color: #fff;
            font-weight: bold;
            cursor: pointer;
            top: 0px;
            margin: 0px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

@media(max-width:480px) {
    #container ul.tabmenujs li, #sptieubieu ul.menu li {
        float: left;
        display: block;
        background-color: #08988D;
        border: 1px solid #ccc;
        width: 49%;
        height: 40px;
        padding-top: 8px;
        position: relative;
        text-align: center;
        color: #fff;
        font-weight: bold;
        cursor: pointer;
        top: 0px;
        margin: 0px;
        /*border-top-left-radius: 8px;
        border-top-right-radius: 8px;*/
        font-size: 12px !important;
    }
}

#dmsp ul.mnudmsp li {
    float: left;
    display: block;
    background-color: #06746C;
    border: 1px solid #ccc;
    width: 49%;
    height: 40px;
    padding-top: 8px;
    position: relative;
    text-align: center;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    top: 0px;
    margin: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#container ul.tabhome li:hover {
    background-color: #3b5998;
    width: 200px;
    height: 35px;
    top: 1px;
    border-bottom: 0;
}

#container ul.tabmenujs li:hover, #sptieubieu ul.menu li:hover {
    background-color: #3b5998;
    width: 49%;
    height: 40px;
    top: 1px;
    border-bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#dmsp ul.mnudmsp li:hover {
    background-color: #3b5998;
    width: 49%;
    height: 40px;
    top: 1px;
    border-bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#container ul.tabhome li.active {
    background-color: #3b5998;
    width:310px;
    float: left;
    height: 35px;
    padding: 0px 15px;
    line-height: 35px;
}

#container ul.tabmenujs li.active, #sptieubieu ul.menu li.active {
    background-color: #3b5998;
    width: 49%;
    top: 1px;
    float: left;
    height: 40px;
    border-bottom: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#dmsp ul.mnudmsp li.active {
    background-color: #3b5998;
    width: 49%;
    top: 1px;
    float: left;
    border-bottom: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
/******* /MENU *******/
/******* CONTENT *******/
.contentmnu {
    background: #efefef;
    background: #fff;
    border-bottom: none;
    text-align: left;
    border: 1px solid #ccc;
    width: 100%;
    /*padding: 15px 0px 15px;*/
    float: left;
}

    /******* /CONTENT *******/
    /******* NEWS *******/

    .contentmnu.news, .contentmnu.Lisp1, .contentmnu.Lidm1 {
        display: block;
        clear: left;
        /*padding: 10px;*/
    }
    /******* /NEWS *******/
    /******* TUTORIALS *******/

    .contentmnu.tutorials, .contentmnu.Lisp2, .contentmnu.Lidm2 {
        display: none;
        clear: left;
    }
    /******* /TUTORIALS *******/
    /******* LINKS *******/

    .contentmnu.links, .contentmnu.Lisp3, .contentmnu.Lidm3 {
        display: none;
        clear: left;
    }

        .contentmnu.links a {
            color: #5f95ef;
            clear: left;
        }

    .contentmnu.gia, .contentmnu.Lisp4, .contentmnu.Lidm4 {
        display: none;
        clear: left;
    }

        .contentmnu.gia a {
            color: #5f95ef;
            float: left;
        }

    .contentmnu.review {
        display: none;
        clear: left;
    }

        .contentmnu.review a {
            color: #5f95ef;
            float: left;
        }


/******* /tablog *******/

/******* log *******/
.tablog {
    background: #efefef;
    background: #fff;
    border: 1px solid #078001;
    text-align: left;
    font-size: 11px;
    width: 790px;
    float: left;
}

    /******* /log *******/
    /******* NEWS *******/

    .tablog.news {
        display: block;
        clear: left;
    }
    /******* /NEWS *******/
    /******* TUTORIALS *******/

    .tablog.tutorials {
        display: none;
        clear: left;
    }
    /******* /TUTORIALS *******/
    /******* LINKS *******/



    .tablog.gia {
        display: none;
        clear: left;
    }

        .tablog.gia a {
            color: #5f95ef;
            clear: left;
        }

.bordernone {
    border: none;
}
