@charset "windows-1250";
body{
margin:0;
padding:0;
background-color:#040404;
font:normal 13px/16px Arial, Helvetica, sans-serif;
color:#ffffff; 

}

#centre {
position: absolute; background-image:url(images/transparent.png);
top: 20%;
left: 50%;
width: 200px;
height: 70px;
margin-top: -35px;
margin-left: -100px;
padding-top:50px;
text-align: center;
z-index:100;
font-weight:bold;
}


#bg{position:fixed; z-index:1; overflow:hidden;}  

*{outline:none;}



A {
	COLOR: #ffbc63;  TEXT-DECORATION: none
}
A:link {
	COLOR: #ffbc63; TEXT-DECORATION: none
}

A:hover {
	COLOR: #ffffff;  TEXT-DECORATION: none
}

link1 {
	color : #ffffff;	FONT-WEIGHT: normal;		
}
.link1 {
	color : #ffffff;	FONT-WEIGHT: normal;		
}
a.link1 {
	color : #ffffff;	FONT-WEIGHT: normal;	
	}
a.link1:hover {
	color : #51a6cf;	FONT-WEIGHT: normal;	
}

link2 {
	color : #5b5a5a;	FONT-WEIGHT: normal;		
}
.link2 {
	color : #5b5a5a;	FONT-WEIGHT: normal;		
}
a.link2 {
	color : #5b5a5a;	FONT-WEIGHT: normal;	
	}
a.link2:hover {
	color : #51a6cf;	FONT-WEIGHT: normal;	
}

h1{ font:normal 22px/24px Arial, Helvetica, sans-serif; color:#1e4b79;}

h2{ font:normal 18px/18px Arial, Helvetica, sans-serif; color:#1e4b79;}

h3{ font:bold 13px/16px Arial, Helvetica, sans-serif; color:#1e4b79;}

.clear{clear:both;}



/*Osnova*/

#kontejner{
	width:1100px;  position:relative; 
	margin:0 auto; padding:0 0 0 0;
	}
	
#header{
width:1100px;
height:510px; 
border:0px; 
margin:0px; 
float:left;
}

#spacer1{
width:1100px;
height:10px; 
border:0px; 
margin:0px; 
float:left;
}
#spacer2{
width:1100px;
height:10px; 
border:0px; 
margin:0px; 
float:left;
background-color:#FFFFFF;
}
/*Sadržaj*/
#sadrzajwrap{
width:1100px;
min-height:395px;
padding:0;
margin:0;
float:left;
}

#sadrzajfullcontent{
width:1060px;
min-height:354px;
float:left;
margin:0;
padding:20px 20px 20px 20px;
background-image:url(images/stripe3.png);
}
#sadrzajfull{
width:1060px;
min-height:354px;
float:left;
margin:0;
padding:0 0 0 0;
background-image:url(images/bg_boxovi2.png);
background-repeat:repeat-y;
}

#sadrzaj-left{
width:643px;
min-height:354px;
float:left;
margin:0 20px 0 0;
padding:25px 25px 25px 25px;
text-align:justify;
}
#sadrzaj-left2{
width:693px;
min-height:354px;
float:left;
margin:0 20px 0 0;
padding:0px 0px 25px 0px;
text-align:justify;
}
#sadrzaj-left2-content{
width:638px;
min-height:354px;
float:left;
margin:0 20px 0 0;
padding:25px 25px 25px 30px;
text-align:justify;
}

#sadrzaj-left3-content{
width:640px;
min-height:354px;
float:left;
margin:0 18px 0 0;
padding:25px 22px 25px 33px;
text-align:justify;
}

#sadrzaj-right{
width:347px;
min-height:394px;
float:left;
margin:0;
padding:25px 0px 25px 0px;
text-align:justify;
}
#sadrzajrightin{
width:297px;
float:left;
margin:0;
padding:0px 25px 0px 25px;
text-align:justify;
}

#headerstartcontainer{
width:100%;  position:relative; 
margin:0 auto; padding:0 0 0 0;
height:263px;
background-image:url(img/bg_headercont.jpg);
background-repeat:repeat-x;
background-color:#122e43;
}
#headerstart{
width:1100px; 
margin:0 auto; padding:0 0 0 0;
height:263px;
background-image:url(backgrounds/0.jpg);
}

#kontejnerpocetna{
	width:1100px;  position:relative; 
	margin:0 auto; padding:0 0 0 0;
	}
#kontejnerpocetna {
width:1100px;  position:relative; 
margin:0 auto; padding:0 0 0 0;
}

#kontejnerpocetna  a{
width:1100px;  position:relative; 
	margin:0 auto; padding:0 0 0 0;
}

#kontejnerpocetna a:hover{
width:1100px;  position:relative; 
	margin:0 auto; padding:0 0 0 0;
}


.textfill{
width:315px;
background-color:#252525;
}
/*Navigacija*/
#nav {
list-style:none; 
float:right;
text-align:right;
margin-bottom:1px;
text-shadow: #000000 1px 1px 1px;
filter: Shadow(Color:#000000, Direction=135, Strength=2);
}

#nav  a{
font-family:"Philosopher", arial, serif; 
font-style:bold;
font-size:17px;
color:#F8F8F8;
text-decoration:none;
text-align:right;
padding:3px 5px 3px 0px; 
display:block;
margin-bottom:1px; 
text-shadow: #000000 1px 1px 1px;
filter: Shadow(Color:#000000, Direction=135, Strength=2);
}

#nav a:hover{
color:#000000;
background-color:#ffbc63;
font-size:17px;
margin-bottom:1px;
text-shadow: #000000 0px 0px 0px;
filter: Shadow(Color:#000000, Direction=135, Strength=2);
}

#navact {
list-style:none; 
float:right;
text-align:right;
margin-bottom:1px;
}

#navact  a{
font-family:"Philosopher", arial, serif; 
font-style:normal;
font-size:17px;
text-decoration:none;
text-align:right;
padding:3px 5px 3px 0px; 
display:block;
color:#000000;
background-color:#ffbc63; 
margin-bottom:1px;
}

#navact a:hover{
color:#000000;
background-color:#ffbc63;
font-size:17px;
margin-bottom:1px;
}

#naslov{
background-image:url(images/bg_orange.png);
height:32px;
padding:20px 0 0 40px;
margin-bottom:30px;
margin-top:0px; 
font-family:"Philosopher", arial, serif; 
font-style:normal;
font-weight:bold;
font-size:33px;
color:#ffffff;
text-align:left;
}
#naslovdesno{
background-image:url(images/bg_orange.png);
float:left;
height:32px;
width:307px;
padding:20px 0 0 40px;
font-family:"Philosopher", arial, serif; 
font-style:normal;
font-weight:bold;
font-size:33px;
color:#ffffff;
text-align:left;
}

#naslov2{
font-family:"Philosopher", arial, serif; font-size:20px;
font-style:normal; font-weight:normal;
margin-bottom:20px;
}
#naslov3{
font-family:"Philosopher", arial, serif; font-size:17px;
font-style:normal; font-weight:normal;
margin-bottom:10px;
}
#guestcontainer{
width:635px;  float:left; padding:0 0 10px 0;
border-bottom:dotted 1px #ffbc63;
}
#newscontainer{
width:633px; float:left; padding:0 0 30px 0; margin:0 0 30px 0;
border-bottom:dotted 1px #ffbc63;
}
#newsslika{
width:163px; float:left; padding:0 0 0 0; margin:0;
}
#newstext{
width:450px; float:right; padding-left:20px; text-align:left;
}
#newsnaslov{
width:450px; float:right; padding:0;
font-family:"Philosopher", arial, serif; font-size:14px;
font-style:normal; font-weight:normal;
margin-bottom:20px;
}
.slianews{
border:solid 3px #ffbc63;
}
.slikaNovosti{
border:solid 3px #ffbc63; margin-right:25px;
}
.slikaDiskografija{
border:solid 3px #ffbc63;
}
.newsnaslov1{
font-family:"Philosopher", arial, serif; font-size:16px; font-style:normal; font-weight:normal;
}

#diskocontainer{
width:633px; float:left; padding:0 0 30px 0; margin:0 0 30px 0;
border-bottom:dotted 1px #ffbc63;
}
#diskoslika{
width:280px; float:left; padding:0 0 0 0; margin:0;
}
#diskotext{
width:343px; float:right;  text-align:left; margin-left:10px;
font-family:"Philosopher", arial, serif; font-size:14px; line-height:20px;
}
#diskonaslov{
width:343px; float:right; padding:0;
font-family:"Philosopher", arial, serif; font-size:14px;
font-style:normal; font-weight:normal;
margin-bottom:20px;
margin-top:12px;
margin-left:10px;
}

#galboxslika{
width:160px; margin-bottom:14px; float:left;
}
.galslika{
border:solid 3px #ffbc63;
}
.galslika:hover{
border:solid 3px #ffffff;
}
#audiocontainer{
width:633px; float:left; padding:0 0 8px 0; margin:0 0 20px 0; 
border-bottom:dotted 1px #ffbc63;
}
#audioleft{
width:313px; float:left; padding:18px 0 5px 40px; margin:0;
font-family:"Philosopher", arial, serif; font-size:15px; background-image:url(images/audio.png); background-repeat:no-repeat;
}
#audioright{
width:270px; float:right;  text-align:left; margin-left:10px; 
}
#audiosprite{
width:50px; height:30px;  padding:20px 22px 0 40px; float:right; font-family:'Philosopher', arial, serif; font-size:15px;
background-image: url('images/audio-sprite.png');
background-position: 0 0;
background-repeat:no-repeat;
cursor:pointer;	
}
#audiosprite:hover{
width:50px; height:30px;  padding:20px 22px 0 40px; float:right; font-family:'Philosopher', arial, serif; font-size:15px;
background-image: url('images/audio-sprite.png');
background-position: 0 -55px;
background-repeat:no-repeat;
cursor:pointer;	
}


#videocontainer{
width:633px; float:left; padding:0 0 8px 0; margin:0 0 20px 0; 
border-bottom:dotted 1px #ffbc63;
}
#videoleft{
width:593px; float:left; padding:18px 0 5px 40px; margin:0;
font-family:"Philosopher", arial, serif; font-size:15px; background-image:url(images/video.png); background-repeat:no-repeat;
}
#videoright{
width:270px; float:right;  text-align:left; margin-left:10px; 
}

#videosprite{
width:60px; height:30px;  padding:20px 0 0 40px; float:right;
background-image: url('images/audio-sprite.png');
background-position: 0 0;
background-repeat:no-repeat;
cursor:pointer;	
}
#videosprite:hover{
width:60px; height:30px;  padding:20px 0 0 40px; float:right;
background-image: url('images/audio-sprite.png');
background-position: 0 -55px;
background-repeat:no-repeat;
cursor:pointer;	
}
#video1sprite{
width:195px; height:134px;  padding:0; float:left; margin-left:0px;
background-image: url('images/video1.jpg');
background-position: 0 0;
background-repeat:no-repeat;
cursor:pointer;	
}
#video1sprite:hover{
width:195px; height:134px;  padding:0; float:left;
background-image: url('images/video1.jpg');
background-position: 0 -134px;
background-repeat:no-repeat;
cursor:pointer;	
}

#video2sprite{
width:195px; height:134px;  padding:0; float:left; margin-left:22px;
background-image: url('images/video2.jpg');
background-position: 0 0;
background-repeat:no-repeat;
cursor:pointer;	
}
#video2sprite:hover{
width:195px; height:134px;  padding:0; float:left;
background-image: url('images/video2.jpg');
background-position: 0 -134px;
background-repeat:no-repeat;
cursor:pointer;	
}

#video3sprite{
width:195px; height:134px;  padding:0; float:left; margin-left:22px;
background-image: url('images/video3.jpg');
background-position: 0 0;
background-repeat:no-repeat;
cursor:pointer;	
}
#video3sprite:hover{
width:195px; height:134px;  padding:0; float:left;
background-image: url('images/video3.jpg');
background-position: 0 -134px;
background-repeat:no-repeat;
cursor:pointer;	
}

#videonaslov1{
width:195px;   padding-top:17px; float:left; margin-left:0px; font-family:"Philosopher", arial, serif; font-size:16px; text-align:center; font-weight:normal; line-height:20px;
}
#videonaslov2{
width:195px;  padding-top:17px; float:left; margin-left:22px; font-family:"Philosopher", arial, serif; font-size:16px; text-align:center; font-weight:normal; line-height:20px;
}
#videonaslov3{
width:195px;   padding-top:17px; float:left; margin-left:22px; font-family:"Philosopher", arial, serif; font-size:16px; text-align:center; font-weight:normal; line-height:20px;
}

#komentarsprite{
width:105px; height:46px;  float:right; margin-right:2px; 
background-image: url('images/komentar-sprite.png');
background-position: 0 0;
background-repeat:no-repeat;
cursor:pointer;	
}
#komentarsprite:hover{
width:105px; height:46px; margin-right:2px;
background-image: url('images/komentar-sprite.png');
background-position: 0 -46px;
background-repeat:no-repeat;
cursor:pointer;	
}

#press1sprite{
width:186px; height:189px;  padding:0; float:left; 
background-position: 0 0;
background-repeat:no-repeat;
border:solid 3px #d99125;
cursor:pointer;	
}
#press1sprite:hover{
width:186px; height:189px;  padding:0; float:left;
background-position: 0 -189px;
background-repeat:no-repeat;
border:solid 3px #ffffff;
cursor:pointer;	
}

#pressnaslov{
width:192px;  padding-top:15px; float:left; text-align:center; font-family:"Philosopher", arial, serif; font-size:14px; margin-bottom:17px;
}


#suradcontainer{
width:633px; float:left; padding:0 0 30px 0; margin:0 0 30px 0;
border-bottom:dotted 1px #ffbc63;
}
#suradslika{
width:200px; float:left; padding:0 0 0 0; margin:0;
}
#suradtext{
width:423px; float:right;  text-align:left; margin-left:10px;
font-family:"Philosopher", arial, serif; font-size:14px; line-height:20px;
}
#suradnaslov{
width:423px; float:right; padding:0;
font-family:"Philosopher", arial, serif; font-size:14px;
font-style:normal; font-weight:normal;
margin-bottom:20px;
margin-top:12px;
margin-left:10px;
}
.slikaSurad{
border:solid 3px #ffbc63;
}
.slikaSurad:hover{
border:solid 3px #ffffff;
}


#footer{
width:1075px;
color:#FFFFFF; 
height:28px;
float:left;
margin:0 0 30px 0;
text-align:right;
padding:0px 0px 25px 25px;
font-size:8px; 
}
/*--------------------------------GUESTBOOK-----------------------------------*/

.textbox {
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: normal; margin-bottom:5px;
	background-image: url(images/bg_textbox.jpg); background-repeat:repeat-x;  border:1px #616161 solid;
	color: #cccccc;
	background-color: #313131;	
	height: 28px;
	width: 615px;
}
.textboxlog {
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: normal; margin-bottom:5px;
	background-image: url(images/bg_textbox.jpg); background-repeat:repeat-x;  border:1px #616161 solid;
	color: #cccccc;
	background-color: #313131;	
	height: 28px;
	width: 220px;
}
.textBoxBig {
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: normal; 
	background-image: url(images/bg_textbox.jpg); background-repeat:repeat-x; background-color:#313131; border:1px #616161 solid;
	color: #cccccc;	
	height: 210px;
	width: 607px; padding:5px 5px 5px 5px; margin:0px;
}
.textboxLogin {
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: normal;
	background-image: url(images/bg_textbox.jpg); background-repeat:repeat-x;  border:1px #616161 solid;
	color: #cccccc;		
	height: 20px;
	width: 190px;
}
.textbox3 {
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: normal;
	background-image: url(images/bg_txt.jpg); background-repeat:repeat-x;  border:1px #cccccc solid;
	color: #cccccc;
	background-color: #313131;	
	height: 20px;
	width: 380px;
}
.textBoxBig3 {
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: normal;
	background-image: url(images/bg_txt.jpg); background-repeat:repeat-x; background-color:#313131; border:1px #cccccc solid;
	color: #cccccc;	
	height: 180px;
	width: 370px; padding:5px 5px 5px 5px; margin:0px;
}
.gumb1{
	text-align:center;
	border:0;	
	height:29px;
	width:73px;
	FONT-WEIGHT: bold;
	background-color:#313131;
	FONT-SIZE: 11px;
	COLOR: #cccccc;
	FONT-FAMILY: Arial, Helvetica, sans-serif; background-image:url(../images/bg_gumb.jpg);	
	cursor: pointer;
}