body {
	font-family:Arial;
	font-size: 11px;
	color: #333333;
	background-color: #00aae2;
	padding:0px; margin:0px;;
	background-image:url(images/bg.jpg); background-repeat:repeat-x;
}
#mainTitle {display: none;}
#top{width:950px; margin:auto; margin-bottom:5px; margin-top:25px; height:15px;color:#FFFFFF; text-align:right;}
#container{width:950px; margin:auto; padding:1px; padding-bottom:0px; background-color:#FFFFFF; z-index:2; position:relative;}
#container #header{ overflow:auto}
#container #header_1{width:945px; height:24px; background-image:url(images/head_1.gif); margin-bottom:1px; line-height:24px; color:#FFFFFF; text-align:right; padding-right:5px;}
#container #header_1 #vrijeme{float: left; padding-left:5px;}
#container #header_2{width:950px; height:250px;margin-bottom:1px;}
#container #header_3{
	width:945px;
	height:24px;
	background-image:url(images/head_1.gif);
	margin-bottom:5px;
	line-height:24px;
	color:#FFFFFF;
	text-align:left;
	padding-left: 5px;
}
#container #content {overflow: auto; width:950px; background-image:url(images/bgSadrzaj.jpg)}
#container #content #col_1{width:180px; background-color:#a6d1f1; float:left;}
#container #content #col_1 #lijeva_kolona{margin:5px; margin-bottom:0px; background-image:url(images/bgLijevaCol.jpg); background-repeat:repeat-x; width:170px}
#container #content #col_1 #lijeva_kolona #navNaslov{ 	height:19px;
	background-image:url(images/box_3.jpg);
	display:block;
	line-height:19px;
	padding-left:4px;
	color:#FFFFFF;
	font-size:12px;
	letter-spacing: 2px;}
#container #content #col_2{width:770px;float: left;}
#container #content #col_2{width:770px;float: left;}
#container #content #col_2 #main{ background-color:#FFFFFF; float:left; width:590px;}
#container #content #col_2 #mainHolder{padding: 5px; padding-top:0px; width:757px; margin-top:0px;background-image:url(images/bgH.jpg); background-repeat: repeat-x; margin-left:3px;}

#footer { margin:auto;  width:960px; background-image:url(images/footerBG.gif); background-repeat:no-repeat; text-align:center; padding-top:20px; color:#FFFFFF;}
#footer a{ color: #666666; text-decoration:none}
#footer a:hover{color: #999999; text-decoration:underline}
#footer_opis {color: #999999; padding:10px; text-align:justify;  margin-left:10px; margin-right:10px; font-size:9px}
#footer_opis a{ color:#999999; text-decoration:none;}


/* OBAVEZNI ELEMENTI */

.inputLogin {
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	line-height: 14px;
	height: 16px;

}

.pozicije{}
.box {padding:5px; margin:0px;}
.banner_box {padding:0px; margin:0px; float:right; overflow:hidden; margin-bottom:5px; border:0}
a.box1{ display:block; text-decoration:none; color:#784a09; line-height:19px;}
a.box1Over{ display:block; text-decoration:none; color:#784a09; line-height:19px; padding-left:3px;}
a.box2{ display:block; text-decoration:none; color:#FFFFFF; line-height:19px;}
a.box2Over{ display:block; text-decoration:none; color:#FFFFFF; line-height:19px;}
a.box3{ display:block; text-decoration:none; color:#FFFFFF;  line-height:19px;}
a.box3Over{ display:block; text-decoration:none; color:#FFFFFF; line-height:19px;}
.box1 { padding-left:2px;font-size:11px;color:#FFFFFF; background-image:url(images/box_1.jpg); background-repeat:repeat-x}
.box a {color:#333333; text-decoration:none}
.box1Over { padding-left:2px;font-size:11px;color:#784a09; height:19px;  background-image:url(images/box_1.jpg); background-repeat:repeat-x; font-weight:bold; padding:0px;}
.box2 { padding-left:2px;font-size:11px;color:#FFFFFF; height:19px; line-height:10px; background-image:url(images/box_2.jpg); background-repeat:repeat-x;}
.box2Over { padding-left:2px;font-size:11px;color:#FFFFFF; height:19px; line-height:19px; background-image:url(images/box_2.jpg); background-repeat:repeat-x;font-weight:bold;}
.box3 { padding-left:2px;font-size:12px;color:#FFFFFF; height:19px;background-image:url(images/box_3.jpg); background-repeat:repeat-x;letter-spacing: 2px;}
.box3Over { padding-left:2px;font-size:12px;color:#333333; height:19px;background-image:url(images/box_3.jpg); background-repeat:repeat-x;letter-spacing: 2px;}
.boxTitle { height:19px;}



.lijevo { margin:5px; margin-left:0px; margin-top:0px;} /* poravnavanje slike */
.desno { margin:5px; margin-right:0px; margin-top:0px;} /* poravnavanje slike */


/* kategorije*/

#kategorije{ padding:0px; margin:0px; list-style:none; margin-left:10px; margin-bottom:10px;}
#kategorije li { padding:0px; margin:0px; padding-left:10px; background-image:url(images/bulletOrange.gif); background-repeat:no-repeat; background-position:0px 3px; display:block; height:16px; }
#kategorije li a{ padding:0px; margin:0px; display:block; color: #333333; text-decoration:none; background-image:url(images/bulletCrni.gif); background-repeat:no-repeat; background-position:right; margin-right:5px; font-weight:bold}


/*  main menu */

#mainmenu {overflow:visible;  height:24px; font-size:11px; float:left}
#mainmenunav, #mainmenunav ul {list-style:none; padding:0px; margin:0px; line-height:11px;height:24px;}
#mainmenunav li {float: left; height:24px; line-height:24px; margin-right:5px;}
#mainmenunav a { display:block; color:#FFFFFF; text-decoration:none; background-image:url(images/bullet.gif); background-repeat:no-repeat; background-position:0px 5px; padding-left:20px; padding-right:10px;}
#mainmenunav a:hover {color: #CCCCCC; text-decoration:none;}
a.odabran { color: #FFFFFF; display:block; text-decoration:none;  }
a.odabran:hover {color: #CCCCCC}
#mainmenunav a.sporedni {height:24px;line-height:24px; width:100px; border-right:none}
#mainmenunav a.sporedni:hover {color: #333333}
#mainmenunav li ul {position: absolute; left:-999em;  width:100px; margin-top:-1px;}
#mainmenunav li:hover ul { left: auto; display:block;}

#mainmenunav li ul ul { 	margin: -24px -1px 0px 110px;}

#mainmenunav li:hover ul ul, #mainmenunav li.sfhover ul ul, #mainmenunav li.sfhover ul ul ul, #mainmenunav li.sfhover ul ul ul ul, #mainmenunav li.sfhover ul ul ul ul ul { left: -999em;}

#mainmenunav li:hover ul ul, #mainmenunav li:hover ul ul ul, #mainmenunav li:hover ul ul ul ul,#mainmenunav li:hover ul ul ul ul ul,  #mainmenunav li.sfhover ul ul, #mainmenunav li.sfhover ul ul ul, #mainmenunav li.sfhover ul ul ul ul, #mainmenunav li.sfhover ul ul ul ul ul {	left: -999em;}

#mainmenunav li:hover ul, #mainmenunav li li:hover ul, #mainmenunav li li li:hover ul, #mainmenunav li li li li:hover ul, #mainmenunav li li li li li:hover ul, #mainmenunav li.sfhover ul, #mainmenunav li li.sfhover ul, #mainmenunav li li li.sfhover ul, #mainmenunav li li li li.sfhover ul, #mainmenunav li li li li li.sfhover ul { left: auto;}





/* top menu */



#topmenu { border:1px solid #CCCCCC; padding:5px; margin-top:5px; clear:both}

#topmenunav {list-style:none; padding:0px; margin:0px; }

#topmenunav li {display: inline; margin-right:5px}

#topmenunav a { display:inline; text-decoration:none; color: #CC3300; }

#topmenunav a:hover {text-decoration:underline}





/*  language menu */

#langmenu {float: left; height:20px;}

#langmenunav {float: left}
#langmenunav {list-style:none; padding:0px; padding-top:2px; margin:0px; display:inline; height:20px; line-height:20px; margin-right:20px;}
#langmenunav li {list-style: none;display: inline;}





/*  footer menu */

#footermenu { border:none; padding:3px; padding-right:0px; padding-left:5px; margin-top:5px; clear:both;}
#footermenunav {list-style:none; padding:0px; margin:0px; }
#footermenunav li {display: inline; margin-left:5px;padding-left:4px}

#footermenunav a { display:inline; text-decoration:none; color: #666666; margin-right:3px;}

#footermenunav a:hover {text-decoration:underline; color:#999999}

#footermenunav a.odabran { display:inline; text-decoration:none; color: #666666; background-image: none; padding:0px;}

#footermenunav a.odabran:hover { text-decoration:underline; color:#999999}

/*  side menu */

#sidemenu { padding:5px; margin-top:5px;margin-bottom:5px; padding-right:5px; }
#sidemenu h3 {color: #003366; padding:0px; margin:0px; margin-top:1px; padding-bottom:2px;}
#sidemenu a.sidesub{color: #666666; text-decoration:none; display:block; font-weight:normal; padding-left:20px; background-image:url(images/bulletOrange.jpg); background-repeat:no-repeat; background-position:8px 3px;}
#sidemenu a.sidesub:hover{color: #999999;}
#sidemenu a.sideh3{color: #333333; text-decoration:none; display:block; border-bottom:1px dotted #999999; font-size:11px;font-weight:normal; background-image:url(images/bulletCrni.jpg); background-repeat:no-repeat; background-position:right; padding-bottom:3px;}
#sidemenu a.sideh3:hover{color: #FF6600}



/* DATE CHOOSER */

.dateChooser td { cursor:default; text-align:center;}

.dateChooser td.dateChooserActive:hover {  color:white; background-color: #6699CC;}

.dateChooser td.dateChooserActiveToday {border: 1px solid #003366;background-color:#6699CC;}

.dateChooser th {  background: #aaa; color: white;  width: 18px;border: none;}

.dateChooser option, .dateChooser select { font-size:10px;}

.dateChooser {font-family:Arial, Helvetica, sans-serif;font-size:11px; border: 1px solid #CCCCCC;background: white;padding: 1px;}

.dateChooser table {width:160px;border:none;}