#side{
position:fixed;
float:left;
width:226px;
min-height:650px;
height:100%;
background:#101010;
border-left: 1px solid #595959;
border-right: 1px solid #595959;
z-index:1;
}

#buttons{
position:relative;
top:115px;
left:38px;
height:470px;
}

a#button1pl{ position:absolute; top:0px; width:150px; height:25px; background:url('../images/pl/ozespole.png'); transition: background 0.15s ease-in-out;}
a#button1pl:hover{ background:url('../images/pl/aozespole.png');}
a#button1pl.active{  background:url('../images/pl/aozespole.png');}

a#button2pl{ position:absolute; top:45px; width:150px; height:25px; background:url('../images/pl/repertuar.png'); transition: background 0.15s ease-in-out;}
a#button2pl:hover{ background:url('../images/pl/arepertuar.png');}
a#button2pl.active{  background:url('../images/pl/arepertuar.png');}

a#button3pl{ position:absolute; top:90px; width:150px; height:25px; background:url('../images/pl/galeria.png'); transition: background 0.15s ease-in-out;}
a#button3pl:hover{  background:url('../images/pl/agaleria.png');}
a#button3pl.active{ background:url('../images/pl/agaleria.png');}

a#button4pl{ position:absolute; top:135px; width:150px; height:25px; background:url('../images/pl/kontakt.png'); transition: background 0.15s ease-in-out;}
a#button4pl:hover{  background:url('../images/pl/akontakt.png');}
a#button4pl.active{  background:url('../images/pl/akontakt.png');}

a#button1en{ position:absolute; top:0px; width:150px; height:25px; background:url('../images/en/ozespole.png'); transition: background 0.15s ease-in-out;}
a#button1en:hover{ background:url('../images/en/aozespole.png');}
a#button1en.active{  background:url('../images/en/aozespole.png');}

a#button2en{ position:absolute; top:60px; width:150px; height:25px; background:url('../images/en/repertuar.png'); transition: background 0.15s ease-in-out;}
a#button2en:hover{ background:url('../images/en/arepertuar.png');}
a#button2en.active{  background:url('../images/en/arepertuar.png');}

a#button3en{ position:absolute; top:120px; width:150px; height:25px; background:url('../images/en/galeria.png'); transition: background 0.15s ease-in-out;}
a#button3en:hover{  background:url('../images/en/agaleria.png');}
a#button3en.active{ background:url('../images/en/agaleria.png');}

a#button4en{ position:absolute; top:180px; width:150px; height:25px; background:url('../images/en/kontakt.png'); transition: background 0.15s ease-in-out;}
a#button4en:hover{  background:url('../images/en/akontakt.png');}
a#button4en.active{  background:url('../images/en/akontakt.png');}