* { margin: 0; padding: 0; border: 0; }

body {
	color: #404040;
	background: #e51a1d url(img/bck.gif) repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

/* glavni divovi */
#wrap { width: 1004px; }

#traka { float: left; width: 44px; height: 182px; }
#gore { float: left; width: 960px; height: 98px; }

#cont { float: left; width: 960px; background: url(img/contbg.gif) repeat-y; }
	#st1 { float: left; width: 151px; background: url(img/s1top.gif) no-repeat; }
	#st2 { float: left; width: 390px; border-top: 1px solid #cfcfcf; }
	#st3 { float: left; width: 195px; }
	#st4 { float: left; width: 220px; text-align: center; }
	
#dole { clear: left; width: 1004px; }

/* #traka > elementi */
#vrh { display: block; height: 182px; text-indent: -9999px; background: url(img/vrh.gif) no-repeat; }

/* #gore > elementi */
#gorebann { float: left; margin: 4px; }
#bannalt { float: left; display: block; width: 728px; height: 90px; margin: 4px; }

#markgore {
	float: left;
	width: 14px;
	height: 61px;
	text-indent: -9999px;
	background: url(img/markgore.gif) no-repeat;
	margin-top: 4px;
}

#topdate { color: #fff; font-size: 2em; text-align: right; padding: 10px; }
#vrtopdate { font-size: 0.8em; font-weight: bold; display: block; margin: 8px 6px 0 0; }

/* #s1 > elementi */
#nav { padding: 7px 10px 0 10px; }
h1 a { display: block; height: 76px; text-indent: -9999px; background: url(img/h1.gif) no-repeat; }

#nav ul.nevidljiv { display: none; }
#nav ul { list-style-type: none; margin-bottom: 13px; }
#nav ul a {
	display: block;
	color: #fff;
	background-color: #e51a1d;
	width: 123px;
	height: 23px;
	padding: 6px 0 0 8px;
	text-decoration: none;
	border-top: 1px solid #fff;
	font-size: 1.4em;
}
#nav a:hover { background-color: #7f7f7f; color: #fff; }
#nav ul ul {
	margin: 0 0 2px 3px;
	border-bottom: 2px solid #cfcfcf;
	width: 125px;
	padding-top: 6px;
	background-image: url(img/ululbg.gif);
	background-repeat: repeat-x;
}
#nav li li a {
	display: block;
	color: #404040;
	background-color: #cfcfcf;
	width: 115px;
	height: 16px;
	padding: 2px 0 0 6px;
	text-decoration: none;
	font-size: 1.1em;
	border-top: none;
	border-left: 2px solid #cfcfcf;
	border-right: 2px solid #cfcfcf;
}
#nav li li a:hover { background-color: #fafafa; color: #404040; }


/* #s2 > elementi*/
.vijest { clear: both; margin: 0 6px 10px 6px; padding: 6px 0 0 0; border-bottom: 2px solid #ebebeb; }

.vijest h3 { font-size: 1.3em; padding: 5px; color: #e51a1d; }
/*.vijest h4 { font-size: 1.2em; padding: 0 5px 0 5px; }*/

h3 a { color: #e51a1d; background-color: #fff; text-decoration: none; }
h3 a:hover { color: #404040; background-color: #fff; text-decoration: underline; }

/*h4 a { color: #e51a1d; background-color: #fff; text-decoration: none; }
h4 a:hover { color: #404040; background-color: #fff; text-decoration: underline; }*/

.vijest h3.norm { font-size: 1.4em; padding: 0 6px 3px 6px;; margin-bottom: 3px; color: #e51a1d; }
.vijest a.vijestpic { float: left; width: 100px; border: 1px solid #cfcfcf; padding: 3px; margin: 0 6px 0 0; }
.vijest a.vijestpic:hover { border: 1px solid #e51a1d; }

	/*top vijest i alter*/
#topflash { margin: 0 0 10px 0; }
.vijest h3.top { font-size: 1.2em; padding: 0 6px 3px 6px; margin-bottom: 3px; }
.vijest a.toppic { display: block; border: 1px solid #cfcfcf; padding: 3px; margin-bottom: 6px; }
.vijest a.toppic:hover { border: 1px solid #e51a1d; }

.vijest p {
	line-height: 1.5em;
	font-size: 1.2em;
	text-align: justify;
	padding: 0 5px 10px 5px;
}

.vijest p a { color: #e51a1d; text-decoration: none; }
.vijest p a:hover { text-decoration: underline; }
.vijest p.ukratko { 
	font-weight: bold;
	margin: 0 0 8px;
	/* background: url(img/ukratko.gif) no-repeat ; */
	/* padding: 12px 8px; */
	padding: 0 8px;
}

#ikone { float: right; margin: 8px 5px 0 0; }
#ikone a { display: block; width: 45px; height: 33px; text-indent: -9999px; float: left; border: 1px solid #fff; }
#ikone a:hover { background-position: bottom; border: 1px solid #e5e5e5; }
#ico_n { background: #fff url(img/ico_back.gif) no-repeat; }
#ico_i { background: #fff url(img/ico_print.gif) no-repeat; }
#ico_s { background: #fff url(img/ico_send.gif) no-repeat; }
#ico_k { background: #fff url(img/ico_comm.gif) no-repeat; }

.vijest div.vijestmisc { clear: both; border-bottom: 1px solid #ebebeb; margin: 0 0 1px 0; padding: 4px 0 0 0; }
.vijest p.datum { color: #b3b3b3; font-size: 1em; background-color: #fff; padding: 2px 6px 4px 6px; }
.vijest a.cijeli {
	float: right;
	width: 83px;
	height: 14px;
	text-indent: -9999px;
	display: block;
	background: #fff url(img/cijeli.gif) no-repeat;
	margin: -14px 4px 0 0;
}
.vijest a.cijeli:hover { background-position: right; }

#vijestmin { margin: 0 6px 0 6px; }
#vijestmin p {
	font-size: 1.1em;
	line-height: 1.4em;
	padding: 8px 5px 8px 5px;
}
#vijestmin p.bord { border-bottom: 1px solid #ebebeb; }

#vijestmin a { text-decoration: none; color: #404040;  }
#vijestmin a:hover { text-decoration: underline; color: #e51a1d; }
#vijestmin .vise { margin-right: 5px; }

#vezane { font-size: 1.1em; margin: 15px 6px 0 6px; padding: 0 0 10px 0; }
#vezane h2 {
	border-bottom: 1px solid #e51a1d;
	margin: 0 0 10px 0;
	padding: 0 4px 2px 4px;
	font-size: 1.3em;
	color: #e51a1d;
	background-color: #fff;
}
#vezane a { padding: 6px 6px 0 6px; display: block; text-decoration: none; color: #404040; }
#vezane a:hover { text-decoration: underline; color: #e51a1d; }
#vezane span.datum { padding: 0 6px 0 6px; color: #b3b3b3; font-size: 1em; background-color: #fff; }

.vijest hr { width: 200px; margin: 0 75px; border: 1px solid #efefef; }

/* #s3 > elementi */
#srchf { float: left; width: 195px; margin-bottom: 8px; }
#srchp {
	float: left;
	border: none;
	width: 156px;
	height: 17px;
	background: #404040 url(img/srchp.gif) no-repeat;
	font-size: 1.1em;
	color: #e5e5e5;
	padding: 3px 0 0 6px;
	}
#srchb { float: right; margin-right: 4px; }

#st3 h2 {
	width: 168px;
	border-bottom: 1px solid #e51a1d;
	margin: 5px 0 5px 0;
	font-size: 1.1em;
	color: #e51a1d;
	background-color: #fff;
	text-align: right;
}

#st3 div { text-align: right; padding: 10px 13px 0 13px; line-height: 1.6em; display: block; }
.naj { font-size: 1.1em; color: #404040; }
.naj p { margin-bottom: 2px; }
.naj a { display: block; text-decoration: none; color: #404040; background-color: #fff; }
.naj a:hover { color: #e51a1d; background-color: #fff; }
.naj span.datum { color: #b3b3b3; font-size: 1em; background-color: #fff; }

.naj p.tekst { margin: 0; }
.naj p.tekst a { display: normal; }

#anketa p { font-size: 1.2em; margin: 8px 0 8px 5px; text-align: left; }
#anketa table { text-align: left; margin: 0 0 0 5px; width: 160px; }
#anketa .opt { width: 18px; }
#anketa input.butt { font-size: 1em; border: 1px solid #cfcfcf; color: #404040; background-color: #fff; padding: 0 10px 0 10px; }
#anketa .graf { display: block; height: 14px; background-color: #e51a1d; }
#anketa .grafbg { display: block; width: 134px; height: 14px; background-color: #efefef; }

/* s4 elementi */
#st4 div { width: 204px; margin: 0 0 10px 5px; clear: both; float: left; }
#st4 h2 {
	height: 18px;
	font-size: 1em;
	text-align: right;
	text-transform: uppercase;
	color: #fff;
	background: url(img/s4h2.gif) no-repeat;
	padding-top: 3px;
	margin: 2px 0;
}
#st4 h2 a {
	color: #fff;
	text-decoration: none;
}
#st4 h2 a:hover {
	text-decoration: underline;
}

#fensi { text-align: left; }
#fensi a {
	height: 20px;
	display: block;
	color: #fbd9da;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
	padding-left: 20px;
	background-position: top left;
	margin-left: 12px;
}
#fensi a:hover { color: #fff; background-position: bottom left; }
#hpg { background: url(img/hpg.gif) no-repeat; }
#fav { background: url(img/fav.gif) no-repeat; }


#wtecajna { text-align: center; }
#wtecajna table { color: #fff; }
#wtecajna table th, #wtecajna table td { color: #fff; background-color: #ee6a6c; text-align: center; width: 50px; border-left: 1px solid #e51a1d; border-right: 1px solid #e51a1d; padding: 2px 0 2px 0; }
#wtecajna table th { border-bottom: 2px solid #e51a1d; }
#wtecajna input.kol { font-size: 1.1em; color: #fff; background-color: #e51a1d; border: 1px solid #fbdddd; width: 94px; padding: 1px 2px 1px 2px; margin: 4px 0 4px 0; }
#wtecajna select { font-size: 1.1em; color: #fff; background-color: #e51a1d; border: 1px solid #fbdddd; width: 100px; }

#wvrijeme dl { width: 194px; background-color: #ee6a6c; font-size: 1.1em; text-align: left; padding: 5px; }
#wvrijeme dt { color: #fff; padding: 0 0 0 5px; }
#wvrijeme dd { padding: 3px 0 3px 10px; }

.leteci p { float: left; width: 192px; text-align: left; color: #fff; font-size: 1.1em; background-color: #ee6a6c; padding: 5px 6px; line-height: 15px;  }
.leteci p a { text-decoration: underline; color: #fff; }
.leteci img { float: left; margin: 1px 6px 0 0; border: 1px solid #fff; }
.leteci img.des { float: right; margin: 1px 0 0 6px; border: 1px solid #fff; }
.leteci a.cij {
	float: left;
	width: 198px;
	background-color: #fff;
	color: #e51a1d;
	margin-top: 3px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: right;
	padding: 0 3px;
	font-size: 1em;
}
.leteci a.cij:hover { color: #fff; background-color: #ee6a6c; }



/* #dole > elementi */
#bott { float: left; display: block; width: 44px; height: 40px; text-indent: -9999px; background: url(img/bott.gif) no-repeat; }
#inf { float: left; width: 728px; border-top: 1px solid #cfcfcf; margin-left: 4px; padding-top: 14px; }
#inf p { display: inline; margin: 11px 9px; }
#inf p a { color: #e51a1d; text-decoration: none; }
#inf p a:hover { color: #404040; text-decoration: underline; }

/* galerija */
#gallhead {
	display: block;
	height: 75px;
	background: url(img/gallhead.jpg) no-repeat;
	text-align: right;
	margin: 1px;
	padding: 12px 16px 0 0;
}
#gallhead label { display: block; font-size: 1.1em; color: #b3b3b3; margin-top: 5px; }
#gallhead select { font-size: 1.1em; color: #404040; border: 1px solid #cfcfcf; width: 121px; }
#gallhead input { font-size: 1em; border: 1px solid #cfcfcf; color: #404040; background-color: #fff; padding: 0 10px 0 10px; margin-top: 5px; }

#gallnov { text-indent: -9999px; display: block; background: url(img/gallnov.gif) no-repeat; height: 20px; margin-left: 16px; }
#gallpop { text-indent: -9999px; display: block; background: url(img/gallpop.gif) no-repeat; height: 20px; margin-left: 16px; }

.gallitem { padding: 8px 0 0 16px; width: 108px; height: 175px; float: left; }
.gallitem a.gallpic { width: 100px; border: 1px solid #cfcfcf; padding: 3px; display: block; }
.gallitem a.gallpic:hover { border: 1px solid #e51a1d; }
.gallitem a.gallico { width: 54px; height: 18px; float: left; display: block; text-decoration: none; color: #404040; }
.gallitem p { clear: left; width: 108px; padding-top: 3px; }
.gallitem em { font-style: normal; float: right; margin-top: 7px; font-size: 1.1em; color: #b3b3b3; }

#gallnav { clear: both; display: block; background: #cf0606 url(img/gallnav.gif) repeat-x; padding: 10px; margin: 10px; }
#gallnav li { display: block; border: 1px solid #cf0606; list-style: none; padding: 8px 30px; margin-bottom: 2px; }
#gallnav li:hover { border: 1px solid #e78383; }
#gallnav li a { display: block; color: #fff; font-size: 1.2em; font-weight: bold; text-decoration: none; }

#gallfoot { clear: both; display: block; text-align: center; padding: 4px; margin: 0 4px; border-top: 1px solid #cfcfcf; }
#gallfoot a { text-decoration: none; color: #404040; padding: 5px; }
#gallfoot a:hover { text-decoration: underline; color: #b3b3b3; }
#gallfoot a.prev { float: left; }
#gallfoot a.next { float: right; }
#gallfoot p { font-size: 1.1em; padding: 5px; }
#gallfoot p strong { color: #e51a1d; padding: 5px; }

#pagination { clear: both; display: block; text-align: center; padding: 4px; margin: 0 4px; }
#pagination a { text-decoration: none; color: #404040; padding: 5px; }
#pagination a:hover { text-decoration: underline; color: #b3b3b3; }
#pagination a.prev { float: left; }
#pagination a.next { float: right; }
#pagination p { font-size: 1.1em; padding: 5px; }
#pagination p strong { color: #e51a1d; padding: 5px; }