@media all {
   IE\:HOMEPAGE {behavior:url(#default#homepage)}
}

body {
	margin:0;
	padding:0;
	background:#212121 url(../images/back.gif) repeat;
	font:70% Arial, Helvetica, sans-serif; 
	color:#646464;
	line-height:180%;
	padding-left:20px;
}
a{
	text-decoration:none;
	color:#cb0094;
}
a:hover{
	text-decoration:none;
	color:#999999;
}
img{border:0;}
h1{font-size:180%;}
h2{font-size:160%;}
h3{font-size:140%; }
h3, h4{
	font-size:130%;
	font-weight:normal;
	color:#cb0094;
}
h4{font-size:110%;}
table, input, textarea, select, li{font:100% Arial, Helvetica, sans-serif; color:#646464;}	
table{width:100%;}
th, td{padding:3px 10px;}
th{
	background:#777;
	color:#fff;
}
tr.td_odd 
{
	background-color:#f5f5f5;
	/*background:#719ab8 url(../images/itemTitle_back.gif) no-repeat 0 100%;*/
}
tr.td_even 
{
	background-color:#ffffff;
}

.inputField{
	border:1px solid #999;
	width:150px;
	color:#555;
}
.inputButton{
	border:1px solid #999;
	background:#ccc;
}
/*------------------------------- container ---------------------------------*/
#container{
	width:756px;
	text-align:left;
	background:url(../images/container_back.gif) repeat-y;
}
/*------------------------------- header ---------------------------------*/
#header{
	height:147px;
	background:url(../images/header_back.jpg) no-repeat 0 0;
	position:relative;
}
#header h1{
	text-indent:-8000px;
	overflow:hidden;
	position:absolute;
	margin:0;
	left:6px;
	top:38px;
	width:225px;
	height:106px;
}
#header h1 a{
	display:block;
	height:106px;
}
#topBanner{
	position:absolute;
	margin:0;
	left:260px;
	top:64px;
	width:468px;
	height:60px;
}
#topBanner p{margin:0;}
/*------------------------------- side ---------------------------------*/
@media screen {
	#side{
		float:left;
		display:inline;
		width:225px;
		margin-left:3px;
		background:url(../images/side_back.gif) no-repeat 0 0;
		text-align:left;	
	}
}
@media print {
	#side{
		float:left;
		display:inline;
		width:225px;
		visibility:hidden;
		display:none;
		margin-left:3px;
		background:url(../images/side_back.gif) no-repeat 0 0;	
	}
}

#search{
	margin:0;
	margin-bottom:3px;
	height:34px;
}
#search label{
	display:none;
}
#searchKeyword{
	margin-left:10px;
	margin-top:7px;
	border:0px solid #fff;
	width:110px;
	vertical-align:middle;
}
#searchSubmit{
	margin-left:3px;
	margin-top:8px;
	vertical-align:middle;
}
#suggest{
	background:#719ab8 url(../images/suggest_back.gif) no-repeat 0 0;	
	padding-top:18px;
	margin:1em 10px;
	width:205px;
}
#suggest label{display:none;}
#suggestion{
	border:1px solid #ccc;
	width:183px;
	height:60px;
	margin:10px;
	margin-bottom:0;
	overflow:auto;
}
#anketa{
	background:#719ab8 url(../images/anketa_back.gif) no-repeat 0 0;		
	padding-top:18px;
	margin:1em 10px;
	width:205px;
}
#anketa label{
	display:block;
	color:#555;
	margin:2px 10px;
}
#anketa table {background-color:#f5f5f5; margin-left:5px; margin-top:25px; width:195px; border: solid 1px #E8E8E8;}
#anketa th, #anketa td{padding:0px 0px; color:#555;}
#anketa th { background-color:#CB0094; font-weight:bold; padding:5px 5px 5px 5px; color:#ffffff;}
#anketa input{margin:0px 0px 0px 5px;}
#anketaSubmit{width: 80px;}
#anketaPregled {text-align:right; padding-bottom:5px; padding-right:5px;}

#newsletter{
	background:#719ab8 url(../images/newsletter_back.gif) no-repeat 0 0;		
	padding-top:18px;
	margin:1em 10px;
	width:205px;
}
#newsletter label{
	display:block;
	color:#fff;
	margin:2px 10px;
}
#newsletterName, #newsletterEmail{
	border:1px solid #ccc;
	margin-left:10px;
	width:183px;
}
#suggest p, #newsletter p, #anketa p{
	margin:0;
	padding:10px;
	text-align:right;
	background:url(../images/sideForm_bottom.gif) no-repeat 0 100%;		
}
#suggest h3, #newsletter h3, #anketa h3{display:none;}

* html #suggestion, * html #newsletterName, * html #newsletterEmail{width:181px;}

#side .banners{
	margin:1em 0px 0px 0px;
	/*width:0px;*/
	BODY {font-size:8pt;}
}

/*#side .banners p{margin:0.3em 0px;}*/
/* ------------------------------ main ---------------------------------*/
#main{
	float:left;
	display:inline;
	margin-left:3px;
	width:522px;
	background:url(../images/main_back.gif) no-repeat 0 0;
}
* html #main{height:300px;}
html>body #main{min-height:300px;}
#pageTitle{
	margin:0 0 1em 0;	
	font-size:150%;
	font-weight:normal;
	padding-top:3px;
	line-height:30px;
	height:30px;
	color:#fff;
	text-indent:20px;
}
#content{
	margin-left:10px;
	width:504px;
	padding-bottom:1em;
}
.info{margin:1em 0;clear:both;}
.info p{
	margin:.2em 0;
}
/*------------------------------- navigation ---------------------------------*/
#topNav, #topNav li{
	margin:0;
	padding:0;
	list-style:none;
}
#topNav{
	position:absolute;
	top:0;
	left:310px;
	height:28px;
}
#topNav li{
	float:left;
	display:inline;
	width:85px;
	height:28px;
	margin-right:3px;
	text-indent:-8000px;
	overflow:hidden;
}
#topNav li a{
	display:block;
	height:28px;
	background-repeat:no-repeat;
	background-position:0 0;
}
#topNav li a:hover{	background-position:0 -28px;}
#topNav li#topNav1, #topNav li#topNav1 a{background-image:url(../images/topNav1.gif);}
#topNav li#topNav2, #topNav li#topNav2 a{background-image:url(../images/topNav2.gif);}
#topNav li#topNav3, #topNav li#topNav3 a{background-image:url(../images/topNav3.gif);}
#topNav li#topNav4, #topNav li#topNav4 a{background-image:url(../images/topNav4.gif);}
#topNav li#topNav5, #topNav li#topNav5 a{background-image:url(../images/topNav5.gif);}

#korisnikaOnline 
{
	position:absolute;
	top:155px;
	right:30px;
	font-size:150%;
	font-weight:normal;
	color:#f5f5f5;
}
	
#metaNav1{
	position:absolute;
	top:30px;
	right:25px;
}

#metaNav, #metaNav li{
	margin:0;
	padding:0;
	list-style:none;
}
#metaNav{
	position:absolute;
	top:40px;
	right:25px;
}
#metaNav li{
	float:left;
	display:inline;
	margin-left:11px;
}
#metaNav li a{
	color:#cb0094;
	font-size:90%;
}
#metaNav li a:hover{text-decoration:underline;}

#sideNav, #sideNav li{
	margin:0;
	padding:0;
	list-style:none;
}
#sideNav{
}
#sideNav li{
	text-transform:uppercase;
	font-size:90%;	
	padding-bottom:3px;
	background:url(../images/sideNav_back.gif) no-repeat 0 100%;
}
#sideNav li a{
	display:block;
	width:100%;
	color:#fff;	
	background:#cb0094 url(../images/bullet.gif) no-repeat 10px 8px;
}
#sideNav li a:hover{
	background:#719ab8 url(../images/bullet.gif) no-repeat 10px 8px;
}
#sideNav li a span{
	display:block;
	padding:6px 20px 6px 30px;
}
/*------------------------------- items ---------------------------------*/
#items, #items li{
	margin:0;
	padding:0;
	list-style:none;
}
#items li{
	background:#f5f5f5;
	line-height:170%;
	margin-bottom:30px;
	border:1px solid #e8e8e8;
}
#items p{margin:.2em 0;}
#items h3{
	font-size:110%;
	font-weight:normal;
	text-transform:uppercase;
	margin:0;
	padding:5px 10px;
	color:#fff;
	background:#cb0094 url(../images/itemTitle_back.gif) no-repeat 0 100%;
}
#items h3 a{color:#fff;}
#items .odd h3{
		background:#719ab8 url(../images/itemTitle_back.gif) no-repeat 0 100%;
}
#items p.duration{
	margin:.2em 10px;
	font-size:90%;
}
p.image{
	float:left;
	display:inline;
	margin:.2em 10px 5px 0;
	padding:5px;
	background:#e8e8e8;	
}
#items p.image{
	float:left;
	display:inline;
	margin:.2em 0 10px 10px;
}

#items .summary{
	margin-left:180px;
}
p.prize{
	font-size:120%;
	color:#cb0094;
	font-weight: bold;	
}
#items p.prize{
	margin:.2em 0;
}
#items .odd p.prize{color:#719ab8;}
#items p.link{margin:0;padding-left:10px;}
#items  p.link{
	clear:both;
	margin:0;
	padding:0;
	height:1px;
	position:relative;	
}
p.link {margin:.5em 0;}
p.link a{
	display:block;
	width:58px;
	height:18px;
	background:url(../images/link_more3.gif) no-repeat 0 0;
	text-indent:-8000px;
	overflow:hidden;
}
#items  p.link a{
	position:absolute;
	display:block;
	top:1px;
	left:10px;
	width:58px;
	height:18px;
	float:left;
	background:url(../images/link_more.gif) no-repeat 0 0;
	text-indent:-8000px;
	overflow:hidden;
}

#items .odd p.link a{background:url(../images/link_more2.gif) no-repeat 0 0;}
#items p.published{
	color:#aaa;
	font-size:90%;
}

#archivedItems, #archivedItems li{
	margin:0;
	padding:0;
	list-style:none;
}
#archivedItems li{
	margin:.1em 0;
	padding-left:10px;
	background:url(../images/bullet2.gif) no-repeat 0 .5em;
}
#archivedItems li a{color:#646464;}
#archivedItems li a:hover{color:#646464;text-decoration:underline;}

.pagination{font-weight:bold;}

/*------------------------------- prices ---------------------------------*/
table#prices{
	margin:1em 0;
}
table#prices th, table#prices td{text-align:center;}
table#prices th{
	font-weight:normal;
	background:#fae8ef;
	color:#cb0094;
}
table#prices td{
	background:#e2f4fd;
}
/*------------------------------- footer ---------------------------------*/
#footer{
	width:756px;
	height:70px;
	background:url(../images/footer.gif) no-repeat 0 0;
}
#footer p{
	margin:0;
	text-align:center;
	padding-top:12px;
	color:#fff;
}
#footer a{color:#fff;}
#footer a:hover{color:#fff;text-decoration:underline;}
/**/

#adspace{
	position:absolute;
	left:788px;
	top:38px;
	width:200px;
	background:#fff url(../images/right_bottom.gif) no-repeat 0 100%;
	padding-bottom:60px;
}
#footer #adspace p {margin:.5em 0;padding:0;}
#adspace ul{
	position:relative;
	height:106px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	background:url(../images/right_top.gif) no-repeat 0 0;
}
#adspace li{
	margin:0;
	padding:0;
	list-style:none;
}
/*------------------------------- contact form ---------------------------------*/
#contactForm {
	margin:1em 0;
	padding:0;
}
#contactForm table td{
	vertical-align:top;
	padding:5px 5px 5px 0;
}
#contactForm .formField{
	border:1px solid #ccc;
	width:250px;
}
#contactForm .formArea{
	border:1px solid #ccc;
	width:250px;
	height:200px;
}
/*------------------------------- float fix ---------------------------------*/
#container:after, #items li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#container, #items li {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #container, * html #items li{
	height: 1%;
}
#container, #items li {
	display: block;
}
/* End hide from IE-mac */
/* end float fix */