/*****************
*                *
*   24.com CSS   *
*                *
******************/

	* {
		margin: 0;
		padding: 0;
		border: none;
		text-decoration: none;
	}
	html {
		background: url(../images/bg.gif) #fff 0% 0% repeat-x;
		font: 65% "Arial", "Helvetica", sans-serif;
		height: 100%;
		color: #0f0f0f;
	}
	body {
		width: 804px;
		margin: 0 auto;
		padding: 36px 28px 0 28px;
		background: url(../images/bg-header.gif) 50% 0% no-repeat;
	}
	#top {
		height: 140px;
		position: relative;
	}
	#content, #column-left, #column-right, #footer {
		float: left;
		font-size: 120%;
	}
	#content {
		clear: both;
		width: 624px;
		float: right;
		margin: 0 0 10px 0;
	}
	#column-left {
		width: 165px;
		float: right;
		margin: 0 15px 10px 0;
	}
	#bottom {
		clear: both;
		padding: 10px;
		font-size: 120%;
		text-align: center;
		background: url(../images/bg-footer.gif) #BCD0FF 0% 0% no-repeat;
		color: #58627C;
	}

/* text & colors */
	a:link, a:visited {
		color: #274285;
	}
	a:hover {
		color: #758ECA;
	}
	a:focus {
		outline: none;
	}
	#content h1 {
		color: #5671B2;
		font: normal 180% "Trebuchet MS", "Verdana", "Arial", sans-serif;
		margin: .5em 0;
		clear: both;
	}
	h2 {
		color: #5671B2;
		font: bold 120% "Trebuchet MS", "Verdana", "Arial", sans-serif;
		margin: .5em 0 .5em 0;
		margin: 0 0 .5em 0;
	}
	#content img {
		border: 2px solid #BCD0FF;
		padding: 1px;
		margin: 10px 10px 10px 0;
	}
	#content img.text {
		border: none;
		padding: 0;
	}
	#content .left {
		float: left;
		clear: both;
		margin: 0 10px 5px 0;
	}
	#content .center {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	#content a {
		text-decoration: underline;
	}
	#top div {
		display: block;
		width: 804px;
		height: 70px;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../images/bg-header-top.png) 50% 0% no-repeat;
	}
	#top span {
		position: absolute;
		right: 10px;
		top: 0;
		width: 310px;
		height: 50px;
		text-indent: -9999px;
	}
	#content p, #content ul {
		line-height: 1.3em;
		margin-bottom: .5em;
		text-align: justify;
	}
	#content li {
		margin-left: 1.5em;
	}
	a.external {
		padding-right: 10px;
		background: url(../images/external.gif) 100% 50% no-repeat;
	}
	b, strong {color: #414A5F;}
	.clear {clear: both;}
	#content img.left {
		clear: left;
		float: left;
		margin: 0 10px 3px 0;
	}
	#content img.right {
		clear: right;
		float: right;
		margin: 0 0 3px 10px;
	}
	#content img.clear {clear: both;}

/* news */
	#wpList {
		margin: 0;
		padding: 0;
	}
	#wpList li {
		list-style: none;
		margin: 0 0 10px;
		padding: 0;
	}
	#gallery li {
		list-style: none;
		float: left;
		width: 200px;
		text-align: center;
		height: 160px;
		margin: 0;
	}

/* forms */
	form {
		width: 500px;
		margin: 20px auto;
	}
	label {
		width: 150px;
		float: left;
		clear: both;
		padding: 4px 0;
		margin: 0 0 10px 0;
	}
	input, textarea, select {
		width: 300px;
		background: #E6EDFF;
		border: 2px solid #BCD0FF;
		padding: 2px;
		font: inherit;
		margin: 0 0 10px 0;
	}
	.warning {
		border-color: #E54646;
		background: #FFBCCC;
	}
	textarea {
		height: 200px;
	}
	select {
		width: 308px;
	}
	input.checkbox {
		width: auto;
		margin: 5px 0 15px 0;
	}
	input.button {
		width: 100px;
		height: 24px;
		background: url(../images/bg-button.gif) 0% 0% no-repeat;
		border: 0;
		padding: 0;
		text-align: center;
		font-weight: bold;
		color: #5671B2;
		margin-left: 150px;
		cursor: pointer;
	}
	.captcha input {
		width: 100px;
	}
	#content .captcha img {
		margin: 0 0 0 0;
		border: 0;
		padding: 0 0 0 10px;
		vertical-align: bottom;
	}
	#group_form {
		width: 580px;
	}
	#group_form label {
		width: 230px;
	}
	#group_form input.button {
		margin-left: 230px;
	}
/* image links */
	#content ul.imagelinks {margin: 10px 0 0 0;}
	#content ul.imagelinks li {
		list-style: none;
		padding: 0 0 10px 0;
		margin: 0;
		float: left;
		text-align: center;
		width: 155px;
	}
	#content ul.imagelinks.auto li {
		width: auto;
		padding: 0 20px 10px 0;
	}
	#content ul.imagelinks img {margin: 0;}
	#content ul.imagelinks a {text-decoration: none;}
	ul.imagelinks span {text-decoration: underline;}

/* weather */
	#weatherTable table {
		width: 500px;
		margin: 0 auto;
	}
	#weatherTable table td {
		vertical-align: middle;
		text-align: center;
	}
	#weatherTable img {
		border: none;
		width: 75px;
		height: 60px;
		margin: 0 auto;
	}

/* apartments listing */
	#appartments ul {
		float: left;
		padding: 0;
		width: 485px;
	}
	#appartments h2 {
		clear: both;
		padding: 20px 0 10px 0;
	}

/* restaurants */
	table.restaurants {
		margin-top: 10px;
	}
	table.restaurants th {
		text-align: left;
		color: #414A5F;
		padding: 0 0 5px 0;
	}
	table.restaurants td {
		padding: 5px 10px 5px 0;
		vertical-align: top;
		border-top: 1px solid #E6EDFF;
	}
	table.restaurants .name 	{width: 110px;}
	table.restaurants .location	{width: 110px;}
	table.restaurants .contact 	{width: 130px;}
	table.restaurants .specialty{padding-right: 10px;}

/* lists - events, sights, activities, restaurants, excursions */
	#content ul.imageslist li {
		list-style: none;
		padding: 10px 0 10px 0;
		margin: 0;
		position: relative;
		border-top: 1px solid #E6EDFF;
		clear: both;
	}
	#content ul.imageslist img {
		float: left;
		margin: 0 15px 10px 0;
	}
	#content ul.imageslist .blueflag {
		border: none;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 130px;
		left: 0;
	}
	ul.imageslist li h2 {
		clear: none;
		margin: 0 0 .5em 0;
	}
	ul.imageslist li h3 {
		clear: none;
		color: #5671B2;
		font: normal 110% "Trebuchet MS", "Verdana", "Arial", sans-serif;
		margin: -5px 0 .5em 0;
	}
	ul.imageslist li p.date {
		font: normal 110% "Trebuchet MS", "Verdana", "Arial", sans-serif;
		color: #5671B2;
		position: absolute;
		top: 10px;
		right: 0;
	}
	ul.imageslist dl {
		float: left;
		padding: 0 0 10px 0;
	}
	ul.imageslist dl dt {
		font-weight: bold;
		color: #414A5F;
		width: 150px;
		float: left;
		clear: left;
		text-align: left;
		padding: 3px 0;
	}
	ul.imageslist dl dd {
		float: left;
		padding: 3px 0;
	}
	ul.imageslist dl .yes, ul.imageslist dl .no {
		text-indent: -9999px;
		background: url(../images/icon-yes.gif) 0% 50% no-repeat;
		width: 15px;
	}
	ul.imageslist dl .no {
		background-image: url(../images/icon-no.gif);
	}

/* languages */
	#lang {
		position: absolute;
		top: 4px;
		left: 50%;
		width: 804px;
		margin: 0 0 0 -402px;
		font-size: 120%;
	}
	#lang li {
		list-style: none;
		display: inline;
		float: left;
	}
	#lang li a {
		display: block;
		float: left;
		width: 30px;
		height: 18px;
		margin: 0 0 0 5px;
		background: 0% 0% no-repeat;
		text-indent: -9999px;
	}
	#lang .cz {background-image: url(../images/flag-cz.gif);}
	#lang .de {background-image: url(../images/flag-de.gif);}
	#lang .dk {background-image: url(../images/flag-dk.gif);}
	#lang .en {background-image: url(../images/flag-en.gif);}
	#lang .es {background-image: url(../images/flag-es.gif);}
	#lang .fi {background-image: url(../images/flag-fi.gif);}
	#lang .fr {background-image: url(../images/flag-fr.gif);}
	#lang .hu {background-image: url(../images/flag-hu.gif);}  
	#lang .hr {background-image: url(../images/flag-hr.gif);}
	#lang .it {background-image: url(../images/flag-it.gif);}
	#lang .nl {background-image: url(../images/flag-nl.gif);}
	#lang .no {background-image: url(../images/flag-no.gif);}
	#lang .pl {background-image: url(../images/flag-pl.gif);}
	#lang .ro {background-image: url(../images/flag-ro.gif);}
	#lang .rs {background-image: url(../images/flag-rs.gif);}
	#lang .ru {background-image: url(../images/flag-ru.gif);}
	#lang .se {background-image: url(../images/flag-se.gif);} 
	#lang .si {background-image: url(../images/flag-si.gif);} 
	#lang .sk {background-image: url(../images/flag-sk.gif);} 
	
/* menu */
	#menu {
		clear: both;
		width: 794px;
		margin: 3px auto 0 auto;
		padding: 0 0 6px 10px;
		background: url(../images/bg-menu.gif) #BCD0FF 0% 100% no-repeat;
	}
	#menu li {
		display: inline;
		list-style: none;
	}
	#menu a {
		display: block;
		float: left;
		padding: 10px;
		color: #5671B2;
		font: bold 120% "Arial", "Helvetica", sans-serif;
		border: solid #BCD0FF;
		border-width: 0 1px;
	}
	#menu a:hover {
		color: #fff;
		background: url(../images/bg-menu-hover.gif) 0% 0% repeat-x;
		border-color: #DDE7FF;
	}

/* right menu */
	#column-left ul {
		/*width: 165px;*/
		background: url(../images/bg-menu2.gif) #E6EDFF 0% 100% no-repeat;
		padding: 8px 0 0 0;
	}
	#column-left li {
		list-style: none;
	}
	#column-left li a {
		display: block;
		color: #5671B2;
		font-weight: bold;
		padding: 6px 10px;
	}
	#column-left a:hover {
		text-decoration: underline;
	}
	#column-left li {
		list-style: none;
	}
	#column-left li ul {
		border-left: 10px solid #E6EDFF;
		background: none;
		padding: 0;
	}
	#column-left li li a {
		font-weight: normal;
		color: #274285;
	}
	#column-left li.active {
		background: url(../images/bg-menu2-hover.gif) #BCD0FF 0% 0% no-repeat;
	}
	#column-left li.active a {
		background: url(../images/bg-menu2-sub.gif) 0% 100% no-repeat;
	}
	#column-left li.active ul {
		background: url(../images/bg-menu2-sub.gif) #BCD0FF 0% 100% no-repeat;
	}
	#column-left li.active li a {
		background: none;
	}

/* small box */
	.smallbox {
		margin: 10px 0 0 0;
		background: url(../images/bg-box.gif) 0% 0% repeat-y;
		line-height: 150%;
	}
	.smallbox div {
		background: url(../images/bg-box-top.gif) 0% 0% no-repeat;
	}
	.smallbox div div {
		background: url(../images/bg-box-bottom.gif) 0% 100% no-repeat;
		padding: 10px;
	}
	.smallbox h2 {
		margin: 0;
		line-height: 120%;
	}
	.smallbox img {
		margin: 5px 0;
	}

/* ferry schedule */
	table.schedule, table.pricelist {
		width: 100%;
		border: 1px solid #bcd0ff;
		margin: 0 0 20px 0;
	}
	table.schedule td, table.schedule th, table.pricelist td, table.pricelist th {
		padding: 5px 3px;
		text-align: center;
	}
	table.schedule th, table.pricelist th {
		background: #e6edff;
		color: #5671b2;
		vertical-align: middle;
	}
	table.schedule td, table.pricelist td {
		color: #274285;
		border-top: 1px solid #bcd0ff;
	}

/* ferry calculator */
	table.calculator {
		width: 100%;
	}
	table.calculator th {
		background: #e6edff;
		color: #5671b2;
		vertical-align: middle;
	width: 80%;
	}
	table.calculator th.select {
		width: 20%;
	}
	table.calculator th select {
		margin: 10px 0;
	}
	table.calculator td select {
		margin: 10px 0 10px 40px;
	}
	table.calculator td {
		color: #274285;
		vertical-align: middle;
	}
	table.calculator a {
		background: url(../images/arrow-down.gif) 0% 50% no-repeat;
		padding: 0 0 0 20px;
	}

/* ads */
	#adTop {
		width: 470px;
		margin: 5px auto 0 auto;
	}
	#adTop a img {
		padding: 0;
		border: 0;
	}
	#content .acc_rss {
		clear: both;
		padding-top: 50px;
	}
	#content .acc_rss a img {
		border: 0;
		padding: 0;
	}

/* google maps */
	div.gmap {
		height: 300px;
	}
	div.gmap.usemarkers {
		width: 490px;
		float: left;
	}
	div.markers {
		float: left;
		width: 120px;
		padding: 0 0 0 10px;
	}
	div.markers label {
		margin: 0;
		padding: 0 22px 0 0;
		width: auto;
		background: url(../images/map-icons.gif) 100% 0% no-repeat;
	}
	div.markers label.sights 		{background-position: 100% 0px;}
	div.markers label.restaurants 	{background-position: 100% -27px;}
	div.markers label.beaches 		{background-position: 100% -114px;}
	div.markers label.nightlife 	{background-position: 100% -140px;}
	div.markers label.excursions 	{background-position: 100% -170px;}
	div.markers label.activities 	{background-position: 100% -55px;}
	div.markers input {
		margin-right: 5px;
	}
	#content .marker-info-box {
		margin: -8px 0 0 -3px;
		width: 280px;
	}
	#content .marker-info-box img {
		float: left;
		margin: 0 10px 10px 0;
	}
	#content .marker-info-box p {
		width: 280px;
		font-size: 11px;
		color: #555;
	}

/* clearing */
	dl:after, #menu:after, #content ul.places li:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
/* yacht form css -----------------------------------------------------------------*/

#top                  { height: auto !immportant;}
.yacht-page           { float:left; width: 620px;	margin: 20px 0 0px 4px !important; padding:0 0 80px 0; color:#4a4949; }
.yacht-page form      { float:left;}
.yacht-page img       { border:none !important; padding:0 !important; margin:0 !important;}
.top-header           { float:left; width:620px; height:265px; background: url(../images/yacht-form/header-photo.jpg) 0 0 no-repeat !important; margin:0px 0 20px 0;}
.yacht-page  h1       { color:White !important; font-size:26px !important; margin-left:40px !important; }
.yacht-page  h2       { font-size:18px; padding:10px 40px 0px 40px; margin:0;}
.yacht-page h2.lined  { border-bottom:solid 1px #e7eeff; padding:0px 0 5px 0 !important; margin:40px 0 10px 0 !important; float:left; width:100%;}
.yacht-page h2.anchor { background: url(../images/yacht-form/anchor-line.gif) bottom no-repeat; padding:20px 0 10px 45px;}
.yacht-page h3        { font-size:13px; color:#5671b2; margin:0 0 10px 0 !important;}
.yacht-page h3 span   { font-size:10px; text-transform:uppercase; color:#4a4949; letter-spacing:1px; }
.yacht-page p         { line-height:19px !important; padding-bottom:40px;}
.checklist            { float:left; width:620px; background: url(../images/yacht-form/line.png) bottom no-repeat;}
.checklist ul         { float:left; width:620px; background: url(../images/yacht-form/rope.png) no-repeat; list-style-type:none; margin:0px 0 0 0; padding:15px 0 30px 0; min-height:100px;}
.checklist ul li      { float:left; width:540px; background: url(../images/yacht-form/check.jpg) no-repeat; padding:0px 0 0px 40px; margin:10px 0 0 40px !important;  }

.yacht-form           { float:left; width:620px;   background:#f8f6f2 url(../images/yacht-form/form-bkg.jpg) no-repeat; padding:0 !important; display:inline; }
.yacht-form h2        { color:#6c6455; background: url(../images/yacht-form/line2.gif) bottom no-repeat; padding:40px 40px 17px 40px !important; font-weight:normal;}
.yacht-form input, .yacht-form textarea, .yacht-form select     { background:#ffffff; border:solid 1px #c9c3b6 !important; float:left !important; clear:none !important;}
.yacht-form form          { float:left; width:540px; color:#4a4949; background:url(../images/yacht-form/form-bkg.jpg)  -640px bottom no-repeat; padding:20px 40px 20px 40px !important; margin:0 !important; display:inline !important; position:relative;  }
.yacht-form input         { width:348px; padding:4px 4px 3px 4px; margin:0 0 0px 0 !important;}
.yacht-form input.button  { }
.yacht-form label         { width:170px; float:left !important; display:block; text-align:right; padding: 3px 10px 0 0; margin:0 0 0px 0 !important; clear:none !important;}
.yacht-form select        { padding:3px; margin:0;}
.yacht-form select.short  { width:54px; }
.yacht-form select.mid    { width:152px; }
.yacht-form select.warning { border-color: #E54646; background: #C0A368; }
.yacht-form label.short   { width:82px; }
.yacht-form label.mid     { width:95px; }
.yacht-form label.long    { width:239px; }
.yacht-form label.spam    { width:358px; text-align:left !important; margin-left:180px !important; padding: 3px 0px 0 0 !important;}
.yacht-form input.mid     { width:190px;}
.yacht-form input.warning { border-color: #E54646; background: #C0A368; }
.yacht-form input.captcha { width:190px; position:absolute; bottom:10px; }
.yacht-form input.short   { width:45px;}
.yacht-form p             { float:left; padding:0 0 12px 0 !important; margin:0 !important; width:100%; position:relative; }
.yacht-form p.line        { background: url(../images/yacht-form/line2.gif) no-repeat; text-align:center !important; font-size:11px; margin:40px 0 0px 0 !important; padding:10px 0 0px 0 !important;}
.yacht-form input[type="checkbox"]    { border:none !important; background:none !important; width:auto !important;}
.yacht-form input.date          { width:90px !important;}
.yacht-form textarea            { width:352px; height:100px;}
.yacht-form a img               { border:none !important; padding:0 !important; margin:0 !important;}
#content .yacht-form a.date-picker-control       { float:left; padding:0 !important; background:transparent url(/images/yacht-form/calender-ico.gif) no-repeat 100% 100%; width:27px; height:34px; }
.yacht-form input.button        { float:left;width:213px; height:36px; background: url(../images/yacht-form/btn.png) no-repeat; border:none !important; color:White; font-size:16px; font-style:italic; font-family:"Trebuchet MS", Arial; padding:0 40px 0 3px; margin-left:180px !important;  }
.yacht-form input.button:hover  { background-position:bottom;}
.yacht-form span.required       { float:left; /*border:solid 1px;*/ background:url(../images/yacht-form/star-ico.gif) no-repeat; display:inline-block; height: 8px; margin: 0 0px 0 -10px; text-indent: -9999px; vertical-align: middle; width: 8px;}
.yacht-form p.line span.required  { float:none; margin:-8px 0 0 0;} 

.yacht-page ul.best-offers        { float:left; margin:15px 0 0 0; padding:0 !important; list-style-type:none; }
.yacht-page ul.best-offers li     { float:left; margin:0 0 20px 0 !important; padding:0 0 20px 0; border-bottom:solid 1px #e7eeff; width:620px; position:relative; }
.yacht-page ul.best-offers p      { margin:0; padding:0;}
.yacht-page ul.best-offers img    { float:left; margin-right:20px !important;}
.yacht-page ul.best-offers .price { font-weight:bold; position:absolute; bottom:20px; left:480px;  }
.yacht-page .data                 { float:left; width:260px; padding-right:20px; }

.yacht-form.thnx                  { padding:30px 40px 20px 40px !important; width:540px; }
.yacht-form.thnx h2               { background:none !important; width:475px; float:left; margin:0 !important; padding:0 0 3px 15px !important; }
.yacht-form.thnx p                { width:475px; float:left; margin:0 !important; padding:0 0 0px 15px !important;}
.yacht-form.thnx img              { float:left; margin-right:15px;}
.yacht-page .cream-box-bottom      { float:left; display:block; width:620px; height:10px; background:url(../images/yacht-form/form-bkg.jpg)  -640px bottom no-repeat; }

/*.recaptcha*/

#recaptcha_widget, #recaptcha_widget #recaptcha_image  { float:left !important;}
#recaptcha_widget #content .captcha img { padding:0 !important;}
#recaptcha_widget     {padding-bottom:20px !important;}
.recaptcha-logo	{ float:left; width:72px; padding:0 20px 0 88px;}
.recaptcha-logo	img	{ float:left; padding-bottom:20px !important;}
.recaptcha-right-div	{ float:left; width:358px;}
.recaptcha-buttons	{ float:left; width:35px; margin: 4px 0 0 10px;}
#recaptcha_widget #recaptcha_image	{ float:left !important;}
#recaptcha_widget .recaptcha-txt	{ float:left; width:348px; padding: 15px 10px 10px 0px}
#content .captcha #recaptcha_widget img { padding:0 !important; }


/************* styles for RSS feeds********************************/

ul#wpList li h1 {  font-size: 100%; font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#0F0F0F !important;}
ul#wpList li h1 em { font-style:normal !important;}