.menu, .menu ul{z-index:1;
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
z-index: 500;

}

.menu a{

}

.menu li ul a:hover, .menu li ul a:focus, .menu li ul a:active{
background-color:#CCDAE5;
color:#051a5d;
}

.menu li{
float:left;
position:relative;
}


.menu ul {border:5px solid #E4E5E6;
position:absolute;background-color:#fff;
display:none;
width:160px;
top:33px;
left:0px;
}

.menu li ul a{display:block;
padding:2px 5px;

color:#051a5d;
text-decoration:none;

width:150px;
height:auto;
float:left;
}

.menu ul ul{
top:auto;
}	

.menu li ul ul {
left:12em;
margin:0px 0 0 10px;
}

.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li:hover ul ul ul ul{
display:none;
}
.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul{
display:block;
}

/* Set up the top level list items and float left to place inline */
#wrap .menu_content .menu li.top {display:block; float:left; position:relative;}

/* Default top link link styling */
#wrap .menu_content .menu li.top a.top_link {display:block; float:left; height:35px;}
#wrap .menu_content .menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
#wrap .menu_content .menu li.p1 {cursor:pointer; width:89px;  background:url(../images/butt_organismos.jpg) no-repeat;}
#wrap .menu_content .menu li.p2 {cursor:pointer;  width:86px; background:url(../images/butt_yphresies.jpg) no-repeat;}
#wrap .menu_content .menu li.p3 {cursor:pointer;  width:87px;  background:url(../images/butt_brochure.jpg) no-repeat;}
#wrap .menu_content .menu li.p4 {cursor:pointer;  width:100px;  background:url(../images/butt_goto.jpg) no-repeat;}
#wrap .menu_content .menu li.p5 {cursor:pointer; width:94px;  background:url(../images/butt_offer.jpg) no-repeat;}
#wrap .menu_content .menu li.p6 {cursor:pointer;  width:121px;  background:url(../images/butt_online.jpg) no-repeat;}
#wrap .menu_content .menu li.p7 {cursor:pointer;  width:190px;  background:url(../images/butt_newto.jpg) no-repeat;}
#wrap .menu_content .menu li.p8 {cursor:pointer;  width:103px; background:url(../images/butt_press.jpg) no-repeat;}
#wrap .menu_content .menu li.p9 {cursor:pointer;  width:95px; margin:0px 0px 0px 0px; background:url(../images/butt_contact.jpg) no-repeat;}

/* pre-load the hover images into the lists */
#wrap .menu_content .menu li.p1_en {cursor:pointer; width:93px;  background:url(../images/butt_organismos_en.jpg) no-repeat;}
#wrap .menu_content .menu li.p2_en {cursor:pointer; width:86px; background:url(../images/butt_yphresies_en.jpg) no-repeat;}
#wrap .menu_content .menu li.p3_en {cursor:pointer; width:87px;  background:url(../images/butt_brochure_en.jpg) no-repeat;}
#wrap .menu_content .menu li.p4_en {cursor:pointer; width:100px;  background:url(../images/butt_goto_en.jpg) no-repeat;}
#wrap .menu_content .menu li.p5_en {cursor:pointer; width:105px;  background:url(../images/butt_offer_en.jpg) no-repeat;}
#wrap .menu_content .menu li.p6_en {cursor:pointer; width:130px;  background:url(../images/butt_online_en.jpg) no-repeat;}
#wrap .menu_content .menu li.p7_en {cursor:pointer; width:165px;  background:url(../images/butt_newto_en.jpg) no-repeat;}
#wrap .menu_content .menu li.p8_en {cursor:pointer; width:104px; background:url(../images/butt_press_en.jpg) no-repeat;}
#wrap .menu_content .menu li.p9_en {cursor:pointer; width:95px; margin:0px 0px 0px 0px; background:url(../images/butt_contact_en.jpg) no-repeat;}


/* set up the normal unhovered images in the links */
#wrap .menu_content .menu li a#ap1 {width:89px;  background:url(../images/butt_organismos.jpg) no-repeat;}
#wrap .menu_content .menu li a#ap2 {width:86px;  background:url(../images/butt_yphresies.jpg) no-repeat;}
#wrap .menu_content .menu li a#ap3 {width:87px;  background:url(../images/butt_brochure.jpg) no-repeat;}
#wrap .menu_content .menu li a#ap4 {width:100px; background:url(../images/butt_goto.jpg) no-repeat;}
#wrap .menu_content .menu li a#ap5 {width:94px;  background:url(../images/butt_offer.jpg) no-repeat;}
#wrap .menu_content .menu li a#ap6 {width:121px;  background:url(../images/butt_online.jpg) no-repeat;}
#wrap .menu_content .menu li a#ap7 {width:190px; background:url(../images/butt_newto.jpg) no-repeat;}
#wrap .menu_content .menu li a#ap8 {cursor:pointer;  width:103px; background:url(../images/butt_press.jpg) no-repeat;}
#wrap .menu_content .menu li a#ap9 {width:95px;  margin:0px 0px 0px 0px;background:url(../images/butt_contact.jpg) no-repeat;}

#wrap .menu_content .menu li a#ap1_en {width:93px;  background:url(multi_level/butt_organismos.jpg) no-repeat;}
#wrap .menu_content .menu li a#ap2_en {width:86px;  background:url(multi_level/butt_yphresies.jpg) no-repeat;}
#wrap .menu_content .menu li a#ap3_en {width:87px;  background:url(multi_level/butt_brochure.jpg) no-repeat;}
#wrap .menu_content .menu li a#ap4_en {width:100px; background:url(multi_level/butt_goto.jpg) no-repeat;}
#wrap .menu_content .menu li a#ap5_en {width:105px;  background:url(multi_level/butt_offer.jpg) no-repeat;}
#wrap .menu_content .menu li a#ap6_en {width:130px;  background:url(multi_level/butt_online.jpg) no-repeat;}
#wrap .menu_content .menu li a#ap7_en {width:165px;  background:url(multi_level/butt_newto.jpg) no-repeat;}
#wrap .menu_content .menu li a#ap8_en {width:104px; background:url(multi_level/butt_press.jpg) no-repeat;}
#wrap .menu_content .menu li a#ap9_en {width:95px;  margin:0px 0px 0px 0px;background:url(multi_level/butt_contact.jpg) no-repeat;}