@charset "utf-8";
/* CSS Document */

@import "reset.css";

/*****************************************************/
/* MAIN TAGS */
/* CONTAINER */

html{
	overflow:auto;
	overflow-x:hidden;
	}
	
body{
	background:url(images/bg_body.jpg) center top repeat-x;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	color:#666666;
	font-size:0.94em;
	}

h1{
	height:1.5em;
	color:#333333;
	}

#container{
	width:1000px;
	margin:0 auto;
	background:url(images/bg_head.jpg) top center no-repeat;
	}

.clear{
	clear:both;
	visibility:hidden;
	line-height:0px;
	}
	
.green{color:#72C048;}
.orange{color:#FA9D1C;}
.blue{color:#00ADEF;}

/*****************************************************/
/* HEAD */

#logo{
	width:259px;
	height:360px;
	padding: 0 0 0 46px;
	float:left;
	}

.lang_bar {
	width:208px;
	height:47px;
	padding:25px 0px 0px 51px;
	}	
	
	.slo, .eng, .ita {
		float:left;
		}
		
		.slo { padding:11px 18px 0 0;}
		.eng { padding:6px 18px 0 0;}


#topnav_outer{ 
	background:url(images/bg_topnav_out.jpg) right top no-repeat;
	left:50%;
	margin-left:500px; /* overriden in iefix.css */
	width:158px;
	height:60px;
	position:absolute;
	}

#topnav{
	float:right;
	width:681px;
	height:126px;
	background:url(images/bg_topnav.jpg) right top no-repeat;
	}
		
		#topnav ul li span{visibility:hidden;}
				
		#topnav ul{
			list-style:none;
			margin:0;
			padding:0;
			}
		
		#topnav li{
			float:left;
			display:compact;
			}
			
			#topnav li a{
				text-decoration:none;
				}
			
			#topnav li.o_nas{padding:90px 0 0 8px;}
				#topnav li.o_nas a:hover{background:url(images/bg_topnav_onas_hover.gif) left bottom no-repeat;}
				#topnav li.o_nas a{
					background:url(images/bg_topnav_onas.gif) left bottom no-repeat;
					display:compact;
					padding:10px 15px 0 15px;
					margin-left:20px;
					}
			
			#topnav li.ponudba{padding:82px 0 0 8px;}
				#topnav li.ponudba a:hover{background:url(images/bg_topnav_ponudba_hover.gif) left bottom no-repeat;}
				#topnav li.ponudba a{
					background:url(images/bg_topnav_ponudba.gif) left bottom no-repeat;
					display:compact;
					padding:10px 26px 0 24px;
					margin-left:11px;
					}
			
			#topnav li.hotel{padding:73px 0 0 8px;}
				#topnav li.hotel a:hover{background:url(images/bg_topnav_hotel_hover.gif) left bottom no-repeat;}
				#topnav li.hotel a{
					background:url(images/bg_topnav_hotel.gif) left bottom no-repeat;
					display:compact;
					padding:10px 18px 0 18px;
					margin-left:11px;
					}
			
			#topnav li.camp{padding:64px 0 0 8px;}
				#topnav li.camp a:hover{background:url(images/bg_topnav_camp_hover.gif) left bottom no-repeat;}
				#topnav li.camp a{
					background:url(images/bg_topnav_camp.gif) left bottom no-repeat;
					display:compact;
					padding:10px 16px 0 16px;
					margin-left:11px;
					}
			
			#topnav li.bar{padding:57px 0 0 8px;}
				#topnav li.bar a:hover{background:url(images/bg_topnav_bar_hover.gif) left bottom no-repeat;}
				#topnav li.bar a{
					background:url(images/bg_topnav_bar.gif) left bottom no-repeat;
					display:compact;
					padding:10px 11px 0 16px;
					margin-left:11px;
					}
			
			#topnav li.kontakt{padding:51px 0 0 8px;}
				#topnav li.kontakt a:hover{background:url(images/bg_topnav_kontakt_hover.gif) left bottom no-repeat;}
				#topnav li.kontakt a{
					background:url(images/bg_topnav_kontakt.gif) left bottom no-repeat;
					display:compact;
					padding:17px 45px 0 16px;
					margin-left:10px;
					}


/*****************************************************/
/* CONTENT */		
		
#content{
	width:1000px;
	background: url(images/bg_content.jpg) left top no-repeat;
	margin:2px 0 0 0;
	}

#content_white_bg{
	background: url(images/bg_white.jpg) left 126px repeat-x;
	margin-left:11px;
	width:985px;
	}

#content_left{
	float:left;
	width:705px;
	}
	
	#content p, #content_podstran p{
		margin: 0 0 0 8px;
		line-height:1.2em;
		font-size:0.95em;
		}
		
	#content a, #content_podstran a{
		cursor:pointer;
		}
	
	#content h1, #content_podstran h1{
		font-size:1.80em;
		}
	
	/* HIGHLIGHTS */
		
	#content #hotel{
		width:180px;
		height:300px;
		padding:40px 0 0 27px;
		float:left;
		}
				
	#content #camp{
		width:180px;
		height:300px;
		padding:40px 0 0 35px;
		margin-left:10px;
		float:left;
		}
		
	#content #bar{
		width:180px;
		height:300px;
		padding:40px 0 0 38px;
		margin-left:10px;
		float:left;
		}
		
	#content #hotel img, #content #camp img, #content #bar img{
		margin: 10px 0 0 0;
		border:none;
		}
		
	/* READ MORE */
	
	#content .readmore a{
		color:#666666;
		text-decoration:none;
		display:block;
		width:171px;
		height:42px;
		margin-left:2px;
		float:left;
		background:url(images/bg_index_readmore.jpg) top left no-repeat;
		font-size:0.90em;
		font-weight:bold;
		padding:20px 0 0 50px;
		}
	
	
	/* POSEBNA PONUDBA */
	
	#posebna_ponudba{
		float:left;
		line-height:1em;
		width:250px;
		}
		
		#posebna_ponudba h1{
			color:#FFFFFF;
			text-align:right;
			margin:35px 0 50px 0;
			font-weight:normal;
			}
		
		#posebna_ponudba #posebna_mala{
			font-size:0.70em;
			}
			
		#posebna_ponudba h2{
			font-size:0.8em;
			padding-left:15px;
			background:url(images/bg_news.jpg) top left no-repeat;
			margin:15px 0 0 5px;
			}
			
		#posebna_ponudba .date{
			font-size:0.9em;
			font-weight:normal;
			}
		
		#posebna_ponudba .news{
			font-size:0.8em;
			padding-left:15px;
			}
		
			#posebna_ponudba .news img{
				float:right;
				width:103px;
				margin:5px 0 5px 5px;
				}
		
			#posebna_ponudba .news_readmore a{
				color:#666666;
				text-decoration:none;
				border-bottom:#E2E2E2 solid 1px;
				font-size:0.8em;
				font-weight:bold;
				padding-left:15px;
				margin:10px 0 0 15px;
				background:url(images/bg_news_readmore.jpg) left 4px no-repeat;
				display:block;
			}
			
			#posebna_ponudba #arhiv a{
				background:url(images/bg_arhiv.jpg) top left no-repeat;
				width:226px;
				height:19px;
				padding:5px 0 0 12px;
				color:#FFFFFF;
				font-weight:bold;
				font-size:0.80em;
				text-decoration:none;
				margin:10px 0 0 13px;
				display:block;
				}


#marginator{
	height:25px;
	}
			

/*****************************************************/
/* FOOTER */

#footer{
	background:url(images/bg_footer.jpg) left 69px repeat-x;
	height:383px;
	}
	
	#footer_top{
		background:url(images/bg_footer_top.jpg) 20px top no-repeat;
		width:1000px;
		height:153px;
		margin:0 auto;
		}
	
		#footer_top_slogan{
			font-size:1.30em;
			color:#66CCFF;
			width:450px;
			margin:55px 0 0 60px;
			float:left;
			}
		
		#footer_top_kolofon{ 
			width:200px;
			margin:55px 0 0 230px; /* overriden in iefix.css */
			font-size:0.70em;
			color:#C0C0C0;
			float:left;
			text-align:center;
			line-height:1.3em;
			}
			
			#footer_top_kolofon a{text-decoration:none;color:#6699FF;}
			#footer_top_kolofon a:hover{color:#C0C0C0;}
	
	#footer_bottom{
		margin:37px auto 0 auto;
		width:950px;
		color:#3F853D;
		}
		
		.footer_bottom_column{
			width:125px;
			float:left;
			margin-left:25px;
			font-size:0.9em;
			line-height:1.4em;
			}
			
			.footer_bottom_column li{
				list-style:none;
				}
			
			.footer_bottom_column h2{font-size:1.25em;}
			.footer_bottom_column a{color:#3F853D; text-decoration:none;}
			.footer_bottom_column a:hover{text-decoration:underline;}
			
			
			
/*****************************************************/
/* PODSTRAN */

#content_podstran{
	width:1000px;
	background: url(images/bg_content_podstran.jpg) left top no-repeat;
	margin:2px 0 0 0;
	font-size:1em;
	}
	
		#content_podstran #real_content h1{
			margin-bottom:10px;
			}
		
		#content_podstran #real_content h2{
			margin-top:15px;
			}
	
		#content_podstran #real_content{
			width:600px;
			padding:40px 0 0 27px;
			float:left;
			}
			
			#content_podstran #real_content img{
				float:right;
				margin:3px 0 5px 10px;
				}
				
			#content_podstran #real_content .poravnava_desno{float:right;width:165px;}

			#content_podstran #real_content p{margin:5px 0;}
	
			#content_podstran #real_content ul{margin-top:15px;}
	
			#content_podstran #real_content li{
					list-style:none;
					margin-bottom:3px;
					background:url(images/bg_news_readmore.jpg) left center no-repeat;
					padding-left: 10px;
					font-size:0.9em;
					color:#72C048;
					}
					
			#content_podstran #real_content a{
					text-decoration:none;
					color:#72C048;
					}
					
				#content_podstran #real_content a:hover{
						font-weight:bold;
						}
			
			#content_podstran #real_content label{
				width:200px;
				float:left;
				}
				
			#content_podstran #real_content label2{
				width:120px;
				float:left;
				}	
				
			#content_podstran #real_content label3{
				width:450px;
				float:left;
				}		
				
			.slike_desno {
				float:right;
				width:170px;
				padding-left:15px;
				}	

/*****************************************************/
/* KONTAKTNI OBRAZEC */		

#content_podstran #real_content form img{
	float:left;
	margin:3px 0 5px 0;
	}