/*
RESET CSS
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/*CSS*/

body {
background-color: #051421;
padding: 0 !important;
}

body a {
	color: #CC1A1A;
    text-decoration: none;
	}
	
	body a:hover {
	color: #CC1A1A;
    text-decoration: underline;
	}

#kontejner {
width: 1000px;
margin-left: auto;
margin-right: auto;
}

	#header {
	width: 1000px;
	height: 380px;
	}
	
		.slide_slika {
		width: 1000px;
		height: 380px;
		background-repeat: no-repeat;
		width: 1000px;
	    z-index: -100;
		position: absolute;		
		}
		
		.slide_linije {
		width: 1000px;
		height: 380px;
		background-image: url(../img/slide_linije.png);		
    	z-index: 100;
		}
		
			.header_in {
			width: 900px;
			margin-left: auto;
			margin-right: auto;
			}
			
				#top_meni {
				width: 850px;
				height: 30px;
				background-image: url(../img/top_meni.png);
				background-repeat: no-repeat;
				margin-left: auto;
				margin-right: auto;
				padding-top: 5px;
				padding-left: 10px;
				}
				
					#tmeni {
					float: left;
					width: 620px;
					}
				
						#top_meni li {
						display: inline;
						background-image: url(../img/top_meni_li.jpg);
						background-position: right;
						background-repeat: no-repeat;
						margin-right: 5px;
						padding-right: 10px;
						}
					
						#top_meni a {
						font-family: Arial;
						font-size: 12px;
						color: #d65426;
						text-decoration: none;
						}
						
						#top_meni a:hover {
						font-family: Arial;
						font-size: 12px;
						color: #d65426;
						text-decoration: underline;
						}
					
					#pretraga {
					float: right;
					width: 115px;
					height: 13px;
					font-family: Arial;
					font-size: 11px;
					color: #6c6c6c;
					margin-right: 25px;
					margin-top: 2px;
					}
					
						.pretraga_top {
						width: 115px;
						height: 13px;
						border: 0;
						background: transparent;
						font-size: 11px;
						}
						
												
				#logo {
				clear: both;
				float: left;
				width: 299px;
				height: 77px;
				background-image: url(../img/logo_bck.png);
				background-repeat: no-repeat;
				margin-top: 20px;
				margin-left: 30px;
				}
				
					#logo h1 a {
					display: block;
					width: 299px;
					height: 77px;
					text-indent: -10000px;
					}
					
				.opis {
				clear: left;
				float: right;
				width: 460px;
				height: 40px;
				background-image: url(../img/crno_trans_bck.png);
				background-repeat: repeat;
				font-family: Arial;
				font-size: 12px;
				color: #fff;
				padding: 20px;
				margin-top: 30px;
				margin-bottom: 45px;
				}
				
					.opis h2 {
					font-size: 18px;
					}
					
					.opis a {
					color: #fff;
					text-decoration: none;
					}
					
					.opis a:hover {
					color: #fff;
					text-decoration: underline;
					}
					
				#meni {
				clear: both;
				width: 850px;
				height: 35px;
				background-color: #d65426;
				margin-left: auto;
				margin-right: auto;
				padding-top: 10px;
				padding-left: 10px;
				margin-bottom: 10px;
				}
				
					#meni li {
					display: inline;
					background-image: url(../img/meni_li.png);
					background-position: left;
					background-repeat: no-repeat;
					margin-right: 10px;
				    padding-left: 2px;
					}
					
					#meni a {
					font-family: 'Allan', arial, serif;
					font-size: 18px;
					color: #fff;
					font-weight: bold;
					text-decoration: none;
					}
					
					#meni a:hover {					
					color: #1c2363;
					}
					
				#navig {
				float: right;
				background-image: url(../img/crno_trans_bck.png);
				background-repeat: repeat;
				font-family: Arial;
				font-size: 11px;
				color: #fff;
				padding: 5px;
				text-shadow: 1px 1px #000;
				}
				
					#navig li {
					display: inline;
					margin-right: 3px;
					}
					
					#navig a {
					color: #fff;
					text-decoration: none;
					}
					
					.navig-link-active {
						color: #ff0000 !important;
						}
					 

					
	#sadrzaj {
	clear: both;
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	}
	
		#box1 {
		float: left;
		width: 270px;
		height: 105px;
		background-image: url(../img/tri_box_bck.png);
		background-repeat: no-repeat;
		font-family: Arial;
		font-size: 12px;
		color: #000;
		padding-top: 5px;
		padding-left: 10px;
		}
		
			#box1 h2 {
			font-size: 18px;
			margin-left: 10px;
			margin-bottom: 5px;
			}
			
			#box1 img {
			float: left;
			border: 1px solid #1c2363;
			margin-right: 10px;
			}
			
			#box1 a {
			color: #cc1a1a;
			text-decoration: none;
			}
			
			#box1 a:hover {
			color: #cc1a1a;
			text-decoration: underline;
			}
			
		#box2 {
		float: left;
		width: 270px;
		height: 105px;
		background-image: url(../img/tri_box_bck.png);
		background-repeat: no-repeat;
		font-family: Arial;
		font-size: 12px;
		color: #000;
		padding-top: 5px;
		padding-left: 10px;
		margin-left: 10px;
		}
		
			#box2 h2 {
			font-size: 18px;
			margin-left: 10px;
			margin-bottom: 5px;
			}
			
			#box2 img {
			float: left;
			border: 1px solid #1c2363;
			margin-right: 10px;
			}
			
			#box2 a {
			color: #cc1a1a;
			text-decoration: none;
			}
			
			#box2 a:hover {
			color: #cc1a1a;
			text-decoration: underline;
			}
			
		#box3 {
		float: right;
		width: 270px;
		height: 105px;
		background-image: url(../img/tri_box_bck.png);
		background-repeat: no-repeat;
		font-family: Arial;
		font-size: 12px;
		color: #000;
		padding-top: 5px;
		padding-left: 10px;
		}
		
			#box3 h2 {
			font-size: 18px;
			margin-left: 10px;
			margin-bottom: 5px;
			}
			
			#box3 img {
			float: left;
			border: 1px solid #1c2363;
			margin-right: 10px;
			}
			
			#box3 a {
			color: #cc1a1a;
			text-decoration: none;
			}
			
			#box3 a:hover {
			color: #cc1a1a;
			text-decoration: underline;
			}
			
						
			.inner-box {
				height: 65px;
				}
				
		#overflow {
			width: 260px;
			height: 60px;
			overflow: auto;
			}
			
		#sedmicni_top6 {
		clear: both;
		width: 860px;
		font-family: Arial;
		font-size: 12px;
		color: #000;
		padding-top: 10px;
		}
		
			#sedmicni_top6 h2 {
			width: 840px;
			height: 29px;
			background-image: url(../img/veliki_naslov_bck.png);
			background-repeat: no-repeat;
			font-size: 18px;
			padding-left: 20px;
			padding-top: 8px;
			}
			
		#stranica {
		float: right;
		clear: both;
		width: 570px;
		font-family: Arial;
		font-size: 12px;
		color: #000;
		}
		
			#stranica h2 {
			height: 29px;
			background-image: url(../img/mali_naslov_bck.jpg);
			background-repeat: no-repeat;
			font-size: 18px;
			padding-left: 20px;
			padding-top: 8px;
			}
			
			
			#stranica_ponuda {
		clear: both;
		width: 860px;
		font-family: Arial;
		font-size: 12px;
		color: #000;
		}
		
			#stranica_ponuda h2 {
			width: 840px;
			height: 29px;
			background-image: url(../img/veliki_naslov_bck.png);
			background-repeat: no-repeat;
			font-size: 18px;
			padding-left: 20px;
			padding-top: 8px;
			}
			
			
			#novosti_border {
			width: 848px;
			border-left: 1px solid #eaeaea;
			border-right: 1px solid #eaeaea;
			padding-left: 10px;
			padding-top: 10px;
			}
			
			#stranica_border {
			width: 548px;
			border-left: 1px solid #eaeaea;
			border-right: 1px solid #eaeaea;
			padding: 10px;
			}
			
				#stranica_border img {
					max-width: 548px;
					}
					
				#stranica_border h3 a {
					font-size: 16px;
					font-weight: bold;
					padding-left: 5px;
					}
			
			#stranica_border_ponuda {
			width: 838px;
			border-left: 1px solid #eaeaea;
			border-right: 1px solid #eaeaea;
			padding: 10px;
			}
			
				#stranica_border_ponuda br {
					display: block;
    margin-bottom: 1px;
    margin-top: 1px;					
					}
			
				#stranica_border h2 {
					background-image: none;
					background-repeat: no-repeat;
					font-size: 18px;
					height: auto !important;
					padding-left: 0px;
					padding-top: 0px;
					}
					
				#stranica_border_ponuda img {
					border: 1px solid #EAEAEA;
					margin-bottom: 5px;
					margin-right: 5px;
					max-width: 120px;
					padding: 5px;
					}
					
				#stranica_border_ponuda h2 {
					background-image: none;
					background-repeat: no-repeat;
					font-size: 18px;
					height: auto !important;
					padding-left: 0px;
					padding-top: 0px;
					}
					
				#stranica_border_ponuda h3 {
					font-size: 16px;
					font-weight: bold;
					}
			
			#novost {
			float: left;
			width: 410px;
			margin-bottom: 20px;
			}
			
				#novost a {
				font-size: 18px;
				color: #CC1A1A;
				text-decoration: none;
				}
				
				#novost a:hover {
				font-size: 18px;
				color: #000;
				text-decoration: underline;
				}
			
				#slika_v {
				float: left;
				width: 150px;
				height: 100px;
				}
				
					#slika_v img {
					width: 148px;
					height: 98px;
					border: 1px solid #bfbfbf;
					}
			
				#text_v {
				float: left;
				width: 250px;
				margin-left: 10px;
				}
				
					.naslov_vijesti {
					font-size: 18px;
					}
					
		#sadrzaj_dole {
		clear: both;
		width: 860px;
		height: 10px;
		background-image: url(../img/sadrzaj_dole.png);
		background-repeat: no-repeat;
		}
		
		#sadrzaj_mali_dole {
		clear: both;
		width: 570px;
		height: 10px;
		margin-bottom:10px;
		background-image: url(../img/mali_sadrzaj_dole.jpg);		
		background-repeat: no-repeat;
			}
		
		#lijevo {
			width: 280px;
			float: left;
			font-family: Arial;
			font-size: 12px;
			color: #000;
			}
		
		#clear {
		clear: both;
		}
		
		#bottom {
		clear: both;
		width: 860px;
		margin-top: 10px;
		}
		
			#b_left {
			float: left;
			width: 280px;
			font-family: Arial;
			font-size: 12px;
			color: #000;
			}
			
				#online_rezervacije {
				width: 280px;
				}
				
					#online_rezervacije h2 {
					width: 260px;
					height: 29px;
					background-image: url(../img/boks_mali_naslov.png);
					background-repeat: no-repeat;
					font-size: 18px;
					padding-left: 20px;
					padding-top: 8px;
					}
					
				#rez_jadran {
				width: 280px;
				margin-top: 10px;
				background-color: #fff;
				}
				
					#rez_jadran h2 {
					width: 260px;
					height: 29px;
					background-image: url(../img/boks_mali_naslov.png);
					background-repeat: no-repeat;
					font-size: 18px;
					padding-left: 20px;
					padding-top: 8px;
					}
					
					#text_jadran {
					width: 250px;
					height: 156px;
					background-image: url(../img/rezervacije_jadran.png);
					background-repeat: no-repeat;
					padding-left: 20px;
					padding-right: 20px;

					}
					
						#text_jadran a {
						color: #cc1a1a;
						text-decoration: underline;
						}
						
						.rez_jadr_t {
						margin-top: 10px;
						}
                
#rez_skijanje {
				width: 280px;
				margin-top: 10px;
				background-color: #fff;
				}
				
					#rez_skijanje h2 {
					width: 260px;
					height: 29px;
					background-image: url(../img/boks_mali_naslov.png);
					background-repeat: no-repeat;
					font-size: 18px;
					padding-left: 20px;
					padding-top: 8px;
					}
					
					#text_skijanje {
					width: 250px;
					height: 156px;
					background-image: url(../img/rezervacije_skijanje.png);
					background-repeat: no-repeat;
					padding-left: 20px;
					padding-right: 20px;

					}
					
						#text_skijanje a {
						color: #cc1a1a;
						text-decoration: underline;
						}
						.rez_skijanje_t {
						margin-top: 10px;
						}
						
				#newsletter {
				width: 280px;
				height: 53px;
				margin-top: 10px;
				}
				
			#b_middle {
			float: left;
			width: 280px;
			font-family: Arial;
			font-size: 12px;
			color: #000;
			margin-left: 10px;
			}
			
				#prognoza {
				width: 280px;
				height: 52px;
				}
				
				#pitanje_forma {
				width: 280px;
				margin-top: 10px;
				}
				
					#pitanje_forma h2 {
					width: 260px;
					height: 29px;
					background-image: url(../img/boks_mali_naslov.png);
					background-repeat: no-repeat;
					font-size: 18px;
					padding-left: 20px;
					padding-top: 8px;
					}
					
					#forma {
					width: 260px;
					font-family: Arial;
					font-size: 12px;
					color: #000;
					background-color: #ebebeb;
					text-align: right;
					padding: 10px;
					}
					
						#forma img {
						float: right;
						margin-bottom: 10px;
						}
					
						.box1 {
						width: 173px;
						height: 19px;
						border: 1px solid #bfbfbf;
						margin-bottom: 10px;
						}
						
						.box2 {
						width: 78px;
						height: 19px;
						border: 1px solid #bfbfbf;
						font-size: 11px;
						color: #707070;
						margin-bottom: 10px;
						}
						
						.box3 {
						width: 93px;
						height: 19px;
						border: 1px solid #bfbfbf;
						font-size: 11px;
						color: #707070;
						margin-right: 5px;
						}
						
						.box4 {
						width: 20px;
						height: 19px;
						border: 1px solid #bfbfbf;
						font-size: 11px;
						color: #707070;
						margin-bottom: 10px;
						}
						
						.bdana {
						clear: both;
						}
						
						.text_area {
						float: right;
						width: 158px;
						height: 43px;
						border: 1px solid #bfbfbf;
						margin-left: 5px;
						margin-bottom: 10px;
						}
						
						.posalji {
						clear: both;
						float: right;
						padding: 4px 8px 4px 8px;
						border: 1px solid #bfbfbf;
						background-color: #fff;
						}
						
						.clear {
						clear: both;
						}
						
			#b_right {
			float: right;
			width: 280px;
			font-family: Arial;
			font-size: 12px;
			color: #000;
			}
			
				#special {
				width: 280px;
				background-image: url(../img/boks_mali_dole.png);
				background-position: bottom;
				background-repeat: no-repeat;
				padding-bottom: 10px;
				}
				
					#special h2 {
					width: 260px;
					height: 29px;
					background-image: url(../img/boks_mali_naslov.png);
					background-repeat: no-repeat;
					font-size: 18px;
					padding-left: 20px;
					padding-top: 8px;
					}
				
					#spec_in {
					width: 278px;
					border-left: 1px solid #eaeaea;
					border-right: 1px solid #eaeaea;
					padding-top: 10px;
					}
					
				#k_info {
				width: 280px;
				background-image: url(../img/boks_mali_dole.png);
				background-position: bottom;
				background-repeat: no-repeat;
				padding-bottom: 10px;
				margin-top: 10px;
				}
				
					#k_info h2 {
					width: 260px;
					height: 29px;
					background-image: url(../img/boks_mali_naslov.png);
					background-repeat: no-repeat;
					font-size: 18px;
					padding-left: 20px;
					padding-top: 8px;
					}
					
					#k_info_in {
					width: 258px;
					border-left: 1px solid #eaeaea;
					border-right: 1px solid #eaeaea;
					padding-top: 10px;
					padding-left: 10px;
					padding-right: 10px;
					}
					
					#k_info_in p {
					margin-bottom: 5px;
					}
					
		#partneri {
		clear: both;
		width: 860px;
		margin-top: 20px;
		}
		
			#partneri h2 {
			width: 90px;
			font-family: Arial;
			font-size: 11px;
			color: #000;
			background-color: #dedede;
			padding-left: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
			}
			
			.linija {
			display: block;
			width: 860px;
			height: 1px;
			background-color: #dedede;
			margin-bottom: 10px;
			}
			
			#prvi_red {
			width: 860px;
			height: 30px;
			text-align: center;
			}
			
				#prvi_red img {
				margin-right: 2px;
				}
				
			#drugi_red {
			width: 860px;
			height: 30px;
			text-align: center;
			margin-top: 5px;
			}
			
				#drugi_red img {
				margin-right: 2px;
				}
				
		#footer {
		clear: both;
		width: 860px;
		height: 29px;
		border-top: 1px solid #dedede;
		background-image: url(../img/blmedia_znak.png);
		background-position: bottom right;
		background-repeat: no-repeat;
		font-family: Arial;
		font-size: 12px;
		color: #000;
		text-align: center;margin-top: 10px;
		padding-top: 20px;
		}
		
			#footer a {
			color: #cc1a1a;
			text-decoration: none;
			}
				
			#footer a:hover {
			color: #cc1a1a;
			text-decoration: underline;
			}		
		
	.menu_option {		
		display: none;
		font-size: 12px;
		padding: 10px;
		position: absolute;
		z-index: 1000;
		padding-top: 15px;
	}
			
	.menu_option a {
		font-family: Arial, Helvetica, sans-serif !important;
		font-size: 14px !important;
		background-color: #d65426 !important;
		border-top: 1px solid #e88460 !important;
		border-left: 1px solid #e88460 !important;
		border-right: 1px solid #e88460 !important;
		display: block !important;
		padding: 4px 6px 4px 6px !important;
		font-weight: normal !important;
		}
		
		.moptions li {
			display: block !important;
			background-image: none !important;
			}
			
		#menu1 {
			margin-left: -10px;
			}
			
		#menu2 {
			margin-left: 80px;
			}
			
		#menu4 {
			margin-left: 310px;
			}
			
		#menu5 {
			margin-left: 405px;
			}
			
		#menu11 {
			margin-left: 480px;
			}
			
		.box_vrijednost_avio {
    border: 1px solid #ccc;
    color: #707070;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-bottom: 3px;
    margin-left: 5px;
    margin-top: 3px;
    padding-left: 4px;
    padding-top: 2px;
	padding-bottom: 2px;
}

.box_vrijednost {
    border: 1px solid #ccc;
    color: #707070;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-bottom: 3px;
    margin-left: 5px;
    margin-top: 3px;
    padding-left: 4px;
    padding-top: 2px;
	padding-bottom: 2px;
}

.box_text_field {
	border: 1px solid #ccc;
    color: #707070;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-bottom: 3px;
    margin-left: 5px;
    margin-top: 3px;
    padding-left: 4px;
    padding-top: 2px;
	padding-bottom: 2px;
	}

.avio_tekst {
    text-align: right;
}

.dugme_lijevo {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 5px 3px 5px 3px;
	}
	
	#kategorije_listing {
		padding: 5px 0px 5px 0px;
		border-bottom: 1px solid #EAEAEA;
	    margin-bottom: 10px;
		}
		
		.filterDrop {
			padding: 1px;
			border: 1px solid #eaeaea;
			}
			
		#ponuda_listing {
			}
			
			.jedan_unos img {
				padding: 5px;
				border: 1px solid #eaeaea;
				margin: 0px 5px 10px 0px;
				}
				
			.jedan_unos a {
				font-size: 16px;
				font-weight: bold;
				}
				
			#navigacija {
				width: 548px;
				}
				
				.podon {
					display: none;
					}
				.podoff {
					display: block;
					}
				
			.navigacija li {
				background-color: #EAEAEA;
				display: inline-block;
				margin-right: 3px;
				margin-bottom: 3px;
				padding: 2px 5px;
				}
				
				
				.container input {
					padding: 3px 5px 3px 5px;
					margin-top: 5px;
					margin-bottom: 5px;
					margin-left: 5px;
					border: 1px solid #bfbfbf;
					}
		/*
		Meni
		*/
		
#nav, #nav ul{	
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

#nav a{
display:block;
padding:0px 5px;
color:#fff;
text-decoration:none;
}

#nav a:hover{
color:#333;
}

.nav_sub a{
	font-family:Arial, Helvetica, sans-serif !important;
display:block;
color:#fff;
text-decoration:none;
font-size: 12px !important;
}

.nav_sub a:hover{
	font: Arial, Helvetica, sans-serif !important;
color:#333 !important;
}

.nav_sub li{
float:left !important;
position:relative !important;
	display: block !important;
	width: 150px !important;
	padding: 5px !important;
	background-color: #D65426 !important;
	background-image: none !important;
	border-top: 1px solid #e88460 !important;
	border-left: 1px solid #e88460 !important;
	border-right: 1px solid #e88460 !important;
}

.nav_sub ul {
position:absolute;
display:none;
width: 100%;
}


.nav_sub li ul a{
height:auto;
float:left;
}

.nav_sub ul ul{
top:auto;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
top:1.5em;
width: 100%;
}

#nav li ul a{
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}		

#nav li ul ul {
left: auto;
margin:0px 0 0 10px;
left:150px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}