body {background-color: #FFFFFF;}
h1 {font-family: arial, verdana, sans-serif; font-size: 160%; color: black;}
h2 {font-family: arial, verdana, sans-serif; font-size: 135%; color: black;}
h3 {font-family: arial, verdana, sans-serif; font-size: 100%; color: black;}
p {font-family: arial, verdana, sans-serif; font-size: 95%; color: black;}
table.velika {font-family: arial, verdana, sans-serif; font-size: 120%; color: black;}
table.mala {font-family: arial, verdana, sans-serif; font-size: 95%; color: black;}
table.najmanja {font-family: arial, verdana, sans-serif; font-size: 80%; color: black;}
table.bezruba {border-bottom:none; border-right:none; border-left:none; border-top:none}
table.sirina1050 {width: 1050px;}
td.potamnjeno {background-color: #B0B0B0;}
td.slabopotam {background-color: #E0E0E0;}
td.posvijetljeno {background-color: #44ffff; border-radius: 20px;}

td.sivo {background-color: #ccffff;}
td.vel160 {font-size: 160%;}
td.vel130 {font-size: 130%;}
td.vel110 {font-size: 110%;}
td.sirina155 {width: 155px;}
td.sirina194 {width: 194px;}
td.pad {padding: 5px;}
span.crveno {font-size: 80%; color: red;}
span.kurziv {font-style: italic;}
span.pocrtano {text-decoration: underline}
.razmak {padding: 0px 5px 0px}
.bojaredaka {background-color:#dddddd;}

div.suzeno {width: 950px; height: 1650px; margin: auto; padding: 0px 20px 20px 20px; background-color: #eeffff;}
#mala {font-family: arial, verdana, sans-serif; font-size: 80%; color: black;}
#centar {position:absolute; top:40%; left:35%; text-align:center;}
#centar2 {position:absolute; top:40%; left:10%; right: 10%; text-align:center;}

#nav {width: 150px; height: 1500px; float: left; padding: 10px; margin-right: 10px; background-color: #44ffff; border-radius: 3px;}

#traka {width: 100%; height: 60px; position: fixed; top: 0px; left: 0px; background-color: #ccffff; padding-top: 5px; padding-left: 30px;}
#trakasira {width: 100%; height: 100px; position: fixed; top: 0px; left: 0px; background-color: #ccffff; padding-top: 5px; padding-left: 30px;}
#trakadonja {width: 100%; height: 60px; position: fixed; bottom: 0px; left: 0px; background-color: #ccffff; padding-top: 5px; padding-left: 30px;}
#trakasaslikom {width: 100%; height: 130px; margin-bottom: 20px; text-shadow: 1px 1px 2px yellow;
border-radius: 3px;
background: -webkit-linear-gradient(#44ffff, #eeffff);
background: -o-linear-gradient(#44ffff, #eeffff);
background: -moz-linear-gradient(#44ffff, #eeffff);
background: linear-gradient(#44ffff, #eeffff);
}
#prikazanagodina {background-color: #cccccc;}
#prikazanagodina:hover {color: black;}
#prvistupac {width: 650px;}
#drugistupac {width: 100px;}
.linkovi {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 150px;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
}
.linkovi li a {
    display: block;
    padding: 8px 0 8px 16px;
    text-decoration: none;
    color: black;
}
.linkovi li a:visited, .nepocrtano:visited {
    color: black;
}
.linkovi li a:hover, .nepocrtano:hover {
    background-color: black;
    color: yellow;
}
.linkovi li a:hover {
    border-radius: 3px;
}
.nepocrtano:hover {
    border-radius: 20px;
}
.margine {margin: 10px 20px 60px 20px;}
.uvuci30 {margin-left: 30px;}
.bold {font-weight: bold;}
.boldpovec {font-weight: bold; font-size: 120%}
.centrirano {text-align: center;}
.lijevo {text-align: left;}
.desno {text-align: right;}
.gornjirub {vertical-align: top;}
.sirinastupca {width: 30px;}
.bijelo {background-color: #fff;}
.malaslova {font-family: arial, verdana, sans-serif; font-size: 75%; color: black;}
.bezpreloma {white-space: nowrap;}
.sitna {font-family: arial, verdana, sans-serif; font-size: 70%; color: black;}
.nepocrtano {text-decoration: none; display: block; color: black; padding: 1px 5px;}
.kursorgumb {cursor: default;}
.tanlijev {border-left: 1px groove} /* tanka crta lijevo (u <td>)*/
.tandol {border-bottom: 1px groove} /* tanka crta dolje (u <td>) */
.button {
  font: 90% Arial;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}
.buttoncrveni {
  font: 90% Arial;
  background-color: #ffccff;
  color: #333333;
  padding: 3px 6px 3px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}
.buttonobicni {
  font: 90% Arial;
  background-color: #EEEEEE;
  color: #333333;
  padding: 3px 6px 3px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}