@import url(css/reset.css);/*@import url(css/fontface.css);*/
header,nav,article,footer,address{display:block;}
html{height:100%;background:#000;}
a:link {text-decoration:none;}
a{outline:none;}
body{height:100%;font-weight:lighter;font-size:14px;font-family: 'Inder', sans-serif;}
#wrapper{width:100%;background:url(images/dot.png) repeat;height:100%;margin-bottom:-30px;min-height:100%;}
#contentpanel{width:800px;position:relative;}
#foto-tag{
	position:absolute;z-index:4;
	bottom:308px;right:0;font-family:CaviarDreamsRegular, sans-serif;font-size:16px;line-height:30px;text-transform:uppercase;cursor:pointer;
	height:30px;background:#CC6600;float:right;}
#foto-tag a{color:#000;text-decoration:none;padding:10px 30px;}
#foto-panel{position:absolute;z-index:5;width:0;height:100%;background:#FFF;right:0;}
.middle-section{position:absolute;top:50%!important;width:100%;margin-top:-150px!important;}
#foto-panel .middle-section #middle-section-wrapper{position:relative;width:100%;}
#foto-panel .back{ position:absolute;width:20px;cursor:pointer; color:#000; right:4px;top:0px; margin:-14px 0px 0px 0px;}
#foto-panel .back a{}
#foto-panel .back:hover a{color:#000; opacity:0.5;filter:alpha(opacity=50);}

.scrollable-area{width:100%;background:#000;}
.scrollable-area span.yellow{display:block;height:160px;width:100%;background:#cd8200;position:absolute;z-index:5;}
#foto-panel .scrollable-area{margin-bottom:25px;}
#foto-panel #web, #foto-panel #design{width:760px;height:160px;position:relative;z-index:6;padding-left:230px;margin:0 auto;}
#foto-panel #web h1,#foto-panel #design h1{color:#FFF;position:absolute;left:0;top:50%;margin-top:-12px;font-family:CaviarDreamsRegular, Helvetica, sans-serif;font-size:23px;text-align:right;width:200px;display:block;text-transform:uppercase;}

#sponzori{float:right;padding-left:30px;margin-right:20px; font-family: 'Inder', sans-serif;font-size:11px;text-transform:uppercase;}
#footer { bottom:0px;}
#footer{height:28px;width:100%;background:#000;text-align:right;position:relative;z-index:6;}
#footer #language{float:left;width:50px;display:inline;height:16px;margin-top:4px;margin-left:20px;}
#footer #language li{float:left;line-height:16px;height:16px;color:#cc6600;font-family: 'Inder', sans-serif;font-size:12px;}
#footer #language li a{color:#FFF;text-decoration:none;display:inline;float:none;height:16px;line-height:16px;}
#footer #language li a:hover{color:#C60;}
#footer ul li{font-family: 'Inder', sans-serif;display:inline;font-size:10px;text-transform:uppercase;border-right:1px solid #9D9D9D;padding:2px 10px;}
#footer ul li:last-child{border:none;}
#footer ul li, #footer a{line-height:30px;color:#9D9D9D;text-decoration:none;}

.clear{clear:both;}.fr{float:right;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.home .content h3 span, #footer a:hover{color:#c60;}
#footer ul,.fl{float:left;}

.sadrzaj {width:100%; margin-top:20px;bottom: 50px;position: absolute; z-index:1;}
.sadrzaj_dim {margin:0 auto;
	padding:0;
	height: 284px;}
	
.mestoZaVesti {
	float:left;
	width:760px;
	margin:0px 20px 0px 0px;
	height:200px;
	display:inline-block; /* IE6 */
	margin-top: 10px;}
.jednaVest {
	position:relative;
	float: left;
	margin-right:10px;
	width:222px;
	height:200px;}
.jednaVest img {
	border:#FFF 1px solid;
	}
#vestinaslovi {width: 208px;margin-top:-46px; margin-left:4px; opacity:0.9;filter:alpha(opacity=90);}
#vestinaslovi span {background:#C60;color: #000; padding:1px; font-size:9px;line-height:16px;text-transform:uppercase;font-weight:bold;}
.arhivaVestiNaslovna {
	float:left; margin:6px 0px 0px 4px; width:22px; height:200px;}

#tamno {
	position:absolute;
	width:100%;
	height:318px;
	bottom:20px;
	z-index:0;
	background-image:url(images/providno.png); 
	background-position: top left;
	background-repeat: repeat-x;
	-moz-box-shadow:8px 8px 8px 8px #222;
	-webkit-box-shadow:8px 8px 8px 8px #222;
	box-shadow:8px 8px 8px 8px #222;
	}	
.sadrzaj .koncerti {
	vertical-align:top;
	/*cursor:help;*/
	position:absolute;
	opacity:0.9;
	filter:alpha(opacity=90);
	right:100px;
	bottom:12px;
	width:200px;
	height:252px;
	z-index:3;}
.koncertiNaslov {
	position:absolute;
	right:70px;
	bottom:164px;
	width:200px;
	height:100px;
	z-index:2;}
.sb_menu {cursor: crosshair;}
ul.sb_menu {vertical-align:top;
	list-style:none;}
ul.sb_menu li {padding-bottom: 6px;}
.datum {	
	background: url(images/date-icon.png) top left no-repeat;
	margin-left:10px;
	margin-right:12px;
	padding-bottom:0px;
	float: left;
	cursor: default;}
.dan {
	font:normal 10px Verdana;
	font-weight:bolder;
	padding-left: 0px; 
	color:#050404;
	text-shadow: 1px 1px 1px #fff;}
.mesec {
	font:normal 10px Verdana;
	font-weight:bolder;
	color:#ffffff;
	padding-left: 0px; 
	text-shadow: 1px 1px 1px #050404;}
.scena {
	font:normal 13px 'Inder';
	height:14px;
	color:#fff;
	font-weight:bold;
	padding-right: 0px;
	padding-bottom:1px;
	text-shadow: 1px 1px 1px #000;}
.grad {
	font:normal 11px 'Inder';
	color: #940;
	font-weight: bold;
	padding-right: 0px;
	text-shadow: 1px 1px 1px #000;}
.opsirnije {color: #CC6600;
	font-size:14px; 
	font-family: 'Inder', sans-serif;
	font-weight: bold;
	text-align:right;
	padding-right:26px;
	margin-top:0px;
	padding-top: 4px;
	text-shadow: 1px 1px 1px #000;}
.opsirnije a {color: #aaa;}
.opsirnije a:hover {color: #CC6600;}


.aktuelno {position:absolute; top:34px; left:18px; height:190px; width:20px; font-family:CaviarDreamsRegular; font-size:11px; line-height:20px; padding-left:10px; text-align:left;}


#kontakt {position:absolute; top:26px; right:2px; height:80px; width:50px; opacity:0.8;
	filter:alpha(opacity=80);}
#forum {position:absolute; top:112px; right:2px; height:80px; width:50px; opacity:0.8;
	filter:alpha(opacity=80);}


#narandzastalinijadesno {position:absolute; background:#C60; height:1px; width:45px; top:110px; right:16px; border-top:#8A2D00 solid 1px;}

#nblogo {position:absolute; top:16px; left:50%; margin-left:-320px; height:200px; width:700px; z-index:100;}
#drustveneMreze {
	position:absolute;
	bottom:1px;
	right:106px;
	height:29px;
	margin:0px;
	padding:0px;
	z-index:20;
	opacity:0.5;
	filter:alpha(opacity=50);}
#drustveneMreze img {
	height:23px;
	width:23px;}
#drustveneMrezeSize {height:30px;
	position:relative;
	float:left;}
.nbFB, .nbYT, .nbB, .nbT, .nbMS { margin-top:2px;vertical-align:center;width:26px; float:left;margin-right:12px;}
#diskografijaITekstovi, #istorijatBenda, #biografijaBenda, #nagrade, #biografijeClanovaBenda, #saradniciBenda, #zanimljivosti, #nasiDani, #spotoviMedia, #arhivaKoncerataMedia, #tvKoncertiMedia, #downloadMedia, #pressArhiva, #zanimljivosti, #nasiDani, #arhivaVestiOp {}
#prijateljiNB {
	position:absolute;
	bottom:14px;
	right:18px;
	width:70px;
	height:70px;
	opacity:0.5;
	border:none;
	filter:alpha(opacity=50);}
#prijateljiNB li {
	list-style:none;
	margin:0px;
	padding-bottom:2px;}
#prijateljiNB img {
	width:60px;
	height:20px;}
#prijatelji {
	margin:0px;
	padding:0px;
	position:absolute;
	bottom:0px;
	right:20px;
	height:148px;
	width:240px;
	background:transparent;}
#noviAlbum {
	position:absolute;
	height:300px;
	width:300px;
	top:40px;
	left:100px;
	z-index:1;}
#noviAlbum img {
	height:240px;
	height:240px;
	border:#FFF 1px solid;}
#noviAlbumTekst {
	position:absolute;
	height:200px;
	top:40px;
	left:40px;
	z-index:10;}
#uProdaji {
	position:absolute;
	top:10px;
	left:80px;
	opacity:0.4;
	filter:alpha(opacity=40);
	z-index:2;}
#novoNaForumu {
	position:absolute;
	top:40px;
	right:90px;
	width:300px;
	height:200px;
	color:#FFF;
	font-family: 'Inder', sans-serif;
	font-size:12px;
	line-height:16px;
	z-index:10;}
#novoNaForumuNaslov {
	position:absolute;
	top:40px;
	right:160px;
	width:300px;
	height:200px;
	z-index:5;}
#novoNaForumu ul {}
#novoNaForumu li {
	list-style: circle;}
#novoNaForumu a {}
#novoNaForumu a:hover {
	color:#C60;}
/*ekskluzivno*/
#ekskluzivno {
	position:absolute;
	top:40px;
	left:70px;
	width:310px;
	height:200px;
	color:#FFF;
	font-family: 'Inder', sans-serif;
	font-size:12px;
	line-height:16px;
	z-index:10;}
.ekskluzivnoStavka {
	position:relative;
	float:left;
	margin-left:20px;
	width:310px;
	height:74px;
	overflow:hidden;
	opacity:0.8;
	filter:alpha(opacity=80);
	border-bottom:#C60 1px solid;}
.ekskluzivnoStavka:hover {opacity:0.6;
	filter:alpha(opacity=60);}
#ekskluzivnoNaslov {
	position:absolute;
	top:40px;
	left:20px;
	width:300px;
	height:200px;
	z-index:5;}

#ekskluzivnoSlika {
	position:absolute;
	top:0px;
	left:0px;
	width:310px;
	height:70px;
	z-index:1;
	/*border:#FFF 1px solid;*/
	overflow:hidden;}
#ekskluzivnoSlika img {position:relative; float:right;/*width:290px;*/overflow:hidden;}
.ekskluzivnoTekst {
	position:absolute;
	font-weight:bold;
	/*top:30px;*/
	bottom:4px;
	width:250px;
	z-index:4;}
/*ekskluzivno*/
#aktuelnoPreporucujemo {
	position:absolute;
	left:50%;
	margin-left:-300px;
	top:110px;
	width:600px;
	height:200px;
	opacity:0.3;
	filter:alpha(opacity=30);
	z-index:2;}
#fotoLevo {
	position:absolute;
	left:0px;}
#fotoCentar {
	position:absolute;}
#fotoDesno {
	position:absolute;
	right:0px;}
body {
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
	position: relative;}
#bgimg {
	position:absolute;
	z-index: -1;}
#realBody{
	position:absolute;
	z-index: 5;	
	overflow:auto; 
	height:100%;width:100%;}
iframe {
	background-color: transparent;}
#nbimg, #nbkontakt, #nbforum, #nbvesti, #nbbio, #nbmedia {
	background: transparent;
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE 6 & 7 */      
   zoom: 1;}
#preporucujemoimg {
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE 6 & 7 */  
	zoom: 1;}