/* CSS Document */
body
	{
	margin: 0;
	padding: 0;
	text-align: left;
	color: #1D5390;
	text-decoration: none;
	font-family: verdana, sans-serif;
	font-size: 12px;
	width: 100%;
	background-color: #ffffff;
}

div.naslov{
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #FF6600;
	font-weight: bold;
}

.wrap
	{
	height: 100%;
    vertical-align: top;
	}

form{
	margin:0;
}


.header1{
margin-top: 0px;
margin-bottom: 0px;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 0px;
	height: 181px;
}

#languages{
	margin-bottom:17px;
	height:25px;
	width:210px;
	background-image:url(../images/main/back_link.jpg)
}


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

#languages ul li { 
	display: inline;
	padding-right:5px;
}

#languages img{
	
	border:1px solid #999999;
}



#navigacija{
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
width: 210px;
font: bold 11px verdana, sans-serif;
text-decoration:none;
color: #CCCCCC;
}
#navigacija ul{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	list-style:none;
}

#categoryHeader{
	font-size: 10pt;
	font-weight: normal;
	text-transform: lowercase;
	color:#FFFFFF;
	padding-left: 42px;
	height:22px !important; /*moz width*/
	height:28px;
	border:0px;
	padding-top:7px;
	width:170px !important; /*moz width*/
	width:210px;
	background-image:url(../images/main/smjestaj.jpg);
}



#navigacija li{
margin-top: 1px;
margin-left: 0px;
padding-left: 0px;
padding-top: 5px;
width: 210px;
height:20px;
background-image:url(../images/main/back_link.jpg);
}





#navigacija li:hover{
/*margin-top: 1px;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
width: 210px;
height:20px;
background-image:url(../images/main/back_link_over.jpg);*/
}

#navigacija a{
margin-top: 0px;
margin-bottom: 0px;
padding-left:40px;
width: 210px;
height:20px;
font: bold 12px arial, sans-serif;
text-decoration:none;
color:#336699;
}
#navigacija li a:hover{
color: #fff;
}

#navigacija2{
margin-top: 0px;
margin-bottom: 0px;
width: 210px;
font: bold 11px verdana, sans-serif;
text-decoration:none;
color: #CCCCCC;
}
#navigacija2 ul{
margin-top: 0px;
margin-left: 0px;
padding-top: 0px;
padding-left: 0px;
list-style:none;
}

#navigacija2 li{
margin-top: 1px;
margin-left: 0px;
padding-left: 0px;
padding-top: 5px;
width: 210px;
height:20px;
background-image:url(../images/main/back_link2.jpg);
}
#navigacija2 li:hover{
margin-top: 1px;
margin-left: 0px;
padding-left: 0px;
width: 210px;
height:20px;
background-image:url(../images/main/back_link2_over.jpg);
}

#navigacija2 a{
margin-top: 0px;
margin-bottom: 0px;
padding-left:45px;
width: 210px;
height:25px;
font: bold 12px arial, sans-serif;
text-decoration:none;
color:#336699;
}
#navigacija2 li a:hover{
margin-top: 0px;
margin-bottom: 0px;
padding-left:45px;
width: 210px;
height:25px;
font: bold 12px arial, sans-serif;
text-decoration:none;
color: #fff;
}






#login{
margin-top: 0px;
margin-bottom: 0px;
width: 100%;
font: bold 11px verdana, sans-serif;
text-decoration:none;
color: #CCCCCC;
}
#login p{
margin-top: 5px;
margin-bottom: 5px;
margin-left: 45px;
font: normal 11px arial, sans-serif;
text-decoration:none;
color:#CC9900;
}

.foto1{
margin-top:268px;
float:right;
top:150px;

}
.content  li
{
	color: #666666;
	font-size: 11px;

}

.content
{
padding-left:80px;
padding-right:10px;
padding-top:0px;
color:	#CCCCCC;
text-decoration:	none;
}
.content p
{
    margin-top:10px;
	margin-bottom:20px;
	padding-bottom: 10px;
	padding-right: 20px;
	font: normal 11px verdana, sans-serif;
	color: #666666;
	text-decoration: none;
	}
.content h1
{
    margin-top:5px;
	margin-bottom:5px;
	font: bold 13px verdana, sans-serif;
	color: #EC990B;
	text-decoration: none;
	}
.content h2
{
    margin-top:10px;
	font: bold 11px verdana, sans-serif;
	color: EC990B;
	text-decoration: none;
}

.welcomebox
{
margin-top:25px;
	font: bold 11px verdana, sans-serif;
	color: #FF6600;
	text-decoration: none;
	height:75px;
}
.welcomebox p
{
    margin-top:8px;

	margin-bottom:20px;
	padding-bottom: 10px;
	padding-right: 20px;
	font: normal 11px verdana, sans-serif;
	color: #666666;
	text-decoration: none;
	}
.welcomebox h1
{
    margin-top:0px;
	margin-bottom:4px;
	font: bold 13px verdana, sans-serif;
	color: #FF6600;
	text-decoration: none;
	}


.mainbox
{
	font: bold 11px verdana, sans-serif;
	color: #FF6600;
	text-decoration: none;
}

#front_image_txt
{
    float:left;
    margin-right:2px;
	margin-top:6px;
	width:211;
	height:180;
	marginleft:20px;
	padding:0;
	background-image:url(../images/main/back_imagebox.jpg)
}
#front_image_txt img
{
	margin-top:3px;
}

#front_image_txt h1
{
	font: bold 11px verdana, sans-serif;
	color:#FFFFFF;
	margin-top:5px;
	margin-bottom:8px;
	padding-left:5;
}
#front_image_txt p
{
	font: normal 10px verdana, sans-serif;
	color:#007FC7;
	margin-top:5px;
	margin-bottom:3px;
	padding-left: 5px;
	text-align: justify;
}

#searchbox {
	padding-left:20px;
	padding-top:0px;
	float:left;
	font: normal 11px verdana, sans-serif;
	color:#336699;
	padding:0;
	margin:0;
	border:0;
	background-color: #EBF2F8;
	width: 425px;
	}
#searchbox p {
padding-left:0px;
padding-top:0px;
padding-bottom:4px;
color:#336699;
	margin-top:5px;
	margin-bottom:0px;
	}
	
#searchresultsbox p {
padding-left:0px;
padding-top:0px;
padding-bottom:4px;
color:#336699;
	margin-top:5px;
	margin-bottom:0px;
	}
	
#searchresultsbox {
    padding-left:20px;
    padding-top:0px;
	float:left;
    width:100%;
    height:56px;
	font: normal 11px verdana, sans-serif;
	color:#336699;
	background-image:url(../images/main/search_results_back.jpg);
	padding:0;
	margin:0;
	border:0;
	}

#searchresultsbox a {
text-decoration:none;
color:#336699;
	}
	
#searchresultsbox2 p {
padding-left:0px;
padding-top:0px;
padding-bottom:4px;
color:#336699;
	margin-top:5px;
	margin-bottom:0px;
	}
	
#searchresultsbox2 {
    padding-left:20px;
    padding-top:0px;
	margin-top:10px;
	float:left;
    width:100%;
    height:83px;
	font: normal 11px verdana, sans-serif;
	color:#336699;
	padding:0;
	margin:0;
	border:0;
	}

#searchresultsbox2 a {
text-decoration:none;
color:#336699;
	}
	
	

	
	
.flags{
    margin:0;
	padding:0;
    height:25px;
    float:right;
	}	
	
	
.txt_img_box {
	padding:15px;
	width:97%;
	font: normal 12px verdana, sans-serif;
	line-height: 20px;
	color:#336699;
	background-image:url(../images/main/back_txtbox.jpg);
	border:0;
	}

.txt_img_box img{
	float:left;
	margin-right: 15px;
	margin-top: 7px;
	border: 1px solid #498EAF;
	}
	
.txt_img_box p{
	margin-top:0px;
	margin:0px;
	color:#336699;
	font-family: verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	}
.txt_img_box a{
text-decoration:underline;
color:#336699;
	}
	
.txt_img_box_vertical {
    width:97%;
    height:236px;
	font: normal 11px verdana, sans-serif;
	color:#336699;
	background-image:url(../images/main/back_txtbox.jpg);
	padding:0;
	border:0;
	margin-bottom:20px;
	}

.txt_img_box_vertical img{
    float:left;
	}
	
.txt_img_box_vertical p{
padding-top:15px;
padding-left:15px;
    float:left;
	}
	

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


.monthsname
{
	padding: 2px;
	padding-left: 6px;
	padding-right: 6px;
	height:11px;
	color:fff;
	background-color:#3399FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;

}
/*.monthsnum
{
	cursor:hand;
	cursor:hand;
	color: #006699;
	background-color: #C5E9F3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}*/

.monthsnumAct
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:fff;
	background-color:#417594;

}

/*.monthsnumOcc
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:fff;
	background-color:#990000;
	background:url(../images/apartmani/zvjezdica.gif);
	text-align:center

}*/
	
	
	
.txtimageleft {
    float:left;
	padding-top: 3px;
	margin-right: 15px;
	margin-bottom: 15px;
	padding-left: 0px;
	vertical-align: top;
}
.zazu {
    float:right;
	margin:0;
	padding:0;
}
.title {
    float:left;
		margin:0;
	padding:0;
}

#searchboxright
{
	width:211;
	height:390;
	background-image:url(../images/main/back_searchboxright.jpg);
	font: normal 11px verdana, sans-serif;
	color:#336699;
}

#searchboxright p {
	padding-left: 20px;
	margin-top:5px;
	margin-bottom:0px;
	}

#front_image_txt
{
	width:211;
	height:200px;
	marginleft:20px;
	padding:0;
	background-image:url(../images/main/back_imagebox.jpg)
}

#front_image_txt h1
{
	font: bold 11px verdana, sans-serif;
	color:#FFFFFF;
	margin-top:3px;
	margin-bottom:3px;
	padding-left:5;
}
#front_image_txt p
{
	font: normal 10px verdana, sans-serif;
	color:#007FC7;
	margin-top:5px;
	margin-bottom:3px;
}

.listTitle 
{
	height:25px;
	padding-left: 5px;
	font: bold 11px verdana, sans-serif;
	color: #006699;
	background-color: #EAF7FB;
	vertical-align: middle;
	padding-top: 3px;
	}
	
/*.listTitle a
{
	font: 11px verdana, sans-serif;
	color: #006699;
	text-decoration:underline;

	}*/
.listTitleinfo 
{
height:25px;
    margin-top:15px;
	padding-left: 10px;
	font: 11px verdana, sans-serif;
	color: #006699;
	background-color: #EAF7FB;
	}
	
.listlink 
{
	font: 11px verdana, sans-serif;
	color: #FFFFFF;
	background-color: #006699;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	vertical-align: middle;

	}
.listlink a
{
	font: bold 11px verdana, sans-serif;
	color: #FFFFFF;
	text-decoration:none;
	background-color: #006699;
	}
	
.listinfo
{
	height:20px;
	margin-top:0px;
	padding-top: 0px;
	padding-left: 0px;
	font: 11px verdana, sans-serif;
	color: #1D5390;
	background-color: #ffffff;
	}
.orange
{
	color:#CC6600;
	}
.listinfo p
{

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

	}	
	
.listinfo a,.contact_info a 
{
	color: #FF6600;
	}

.listinfo a:hover,.contact_info a:hover
{
	color: #999999;
	text-decoration: none;	}
	

.footer{
	text-align:center;
	padding-top:10px;
	margin: 0px;
	font:11px arial, sans-serif;
	padding-bottom: 10px;
	
}
/*.footer a	{
	color:	#fff;
	text-decoration:none;
	color: #D6EDF2;
	}
.footer a:hover	{
	color:	#fff;
	text-decoration:none;	
color: #fff;*/
	}
.clsTopBorder {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #006600;
	border-right-color: #006600;
	border-bottom-color: #006600;
	border-left-color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	padding-top: 5px;
}

	


#titlediv {
padding-left:10px;
padding-right:10px;
padding-top:20px;
padding-bottom:10px;
background-color:#CCCCCC;
font: bold 16px arial, sans-serif;
color:	#fff;

}

.tabletxt {
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	color:#666666;
s
; 	font-family: arial, sans-serif;
	font-size: 12px;

}

.button{
	width:80px;
	padding-left: 5px; padding-right: 5px;
}
.searchHeaderText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 5px;
}
.noBorder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#divLanguages{
	margin:0px;
	width:210px;
	text-align:center;
	padding-bottom:2px;
}

#divLanguages ul{
	list-style:none;
	display:inline;
}

#divLanguages ul li{
	float:left;
	padding-bottom:1px;
	padding-left:11px;
	width:40px;
	height:27px;
}

#divLanguages ul li a{
	width:40px;
	height:27px;
}

#divLanguages ul li #aHr{
	background-image:url(../images/flags/cro_bw.gif)
}
#divLanguages ul li #aEn{
	background-image:url(../images/flags/gb_bw.gif)
}
.cijene {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1D5390;
	height: 25px;
}

#divLanguages ul li #aDe{
	background-image:url(../images/flags/de_bw.gif)
}
#divLanguages ul li #aIt{
	background-image:url(../images/flags/ita_bw.gif)
}

#divLanguages ul li #aHr:hover{
	background-image:url(../images/flags/cro.gif)
}
#divLanguages ul li #aEn:hover{
	background-image:url(../images/flags/gb.gif)
}
#divLanguages ul li #aDe:hover{
	background-image:url(../images/flags/de.gif)
}
#divLanguages ul li #aIt:hover{
	background-image:url(../images/flags/ita.gif)
}

.rssButton {
	border: medium solid #CCCCCC;
	padding:2px 5px;
	text-decoration:none;
	height:20px;
	margin-bottom:10px;
	vertical-align:middle;
	color: #666666;
}.sezone {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1D5390;
	border: 1px solid #CCCCCC;
	height: 25px;
	font-weight: bold;
}

#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:30px;
	TEXT-ALIGN: center;
	color: #336699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	vertical-align:middle;
	padding-top: 8px;
}

.clsRaspolozivost {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.clsMonths {
	color: #336699;
	background-color: #D6EDF2;
	width: 70px;
}

.clsReservedApp {
	background-color: #D6EDF2;
	color: #FFFFFF;
}

.clsFreeApp {
	background-color: #D6EDF2;
	cursor: hand;
	color: #000000;
}


.calStyle {
	border: thin solid #FF0000;
}


input.text{ 
  font-family:TrebuchetMS; 
  font-size:9pt; 
  font-weight:bold; 
  width:200px;
  background-color:336699; 
  border-color:336699; 
  border-style:inset; 
  border-width:2px; 
  color:FFFFFF; 
}

.TDDatesBeg {
	background-color: #EC990B;
	color: #ffffff;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	padding-left: 7;
	width:100px;
}

.monthsnum {
   background: url(../images/calendar/free.gif) no-repeat;
   color: #4e6699;
   cursor: hand;
   font-family: Tahoma;
   font-size: 11px;
   text-align: center;
   width: 16px;
   padding-bottom:2px;
}

.monthsnumOcc {
   background: url(../images/calendar/reserved.gif) no-repeat;
   color: #4e6699;
   cursor:default;
   font-family: Tahoma;
   font-size: 11px;
   text-align: center;
   width: 16px;
   padding-bottom:2px;
}

.monthsnumOccL {
   background: url(../images/calendar/lReserved.gif) no-repeat;
   color: #4e6699;
   cursor:default;
   font-family: Tahoma;
   font-size: 11px;
   text-align: center;
   width: 16px;
   padding-bottom:2px;
}

.monthsnumOccR {
   background: url(../images/calendar/rReserved.gif) no-repeat;
   color: #4e6699;
   cursor:default;
   font-family: Tahoma;
   font-size: 11px;
   text-align: center;
   width: 16px;
   padding-bottom:2px;
}


.clsSelectedDate {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #009900;
}

.TDdateExpired {
	background: url(../images/calendar/expired.gif) no-repeat;
	color: #CCCCCC;
	cursor:default;
	font-family: Tahoma;
	font-size: 11px;
	text-align: center;
	width: 16px;
	padding-bottom:2px;
	
}
.headerImageLink {
	position: absolute;
	visibility: visible;
	height: 94px;
	width: 252px;
	left: 4px;
	top: 4px;
}

.bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	font-weight: bold;
}


div.box520 span.value{
	font-size: 12px;
	font-weight: bold;
}


div.naslov {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-right: 20px;
	background-image: url(../images/main/strelica_desno.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 8px;
}
td.description{
	height:20px;
	text-indent:10px;
	font-size: 11px;
}

td.description img{
	width:4px;
	height:7px;
}

div.box520 ul {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
div.box520 ul li {
	padding-left: 12px;
	list-style-type: none;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	background-image: url(../images/main/strelica_desno.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
div.box520 ul li li {
	list-style-type: none;
	margin: 2px 0px 2px 0px;
	padding-left: 12px;
	list-style-type: none;
	background-image: url(../images/main/strelica_desno.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.txt_img_box a:hover img{
	border: 1px solid #FF9900;
}
.contact_info {
	font-size: 11px;
	margin-top:10px;
	margin-left: 12px;
	margin-bottom:17px;
	line-height: 20px;
}
.kljucneRijeci {
	font-size: 9pt;
	color: #999999;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 87%;
	margin-top: 10px;
}
.kljucne {
	float: left;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
	font-weight: normal;
	text-align: justify;
}

/* CALENDAR */

.calendarMonth {
	width: 134px;
	float: left;
	display: inline;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.calendarMonth TD { text-align: center; width: 19px; 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 {
	width: auto;
	height: 18px;
	background-color: #FF9900;
	color: #ffffff;
	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;
}

.calendarMonth TD.UU { padding: 2px; background-color: #CCEEFF; }
.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;
}

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

.clsNeraspolozivo{
	text-decoration: line-through;
}
.clsResultsNumbers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
}