/*****************
*                *
*   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: #000;
	}
	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;
		clear: both;
	}
	#content img {
		border: 2px solid #BCD0FF;
		padding: 1px;
	}
	#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;
	}

/* 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;
	}

/* 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;
	}

/* 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 10px;
		background: 0% 0% no-repeat;
		text-indent: -9999px;
	}
	#lang .hr {background-image: url(../images/flag-hr.gif);}
	#lang .en {background-image: url(../images/flag-en.gif);}
	#lang .de {background-image: url(../images/flag-de.gif);}
	#lang .it {background-image: url(../images/flag-it.gif);}
	#lang .rs {background-image: url(../images/flag-rs.gif);}
	#lang .dk {background-image: url(../images/flag-dk.gif);}
	#lang .nl {background-image: url(../images/flag-nl.gif);}
	#lang .ru {background-image: url(../images/flag-ru.gif);}
	#lang .fr {background-image: url(../images/flag-fr.gif);}
	#lang .pl {background-image: url(../images/flag-pl.gif);}
	#lang .cz {background-image: url(../images/flag-cz.gif);}
	#lang .hu {background-image: url(../images/flag-hu.gif);}  
	#lang .si {background-image: url(../images/flag-si.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;
	}

/* clearing */
	.clear, dl:after, #menu:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}