.body_close{
    overflow:hidden;
    position:relative;
    left:0;
}

.body_open_left{
    left:220px;
}

.body_open_right{
    left:-220px;
}

/* OVERALL MENUS */

.srl_menu{
    margin-top:180px;
    height:100%;
}

.srl_menu a { color:#fff; text-decoration:none;}

.srl_menu a:hover { color:#05f0d2;}

.prl_menu{
    margin-top:450px;
    height:100%;
}

.list_menu{
    list-style:none;
    padding:0;
	margin-top:3px;
    margin-left:10px;
    
}
.list_menu2{
    list-style:none;
    padding:0;
	margin-top:3px;
	margin-right:60px;
   
	
	
}

#button_right, #button_left, #bsleft, #bsright, #slide_left, #slide_right { z-index:999999;}

.list_menu h2{
    color:#f5f5f5;
    padding:12px 0 0 20px;
    height:32px;
    font-size:19px; margin-right:50px;
}

.list_menu li {
    color:#fff;
    width:180px;
    padding:5px 10px; text-align: center; 
    
}

.list_menu li a { color:#fff; text-decoration:none; padding:3px 10px;}
.list_menu li a:hover { color:#05f0d2;}


.list_menu2 h2 {
  background:#05f0d2;
  padding:5px 5px; 
  text-align:center;
  color:#333; 
  font-size:12pt;
  margin:0;
}

.list_menu2 li{
   text-align:center; 
   padding:5px 10px; 
   color:#fff;
   margin-right:10px; width:160px;
}

/* BUTTONS */

.button{
    border:none;
    outline:none;
    width:58px;
    height:220px;
    padding:0; 
    cursor:pointer;
}


.button2{
    border:none;
    outline:none;
    width:58px;
    height:220px;
    padding:0;
    cursor:pointer;
}



.sbutton{
	background-color:transparent;
    xbackground-color:#e74c3c;
    xborder-bottom:solid 1px #c0392b;
}

.pbutton{
    xbackground-color:#3498db;
    xborder-bottom:solid 1px #2980b9;
}

/* TRANSITIONS */

.slide_left_open,.slide_left_close,.slide_right_open,.slide_right_close,.slide_top_open,.slide_top_close,.push_left_open,.push_left_close,.body_close,.body_open_left,.body_open_right,.push_right_open,.push_right_close{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* MEDIA QUERIE EXAMPLES */

@media only screen and (max-width : 480px) {
    
    #slide_top > nav a{
        padding: 20px 0 25px 0;
    }
	
}

@media only screen and (max-width: 1023px){
    
   .srl_menu{
    margin-top:230px;
    height:100%;
}
    
}


/* SLIDE LEFT MENU */

.slide_left_close{
    position:fixed;
    left:-200px;
} 

.slide_left_open{
    left:-20px; z-index:10000;
}

#slide_left > ul{
    float:left;
    background-color:#1d2637;padding-bottom:10px;
}

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

#slide_left ul li{
    background-color:#1d2637;
}



/* SLIDE RIGHT MENU */

.slide_right_close{
    position:fixed;
    right:-200px;/* ok */
} 

.slide_right_open{
    right:-20px; /* ok */z-index:10000;
}
#slide_right ul {padding-bottom:10px;}
#slide_right > ul{
    float:right; border:1px solid #053456;
    background-color:#1d2637; 
}

#slide_right > ul > h2{ background:#05f0d2;padding:5px 10px; text-align:center;
}

#slide_right ul { margin-right:20px;}
#slide_right ul li{
    xbackground-color:#f46354;
}
#slide_right ul li:hover{
    xbackground-color:#f35a4a;
}

/* SLIDE TOP MENU */

#slide_top{
    position: absolute;
    width: 100%;
    text-align: center;
}

.slide_top_close{
    top:-236px;
}

.slide_top_open{
    top:-300px;
}

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

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

#slide_top > nav a{
    float:left;
    color:#f5f5f5;
    font-weight: 600;
    width:20%;
    padding: 36px 0;
}

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

/* PUSH RIGHT MENU */

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

.push_right_open{
    right:0px;
}

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

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

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

#push_right ul li:hover{
    xbackground-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;
}