/**********ENGLISH MENUS ******************************************************/



/* MEMBERS MENU *********************************************************/
ul#members_menu {
width: 461px;
height: 33px;
margin:0;
padding:0;
background: url('menu/submenu_chlenove.png');
position:relative;
}

/*We want li as block and to be as tall as image*/
ul#members_menu li {
display:block;
height:33px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

/*a should also be block and 33px tall*/
ul#members_menu li a {
display:block;
height:33px;
}

/*This is the boring part, every link has to be positioned according to the image*/
li#i1 {
left: 0px;
width: 135px;
}

li#i2 {
left: 135px;
width: 132px;
}

li#i3 {
left: 267px;
width: 194px;
}

#i1 a:hover , #i1 a.selected {
background: transparent url(menu/submenu_chlenove.png) 0 -33px no-repeat;
}
#i2 a:hover , #i2 a.selected {
background: transparent url(menu/submenu_chlenove.png) -135px -33px no-repeat;
}
#i3 a:hover , #i3 a.selected {
background: transparent url(menu/submenu_chlenove.png) -267px -33px no-repeat;
}

/*and for hiding the text */
ul#members_menu li a {
text-indent:-9000px; background-color:transparent; }

/* PROJECTS MENU ************************************************************/

ul#projects_menu {
width: 261px;
height: 33px;
margin:0;
padding:0;
background: url('menu/submenu_projects.png');
position:relative;
}

/*We want li as block and to be as tall as image*/
ul#projects_menu li {
display:block;
height:33px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

/*a should also be block and 33px tall*/
ul#projects_menu li a {
display:block;
height:33px;
}

/*This is the boring part, every link has to be positioned according to the image*/
li#j1 {
left: 0px;
width: 117px;
}

li#j2 {
left: 127px;
width: 136px;
}

#j1 a:hover ,#j1 a.selected {
background: transparent url(menu/submenu_projects.png) 0 -33px no-repeat;
}
#j2 a:hover ,#j2 a.selected {
background: transparent url(menu/submenu_projects.png) -127px -33px no-repeat;
}

/*and for hiding the text */
ul#projects_menu li a {
text-indent:-9000px; background-color:transparent; }

/* PROJECTS_MENU1 ************************************************************/

ul#projects_menu1 {
width: 464px;
height: 19px;
margin:0;
padding:0;
background: url('menu/projects_menu1EN.png');
position:relative;
left: 0px;
}

/*We want li as block and to be as tall as image*/
ul#projects_menu1 li {
display:block;
height:19px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

/*a should also be block and 20px tall*/
ul#projects_menu1 li a {
display:block;
height:19px;
}

/*This is the boring part, every link has to be positioned according to the image*/
li#m1 {
left: 0px;
width: 122px;
}

li#m11 {
left: 127px;
width: 64px;
}

li#m2 {
left: 197px;
width: 115px;
}

li#m3 {
left: 320px;
width: 39px;
}

li#m4 {
left: 364px;
width: 30px;
}

li#m5 {
left: 400px;
width: 63px;
}

#m1 a:hover ,#m1 a.selected {
background: transparent url(menu/projects_menu1EN.png) 0 -19px no-repeat;
}
#m11 a:hover ,#m11 a.selected {
background: transparent url(menu/projects_menu1EN.png) -127px -19px no-repeat;
}
#m2 a:hover ,#m2 a.selected {
background: transparent url(menu/projects_menu1EN.png) -197px -19px no-repeat;
}
#m3 a:hover ,#m3 a.selected {
background: transparent url(menu/projects_menu1EN.png) -320px -19px no-repeat;
}
#m4 a:hover ,#m4 a.selected {
background: transparent url(menu/projects_menu1EN.png) -364px -19px no-repeat;
}
#m5 a:hover ,#m5 a.selected {
background: transparent url(menu/projects_menu1EN.png) -400px -19px no-repeat;
}

/*and for hiding the text */
ul#projects_menu1 li a {
text-indent:-9000px; background-color:transparent; }


/* PROJECTS_menu2 ************************************************************/

ul#projects_menu2 {
width: 391px;
height: 19px;
margin:0;
padding:0;
background: url('menu/projects_menu2.jpg');
position:relative;
left: 0px;
}

/*We want li as block and to be as tall as image*/
ul#projects_menu2 li {
display:block;
height:19px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

/*a should also be block and 20px tall*/
ul#projects_menu2 li a {
display:block;
height:19px;
}

/*This is the boring part, every link has to be positioned according to the image*/
li#n1 {
left: 0px;
width: 117px;
}

li#n2 {
left: 123px;
width: 39px;
}

li#n3 {
left: 168px;
width: 157px;
}

li#n4 {
left: 331px;
width: 59px;
}

#n1 a:hover ,#n1 a.selected {
background: transparent url(menu/projects_menu2.jpg) 0 -20px no-repeat;
}
#n2 a:hover ,#n2 a.selected {
background: transparent url(menu/projects_menu2.jpg) -123px -20px no-repeat;
}
#n3 a:hover ,#n3 a.selected {
background: transparent url(menu/projects_menu2.jpg) -168px -20px no-repeat;
}
#n4 a:hover ,#n4 a.selected {
background: transparent url(menu/projects_menu2.jpg) -331px -20px no-repeat;
}

/*and for hiding the text */
ul#projects_menu2 li a {
text-indent:-9000px; background-color:transparent; }

/* PROJECTS_MENU3 ************************************************************/

ul#projects_menu3 {
width: 339px;
height: 19px;
margin:0;
padding:0;
background: url('menu/projects_menu3.jpg');
position:relative;
left: 0px;
}

/*We want li as block and to be as tall as image*/
ul#projects_menu3 li {
display:block;
height:19px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

/*a should also be block and 20px tall*/
ul#projects_menu3 li a {
display:block;
height:19px;
}

/*This is the boring part, every link has to be positioned according to the image*/
li#o1 {
left: 0px;
width: 117px;
}

li#o2 {
left: 123px;
width: 115px;
}

li#o3 {
left: 244px;
width: 30px;
}

li#o4 {
left: 280px;
width: 59px;
}


#o1 a:hover ,#o1 a.selected {
background: transparent url(menu/projects_menu3.jpg) 0 -21px no-repeat;
}
#o2 a:hover ,#o2 a.selected {
background: transparent url(menu/projects_menu3.jpg) -123px -21px no-repeat;
}
#o3 a:hover ,#o3 a.selected {
background: transparent url(menu/projects_menu3.jpg) -244px -21px no-repeat;
}
#o4 a:hover ,#o4 a.selected {
background: transparent url(menu/projects_menu3.jpg) -280px -21px no-repeat;
}

/*and for hiding the text */
ul#projects_menu3 li a {
text-indent:-9000px; background-color:transparent; }
/* PROJECTS_MENU7 ************************************************************/

ul#projects_menu7 {
width: 555px;
height: 19px;
margin:0;
padding:0;
background: url('menu/projects_menu7.jpg');
position:relative;
left: 0px;
}

/*We want li as block and to be as tall as image*/
ul#projects_menu7 li {
display:block;
height:19px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

/*a should also be block and 20px tall*/
ul#projects_menu7 li a {
display:block;
height:19px;
}

/*This is the boring part, every link has to be positioned according to the image*/
li#pm71 {
left: 0px;
width: 121px;
}

li#pm711 {
left: 126px;
width: 58px;
}

li#pm72 {
left: 189px;
width: 139px;
}

li#pm73 {
left: 334px;
width: 115px;
}

li#pm74 {
left: 454px;
width: 40px;
}

li#pm75 {
left: 500px;
width: 61px;
}

#pm71 a:hover ,#pm71 a.selected {
background: transparent url(menu/projects_menu7.jpg) 0 -19px no-repeat;
}
#pm711 a:hover ,#pm711 a.selected {
background: transparent url(menu/projects_menu7.jpg) -126px -19px no-repeat;
}
#pm72 a:hover ,#pm72 a.selected {
background: transparent url(menu/projects_menu7.jpg) -189px -19px no-repeat;
}
#pm73 a:hover ,#pm73 a.selected {
background: transparent url(menu/projects_menu7.jpg) -334px -19px no-repeat;
}
#pm74 a:hover ,#pm74 a.selected {
background: transparent url(menu/projects_menu7.jpg) -454px -19px no-repeat;
}
#pm75 a:hover ,#pm75 a.selected {
background: transparent url(menu/projects_menu7.jpg) -500px -19px no-repeat;
}

/*and for hiding the text */
ul#projects_menu7 li a {
text-indent:-9000px; background-color:transparent; }


/* PROJECTS_MENU6 ************************************************************/

ul#projects_menu6 {
width: 550px;
height: 21px;
margin:0;
padding:0;
background: url('menu/projects_menu6.jpg');
position:relative;
left: 0px;
}

/*We want li as block and to be as tall as image*/
ul#projects_menu6 li {
display:block;
height:21px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

/*a should also be block and 20px tall*/
ul#projects_menu6 li a {
display:block;
height:21px;
}

/*This is the boring part, every link has to be positioned according to the image*/
li#pm61 {
left: 0px;
width: 123px;
}

li#pm62 {
left: 129px;
width: 139px;
}

li#pm63 {
left: 274px;
width: 116px;
}

li#pm64 {
left: 396px;
width: 60px;
}



#pm61 a:hover ,#pm61 a.selected {
background: transparent url(menu/projects_menu6.jpg) 0 -20px no-repeat;
}
#pm62 a:hover ,#pm62 a.selected {
background: transparent url(menu/projects_menu6.jpg) -129px -20px no-repeat;
}
#pm63 a:hover ,#pm63 a.selected {
background: transparent url(menu/projects_menu6.jpg) -274px -20px no-repeat;
}
#pm64 a:hover ,#pm64 a.selected {
background: transparent url(menu/projects_menu6.jpg) -396px -20px no-repeat;
}


/*and for hiding the text */
ul#projects_menu6 li a {
text-indent:-9000px; background-color:transparent; }


/* PROJECTS_MENU5 ************************************************************/

ul#projects_menu5 {
width: 550px;
height: 20px;
margin:0;
padding:0;
background: url('menu/projects_menu5.jpg');
position:relative;
left: 0px;
}

/*We want li as block and to be as tall as image*/
ul#projects_menu5 li {
display:block;
height:20px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

/*a should also be block and 20px tall*/
ul#projects_menu5 li a {
display:block;
height:20px;
}

/*This is the boring part, every link has to be positioned according to the image*/
li#pm1 {
left: 0px;
width: 123px;
}

li#pm11 {
left: 129px;
width: 78px;
}

li#pm2 {
left: 213px;
width: 139px;
}

li#pm3 {
left: 357px;
width: 117px;
}

li#pm4 {
left: 481px;
width: 60px;
}


#pm1 a:hover ,#pm1 a.selected {
background: transparent url(menu/projects_menu5.jpg) 0 -20px no-repeat;
}
#pm11 a:hover ,#pm11 a.selected {
background: transparent url(menu/projects_menu5.jpg) -129px -20px no-repeat;
}
#pm2 a:hover ,#pm2 a.selected {
background: transparent url(menu/projects_menu5.jpg) -213px -20px no-repeat;
}
#pm3 a:hover ,#pm3 a.selected {
background: transparent url(menu/projects_menu5.jpg) -357px -20px no-repeat;
}
#pm4 a:hover ,#pm4 a.selected {
background: transparent url(menu/projects_menu5.jpg) -481px -20px no-repeat;
}


/*and for hiding the text */
ul#projects_menu5 li a {
text-indent:-9000px; background-color:transparent; }


/* PROJECTS_MENU4 ****************************************************************************/

ul#projects_menu4 {
width: 550px;
height: 21px;
margin:0;
padding:0;
background: url('menu/projects_menu4.jpg');
position:relative;
left: 0px;
}

/*We want li as block and to be as tall as image*/
ul#projects_menu4 li {
display:block;
height:21px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

/*a should also be block and 20px tall*/
ul#projects_menu4 li a {
display:block;
height:21px;
}

/*This is the boring part, every link has to be positioned according to the image*/
li#pm41 {
left: 0px;
width: 123px;
}

li#pm42 {
left: 129px;
width: 139px;
}

li#pm43 {
left: 274px;
width: 116px;
}

li#pm44 {
left: 396px;
width: 60px;
}



#pm41 a:hover ,#pm41 a.selected {
background: transparent url(menu/projects_menu4.jpg) 0 -20px no-repeat;
}
#pm42 a:hover ,#pm42 a.selected {
background: transparent url(menu/projects_menu4.jpg) -129px -20px no-repeat;
}
#pm43 a:hover ,#pm43 a.selected {
background: transparent url(menu/projects_menu4.jpg) -274px -20px no-repeat;
}
#pm44 a:hover ,#pm44 a.selected {
background: transparent url(menu/projects_menu4.jpg) -396px -20px no-repeat;
}


/*and for hiding the text */
ul#projects_menu4 li a {
text-indent:-9000px; background-color:transparent; }



/* bulletin_menu ************************************************************/

ul#bulletin_menu {
width: 244px;
height: 18px;
margin:0;
padding:0;
background: url('menu/bulletin_menu.png') no-repeat;
position:relative;
float:right;
right:28px;
top:8px;
}

/*We want li as block and to be as tall as image*/
ul#bulletin_menu li {
display:block;
height:18px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

/*a should also be block and 20px tall*/
ul#bulletin_menu li a {
display:block;
height:18px;
}

/*This is the boring part, every link has to be positioned according to the image*/
li#p1 {
left: 0px;
width: 76px;
}

li#p2 {
left: 82px;
width: 202px;
}

#p1 a:hover ,#p1 a.selected {
background: transparent url(menu/bulletin_menu.png) 0 -18px no-repeat;
}
#p2 a:hover ,#p2 a.selected {
background: transparent url(menu/bulletin_menu.png) -82px -18px no-repeat;
}

/*and for hiding the text */
ul#bulletin_menu li a {
text-indent:-9000px; background-color:transparent; }


/* cpo_menu  ************************************************************/

ul#cpo_menu {
width: 431px;
height: 22px;
margin:0;
padding:0;
background: url('menu/cpo_menu.jpg') no-repeat;
position:relative;
left: 0px;
}

/*We want li as block and to be as tall as image*/
ul#cpo_menu li {
display:block;
height:22px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

/*a should also be block and 20px tall*/
ul#cpo_menu li a {
display:block;
height:22px;
}

/*This is the boring part, every link has to be positioned according to the image*/
li#r1 {
left: 0px;
width: 223px;
}

li#r2 {
left: 228px;
width: 123px;
}

li#r3 {
left: 359px;
width: 71px;
}

#r1 a:hover ,#r1 a.selected {
background: transparent url(menu/cpo_menu.jpg) 0 -20px no-repeat;
}
#r2 a:hover ,#r2 a.selected {
background: transparent url(menu/cpo_menu.jpg) -228px -20px no-repeat;
}
#r3 a:hover ,#r3 a.selected {
background: transparent url(menu/cpo_menu.jpg) -359px -20px no-repeat;
}

/*and for hiding the text */
ul#cpo_menu li a {
text-indent:-9000px; background-color:transparent; }

/* cpoedu_menu  ************************************************************/

ul#cpoedu_menu {
width: 715px;
height: 22px;
margin:0;
padding:0;
background: url('menu/cpoedu_menu.jpg') no-repeat;
position:relative;
left: 0px;
}

/*We want li as block and to be as tall as image*/
ul#cpoedu_menu li {
display:block;
height:22px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

/*a should also be block and 20px tall*/
ul#cpoedu_menu li a {
display:block;
height:22px;
}

/*This is the boring part, every link has to be positioned according to the image*/
li#s1 {
left: 0px;
width: 63px;
}

li#s2 {
left: 69px;
width: 61px;
}

li#s3 {
left: 137px;
width: 138px;
}

li#s4 {
left: 281px;
width: 86px;
}

li#s5 {
left: 373px;
width: 125px;
}

li#s6 {
left: 504px;
width: 98px;
}
li#s7 {
left: 607px;
width: 106px;
}

#s1 a:hover ,#s1 a.selected {
background: transparent url(menu/cpoedu_menu.jpg) 0 -20px no-repeat;
}
#s2 a:hover ,#s2 a.selected {
background: transparent url(menu/cpoedu_menu.jpg) -69px -20px no-repeat;
}
#s3 a:hover ,#s3 a.selected {
background: transparent url(menu/cpoedu_menu.jpg) -137px -20px no-repeat;
}
#s4 a:hover ,#s4 a.selected {
background: transparent url(menu/cpoedu_menu.jpg) -281px -20px no-repeat;
}
#s5 a:hover ,#s5 a.selected {
background: transparent url(menu/cpoedu_menu.jpg) -373px -20px no-repeat;
}
#s6 a:hover ,#s6 a.selected {
background: transparent url(menu/cpoedu_menu.jpg) -504px -20px no-repeat;
}
#s7 a:hover ,#s7 a.selected {
background: transparent url(menu/cpoedu_menu.jpg) -607px -20px no-repeat;
}

/*and for hiding the text */
ul#cpoedu_menu li a {
text-indent:-9000px; background-color:transparent; }

/* CONSULT MENU ************************************************************/

ul#consult_menu {
width: 227px;
height: 33px;
margin:0;
padding:0;
background: no-repeat url('menu/submenu_consult.png');
position:relative;
}

/*We want li as block and to be as tall as image*/
ul#consult_menu li {
display:block;
height:33px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

/*a should also be block and 33px tall*/
ul#consult_menu li a {
display:block;
height:33px;
}

/*This is the boring part, every link has to be positioned according to the image*/
li#k1 {
left: 0px;
width: 121px;
}

li#k2 {
left: 122px;
width: 106px;
}

#k1 a:hover ,#k1 a.selected {
background: transparent url(menu/submenu_consult.png) 0 -33px no-repeat;
}
#k2 a:hover ,#k2 a.selected {
background: transparent url(menu/submenu_consult.png) -122px -33px no-repeat;
}

/*and for hiding the text */
ul#consult_menu li a {
text-indent:-9000px; background-color:transparent; }

/* ABOUTUS MENU *********************************************************/
ul#aboutus_menu {
width: 260px;
height: 33px;
margin:0;
padding:0;
background: url('menu/submenu_aboutus.png');
position:relative;
}

/*We want li as block and to be as tall as image*/
ul#aboutus_menu li {
display:block;
height:33px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

/*a should also be block and 33px tall*/
ul#aboutus_menu li a {
display:block;
height:33px;
}

/*This is the boring part, every link has to be positioned according to the image*/
li#l1 {
left: 0px;
width: 107px;
}

li#l2 {
left: 114px;
width: 54px;
}

li#l3 {
left: 176px;
width: 84px;
}

#l1 a:hover ,#l1 a.selected {
background: transparent url(menu/submenu_aboutus.png) 0 -33px no-repeat;
}
#l2 a:hover ,#l2 a.selected {
background: transparent url(menu/submenu_aboutus.png) -114px -33px no-repeat;
}
#l3 a:hover ,#l3 a.selected {
background: transparent url(menu/submenu_aboutus.png) -176px -33px no-repeat;
}

/*and for hiding the text */
ul#aboutus_menu li a {
text-indent:-9000px; background-color:transparent; }


/**********LANGUAGE MENUS ******************************************************/

ul#language_menu {
width: 45px;
height: 12px;
margin:0;
padding:0;
/* background: url('menu/bgflagzz.jpg'); */
position:relative;
}

ul#language_menu li {
display:block;
height:12 px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 6px;
}

ul#language_menu li a {
display:block;
height:12px;
}

li#z1 {
left: 0px;
width: 21px;
background: url('menu/bg.jpg') no-repeat;}

li#z2 {
left: 24px;
width: 21px;
background: url('menu/en.jpg') no-repeat;}


/*and for hiding the text */
ul#language_menu li a {
text-indent:-9000px; background-color:transparent; }



div#gallerymain a {display: block; float: left; height:186px; width:132px; text-indent:-5000px; margin-left:25px; margin-bottom:6px;}
#gallerymain a#gallerylink1 {background: url('menu/raven_6ans.jpg') no-repeat; }
#gallerymain a#gallerylink1:hover {background: url('menu/raven_6ans.jpg') 0px -187px no-repeat; }
#gallerymain a#gallerylink2 {background: url('menu/oby4enie.jpg') no-repeat; }
#gallerymain a#gallerylink2:hover {background: url('menu/oby4enie.jpg') 0px -186px no-repeat; }
#gallerymain a#gallerylink3 {background: url('menu/ekip_isperih_septemvri.jpg') no-repeat; }
#gallerymain a#gallerylink3:hover {background: url('menu/ekip_isperih_septemvri.jpg') 0px -186px no-repeat; }
#gallerymain a#gallerylink4 {background: url('menu/roditeli_isperih.jpg') no-repeat; }
#gallerymain a#gallerylink4:hover {background: url('menu/roditeli_isperih.jpg') 0px -186px no-repeat; }
#gallerymain a#gallerylink5 {background: url('menu/roditeli_krumovgrad.jpg') no-repeat; }
#gallerymain a#gallerylink5:hover {background: url('menu/roditeli_krumovgrad.jpg') 0px -186px no-repeat; }
#gallerymain a#gallerylink6 {background: url('menu/ekipna_rabota_krumovgrad.jpg') no-repeat; }
#gallerymain a#gallerylink6:hover {background: url('menu/ekipna_rabota_krumovgrad.jpg') 0px -186px no-repeat; }
#gallerymain a#gallerylink7 {background: url('menu/otkrivane.jpg') no-repeat; }
#gallerymain a#gallerylink7:hover {background: url('menu/otkrivane.jpg') 0px -186px no-repeat; }