#klasirane  ul { margin: 0; padding: 0;}
#klasirane  li { margin: 0; padding: 0;}
#klasirane  a { margin: 0; padding: 0;}
#klasirane  ul {list-style: none;}
#klasirane  a {text-decoration: none;}
#klasirane {-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);display:none; height: 25px; width: 190px;background-color:rgb(24,24,24); box-shadow: 3px 9px 7px rgba(0,0,0,.4);position: relative;top:10px;z-index:1;}


#klasirane  > ul > li {
    float: left;
    margin-left: 25px;
    position: relative;
}

#klasirane   > ul > li > a {
    color:white;
    font-family:sans-serif, 'Lucida Grande';
    font-size:20px;
    line-height: 25px;
	padding: 25px 20px;
	position:relative;
	left:17px;
	bottom:1px;
-webkit-transition: color .15s;
   -moz-transition: color .15s;
     -o-transition: color .15s;
        transition: color .15s;
}

#klasirane   > ul > li > a:hover {color: red;}


#klasirane   > ul > li > ul {
    opacity: 0;
    visibility: hidden;
	    padding: 16px 0 16px 0;
    background-color:rgb(24,24,24); 
	    text-align: left;
    position: absolute;
    top:0px;
    left:100%;
    margin-left:-80px;
    width:140px;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		
}

#klasirane  > ul > li:hover > ul {
    opacity: 1;
    top: 30px;
	left:105px;
    visibility: visible;
	
}

#klasirane  > ul > li > ul:before{
    content: '';
    display: block;
    border-color: transparent transparent gray transparent;
    border-style: solid;
    border-width: 0px;
    position: absolute;
    top: -44px;
    right: 50%;
    margin-left: -0px;

}

#klasirane   > ul ul > li { position: relative;}

#klasirane  ul ul a{
    color: white;
    font-family:sans-serif, 'Lucida Grande';
    font-size:20px;
	text-align:center;
    background-color:rgb(24,24,24); 
    padding: 4px;
    display:block;
-webkit-transition: background-color .1s;
   -moz-transition: background-color .1s;
     -o-transition: background-color .1s;
        transition: background-color .1s;
}

#klasirane   ul ul a:hover {background-color: rgb(240,240,240);}


#klasirane  ul ul ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -16px;
    left: 206px;
    padding: 16px 0 20px 0;
    background-color: rgb(250,250,250);
    text-align: left;
    width: 160px;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		
}


#klasirane  ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}


#klasirane   ul ul a:hover{
    background-color:rgb(24,24,24); 
	font-size: 22px;
    color: red;
	
}
#teb1{
position:relative;
left:310px;
}
#zaglavie1{
background-color:rgb(24,24,24); 
position:relative;
top:10px;
 height: 25px; 
 width: 384px;
 color:white;
 text-align:center;
 font-family:sans-serif, 'Lucida Grande';
    font-size:20px;

  -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
#klasirane1{
position: relative;left:290px;top:20px;
border: 1px solid black;
display:none;
background-color:rgba(0, 0, 0, 0.7);
  -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		box-shadow: 3px 9px 7px rgba(0,0,0,.4);
		border-width:2px;
}
#klasirane0 tr:hover{background-color:rgba(0, 0, 0, 0.7);}
#klasirane1 tr:hover{background-color:rgba(0, 0, 0, 0.7);}
#klasirane2 tr:hover{background-color:rgba(0, 0, 0, 0.7);}
#klasirane3 tr:hover{background-color:rgba(0, 0, 0, 0.7);}
#klasirane4 tr:hover{background-color:rgba(0, 0, 0, 0.7);}
#klasirane5 tr:hover{background-color:rgba(0, 0, 0, 0.7);}
#klasirane6 tr:hover{background-color:rgba(0, 0, 0, 0.7);}
#klasirane7 tr:hover{background-color:rgba(0, 0, 0, 0.7);}
#klasirane0 td{cursor:default;}
#klasirane1 td{cursor:default;}
#klasirane2 td{cursor:default;}
#klasirane3 td{cursor:default;}
#klasirane4 td{cursor:default;}
#klasirane5 td{cursor:default;}
#klasirane6 td{cursor:default;}
#klasirane7 td{cursor:default;}

#klasirane2{
position: relative;left:290px;top:20px;
background-color:rgba(0, 0, 0, 0.7);
border: 1px solid black;
display:none;
  -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		box-shadow: 3px 9px 7px rgba(0,0,0,.4);
		border-width:2px;
}
#klasirane3{
position: relative;left:290px;top:20px;
background-color:rgba(0, 0, 0, 0.7);
border: 1px solid black;
display:none;
  -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		box-shadow: 3px 9px 7px rgba(0,0,0,.4);
		border-width:2px;
}
#klasirane4{
position: relative;left:290px;top:20px;
background-color:rgba(0, 0, 0, 0.7);
border: 1px solid black;
display:none;
  -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		box-shadow: 3px 9px 7px rgba(0,0,0,.4);
		border-width:2px;
}
#klasirane5{
position: relative;left:290px;top:20px;
background-color:rgba(0, 0, 0, 0.7);
border: 1px solid black;
display:none;
  -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		box-shadow: 3px 9px 7px rgba(0,0,0,.4);
		border-width:2px;
}
#klasirane6{
position: relative;left:290px;top:20px;
background-color:rgba(0, 0, 0, 0.7);
border: 1px solid black;
display:none;
  -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		box-shadow: 3px 9px 7px rgba(0,0,0,.4);
		border-width:2px;
}
#klasirane7{
position: relative;left:290px;top:20px;
background-color:rgba(0, 0, 0, 0.7);
border: 1px solid black;
display:none;
  -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		box-shadow: 3px 9px 7px rgba(0,0,0,.4);
		border-width:2px;
}
#klasirane0{
position: relative;left:290px;top:20px;
background-color:rgba(0, 0, 0, 0.7);
border: 1px solid black;
display:none;
  -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		box-shadow: 3px 9px 7px rgba(0,0,0,.4);
		border-width:2px;
}