/* SLIDE LEFT MENU */

.slide_left_open ul.list_menu {
    box-shadow: 0 0 11px #1b1b1b;
}
.slide_left_close{
    position:fixed;
    left:-220px;
    z-index: 999999999;
}

.slide_left_open{
    left:0px;
}

#slide_left > ul {
    background-color: #cccccc;
    float: left;
    height: 100%;
    padding: 40px 0 0;
}

#slide_left > ul > h2{
    border-bottom:solid 1px #c0392b;
}

#slide_left ul li a {
    color: #000000;
    border-bottom:1px solid #36b861;
    display: inline-block;
    padding: 10px 0 10px 20px;
    width: 100%;
    color: #3d3d3d;
    font-family: verdana,sans-serif;
    font-size: 13px;
    line-height: 16px;
}

#slide_left ul li a:hover{
    color: #36b861;
}

/* SLIDE RIGHT MENU */

.slide_right_close{
    position:fixed;
    right:-220px;
}

.slide_right_open{
    right:0px;
}

#slide_right > ul{
    float:right;
    background-color:#e74c3c;
}

#slide_right > ul > h2{
    border-bottom:solid 1px #c0392b;
}

#slide_right ul li{
    background-color:#f46354;
}

#slide_right ul li:hover{
    background-color:#f35a4a;
}

/* SLIDE TOP MENU */

#slide_top{
    position: fixed;
    width: 100%;
    text-align: center;
    z-index:150;
}

.slide_top_close{
    top:-141px;
}

.slide_top_open{
    top:0px;
}

#slide_top > nav{
    padding:0;
    margin:0;
    background-color:#f46354;
    height:100%;
    max-height:91px !important;
    overflow:hidden;
}

#slide_top > h2{
    color:#f5f5f5;
    width:100%;
    padding:11px 0;
    background-color:#e74c3c;
}

#slide_top > nav a{
    float:left;
    color:#f5f5f5;
    width:18%;
    padding: 36px 1%;
}

#slide_top > nav a:hover{
    background-color: #f35a4a;
}

#button_top{
    border-bottom:solid 1px #c0392b;
    position:fixed;
    left:0;
    right:0;
    margin:0 auto;
}

.button_top_close{
    top:0;
}

.button_top_open{
    top:139px;
}

/* SLIDE BOTTOM MENU */

#slide_bottom{
    width: 100%;
    text-align: center;
    position:fixed;
    z-index:150;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop+
        (document.documentElement.clientHeight-this.offsetHeight)));
    height:139px;
}

.slide_bottom_close{
    bottom:-139px;
}

.slide_bottom_open{
    bottom:0px;
}

#slide_bottom > nav{
    padding:0;
    margin:0;
    background-color:#f46354;
    height:100%;
    overflow:hidden;
}

#slide_bottom > h2{
    color:#f5f5f5;
    width:100%;
    padding:11px 0;
    background-color:#e74c3c;
}

#slide_bottom > nav a{
    float:left;
    color:#f5f5f5;
    width:18%;
    padding: 36px 1%;
}

#slide_bottom > nav a:hover{
    background-color: #f35a4a;
}

#button_bottom{
    border-top:solid 1px #c0392b;
    position:fixed;
    left:0;
    right:0;
    margin:0 auto;
}

.button_bottom_close{
    bottom:0;
}

.button_bottom_open{
    bottom:139px;
}

/* PUSH RIGHT MENU */

.push_right_close{
    position:fixed;
    right:-220px;
}

.push_right_open{
    right:0px;
}

#push_right > ul{
    float:right;
    background-color:#3498db;
}

#push_right > ul > h2{
    border-bottom:solid 1px #2980b9;
}

#push_right ul li{
    background-color:#6badda;
}

#push_right ul li:hover{
    background-color:#4fa3dc;
}

/* PUSH LEFT MENU */

.push_left_close{
    position:fixed;
    left:-220px;
}

.push_left_open{
    left:0px;
}

#push_left > ul{
    float:left;
    background-color:#3498db;
}

#push_left > ul > h2{
    border-bottom:solid 1px #2980b9;
}

#push_left ul li{
    background-color:#6badda;
}

#push_left ul li:hover{
    background-color:#4fa3dc;
}

/* MENUS MEDIA QUERIES */

@media only screen and (max-width : 480px) {
    
    /* SLIDE TOP MENU */
    
    #slide_top > nav{
        max-height:83px;
    }
    
    #slide_top > nav a{
       padding-top:20px;
       padding-bottom:25px;
    }
    
    .slide_top_close{
        top:-133px;
    }
    
    .slide_top_open{
        top:0px;
    }
    
    .button_top_open{
        top:131px;
    }
    
    /* SLIDE BOTTOM MENU */
    
    #slide_bottom > nav a{
       padding-top:20px;
       padding-bottom:25px;
    }
	
}