/* CSS Document */

*, html {
	margin:0;
	padding:0;
}


body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c4c4c;
	background:#f7ebcb;
}

p {
	margin-bottom:15px;
	}

a, a:visited {
	text-decoration:underline;
}

a:active, a:hover {
	text-decoration:none;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	text-transform:uppercase;
	font-weight:normal;
}

h2 {
	font-size:11px;
	font-weight:normal;
	color: #626262;
}



img {
	border:none;
	padding:0;
   

}



#container {
	position:relative;
	width:100%;
	background:url(images/container-bg.jpg) repeat-x;
}

#main_content	{
	width:917px;
	margin:0 auto;
}

#header	{
	width:100%;
	position:relative;
	float:left;
}	

#header	.left {
	width:410px;
	height:60px;
	position:relative;
	float:left;
}	

#header	.right{
	width:505px;
	position:relative;
	float:left;
	text-align:right;
}	

#header	.right img{
	vertical-align:middle;
}	

#flash {
	width:100%;
	position:relative;
	float:left;
	padding:0;
	margin:0;
	height:332px;
}

#top_menu {
	width:100%;
	text-align:right;
	font-size:12px;
	color:#ffffff;
	position:relative;
	float:left;
	margin-top:5px;
}	

#top_menu img {
	vertical-align:bottom;
}

#top_menu a{
	color:#ffffff;
}

#pretraga {
	width:100%;
	text-align:right;
	font-size:12px;
	color:#ffffff;
	position:relative;
	float:left;
	margin-top:12px;
}

#pretraga .search-input{
	width:139px;
	height:16px;
	background:url(images/pretraga-bg.gif) no-repeat;
	border:none;
	padding-left:10px;
	font-size:11px;
	padding-top:3px;
}

#navigation {
	width:100%;
	height:38px;
	position:relative;
	float:left;
}


#navigation .show{
	display:none;
    left: 703px;
	list-style:none;
    position: absolute;
    top: 27px;
    width: 182px;
    z-index: 999999;
}

#navigation .show li {

}

#navigation .show a:link, #navigation .show a:visited {
	position: relative;
	
	text-indent: 0px;
	overflow: visible;
	z-index: 9999999;
	cursor:pointer;
	display:block;
	border-top:1px solid #fff;
	background:#b639b8;	
	height: 18px;
	width:180px;
	left:0px;
	top:10px;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	padding:20px 0 0 25px;
	
}

#navigation .show a:hover {
	text-decoration:underline
	
}



.nav {
	width: 917px;
	height: 38px;
	background:url(images/nav.gif) no-repeat;
	position: relative;
	line-height:0.1em;
	font-size:0.1em;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 38px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	cursor:pointer
}


.nav .p8 a:link, .nav .p8 a:visited, .nav-p8, .nav-p8-click{
	left: 0px;
	top: 0;
	width: 116px;
	height: 38px;
}
.nav .p8 a:hover, .nav .p8 a:focus, .current-p8 .p8 a:link, .current-p8 .p8 a:visited{background: url(images/nav.gif) no-repeat 0px -38px;}
.nav .p8 a:active {background: url(images/nav.gif) no-repeat 0px -76px;}
.current-p8 .p8 a:link, .current-p8 .p8 a:visited {cursor: default;}
.nav-p8, .nav-p8-click{position: absolute;	background: url(images/nav.gif) no-repeat 0px -38px;}
.nav-p8-click {background: url(images/nav.gif) no-repeat 0px -76px;}


.nav .p1 a:link, .nav .p1 a:visited, .nav-p1, .nav-p1-click{
	left: 611px;
	top: 0;
	width: 92px;
	height: 38px;
}
.nav .p1 a:hover, .nav .p1 a:focus, .current-p1 .p1 a:link, .current-p1 .p1 a:visited{background: url(images/nav.gif) no-repeat -611px -38px;}
.nav .p1 a:active {background: url(images/nav.gif) no-repeat -611px -76px;}
.current-p1 .p1 a:link, .current-p1 .p1 a:visited {cursor: default;}
.nav-p1, .nav-p1-click{position: absolute;	background: url(images/nav.gif) no-repeat -611px -38px;}
.nav-p1-click {background: url(images/nav.gif) no-repeat -611px -76px;}

.nav .p2 a:link, .nav .p2 a:visited, .nav-p2, .nav-p2-click{
	top: 0;
	left: 117px;
	width: 117px;
	height: 38px;
}
.nav .p2 a:hover, .nav .p2 a:focus, .current-p2 .p2 a:link, .current-p2 .p2 a:visited{background: url(images/nav.gif) no-repeat -117px -38px;}
.nav .p2 a:active {background: url(images/nav.gif) no-repeat -117px -76px;}
.current-p2 .p2 a:link, .current-p2 .p2 a:visited {cursor: default;}
.nav-p2, .nav-p2-click{position: absolute; background: url(images/nav.gif) no-repeat -117px -38px;}
.nav-p2-click {background: url(images/nav.gif) no-repeat -117px -76px;}


.nav .p3 a:link, .nav .p3 a:visited, .nav-p3, .nav-p3-click{
	top: 0;
	left: 234px;
	width: 158px;
	height: 38px;
}
.nav .p3 a:hover, .nav .p3 a:focus, .current-p3 .p3 a:link, .current-p3 .p3 a:visited{
	background: url(images/nav.gif) no-repeat -234px -38px;
}
.nav .p3 a:active {
	background: url(images/nav.gif) no-repeat -234px -76px;
}
.current-p3 .p3 a:link, .current-p3 .p3 a:visited {
	cursor: default;
}
.nav-p3, .nav-p3-click{
		position: absolute;
		background: url(images/nav.gif) no-repeat -234px -38px;
	}
.nav-p3-click {
	background: url(images/nav.gif) no-repeat -234px -76px;
}


.nav .p4 a:link, .nav .p4 a:visited, .nav-p4, .nav-p4-click{
	top: 0;
	left: 392px;
	width: 100px;
	height: 38px;
}
.nav .p4 a:hover, .nav .p4 a:focus, .current-p4 .p4 a:link, .current-p4 .p4 a:visited{
	background: url(images/nav.gif) no-repeat -392px -38px;
}
.nav .p4 a:active {
	background: url(images/nav.gif) no-repeat -392px -76px;
}
.current-p4 .p4 a:link, .current-p4 .p4 a:visited {
	cursor: default;
}
.nav-p4, .nav-p4-click{
		position: absolute;
		background: url(images/nav.gif) no-repeat -392px -38px;
	}
.nav-p4-click {
	background: url(images/nav.gif) no-repeat -392px -76px;
}


.nav .p5 a:link, .nav .p5 a:visited, .nav-p5, .nav-p5-click{
	top: 0;
	left: 492px;
	width: 117px;
	height: 38px;
}
.nav .p5 a:hover, .nav .p5 a:focus, .current-p5 .p5 a:link, .current-p5 .p5 a:visited{
	background: url(images/nav.gif) no-repeat -492px -38px;
}
.nav .p5 a:active {
	background: url(images/nav.gif) no-repeat -492px -76px;
}
.current-p5 .p5 a:link, .current-p5 .p5 a:visited {
	cursor: default;
}
.nav-p5, .nav-p5-click{
		position: absolute;
		background: url(images/nav.gif) no-repeat -492px -38px;
	}
.nav-p5-click {
	background: url(images/nav.gif) no-repeat -491px -76px;
}


.nav .p6 a:link, .nav .p6 a:visited, .nav-p6, .nav-p6-click{
	top: 0;
	left: 703px;
	width: 106px;
	height: 38px;
}
.nav .p6 a:hover, .nav .p6 a:focus, .current-p6 .p6 a:link, .current-p6 .p6 a:visited{
	background: url(images/nav.gif) no-repeat -703px -38px;
}
.nav .p6 a:active {
	background: url(images/nav.gif) no-repeat -703px -76px;
}
.current-p6 .p6 a:link, .current-p6 .p6 a:visited {
	cursor: default;
}
.nav-p6, .nav-p6-click{
		position: absolute;
		background: url(images/nav.gif) no-repeat -703px -38px;
	}
.nav-p6-click {
	background: url(images/nav.gif) no-repeat -703px -76px;
}


.nav .p7 a:link, .nav .p7 a:visited, .nav-p7, .nav-p7-click{
	top: 0;
	left: 809px;
	width: 106px;
	height: 38px;
}
.nav .p7 a:hover, .nav .p7 a:focus, .current-p7 .p7 a:link, .current-p7 .p7 a:visited{
	background: url(images/nav.gif) no-repeat -809px -38px;
}
.nav .p7 a:active {
	background: url(images/nav.gif) no-repeat -809px -76px;
}
.current-p7 .p7 a:link, .current-p7 .p7 a:visited {
	cursor: default;
}
.nav-p7, .nav-p7-click{
		position: absolute;
		background: url(images/nav.gif) no-repeat -809px -38px;
	}
.nav-p7-click {
	background: url(images/nav.gif) no-repeat -809px -76px;
}





#kajron {
	width:100%;
	position:relative;
	float:left;
	height:34px;
	background:url(images/kajron-bg.jpg) repeat-x;
}

#kajron .left {
	color:#3686cc;
	width:160px;
	margin-left:23px;
	font-size:13px;
	position:relative;
	float:left;
	font-weight:bold;
	margin-top:10px;
}

#kajron .kajron-container {
	color:#3686cc;
	width:600px;
	height:20px;
	font-size:13px;
	position:relative;
	float:left;
	margin-top:10px;
	overflow:hidden;
}

#kajron .kajron-container a{
	color:#3686cc;
	text-decoration:none;
}

#kajron .kajron-container a:hover{

	text-decoration:underline;
}

#kajron .right {
	color:#3686cc;
	width:83px;
	height:33px;
	font-size:13px;
	position:relative;
	font-weight:bold;
	float:left;
	margin-left:20px;

}

#content{
	position:relative;
	float:left;
	width:100%;
	background:#fff;
}

#left{
	position:relative;
	float:left;
	width:605px;
	background:#fff;
	padding:28px 10px;
}

#right{
	position:relative;
	float:left;
	width:282px;
	background:#fff;
	margin-left:10px;

}


/* NASLOVNA */

#left .top{
	position:relative;
	float:left;
	width:597px;
	border-bottom:#f7ebcb 1px solid;
	padding-left:18px;
}

#left .top .title {
	color:#b639b8;
	text-align:center;
	font-size:12px;
	margin-bottom:5px;
}


#left .top .title a{
	color:#3686cc;
	font-size:11px;
	text-decoration:underline;
	
}

#left .top .title a:hover{

	text-decoration: none;
	
}

#left .top .aktuelno {
	position:relative;
	width:592px;
	background:url(images/ponude-bg.jpg) no-repeat;
	height:308px;
	margin-bottom:25px;
	padding-left:20px;
	padding-top:15px;
}

#left .top .aktuelno p{
	margin:0 0 12px 0;
}

#left .top .aktuelno a{
	color:#c353c3;
}

#left .top .items {
	width:168px;
	margin-right:40px;
	float:left
}

#left .top .items_last {
	width:168px;
	margin-right:0px;
	float:left
}



#left .middle {
	position:relative;
	float:left;
	width:570px;
	border-bottom:#f7ebcb 1px solid;
	padding-left:18px;
	padding-right:27px;
	margin-top:10px;
}


#left .top .left {
	position:relative;
	float:left;
	width:333px;
}

#left .top .right {
	position:relative;
	float:left;
	width:245px;
}

#left .bottom {
	position:relative;
	float:left;
	width:597px;
	padding-left:18px;
	margin-bottom:40px;
	margin-top:15px;
}

#left .bottom .item {
	position:relative;
	float:left;
	width:252px;
	height:50px;
	padding-top:21px;
	font-size:11px;
	margin-right:65px;
}

#left .bottom .item-destinacije {
	position:relative;
	float:left;
	width:597px;
	padding-top:21px;
	margin-right:0px;
}


#left .bottom .item2 {
	position:relative;
	float:left;
	width:252px;
	height:50px;
	padding-top:21px;
	font-size:11px;
	margin-right:0px;
}

#left .top .left a, #left .top .right a, #left .top .right span, #left .bottom a {
	color:#c353c3;
}

#left .bottom a {
	font-size:12px;
	text-decoration:none;
}

#left .bottom a:hover {
	text-decoration:underline;
}

#left .top .left a.button, #left .top .right a.button, #left .aranzmani-hotel .opisi a.button {
	background:url(images/purple-button.jpg) no-repeat;
	width:190px;
	height:25px;
	color:#FFFFFF;
	display:block;
	padding-top:13px;
	text-align:center;
	text-decoration:none;

}

#left .middle h2 {
	font-size:12px;
	color:#3686cc;
	margin:10px 0;
}


#left .middle form input {
	width:254px;
	height:22px;
	border:1px solid #CCC;
}

#left .middle form input.button {
	width:76px;
	height:24px;
	border:none;
	background:url(images/posalji.jpg) no-repeat;
}

#left .middle form textarea {
	width:426px;
	height:152px;
	border:1px solid #CCC;
	overflow:hidden;
}

#left .middle form select {
	width:254px;
	height:25px;
	border:1px solid #CCC;
}

#left .middle form input.radiob {
	width:auto;
	height:auto;
	border:none;
}


#left .middle form .calendarbutton {
	left:237px;
}

#left .middle p, #left .bottom p {
	margin:0;
}

#left .middle p.detaljnije {
	margin:0 0 15px 0;
}

#left .middle a {
	color:#3686cc;
	font-size:11px;
}

#left .bottom a.detaljnije {
	color:#3686cc;
	font-size:11px;
	text-decoration:underline;
}

#left .bottom a.detaljnije:hover {
text-decoration:none;
}

/* PONUDE LEVO */ 

#left .ponude-items {
	width:582px;
	height:204px;
	padding: 9px 0 0 9px;
	background:url(images/aktuelne-ponude-bg.jpg) no-repeat;
}
#left .ponude-aranzmani {
	width:582px;
	padding: 9px 0 0 9px;
	margin-bottom:20px;
}

#left .destinacije {
	width:582px;
	padding: 9px 0 0 0px;
	margin-bottom:20px;
}

#left .destinacije p {
	text-align:justify;
	margin-bottom:13px;
}

#left .ponude-aranzmani a{
	width:100%;
	color:#c04ec1;
	font-size:12px;
	font-weight:bold;
}



.aviokarte td {
	border-top:1px solid #f7ebcb;	
	border-right:1px solid #f7ebcb;
	padding:5px 5px 5px 5px;
}

.aviokarte2 td {
	border:none;
	padding:2px;
}

/* ARANZMAN LEVO */ 

#left .aranzman-slika {
	width:572px;
	height:42px;
	padding: 119px 0 0 9px;
	
	
}
#left .aranzmani-hotel {
	width:592px;
	padding-bottom:0px;
	margin-bottom:20px;
	border-bottom:1px solid #f7ebcb;
}

#left .aranzmani-hotel .slike, #left .destinacije .slike {
	width:592px;
	padding: 0;
	margin-bottom:8px;
	clear:both;
	height:127px;
}

#left .aranzmani-hotel .slike .th, #left .destinacije .slike .th {
	width:104px;
	padding: 0;
	margin-right:18px;
	float:left;
	height:127px;
	position:relative;

}

#left .opisi {
	width:592px;
	padding: 0;
	margin-bottom:20px;
	text-align:justify
}


#left .opisi p{
	width:592px;
	padding: 0;
	margin-bottom:15px;
	text-align:justify
}

#left .ponude-aranzmani a{
	width:100%;
	color:#c04ec1;
	font-size:12px;
}

/* NASLOVNA DESNO */


#right .item{
	position:relative;
	float:left;
	width:281px;
	background:#fdf5e1;
	border-left:1px solid #f7ebcb;
	border-bottom:1px solid #f7ebcb;
}

#right .item .heading{
	position:relative;
	float:left;
	width:281px;
	height:54px;
	background: url(images/right-heading.jpg) repeat-x;
	border-bottom:1px solid #f7ebcb;

	color:#3686cc;
}

#right .item .heading .vertical{
	padding-top:13px;
	text-align:right;
	padding-right:10px;
}

#right .item .letovi{
	width:268px;
	border-bottom:1px solid #f7ebcb;
	padding: 10px 0 10px 13px;
	position:relative;
	float:left;
}

#right .item .letovi img {
	vertical-align:middle;
	margin-right:5px;
}

#right .item .content{
	clear:left;
	width:253px;
	margin:0 auto;
	font-size:11px;
}

#right .item .content2{
	clear:left;
	width:253px;
	margin:0 auto;
	font-size:11px;
}

#right .item .content2 .item2{
	clear:left;
	width:253px;
	margin:15px auto;

}

#right .item .content2 .item2 a{
	color:#3686cc;
	text-decoration:none
}
#right .item .content2 .item2 a:hover{

	text-decoration:underline;
}

#right .item .content2 .item2 a.detaljnije {
	color:#b334b5;
	font-size:11px;
	text-decoration:underline;
}

#right .item .content2 .item2 a.detaljnije:hover {
text-decoration:none;
}

#right .item .content2 .item2 p {
	margin-bottom:0px;
	
}


#right .item .content img {
	vertical-align: bottom
}


#right .item .content form select {
	width:190px;
	font-size:11px;
	color:#727272;
	padding-top:2px;
	height:21px;
}

#right .item .content form input[type=text] {
	width:187px;
	font-size:11px;
	color:#727272;
	border:1px solid #dddddd;
	padding-top:3px;
	padding-left:3px;
	height:16px;
}

#right .item .content form input.ckb {
	width:auto;
	font-size:11px;
	color:#727272;
	border:none;
	padding:0px;
	height:auto;
}

#right .item .content form input.dugme {
	width:76px;
	font-size:11px;
	color:#727272;
	background:url(images/trazi.jpg) no-repeat;
	border:none;
	padding:0px;
	height:24px;
}

#right .item form input.newsletter {
	width:210px;
	font-size:11px;
	color:#727272;
	padding:5px 0 0 3px;
	height:19px;
	border:1px solid #f7ebcb;
}

#right .item  form input.newsletter_dugme {
	width:27px;
	font-size:12px;
	color:#ffffff;
	background: url(images/ok.gif) no-repeat;
	border:none;
	padding:0px;
	height:24px;
}

#bottom{
	position:relative;
	float:left;
	width:100%;
	background:#fff;
	color:#3686cc;
	border-top:1px solid #f7ebcb;
	padding-bottom:5px;
}


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 255px; /*Width of Carousel Viewer itself*/
height: 400px; /*Height should enough to fit largest content's height*/
float:left;
margin: 0px;

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
 /*margin around each panel*/
width:108px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:380px;
margin:0px 30px 0 0px;
padding-left:0px;
}

.stepcarousel .thumb{
margin-bottom:10px;
}

#right .item .content2 .item2 .stepcarousel  a{
font-weight:bold;
color:#c04ec1;
text-decoration:underline;
}

#right .item .content2 .item2 .stepcarousel a:hover{
text-decoration:none
}


/*Galerija jedna slika*/

.stepcarousel2{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 594px; /*Width of Carousel Viewer itself*/
height: 473px; /*Height should enough to fit largest content's height*/
float:left;
margin: 0 0 0 10px;
text-align:center;
background:url(images/gallery-bg.gif) no-repeat;
display:table-cell;
vertical-align:bottom;
}

.stepcarousel2 .belt2{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel2 .panel2{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
 /*margin around each panel*/
width:572px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:473px;
margin:15px 12px 0 10px;
padding-left:0px;


}

.stepcarousel2 .panel2 img{
clear:left;

}


#footer{
	position:relative;
	float:left;
	width:100%;
	background:none;
	color:#3686cc;
	padding-bottom:5px;
	text-align:center;
	margin-top:10px;
}

#footer a{
	color:#3686cc;

}

#footer a:hover{
	color:#c75cc7;

}