/****************************************************/
/* OVERALL RESET STYLES */
/*****************************************************************************/

/* RESET */


/* CONTENT */



***************************************************************************/

/* BODY */

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

.body_open_left{
    left:220px;
}

.body_open_right{
    left:-220px;
}

/* OVERALL MENUS */

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

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

.list_menu{
    list-style:none;
    padding:0;
    margin:0;
    width:250px;
    height: 100%;
}

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

.list_menu li{
    color:#f5f5f5;
    width:200px;
    padding:14px 0 14px 20px;
}

/* BUTTONS */

.z-index-over{/*Just for presentation purposes, to appear over the Push Left Menu (activated with javascript, please see .js file) - you can use it if you have the two, but it's not required*/
    z-index:500;
}

#button_left {
    border: none;
    outline: none;
    width: 35px;
    height: 35px;
    padding: 0;
    top: 39px;
    cursor: pointer;
    position: fixed;
    right: 14px;
}

.button img{
    margin-right:2px;
    margin-top:4px;
}

.sbutton {
    background-color:#008B47;
}
.pbutton{
    background-color:#3498db;
    border-bottom:solid 1px #2980b9;
}

/* TRANSITIONS */

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