body {
	background-color: #ccc;
}

.topmenu {
	height:26px;
	background-color:#CCCCCC;
}
#header {
	background: transparent url(header.gif) no-repeat;
	height:160px;
	margin-top: -14px;
}

.logo {
	margin:0;
	padding:0;
	float:left;

}
.podmenu {
	width:950px;
	height:20px;
	background: url(trakice-top.gif) repeat;
}
.podmenu p {
	text-align:left;
	font-size:10px;
	margin:0 41px 0 20px;
	padding:3px 0;
}
.podmenu a {
	color:#333333;
	font-size:11px;
	font-weight:bold;
	line-height:120%;
}
.razmak0 {
	padding-right:5px;

}
.razmak1 {
	padding-right:13px;

}
.razmak2 {
	padding-right:20px;

}
.razmak3 {
	padding-left:30px;

}
.program {
	width:290px;
	padding-right:15px;}
.novosti {
	width:600px;
	padding-right:20px;}
	
.izvodjaci {
	margin:0 0 20px 0;
}
.izvodjaci h3 {
	margin:1em 0;
}
.bandovi {
	padding:20px 30px 0 20px;
	height:400px;
	background:url(trakice-news.gif);
}
.bandovi a {
	color:#DDD;
}

.buttons {
	margin-right:0;
	padding-right:0;
	height:420px;
	background:url(trakice-news2.gif);
	overflow:hidden;/*privremeni fix - nadji bolje rješenje*/
}

.glnews {
	padding:0 30px 0 20px;
	height:420px;
	background:url(trakice-news.gif);
}
.news {
	margin: 10px 0 0 0;
	padding:10px 0 0 0;
	color:#fff;
	border-bottom:#fff 1px dotted;
	width:270px;
	line-height:120%;
}
h3.news {
	color:#000;
	margin:20px 0 10px 0;
	padding:3px;
	font-size:11px;
	font-weight:bold;
	background-color:#FC3;
	display: inline;
}
.news p{
	color:#fff;
	margin:10px 0 10px 0;
	padding:3px;
	font-size:11px;
}

.gumb img {
	margin:0;
	padding:0;
	border:0;
	height:140px;
	overflow:auto;
	font-size:0;
}
.gumb:hover img {
	background:url(trakice-news.gif);
}
.gumb.current img {
	background:url(trakice-news.gif);
}

.kontakt, .kontakt h2, .kontakt h3 {
	color:#fff;}
.kontakt p {
	margin:0 10px 10px 0;
	float:left;}

.rotacija {
	/*margin-left:3px;*/
	float:right;
	display:inline;
	padding:0;
	margin:0 30px 0 0;
	width:320px;
	height:213px;
}
.rotacija2 {
	/*margin-left:3px;*/
	float:right;
	display:inline;
	padding:0;
	margin:0;
	width:950px;
	height:213px;
}
.timeline {
	width:950px;
	float:left;
	display:inline;
	margin:0 30px;
	padding:0;
}
.break-home, .break-program, .break-info, .break-novo, .break-press, .break-kontakt, .break-foto, .break-povijest, .break-hotel {
	width:950px;
	height:65px;
	float:left;
	}
.break-home {
	background:url(content-home.gif) no-repeat;
}
.break-program {
	background:url(content-program.gif) no-repeat;
}
.break-novo {
	background:url(content-novo.gif) no-repeat;
}
.break-info {
	background:url(content-info.gif) no-repeat;
}
.break-kontakt {
	background:url(content-kontakt.gif) no-repeat;
}
.break-press {
	background:url(content-press.gif) no-repeat;
}
.break-foto {
	background:url(content-foto.gif) no-repeat;
}
.break-povijest {
	background:url(content-povijest.gif) no-repeat;
}
.break-hotel {
	background:url(content-hotel.gif) no-repeat;
}
.inside {
	padding:0 20px 0 20px;
	background:url(content-home.gif) no-repeat;
	height:400px;
	zoom:1;
}

/*blockquote {
	font-size:14px;
}*/

.srednji p.tocno {
	margin-top:10px;
}

.pikti {
	color:#000000;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:underline;
}
.piktiwidth {
	width:120px;
	margin-bottom:15px;
}

h1 {
	font-size:2em;
	font-weight:bold;
}
#header h1 {
    text-indent:-8000px;
	width:578px;
	height:211px;
	margin:0 0 0 10px;
	padding:0;
	overflow:hidden;
	zoom:1;
}

h2 {
	font-size:1.2em;
	font-weight:bold;
}
h3 {
	font-size:1.1em;
	font-weight:bold;
}
h4 {
	font-size:1em;
	font-weight:bold;
	padding:0;
	margin:5px 0;
	color:#666;
}
h4.netocno {
	
	color:#333;
	line-height:120%;
	font-size:1em;
	font-style:italic;
	font-weight:normal;
}

h3 img.left {float:left;margin:0 1em 0.8em 0;padding:0;}

h3.program {
	font-size:14px;
	line-height:120%;
	display:block;
	background-color:#CCCCCC;
	padding:10px;
	
	}

.objavljeno {
	font-size:0.9em;
	font-weight:bold;
	color:#000000;
	margin:0;
	padding:0;
}

hr {background:url(crta.gif) repeat-x;clear:both;float:none;width:100%;height:3px;margin:0 0 1.45em;border:none;}

.kratka {
	/*border-bottom:2px dotted #ccc;*/
	background:url(crta.gif) repeat-x bottom;
	margin:10px 10px 0 0 ;
	padding-bottom:5px;
	min-height:65px;
	display:block;
	zoom:1;
}
.nobackground {
	background:none;}
	
.kratka h3 {
	font-size:1em;
	font-weight:bold;
	color:#666;
	margin:0;
	}
.kratka p {	
	margin:0 0 5px 0;
	}
.kratka img {
	margin:0 0 10px 0;}
.kratka img.image-left {
	float:left;
	margin:5px 10px 10px 0;
}
	
.zuti {
	color:#FC0;
	font-size:11px;
	}
.srednji {
	border-bottom:1px solid #eee;
	margin:10px 0 0 0;
}
.srednji p {
	margin:0 0 1em 0;
}	
.srednji h3 {
	margin:0 0 0 0;
}
.side {
	background:url(crta.gif) repeat-x bottom;
	margin:0;
	padding-bottom:5px;
	display:block;
	zoom:1;
}
.side p {
	margin:5px 0;}
.side h3 {
	margin:10px 0;}

.zadnji {border:0;}


.lijeva {
	margin:10px 0;
}
p.desna {
	padding:0;
}

.container {
	background: url(bg-gornji.jpg) repeat-y;

}
.container ul.lista {
	list-style:none;
	margin:0;
	padding:0;}
.container ul.lista li {
	list-style:none;
	margin:0;
	padding:0;}
.indent ul li {
	list-style:none;}
.indent ul {
  margin: 0 0 0 4px;
  padding-left: 18px;  /*Firefox/Konqueror/Safari default*/
  list-style: none;
 /* display:inline;*/
  }

.indent li {
  text-indent: -34px;
  list-style:none;
  padding-bottom:10px;
  }
  
ul li.active a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

div.footer {
	margin:20px 0 0 0;
	padding:220px 0 0 0;
	font-size:11px;
	background: url(footer.jpg) no-repeat;
}
.footer a:link, .footer a:visited {
	color:#333;
	text-decoration:none;
	font-weight:normal;
	padding:0 3px;
}
.footer a:hover {
	text-decoration:underline;
	font-weight:normal;	
}
.footer a.current {
	color:#ccc;
	text-decoration:none;
	font-weight:normal;
}

.footer p {
	margin:0;
	padding:5px 20px;
	background: url(trakice-top.gif) repeat;

}
p.srednji {
	margin-left:28px;
	margin-right:10px;
}
h4.srednji {
	margin-left:28px;
	margin-right:10px;
}


/* navigation */
.menu {
	background: url(meni.gif) no-repeat;
	position:absolute;
	top:120px;
	width:950px;
	height:49px;}

#nav-example {
    background:url("menu-nav.gif") no-repeat;
    width:490px;
    height:25px;
    margin:0;
    padding:0;
    }

#nav-example span {
    display: none;
    }

#nav-example li, #nav-example a {
    height:25px;
    display:block;
    }

#nav-example li {
    float:left;
    list-style:none;
    display:inline;
    }

#nav-home {
    width: 65px;
    }
#nav-petak {width: 60px;}
#nav-subota {width: 60px;}
#nav-novosti {width: 70px;}
#nav-info {width: 50px;}
#nav-povijest {width: 70px;}
#nav-foto {width: 50px;}

#nav-home a:hover {background:url("menu-nav.gif") 0px -25px no-repeat; }
#nav-petak a:hover {background:url("menu-nav.gif") -65px -25px no-repeat; }
#nav-subota a:hover {background:url("menu-nav.gif") -125px -25px no-repeat; }
#nav-novosti a:hover {background:url("menu-nav.gif") -185px -25px no-repeat; }
#nav-info a:hover {background:url("menu-nav.gif") -255px -25px no-repeat; }
#nav-povijest a:hover {background:url("menu-nav.gif") -305px -25px no-repeat; }
#nav-foto a:hover {background:url("menu-nav.gif") -375px -25px no-repeat; }

#nav-home a.current {background:url("menu-nav.gif") 0px -25px no-repeat; }
#nav-petak a.current {background:url("menu-nav.gif") -65px -25px no-repeat; }
#nav-subota a.current {background:url("menu-nav.gif") -125px -25px no-repeat; }
#nav-novosti a.current {background:url("menu-nav.gif") -185px -25px no-repeat; }
#nav-info a.current {background:url("menu-nav.gif") -255px -25px no-repeat; }
#nav-povijest a.current {background:url("menu-nav.gif") -305px -25px no-repeat; }
#nav-foto a.current {background:url("menu-nav.gif") -375px -25px no-repeat; }


.trazilica {
	width:170px;
	/*background-color: #E81C24;*/
	height:34px;
	margin:0;
	position:absolute;
	left:480px;
	top:-6px;
}
/* search */
#search {
	float:right;
	/*top: 12px;
	left: 720px;
	width: 200px;
	height: 34px;*/
	}
#search_area {
	padding: 0;
	margin: 0;
	/*position: relative;
	left:680px;
	top:6px;*/
	
}
.searchTerms {
    float: left;
	display:inline;
	width: auto;
}
.ajaxSearch_highlight {
    padding: 2px;
	background-color: #ccc;
}
.ajaxSearch_paging {
	padding: 10px;
	margin: 10px 0;
}
.ajaxSearch_result {
	margin: 10px 0;
}
.ajaxSearch_resultLink {
	padding: 10px;
	color: #FF0000;
	font-weight: bold;
	text-decoration: underline;
}
label #ajaxSearch_input, label #ajaxSearch_input:focus {
	/*position: absolute;*/
    width: 120px;
	font-size:11px;
	margin: 0;
    padding: 2px 5px 3px 5px;
    background: #ccc;
    border: none;
    color: #000;
}
#search_area #ajaxSearch_submit {
	
	/*height: 1%;*/
    width: 20px;
	margin:5px 0;
	padding:2px 0;
    border: 0;
    background: url("trazi.gif") no-repeat 0 0;
    text-indent: -9999px;
    cursor: pointer;
	
}
.korekcija-search {
	margin:0;
	padding:0;
	border:none;
}
.image-left {
	float:left;
	margin:5px 10px 10px 0;
}
.image-side {
	margin:0 0 10px 0;
}
h3.side{
		margin:10px 0;
}
p.side{
		margin:10px 0;
}
.metainfo {
	margin:10px 0;
	padding:5px 0;
	border-top:1px solid #ccc;
}

.okvir {
	border:1px #999999 solid;
	margin-bottom: 10px;
	padding: 3px;
}
.piktilinks img {
	padding:10px 0 15px 0;
	background:url(crta.gif) repeat-x bottom;
	/*border-bottom:#ccc 1px dotted;*/
	}
.piktilinks:hover img {
	padding:10px 0 15px 0;
	/*border-bottom:#FC0 2px dotted;*/
	background:url(crta-zuta.gif) repeat-x bottom;

	}
.social img {
	padding:20px 3px;}