* {

	font-family: 'Open Sans', sans-serif;

	font-size: 13px;

	color: #555;

	margin: 0px;

	padding: 0px;

}



a.slideshow_link {

	font-size: 14px;

	text-decoration:none;

}

a.slideshow_link:hover {

	font-size: 14px;

	color: #333

}

a.slideshow_link:active {

	font-size: 14px;

	color: #333

}



a.link_news{

	font-size:12px;

	color: #00F;

	text-decoration:underline;

}

a.link_news:hover{

	font-size:12px;

	color: #00F;

	text-decoration:none;

}

a.link_news:active{

	font-size:12px;

	color: #00F;

}



#top  {

	margin-right: auto;

	margin-left: auto;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #ccc;

	height: 100px;

	background-color: #EEE;

	width: 100%;

}

#shade_top {

	background-image: url(../images/top_shade.png);

	background-repeat: repeat-x;

	background-position: top;

	height: 14px;

}





#navigation  {

	height: 100px;

	position: relative;

	overflow: visible;

	width: 1100px;

	margin-right: auto;

	margin-left: auto;

}



#navigation #nav  {

	float: right;

	height: 50px;

	width: 1100px;

	text-align: center;

	padding-top: 8px;

}

#navigation #nav #language {

	float: right;

	height: 50px;

	width: 200px;

	text-align: center;

	padding-top: 20px;

}

#logo  {

	width: 1100px;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

	padding-top: 28px;

	color: #999;

	background-repeat: no-repeat;

	background-position: center top;

	background-image: url(../images/logo.png);

	height: 66px;

	padding-bottom: 10px;

	font-size: 16px;

}





#wrapper {

	width: 1100px;

	margin-right: auto;

	margin-left: auto;

	position: relative;



}



#wrapper #header {

	height: 450px;

	margin-right: auto;

	margin-left: auto;

	background-repeat: no-repeat;

	background-position: center center;

	width: 1100px;

	border: 0px solid rgb(127, 0, 0);

	border: 1px solid #ccc;

	-webkit-background-clip: padding-box; /* for Safari */

	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

	font-size: 14px;

	color: #666;

}

#wrapper #header_apartmani {

	height: 450px;

	margin-right: auto;

	margin-left: auto;

	background-repeat: no-repeat;

	background-position: center center;

	width: 1100px;

	border: 0px solid rgb(127, 0, 0);

	border: 0px solid #ccc;

	-webkit-background-clip: padding-box; /* for Safari */

	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

	font-size: 14px;

	color: #666;

}

#wrapper #header_destinacija {

	height: 450px;

	margin-right: auto;

	margin-left: auto;

	background-repeat: no-repeat;

	background-position: center center;

	width: 1100px;

	border: 0px solid rgb(127, 0, 0);

	border: 1px solid #ccc;

	-webkit-background-clip: padding-box; /* for Safari */

	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

	font-size: 14px;

	color: #666;

	background-image: url(../images/podstrana.jpg);

}

#wrapper #header_kontakt {

	height: 450px;

	margin-right: auto;

	margin-left: auto;

	background-repeat: no-repeat;

	background-position: center center;

	width: 1100px;

	border: 0px solid rgb(127, 0, 0);

	border: 1px solid #ccc;

	-webkit-background-clip: padding-box; /* for Safari */

	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

	font-size: 14px;

	color: #666;

	background-image: url(../images/beach.jpg);

}

#wrapper #header_cjenik {

	height: 450px;

	margin-right: auto;

	margin-left: auto;

	background-repeat: no-repeat;

	background-position: center center;

	width: 1100px;

	border: 0px solid rgb(127, 0, 0);

	border: 1px solid #ccc;

	-webkit-background-clip: padding-box; /* for Safari */

	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

	font-size: 14px;

	color: #666;

	background-image: url(../images/beach_house_5.jpg);

}

#wrapper #header_rezervacije {

	height: 450px;

	margin-right: auto;

	margin-left: auto;

	background-repeat: no-repeat;

	background-position: center center;

	width: 1100px;

	border: 0px solid rgb(127, 0, 0);

	border: 1px solid #ccc;

	-webkit-background-clip: padding-box; /* for Safari */

	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

	font-size: 14px;

	color: #666;

	background-image: url(../images/main_house_6.jpg);

}





#wrapper_1 {

	width: 1100px;

	margin-right: auto;

	margin-left: auto;

	border: 1px solid #ccc;

}

#wrapper_1 #wrapper_1a {

	border: 1px solid #CCC;

	margin: 8px;

	height: 800px;

}

#wrapper_1 #wrapper_1a #side_img {

	float: left;

	width: 300px;

	height: 800px;

	background-image: url(../images/main_house_side.jpg);

	background-repeat: repeat;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #CCC;

}

#wrapper_1 #wrapper_1a #main_sub{

	float: right;

	width: 780px;

}



#wrapper #body  {

	position: relative;

	overflow: auto;

	width: 1104px;

	margin-right: auto;

	margin-left: auto;

}

#wrapper #body #main_body {

	width: 1100px;

	overflow: auto;

	position: relative;

}

#wrapper #body #main_body #img_placer #pf_slideShow1 #thumbs {

	float: right;

	width: 280px;

	height: 369px;

	margin-bottom: 5px;

}



#wrapper #body #main_body #img_placer {

	width: 1102px;

	height: 480px;



}

#wrapper #body #bottom_body_first #availabilty {

	width: 1050px;

	height:190px;

    float:left;

    overflow-x:scroll;

    white-space:nowrap;

}



.center {

	float: left;

	width: 1080px;

	padding-top: 20px;

	padding-bottom: 20px;

	text-align: justify;

	background-color: #FFF;

	margin-top: 2px;

	padding-right: 10px;

	padding-left: 10px;

}

.left {

	float: left;

	width: 527px;

	padding-top: 20;

	padding-bottom: 20px;

	text-align: justify;

	padding-left: 10px;

}





.right {

	float: right;

	width: 527px;

	padding-top: 0;

	padding-bottom: 20px;

	text-align: justify;

	padding-right: 10px;

}

.large {

	float: left;

	width: 880px;

	padding-top: 0;

	padding-bottom: 20px;

	text-align: justify;

	padding-right: 10px;
	padding-left: 200px;

}

.news {

	float: none;

	padding: 10px;

	margin-top:10px;

	border: 1px dashed #09F;

	text-align: left;

	color: #666;

	font-size: 12px;

}

.month {

	float: center;

	text-align: center;
	padding: 5px;

	color: #666;

	font-size: 12px;

}

#wrapper #body #bottom_body {

	width: 1080px;

	background-image: url(../images/devider_1.jpg);

	background-position: center top;

	overflow: auto;

	background-repeat: no-repeat;

	position: relative;

	padding-top: 20px;

	padding-right: 10px;

	padding-bottom: 20px;

	padding-left: 10px;

}

#wrapper #body #bottom_body_first {

	width: 1080px;

	overflow: auto;

	position: relative;

	padding-top: 20px;

	padding-right: 10px;

	padding-bottom: 20px;

	padding-left: 10px;

}

#wrapper #body #bottom_left  {

	float: left;

	width: 490px;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;

}

#wrapper #body #bottom_right  {

	float: right;

	width: 600px;

	padding-top: 20px;

	padding-bottom: 30px;

}

#wrapper #body #bottom_body_last {

	width: 1080px;

	overflow: auto;

	position: relative;

	padding-right: 10px;

	padding-bottom: 20px;

	padding-left: 10px;

	clear: both;

}



#follow {

	width: 1100px;

	margin-right: auto;

	margin-left: auto;

	height: 80px;

	position: relative;

}



.gImage {

	position:absolute;

	bottom:-11px;

	overflow: hidden;

	visibility: visible;

	border:none;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	left: 5px;

}

.gImage:hover { 

    bottom:0;

	border: none;

	bottom:-7px;

	

}

.fImage {

	position:absolute;

	bottom:-11px;

	overflow: hidden;

	visibility: visible;

	border:none;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	left: 65px;

}

.fImage:hover { 

    bottom:0;

	border: none;

	bottom:-7px;

	

}

.inImage {

	position:absolute;

	bottom:-11px;

	overflow: hidden;

	visibility: visible;

	border:none;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	left: 125px;

}

.inImage:hover { 

    bottom:0;

	border: none;

	bottom:-7px;

	

}

#bottom {

	background-color: #EEE;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #ccc;

	position: absolute;

	width:100%;

}



#bottom #nav{

	height: 100px;

	width: 1100px;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

	margin-top: 20px;

	margin-bottom: 20px;

}

#bottom #footer {

	width: 1100px;

	margin-right: auto;

	margin-left: auto;

	height: 40px;

	text-align: center;

	padding-top: 20px;

	color: #999;

	background-image: url(../images/devider_1.jpg);

	background-position: center top;

	overflow: auto;

	background-repeat: repeat-x;

	position: relative;

}



a img{

	border: 1px solid #CCC;

}

a img:hover{

	border: 1px solid #666;

}

a .img_1{

	border: 1px solid rgb(127, 0, 0);

    border: 7px solid rgba(0, 0, 0, 0);

    -webkit-background-clip: padding-box; /* for Safari */

    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

}

a .img_1:hover{

	border: 7px solid rgb(127, 0, 0);

    border: 7px solid rgba(0, 0, 0, .3);

    -webkit-background-clip: padding-box; /* for Safari */

    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

}





ul.menu a									{
	text-decoration: none;
	width: 183px;
	height: 30px;
	font-size:14px;

}

ul.menu, ul.menu ul								{

	list-style: none;

	height: 40px;

}

p { margin: 0; }



/* 

	LEVEL ONE

*/

ul.menu {

	position: relative;

}

ul.menu li{

	line-height: 40px;

	font-weight: normal;

	float: left;

	zoom: 1;

	background-image: none;

	background-repeat: no-repeat;

	background-position: right top;

}

ul.menu li.last{ background: none;}

ul.menu a:hover	{

	color: #999;

}

ul.menu a:active {

	color: #999;

}

ul.menu li a {

	display: block;

	color:#555;

}

/* Doesn't work in IE */

ul.menu li.hover,

ul.menu li:hover                {

	color: #555;

	position: relative;

}



/* 

	LEVEL TWO

*/

ul.menu ul 						{ width: 20%; visibility: hidden; position: absolute; top: 100%; margin-left:px; text-align: left; text-indent:29px;}

ul.menu ul li 					{ font-weight: normal; color: #000;float: none;background-image:url(../images/spry3.png)}

ul.menu ul li:hover                {

	background-image: url(../images/spry1.jpg);

	color: #f60;

	position: relative;



}



									  

                                    /* IE 6 & 7 Needs Inline Block */

2ul.menu ul li a					{ position: inherit; border-right: none; border-left: none; border-top: none; width: 100%; display:inline-block} 



/* 

	LEVEL THREE

*/

ul.menu ul ul 					{ left: 100%; top: 0; }

ul.menu li:hover > ul 			{ visibility: visible; }



/* Apartments Gallery Begins

 */

#page { width: 525px; }



#thumbs1 { border: 1px solid white; width: 521px; padding-top: 5px; overflow: hidden; }

#thumbs1 { width: 525px; padding-top: 5px; overflow: hidden; }

#thumbs1 img, #largeImage {border: 1px solid #ccc; padding: 0px; background-color: white; cursor: pointer; }/* Image*/

#thumbs1 img { float: left; border: 1px solid #ccc; padding: 2px; margin-right:4px;}/* Thumbs*/

#thumbs1 img:hover { float: left; border: 1px solid #999; padding: 2px;}



#thumbs2 { border: 1px solid white; width: 521px; padding-top: 5px; overflow: hidden; }

#thumbs2 { width: 525px; padding-top: 5px; overflow: hidden; }

#thumbs2 img, #largeImage2 {border: 1px solid #ccc; padding: 0px; background-color: white; cursor: pointer; }/* Image*/

#thumbs2 img { float: left; border: 1px solid #ccc; padding: 2px; margin-right:4px;}/* Thumbs*/

#thumbs2 img:hover { float: left; border: 1px solid #999; padding: 2px;}



#thumbs3 { border: 1px solid white; width: 521px; padding-top: 5px; overflow: hidden; }

#thumbs3 { width: 525px; padding-top: 5px; overflow: hidden; }

#thumbs3 img, #largeImage3 {border: 1px solid #ccc; padding: 0px; background-color: white; cursor: pointer; }/* Image*/

#thumbs3 img { float: left; border: 1px solid #ccc; padding: 2px; margin-right:4px;}/* Thumbs*/

#thumbs3 img:hover { float: left; border: 1px solid #999; padding: 2px;}



#thumbs4 { border: 1px solid white; width: 521px; padding-top: 5px; overflow: hidden; }

#thumbs4 { width: 525px; padding-top: 5px; overflow: hidden; }

#thumbs4 img, #largeImage4 {border: 1px solid #ccc; padding: 0px; background-color: white; cursor: pointer; }/* Image*/

#thumbs4 img { float: left; border: 1px solid #ccc; padding: 2px; margin-right:4px;}/* Thumbs*/

#thumbs4 img:hover { float: left; border: 1px solid #999; padding: 2px;}



#thumbs5 { border: 1px solid white; width: 521px; padding-top: 5px; overflow: hidden; }

#thumbs5 { width: 525px; padding-top: 5px; overflow: hidden; }

#thumbs5 img, #largeImage5 {border: 1px solid #ccc; padding: 0px; background-color: white; cursor: pointer; }/* Image*/

#thumbs5 img { float: left; border: 1px solid #ccc; padding: 2px; margin-right:4px;}/* Thumbs*/

#thumbs5 img:hover { float: left; border: 1px solid #999; padding: 2px;}



#thumbs6 { border: 1px solid white; width: 521px; padding-top: 5px; overflow: hidden; }

#thumbs6 { width: 525px; padding-top: 5px; overflow: hidden; }

#thumbs6 img, #largeImage6 {border: 1px solid #ccc; padding: 0px; background-color: white; cursor: pointer; }/* Image*/

#thumbs6 img { float: left; border: 1px solid #ccc; padding: 2px; margin-right:4px;}/* Thumbs*/

#thumbs6 img:hover { float: left; border: 1px solid #999; padding: 2px;}


#thumbs7 { border: 1px solid white; width: 521px; padding-top: 5px; overflow: hidden; }

#thumbs7 {
	width: 731px;
	padding-top: 5px;
	overflow: hidden;
}

#thumbs7 img, #largeImage7 {border: 1px solid #ccc; padding: 0px; background-color: white; cursor: pointer; }/* Image*/

#thumbs7 img { float: left; border: 1px solid #ccc; padding: 2px; margin-right:4px;}/* Thumbs*/

#thumbs7 img:hover { float: left; border: 1px solid #999; padding: 2px;}

#panel {

	width: 525px;

}
#panel2 {

	width: 725px;
	text-align:center;

}


/* Apartments Gallery Ends

 */

 .cal-table-holder {

	margin-right:30px;
	margin-left:0px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px dashed #666;

	width:100%;

    *dsplay:inline;/* For IE7*/

    *zoom:1;/* For IE7*/

}



.cal-table-holder td {
	text-align:center;
	width:28px;

}



.tableCalendar th {

	width:28px;

	background:#ccc;

}

.tableCalendar{

	background:#ccc;

}

table tr td .first-last-date {

	background:url(../images/both.gif) no-repeat;

}

.confirmed {

	background:#FF6868;

	color:#F00;

	text-align:center;

}



.confirmed.first-date {

	background: url(images/right-arrow.gif) no-repeat left top;

}



.confirmed.last-date {

	background: url(images/left-arrow.gif) no-repeat right top;

}

.reserved {

	color: #F00;

	background:#FF0;

}



.reserved.first-date {

	background: url(images/right-arrow-light.gif) no-repeat left top;

}



.reserved.last-date {

	background: url(images/left-arrow-light.gif) no-repeat left top;

}

 

.fluid_container {

	margin: auto;

	max-width: 1102px;

	width: 100%;

		}

#wrapper #body #bottom_right table tr th #form1 table tr th label {

	font-weight: normal;

}