/* global */

    body{ 
		background:#fff url(../images/bg_body.gif) repeat-x;
        font:70% Trebuchet MS, Arial, Helvetica, Sans-Serif;
		color:#333;
		line-height:160%;
		margin:0;
		padding:0;
		text-align:center;
        }

    /* headings */
        h1{
			font-size:200%;
			font-weight:normal;
            }		
		h2, h3, h4, h5, h6{
			margin:1em 0;
			color:#1a485b;
			font-weight:normal;
			line-height:120%;
			}	
        h2{            
			font-size:18px;
            }	
        h3{          
			font-size:16px;
            }
        #col2 h3{          
			color:#fff;
			font-size:18px;
			background:#0890c9;
			border-top:1px solid #0d698f;
			padding:8px 16px;        
			margin:0;
		    }	
        #col3 h3{          
			color:#fff;
			font-size:18px;
			background:#0890c9;
			border-top:1px solid #0d698f;
			padding:8px 16px;        
			margin:0;
		    }		
        h4{          
			font-size:14px;
            }				
    /* // headings */

    /* image replacement */
        .graphic, #header h1{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

    /* clearfix */

		.inner:after, ul:after, .fixed:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		.inner, ul, .fixed{
			display:block;
			}
		/*  \*/
		.inner, ul, .fixed{
			min-height:1%;
			}
		* html .inner, * html ul, * html .fixed{
			height:1%;
			}

    /* // clearfix */
	
	/* HTML Tags */
        a{
			text-decoration:none;
			color:#1a485b;
            }
        a:hover{
			color:#999;
            }			
		table, input, textarea, select, li{
			font:100% Trebuchet MS, Arial, Helvetica, Sans-Serif;
			line-height:160%;
			color:#333;
			}				
		p, blockquote, ul, ol, form{
			margin:1em 0;
			}
		blockquote{
			}
		img{
			border:none;
			padding:5px;
			background:#fff;
			border:1px solid #f0f0f0;
			}
		object{
			border:none;
			padding:5px;
			background:#fff;
			border:1px solid #f0f0f0;
			}		
		.star{
			border:0;
			padding:0px;
			background:none;
			border:none;
			float:none;	
			margin:0;
		}
				
		hr{
			display:none;
			}	
		table{
			margin:.5em 0;
			width:100%;
			border-collapse:collapse;
			}
		#col2 table{
			margin-top:0;
			}			
		#col3 table{
			margin-top:0;
			}	
		th, td{	
			padding:3px 6px;
			background:#fafafa;
			border:1px solid #fff;
			}	
		th.alt, td.alt{	
			text-align:right;
			}				
		th{	
			text-align:left;
			}
		li{
			display:list-item;
			}	
	
	/* // HTML Tags */	
	
/* // global */

/* page setup */

	.inner{	
		margin:0 auto;
		width:966px;
		text-align:left;
		position:relative;
		}
	#header{		
		background:url(../images/bg_header.gif) repeat-x;
		}
	#header .inner{
		width:974px;
		height:141px;
		background:url(../images/bg_header_in.jpg) no-repeat 0 0;
		}						
	#content{
		background:url(../images/bg_content.gif) repeat-x;
		padding:17px 0;
		}	
	#main{
		float:left;
		display:inline;
		width:526px;
		margin-left:16px;
		background:#fff;
		font-size:13px;		
		}											
	#col1{
		float:left;
		display:inline;	
		width:222px;	
		}
	#col2{
		float:left;
		display:inline;		
		width:186px;
		margin-left:16px;
		}	
	#col3{
		float:left;
		display:inline;		
		width:300px;
		margin-left:16px;
		}		
	#footer{
		clear:both;
		background:url(../images/bg_footer.gif) repeat-x;
		padding:1em 0;
		}	
	#footer .col1{
		float:left;
		display:inline;	
		width:355px;
		}
	#footer .col2{
		float:left;
		display:inline;		
		margin-left:55px;
		width:130px;
		}					

/* //page setup */


/* navigation elements */

	/* main nav */
		
		ul#nav,  
		ul#nav li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#nav{
			position:absolute;
			left:4px;
			top:101px;
			height:28px;
			}			
		ul#nav li{
			float:left;
			display:inline;
			height:28px;		
			line-height:28px;			
			margin-right:15px;
			}	
		ul#nav li a{
			float:left;
			display:inline;
			height:28px;		
			line-height:28px;			
			font-size:15px;
			color:#333;
			padding:0 10px;
			}	
		ul#nav li.selected a, ul#nav li a:hover{
			background:#ddd;
			}				
	
	/* //main nav */
	
	/* meta nav */
		
		ul#meta,  
		ul#meta li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#meta{
			position:absolute;
			right:4px;
			top:13px;
			height:44px;
			background:#58b8e0;
			padding:0 20px 0 35px;
			}			
		ul#meta li{
			float:left;
			display:inline;
			height:44px;		
			line-height:44px;			
			}	
		ul#meta li a{
			float:left;
			display:inline;
			height:44px;		
			line-height:44px;			
			font-size:12px;
			color:#1a485b;
			padding:0 15px 0 25px;
	/*		background:url(../images/flag_cro.gif) no-repeat 0 50%; */
			}		
/*		ul#meta li.en a{background:url(../img/16px/en.png) no-repeat 0 50%;}								
		ul#meta li.it a{background:url(../images/flag_ita.gif) no-repeat 0 50%;}								
		ul#meta li.gr a{background:url(../images/flag_de.gif) no-repeat 0 50%;}												
	*/	ul#meta li a:hover{
			text-decoration:underline;
			}	
	/* //meta nav */	
	
/* //navigation elements */


/* header */

	#header h1{
		position:absolute;
		top:0;
		left:0;
		width:440px;
		height:88px;
		background:url(../images/bg_logo.jpg) no-repeat 0 0;
		}
	#header h1 a{
		display:block;
		height:88px;
		}		

/* // header */

/* content */

	#col1 ul,  
	#col1 ul li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#col1 ul{
		margin:1em 0;
		border-top:1px solid #f2f2f2;
		}	
	#col1 ul li{
		padding:.5em 0;
		border-bottom:1px solid #f2f2f2;
		}	
	#col1 ul li a{
		display:block;
		padding-left:28px;
		background:url(../images/bg_arrow.gif) no-repeat 9px 50%;
		}	
	#col1 ul li.one a{background:url(../images/ico_rss.gif) no-repeat 2px 50%;}						
	#col1 ul li.two a{background:url(../images/ico_home.gif) no-repeat 2px 50%;}						
	#col1 ul li.three a{background:url(../images/ico_star.gif) no-repeat 2px 50%;}						
	#col1 ul li.four a{background:url(../images/ico_sendmail.gif) no-repeat 2px 50%;}						
	#col1 ul li.five a{background:url(../images/ico_news.gif) no-repeat 2px 50%;}										

	/* featured */
	
		ul#featured,  
		ul#featured li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#featured{
			margin:0 auto;
			width:976px;
			text-align:left;
			padding-bottom:5px;
			}			
		ul#featured li{
			float:left;
			display:inline;
			width:237px;
			border:1px solid #648e40;
			background:#79ad4e url(../images/bg_featured.gif) repeat-x;
			color:#fff;
			padding:5px 0;
			margin-left:4px;
			}			
		ul#featured li img{
			float:left;
			display:inline;
			margin:0 5px;			
			}	
		ul#featured li p{
			float:left;
			display:inline;
			width:110px;
			margin:5px 0 0 5px;
			line-height:120%;
			}			
		ul#featured li p a{
			float:left;
			display:inline;
			margin:5px 0;
			padding:3px 8px;
			background:#fff;
			}												
	
	/* // featured */

	/* intro */

		#intro{
			padding:16px 0;			
			}	
		#intro img{
			float:left;	
			display:inline;
			margin:0 16px;			
			}				
		#intro h2 img{
			float: none;
			display:inline;
			margin:0 0px;			
			}
		#intro p img{
			float: none;
			display:inline;
			margin:0 0px;			
			}
		#intro p{
			margin-right:16px;			
			}
		#intro h2{
			margin-top:0;			
			}			
		#intro p a{
			float:left;
			display:inline;
			background:#f0f0f0 url(../images/bg_arrow.gif) no-repeat 10px 55%;
			padding:4px 10px 4px 25px;
			margin-top:1em;
			}	
			
		#intro p a.link{
			float:none;
			display:inline;
			background:#f0f0f0 url(../images/bg_arrow.gif) no-repeat 10px 55%;
			padding:4px 10px 4px 25px;
			margin-top:1em;
			margin-left:10px;
			}						

	/* // intro */
	
	/* offer */

		.offer, .offer ul, .offer li{
			margin:0;
			padding:0;
			list-style:none;
			}			
		.offer li{
			background:#fafafa;
			border-bottom:1px solid #f0f0f0;
			border-top:1px solid #f0f0f0;	
			padding:.5em 16px;		
			margin:.5em 0;
			line-height:130%;
			}		
		.offer img{
			float:left;	
			margin:0;			
			}	
		.offer div{
			float:left;	
			display:inline;
			margin-left:10px;			
			width:340px;
			}
		.offer ul{
			float:left;	
			display:inline;
			margin-left:10px;			
			width:158px;
			}
		.offer li li{
			float:left;
			clear:both;
			width:158px;
			background:none;
			border-bottom:1px solid #f0f0f0;
			border-top:none;	
			padding:.5em 0;		
			margin:0;
			text-indent:0;
			}				
		.offer ul img{
			float:none;	
			padding:0;
			border:0;
			background:none;			
			}		
	
		.offer li h3 img{
			float: none;
			display:inline;
			margin:0 0px;			
			}
		
		.offer h3{
			margin-top:.25em;			
			}	
		.offer p{
			margin:.5em 0;			
			}						
		.offer p a{
			float:left;
			display:inline;
			background:#f0f0f0 url(../images/bg_arrow.gif) no-repeat 10px 55%;
			padding:4px 10px 4px 25px;
			margin-top:1em;
			}							


	/* // offer */	

	/* support */

		h2.support{
			color:#fff;
			font-size:18px;
			background:#8ec956;
			border-top:1px solid #78ac4d;
			padding:8px 16px;        
			margin:0;
			}	
		p.support{
			margin:0;	
			background:url(../images/bg_support.jpg) no-repeat 0 0;		
			color:#fff;
			overflow:hidden;
			height:84px;
			padding:10px 16px 0 60px;
			text-align:right;
			line-height:120%;
			font-size:11px;
			font-weight:bold;
			}						
		p.supportmail{
			margin-top:1px;	
			background:#79ad4e;		
			color:#fff;
			line-height:120%;
			font-size:13px;			
			}
		p.supportmail a{
			display:block;	
			padding:10px 16px 10px 36px;			
			color:#fff;
			background:url(../images/ico_mail.gif) no-repeat 16px 55%;		
			}									


	/* // support */

	/* form */
																				
		form{
			margin:1em 0;
			}
		fieldset{
			margin:0;
			padding:0;
			border:none;
			}			
		legend{
			display:none;
			}			
		label{
			float:left;
			width:120px;
			text-indent:20px;
			}	
		input, textarea{
			width:250px;
			border:1px solid #ccc;
			padding:5px;
			}	
		input.checkbox{
			width:auto;
			border:none;
			padding:0;
			}		
		input.radio{
			width:auto;
			border:none;
			padding:0;
			}			
		textarea{
			height:120px;
			overflow:auto;
			}						
		form p{
			clear:both;		
			margin:0;
			padding:8px 0;
			background:#f8f8f8;
			border-top:5px solid #fff;
			}	
		form p.submit{
			background:#fff;
			border-top:5px solid #fff;
			}	
		button{
			border:none;
			padding:5px 15px;
			margin:0;
			float:left;
			background:#0890c9;	
			color:#fff;
			font-weight:bold;
			font-size:12px;
			cursor:pointer;
			text-align:center;
			}													
		form#searchForm{
			margin:0;
			position:absolute;
			right:19px;
			top:98px; 
			width:320px;
			}	
		form#cse-search-box{
			margin:0;
			position:absolute;
			right:19px;
			top:98px; 
			width:320px;
			}	
		form#searchForm input{
			background:#def2fa url(../images/bg_search.gif) no-repeat 10px 6px;
			border:1px solid #bfe8f9;
			height:18px;
			padding:6px 6px 6px 37px;
			width:150px;
			float:left;
			vertical-align:middle;
			}	
		form#cse-search-box input{
			padding:6px 6px 6px 6px !important;
			border:1px solid #bfe8f9 !important;
			height:18px !important;
			width:180px !important;
			float:left !important;
			vertical-align:middle !important;
			}				
		form#searchForm label{
			display:none;
			}	
		form#cse-search-box label{
			display:none;
			}					
		form#cse-search-box button{
			float:left;
			display:inline;
			margin-left:5px;
			width:119px;
			height:32px;
			line-height:32px;
			padding:0;
			background:#0890c9;
			vertical-align:middle;
			}	
		form#searchForm button{
			float:left;
			display:inline;
			margin-left:5px;
			width:119px;
			height:32px;
			line-height:32px;
			padding:0;
			background:#0890c9;
			vertical-align:middle;
			}	
			
		form#bookingForm{
			background:#36b0e2 url(../images/bg_booking.gif) no-repeat 0 0;
			margin:0;
			color:#1a485b;
			}
		form#bookingForm h2{
			background:#51bdea;
			border-top:1px solid #2f93bc;
			color:#fff;
			padding:8px 16px;
			margin:0;
			}				
		form#bookingForm p{
			clear:both;		
			margin:0 16px;
			padding:3px 0;
			background:none;
			border:none;
			}
		form#bookingForm label{
			padding:0;
			text-indent:0;
			display:block;
			}						
		form#bookingForm input{
			width:180px;
			}	
		form#bookingForm input.checkbox{
			width:auto;
			margin-bottom:10px;
			vertical-align:top;
			}							
		form#bookingForm p.alt{
			clear:none;		
			float:left;
			width:95px;
			margin-right:0;
			}	
		form#bookingForm p.alt input{
			width:60px;
			}						
		form#bookingForm p.submit{
			margin:0;
			background:#088fc7;
			border-top:1px solid #fff;
			height:40px;
			width:222px;
			}					
		form#bookingForm button{
			margin-left:49px;
			width:125px;
			height:37px;
			line-height:37px;
			padding:0;
			background:url(../images/btn_booking.gif) no-repeat 0 0;
			}	
		 button.provjera{
		 	float:none;
			margin-right:10px;
			margin-left:10px;
			background:#8ec956;	
			color:#fff;
			}	
			
	/* // form */					

/* // content */

/* footer */
	
	#footer ul, 
	#footer li{
		margin:0;
		padding:0;
		list-style:none;
		}	
	#copy{
		clear:both;
		padding:.5em 0;
		}				
	#copy a{
		font-weight:bold;
		}						
				
/* // footer */

.tabselector, .tab-selector {
  width: auto;
  border-bottom: 1px solid #c0c0c0;
  padding: 10px 0 0 20px;
}

.tab-unselected {
  display: inline;
  padding: 2px 7px 0 7px;
  background: #f0f0f0;
  border: 1px solid #c0c0c0;
  border-bottom: 0;
  color: #c0c0c0;
}

.tab-selected {
  display: inline;
  padding: 3px 7px 1px 7px;
  background: #ffffff;
  border: 1px solid #c0c0c0;
  border-bottom: 0;
}

.tab-unselected a {
  padding: 6px;
  color: #a0a0a0;
}

.tab-selected a {
  font-weight: bold;
  color: #0066CC;
  padding: 6px;
}

.panes, .pane-selector {
  width: 97%;
  padding-left: 0px;
  margin: 2%;
  min-height: 300px;
  overflow: auto;
}

.pane-selected {
  list-style-type: none;
  display: block;
  padding: 10px;
}

.pane-unselected {
  list-style-type: none;
  display: none;
}

.calendarHeader { 
	font-weight: normal; 
	font-size:8pt;
	color: #3366CC; 
	background-color: #E6E6E6; 
} 
.calendarToday { 
	font-size:8pt;
	background-color: #EEEEEE; 
} 
.calendar { 
	font-size:8pt;
	background-color: #EEEEEE;
}

.calendar table{
	margin:.5em 0;
	}
.calendar #col2 table{
	margin-top:0;
	}			
.calendar th, td{	
	padding:1px 1px;
	background:#fafafa;
	border:1px #fff;
	}	
.calendarS { 
	background-color: #99CCFF;
}
.calendarSS { 
	background-color: #99CCFF;
}
.calendarZ { 
	background-color: #FF6633;
}
.calendarZZ { 
	background-color: #FF6633;
}
.calendarN { 
	background-color: #CCCCCC;
}
.calendarNN { 
	background-color: #CCCCCC;
}
.calendarSZ { 
	background-position:center;
	background-image: url(../images/sz.gif);
}
.calendarZS { 
	background-position:center;
	background-image: url(../images/zs.gif);
}
.calendarSN { 
	background-position:center;
	background-image: url(../images/sn.gif);
}
.calendarNS { 
	background-position:center;
	background-image: url(../images/ns.gif);
}
.calendarZN { 
	background-position:center;
	background-image: url(../images/zn.gif);
}
.calendarNZ { 
	background-position:center;
	background-image: url(../images/nz.gif);
}