body  {
font-family: "Calibri";
color:black;
font-size:12px;
margin:0;
padding:0;
height:100%;
}

h1 {
font-size:55px;
color:#0d6364;

}

h2 {
font-size:14px;
color:#00CC7A;
}

h3 {
font-size:14px;
color:black;

}

h4{
font-size:24px;
color:black;
}

h6 {
font-size:16px;
color:black;

}

p{
font-size:12px;
}

#glavni  {
width:980px;
min-height:100%;
height:100%;
position:absolute;
left:50%;
margin-left:-490px;
padding: 10px;
padding-bottom: 30px;
}

#naslov { 
letter-spacing:8px;
color:#0d6364;
position:absolute;
font-family: Century Gothic;
top: 5px;
width:400px;
left:50%;
margin-left:-200px;
text-align:center;

}

#naslov a{ 
text-decoration:none;
color:black;
}


ul.nav {

margin:0px;
padding:0;
list-style-type:none;
list-style-position:outside;
position:absolute;
line-height:20px;   /* visina menija */  
top:100px;
border:none;
width:700px;
left:50%;
margin-left:-350px;
text-align:center;
}

ul.nav a:link, ul.nav a:active, ul.nav a:visited {
display:block;
padding:0px;
color:#00CC7A; /* boja slova */
text-decoration:none;
background: #ffffff;
border: none; 
}



ul.nav li { 
float:left;
position:relative;
width:100px;
text-align:center;
}




/*slike stavljanje opacity*/

#slika1{
opacity:1;
}
#slika2{
opacity:1;
}
#slika3{
opacity:1;
}
#slika4{
opacity:1;
}
#slika5{
opacity:1;
}
#slika6{
opacity:1;
}
#slika7{
opacity:1;
}
#slika8{
opacity:1;
}
#slika9{
opacity:1;
}
#slika10{
opacity:1;
}
#slika11{
opacity:1;
}
#slika12{
opacity:1;
}
#slika13{
opacity:1;
}
#slika14{
opacity:1;
}
#slika19{
opacity:1;
}
#slika16{
opacity:1;
}
#slika17{
opacity:1;
}
#slika18{
opacity:1;
}
#slika20{
opacity:1;
}
#slika21{
opacity:1;
}
#slika22{
opacity:1;
}
#slika23{
opacity:1;
}
#slika24{
opacity:1;
}
#slika25{
opacity:1;
}
#slika26{
opacity:1;
}

/*definisanje p*/
#slika1 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

text-align:center;
}
#slika2 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

text-align:center;
}
#slika3 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

text-align:center;
}
#slika4 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

}
#slika5 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

text-align:center;
}
#slika6 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

text-align:center;
}
#slika7 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;
text-align:center;
}
#slika8 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

text-align:center;
}
#slika9 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

text-align:center;
}
#slika10 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

text-align:center;
}
#slika11 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

text-align:center;
}
#slika12 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

text-align:center;
}
#slika13 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

text-align:center;
}
#slika14 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

text-align:center;
}
#slika19 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

text-align:center;
}
#slika16 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

text-align:center;
}
#slika17 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

text-align:center;
}
#slika18 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

text-align:center;
}
#slika20 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

text-align:center;
}
#slika21 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

text-align:center;
}
#slika22 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;

text-align:center;
}
#slika23 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;
text-align:center;
}
#slika24 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;
text-align:center;
}
#slika25 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;
text-align:center;
}
#slika26 p {
display:inline;
visibility: hidden;
z-index:-100;
position:absolute;
text-align:center;
}

/*stavljanje opacity za slike hover*/

#slika1:hover  img{
opacity:0.2;
}
#slika2:hover  img{
opacity:0.2;
}
#slika3:hover  img{
opacity:0.2;
}
#slika4:hover  img{
opacity:0.2;
}
#slika5:hover  img{
opacity:0.2;
}
#slika6:hover  img{
opacity:0.2;
}
#slika7:hover  img{
opacity:0.2;
}
#slika8:hover  img{
opacity:0.2;
}
#slika9:hover  img{
opacity:0.2;
}
#slika10:hover  img{
opacity:0.2;
}
#slika11:hover  img{
opacity:0.2;
}
#slika12:hover  img{
opacity:0.2;
}
#slika13:hover  img{
opacity:0.2;
}
#slika14:hover  img{
opacity:0.2;
}
#slika19:hover  img{
opacity:0.2;
}
#slika16:hover  img{
opacity:0.2;
}
#slika17:hover  img{
opacity:0.2;
}
#slika18:hover  img{
opacity:0.2;
}
#slika20:hover  img{
opacity:0.2;
}
#slika21:hover  img{
opacity:0.2;
}
#slika22:hover  img{
opacity:0.2;
}
#slika23:hover  img{
opacity:0.2;
}
#slika24:hover  img{
opacity:0.2;
}
#slika25:hover  img{
opacity:0.2;
}
#slika26:hover  img{
opacity:0.2;
}

/*definisanje p hover*/

#slika1:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika2:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika3:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika4:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;

color:black;
}
#slika5:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika6:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika7:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika8:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika9:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika10:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika11:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika12:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika13:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika14:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika19:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika16:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika17:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika18:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika20:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika21:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika22:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika23:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika24:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika25:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}
#slika26:hover  p{
visibility: visible;
position:absolute;
font-size:14px;
font-weight:bold;
color:black;
}


#sadrzaj table{
color:black;
position:absolute;
top:130px;
border:2px;
border-color: solid black;
width:740px;
left:50%;
margin-left:-370px;
text-align:center;
padding:15px;
}

#sadrzaj table a:link, #sadrzaj table a:visited{
padding:0px;
color:black; /* boja slova */
text-decoration:none;
background: #ffffff;
border: none ; 
}

#sadrzaj table a:hover{
padding:0px;
color:#00CC7A; /* boja slova */
text-decoration:none;
background: #ffffff;
border: none ; 
}

#tabela {
position:absolute;
width:840px;
top:170px;
border:2px;
border-color:black;
left:50%;
margin-left:-420px;
padding-bottom: 30px;
}


#tabela1 {
position:absolute;
width:840px;
top:170px;
border:2px;
border-color:black;
left:50%;
margin-left:-60px;
}

#footer {
    position: fixed;
    margin-top: -40px;
    padding-top: 35px;
    color: black;
    width: 100%;
    height: 40px;
	opacity: 1; 
	background-color: transparent;
    bottom: 0px;
}

#footer-inner {
    margin-left: 60px;
    height: 39px;
}