body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: small;
	text-decoration: none;
	color: #fff;
	margin: 0;
	padding: 0;
	background-color: #ddd;
	background-attachment: fixed;
	background-image: url(grafika/izaberi.hr.background.gif);
	}


#header-out {
	background-image: url(grafika/bg_top.gif); 
	background-position: top; 
	background-repeat: repeat-x;
	}
#header-in {
	background-image: url(grafika/bg_top_main.gif); 
	background-position: top; 
	background-repeat: repeat-x; 
	width: 920px; 
	margin: 0 auto; 
	text-align: left;
	}
.titlepomak{
	padding: 4px 0 0 10px;
	margin: 0;
	margin-bottom: -15px;
	position: relative;
	border: none;
	}



#kontejner {
	margin: 0 auto;
	padding: 0;
	border: 10px solid #234;
	border-top: none;
	border-bottom: none;
	width: 900px;
	background-image: url(grafika/bg_maincontent.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #2e597d;
	}

	
	
#titlebar {
	background-image: url(grafika/bg_main.jpg);
	background-repeat: no-repeat;
	background-color: #234;
	height: 12em;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	color: #ddd;
	line-height: 1.35em;
	}
a.titlebar {}
a.titlebar:visited {}
a.titlebar:hover {}
a.titlebar:active {}



.advancedsearch {
	color: #ddd;
	font-weight: normal;
	text-align: center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 4px 0 5px 0;
	margin: 0 auto;
	line-height: 1.6em;
	background-color: #234;
	}

a.navigation {background-color: #246; border: 1px solid #fc5; color: #fff; padding: 2px 5px; text-decoration: none; margin: 0 2px; font-size: 80%;}
a.navigation:visited {background-color: #246; border: 1px solid #fc5; color: #fff; padding: 2px 5px; text-decoration: none; margin: 0 2px; font-size: 80%;}
a.navigation:hover {text-decoration: none; color: #fc5; border-color: #fff; background-color: #123; font-size: 80%;}
a.navigation:active {}
.nonavigation {background-color: #234; border: 1px solid #123; color: #123; padding: 1px 5px; text-decoration: none; margin: 0 2px; font-size: 80%; font-weight: bold;}


#glavnisadrzaj {
	margin: 0;
	padding: 0;
	}
	
#stupac200 {
	float: left;
	width: 190px;
	padding-right: 5px;
	}
#stupac550 {
	float: left;
	width: 520px;
	padding-bottom: 10px;
	}
#stupac750 {
	width: 690px;
	text-align: center;
	margin-left: 200px;
	}
#stupac_in {
	margin: 0;
	border: none;
	padding: 10px 5px;
	}
#stupac_in_b {
	margin: 0;
	border-right: 1px solid #000;
	padding: 10px 10px 9px 0;
	background-color: #234;
	}
	


.slika-u-tablici {
	margin: 0 auto;
	padding: 0;
	border: 0;
	height: 50px;
	display: block;
	}

	
	
#footer {
	text-align: center;
	font-size: 70%;
	color: #eee;
	margin: 0;
	width: 100%;
	padding: 0;
	line-height: 1.25em;
	}
a.footer {color: #fff; font-weight: bold;}
a.footer:visited {color: #fff; font-weight: bold;}
a.footer:hover {color: #369; font-weight: bold;}
a.footer:active {color: #369; font-weight: bold;}



.full { padding: 0.2em 0.7em; display: block;}
a.full { color: #999; font-weight: normal; font-size: x-small;}
a.full:visited { color: #999; font-weight: normal; font-size: x-small;}
a.full:hover { color: #333; font-weight: normal; font-size: x-small;}
a.full:active { color: #333; font-weight: normal; font-size: x-small;}
a.full span { color: #3f7fbf; font-weight: bold; font-size: small;}
a.full:visited span { color: #3f7fbf; font-weight: bold; font-size: small;}
a.full:hover span { color: #369; font-weight: bold; font-size: small;}
a.full:active span { color: #369; font-weight: bold; font-size: small;}



#datumska_traka {
	padding: 0;
	padding-bottom: 5px;
	margin: 0;
	line-height: 1.3em;
	}
#datkocka_prazan {
	width: 1.4em;
	padding: 2px;
	margin: 1px 1px;
	text-align: center;
	float: left;
	}
#datkocka  {
	width: 1.4em;
	background-color: #9ab;
	padding: 2px;
	margin: 1px 1px;
	text-align: center;
	float: left;
	}
#dat-in {
	font-size: x-small;
	background-color: #336699;
	margin: 0;
	padding: 0;
	}
#dat-in a:hover{background-color: #4c99e6; color: #fff;}
.datum {color: #FFF; display: block;}
a.datum {color: #FFF;}
a.datum:visited {color: #FFF;}
a.datum:hover {color: #FFF; text-decoration: none;}
a.datum:active {color: #FFF;}
.datumw {color: #FC5; display: block;}
a.datumw {color: #FC5;}
a.datumw:visited {color: #FC5;}
a.datumw:hover {color: #FC5; text-decoration: none;}
a.datumw:active {color: #FC5;}



.rezults a {
	width: 366px;
	float: left;
	margin: 0;
	padding: 2px 5px;
	padding-right: 120px;
	border-top: 1px solid #ccc;
	font-weight: normal;
	color: #dde;
	font-weight: normal;
	font-size: 85%;
	text-align: left;
	}
.rezults a:visited {
	color: #dde;
	}
.rezults a:hover {
	color: #f3f3f3;
	font-weight: normal;
	text-decoration: none;
	background-color: #369;
	background-image: url(grafika/overlay_rezult.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	}
.rezults a span {
	color: #fff;
	font-weight: bold;
	font-size: 115%;
	}
.rezults a:visited span {
	color: #fff;
	}
.rezults a:hover span {
	color: #fc5;
	font-weight: bold;
	text-decoration: none;
	}
.rezultvrsteokvir {
	border-top: 1px solid #ccc;
	overflow: hidden;
	float: left;
	width: 115px;
	margin: 0;
	font-size: 68%;
	color: #fc5;
	padding-top: 0;
	padding-bottom: 1px;
	text-align: right;
	position: relative;
	margin-left: -115px;
	}

.opis {}
a.opis {
	color: #234;
	font-weight: bold;
	}
a.opis:visited {
	color: #234;
	font-weight: bold;
	}
a.opis:hover {
	color: #fc5;
	font-weight: bold;
	text-decoration: underline;
	}
	
	

#dogadjaji {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border: 3px solid #fff;
	background-color: #fff;
	color: #369;
	font-size: 90%;
	width: 165px;
	}
#dogadjaji-in {
	border: 1px solid #69c;
	text-align: center;
	margin: 0 auto;
	padding: 5px;
	color: #779;
	background-color: #fff;
	line-height: 1.3em;
	}
a.dogadjaji {color: #79a; font-weight: normal;}
a.dogadjaji:visited{color: #79a; font-weight: normal;}
a.dogadjaji:hover{color: #fc5; font-weight: normal; text-decoration: underline;}
a.dogadjaji:active{color: #79a; font-weight: normal;}


	
#wallpaper_box {
	padding-left: 15px; 
	}
	
	
	
#novosti {
	font-size: 100%;
	text-align: center;
	color: #fc5;
	background: none; 
	margin: 0.8em 0; 
	padding: 0; 
	line-height: 1.3em; 
	font-weight: bold;
	}
.novosti a{color: #fff;}
.novosti a:visited {color: #fff;}
.novosti a:hover {color: #fc5; text-decoration: underline;}
.novosti a:active {color: #fc5; text-decoration: underline;}
	
	

	
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	}
a:visited {
	color: #FFF;
	}
a:hover {
	color: #FC5;
	text-decoration: underline
	}
a:active {
	color: #FC5;
	text-decoration: none;
	}
a span{ color: #ccc;}
a:visited span{ color: #ccc;	}
a:hover span{ color: #FD7;}
a:active span{ color: #FD7;}



table.izgled-a {
	color: #678;
	background-color: #bcd;
	}

.centrimage {
	text-align:center;
	display:block;
	}

.selected {
	font-size: 100%; 
	color: #Fc5;
	}

p {margin: 1em 0; text-indent: 30px;}
	
#cleaner {
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	padding:0;
	border: none;
	visibility: hidden;
	overflow: hidden;
	}
.cleaner {
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	padding:0;
	border: none;
	visibility: hidden;
	overflow: hidden;
	}




a.menu { display: block; width: 119px; height: 96px; background: url('./grafika/menu/hover.gif') -119px 0 no-repeat; text-decoration: none; float: left; margin-left: 7px; margin-right: 0px; text-align: center; line-height: 1.2em; font-size: 85%;}
a:hover.menu { background-position: 0 0; text-decoration: none; color: #fff;}
a:active.menu { outline: none; text-decoration: none; color: #fff;}
a.menu1 { display: block; width: 119px; height: 96px; background: url('./grafika/menu/hover.gif') -119px 0 no-repeat; text-decoration: none; float: left; margin-left: 2px; margin-right: 0px; text-align: center; line-height: 1.2em; font-size: 85%;}
a:hover.menu1 { background-position: 0 0; text-decoration: none; color: #fff;}
a:active.menu1 { outline: none; text-decoration: none; color: #fff;}

a.menusel { display: block; width: 119px; height: 96px; background: url('./grafika/menu/hover.gif') -119px 0 no-repeat; text-decoration: none; float: left; margin-left: 7px; margin-right: 0px; text-align: center; line-height: 1.2em; font-size: 85%; color: #fc5;}
a:visited.menusel { color: #fc5;}
a:hover.menusel { background-position: 0 0; text-decoration: none; color: #fc5;}
a:active.menusel { outline: none; text-decoration: none; color: #fc5;}
a.menu1sel { display: block; width: 119px; height: 96px; background: url('./grafika/menu/hover.gif') -119px 0 no-repeat; text-decoration: none; float: left; margin-left: 2px; margin-right: 0px; text-align: center; line-height: 1.2em; font-size: 85%; color: #fc5;}
a:visited.menu1sel { color: #fc5;}
a:hover.menu1sel { background-position: 0 0; text-decoration: none; color: #fc5;}
a:active.menu1sel { outline: none; text-decoration: none; color: #fc5;}



#nav, #nav ul { /* all lists */
	padding: 0; margin: 0; list-style: none; line-height: 1; }
#nav a {	display: block; width: 11em; }
#nav li { /* all list items */ 
	width: 11em; /* width needed or else Opera goes nuts */ }
#nav li ul { /* second-level lists */ 
	position: absolute; background: #1c252d; padding: 3px 15px; line-height: 1.2em; font-size: 85%; width: 11em; 
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
#nav li ul ul { /* third-and-above-level lists */ 
	margin: -1em 0 0 -1000em; }
#nav li:hover ul ul, #nav li.sfhover ul ul { margin-left: -1000em; }
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	margin-left: 0; }
#nav li li:hover ul, #nav li li.sfhover ul { 	margin-left: 11em; }
/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul { margin-left: 0; }
#nav li li a:focus + ul { margin-left: 1010em; }
#nav li li a:focus { margin-left:1000em; width:11em; background: orange; }
#nav li li li a:focus {margin-left: 2010em; width: 11em; background: orange; }
#nav li:hover a:focus, #nav li.sfhover a.sffocus { margin-left: 0; }
#nav li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul { margin-left: 10em; }



#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute; left: 0; top: 0; width: auto; padding: 10px; padding-bottom: 8px; border: 1px solid #eee; background: #135; visibility: hidden; z-index: 10; }
#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma; letter-spacing: 5px; line-height: 1em; color: white; padding: 0; margin: 0; visibility: hidden; text-align: right; }
#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: #135;}
#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute; visibility: hidden; border: 1px solid black; background-color: #468; padding: 5px; z-index: 5; }