body { font-family:verdana,tahoma; font-size:11px; color:#444444; }
.popup { font-family:verdana,tahoma; font-size:12px; color:#444444; }

a:link, a:visited { color:#2D5A8B; text-decoration:none; }
a:hover { color:#D13F0B; text-decoration:none; }

.header { background-image: url(/img/header.jpg); background-repeat:no-repeat; }

.traka { background-image: url(/img/traka.gif); background-repeat:no-repeat; width:560px; background-color:#ffffff; }
.traka_zamp { background-image: url(/img/traka_zamp.gif); background-repeat:no-repeat; width:560px; background-color:#ffffff; }
.traka_member { background-image: url(/img/traka_member.gif); background-repeat:no-repeat; width:560px; background-color:#ffffff; margin:0; padding:0; }
.traka_events { background-image: url(/img/traka_events.gif); background-repeat:no-repeat; width:560px; background-color:#ffffff; }
.traka_public { background-image: url(/img/traka_public.gif); background-repeat:no-repeat; width:560px; background-color:#ffffff; }
.traka_cantus { background-image: url(/img/traka_cantus.gif); background-repeat:no-repeat; width:560px; background-color:#ffffff; }
.traka_news { background-image: url(/img/traka_news.gif); background-repeat:no-repeat; width:560px; background-color:#ffffff; }


/* ------- H1 - svi -------- */
.naslov { margin:15px 0 0 10px; padding:0; font-size:18px; color:#D13F0B; font-weight:normal; }
* 
/* ------- H2 - izdanje -------- */
.izdanje{ font-weight:bold; font-size:11px; border-bottom:1px solid #E3EBF7; margin-bottom:10px; padding-bottom:5px; width:95%; color:#D13F0B; }

/*--- body { line-height:13px; } ---*/

.par p, br { margin:0; padding:0; }
.cantus, .about_us_archive { font-size:17px; color:#9eb6d9; margin-bottom:5px; font-weight:normal; }
.about_us_archive { color:#eaccbc; }
.cantus { font-size:17px; color:#9eb6d9;  margin-bottom:5px; font-weight:normal; }
.godina { font-size:14px; border-bottom:1px solid #F6E6DD; padding:3px 0 3px 0; font-weight:bold; }
.povijest { background-color: #FDF2EC; margin:0; padding:5px; font-weight:bold; text-align:center; }
.boldi { font-weight:bold; margin:0; }
ul { list-style-type:disc; margin:5px 0 10px 17px; padding:0; }
.search { border-bottom:1px solid #EAC2A4; padding:3px 0 3px 0; font-weight:bold; }
#button { background-color:#F9F2EB; border:1px solid #EAC2A4; padding:1px; width: 50px; text-align:center; cursor:pointer; }
#button_en { background-color:#F9F2EB; border:1px solid #EAC2A4; padding:1px; width: 70px; text-align:center; cursor:pointer; }
#polje { background-color:#ffffff; border:1px solid #EAC2A4; padding:3px; text-align:center; }
#razmak p ( margin:0 0 5px 0; )
#razmak ul, li ( margin:0; )




#info a:link, #info a:visited { color:#2D5A8B; text-decoration:none; font-weight:bold; }
#info a:hover, #info a:active { color:#D13F0B; text-decoration:none; font-weight:bold; }


/* ----------------[ HP - novosti ]---------------- */

.news_short {	margin: 20px 0 0 0;  }
.news_short div {	float: left; margin: 0; padding: 0 10px; vertical-align: top; clear: left; width: 95%;	}
.news_short p { padding: 10px 0 0 0; margin: 0  }
.news_short hr { border: 1px solid #ead4b8; height: 1px;  padding: 0;  width: 100%; clear: both }
.datum hr { border: 1px solid #ead4b8; height: 1px;  padding: 0;  width: 100%; clear: both }
.news_short div.pic { float: right; margin: 0 0 5px 5px; width: 125px; }
.news_short div.pic img  { padding: 2px; border: 1px solid #F5EBDE; width: 120px;  }
.news_short div.pic p  { padding: 0 3px; margin: 0; font-size: 10px  }
.news_short .more { margin-bottom: 20px; }
div.news_pages {clear:left; float:left; width:90%;}
.news_pages a {text-decoration:none; display:block;color:#D13F0B;padding:3px;font-weight:bold;}
#navlist {float: left; position: relative; text-align: center; left: 50%;}
#navlist li {float: left; position: relative; left: -50%; text-align: center;margin:1px; background-color:lightblue; width:20px; height:20px; list-style-image:none; list-style-position:outside; list-style-type:none;border:1px solid #000000;}
#number_active {font-weight:bold;display:block;margin-top:3px;width:20px; height:20px;}

/* ----------------[ meni - slike ]---------------- */

#meni_1 a:link, #meni_1 a:visited
{ background: url(/img/hds_danas.jpg) no-repeat; color:#ffffff; display: block; text-decoration: none; width:194px; margin:0; padding:40px 0 5px 0; text-align:right; vertical-align:bottom; }
#meni_1 a:hover, #meni_1 a:active
{ background: url(/img/hds_danas2.jpg) no-repeat; }

#meni_2 a:link, #meni_2 a:visited
{ background: url(/img/hds_clanovi.jpg) no-repeat; color:#ffffff; display: block; text-decoration: none; width:194px; margin:0; padding:40px 0 5px 0; text-align:right; vertical-align:bottom; }
#meni_2 a:hover, #meni_2 a:active
{ background: url(/img/hds_clanovi2.jpg) no-repeat; }

#meni_3 a:link, #meni_3 a:visited
{ background: url(/img/hds_manifest.jpg) no-repeat; color:#ffffff; display: block; text-decoration: none; width:194px; margin:0; padding:40px 0 5px 0; text-align:right; vertical-align:bottom; }
#meni_3 a:hover, #meni_3 a:active
{ background: url(/img/hds_manifest2.jpg) no-repeat; }

#meni_4 a:link, #meni_4 a:visited
{ background: url(/img/hds_cantus_papers.gif) no-repeat; color:#ffffff; display: block; text-decoration: none; width:194px; margin:0; padding:40px 0 5px 0; text-align:right; vertical-align:bottom; }
#meni_4 a:hover, #meni_4 a:active
{ background: url(/img/hds_cantus_papers2.gif) no-repeat; }

#meni_5 a:link, #meni_5 a:visited
{ background: url(/img/hds_zamp.jpg) no-repeat; color:#ffffff; display: block; text-decoration: none; width:194px; margin:0; padding:40px 0 5px 0; text-align:right; vertical-align:bottom; }
#meni_5 a:hover, #meni_5 a:active
{ background: url(/img/hds_zamp2.jpg) no-repeat; }

#meni_6 a:link, #meni_6 a:visited
{ background: url(/img/hds_cantus.jpg) no-repeat; color:#ffffff; display: block; text-decoration: none; width:194px; margin:0; padding:40px 0 5px 0; text-align:right; vertical-align:bottom; }
#meni_6 a:hover, #meni_6 a:active
{ background: url(/img/hds_cantus2.jpg) no-repeat; }

#meni_7 a:link, #meni_7 a:visited
{ background: url(/img/hds_novosti.jpg) no-repeat; color:#ffffff; display: block; text-decoration: none; width:194px; margin:0; padding:40px 0 5px 0; text-align:right; vertical-align:bottom; }
#meni_7 a:hover, #meni_7 a:active
{ background: url(/img/hds_novosti2.jpg) no-repeat; }

.footer p { background-color:#9DB5D0; text-align:center; color:#ffffff; margin:0; padding:8px; }
.footer_nap p { background-color:#F9F2EB; text-align:center; color:#D13F0B; margin:0; padding:8px; font-weight:bold; }
.footer_events p { background-color:#FCF1F3; text-align:center; color:#D13F0B; margin:0; padding:8px; font-weight:bold; }
.footer_news p { background-color:#FFF6EA; text-align:center; color:#D13F0B; margin:0; padding:8px; font-weight:bold; }
.footer_public p { background-color:#F2F7FE; text-align:center; color:#D13F0B; margin:0; padding:8px; font-weight:bold; }


#content .meni a:link, #content .meni a:visited { background: 0; color:#2D5A8B; text-decoration:none; font-weight:bold; }
#content .meni a:hover, #content .meni a:active { background: 0; color:#D13F0B; text-decoration:none; font-weight:bold; }

#content .meni .novi_1, #content .meni .novi_1, #content .meni .novi_1, #content .meni .novi_1 { background-color:#FDF2EC; border-bottom:1px solid #F6E6DD; width:179px; margin:0 2px 0 1px; padding:4px 8px 4px 5px; text-align:right; color:#D13F0B; font-weight:bold; }
#content .meni .novi_3, #content .meni .novi_3, #content .meni .novi_3, #content .meni .novi_3 { background-color:#F9F2EB; border-bottom:1px solid #F4E6D7; width:179px; margin:0 2px 0 1px; padding:4px 8px 4px 5px; text-align:right; color:#D13F0B; font-weight:bold; }
#content .meni .novi_4, #content .meni .novi_4, #content .meni .novi_4, #content .meni .novi_4 { background-color:#FCF1F3; border-bottom:1px solid #F6E4E8; width:179px; margin:0 2px 0 1px; padding:4px 8px 4px 5px; text-align:right; color:#D13F0B; font-weight:bold; }
#content .meni .novi_5, #content .meni .novi_5, #content .meni .novi_5, #content .meni .novi_5 { background-color:#F2F7FE; border-bottom:1px solid #E3EBF7; width:179px; margin:0 2px 0 1px; padding:4px 8px 4px 5px; text-align:right; color:#D13F0B; font-weight:bold; }
#content .meni .novi_7, #content .meni .novi_7, #content .meni .novi_7, #content .meni .novi_7 { background-color:#FFF6EA; border-bottom:1px solid #F5EBDE; width:179px; margin:0 2px 0 1px; padding:4px 8px 4px 5px; text-align:right; color:#D13F0B; font-weight:bold; }



#content .meni .novi:link, #content .meni .novi:visited, #content .meni .novi:hover, #content .meni .novi:active { background-color:#FDF2EC; border-bottom:1px solid #F6E6DD; width:179px; margin:0 2px 0 1px; padding:4px 8px 4px 5px; }
#content .meni .novi2:link, #content .meni .novi2:visited, #content .meni .novi2:hover, #content .meni .novi2:active { background-color:#F2F9F3; border-bottom:1px dotted #AED8B4; width:179px; margin:0 2px 0 1px; padding:4px 8px 4px 5px; }
#content .meni .novi3:link, #content .meni .novi3:visited, #content .meni .novi3:hover, #content .meni .novi3:active { background-color:#F9F2EB; border-bottom:1px solid #F4E6D7; width:179px; margin:0 2px 0 1px; padding:4px 8px 4px 5px; }
#content .meni .novi4:link, #content .meni .novi4:visited, #content .meni .novi4:hover, #content .meni .novi4:active { background-color:#FCF1F3; border-bottom:1px solid #F6E4E8; width:179px; margin:0 2px 0 1px; padding:4px 8px 4px 5px; }
#content .meni .novi5:link, #content .meni .novi5:visited, #content .meni .novi5:hover, #content .meni .novi5:active { background-color:#F2F7FE; border-bottom:1px solid #E3EBF7; width:179px; margin:0 2px 0 1px; padding:4px 8px 4px 5px; }
#content .meni .novi6:link, #content .meni .novi6:visited, #content .meni .novi6:hover, #content .meni .novi6:active { background-color:#FCF7E1; border-bottom:1px dotted #E0D39E; width:179px; margin:0 2px 0 1px; padding:4px 8px 4px 5px; }
#content .meni .novi7:link, #content .meni .novi7:visited, #content .meni .novi7:hover, #content .meni .novi7:active { background-color:#FFF6EA; border-bottom:1px solid #F5EBDE; width:179px; margin:0 2px 0 1px; padding:4px 8px 4px 5px; }




.unit td {
	margin: 0;
	border: 0;
	border-bottom: 1px solid #F4E6D7;
	border-right: 1px solid #F4E6D7;
	text-align: left;
}

.unit_cd td {
	margin: 0;
	border: 0;
	border-bottom: 1px solid #E3EBF7;
	border-right: 1px solid #E3EBF7;
	text-align: left;
}

.title_big{font-size:13px; font-weight:bold;}

.chairmanship td {border-bottom: 1px solid #c0c0c0; padding: 20px 0}  

/* ----------------[ clear-anje & fixevi ]---------------- */

/* IE5-6 */
* html #content, * html .redak { overflow: visible; height: 1%; }
* html .naslov { padding: 0; }

* html .news_short .more { margin-bottom: 10px; } 
/* clearanje floatova za elemente koji ne smiju imati overflow:hidden  */
#content:after, .redak:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; line-height: 0; }

/* IE7 */
*:first-child+html #content, *:first-child+html .redak { min-height: 0; }
*:first-child+html .news_short .more { margin-bottom: 10px; } 


