html {
background:#444444;
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY:  Verdana, Arial, Helvetica, sans-serif;
SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #006699; SCROLLBAR-3DLIGHT-COLOR: #333333; SCROLLBAR-ARROW-COLOR: #006699; SCROLLBAR-TRACK-COLOR: #006699; SCROLLBAR-DARKSHADOW-COLOR: #333333; 
}
body{background:transparent; margin:2px; padding:0px; 
}
a {text-align:left
}
DIV#content #tabella {margin-left:0px; margin-right:0px;padding-left:-30px;color:black; font-size:12px;display:block;border-left:1px solid #6789ab}
DIV#content #tabella p{padding:0px; font-size:12px; font-weight:normal;color:white;margin:0px;}
DIV#content #tabella p:first-letter{padding:0px; font-size:12px; font-weight:normal;color:white;margin:0px;}
marquee {text-align:center; margin:auto}
.sredina{width:100%; text-align:center
}
.naslovfloat{ position:relative;width: 80px;float: left;margin-top: 1em;margin-bottom: 1em;margin-right: 1em;margin-left: -1em; border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding: 5px; background:transparent;
text-align:left; font-size: 1.4em; font-weight:normal
}
.clanek{display: block;width:70%; height: auto;margin:1em auto; background:transparent;padding:5px; text-align:center;
}
.clanek .h1{ text-align:center; background:transparent;padding:5px;font-size:1.5em;
}
.desna{ display:inline;float:right;width:40%; background:transparent;padding-left:3px;text-align:justify
}
.leva{ display:inline;float:left;width:40%; background:transparent;padding-right:3px;text-align:justify
}
.floatleft { display:block;position:relative;float: left;margin: 1em; 
}
.floatleft img{border:4px groove #ccc;border-color: #ccc #666 #666 #ccc; padding: 5px; background:white;	
}
.floatleft span {display:block;position: relative; margin:4px;text-align: center; opacity:.60; filter:alpha(opacity=60); -moz-opacity: 0.6;font-style:italic;	
}
.floatleft .dodatek {display:none	
}
.floatleft a: {color:black; letter-spacing:1px;font-weight:normal;font-style:italic;
	
}
.floatleft a:hover .dodatek {display:block; color:black; background: white;letter-spacing:1px;font-weight:normal;font-style:italic;
}
.floatleft a:hover .gor {position:absolute;top:0; left:6px;height:200px;color:black; background: white;letter-spacing:1px;font-weight:normal;font-style:italic;
}
.floatright { display:block;position:relative;float: right;margin: 1em; 
}
.floatright img{border:4px groove #ccc;border-color: #ccc #666 #666 #ccc; padding: 5px; background:white;	
}
.floatright span {display:block;position: relative; margin:4px;text-align: center; opacity:.60; filter:alpha(opacity=60); -moz-opacity: 0.6;font-style:italic;	
}
.floatright .dodatek {display:none	
}
.floatright a: {color:black; letter-spacing:1px;font-weight:normal;font-style:italic;
	
}
.floatright a:hover .dodatek {display:block; color:black;background: white;letter-spacing:1px;font-weight:normal;font-style:italic;
}
.floatright a:hover .gor {position:absolute;top:0; left:0;height:200px;color:black; background: white;letter-spacing:1px;font-weight:normal;font-style:italic;}
.floatright img{ position:relative;float: right;margin: 1em; border:4px groove #ccc;border-color: #ccc #666 #666 #ccc; padding: 5px; background:white;
}
.floatcentre  img{ margin: 1em; border:4px groove #ccc;border-color: #ccc #666 #666 #ccc; padding: 5px; background:white;
}
.povecaj a img{margin: 1em; border:4px groove #ccc;border-color: #ccc #666 #666 #ccc; padding: 5px; background:white;
}
.povecaj a:hover img{position:relative;width:100%;}
div#leftnavigation {position:relative;display:inline;float: left;clear:left; margin-right:2em ;margin-bottom:4em; margin-top:0px;border:1px solid #ccc;border-color: #ccc #666 #666 #ccc; padding: 0px;font-size:110%
}
div.rightextra{ display:none
}
#right{display:none
}
#right a img{border:0px
}
.rightextra{display:none
}
.transOFF {width: 80%;margin-left:50px; margin-bottom:5px;margin-top:5px; padding:5px;background-color: white;border:1px solid black;text-align:right; }
.transON  {width: 80%;margin-left:50px; margin-bottom:5px; margin-top:5px; padding:5px; background-color: white;border:1px solid black; }
.extratransON {display:none
}
        
.extratransOFF {display:none
}
div.navigationtransOFF{display:block;width: 160px; background-color: #eed; overflow:hidden;
                       PADDING-RIGHT: 0px; PADDING-LEFT: 5px; LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 0em;text-align:center
}
div.navigationtransON{display:block;width: 160px; background-color: #eed; overflow:hidden;
                       PADDING-RIGHT: 0px; PADDING-LEFT: 5px; LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 0em;text-align:center
}
.inizialebox {position:relative; margin-right:6px;margin-top:5px;float:left;color:white;background:khaki;border:1px solid darkkhaki;font-size:80px;line-height:60px;padding-top:2px;padding-right:5px;font-family:times}
.iniziale {position:relative; float:left;color:darkkhaki;font-size:100px;line-height:70px;padding-top:2px;font-family: times; }
.skrito {display:inline; float:right;height:15px ;width:30px;background:transparent;padding:0px; margin-right:-25px
}
.skrito img{ margin:0px; padding:0px
}
#nascondi{display:block; z-index:3
}
#nascondi{display:none
}
#krmili{display:none
}
DIV#container {position: relative;display:block;background:#222222; color:white;border:0px; MARGIN:1px auto; WIDTH:99%; TEXT-ALIGN: left; 
}
DIV#content {TEXT-ALIGN: justify; padding-left: 10px; padding-right: 10px;padding-top:0px;display:block; overflow:visible}
DIV#content p:first-letter {padding-left: 20px; font-weight:bold;color:darkkhaki;font-size:140%;
}
#content H1 {margin-top:40px;
        margin-bottom: 5px;
	color: #88f;
	font-size: 1.4em;
	text-align: left;
	font-style: bold;
	text-indent: 5px;
}
.clear{clear:both}
#content H2 {
	FONT-SIZE: 1.4em; COLOR: #88f;TEXT-ALIGN: right; margin-top:30px; margin-left:50px;font-weight:bold;
}
#content h3 {FONT-SIZE: 1.4em; COLOR: #88f;TEXT-ALIGN:center;font-weight:bold;
}
#content h5 {
	FONT-SIZE:160%; COLOR: #aaaaff;TEXT-ALIGN: center; margin-top:30px; margin-left:50px;font-weight:bold;
}

#content a{ 
	color:#369;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 10px;
}
#content a:hover{ 
	color:#369;
	text-decoration: none;
	font-weight:bold;
 	padding-left: 10px;
}
.poudari {FONT-SIZE:1.1 COLOR: black; TEXT-ALIGN:center;font-weight:bold;line-height:2em
}
.citat {FONT-SIZE: 0.9em; COLOR: black; TEXT-ALIGN:center;font-weight:normal;font-style:italic;width: 300px;
margin: 30px auto}
DIV#header {position: relative;border:1px solid black;margin:0px auto;
	WIDTH:99%; COLOR: #69f; HEIGHT: 105px; overflow: hidden;text-align: center;font-style:italic;BACKGROUND-COLOR: #ffffaa; background: url(../slike/testa.jpg)
}
DIV#headerall {position: relative;border:1px solid black;margin:0 auto;
	WIDTH: 100%; COLOR: #69f; HEIGHT: 105px; overflow: hidden;text-align: center;font-style:italic;BACKGROUND-COLOR: #ffffaa; background: url(../slike/testa.jpg);opacity:.50; filter:alpha(opacity=50); -moz-opacity: 0.50;
}
#sl {height: 95px; width: 30%; float:left; color: black; font-size:15px;TEXT-ALIGN:right;
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px
}
#pr { height: 95px; width: 200px; float:left;color: black; font-size:20px;TEXT-ALIGN:center;margin-left:3%; margin-right:3%; PADDING-RIGHT: 0pxpx; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;opacity:.75; filter:alpha(opacity=75); -moz-opacity: 0.75; } 
#it {height: 95px; width: 25%;float:left; color: black; font-size:15px;TEXT-ALIGN:left;
	PADDING-RIGHT: 20px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px
}
#napis{display:none
}
H1 {
	PADDING-LEFT: 10px; FONT: bold 2.5em arial,sans-serif
}
}
DIV#footer A {
	FONT-WEIGHT: bold; COLOR: #ccffcc; TEXT-DECORATION: underline
}
div.navigation {height: 500px;background: #ededed;PADDING-RIGHT: 0px; PADDING-LEFT: 10px; LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 160px;  PADDING-TOP: 0px;  
       }
DIV#footer {background-color: #ffaa11;background: url(../slike/testa.jpg) bottom; margin:0 auto;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px;width:99%; PADDING-BOTTOM: 5px; COLOR: black; PADDING-TOP: 5px; border-left: 1px solid black; border-right:1px solid black; border-bottom: 1px solid black; TEXT-ALIGN: center;display:
}
DIV#extra DIV.newsbox {display:none
}
a img{border: 0px
}
.skrito{display:none
}
div#barranav{position:relative;height:24px;
 width:100%;
 background:#eed;
 font-size:85%; 
 margin: 0 auto ;
 border-left: 1px solid black; 
 border-right: 1px solid black;
 padding-left:0px;}
 
div#barranavall {position:relative;height:20px;
 width:100%;
 background:#eed;
 font-size:85%; 
 margin: 0 auto ;
 padding:1px;
 border-left: 1px solid black; 
 border-right: 1px solid black;
 padding-left:0px;
}
div#barranav a,  div#barranavall a{
  display: block;
  float:left;
  padding: 3px;
  background-color: #eed;
  border: 1px solid black;
  width:13%;
  text-align:center;
  text-decoration:none;
  color:black;
  height:auto;
}
div#barranav  a:hover, div#barranavall a:hover{ 
  display: block;
  float:left;
  padding: 3px;
  background-color: #ffcc66;
  border: 1px solid black;
  width:13%;
  text-align:center;
  text-decoration:none;
  color:black;
  height:auto;
}
div#barranav .rdece{background-color: red;
}
HTML div#menu UL {
	MARGIN-LEFT: 0px
}
div #menu{
  position:relative;
  float:left;
  margin: 15px;
  width: 157px;
  padding: 0px ;
  overflow:hidden;
  font-size:13px;
     } 
#menu ul{LIST-STYLE-TYPE:none;font-size: 12px;PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; margin-left:1px}
#menu ul li
{ display:block;position:relative;
  margin: 0px;
  padding: 0;
  width: 155px;
  border: 0px; 
  background:transparent} 
#menu ul li a { 
  display: block;position:relative;
  width:140px;
  background:transparent;
  text-decoration: none; 
  text-align: left; 
  line-height:15px;
  padding-left:17px;
  margin: 0px; 
  color: black; border-top: 1px solid #487048; } 
#menu ul li a span{ display:none
}
#menu ul li a:link{ 
  background: darkkhaki; 
} 
#menu ul li a:visited{ background:  darkkhaki; color: black;text-align:left;
text-decoration:none;
} 
#menu ul li a:hover{   
  background: khaki; 
  display: block;position:relative;
  width:140px;
  text-decoration: none; 
  text-align: left; 
  letter-spacing: 1px; 
  padding-left:17px;
  margin: 0px; 
  color: black; border-top: 1px solid #487048; 
} 
#menu ul li a:hover span{ 
  display:none;
}
#menu ul li h4{ padding:0px; width:140px;margin:0px;text-align:center;font-size: 110% ;color:#ffffff} 
#menu ul li h5{ padding:0px; width:157px;margin:0px;text-align:center;font-size: 110% ;color:#141414;background:#eed} 
.picturemenu a img {border:1px solid black; padding: 4px;}
.picturemenu { position:relative;margin-top:30px;}
.picturemenu a:visited, .picturemenu a {text-decoration:none; color:#d00; font-weight:bold;}
.picturemenu a:visited img, .picturemenu a img{filter: alpha(opacity=40);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
 -moz-opacity: 0.40; opacity:0.4;
}
.picturemenu a:hover {background-color:transparent; color:#d00;}
.picturemenu a span {display:none;}
.picturemenu a:hover span {display:block; width:auto;position:static;font-weight:bold; font-size:13px; 
 height:18px; padding:4px; color:#a40;
}
.picturemenu a:hover span img {width:auto; position:absolute; top:-100px; left:150px;
}
.
.picturemenu a:hover img { filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;
 }
#commenti, #commenti1{display:none;}
#commenti p, #commenti1 p{position:relative; display:block;width: 40% ;height: 100px; padding: 5px ; margin: 10px auto;border:1px solid #68B0D8;background-color: #C8ECFF;background: url(../slike/sfondobox.jpg) repeat-x;  font-size:80%; 
}
.zoom { width:200px;margin-top:5px;clear:left;
	  COLOR: #fff; POSITION: relative;   BACKGROUND-COLOR: transparent;
}
.zoom A IMG {border:1px solid black; padding: 4px;
}
.zoom A.tumb {
	DISPLAY: block; WIDTH: 200px; COLOR: #fff; HEIGHT: auto; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
.zoom A.tumb img{opacity:.75; filter:alpha(opacity=75); -moz-opacity: 0.75
}
	
.zoom A.tumb:visited {
	DISPLAY: block; WIDTH:200px; COLOR: #fff; HEIGHT: auto; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
.zoom A.tumb:hover {
	COLOR: #fff; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none;margin-left:20px
}
.zoom A.tumb:hover img{opacity:.25; filter:alpha(opacity=25); -moz-opacity: 0.25;
}
.zoom A.tumb:active {
	COLOR: #fff; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
.zoom A .grande {display:none
}
DIV#footerall { background-color: #ffaa11;background: url(../slike/testa.jpg) bottom; margin:0 auto; PADDING-LEFT: 0px;width:100%; PADDING-BOTTOM: 5px; COLOR: black; PADDING-TOP: 7px; border-left: 1px solid black; border-right:1px solid black; border-bottom: 1px solid black; TEXT-ALIGN: center;opacity:.50; filter:alpha(opacity=50); -moz-opacity: 0.50;
}
.transOFF {width: 80%;margin-left:50px; margin-bottom:5px;margin-top:5px; padding:5px;background-color: white;color:black;border:1px solid black;text-align:right;  }
.transON  {width: 80%;margin-left:50px; margin-bottom:5px;margin-top:5px; padding:5px;background-color: white;color:black;border:1px solid black;text-align:right; }

#horpicturemenu img {border:1px solid black; padding: 2px;}
#horpicturemenu {width:auto; float:left;position:relative; height:50px; margin:5px auto;}
#horpicturemenu a:visited, #horpicturemenu a {text-decoration:none; color:#d00; font-weight:bold;}
#horpicturemenu a:hover {background-color:transparent; color:#d00;}
#horpicturemenu a span {display:none;}
#horpicturemenu a:hover span {display:block; width:150px; position:absolute; top:80px; left:0; text-align:left;font-size:13px; height:18px; padding:4px; font-weight:normal; color:#aabbaa;}
