html, body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	margin: 0 auto;
	padding:0;
	text-align:center;
	background-color: #1C3467;
	background-image:url(img/bg-page.png);
	background-repeat:no repeat;
	background-position: center top;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
} 

A {color:#CC0033; text-decoration:none;}
A:VISITED {color:#CC0033; text-decoration:none;}
A:HOVER {color:#666; text-decoration:underline;}	
#crta { border:none; border-bottom:dashed 1px #DCDCDC; width:100%; height:1px; padding:0px; margin:0px;}
.sivi a{color:#666;}	

.naslov{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color: #CC0033;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;
} 
.naslov a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color: #CC0033;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: normal; text-decoration:none;
} 
.naslov a:hover{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color: #CC0033;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;text-decoration:none;
} 

h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color: #CC0033;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;
} 

.okvir {border: 1px solid #ffffff; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666666;
	}	
	
#crta { border:none; border-bottom:dashed 1px #cccccc; width:100%; height:1px; padding:0px; margin:10 0 10 0px;}
#kosacrta { width:100%; height:8px; padding:0 0 0 0px; margin:10 0 5 0px; background-image:url(img/crtakosa.gif); background-repeat:repeat-x;}




#wrapper {
margin: 0 auto;
width: 888px; 
 }
 
 .trazigumb{
width:46px;
height:26px; margin: 0px; padding: 0px; background-color:transparent !important; border: none;
 }

/* top area */
 
#top { 
width:100%; height:25px; 
background-image:url(img/bg-top.png);
}
 
#topbann { 
width:888px; height:234px; 
background-image:url(img/topbann.jpg);
} 
#trazi {
width: 888px; height: 98px;  margin:0;
        padding:0px 0px 0px 0px; text-align:right;}
		
#rol {
height: 73px;  margin-left:40px;
        padding:0px 0px 0px 0px; text-align:center;}		

#toplinks {
width: 98%;   
        padding:24px 0px 0px 75px; }
		
/* top navi */		

#tabs {
      float:left;
      width:100%;
      font-size:12px;
      line-height:normal;
      }
#tabs ul {
        margin:0; 
        padding:0px 10px 0 10px;
        list-style:none;
		
      }
#tabs li {
      display:inline; 
      margin:0;
      padding:0;
      }
#tabs a {
      float:left; 
      background:url("img/tabL.png") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      text-decoration:none;
      }
#tabs a span {
      float:left; 
      display:block;
      background:url("img/tabR.png") no-repeat right top;
      padding:12px 20px 10px 9px;
      color:#CC0033; margin-right: 2px; font-weight:bold;
      }	  
	     /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;} 
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#666;
      }
	  
/* left navi */	  
#lnav {
    float: left; display: inline;
	width:206px;
	text-align:left; margin: 0 20 0 30px;
}
ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

img {
    border: none;
}

/*- Menu  */

#menu1 {
        width: 182px;
        margin: 0px;
        }

#menu1 li a {
       height: 35px;
          text-decoration: none;
        }
		html>body #menu1 li a  {
	height: 27px; 
	}		

#menu1 li a:link, #menu1 li a:visited {
        color: #CC0033; 
        display: block;
        background:  url(menu1.gif);
        padding: 8px 0 0 14px;
		font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	
        }
		
	

#menu1 li a:hover, #menu1 li #current {
        
        background:  url(menu1.gif) 0 -35px;
        padding: 8px 0 0 14px;
		font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	/*color:#666;*/ 
        }
		
#menu1 li #sivi {
        
    font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#666; 
        }		
		
-->
	  
	  
/* content area */
#main { 
width:888px; background-color: #ffffff; text-align:left; padding-top: 30px;
} 
#mainleft { 
width:594px; text-align:left; margin-left:25px; float:left; 
} 
#mainright { 
width:218px; text-align:left; margin-left:25px; float:left;
}

#contleft { 
width:303px; text-align:left; margin: 0px; float:left; border-right: 1px solid #F5F5F5; padding: 0 0 0 10px;margin-top:10px; font-size:12px; color:#333;
} 
#contright { 
width:263px; text-align:left; margin: 10 0 10 16px; float:left;  font-size:12px; color:#333;
} 

.mala-ilustracija { 
float:left; margin: 0 10 5 0px;
} 

#txt {float: left; display: inline; width: 593px; 
margin: 0px 0 24px 0; font-size:12px; color:#333; 
}

td { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333;
}

.polja {
padding: 3px; margin: 6px;
  
  font-family: Arial, Helvetica, sans-serif;
  font-style:normal;
  font-size: 12px;
  color: #333333;
  border: 1px solid #cccccc; 
  background-color:#ffffff;
}
.11 { font-size:11px; }
.round-left{ 
background-image:url("img/table-left-top.png"); 
	background-repeat:no-repeat;
	background-position:top left;
 }
 
 .round-right{ 
background-image:url("img/table-right-top.png"); 
	background-repeat:no-repeat;
	background-position:top right;
 }

.slika{ border: solid 2px #EBE9E9; margin-right: 5 px;
}


/*  */	 

/* desna kolona */
#plesac {
	width:218px;
	height:165px;
	background-image:url(img/D-plesac.gif);
	margin-top:6px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#ffffff;
	
} 
#plesac a{color:#ffffff} 
#pad{ padding: 13px 20 0 20px;
}
#D {
	width:218px;
	background-image:url(img/d-mid.gif);
	margin-top:12px; text-align:center; /*float: left; margin-right: 10px;*/
} 
#10{ margin: 0 10 0 10px;
}

#enovosti{
	width:218px; height: 108px;
	background-image:url(img/e-bg.gif); background-repeat:no-repeat;
	margin-top:12px; text-align:left; 
} 
#pad1{ padding: 10 10 0 10px;
}

.prijava {border: 0px solid #F2F0EB; background-color:#F2F0EB; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#CC0033;
	}


/* footer */

#footer { 
width:888px; height:49px; margin-bottom:20px;
background-image:url(img/bg-foot.gif); 
} 

#footer-txt { 
padding:20 0 0 130px; float:left; color:#666;
} 
#footer-txt a{ 
color: #999999;
} 
#footer-txt-desni{ 
padding:20 0 0 0px; float:left
} 





.clearfix {display: inline-block;}  /* for IE/Mac */

</style><!-- main stylesheet ends, CC with new stylesheet below... -->

<!--[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
</style>
<![endif]-->