@font-face { font-family: Scriptina; src: local("☺"), url("scriptin.ttf") format("truetype"); font-weight:bold; } 

body { 
  background-image:url(../images/bg.jpg);
  background-repeat:repeat-x;
  background-attachment:fixed;
  margin:0;
  background-color: #120906;
  
  }
h1 {
	font-size:24px;
	font-style: normal;
	font-weight: normal;
	margin-bottom:0px;
	padding:0px;
	
}
h3 {
	font-size:24px;
	font-style: normal;
	font-weight: normal;
	margin-bottom:0px;
	padding:0;
  }
h2 {
	font-size:24px;
	font-style: normal;
	font-weight: normal;
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:0px;
	padding-top:0px;
}
#kamin_bg_footer {
	position:absolute;
	height:513px;
	width:885px;
	bottom:0px;
	background-image:url(../images/kamin_bg.png);
	background-repeat:no-repeat;
	left: 0px;

  }
.toplina {
background-image:url(../images/toplina.png);
width:604px;
height:121px;
background-repeat:no-repeat;
position:absolute;
left:20px;
top:150px;s


}
.logo_tekst{
	height:20px;
	width:324px;
	position:absolute;
	right:98px;
	top:96px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#CCC;
	font-size:13px;
	letter-spacing:8px;
	
}
#ulazak {
	position:absolute;
	height:600px;
	width:331px;
	right:100px;
	top:101px;
	
	background-repeat:no-repeat;
  }
  
#sadrzaj {
	position:relative;
	height:609px;
	width:820px;
	background-image:url(../images/papir1.jpg);
	background-repeat:no-repeat;
	margin-right:auto;
	margin-left:auto;
	z-index:2;
	
	  
  }

#logo {
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	height:84px;
	width:299px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	left: -250px;
	margin-bottom:10px;
  }

.centar {
  position:relative;
  height:100%;
  width:885px;
  margin-right:auto;
  margin-left:auto;
  }
  .tekst_kontakt {
	font-family:"Times New Roman", Times, serif;
	
	color:#000000;
	position:relative;
	width:653px;
	height:19px;
	top: -610px;
	white-space:pre;
	font-size: 21px;
	margin-left:auto;
	margin-right:auto;
	
  }
  
.tekst1 {
	font-family:"Times New Roman", Times, serif;
	
	color:#000000;
	position:relative;
	width:653px;
	height:500px;
	/*height:19px;*/
	top: 20px;
	white-space:pre;
	font-size: 17px;
	margin-left:auto;
	margin-right:auto;
	z-index:3;
	white-space:pre-wrap;

	
	
	
	
  }


.tekst2 {
	font-family:"Times New Roman", Times, serif;
	
	color:#000000;
	position:relative;
	width:785px;
	height:500px;
	/*height:19px;*/
	top: 20px;
	white-space:pre;
	font-size: 17px;
    left:10px;
	z-index:3;
	white-space:pre-wrap;
	overflow:auto;
	
	
	
	
  }

 .srciptina_font {
	 font-family:Scriptina;
	 font-size:36px;
	 color:#333;
 }
  .tekst1princip_rada {
	font-family:"Times New Roman", Times, serif;
	
	color:#000000;
	position:relative;
	width:653px;
	/*height:19px;*/
	top: 0px;
	white-space:pre;
	font-size: 17px;
	margin-left:auto;
	margin-right:auto;
	z-index:3;
	white-space:pre-wrap;
	background-image:url(../images/papir.jpg);
	background-repeat:repeat-y;
	
	
	
  }
.tekst1 a:link {
    font-weight:bold;
	color:#000000;
	}
.tekst1 a:hover {
    font-weight:bold;
	color:#000000;
	}
.tekst1 a:visited {
    font-weight:bold;
	color:#333333;
	}

  
.slika1 {
	background-image:url(../images/focus_bg.png);
	background-repeat:no-repeat;
	position:absolute;
	width:657px;
	height:189px;
	left: 75px;
	top: 379px;
}

.slika2 {
	background-image:url(../images/focus_bg2.png);
	background-repeat:no-repeat;
	position:absolute;
	width:186px;
	height:446px;
	left: 561px;
	top: 150px;
	z-index:9999;
}

.naslovi_tekst {

	font-size:24px;
	font-style: normal;
	font-weight: normal;
	margin-bottom:0px;
	padding:0;

 }
/*NAVIGACIJA*/
.1navigacija_top2{
    top:-500px;
	position:absolute;
	width: 350px;
	height: 15px;
	left: 503px;
	
}
/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
    float:right;
	width:450px;
	left:403px;
	top:40px;
	position:absolute;
	list-style:none;
	font-weight:bold;
	margin-bottom:0px;
	z-index:1111;
	
}
#nav li{
	float:left;
	margin-right:10px;
	position:relative;
	display:block;
}
#nav li a{
	display:block;
	padding:5px;
	color:#fff;
	background:#333;
	text-decoration:none;

	text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Text shadow to lift it a little */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#nav li a:hover{
	color:#fff;
	background:#CC9933; /* Solid colour fall-back */
	background:rgba(107,12,54,0.75); /* It'll look nice semi-transparent */

	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity:0; /* Set initial state to transparent */
	-webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
}
#nav ul li{
	padding-top:10px; /* Introducing a padding between the li and the a give the illusion spaced items */

	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:-40px; /* Bring back on-screen when needed */
	opacity:1; /* Fade to opaque */
}
#nav li:hover a{ /* Set styles for top level when dropdown is hovered */

	background:#CC9933; /* Solid colour fall-back */
	 /* It'll look nice semi-transparent */
	text-decoration:none;
}
#nav li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
	background:#333; /* Solid colour fall-back */

	background:rgba(51,51,51,0.75); /* It'll look nice semi-transparent */
	text-decoration:none;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}

/*end navigacija*/

.tabela {
	position:absolute;
	left:81px;
	top:140px;
	height: 286px;
	width: 421px;
}
.logo_pocetna {
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	height:84px;
	width:299px;
	position:absolute;
	right:123px;
	top:10px;
  }

.meni_pocetna {
	position:relative;
	width:150px;
	height:150px;
	top:75px;
	margin-left:auto;
	margin-right:auto;
	font-size:24px;
	font-weight:normal;
	font-family:Scriptina,sans-serif;
	color:#FFF;
}

.meni_pocetna ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	background:transparent ;
 
}

.meni_pocetna ul li{
display: inline;
}

.meni_pocetna ul li a{
	float: left;
	color: #fff;
	padding: 10px 16px;
	text-decoration: none;
	
	opacity:1;

}

.meni_pocetna ul li a:visited{
color: #fff;
}

.meni_pocetna ul li a:hover{
	color: #fff !important;
	padding-top: 10px;
	padding-bottom: 8px;
	border-bottom:#CC9933 2px solid;
	opacity:1;
	filter:alpha(opacity=100);
		
}
.naslov a:link {
	color:#000;
	
	padding:3px;
	text-decoration:none;
	font-weight:normal;
	font-size:18px;
	font-style:italic;
	
}

.naslov a:visited {
	color:#000;
	text-decoration:none;
	font-weight:normal;
	font-size:18px;
	padding:3px;
	font-style:italic;
}

.naslov a:hover {
	color:#000;
		background-color:#CC9933;
	opacity:0.6;
	filter:alpha(opacity=60);
	padding:3px;
	font-weight:normal;
	font-size:18px;
	font-style:italic;
}
.ulazak_galerija {
	font-size:14px;
}
.player {
	position:absolute;
	width:35px;
	height:35px;
	right:70px;
	top:-1px;
}