@charset "utf-8";
body{
	background:#000000;
	color:#bbbbbb;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.bck_sme{
	background-image:url(../images/design/sadrzaj_bck.gif);
	}
a:link{
	color:#FF9900;
}
a:hover{
	color:#FFCC00;
	text-decoration:underline;
}
a:visited{
	color:#FF9900;
}
a:visited:hover{
	color:#FFCC00;
	text-decoration:underline;
}

.page {
	width:940px;
}
#logo{
	position:absolute;
	width:180px;
	height:180px;
	background-image:url(../images/design/logo.png);
	top:300px;
	left:200px;
}
.header {
	background-color:#000000;
	color:#ff9900;
	position:absolute;
	width:600px;
	border-top:solid 1px #FFFFFF;
	z-index:3;
}
#HeaderLogoDIV{
	position:absolute;
}
.HeaderLogo{
	font-size:20px;
}
#display{
	display:none;
}
#language_bar{
	position:absolute;
	z-index:-1;
	left:575px;
	top:12px;
}
#language_bar a:link{
	font-size:10px;
	color:#BBBBBB;
}
#language_bar a:visited{
	font-size:10px;
	color:#BBBBBB;
}
#language_bar a:hover{
	color:#FF9900;
}
.bullet{
	padding-right:5px;
}
.highslide-body {
	font-size:10px;
}

/* Menu */
#default_celija{
	border:1px solid #333333;
	width:600px;
	position:absolute;
	top:55px;
	margin-bottom:40px;
}
#menu_header{
	background:url(../images/design/menu_bck.png);
	position:absolute;
	top:54px;
	left:10px;
	border-left:1px #333333 solid;
	border-right:1px #333333 solid;
	border-top:1px #333333 solid;
}
.menu_div{
	float:left;
	text-align:center;
	margin-left:0px;
	font-size:12px;
	}
.menu_div a:link{
	text-decoration:none;
	color:#cccccc;
	padding-top:6px;
	padding-bottom:6px;
	font-weight:bold;
	display:block;
	font-size:12px;

}
.menu_div a:hover{
	padding-top:6px;
	padding-bottom:4px;
	display:block;
	text-decoration:none;
	color:#eeeeee;
	border-bottom:3px #ff9900 solid;
	font-size:12px;
}
.menu_div a:visited{
	text-decoration:none;
	color:#cccccc;
	padding-top:6px;
	padding-bottom:7px;
	font-weight:bold;
	display:block;
	font-size:12px;
	font-stretch:semi-expanded;
}
.menu_div a:visited:hover{
	padding-top:6px;
	padding-bottom:4px;
	display:block;
	text-decoration:none;
	color:#eeeeee;
	border-bottom:3px #ff9900 solid;
	font-size:12px;
}
/* Naslov */
.naslov{
	position:absolute;
	top:83px;
	left:10px;
	border-left:1px #333333 solid;
	border-right:1px #333333 solid;
	display:none;
}

/*Sadrzaj*/
.sadrzaj{
	position:absolute;
	top:143px;
	left:10px;
	background-image:url(../images/design/sadrzaj_bck.gif);
	min-height:423px;
	width:600px;
	padding-bottom:50px;
	border-left:1px #333333 solid;
	border-right:1px #333333 solid;
	border-bottom:1px #333333 solid;
	display:none;
}
@media print {
.sadrzaj {
display:block !important;
}
}
#sadrzaj_naslov{
	font-size:14px;
	font-weight:bold;
	color:#FFffff;
	padding-left:24px;
	padding-top:9px;
	width:100%;
	float:left;
}
#sadrzaj_celija_padding{
	padding-top:20px;
	padding-left:16px;
	float:left;
	width:568px;
	padding-right:16px;
	text-align:justify;
}
#sadrzaj_celija_list{
	float:left;
	
}

#sadrzaj_celija_break{
	min-height:14px;
}
.sadrzaj_podnaslov{
	font-weight:bold;
}
.sadrzaj_text{
	font-weight:normal;
	font-size:12px;
	color:#999999;
}
.center{
	text-align:center;
}
.naslov{
	text-align:center;
	color:#aaaaaa;
	font-weight:bold;
	font-size:14px;
}

/*O nama*/
#sadrzaj_celija_padding_BEND{
	padding-top:9px;
	padding-left:10px;
	float:left;
	text-align:center;
}
#sadrzaj_celija_padding_BEND a{
	text-decoration:none;
}
.bend_thumb_Ime{
	font-weight:bold;
	font-variant:small-caps;
	font-size:12px;
	color:#bbbbbb;
}
.bend_thumb_text{
	font-weight:normal;
	font-variant:small-caps;
	font-size:12px;
	color:#ff9900;
}
#bend_thumbs{
	margin-top:6px;
	margin-bottom:12px;
	margin-right:10px;
	float:left;
	border:1px solid #333333;
	background-color:#000000;
	text-align:center;
	width:184px;
	padding-bottom:4px;
	padding-top:5px;
}
#bend_thumbs_Donja_celija{
	padding-left:101px; /*Točna vrijednost da bi Bego i Petko bili u sredini*/
}
/*Galerija*/
#Galerija_naslov{
	border-bottom:dotted 2px #333333;
	border-top:dotted 2px #333333;
	width:100%;
	margin-bottom:2px;
	font-variant:small-caps;
	font-size:13px;
	color:#FFCC00;
	font-weight:bold;
	text-align:center;
	padding-bottom:1px;
	padding-top:1px;
}
#Galerija_thumb{
	width:100%;
	margin:5px;
	margin-bottom:8px;
	font-variant:small-caps;
	font-size:13px;
	color:#FFCC00;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
}
#Galerija_comment{
	font-size:9px;
	margin-bottom:20px;
	width:100%;
	text-align:center;
}
#Galerija_caption{
	font-weight:bold;
}
#Galerija_caption_comment{
	font-size:9px;
}
/*Promo*/
#promo_naslov{
	position:relative;
	font-variant:small-caps;
	font-size:13px;
	color:#FFCC00;
	font-weight:bold;
	text-align:left;
	padding-bottom:1px;
	padding-top:1px;
	border-bottom:1px solid #333333;
	padding-left:10px;
}
#promo_text{
	font-size:11px;
	color:#999999;
	text-decoration:none;
	padding-left:20px;

}
#promo_links{
	margin-bottom:8px;
	font-size:10px;
	color:#bbbbbb;
	text-decoration:none;
	padding-left:30px;
	border-top:1px solid #333333;
}
#promo_links a:link{
	font-size:10px;
	color:#bbbbbb;
	text-decoration:none;
}
#promo_links a:hover{
	font-size:10px;
	color:#bbbbbb;
	text-decoration:underline;
}
#promo_links a:visited{
	font-size:10px;
	color:#FFCC00;
	text-decoration:none;
}
#promo_logo{
	width:180px;
	height:180px;
	background-image:url(../images/design/logo.png);
	position:relative;
	top:50px;
	left:410px;
}



/*Form*/
#form_stupac_L{
	width:147px;
	float:left;
	text-align:right;
	padding-right:10px;
}
#form_stupac_R{

}

#form_stupac_sec_L{
	float:left;
	margin-right:14px;
}
#form_stupac_sec_R{
	padding-top:27px;
	float:left;
}
/*Music*/
#sadrzaj_youtube{
	float:left;
	padding-top:20px;
	padding-left:85px;
}
#playlist{
	width:285px;
	border-top:1px dotted #333333;
	border-right:1px dotted #333333;
	border-left:1px dotted #333333;
	position:relative;
	top:20px;
	background-color:#000000;
	margin-bottom:30px;
	margin-left:40px;
	float:left;
	left:250px;
}
#playlist_div{
	border-bottom:1px dotted #333333;
	padding:2px 2px 2px 6px;
	width:160px;
	float:left;
	position:relative;
	font-size:10px;
}
#playlist_info{
	border-left:1px dotted #333333;
	border-bottom:1px dotted #333333;
	float:left;
	position:relative;
	height:16px;
}
#playlist_broj{
	border-right:1px dotted #333333;
	border-bottom:1px dotted #333333;
	padding:2px 2px 2px 6px;
	float:left;
	text-align:right;
	padding-left:3px;
	padding-right:3px;
	width:20px;
	position:relative;
	font-size:10px;
}
#playlist_download{
	border-left:1px dotted #333333;
	border-bottom:1px dotted #333333;
	padding-top:1px;
	float:left;
	position:relative;
	width:70px;
	text-align:right;
}
#playlist_div a:link{
	color:#999999;
	text-decoration:none;
	font-size:10px;
}
#playlist_div a:visited{
	color:#999999;
	text-decoration:none;
	font-size:10px;
}
#playlist_div a:hover{
	color:#999999;
	text-decoration:underline;
	font-size:10px;
}
#playlist_div a:visited:hover{
	color:#999999;
	text-decoration:none;
	font-size:10px;
}
/*Koncerti*/
#koncerti_line{
	float:left;
	width:560px;
	position:relative;
	left:20px;
	background-color:#000000;
	font-size:10px;
}
#koncerti_line_datum{
	border:1px dotted #333333;
	padding:10px 3px 10px 3px;
	width:80px;
	text-align:center;
	float:left;
	font-size:10px;
	height:12px;
}
#koncerti_line_ime{
	border:1px dotted #333333;
	padding:10px 3px 10px 3px;
	width:338px;
	text-align:center;
	float:left;
	font-size:10px;
	height:12px;
}
#koncerti_line_grad{
	border:1px dotted #333333;
	padding:10px 3px 10px 3px;
	width:70px;
	text-align:center;
	float:left;
	font-size:10px;
	height:12px;
}
#koncerti_line_sat{
	border:1px dotted #333333;
	padding:10px 3px 10px 3px;
	width:40px;
	text-align:center;
	float:left;
	font-size:10px;
	height:12px;
}

/*koncertitab*/
#koncertitab_line{
	
	color:#eedbb1;
	font-size:11px;
	border-bottom:#000000 solid 1px;
	margin-left:8px;
	margin-right:8px;
	padding-top:6px;
	height:35px;
	}
#koncertitab_line_datum{
	position:relative;
	width:66px;
	text-align:left;
	color:#eedbb1;
	font-size:11px;

}
#koncertitab_line_ime{
	position:relative;
	width:166px;
	text-align:left;
	color:#eedbb1;
	font-size:11px;
	left:68px;
	top:-27px;
	text-align:center;
}
#koncertitab_line_sat{
	position:relative;
	width:46px;
	text-align:left;
	color:#eedbb1;
	font-size:11px;
	left:238px;
	top:-40.5px;
}
#koncertitab_naslov{
	width: 340px;
	position: absolute;
	top:55px;
	left:644px;
	color:#ff9900;
	font-size:12px;
	border-bottom:#000000 solid 1px;
	padding-top:5px;
	height:17px;
	padding-bottom:2px;
	text-align:center;
	font-weight:bold;
	border-top:1px solid #333333;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
}
#koncertitab {
/* Typical fixed height and fixed width example */
	width: 310px;
	height: 126px;
	overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
	position: absolute;
	top:76px;
	left:644px;
	background-color: #CCCCCC;
	background-image:url(../images/design/sadrzaj_bck.gif);
	margin: 0.3em auto;
	padding: 15px;
	border:1px #333333 solid;
}
/*Druga*/
#HsKoncerti_Naslov{
	font-size:16px;
	color:#FFCC00;
	font-weight:bold;
}
#HsKoncerti_paragraf{
	font-size:10px;
	font-weight:normal;
	text-align:justify;
	padding:5px;
}

/*Vijesti*/
#Vijesti {
/* Typical fixed height and fixed width example */
	width: 340px;
	height: 240px;
	overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
	position: absolute;
	top:280px;
	left:644px;
	background-color: #CCCCCC;
	background-image:url(../images/design/sadrzaj_bck.gif);
	margin: 0.3em auto;
	padding-top: 6px;
	border:1px #333333 solid;
}
#vijesti_line{
	
	color:#eedbb1;
	background:#000000;
	font-size:13px;
	border-bottom:#000000 solid 1px;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
}
#vijesti_sadrzaj{
	text-align:justify;
	padding:10px 10px 10px 10px;
	font-size:11px;
}
#vijesti_sadrzaj a:link{
	text-align:justify;
	font-size:11px;
	text-decoration:none;
}
#vijesti_sadrzaj a:visited{
	text-align:justify;
	font-size:11px;
	text-decoration:none;
}
#vijesti_sadrzaj a:hover{
	text-align:justify;
	font-size:11px;
	text-decoration:underline;
}
.vijesti_line_datum{
	color:#FF9900;
	font-weight:bold;
	font-variant:small-caps;
}
.vijesti_line_naslov{
	color:#FFFFFF;
	font-weight:bold;
	font-variant:small-caps;
}
#Vijesti_naslov{
	width: 340px;
	position: absolute;
	top:259px;
	left:644px;
	color:#ff9900;
	font-size:12px;
	border-bottom:#000000 solid 1px;
	padding-top:5px;
	height:17px;
	padding-bottom:2px;
	text-align:center;
	font-weight:bold;
	border-top:1px solid #333333;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
}
/*Linkovi*/
#Links {
/* Typical fixed height and fixed width example */
	width: 340px;
	height: 240px;
/* IE overflow fix, position must be relative or absolute*/
	position: absolute;
	top:577px;
	left:644px;
	padding-top: 6px;
	border:1px #333333 solid;
}
#Links_naslov{
	width: 340px;
	position: absolute;
	top:552px;
	left:644px;
	
	color:#ff9900;
	font-size:12px;
	border-bottom:#000000 solid 1px;
	padding-top:5px;
	height:17px;
	padding-bottom:2px;
	text-align:center;
	font-weight:bold;
	border-top:1px solid #333333;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
}
#links_sadrzaj{
	text-align:justify;
	font-size:11px;
}


/*Scroller*/
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color:#333333;
}
.vscrollerbar {
width: 10px;
background-color:#FF9900;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}
.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

/*Flash player*/
#flash_player{
	position:absolute;
	top:15px;
	left:644px;
	z-index:0;
}
#flash_player2{
	position:absolute;
	top:25px;
	left:257px;
	z-index:0;
}

/*Popup tootip*/
#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid #333333;
padding: 4px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


/*DD Drop down panel*/
.ddpanel{
	position:absolute;
	left:500px;
	text-decoration: none;
	z-index:2;
	background:#000000;
	width:100px;
}

.ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
}
.ddpanelcontent p{
	margin-top:5px;
}
.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
	display: block;
	cursor: pointer;
	font-size:9px;
}

.ddpaneltab a{ 
	float: right;
	color:#bbbbbb;
	text-decoration: none;
	z-index:3;
	background:#000000;
	padding:0px 2px 5px 2px;
}
.ddpaneltab a:link{ 
	float: right;
	color:#bbbbbb;
	text-decoration: none;
	z-index:3;
	background:#000000;
	padding:0px 2px 5px 2px;
}
.ddpaneltab a:visited{ 
	float: right;
	color:#bbbbbb;
	text-decoration: none;
	z-index:3;
	background:#000000;
	padding:0px 2px 5px 2px;
}
.ddpaneltab a:hover{ 
	float: right;
	color:#bbbbbb;
	text-decoration: underline;
	z-index:3;
	background:#000000;
	padding:0px 2px 5px 2px;
}
.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
	margin-top: 2px;
	margin-left: 5px;
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
	outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
	background-color: transparent;
}

#link_testing{
	position:absolute;
	top:500px;
	z-index:2;
	left:10px;

}