/* CSS Document */
HR {
	border-bottom-style: solid;
	border-bottom-color: #999999;
	height: 1px;
	color: #999999;
	width: 100%;
}

h3{
	font:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	display:inline;
	}
.clsCalendarHand {
	cursor: pointer;
}
.imgThumbs {
	padding: 1px;
	border: 1px solid #003399;
	cursor: pointer;
}

body
	{
	background-color: #53B1CB;
	background-image: url(../images/main/back.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	/*text-align: center;*/
	color: #336699;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 11px;
}

form{
	margin:0;
}

#selJezici{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #006633;
	width: 150px;
}

#mainbox
{
margin-left:20px;
margin-right:20px;
    width: 830;
	height: 280;
    margin-top:18px;
	color:	#CCCCCC;
	text-decoration:	none;
}



.content
{
	padding-right:20px;
	padding-top:0px;
	color:	#336699;
	text-decoration:	none;
}
.opci_uvjeti {
	color: #FF0000;
}

.content p
{
	margin-top:0px;
	margin-bottom:20px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
	color: #333333;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 13px;
	}
.content h1
{
	margin-top:0px;
	margin-bottom:10px;
	/*padding-left: 10px;*/
	padding-top:3px;
	text-align:center;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	background-position:left;
	background-repeat:no-repeat;
	background-image: url(../images/main/strelica_desno.gif);
	color: #fff;
	background-color: #70C1D3;
	height: 20px;
	}
.content h2
{
	margin-top:0px;
	margin-left: 15px;
	padding-left:10px;
	color: #FF6600;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	background-position:left;
	background-repeat:no-repeat;
	background-image: url(../images/main/strelica_desno.gif);
	
}
.content h2 a
{
	margin-top:10px;
	padding-left: 0px;
	color: #0099CC;
	text-decoration:underline;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
}
.contentindex
{
    margin-top:0px;
	color:	#CCCCCC;
	text-decoration:	none;
}
.contentindex p
{
padding-left: 23px;
padding-right: 20px;
    margin-top:10px;
	margin-bottom:20px;
	padding-bottom: 10px;
	font: 11px Tahoma;
	color: #666666;
	text-decoration: none;
	}
.contentindex h1
{
    margin-top:10px;
	padding-left: 23px;
	font: bold 13px Tahoma;
	color: #FF6600;
	text-decoration: none;
	}
.contentindex h2
{
    margin-top:10px;
	padding-left: 23px;
	font: bold 11px Tahoma;
	color: #FF6600;
	text-decoration: none;
}

.apartman
{
    padding-top:10px;
	font: bold 11px Tahoma;
	color:#999999;
	text-decoration: none;
}
.apartman h1
{
	padding-left:0;
	margin-left:0;
	margin-bottom:10px;
	font: bold 13px Tahoma;
	color:#336699;
	text-decoration: none;
}
.apartman h2
{
	padding-left:0;
	margin-left:0;
	margin-bottom:10px;
	font: bold 11px Tahoma;
	color:#CC6600;
	text-decoration: none;
}
.apartman p
{
	padding-left:0;
	margin-left:0;
	margin-top:0;
	margin-bottom:10px;
	font: bold 11px Tahoma;
	text-decoration: none;
}
.apartman a
{
	margin-bottom:10px;
	font: bold 10pt Tahoma;
	color:#CC6600
}
.infoapartman 
{
	font: normal 11px Tahoma;
	color:#336699;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.thumb
{
	margin:2;
}



#searchbox {
width :280px;
height:304px;
font: normal 11px Tahoma;
color:#336699;
background-image:url(../../images/main/back_searchbox.jpg);
padding:0;
margin:0;
border:0;
	
	}
#searchbox p {
	padding-left: 20px;
	margin-top:5px;
	margin-bottom:0px;
	}
	
.txtimageleft {
	float:left;
	padding-top: 0px;
	margin-right: 15px;
	margin-bottom: 10px;
	padding-left: 0px;
	vertical-align: top;
	margin-top: 3px;
}

.highlightit img{
	border: 1px solid #999999;
}

.highlightit:hover img{
	border: 1px solid #70C1D3;
}

#dhtmlpointer
{
    Z-INDEX: 101;
    LEFT: -300px;
    VISIBILITY: hidden;
    POSITION: absolute;
}
#dhtmltooltip
{
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	FONT-SIZE: 12px;
	Z-INDEX: 100;
	LEFT: -300px;
	VISIBILITY: hidden;
	BORDER-LEFT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
	POSITION: absolute;
	BACKGROUND-COLOR: #FFFFEC;
	height:20px;
	TEXT-ALIGN: center;
	color: #336699;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align:middle;
	padding-top: 7px;
}

.highlightit:hover{
color: red; /* IE bug*/
} 


.txtimageleft p {
float:left;
	padding-top: 3px;
	margin-top: 0px;
	font: normal 11px Tahoma;
	color:#336699;
}
.zazu {
	background-image: url(../images/main/back_searchbox2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.imgBorder {
	border: 1px solid #70C1D3;
}
.title {
    float:left;
		margin:0;
	padding:0;
}

#searchboxright
{
	width:211px;
	height:300px;
	background-image:url(../images/main/back_searchboxright.jpg);
	font: normal 11px Tahoma;
	background-color:#99CCFF;
	color:#336699;
}

#searchboxright p {
	padding-left: 17px;
	margin-bottom:0px;
	}

#front_image_txt
{
	width:211;
	height:180;
	marginleft:20px;
	padding:0;
}

.infolinkapartman a 
{
	padding-top:5;
	padding-bottom:5;
	font: 11px Tahoma;
	color:#336699;
	text-decoration: none;
}
.listTitle 
{
height:25px;
    margin-top:10px;
	padding-top: 5px;
	padding-left: 10px;
	font: bold 11px Tahoma;
	color: #006699;
	background-color: #EEEEEE;
	}
.listTitle2 a
{
	font: bold 12px Tahoma;
	color: #fff;
	}
	
.listTitle2 a:hover
{
	text-decoration:none;
}
.listTitleLink a
{
height:25px;
    margin-top:10px;
	padding-top: 3px;
	padding-left: 10px;
	font: bold 11px Tahoma;
	color: #fff;
	text-decoration:none;
	background-color: #1E7F9F;
	}
.listTitle2
{
	padding-left: 10px;
	font: bold 12px Tahoma;
	color: #fff;
	background-color: #70C1D3;
	height: 20px;
	}
.listTitle3
{
height:20px;
    margin-top:10px;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	font: bold 11px Tahoma;
	color: #fff;
	background-color:#CC9900
	}
	
.listTitle a
{
	height:25px;
	font: normal 11px Tahoma;
	color: #006699;

	}
.listTitle a:hover
{
 text-decoration:none
	}	
.listinfo
{
	height:20px;
	margin-top:5px;
	padding-top: 10px;
	padding-left: 5px;
	font: 11px Tahoma;
	color: #1D5390;
	background-color: #F5F5F5;
	}
.orange
{
	color:#336699;
	}
.clsUsluga {
	margin-top: 5px;
}
.clsTableBorder {
	border: 1px solid #CCCCCC;
}
.clsInfo {
	background-color: #207B9A;
	text-align: center;
}

.clsInfo a{
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
}
.clsInfo a:hover{
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none
}
.listinfo p
{

    margin-top:3px;
	margin-bottom:3px;

	}	
	
.listinfo a
{
	color: #FC7814;
	padding-left:0px;
	font-family: Tahoma;
	font-size: 10pt;
	}

a
{
	color: #FC7814;
	}
.cjenikHeader {
	font-family: Tahoma;
	font-size: 11px;
	color: #336699;
	font-weight: bold;
	background-color: #FFFFCC;
	height: 20px;
}
.cjenikFooter {
	font-family: Tahoma;
	font-size: 13px;
	color: #336699;
	background-color: #EFEFEF;
	height: 20px;
}


	
a:hover
{
	text-decoration:none
	}

/*a:visited{
	color:#CC3300
}*/
.listinfo a:hover
{
	text-decoration: none;
}
	

.footer{
	height: 25px;
	margin-top: 4px;
	margin-bottom: 20px;
	font:11px Tahoma;
	color: #FFFFFF;
	background-color:#1E7F9F;
	align:center;
	text-align: center;
}
.footer p{
	text-align:center;
	padding-top:5px;
	margin: 0px;
}
.footer a	{
	color:	#fff;
	text-decoration:	underline;
	}

.linksfooter a{
    margin-top: 23px;
	font:  10px Tahoma;
	color:	#4B8AB8;

}

.monthsname
{
padding: 2px;
padding-left: 6px;
padding-right: 6px;
	height:11px;
	width:11px;
	font: normal 10px Tahoma;
	color:fff;
	background-color:#70C1D3;

}
.monthsnum
{
	padding: 2px;
	height:11px;
	width:11px;
	font: normal 11px Tahoma;
	color: #006699;
	background-color: #B6E7CE;

}

.monthsnum:hover{

	background-color: #99CCFF;
}


.monthsnumAct
{
padding: 2px;
	height:11px;
	width:11px;
	font: normal 10px Tahoma;
	color:fff;
	background-color:#00CC66;

}

.monthsnumOcc
{
padding: 2px;
	height:11px;
	width:11px;
	font: normal 10px Tahoma;
	color:fff;
	background-color:#EBBB2B;

}


.indexboxTitle1{
	padding-top: 16px;
	font: bold 11px Tahoma;
	color: #fff;

}
.indexboxTitle{
	padding-top: 4px;
	font: bold 11px Tahoma;
	color: #fff;

}
.TDDatesBeg {
	background-color: #70C1D3;
	background-position: center;
	color: #FFFFFF;
	font-weight: bold;
}


.indexboxTxt{
	padding-top: 10px;
	padding-left: 10px;
	color: #1E7F9F;
	font-family: Tahoma;
	font-size: 11px;

}

.fotodida{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 5px;
	margin-left: 10px;
	font: 10px Tahoma;
	color: #1E7F9F;

}

.stars { position:relative; padding:6; margin-left:5; font-size:12px; font-weight:200; ; background:#fff;}



#gallery {
  /*padding:0; */
  padding-top:5px;
  margin:0; 
  list-style-type:none; 
  overflow-x:hidden; 
  overflow-y:scroll; 
  width:150px;
  height:280px; 
  height:280px;
  float:right;
  /*border:1px solid #888; */
  /*background:#fff url(../images/gallery_big1100_0260.jpg);*/
  }
#gallery li {
  /*float:left;*/
  margin-left:15px;
  margin-bottom:3px;
  }
#gallery li a {
  display:block; 
  /*height:50px;*/
  /*width:320px; */
  /*float:left; */
  text-decoration:none; 
  border-bottom:1px solid #fff; 
/*  cursor:default;*/
  }
#gallery li a img {
	width:100px; 
	height:70px; 
	border:0;
	border:0px solid #888;
	padding:5px;
	background:#ccc;
}
/*#gallery li a:hover {
  background:#eee; 
  height:240px;
  }
  */
#gallery li a:hover img {
  background:#aed929;
  }

#languages{
	width:216px;
}


#languages ul
{
float:left;
margin:0;
padding:0;
padding-top:3px;
list-style-type: none;

}

#languages ul li { 
	display: inline;
}

#languages img{
	margin-right:13px;
	border:1px solid #999999;
}
.naslov1 {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #f59423;
}

.boxContentLink {
	background-color: #EAF8FB;
	text-align: right;
	height: 30px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-color: #70C1D3;
	border-right-color: #70C1D3;
	border-bottom-color: #70C1D3;
	border-left-color: #70C1D3;
	padding-right: 5px;
}


/* set millions of background images */
.rbroundbox {
	background-image: url(../images/main/nt.gif);
	background-repeat: repeat;
	width: 100%;
}


.rbtop div { background: url(../images/main/tl.gif) no-repeat top left; }


.rbtop { background: url(../images/main/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/main/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/main/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop {
	width: 100%;
	height: 20px;
}

.rbbot div, .rbbot {
	width: 100%;
	height: 10px;
}
.boxContent {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #1D809F;
	background-color: #EAF8FB;
	padding: 3px 3px 3px 3px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #70C1D3;
	border-left-color: #70C1D3;
	/*height:140px;*/
	text-align:left
}


/*END MOJ BOX*/

#selMjesto,#selSmjJed,#selSmjObj,#selBrojOsoba,#txtArrival,#txtDeparture{
	width:137px;
	margin-bottom:5px;
}
.leftPadding {
	padding-left: 4px;
}
.opciPodaci {
	color:#336699;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.boxNaslovi {
	padding-top:2px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.displayHidden {
	visibility: hidden;
}
.boxText {
	vertical-align: top;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#menu {width:100%;padding-left:5px}
#menu a, #menu a:visited {
	display:block;
	width:100%;
	line-height:20px;
	padding-left:8px;
	background-image: url(../images/main/strelica_desno.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.clsPhotoGalleryBorder {
	border: thick solid #70C1D3;
}
.clsUnderConstruction {
	color: #FFFFFF;
	background-color: #207B9A;
	background-position: center;
	margin: 10px;
	height: 40px;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	display: none;
}


a.squarebutton{
background: transparent url('../images/buttons/square-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/buttons/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.clsSelectedDate{
	background-color:#009900;
	padding: 2px;
}
.monthsnumOccR {
	padding: 2px;
	height:11px;
	width:11px;
	font: normal 10px Tahoma;
	color:fff;
	background-image:url(../images/polaL.gif);
	background-color:#b6e7ce;
}
.monthsnumOccL {
	padding: 2px;
	height:11px;
	width:11px;
	font: normal 10px Tahoma;
	color:fff;
	background-image:url(../images/polaR.gif);
	background-color:#b6e7ce;
}
.clsBookingIcon {
	background-image: url(../images/book_icon.png);
	background-repeat: no-repeat;
	height: 108px;
	width: 123px;
	text-align: center;
}
.clsBookIconText {
	padding-top: 75px;
	font-size: 16px;
	text-decoration: underline;
}

/* CALENDAR */

.calendarMonth {
	
	float: left;
	display: inline;
	padding-right: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top:10px;
}
.calendarMonth TD { text-align: center; padding: 2px; color: #666666; }
.calendarMonth A {
	text-decoration: none;
	font-weight: normal;
	padding: 2px;
	color: #666666;
}

.calendarMonth A:hover {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #009900;
}
.calendarMonth TD.monthName {
	font-size:12px;
	background-color: #70C1D3;
	color: #FFF;
	border: 1px solid #cccccc;
	white-space:nowrap;
	font-weight: bold;
}
.calendarMonth TD.dayName { border-bottom: 1px solid #cccccc; color: #888888}

.calendarMonth TD.NN {
	text-decoration: line-through;
	padding:2px;
}

.calendarMonth TD.UU { padding: 2px; background-color: #CCEEFF; }
.calendarMonth TD.UU1 {
	padding: 2px;
	background-color: #FC0;
}
.calendarMonth TD.NU {
	padding: 2px;
	background-image: url(../images/main/nu.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
.calendarMonth TD.UN {
	padding: 2px;
	background-image: url(../images/main/un.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

.calendarMonth TD.NU1 {
	padding: 2px;
	background-image: url(../images/main/nu1.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
.calendarMonth TD.UN1 {
	padding: 2px;
	background-image: url(../images/main/un1.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

.clsOpcija {
	padding: 2px;
	background-color: #FC0;
}

.clsSlobodno{
	padding: 2px; background-color: #CCEEFF;
}

.clsNeraspolozivo{
	background-color: #C30;
	color: #FFF;
	padding: 2px;
}
.calendarMonth TD.NN1 {
	padding:2px;
	background-color: #C30;
	color: #FFF;
}