/*MENU*/
#menu {
min-width:710px;
max-width:710px;
margin:0 auto;
list-style:none;	
}
#menu ul {
list-style: none;
background: #FFFFFF;
}
#menu ul li {
float: left;
background: #FFFFFF;
}
#menu a {
color: #000;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
display: block;
text-decoration: none;

}
#menu a:hover {
background-color: #F4F4F4;
}
#menu ul li:hover > ul.submenu{
display: inherit;
}
.submenu {
border: 0px solid #3C3C3C;

position: absolute;
display: none;
text-align: left;
}
.submenu li {
clear: both;
width: 100%;
}



/*MENU RESPONSIVE*/

#menu_res{
display: none;
width: 100%;

background: #fff;
padding: 0px 0px 0px 0px;


}
#menu_res ul{
margin: 0;
list-style: none;
background-color : #FFF;
}
#menu_res a{
color: #000;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 10px;
display: block;
text-decoration: none;
text-align: left;

}
#menu_res ul li a:hover{
background-color: #F4F4F4;
text-decoration: none;

}
#res_container{
display: none;
}
#menu_res #res_container ul li ul{
display: none
}
@media only screen and (max-width: 780px) {
#menu{
display: none;
}
#menu_res{
z-index: 1;
display: inherit;
}
}