body{
font: normal 62.5% Verdana, Arial, Lucida, Helvetica sans serif;
line-height:150%;
text-align:center;
color:#fff;
background:url(../images/header-repeat-poz.gif) repeat-x left 27px;
background-color:#FFFFCF;
}
body, div, p, h1, h2, h3, h4, h5, h6, form, img, ul, li{
margin:0px;
padding:0px;
}
img{
border:0px;
}
.clear{
clear:both;
}
h1{
text-indent:-9999px;
display:none;
}
/* ------------------------------------ Omot ----- */
#omot{
position:relative;
margin: 0 auto;
width:770px;
text-align:left;
}

.bannertop{
padding:10px 0 0 170px;
width:600px;
height:90px;
}

/* ------------------------------------ Breadcrumbs ----- */

.rss {
	padding:5px 12px 0 15px;
	background: url(../images/feed.gif) no-repeat 0 7px;
	float:right;
	display:block;	
}

.engleski {
	padding:5px 12px 0 20px;
	background: url(../images/gb.gif) no-repeat 0 7px;
	float:right;
	display:block;	
}

.hrvatski {
	padding:5px 12px 0 20px;
	background: url(../images/hr.gif) no-repeat 0 7px;
	float:right;
	display:block;	
}
.rss a:hover{
color:#EB1F00;
text-decoration:underline;
}
.rss a{
color:#EB1F00;
text-decoration:none;
}

.engleski a:hover, .hrvatski a:hover{
color:#EB1F00;
text-decoration:underline;
}
.engleski a, .hrvatski a{
color:#EB1F00;
text-decoration:none;
}


#breadcrumbs{
width:600px;
height:15px;
font-size:1em;
font-weight:normal;
padding:5px 0 7px 0;
color:#5d5c5c;
}
#breadcrumbs .B_crumb {
/* background:url(../images/bullet-breadcrubms.gif) no-repeat 0 0; */
padding:0 1px 0 3px;
margin:0 1px 0 1px;
line-height:1.5em;
color:#4a0d4a;
text-decoration:none;
}
#breadcrumbs .B_homeCrumb{
line-height:1.5em;
color:#EB1F00;
text-decoration:none;
}
#breadcrumbs .B_lastCrumb{
/* background:url(../images/bullet-breadcrubms.gif) no-repeat 0 0; */ 
padding:0 1px 0 3px;
margin:0 1px 0 1px;
line-height:1.5em;
color:#5d5c5c;
}
#breadcrumbs a:hover{
color:#EB1F00;
text-decoration:underline;
}


/* ------------------------------------ Header ----- */
#header{
background:none%;
position:relative;
margin:0 auto;
width:770px;
height:162px;
}
.logotop{
float:left;
padding-top:10px;
}
#logo{
position:absolute;
top:10px;
left:0;
}

/* ------------------------------------ Content ----- */
#content{
position:relative;
margin:0 auto;
width:770px;
padding:10px 0 0 0;
text-align:left;
}
#contleft{
width:570px;
float:left;
}
.novost{
width:495px;
margin:0 0 0 15px;
padding:10px 0 3px 0;
}
.novost img{
        
        clear:both;
        margin:2px 8px 2px 0;
        padding:3px;
        border: 1px solid #E7E7E7;
		
    }
	
.novost ul li{
color:#5d5c5c;
	list-style-image: url(../images/bullet.gif);
	margin-left:30px;
	padding-bottom:8px;
	font-size: 1.1em;

}
.novost li li{
font-size: 1.1em;
margin:0 0 0 30px;
padding:4px 0 4px 0;
}
#contleft a.pdf{
background:url('../images/pdf.gif') no-repeat 0 5px;
padding:7px 15px 3px 25px;
margin-left:1px;
display:block;

}
#contleft a.doc{
background: url('../images/doc.gif') no-repeat 0 5px;
padding:7px 15px 3px 25px;
margin-left:1px;
display:block;

}

hr {
   margin:0 0 10px 0;
   
   padding:0 0 10px 0;
   border-bottom:1px dashed #ccc;
   border-top:0px;
   border-left:0px;
   border-right:0px;
   line-height:0px;
   height:1px;
   display:block;

} 
.vise{
padding:10px 0 3px 0px;
font-size: 1.1em;
width: 100px;
}
.datum

{
color: #EB1F00;
float:right;
font-size: 0.9em;
font-style: italic;
padding-left: 18px;
padding-top: 10px;
padding-bottom: 3px;

}
.datum1

{
color: #EB1F00;
font-size: 0.9em;
font-style: italic;
padding-left: 0;
padding-top: 0;
padding-bottom: 3px;

}
.next{
padding:10px 0 3px 15px;

}

.vise a{
color:#EB1F00;
text-decoration:none;
}
.vise a:hover{
color:#EB1F00;
text-decoration:underline;
}


#contleft h2{
display:block;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2.4em;
line-height:1.2em;
font-weight:normal;
color:#D51C06;
text-transform:none;
padding:0 0 5px 0;
}
#contleft h3{
display:block;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2.1em;
line-height:1.2em;
font-weight:normal;
color:#D51C06;
text-transform:none;
padding:5px 0 5px 0;
}
#contleft p{
display:block;
font-size:1.1em;
line-height:1.4em;
font-weight:normal;
color:#5d5c5c;
text-transform:none;
padding:5px 0 5px 0;

}
.print {
	padding-left: 20px;
	background:url(../images/print.gif) no-repeat 0 50%;
}
#contleft a{color:#EB1F00;
text-decoration:none;}

#contleft a:hover{color:#EB1F00;
text-decoration:underline;}

#contright{
width:145px;
float:right;
padding:10px 0 0 0;
}
#contright img{
margin:0 0 10px 0;
}


/* ------- Ordered List-------*/
.novost ol{
margin:4px 0 4px 22px;
padding:0;
list-style-type: decimal;
}
.novost ol li{
color:#5d5c5c;
line-height:1.4em;
font-size:1.1em;
padding:3px 10px 3px 0;
}
.novost ol li a{
color:#5d5c5c;
text-decoration:none;
display:block;
font-weight:bold;
}
.novost ol li a:hover{
color:#5d5c5c;
}


.menu{
position:absolute;
top:139px;
left:0;
font-size:0.85em; 
padding:0; 
width:770px; 
z-index:100;
margin:0 auto;
}
.menu a {color:#fff;}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:25px; background:transparent;}

/* style the sub-level lists */
.menu ul ul {width:625px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left; height:45px; line-height:18px; display:block; margin-right:3px;}

/* style the sub level list items */
.menu ul ul li {display:block; width:125px; height:auto; line-height:1em;}



/* style the links for the top level */
.menu a, .menu a:visited {display:block; float:left; height:55px;  width:115px; font-size:1.2em; text-decoration:none; }
.azkz {color:#000;  padding:5px 0 0 10px; text-align:left; z-index:100; position:relative; background:url(../tab/1top.gif);}
.aktualno {color:#000;  padding:5px 0 0 10px; text-align:left;  background:url(../tab/top.gif);}
.skloniste {color:#000;  padding:5px 0 0 10px; text-align:left; z-index:110; background:url(../tab/2top.gif);}
.savjetovaliste {color:#000;  padding:5px 0 0 10px; text-align:left; z-index:110; background:url(../tab/3top.gif);}
.publikacije {color:#000;  padding:5px 0 0 10px; text-align:left; z-index:110; background:url(../tab/4top.gif);}
.pomoc {color:#000;  padding:5px 0 0 10px; text-align:left; z-index:110; background:url(../tab/5top.gif);}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:125px; w\idth:115px; height:40px; }

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block; width:105px; height:100%; line-height:1em; padding:7px 10px;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:105px; w\idth:105px;}

.azkz ul ul a, .azkz ul ul a:visited {display:block; width:105px; height:100%; line-height:1em; padding:7px 10px;}
* html .azkz ul ul a, * html .azkz ul ul a:visited  {width:105px; w\idth:105px;}

.red1 a{background-color:#ed145a; color:#FFFFFF; }
.red1 a:hover{background-color:#ed145a; color:#FFFFFF;}
.lastreda {padding-bottom:10px; background:#ed145a url(../tab/sub_bottom.gif) bottom left no-repeat!important; }
.lastreda a{color:#FFFFFF;}

.red a{background-color:#c00a37; color:#FFFFFF;}
.red a:hover{background-color:#c00a37; color:#FFFFFF;}
.lastred {padding-bottom:10px; background:#c00a37 url(../tab/1sub_bottom.gif) bottom left no-repeat!important; }
.lastred a{color:#FFFFFF;}

.red2 a{background-color:#EB1F00; color:#FFFFFF;}
.red2 a:hover{background-color:#EB1F00; color:#FFFFFF;}
.lastredb {padding-bottom:10px; background:#EB1F00 url(../tab/2sub_bottom.gif) bottom left no-repeat!important; }
.lastredbb {padding-bottom:10px; background:#EB1F00 url(../tab/2sub_bottomb.gif) bottom left no-repeat!important; }
.lastredb a{color:#FFFFFF;}

.red3 a{background-color:#AC1560; color:#FFFFFF;}
.red3 a:hover{background-color:#AC1560; color:#FFFFFF;}
.lastredc {padding-bottom:10px; background:#AC1560 url(../tab/3sub_bottom.gif) bottom left no-repeat!important; }
.lastredc a{color:#FFFFFF;}

.orange a{background-color:#e65c00; color:#FFFFFF;}
.orange a:hover{background-color:#e65c00; color:#FFFFFF;}
.lastorange {padding-bottom:10px; background:#e65c00 url(../tab/4sub_bottom.gif) bottom left no-repeat!important; }
.lastorange a{color:#FFFFFF;}

.blue a{background-color:#3eadd4; color:#FFFFFF;}
.blue a:hover{background-color:#3eadd4; color:#FFFFFF;}
.lastblue {padding-bottom:10px; background:#3EADD4 url(../tab/5sub_bottom.gif) bottom left no-repeat!important; }
.lastblue a{color:#FFFFFF;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}
.red table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}



/* style the level hovers */
/* first */
* html .menu a:hover {color:#fff; border:0; height:45px; text-decoration:underline; position:relative; z-index:100;}
.menu li:hover {position:relative; }

.menu :hover > a {color:#fff; text-decoration:underline; border:0; height:25px;}
/* second */
* html .menu ul ul a:hover{color:#fff;  position:relative; z-index:110; height:100%; }

.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#fff; z-index:110; height:100%; }



/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0; top:25px; left:0; width:125px;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul {visibility:visible; height:auto; padding:25px 30px 30px 30px; left:-30px;}
* html .menu ul :hover ul {visibility:visible; height:auto; padding:15px 30px 30px 20px; left:-30px;}

/*----------------------- FOOTER -------*/
#footer{
float:left;
background:url(../images/footer-poz.gif) no-repeat top left;
width:770px;
height:36px;
margin:20px 0 0 0;
}

#footerrecida{
float:left;
background:url(../images/footer-poz-recida.gif) no-repeat top left;
width:770px;
height:36px;
margin:20px 0 0 0;
}

#footerLeft{
float:left;
height:24px;
width:350px;
padding:12px 0px 0px 15px;
text-align:left;
}
#footerLeft a{
color:#800060;
}
#footerValid{
float:left;
height:26px;
width:150px;
padding:10px 0px 0px 15px;
}

#footerRight{
float:right;
height:26px;
width:130px;
padding:10px 15px 0px 0px;
}