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

body {
	background-color:#ff9934;
	margin: auto;
	background-image: url(images/back3.jpg); 
	background-repeat:repeat-x;
	background-position:right top;
	}

#wrapper{
	position: relative;
	width:1150px;
	height: 940px;
	margin: auto;
	background-color:#ff9934;
}	
/* banner */
#banner{
	background-image: url(images/back1.jpg); 
	background-repeat:repeat-x;
	background-position:right top;
	height:200px;
	margin-top: 15px; 
}


#imgban{
	position: absolute;
	margin-left: 80px;
	margin-top: 10px;
	width: 200px;

}

/* navigation */
#navigation {
	position: absolute;
	width:650px;
	margin-top: 80px;
	margin-left: 480px;
	background-color: #ffffff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	text-align: justify;
	color: #670099;
	word-spacing: 5px;
	
}

 
a.nav:link {color:#670099;
		text-decoration: none;
}      /* unvisited link */

a.nav:visited {color:#660099;
		text-decoration: none;
}  /* visited link */


a.nav:hover {color:#9966CC;
	text-decoration: underline;
}   /* mouse over link */


	
/* content */
#content{
	background-image:url(images/back21.png);
	background-repeat:repeat-x;
	background-position:right top;
	height:450px;

}

.contenttextindex {
position: absolute;
	
	width : 450px; 
	height : 420px; 
	overflow : auto;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 30px;

}

.contenttextother {
position: absolute;
	
	width : 560px; 
	height : 430px; 
	overflow : auto;
	margin-top: 5px;
	margin-right: 20px;
	margin-left: 100px;

}

.contenttext {
position: absolute;
	
	width : 520px; 
	height : 420px; 
	overflow : auto;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 70px;

}

#text1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	line-height:20px;
	}


#pane1 {
	height: 370px;
	width: 420px;
}


/* slider */
#slider{
	position:absolute;
	margin-left:530px;
	margin-top: 5px;
	width:570px;
	height:420px;


}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:570px;
	height:420px;
	overflow:hidden;
	text-align:center;
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	margin-left:230px;
	margin-top:80px;
	}	
	
#nextBtn{ 
	left:600px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(images/btn_prev.gif) no-repeat 0 0;	
	position:absolute;
	margin-left:270px;
	margin-top:80px;
	}	
#nextBtn a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;	
	position:absolute;
	}	
/* end slider */


/* PAKETI */


#paketi{
	background-image: url(images/back1.jpg);
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	height:270px;
	}

.paket1{
	position:relative;
	float:left;
	background-color: #ff9934;
	width: 340px;
	height: 170px;
	margin-left:25px;
	margin-right:15px;
	margin-top: 55px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;  
	-webkit-border-radius: 5px; 
}

.dariloslika{
width: 130px;
margin-top: 20px;
margin-right:15px;
}
.paketek{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

/* END PAKETI */

.ikone{
width: 350px;
margin-top: 10px;
margin-right:35px;

}

.ikone_paket{
width: 200px;
margin-top: 50px;
margin-right:65px;

}

/* text */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #670099;
	font-size: 15px;
	margin-left: 5px;
}

 
a.pak:link {
			text-decoration: none;
			font-family: Tahoma, Geneva, sans-serif;
			color: #670099;
			font-size: 15px;
			margin-left: 5px;
			
}      /* unvisited link */

a.pak:visited {
				text-decoration: none;
				font-family: Tahoma, Geneva, sans-serif;
				color: #670099;
				font-size: 15px;
				margin-left: 5px;
				
}  /* visited link */


a.pak:hover {
			text-decoration: underline;
			font-family: Tahoma, Geneva, sans-serif;
			color: #670099;
			font-size: 15px;
			margin-left: 5px;
			
}   /* mouse over link */





h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #670099;
	font-size: 18px;
	margin-left: 5px;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	text-align:justify;
	word-spacing: 0.1em;
	line-height:19px;
	margin-left: 10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;

}

.footertext{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#A4A4A4;

}

a.fot {
color:#A4A4A4;
}

.foottext{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#A4A4A4;
	word-spacing: 0.1em;
	margin-left: 40px;
	line-height:28px;
	}

/* end text */


/* footer */
#footer {
	position: relative;
	float: left;
	width: 575px;
	height: 210px;
	background-image: url(images/back4.jpg); 
	background-repeat:repeat-x;
	background-position:right top;
	}
	
.foot1{
margin-left: 40px;
}
	
#footer2 {
	position: relative;
	float: right;
	width: 575px;
	height: 210px;
	background-image: url(images/back4.jpg); 
	background-repeat:repeat-x;
	background-position:right top;
	}


/*SCROLLPANEL*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
text-decoration: none;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
width: 410px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 40px; /*position where enlarged image should offset horizontally */
margin-top: 18px;
}