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

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


h1 { font-size: 1em; font: 11px helvetica; font-weight: bold; color: #fff; background: #1982CD; margin: 0; padding: 4px 0 2px 20px;}
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; }
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 url(sign.gif) no-repeat 0 20%; }
h3 { font-size: 1.2em; color: #000; background: transparent; margin: 0; padding: 3px 0 1px 10px; }
h4 { color: #B22315; font-size: 1.1em;}














/* layout
   ------ */

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

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


.main_nav { 
	clear: both;
	height: 23px; 
	margin: 0; 
	background: #1982CD;
	border-bottom: 1px solid #fff;
	
}
.main_nav ul { margin: 0 0 0 10px;  }
.main_nav li { 
	
		list-style : none;
		margin: 4px 0 2px 0;
		display: inline; 
		height: 16px;
		padding: 0 10px;
		background: inherit;
		float: left; 
		border-left: 1px dotted #fff;
		font: 11px Helvetica, sans-serif; 
		font-weight: bold;
		}
.main_nav li a 
		{ 
		color: #fff; 
		background: inherit;
		text-decoration: none; 
		font: 11px Helvetica, sans-serif; 
		font-weight: bold;
		}
		
.main_nav li a:visited { 
		color: #fff; 
		background: inherit;
		font-weight: bold;
		text-decoration: none; }
		
.main_nav li a:hover {
	color: #ff6503;
	background: transparent;
}

		/* left side
   --------- */
   
   
   .left {
	float: left;
	width: 72.1%;
	background: #F9F8FE;
	border-right: 1px solid #d6d6d6;
}

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



	
	
	
	

.list  { margin: 0 0 0 12px; padding: 0; font: 11px tahoma, sans-serif, verdana; list-style-type: none; }
.list a:visited { text-decoration: none; font: 11px tahoma, sans-serif, verdana;  color: #000; }
.list1
{
		padding: .5px;
		margin: 2px;
		 
	
		
}

	.list1 a
	{
		text-decoration: none;
		
		

	}
	
	.list1 a:visited 
	{
		text-decoration: none;
		color: #000; 
		

	}
	
	.list1 a:hover
	{
		text-decoration: underline;
		color: #FF6C00;
		background: transparent;
	}	
	
	
	
	.tab1 { 
	  
	  	border-left: 1px dotted #000;
	  	}
  
	.tab2 { 
	  
	  	border-left: 1px dotted #000;
	  	}
	  	
	
	.opis
 {
	 float: right;
	 padding: 2px 10px 0 0;
 }
	.table_name
	{
		margin: -70px 0 0 0;
		padding: 0;
		
	}
	
	
		.level
{
	border-left: 1px dotted #000;
	height: 130px;
	margin: 0 0 0 4px;
	padding: 0;
}
	
		.level4
{
	border-left: 1px dotted #000;
	height: 200px;
	margin: 0 0 0 4px;
	padding: 0;
}

	
.central_tab
{
	background: url(guie_las_playas.jpg) no-repeat;
	border: 1px solid #e6e6e6;
	margin: 0;
	padding: 0;
}    

.central_tab1
{
	background: url(chorwacja.jpg) no-repeat;
	border: 1px solid #cbcbcb;
	margin: 0;
	padding: 0;
} 
.central_tab2
{
	background: url(arena.jpg) no-repeat;
	border: 1px solid #cbcbcb;
	margin: 0;
	padding: 0;
} 
.central_tab3
{
	background: url(wyspy-chorwacja.jpg) no-repeat;
	border: 1px solid #cbcbcb;
	margin: 0;
	padding: 0;
} 

.group_title { font-size: 13px; color: #ff6503; background: url(arrow1.gif) no-repeat 60% 50%; margin: 0; padding: 0 0 1px 10px;  text-decoration: none;}
.group_title1 { font-size: 13px; color: #ff6503; background: url(arrow1.gif) no-repeat 69% 50%; margin: 0; padding: 0 0 1px 10px; text-decoration: none;}
.group_title2 { font-size: 13px; color: #ff6503; background: url(arrow1.gif) no-repeat 70% 50%; margin: 0; padding: 0 0 1px 10px; text-decoration: none;}
.group_title3 { font-size: 13px; color: #ff6503; background: url(arrow1.gif) no-repeat 63% 50%; margin: 0; padding: 0 0 1px 10px; text-decoration: none;}
.group_title4 { font-size: 1.2em; color: #000; background: ; margin: -10px 0 0 0; padding: 3px 0 1px 10px; text-decoration: none;}

.about { font-size: 1.2em; color: #1982cd; background: url() no-repeat 55% 50%; margin: 0; padding: 10px 0 1px 5px;}

.intro { font: 11px sans-serif; color: #294cb0; margin: 8px 5px 2px 5px; border: 2px dashed #e3d9e4; padding: 5px 8px; }






.tab_down
{
	 
	border: 2px solid #e3d9e4;
	margin: 0;
	padding: 0;
} 
.tab_down1
{
	background: url(kuchnia-chorwacja.jpg) no-repeat bottom;
	border: 2px solid #e3d9e4;
	margin: 0;
	padding: 0;
} 


.cuisine { font: 14px tahoma, sans-serif, verdana; color: #8e512b; font-weight: bold; text-align: center; text-decoration: none;}
.cuisinep { font: 11px tahoma, sans-serif, verdana; color: #8e512b; margin: 0; padding: 2px 6px; } 
.cuisinep a:visited { color: #8e512b;  font: 11px tahoma, sans-serif, verdana; text-decoration: underline; }
.cuisinep a:hover { color: #fff; background: #8e512b; font: 11px tahoma, sans-serif, verdana; text-decoration: underline; }
.vols { font: 13px sans-serif, verdana; color: #fff; font-weight: bold; text-decoration: none;}
.volsp { float: left; font: 11px sans-serif, verdana; color: #000; padding: 4px 5px; margin: 10px 0 0 0; text-align: center; } 

.volsp a:visited { font: 14px sans-serif, verdana; color: #fff; text-decoration: underline; }



.food { font: 11px tahoma, sans-serif, verdana; color: #8e512b; margin: 0; float: left; }


.hebregen a:link, a:visited { text-decoration: underline; color: #000; }
	  
	

.level1
	{
		padding: 4px;
		margin: 0;
		background: #F9F8FE;
		
	}
	
	
.intro-list { font: 100% verdana, tahoma, sans-serif; margin: 15px 30px; width: 500px; }

.list-title { font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; margin: 15px 0 0 0; color: #1982cd; }

.terminal {	background: #D4D606; }
	
		/* main text
   --------- */
   .level2
   {
	border-left: 1px dotted #000;
	background: #edf6ff;
	margin: 0 0 0 4px;
	padding: 0 0 0 5px;   
	height: 240px;
   }
   
    .level3
   {
	border-left: 1px dotted #000;
	background: #edf6ff;
	margin: 0 0 1px 4px;
	padding: 0;   
	height: 240px;
 
   }
   
   .articleh
   {
	   font: 20px verdana, sans-serif; 
	   color: #000; 
       border-bottom: 1px solid #88c0fb;
       background: url(article_naslov.gif) no-repeat 100% 100%;
	   margin: 15px 30px 10px 20px;
	

   }
   
   
   .article
{
	margin: 5px 25px 0 30px;
	font: 100% verdana, tahoma, sans-serif;
	
}

   .article2
{
	margin: 5px 25px 50px 30px;
	font: 100% verdana, tahoma, sans-serif;
	
}

.article a:visited { color: #000; }
.mainp
{
	margin: 15px 15px 5px 30px;
	font: 100% verdana, tahoma, sans-serif;
	
}
.mainp a:visited { color: #000; }
   
   .maintext
	{
		margin: 7px;
		padding: 3px 0;
		list-style-type: none;
	}
	.text { padding: 5px 0 0 5px; margin: 0 5px 0 5px; }
	.date { 
		color: #B22315;
		margin: 0;
		padding: 0 0 0 27px;
		}
	.more a:hover { text-decoration: none; color: #fff; background-color: #000; }
	
	.pics 
  	{ 
	  float: right; 
	  margin: 15px 30px 10px 10px; 
	}
	
	.pics1 
  	{ 
	  float: left; 
	  margin: 0 5px 0 5px; 
	}
	
	.random { 
	background: url(ostali-clanci.jpg) no-repeat;
	margin: 50px 20px 0 42px;
	padding: 50px 0 50px 40px;
	list-style-type: none;
	}
	
.random a:link, a:visited { font: 105% serif-sans, tahoma, sans-serif; color: #fff; text-decoration: underline; }
.random a:hover { background: #1982cd; color: #ff6503; text-decoration: underline; }

.intro-list { font: 100% verdana, tahoma, sans-serif; margin: 15px 30px; width: 500px; }

.list-title { font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; margin: 15px 0 0 0; color: #1982cd; }

.topic { margin: 25px 15px 5px 20px; padding: 0; }
.topic a:visited { color: #000; }
.topic a:hover { color: #ff6503; }
.listing { list-style-type: none; }
.theme { float: left; }

.title a:hover { color: #000; }




	
	/* right side
   ---------- */
		
.right {
	float: right;
	width: 27.3%;
	margin: 0;
	border-top: 2px solid #F9F8FE;
}

.right h3 {
	background: #1982CD url(corner2.gif) no-repeat top right;
	color: #fff;
	padding: 5px 0 5px 10px;
	font: bold italic 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: 2px solid #e1e1e1;
	}
	
.naslov { margin: 6px 5px; }
.naslov a { color: #000; text-decoration: none; }
.naslov a:hover { color: #FF6C00; background: #F9F8FE; text-decoration: underline;}

.plonge
{
	
}

.affiliates
{
height: 250px;
padding: 5px 0 5px 45px;
border: 1px dotted #c7c7c7;	
}
	
	.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 #1982CD;
		
	}
	
.menu_1 a:visited
	{
		color: #000; 
		font-weight: bold; 
		
	}
	

.menu_level_1
	{
		list-style-type: none;
		padding: 1px;
		font: bold 100% Tahoma, serif-sans;
	}
.menu_level_1 a:link, a:visited
	{
		text-decoration: none;
		colo: #B22315;
	}
	
.menu_level_1 a:hover
	{
		text-decoration: none;
		color: #FF6C00;
		background: #F9F8FE;
	}
.menu_level_2
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
		color: #000;
		font: bold 100% tahoma, sans-serif, verdana;
	}
.menu_level_2 a:link, a:visited
	{
		text-decoration: none;
		colo: #B22315;
	}
	
.menu_level_2 a:hover
	{
		text-decoration: none;
		color: #FF6C00;
		background: #F9F8FE;
	}
	
	.imageroom {
	float: right;
	margin: 0 0 0 5px;
}
		.imageroom1 {
	float: right;
	margin: 0 0 0 5px;
}

.igraci { margin: 6px 5px; padding: 0; font: 95% Tahoma, sans-serif, Verdana; border-bottom: 1px solid #000; }
.igraci a { text-decoration: underline; }
.price { margin: 6px 5px; padding: 0; font: 95% Tahoma, sans-serif, Verdana; }


.book
{
	color: #ff6503;
	font-weight: bold;
	margin: 10px 1px 5px 1px;
}

.book a:visited
{
	color: #ff6503;
	font-weight: bold;
	
}

.meteo
{
margin: 0 0 0 30px;	
}

.vacances { margin: 50px 0 0 30px; }

	/* footer
   ------ */

.footer { 
	background: #1982CD;
	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: #1982CD; }
.footer a:visited { font: 1.1em tahoma, serif-sans; color: #fff; background: #1982CD; text-decoration: underline; }
.footer a:hover { color: #ff6503; background: transparent; }