body{
  background:#e8e8e8 url(../images/background.jpg) left top repeat-x;
  font-family:Arial, Verdana,  Helvetica, sans-serif;
  font-size:13px;
  color:#446084;
}
.clearfloat{
  clear:both;
  font-size:0px;
  line-height:0px;
  height:0px;
}
#wrapper{
  margin:0 auto;
  width:902px;
}
#header{
   width:902px;
   height:190px;
   float:left;
   margin-top:2px;
}
#menu{
   float:left;
   width:890px;
   height:40px;
   background:url(../images/menu-bg.jpg) no-repeat;
   margin-top:3px;
   padding-top:18px;
   padding-left:12px;
}
#menu ul li{
   float:left;
}
#wrapper-content{
  float:left;
  width:852px;
  height:470px;
  padding:20px 25px 15px 25px;
  background:url(../images/wrapper-content-bg.jpg) top no-repeat;
}
#wrapper-content-home{
  float:left;
  width:852px;
  height:470px;
  padding:20px 25px 15px 25px;
  background:url(../images/wrapper-content-bg-home.jpg) top no-repeat;
  margin-left:expression('-5px');
}
.pocetak{
	
	width:870px;
	height:450px;
	float:left;
	
	}
.jedan{
	width:145px;
	height:120px;
	float:left;
	border:0px;
	
	}
.natpis{
	width:385px;
	height:80px;
	float:left;
	float:left;
    margin-left:50px;
	margin-top:40px;
    
    color:#ff8400; 

  font-weight:bold;
  font-size:15px;
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center
  
	
	
	}	

#leftContent{
  float:left;
  width:630px;
  color:#446084;
}
.scroll{
  width:630px;
  height:420px;
  overflow:auto;
  position:relative;
}
.scroll img{
  padding:2px;
  border:solid 1px #475767;
}
.scroll img.no-image{
  padding:0px;
  border:solid 0px #475767;
}
.city-title{
   float:left;
   width:550px;
   height:28px;
   background:url(../images/title-bg.gif) left top no-repeat;
   font-size:15px;
   font-weight:bold;
   padding-top:12px;
   padding-left:50px;
   text-transform:uppercase;
}
.city-img{
  float:right;
  width:135px;
  margin-right:15px;
  margin-top:20px;
  display:inline;
}
.city-img.apt{
   margin-top:-25px;
}
.city-img-bottom{
  float:none;
  font-size:0px;
  line-height:0px;
  padding-left:18px;
 /* min-height:110px; 
  height:expression('110px');*/
  position:relative; 
  margin-left:expression('10px');
  
}

.city-img-bottom img{
  float:left;
  margin-left:9px;
  margin-right:0px;
  display:inline;

  
}

.city-img-bottom a{
 /* position:absolute;
  bottom:0px;*/
}
.city-img-bottom a#sub2_category1Link3{
  left:20px;
}
.city-img-bottom a#sub2_category1Link4{
  left:164px;
}
.city-img-bottom a#sub2_category1Link5{
  left:308px;
}
.city-img-bottom a#sub2_category1Link6{
  left:452px;
}

.city-img img{
  float:right;
  margin-bottom:5px;
}
p.text{
   float:left;
   padding-left:15px;
   padding-top:5px;
   padding-top:expression('15px');
   width:430px;
   text-align:justify;
   font-size:14px;
   line-height:17px;
   word-spacing:1px;
}
.short_description{
   float:left;
/*   padding-left:15px; */
   padding-left:27px;
   padding-top:5px;
   padding-top:expression('15px');
/*   width:430px;  */
   width:418px;
   text-align:justify;
   font-size:13px;
   line-height:18px;
   word-spacing:1px;
   word-spacing:0px;
}
.description{
   float:left;
/*   padding-left:15px; */
   padding-left:27px;
   padding-top:5px;
   padding-top:expression('15px');
/*   width:580px; */
   width:568px;
   text-align:justify;
   font-size:13px;
   line-height:18px;
   word-spacing:0px;
}
.thumbnail.det{
   float:left;
   margin-left:25px;
   display:inline;
   padding:0px;
   margin-top:20px;
   
}
.det-img{
   padding-left:60px;
}
hr{
  clear:both;
  height:1px;
  line-height:0px;
  font-size:0px;
  border:0px;
  border:none;
  border-bottom:dotted 1px #ff8400;
  margin-left:15px;
  margin-left:expression('0px');  
  float:left;
  margin-top:20px;
  margin-bottom:20px;
  margin-bottom:expression('10px');
  width:580px;
  display:inline;
}
.place-title a{
  float:left;
  margin-left:15px;
  padding-left:12px;
  color:#ff8400; 
  color:#436b9f;
  font-weight:bold;
  font-size:15px;
  text-decoration:none;
  background:url(../images/str.gif) left no-repeat;
}
.rest-destination {
  background:url(../images/rest-dest-bg.gif) left top no-repeat;
  padding-left:23px;
  padding-top:15px;
  font-size:13px;
  font-weight:bold;
  float:left;
}
.rest-destination label{
  font-size:15px;
  color:#ff8400;
 /* float:left;  */
  padding-right:1px;
}
.rest-destination select{
  float:left;
  margin-top:5px;
  width:130px;
  height:20px;
  border:solid 2px #eaeaea;
  padding-left:5px;  
}
.rest-destination select option{
  padding-left:10px;
  width:120px;
}
.rest-hotels-top{
  width:174px;
  height:15px;
  float:left;
  margin-top:5px;
  font-size:13px;
  font-weight:bold;
  padding-top:13px;
  padding-left:20px;
  background:url(../images/rest-hotels-top-bg.gif) top no-repeat;
}
.rest-hotels-top span{
  color:#ff8400;
  font-style:italic;
}
.rest-hotels-bottom{
  width:194px;
  min-height:30px;
  background:url(../images/rest-hotels-bottom-bg.gif) bottom no-repeat;
  float:left;
}
.rest-hotels-bottom ul{
  padding-left:20px;
  margin-left:0px;
  padding-bottom:5px;
  padding-top:expression('10px');
}
.rest-hotels-bottom ul li{
  list-style:none;
  padding-left:10px;
  padding-bottom:1px;
  padding-top:2px;
  background:url(../images/str.gif) left no-repeat;
}
.rest-hotels-bottom ul li a{
  text-decoration:none;
  font-size:12px;
  color:#446084;
  font-weight:bold;
}
.rest-hotels-bottom ul li a:hover{
  color:#5178aa;
  text-decoration:underline;
  }
#rightContent{
  float:left;
  width:200px;
  padding-left:22px;
  position:relative;
  height:460px;
}
#footer{
  float:left;
  width:902px;
  height:58px;
  background:url(../images/menu-bg.jpg) no-repeat;
  padding-bottom:5px;
}
#footer-top{
  float:left;
  margin-left:35px;
  margin-top:8px;
  color:#FFFFFF;
  font-size:12px;
  width:860px;
  display:inline;
}
#footer-top a{
  font-size:12px;
  text-decoration:none;
  color:#FFFFFF;
  font-weight:bold;
}
#footer-top a:hover{
  color:#eedf8a;
  font-weight:bold;
}
#footer-bottom-left{
 float:left;
 width:400px;
 margin-left:35px;
 font-size:12px;
 color:#5f738d;
 margin-top:17px;
 display:inline;
}
#footer-bottom-left a{
text-decoration:none;
  color:#5f738d;
}
#footer-bottom-left a:hover{
  color:#eedf8a;
 }
 #footer-bottom-right{
   float:right;
   margin-top:17px;
   margin-right:35px;
   color:#5f738d;
   font-size:12px
}
.page-content{
   float:left;
   width:570px;
   padding:20px;
   padding-right:10px;
}
#krstarica{
   position:absolute;
   bottom:0px;
   left:60px;
}
.detaljiBt{
   float:right;
   width:69px;
   height:16px;
   border:none;
   text-indent:-9999px;
   cursor:pointer;
   cursor:hand;
   background:url(../images/detaljiBt.gif) left top no-repeat;
   margin-right:15px;
   clear:right;
}
.detaljiBt:hover{
   background:url(../images/detaljiBt.gif) left bottom no-repeat;
}
.nextBt{
   width:5px;
   height:7px;
   background:url(../images/str.gif) no-repeat;
   border:0px;
   border:none;
   cursor:pointer;
   cursor:hand;
   margin-left:5px;
 }
.prevBt {
   width:5px;
   height:7px;
   background:url(../images/str_l.gif) no-repeat;
   border:0px;
   border:none;
   cursor:pointer;
   cursor:hand;
 }
.calendar-wrapper{
   width:180px;
   height:180px;
   float:left;
   margin-left:5px;
   padding-left:15px;
   margin-top:expression('10px');
   background:url(../images/calendar-bg.gif) no-repeat;
}

/*--- slideshow ---*/


#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 166px;	/* IE 5.x */
		width/* */:/**/166px;	/* Other browsers */
		width: /**/166px;
		
		/* CSS HACK */
		height: 99px;	/* IE 5.x */
		height/* */:/**/99px;	/* Other browsers */
		height: /**/99px;
		
		background-color:transparent;
		border:1px solid #317082;
		position:relative;	/* Never change this value */
		float:left;
		margin-left:12px;
		margin-left:expression('15px');
		display:inline;
		margin-top:25px;
		
	}
	.imageInGallery{		
		width:166px;
		height:99px;
		background-color:#000;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	
	
	#imageSlideshowHolder img{
		position:absolute;
}
/*--- end slideshow ---*/

form .mailForm{
   float:left;
   width:300px;
   padding:0px;
   margin:0px;
}
.contactform{
   float:left;
   width:458px;
}
.mailForm label{
   float:left;
   width:150px;
   margin-left:60px;
   text-align:right;
   padding-right:4px;
   margin-top:5px;
   font-size:12px;
}
.mailForm input{
   float:left;
   width:154px;
   height:21px;
   margin-top:3px;
   border:0px;
   border:none;
   background: url(../images/input-bg.gif) left top no-repeat;
   padding-left:5px;
   font-size:11px;
   padding-top:2px;
   color:#446084;
}
.mailForm textarea{
   float:left;
   width:225px;
   height:140px;
   border:0px;
   border:none;
   background:url(../images/textarea-bg.gif) left top no-repeat;
   overflow:auto;
   margin-top:3px;
   padding-left:5px;
   padding-bottom:5px;
   padding-top:5px;
   font-size:11px;
   color:#446084;
   font-family:Arial, Verdana,  Helvetica, sans-serif;
   position:relative;
}
.posaljiBt{
   float:right;
   width:69px;
   height:16px;
   border:none;
   text-indent:-9999px;
   cursor:pointer;
   cursor:hand;
   margin-top:3px;
   background:url(../images/posaljiBt.gif) left top no-repeat;
   margin-right:15px;
   clear:right;
}
.posaljiBt:hover{
   background:url(../images/posaljiBt.gif) left bottom no-repeat;
}

/******** end kontakt*********/


.home-pic2{
   border:0px !important;
}
.home-page-content{
  /*padding:20px;  
   padding-left:0px;*/
   margin-left:-10px;
}
.home-page-content a{
   float:left;
 /* margin-left:28px;
   margin-top:20px;*/
}
.liste {
   font-size: 13px;
   font-weight: bold;
   text-align: left;
}
.rasprodaja{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;	
	}
.cena{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#F00;
	text-decoration: none;
	font-weight: bold;	
	}
.rasprodaja1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;	
	}
	.rasprodaja1:hover
	{
		color:#000000D;
		
		}
		
			.rasprodaja2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;	
	}
	.rasprodaja2:hover
	{
		color:#000000D;
		
		}
		
		.rasprodaja3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #ddf039;
	text-decoration: none;
	font-weight: regular;	
	}

.speci{
		font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 12px;
		}
	.bol{
		font-weight:bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 13px;
		
		}