body { 
	padding: 0; 
	margin: .5em; 
	font: 0.7em Tahoma, sans-serif; 
	line-height: 1.5em;
	background: #ced5ca; 
	color: #000; 
	}

a {	color: #000; }
a:visited  { text-decoration: underline; }
a:hover { color: #B22315; }


h1 { font-size: 1em; color: #fff; background: #000; margin: 0; padding: 4px 0 2px 20px;}
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #a8e5a5; }
h2 { margin: 0; padding: 0 0 0 25px; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.4em; color: #000; background: #F9F8FE; }
h3 { font-size: 1.2em; color: #fff; background: #046400; margin: 0; padding: 3px 0 1px 20px;}
h4 { color: #046400; font-size: 1.1em;}





/* layout
   ------ */

#container { 
		margin: 1.5em auto;
		width: 770px;
		text-align: left;
		background: #F9F8FE;
		border: 3px solid #fff;
}

#header { 
	background: url(header.jpg) no-repeat;
	height: 90px;
	margin-bottom: 1px;
}




.main_nav { 
	clear: both;
	font-size: 1.1em;
	font-weight: bold;
	height: 25px; 
	margin: 0; 
	background: #053b09;
	border-bottom: 1px solid #fff;	
}
.main_nav ul { margin: 0; }
.main_nav li { 
	
		list-style : none;
		display: inline; 
		height: 15px;
		padding: 5px 15px 5px 15px;
		background: inherit;
		float: right; 
		border-left: 1px solid #fff;
		}
.main_nav li a{ 
		color: #fff; 
		background: inherit;
		text-decoration: none; }
		
.main_nav li a:visited { 
		color: #fff; 
		background: inherit;
		font-weight: bold;
		text-decoration: none; }
		
.main_nav li a:hover { 
	color: #000; 
	background: inherit; 
		}
		
		/* left side
   --------- */
   
   
   .left {
	float: left;
	width: 72.1%;
	background: #F9F8FE;
	border-right: 1px solid #d6d6d6;
}

.left_box 
	{ 
		
		margin: 0 0 10px 0; 
		color: #000; 
		background: #F9F8FE; 
		padding: 4px; 
	}

  	.tab1 { 
	  
	  	border-left: 1px dotted #000;
	  	}
  
	.big1
	{
		padding: 0 0 4px 15px;
		margin: 2px;
		font: 95% tahoma, sans-serif, verdana;
		list-style-type: none;
		
	}
	.big1 a:visited { text-decoration: none }
	
	.big_li
	{
		padding: 1px;
	
	}
	
	.big_li a
	{
		text-decoration: none;
	}
	
	.big_li a:hover
	{
		text-decoration: underline;
		color: #a8e5a5;
		background: #F9F8FE;
	}
	.opis
 {
	 float: right;
	 padding: 2px 10px 0 0;
 }
	.table_name
	{
		margin: 2px 0 0 5px;
		background: inherent url(arrow1.gif) no-repeat 2% 50%;
		padding: 2px 0 2px 16px;
		
	}
	
	
		.level
{
	border-top: 1px solid #000;
	height: 100px;
	margin: -5px 0 2px 0;
	padding: 0;
}
	
	
	

	.level1
	{
		padding: 4px;
		margin: 0;
		background: #F9F8FE;
		
	}
	
	.level2
{
	border-top: 1px solid #000;
	height: 164px;
	margin: -5px 0 2px 0;
	padding: 0;
}
	.tab2 { 
		border-left: 1px dotted #000; 
		
		}
	.part1 
	{
		float: left;
		padding: 0;
		margin: 0;
		
	}
	
	.rooms
	{
		margin: 5px;
		padding: 0 0 0 10px;
	}
	
	
	.quest_a { padding: 0 10px 0 0; }
	
	
	.levela { margin: 4px 0 0 0; }
	
	
	.hit { margin: 0 0 10px 55px; }
	
	
		/* main text
   --------- */
   .maintext
	{
		margin: 7px;
		padding: 3px 0;
		list-style-type: none;
	}
	.text { padding: 5px 0 0 5px; margin: 0 5px 0 5px; }
	.text a, a:visited { text-decoration: none; }
	.date { 
		color: #B22315;
		margin: 0;
		padding: 0 0 0 27px;
		}
	
	
	/* right side
   ---------- */
		
.right {
	float: right;
	width: 27.3%;
	margin: 0;
	border-top: 2px solid #F9F8FE;
}

.right h3 {
	background: #046400 url(corner2.gif) no-repeat top right;
	color: #FFF;
	padding: 5px 0 5px 10px;
	font: bold 95% Verdana, Arial, Sans-Serif;
	margin: 0;
	
}

.right_articles {
		background: #F9F8FE;
		padding: 5px;	
		margin: 0 0 3px 0;
		font: 95% Tahoma, sans-serif, Verdana;
		border: 1px solid #000;
	}
	
.naslov { margin: 6px 5px; }
.naslov a { color: #000; text-decoration: none; }
.naslov a:hover { color: #FF6C00; background: #F9F8FE; text-decoration: underline;}

.right_articles_down
	{
		background: #000 url(citat.gif) bottom right no-repeat;
		color: #fff;
		padding: 0 10px;
		margin: 0 0 25px 0;		
		border: 3px solid #94AAC5;
	}
	
	.image {
	float: left;
	margin: 0 8px 1px 0;
	padding: 2px 0 0 11px;

}

.image-right {
	float: right;
	margin: 0 0 0 5px;
}
.afill { text-align: center; margin: 2px 0; padding: 0 0 2px 0; }

.button1
	{
		padding: 0 0 0 34px;
	
	}

.button2
	{
		padding: 0 0 0 17px;	
	}
	

.menu_1
	{
		margin: 4px 15px 3px 15px;
		padding: 0 0 0 15px;
		border-right: 2px dotted #046400;
		
	}


.menu_1 li
	{
		list-style-type: none;
		padding: 1px;
		font: bold 100% Tahoma, serif-sans;
	}

.menu_1 li a
	{
		text-decoration: none;
		color: #000;
		
	}
	

.menu_1 li a:hover
	{
		text-decoration: none;
		color: #a8e5a5;
		background: #F9F8FE;
	}
	
	.menu_3
	{
		margin: 4px 5px 3px 0;
		padding: 0 0 0 15px;
		 
		
	}


.menu_3 li
	{
		list-style-type: none;
		padding: 2px;
		font: bold 100% Tahoma, serif-sans;
	}

.menu_3 li a
	{
		text-decoration: none;
		color: #000;
		
	}
	

.menu_3 li a:hover
	{
		text-decoration: none;
		color: #a8e5a5;
		background: #F9F8FE;
	}

		
	.imageroom {
	float: right;
	margin: 0 0 0 5px;
}
		.imageroom1 {
	float: right;
	margin: 0 0 0 5px;
}

.tital { color: #000; background: #F9F8FE; margin: 10px 5px 0 20px; padding: 0; font: 18px Verdana; font-weight: bold;}


.mainp
{
	margin: 15px 15px 5px 30px;
	font: 100% verdana, tahoma, sans-serif;
	
}
.mainp a:visited { color: #000; }

 .pics 
  	{ 
	  float: right; 
	  margin: 15px 30px 10px 10px; 
	}
	

	
	/* footer
   ------ */

.footer { 
	background: #046400;
	color: #fff;
	height: 60px;
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 2px solid #ccc;
	line-height: 1.8em;
}

.footer a { font: 1.1em tahoma, serif-sans; color: #fff; background: #046400; }
.footer a:hover { color: #a8e5a5; background: #046400; }