#side{
position:fixed;
float:left;
width:246px;
min-height:600px;
height:100%;
background:#101010;
border-left: 1px solid #595959;
border-right: 1px solid #595959;
z-index:1;
overflow-y: auto;
overflow-x:hidden;
}

#logo{
position:relative;
top:20px;
left:75px;
background:url('../images/logo_small.png');
width:86px;
height:109px;
}

#separator1{
position:relative;
top:40px;
background:url('../images/separator1.png');
width:226px;
height:1px;
}

#lang_select{
position:relative;
top:42px;
width:100%;
height:30px;
}
.pol{
position:absolute;
top:8px;
left:80px;
}
.eng{
position:absolute;
top:8px;
left:135px;
}

#separator2{
position:relative;
top:44px;
background:url('../images/separator1.png');
width:226px;
height:1px;
}

#buttons{
position:relative;
top:70px;
left:42px;
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');}

#social{
position:relative;
bottom:199px;
left:75px;
width:100px;
}
.fb{
width:35px;
}
.yt{
width:35px;
position:absolute;
left:47px;
}

#copyright{
position:relative;
bottom:169px;
left:4px;
font-size:15px;
color:#5e5e5e;
}