@charset "utf-8";
/*

	1. body, html
	
	2. #wrapper - centriranje stranice
	
	3. #header - mjesto za navigaciju i flash animaciju logotipa i music player
	3.1 #header ul - glavni navigator
	3.2. #header li - pojedine stavke
	3.3. #header ul li a:link
	3.4. #header ul li a:hover - rolover efekt
	3.5. #header ul li a img - mičemo obrube
	3.6. .logo - flash objekt
	
	4. #najave - boxovi za najave
	4.1. #flyeri - prostor za 3 flyera
	4.1.1. .flyer_item - box za jedan flyer sa svim što ti treba
	

	4.2. #marquee - prostor za "trčeći" tekst
		
	4.3. #more_aurora - prostor za linkove desno od flyera
	4.3.1 a:link
	4.3.2 a:hover
	
	4.3.3. more_aurora form
	4.3.4. more_aurora input

	5. #newsletter_app - formular za prijavu 
	5.1 .email
	5.2 .prijava
	
	5.3. #vipform
	
	6. .item - pojednina kratka novost
	6.1. .item object - Youtube player pozicija
	6.1.1. .itemwrap - prostor za srednji dio najave - crveni naslov i tekst
	6.1.2. .itemwrap a:link -oblikovanje linkova
	6.1.3. .itemwrap a:link
	
	7. #footer_wrap - pozadina footera sa dimovima
	7.1. #footer_wrap ul
	7.2. #footer_wrap li
	7.3. #footer_wrap li a:hover - efekt
	7.4. #footer_wrap li a img - poništavanje ruba

	8. .galleryitem - pojedina galerija ulaz
	8.1. .galleryitemwrap - tekst uz pojed. galeriju
	8.2. .galth
	8.3. shopth

	9. #kontakt - za kontakt stranicu
	9.1. #kontakt input
	9.2. #kontakt textarea
	9.3. #kontakt label
	9.4. #kontakttext - tekst uz obrazac
	9.5 .prijava2
	
	
	
*/

/* ----------------------------------------------------- */
body, html {
	background:url(../img/bodyback.gif);
	background-position:center;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	min-height:100%

}

#wrapper {
	background:url(../img/bg_head.jpg) no-repeat;
	background-position:center -28px;
	margin-bottom:50px;

}

#header {
	height:200px;
	display:block;
	clear:both;
	width:990px;
	text-align:left;

}

#header ul {
	float:right;
	display:inline;
	margin-top:7px;
	position:relative;
	z-index:20;
	

}

#header li {
	float:left;
	list-style:none
}

#header ul li a img {
	opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.8;
}

#header ul li a img:hover {
	opacity:1.0;filter: alpha(opacity=100); -moz-opacity: 1.0;
}

#header ul li a img {border:none}

.logo {
	/*float:left;
	display:inline;
	margin-left:-35px;
	margin-bottom:-225px;*/
	position:absolute;
	z-index:10;
}

#flashdiv {

	width:200;
	height:120px;
	float:right;
}

#najave {
	width:990px;
	clear:both;
	text-align:left;
	/*background:url(../img/divider.gif) repeat-x;*/
	min-height:540px;
	position:relative;
	z-index:50;
	margin-top:10px;
	}
	
iframe {
	min-height:400px;
	position:relative;
	z-index:50
}	
	
#flyeri {
	width:834px;
	display:inline;
	float:left;
}

.flyer_item {
	float:left;
	width:278px;
	background:url(../img/bg_flyercrtice.gif) no-repeat;
	background-position:265px 0px;
}

#marquee {
	height:29px;/*29-1*/
	width:555px;
	float:left;
	margin: 2px 0px 0px 20px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background:url(../img/bg_marquee.gif);
	color:#ffffff;
	font-size:22px;
	padding-top:1px;
}

#more_aurora {
	float:right;
	width:141px; /*156-15*/
	/*height:347px; 397-50*/
	background:url(../img/bg_more_aurora.gif) no-repeat;
	padding-top:47px;
	padding-left:15px;
	margin-left:-15px;
	display:inline;
	position:relative;
	z-index:50;
	margin-bottom:0px;
}
#more_aurora a img {
	display:inline;

	/*width:125px;*/
	/*height:17px;*/
}
	
#more_aurora a img:hover {
	opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8;	
	/*width:125px;*/
	/*height:17px;*/
}


#more_aurora form {
	color:#FFFFFF;
	font-size:9px;
	width:125px;
	margin:7px;
	display:block;
	clear:both;
}

.more_input {
	width:115px;
	height:15px;
	background:url(../img/bg_more_input.gif) no-repeat;
	border:none;
	font-size:9px;
	color:#FFFFFF;
	padding:5px;
	margin-bottom:3px;
}

.more_button {
	width:53px;
	height:27px;
	float:right;
	background:url(../img/img_send.gif) no-repeat;
	display:block;
	border:none;
	text-indent:-3000px;
	
}

#newsletter_app {
	background:url(../img/bg_newsletter.gif) repeat-x;
	margin-top:3px;
	height:57px;
	width:990px;
	color:#FFFFFF;
	text-align:left;
	clear:both;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;
	position:relative;
	z-index:50;

	
}

#newsletter_app span {
	width:420px;
	height:20px;
	padding-top:20px;
	margin-top:0px;
	paddin-top:expression('-10px;');
	margin-right:10px;
	display:block;
	float:left;
}

.email {
	background:url(../img/bg_e-mail.gif) no-repeat;
	width:215px;
	height:21px;
	border:none;
	color:#FFFFFF;
	text-align:left;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding:6px 2px;
	display:block;
	float:left;
	margin-top:15px;
}

.prijava {
	background:url(../img/bg_button.gif) no-repeat;
	width:47px;
	height:23px;
	text-indent:-3000px;
	font-size:0px;
	border:none;
	display:block;
	float:left;
	padding:0px;
	margin-right:10px;
	margin-top:15px
}

#vipform {
	background:url(../img/bg_vipform.jpg) no-repeat;
	width:510px; /*534-24*/
	height:230px; /*290-60*/
	float:left;
	display:block;
	padding-top:60px;
	padding-left:24px;
}

#vipform label {
	width:90px;
	margin-right:11px;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	text-align:right;
	float:left;
	height:20px;
	padding-top:7px;
}

.vip_input {
	background:url(../img/bg_vipinput.gif) no-repeat;
	width:187px;/*197-10*/
	height:17px;/*27-10*/
	display:block;
	border:none;
	margin-bottom:8px;
	font-size:11px;
	padding:5px;
}

.vip_button {
	background:url(../img/bg_vipbutton.gif) no-repeat;
	width:53px;
	height:28px;
	border:none;
	margin-left:100px;

}


/*--------------------------------*/

.item {
	width:966px;/*990-12-12*/
	min-height:164px; /*220-28-28*/
	position:relative;
	text-align:left;
	color:#d4d4d4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	clear:both;
	padding-top: 15px;
	padding-right: 12px;
	padding-bottom: 15px;
	padding-left: 12px;
	z-index:50;

}
.itemwrap {
	width:480px; /*670-180*/
	float:left;
	display:inline;
	margin-left:6px;

}	
.itemwrap a:link, .itemwrap a:visited, #text a:link, #text a:visited, #text_aboutus a:link, #text_aboutus a:visited, .galleryitemwrap a:link, .galleryitemwrap a:visited  {
	padding:0px 2px;
	color:#FFFFFF;
	text-decoration:none;
	border-bottom: 1px dotted #eeeaea
}

.itemwrap a:hover, #text a:hover, #text_aboutus a:hover, .galleryitemwrap a:hover{
	padding:0px 2px;
	color:#FFFFFF;
	background:#550000;
	text-decoration:none;
	border-bottom: 1px dotted #eaeaea
}

.object {
	float:right;
	display:block;
	width:250px;
	height:170px;
	margin-left:15px;
}
#text {
	width:505px; /*535-30*/
	min-height:455px; /*535-30*/
	/*height:405px;*/
	background:url(../img/bg_vipbox.gif) no-repeat;
	padding:15px;
	font-size:11px;
	color:#FFFFFF;
	float:left;
	position:relative;
	z-index:50
}

#text_aboutus {
	width:505px; /*535-30*/
	/*min-height:455px; /*535-30*/
	/*height:405px;*/
	background:#720606;
	padding:0px 15px;
	font-size:11px;
	color:#FFFFFF;
	float:left;
	margin-top:-5px;
	position:relative;
	z-index:50	
}

#text_aboutus img {
	margin:0px  -15px;
}

.item h2 {
	float:left;
	width:490px; /*502-12*/
	height:43px; /*50-7*/
	display:inline;
	background:url(../img/bg_h2_item.gif) no-repeat;
	margin:0px;
	padding:7px 0px 0px 12px;
	color:#FFFFFF;
	font-size:20px;
	font-weight:normal}
	
.item h2 span {
	font-size:15px;
}	

.item p {
	float:left;
	width:502px;
	display:inline;
	margin:0px;
}

#footer_wrap {
	width:100%;
	/*position:absolute;
	bottom:0px;*/
	left:0px;
	height:106px;/*406-300*/
	margin-top:-300px;
	padding-top:300px;
	z-index:1;
	bottom:0px;
	background:url(../img/bg_foot.gif) no-repeat;
	background-position:bottom center;
	/*margin-left:-10px;*/
}
#footer {
	width:990px;
	z-index:1
}
#footer ul {
	width:900px;
	height:15px;
	display:block;
	bottom:20px;
	margin:35px 0px 0px 30px;
	padding:0px;
}
#footer li {
	float:left;
	list-style:none;
	display:inline;


}

#footer li a img:hover {
	opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7;	
}

#footer li a img {
	border:none
}




.galleryitem  {
	width:386px;
	float:left;
	display:inline;
	color:#d4d4d4;
	border-bottom:1px dotted #aa8888;
	min-height:158px;
	margin-right:15px;
	margin-top:5px;
	margin-bottom:5px;
	position:relative;
	z-index:50
	
}
.galleryitem img {
	float:left
}

.galleryitemwrap {
	width:140px; /*450-180*/
	float:left;
	display:block;
	margin-left:6px;
	text-align:left;
}
.galleryitemwrap h2 {	
	float:left;
	width:190px; 
	height:43px; /*50-7*/
	display:block;
	clear:both;
	background:url(../img/bg_h2_item.gif) no-repeat;
	margin:0px;
	padding:7px 0 0 12px;
	color:#FFFFFF;
	font-size:20px;
	font-weight:normal
	
}

.galleryitemwrap p {
	float:left;
	width:190px;
	display:inline;
	margin:0px;
	font-size:11px;
	}

.galleryitemwrap p {font-family:Tahoma, Arial, Helvetica, sans-serif;

}

.galth {
	margin:0px 0px 8px 8px;
	border:5px solid #ffffff;
	float:left;
}

.shopth {
	margin:0px 0px 8px 8px;
	border:none;
	float:left;
}

#slike {
	clear:both;
	width:830px;
	text-align:left;
	height:auto;
	padding-top:20px;
	clear:both;
	position:relative;
	z-index:50
	
}


#kontakt {
	width:505px; /*535-30*/
	/*min-height:505px; 535-30*/
	height:400px;
	background:url(../img/bg_vipbox.gif) no-repeat;
	padding:15px;
	font-size:11px;
	color:#FFFFFF;
	float:left;
	margin-top:-15px;
	/*margin-bottom:30px;*/
	position:relative;
	z-index:50
}
.input_kontakt {
	background:url(../img/bg_form.gif) no-repeat;
	background-position:0px 0px;
	width:299px; /*303-4*/
	height:23px; /*27-4*/
	border:none;
	margin-bottom:17px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#999999;
	padding:4px 0px 0px 4px;
	font-size:11px;
}


#kontakt textarea {
	background:url(../img/bg_form.gif) no-repeat;
	background-position:0px -28px;
	width:299px;
	height:148px;
	border:none;
	overflow:auto;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#999999;
	padding:4px 0px 0px 4px;
	font-size:12px;
}
#kontakt label {
	width:180px;
	float:left;
	color:#ffffff;
	text-align:right;
	font-weight:bold;
	padding-right:10px;
	padding-top:5px;	
}

#kontakttext {
	float:left;
	width:260px;
	color:#FFFFFF;
	font-size:11px;
	line-height:16px;
	margin-left:15px;
	margin-top:-30px;
	padding-bottom:30px;
	display:inline;
	position:relative;
	z-index:50
}

#kontakttext strong {
	font-weight:bold;
	color:#c31320;
}
#kontakttext img {
	margin:5px 0px;
}
.prijava2 {
	background:url(../img/img_send.gif) no-repeat;
	width:53px;
	height:27px;
	text-indent:-3000px;
	border:none;
	display:inline;
	float:right;
	margin-right:10px;


	
}

/* *******************   fixevi ************************* */

.clear {
	clear:both
}
a:focus /* fix da se ne vide obrubi oko linkova*/
{
  -moz-outline-style: none;
} 

div, p {
	margin:0px;
	padding:0px;
}

td {
	vertical-align:top;
}