body {
	font: 0.85em Tahoma, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #485467;
	background: #fff url(img/portomare/bg-sea.jpg) center top;
	line-height: 1.5em;
}
#bg {background: url(img/portomare/maket-porto-mare9.jpg) repeat-x 50% 0;
	margin: 0px;
	padding: 0px;
	}

.oneColFixCtrHdr #container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	clear:both;
	display:block;
	padding: 0px;
	border: 0px solid #996;
	background: url(img/portomare/bg-page.jpg) repeat-y top center;
}
.oneColFixCtrHdr #header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background: none;
	width: 980px;
	height: 310px;
	border: 0px solid #0F0;
	text-align: left;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
/*	background: url(img/portomare/bg-page.jpg) repeat-y top center; */
	clear: both;
	display: block;
}


a {color: #174a98; text-decoration:underline;}
a:hover {color: #006cd7; text-decoration:underline;}

p {padding-bottom: 1em;}

img {border:none;}

.oneColFixCtrHdr #mainContent img {
/* margin: 0 0 .83em 0; */
}

.oneColFixCtrHdr #mainContent img[align=left] {
	margin-right: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.oneColFixCtrHdr #mainContent img[align=right] {
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}
/*
.oneColFixCtrHdr #mainContent  img {
	max-width: 100%;
}
*/
#YMapsID {padding:0px!important;}


	/*
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	*/
h1 {font: normal 1.6em Georgia, "Times New Roman", Times, serif; color:#174a98;}
h1 a {text-decoration:none;}

#logo {border: 0px solid #F00; width: 424px; height: 135px; padding-top: 63px; margin-left: 276px; margin-right:280px;}
#slogan {width:379px; height: 29px; margin-top: 11px; margin-left: 108px; background:url("img/portomare/slogan.gif") no-repeat; float: left;}

#reservation {font: 16px Georgia, "Times New Roman", Times, serif; color: #f4d97f; border:0px dashed #3F0; margin-top: 18px; margin-left: 70px; width: 130px; float: left;}
#reservation a {text-decoration:none; color: #f4d97f; background:url("img/portomare/icon-key.gif") no-repeat center left; padding: 0 0px 0 20px;}

#phone {font: 16px "Times New Roman", Times, Georgia, serif; color: #f4d97f; border:0px solid #39F; margin-top: 19px; margin-left: 753px; cursor:default;}

#home {position: absolute; top: 263px; border:0px solid #CC0; width: 30px; height:30px; margin-left: 22px; padding: 0px; z-index:20;}
	
/*	#home .icon {display: block; padding: 0px; margin: 0px; background: url("img/portomare/icon-home.gif") no-repeat; background-position: 0 0px;} */
	#home a {padding: 0px; margin: 0px; display: block; background-position: 0 0px;}
	#home a:hover {padding: 0px; margin: 0px; background-position: 0 -30px;}
	#home #gohome {padding: 0px; margin: 0px; background-image: url(img/portomare/icon-home.gif); height: 30px; width: 30px; background-color: none;}
		#home span {display: none;}
	
/*	
#email {float:right; border:1px solid #F90; width: 30px; height:30px; position:absolute; top: 263px; margin-left: 930px;}
	#email span {padding: 0px; margin: 0px; display: none; background: none;}
*/
#email {border: 0px solid #F90; width: 30px; height:30px; position: absolute; top: 263px; margin-left: 930px; padding: 0px; z-index:20;}

	#email a {padding: 0px; margin: 0px; display: block; background-position: 0 0px;}
	#email a:hover {padding: 0px; margin: 0px; background-position: 0 -30px;}
	#email #mailto {height: 30px; width: 30px; background-image: url(img/portomare/icon-email.gif); background-color: none;}
		#email span {display: none;}


#menucontainer {margin-top: 5px; height: 42px; padding:0; width:980px;}

#menu {font: 16px Georgia, "Times New Roman", Times, serif;  border:0px dotted #F0F; float: right; right: 50%; margin: 0; padding: 0; width:auto;}
#menu, #menu ul {position:relative; margin: 0; padding: 0;}
/*--------------*/
#menu ul {float:none!important; float:left; right:-50%; margin:0px 0 0 0; padding:0;
/*
width:180px;
*/
}

#menu ul li {float:left; list-style:none; margin: 0; padding: 0;}
#menu ul li a {color:#603913; padding: 10px 10px 14px 10px; margin:0px; text-decoration: none; border: 0px solid #ffccff; display:block;
/*
height: 32px;
*/
}
#menu ul li a:hover {color:#174a98;}
#menu ul li a.active {font-weight:bold!important; cursor: default; background:url("img/portomare/menu-active.gif") no-repeat bottom center; color:#174a98;}
#menu ul li a.active:hover {color:#174a98;}



#subcontainer {width:980px; height: 27px;margin:0; padding:0; background:url("img/portomare/bg-submenu.jpg") no-repeat top center;}
#submenu {font: 16px Georgia, "Times New Roman", Times, serif; border:0px dotted #F0F;
			margin: 0; padding: 0;
			  width:auto; float: right; right: 50%; 
}
/*--------------*/
#submenu, #submenu ul {position:relative; margin: 0; padding: 0;}
#submenu ul {float:none!important; float:left; right:-50%; margin:0px 0 0 0; padding:0;}
#submenu ul li {list-style:none; float:left; margin: 0; padding: 0;}
#submenu ul li a {color:#b9c9e0; padding: 4px 12px 0px 12px; margin:0px; text-decoration: none; border: 0px solid #ffccff; display:block;}
#submenu ul li a:hover {color:#fff;}
#submenu ul li a.active {font-weight:bold!important; cursor: default; color:#fff;}
#submenu ul li a.active:hover {color:#fff;}








#news {
	background: url("img/portomare/ornament.gif") no-repeat top center;
	width:260px;
	text-align: center;
	padding: 22px 0 0 0px;
	float: left;
	color: #485467;
	font: normal 0.93em Tahoma, Geneva, Arial, Helvetica, sans-serif;
			line-height: 1.5em;
			
			border: 0px dashed blue;
}
#news a {color: #174a98; text-decoration:none;
		font: bold 1.1em Georgia, "Times New Roman", Times, serif;}
#news a:hover {color: #006cd7; text-decoration:underline;}

#news ul {text-align: left;}
#news ul li {list-style:none; padding-bottom: 0em; margin-left: -25px; padding-right: 22px;}
#news p {margin:0px; padding-bottom:0.3em!important;}
#news .news-more {font-weight: normal; float:right; font-size: 0.95em; text-decoration:underline;}

#adv {
	background: url("img/portomare/ornament.gif") no-repeat top center;
	width: 240px;
	text-align: center;
	padding: 22px 0 0 0px;
	float: right;
		border: 0px dashed green;
}
#adv a {text-decoration:none;}

#slideshow {padding: 0px 0px 15px 10px; float:left; border: 0px dashed red;}



#promo {
/* position:absolute; top:658px; */
border: 0px dashed; display:block;}
#promo h1 {text-align:center;}

#promo a {color: #174a98; text-decoration:none; font: bold 1.1em Georgia, "Times New Roman", Times, serif;}
#promo a:hover {color: #006cd7; text-decoration:underline;}

#promo ul {text-align: left;}
#promo ul li {list-style:none; padding-bottom: 0; float: left; margin-left: 10px; margin-top: 10px; width: 215px;}
#promo p {margin:0px; padding-bottom:0.3em!important;}
#promo .news-more {font-weight: normal; float:right; font-size: 0.95em; text-decoration:underline;}





.clear {clear: both;}


.clearit {margin: 0; padding: 0; height: 0;	clear: both;}






.prices tbody td:hover, .prices tbody tr:hover {
	background: #f2ea9b;
}

.prices table {
	border: 1px solid #777 !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
/*	table-layout: fixed !important;
	width: 98% !important;
	margin: 0 auto !important;
*/
}
.prices td, .prices th {
	border: 1px solid #777 !important;
	padding: 0.5em 0.2em !important;
}
.prices th {
	font-weight: bold !important;
	text-align: center !important;
	background-color: #fee !important;
}
.prices tbody .odd {
	background-color: #efe;
	text-align: center;
	vertical-align: middle;
}
.prices tbody .even {
	background-color: #ceffd1;
	text-align: center;
	vertical-align: middle;
}
.prices thead {
	background-color: #f5f5f5 !important;
	text-align: center !important;
	vertical-align: middle !important;
}
.selected {
	color: #4169e1 !important;
}



.currency-converter {
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 30px;
}
.currency-converter a{
	background: url(../../images/img/icons/icon-currency-converter.gif) left center no-repeat;
	padding-left: 55px;
}

.hide {
	display: none;
}
.show {
	display: inline;
}
#hide-iframe {
	display: none;
}



.center {margin: 0 auto;}



.datepicker {
	width: 134px !important;
	background: url(img/portomare/calendar2.png) right center no-repeat;
}






.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer {
	font-size: 12px;
	padding: 0px;
	clear: both;
	display: block;
/*	background: url(img/portomare/bg-page.jpg) repeat-y top center; */
	height: 90px;
}
#footer .copyright {
	font-size: 11px;
	color: #5c769f;
	float:left;
}
#footer .madeby {
	font-size: 11px;
	color: #5c769f;
	float: right;
	text-align:right;
}
#footer .madeby a {color:#5c769f;}



#YMapsID {
	margin-left: 95px!important;
/*	margin: 0 auto; */
	width: 750px; height: 700px;
}



.center {margin-left: auto; margin-right: auto; width: 100%; text-align: center; clear:both;}

.photoalbum {color:red; clear:both;}
.photoalbum ul li {float:left; list-style:none; padding: 5px 10px 25px 10px; width: 200px;}
.photoalbum ul li .description {color: #333333;}
.photoalbum ul li .date_create {color:green; font-size: 11px;}


.photoitem {
max-width:160px;
max-height:160px;
/* clip: rect(0px, 100px, 40px, 0px); */
overflow: hidden;
/* padding: 5px 10px 25px 10px; */
}

.photo li {float:left; list-style:none; padding: 5px 10px 25px 10px; background: none; border: 0px solid #ffccff;}