body {
	background-color: #000;
}

#header {
	background: transparent url(img/header.jpg) no-repeat;
	height:300px;
}

.logo {
	margin:0;
	padding:0;
	background:transparent url(img/header.jpg) no-repeat 0 0;
	width:143px;
	height:152;
}

h1 {
	font-size:2em;
	font-weight:bold;
}
#header h1 {
    text-indent:-8000px;
	background:transparent url(img/lanoche-logo.png) no-repeat 0 0;
	width:143px;
	height:152px;
	margin:0 0 0 0;
	padding:0;
	overflow:hidden;
	zoom:1;
	z-index:100;
	float:left;
	display:inline;
}
h2 {
	font-size:24px;
	font-weight:bold;
}
h3 {
	font-size:18px;
	font-weight:bold;
	color:#000;
}
h4 {
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin:10px 0;
	color:#000;
}

h2.party {
	text-indent:-8000px;
	background:url(img/najave.png) no-repeat;
	padding:5px 0;
	margin: 0 0 20px 0;
	display:block;
}
/*h2.party {
	text-indent:-8000px;
	background:url(img/party-headline.png) no-repeat;
	padding:5px 0;
	margin: 0 0 20px 0;
}*/
h2.program {
	text-indent:-8000px;
	background:url(img/party-headline.png) no-repeat;
	padding:5px 0;
	margin: 0 0 20px 0;
	display:block;
}
h2.residents {
	text-indent:-8000px;
	background:url(img/resident-artists.png) no-repeat;
	padding:5px 0;
	margin: 0 0 20px 0;
	display:block;
}
h2.galerije {
	text-indent:-8000px;
	background:url(img/galerije.png) no-repeat;
	padding:5px 0;
	margin: 0 0 20px 0;
	display:block;
}
h2.kako-do-nas {
	text-indent:-8000px;
	background:url(img/kako-do-nas.png) no-repeat;
	padding:5px 0;
	margin: 0 0 20px 0;
	display:block;
}
h2.kontakt {
	text-indent:-8000px;
	background:url(img/kontakt.png) no-repeat;
	padding:5px 0;
	margin: 0 0 20px 0;
}
h2.download {
	text-indent:-8000px;
	background:url(img/download.png) no-repeat;
	padding:5px 0;
	margin: 0 0 20px 0;
	display:block;
}
h3.fotografije {
	text-indent:-8000px;
	background:url(img/fotografije.png) no-repeat;
	padding:5px 0 20px 0;
	margin: 0 0 20px 0
	display:block;
}
.content h3 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
	line-height:120%;
}
.content h4 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:5px;
}
.content h3 a {
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
	color:#ff0099;
}
.content p {
	padding-bottom:5px;
	margin-bottom:5px;
}
.content-left {
	margin-left:200px;
}
.program-left {
	margin-left:280px;
}
h3 a:hover {
	text-decoration:underline;
}
.content a {
	color:#09F;
}
h3 img.left {
 float:left;
 margin:0 1em 0.8em 0;
 padding:0;
}
h3.photos {
	text-indent:-8000px;
	background:url(img/photos-headline.png) no-repeat;
	padding:20px 0;
	margin: 30px 0 0 120px;
	display:block;
}
h3.follow {
	text-indent:-8000px;
	background:url(img/follow-headline.png) no-repeat;
	padding:10px 0;
	margin: 10px 10px 0 15px;
	display:block;
}
h3.player {
	text-indent:-8000px;
	background:url(img/player-headline.png) no-repeat;
	padding: 10px 0;
	margin: 10px 0;
	display:block;
}
h3.newsletter {
	text-indent:-8000px;
	background:url(img/newsletter.png) no-repeat;
	padding: 10px 0;
	margin: 10px 0;
	display:block;
}
h3.partneri {
	text-indent:-8000px;
	background:url(img/partneri.png) no-repeat;
	padding: 10px 0;
	margin: 10px 10px 0 15px;
	display:block;
}

.container {
	padding:0 35px;
}
.container ul.lista {
	list-style:none;
	margin:0;
	padding:0;
}
.container ul.lista li {
	list-style:none;
	margin:0;
	padding:0;
}
.content {
	width:610px;
	float:left;
	display:inline;
	margin-left:-62px;
	padding:30px 30px 0 70px;
	background:#FFF;
	min-height:180px;
	position:relative;
}
.galerija {
	float:left;
	display:inline;
	width:820px;
	height:300px;
	background:url(img/photos.png) no-repeat;
	margin: 0 0 0 -120px;
	display:block;
}
.gal-front {
	float:left;
	display:inline;
	margin: 0 0 10px 110px;
}
.gal-front a {
	color:#FC0;
	text-decoration:none;
}
.gal-front a:hover {
	color:#FC0;
	text-decoration:underline;
}

.image-front {
	background:url(img/okvir1.png) no-repeat;
	width:190px;
	padding:5px 5px 20px 5px;
	float:left;
	display:inline;
}
.image-right {
	background:url(img/okvir1.png) no-repeat;
	padding:5px 5px 10px 5px;
	margin:5px 0 20px 10px;
	float:right;
	display:inline;
}
.image-left, .image-break {
	padding:5px 5px 10px 5px;
	margin:5px 10px 20px 0;
}
.image-left {
	float:left;
	display:inline;
	background:url(img/okvir1.png) no-repeat;
}
.image-break {
	background:url(img/okvir2.png) no-repeat;	
}
.even {
	background:url(img/okvir2.png) no-repeat;	
}
.resid {
	margin-bottom:5px;
}

#flashcontent {
	margin:20px 0 20px 0;
}

.tn-resident {
	float:left;
	margin:0 20px 30px 0;
	padding:0;
	width:280px;	
}


/* navigation */

.menu {
	background: url(img/meni.png) no-repeat;
	width:200px;
	height:240px;
	position:relative;
	z-index:200;}
.menu ul {
	margin:25px 10px 0 35px;
	list-style-type:none;
}
.menu ul li{
	font-size:18px;
	padding:0;
	line-height:170%;
}
.menu a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
.menu a:hover,.menu a:active {
	color:#fff;
	text-decoration:none;
}

.pages {
 margin:10px;
 padding-top:4px;
 font-size:12px;
}
.pages a {
 border:1px solid #0099FF;
 text-decoration:none;
 line-height:110%;
}
.pages a:hover {
	color:#F0F;
	background-color:#FF0;
	text-decoration:none;
}
.page {
 margin:0;
 padding:1px 5px;
 display:inline;
}
span.active {
	margin:0 4px;
	padding:1px 5px;
	color:#F0F;
	line-height:110%;
	font-weight:bold;
	border:1px solid #0099FF;
}
.prev, .next {
 margin:0 4px;
 padding:1px 5px;
 display:inline;
}
.inactive {
 margin:0 4px;
 padding:1px 5px;
 color:#FFF;
 background:#FFF;
}

#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;
}


hr {
	background:url(img/break-bg.png) no-repeat left top;
	width:775px;
	height:50px;
	margin:10px 0 20px -100px;
	clear:both;
	border:0;
}

div.footer {
	margin:-45px 0 0 138px;
	padding:55px 0 0 0;
	font-size:11px;
	background: url(img/footer-bg.png) no-repeat 0 0;
}
.footer a:link, .footer a:visited {
	color:#ffcc00;
	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:10px 30px;
	text-align:right;
}

#cfEmail.newslette-bg {
	background:url(img/newsletter-bg.png) no-repeat 0 0;
	padding:10px;
	width:190px;
	height:41px;
	border:none;
	float:left;
	display:inline;
}
#ltrSubmit.botun {
	background:url(img/botun.png) no-repeat 0 0;
	border:none;
	width:41px;
	height:41px;
	float:left;
	display:inline;
	text-indent:-8000px;
	margin-left:-10px;
}
p.srednji {
	margin-left:28px;
	margin-right:10px;
}
h4.srednji {
	margin-left:28px;
	margin-right:10px;
}


.image-side {
	margin:0 0 10px 0;
}

.metainfo {
	margin:10px 0;
	padding:5px 0;
	border-top:1px solid #ccc;
}

.okvir {
	border:1px #999999 solid;
	margin-bottom: 10px;
	padding: 3px;
}

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

#karta {
 float: left:
}