body {background-color:#790000; padding:0; margin:0; background-image:url(images/bg.jpg); background-repeat:repeat-x}

body, input, div, p, select, textarea { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; font-size:12px; color:#000; line-height:16px;}
input, select, textarea { padding:3px;}
h1, h2, h3, h4, h5, h6 { padding:0; margin:0; margin:10px 0px;}
a { color:#790000; text-decoration:none}
a:hover { color:#333333;}
a.more { padding-right:15px; background-image:url(images/bullet.gif); background-repeat:no-repeat; background-position:right center;}
a.back { padding-left:15px; background-image:url(images/back.gif); background-repeat:no-repeat; background-position:left center;}
p { padding:0; margin:0; margin-bottom:10px;}

/* layout */
#header { width:980px; margin:auto; height:81px;}
#header img.logo { float:left;}
#header #forms { float:right; height:81px; overflow:hidden; width:400px; text-align:right;}
#main { width:970px; margin:auto; background-color:#FFF; padding:5px; overflow:auto;}
#main_menu { width:980px; margin:auto; height:28px; background-image:url(images/menu_bg.jpg)}
#main_content { float:left; width:665px; overflow:auto;}
#right_content { width:300px; float:right; overflow:hidden;}
#right_content #banner_300x250 { background-color:#000; width:300px; height:250px;}

#footer { width:980px; height:35px;margin:auto; padding-top:10px; }
#footer #footer_lijevo { width:600px; float:left;color:#FFF; font-size:11px;}
#footer #footer_desno { width:350px; float:right; color:#FFF; font-size:11px; text-align:right;}
#footer a { color:#FFFFFF;}
#footer a:hover { text-decoration:underline;}
#footer #footer_desno ul { padding:0; margin:0; list-style:none;}
#footer #footer_desno ul li { display:inline; padding-left:5px; margin-left:5px; border-left:1px solid #FFFFFF}
#footer #footer_desno ul li:first-child { border:none;}

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu li {position:relative; float:left; width:100px; height:28px}
ul.menu a {display:block; color:#FFF; text-decoration:none; line-height:28px; text-align:center}
ul.menu a span { color: #FFCC00; font-size:11px;}
ul.menu a:hover, ul.menu li.active a, ul.menu a:hover span, ul.menu li.active a span { background-image:url(images/menu_bg.gif);color:#790000; }
ul.menu a:hover span, ul.menu li a.active span { background:none;}
ul.menu ul {position:absolute; top:28px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li { background:none;position:relative; width:100px; margin:0; font-size:11px;}
ul.menu ul li a, ul.menu ul li a.sporedni{ background:none;display:block; background-color:#FFFFFF; height:28px; text-align:center; color:#000; line-height:28px; padding:0px 5px;}
ul.menu ul li a:hover {background:none;color:#FFF; background-color:#000;}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {}
ul.menu .menulink:hover, ul.menu .menuhover {}
ul.menu .sub  {}
ul.menu .topline {}

/* common */
div.clear { display:block; clear:both; height:1px; line-height:1px}
div.box { margin-bottom:5px;} 
img.lijevo { padding:3px; border:1px solid #ccc; margin-right:5px; margin-bottom:5px; float:left}
img.desno { padding:3px; border:1px solid #ccc; margin-left:5px; margin-bottom:5px; float:right}

div.intro{ font-size:11px; color:#999999; margin-bottom:5px;}
div.intro2 { font-size:11px; color:#999999; margin-bottom:10px;}
div.news_item { margin-bottom:10px;}

div.eter { background-color:#790000; padding:5px; margin-bottom:5px; color:#FFFFFF; background-image:url(images/speaker.jpg); background-repeat:no-repeat; background-position:0px 2px; cursor:pointer;}
div.eter span { color:#FFCC99; display:block; padding-left:20px; margin-bottom:3px;}


h2.title { margin:0; padding:0px; margin-bottom:5px; font-size:16px; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; color:#790000; font-weight:bold; line-height:23px;}
h3.title, h1.title { margin:0; padding:0px 10px; margin-bottom:10px; height:28px; line-height:28px;font-size:12px; color:#FFFFFF; font-weight:normal; background-image:url(images/title.gif)}
h3.title { margin-bottom:0px;}
#main_content h3.title { margin-bottom:5px;}
h2.kontakt_title, h1#news_title { border-bottom:none; margin-bottom:5px; background:none; font-size:16px; color:#790000; padding:0px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; display:block; font-weight:bold;}
h2.kontakt_title { font-size:18px;margin-bottom:5px; padding-bottom:3px; border-bottom:1px solid #CCCCCC}
h1#news_title { height:auto !important;}

h4.title { margin:0; padding:0px; margin-bottom:5px; font-size:14px; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; font-weight:normal; line-height:16px;}

#newsStranice { text-align:center; margin:10px 0px; margin-right:5px;}
#komentari { margin:0px 10px;}
span.kPozicija { margin-bottom:3px;}
.komentarItem { margin-bottom:10px; padding-left:30px; background-image:url(images/komentar.gif); background-repeat:no-repeat; background-position:0px 3px;}
.komentarItem strong { font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; color:#790000;}
.komentarItem em { color:#666; font-size:11px;}
#frmKomentar textarea { width:650px; border:1px solid #ccc; margin:10px 0px; color:#790000}
.bKomentarObavijest { color:#790000; font-weight:bold; margin-bottom:10px;}

a.print_button { padding-right:5px;}


/* registracija, korisnici */
#frmSearch {margin:0; padding:0; margin-top:10px; text-align:right;}
#frmSearch input.input_search { width:269px; height:25px; line-height:25px; border:0; margin:0; padding:0; padding-left:5px; padding-right:25px; background-image:url(images/search.jpg); background-repeat:no-repeat; background-position:left}
#main_content  div.regDisclaimer { border:1px solid #CCCCCC; padding:10px; color: #790000;}

#frmLogin {margin:0; padding:0; margin-top:10px; text-align:right; height:23px; line-height:23px; vertical-align:middle}
#frmLogin input.input_login { width:116px; height:23px; line-height:23px; border:0; margin:0; padding:0px 5px;background-image:url(images/login.jpg); background-repeat:no-repeat; background-position:0px 0px; vertical-align:middle; margin-right:2px;}

#frmLogin .dologin { height:23px; line-height:23px; vertical-align:middle; padding:0; margin:0;}
#logged_user { height:23px; line-height:23px; margin-top:10px; color:#FFFFFF; font-size:11px;}
#logged_user a { color:#FFF;}


input.aInputSimple, select.aInputSimple { width:320px; border:1px solid #ccc; margin:5px 0px; color:#790000}
input.userDataEdit { cursor:pointer; color:#790000}
/* kontakt */ 

.kontakt_item { overflow:auto; padding-bottom:10px;} 
.kPozicija { color:#790000; font-weight:bold;}
.kontakt_opis_lijevo { float:left; font-size:12px; width:250px; }
.kontakt_opis_desno{ float:right; font-size:12px; width:350px;}
#kPORUKA{ margin:10px 0px; font-weight:bold;}

.kObrazac fieldset { border: none}
.kObrazac label { display:block;}
.pozicija { margin-bottom:10px; font-weight:bold;}
.kObrazac input.inputSimple, .kObrazac textarea { width:320px; border:1px solid #ccc; margin:5px 0px; color:#790000}
.kSaljiButton { cursor:pointer; color:#790000}

/* prognoza */
.prognoza_box { padding:5px; font-size:11px;}
.prognoza_box h4.title, .valuta h4.title { padding:0; margin:0; color:#790000; margin-bottom:5px; }
div.prognoza_box b { display:block; font-size:12px;}
div.prognoza_box i { display:block; color:#666; font-size:11px; font-style:normal;}
div.prognoza_item { float:left; width:135px; font-size:10px; line-height:12px;}
div.prognoza_item img { margin-bottom:10px;}

#prognoza_vremena div.naslov { margin:7px 0px; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; color:#790000; font-size:14px; font-weight:bold;}
#prognoza_vremena div.clear { margin-bottom:20px; clear:both;}
.valuta_column { float:left; width:140px; line-height:14px;}
#frmValuta { margin:10px 0px;}
#frmValuta input { font-size:10px; padding:1px;}
#frmValuta input.field { width:45px;}
#frmValuta select { width:62px; font-size:11px;}
#frmValuta div.field { width:50px; display:inline;}

/* anketa */
.anketa_box { padding:5px; font-size:12px;color:#790000;}
.anketa_box  b { color:#000;}
.anketa_box  form { padding:0px; color:#790000}
.anketa_box input.button { margin-top:10px; }
div.anketaLine { height:5px; background-color:#000; margin:3px 0px; background-image:url(images/anketa.gif); line-height:1px;}
#anketa_response {color:#790000;}

/* valuta */
div.valuta { padding:5px; font-size:12px; overflow:auto;color:#790000; font-size:11px;}
div.valuta b { display:block; color:#000000; font-size:12px;}
table.valuta { width:100%; color:#000; border-collapse:collapse; margin-top:10px; font-size:11px;} 
table.valuta .jedinica { width:30px}
table.valuta tr { background-color:#FFFFFF;}
table.valuta tr:hover {  background-image:url(images/stripes.gif)}
table.valuta td { border-bottom:1px dotted #CCCCCC}
table.valuta .vrijednost{ text-align:right;}

/* rss */

div.title { font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; display:block; color:#790000; margin-bottom:3px;}
.rss_item { float:left; overflow:auto; width:330px; cursor:pointer;}
.rss_item_left { margin-right:5px;} 
.rss_item a { font-size:13px; display:block; clear:both; margin-bottom:2px; padding-bottom:2px; margin-right:1px;}
.rss_item a b { font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; display:block; color:#790000; margin-bottom:5px;}
.rss_item a span.opis { font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; color:#000; font-size:12px; overflow:auto; display: block;}
.rss_item a:hover span.opis  { color:#666;}
.rss_item a:hover { background-color:#FFF}
.rss_item a span.opis img { float:left; margin-right:5px; margin-bottom:5px; padding:3px; border:1px solid #CCCCCC;}

/* top liste*/

table.top_lista { width:100%}
table.top_lista  th { text-align:left; background-color:#000000; color:#FFFFFF; font-size:11px; height:28px; line-height:28px; background-image:url(images/menu_bg.jpg); background-position:-10px 0px;}
table.top_lista  .num { width:25px; text-align:center;}
table.top_lista  .num3 { width:25px; text-align:center; color:#999;}

table.top_lista  .num2 { width:40px; text-align:center;}
table.top_lista tr td { height:24px; line-height:24px; vertical-align:middle; border-bottom:1px dotted #CCCCCC}
table.top_lista tr:hover { background-image:url(images/stripes.gif)}
table.top_lista tr.even td {}
table.top_lista tr td b { color: #CC3300;}
table.top_lista tr td i { font-style:normal;}


.column { float:left; overflow:auto; width:330px; font-size:11px;}
.column_left { margin-right:15px; width:320px; font-size:11px;} 

/* registracija */

#frmRegistracija label { display:block; margin:5px 0px;}
#frmRegistracija input.regInput { width:300px; border:1px solid #CCCCCC; margin-bottom:10px;}


/* lightbox*/

#mod_gallery_holder { margin:10px 0px;}
#mod_gallery_holder  img  { padding:3px; border:1px solid #666;}
#mod_gallery_holder  img:hover { border-color:#ccc;}

#igre { padding:10px 0px;}
#igre a { width:112px; margin-right:50px; margin-bottom:25px; float:left; overflow:auto;}
#igre b { display:block; text-align:center; width:100px; margin-bottom:5px}
#igre a:hover { text-decoration:none; color:#666666}
#igre a.zadnji { margin-right:0px;}
#igre  img  {padding:5px; border:1px solid #333;}
#igre  img:hover { border-color:#E08934;}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/next.gif) right 50% no-repeat; }
#prevLinkText { margin-right:5px;}
#nextLinkText { margin-left:5px;}

/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}