body {
	font-family: Verdana, Tahoma, Arial, geneva, Helvetica, sans-serif; 
	font-size: 10px;
	line-height: 110%;
	background: #000 url(/images/octopus/bg2.jpg) 0 0;
	text-align: left;
	color: #fff;
}

.l { text-align: left !important; }
.r { text-align: right !important; }
.c { text-align: center !important; }
.j { text-align: justify !important; }

.cb { clear: both; }
.fl { float: left; }
.fr { float: right; }

.blue { color: #71C1FE !important; }
.yellow { color: #FECE00 !important; }

img {
	border: 0;
}

a {
	text-decoration: none;
	color: white;
}

a:hover {
	text-decoration: underline;
}

#header {
	width: 920px;
	/*height: 270px;*/
	margin: 0 auto;
}

#overall {
	width: 920px;
	margin: 0 auto;
}

#lshadow {
	width: 883px;
	padding-left: 37px;
	background: url(/images/octopus/lmargin.jpg) repeat-y;
}

#rshadow {
	width: 920px;
	padding-left: 1px;
	background: url(/images/octopus/rmargin.jpg) repeat-y top right;
}

#inner {
	width: 836px;
	padding: 0 5px;
}

/**
 *
 */
#menu li {
	float: left;
}

	#menu span {
		display: none;
	}

	#menu a {
		background: url(/images/octopus/menu.png) no-repeat;
		display: block;
		height: 26px;
	}

	#menu-1 a {
		background-position: 0 0;
		width: 180px;
	}

		#menu-1 a:hover, #menu-1 a.active {
			background-position: 0 -26px;
			width: 180px;
		}
	
	#menu-2 a {
		background-position: -180px 0;
		width: 137px;
	}

		#menu-2 a:hover, #menu-2 a.active {
			background-position: -180px -26px;
			width: 137px;
		}

	#menu-3 a {
		background-position: -317px 0;
		width: 208px;
	}

		#menu-3 a:hover, #menu-3 a.active {
			background-position: -317px -26px;
			width: 208px;
		}

	#menu-4 a {
		background-position: -524px 0;
		width: 183px;
	}

		#menu-4 a:hover, #menu-4 a.active {
			background-position: -524px -26px;
			width: 183px;
		}

	#menu-5 a {
		background-position: -707px 0;
		width: 128px;
	}

		#menu-5 a:hover, #menu-5 a.active {
			background-position: -707px -26px;
			width: 128px;
		}

#left-panel, #middle-panel, #right-panel {
	margin-top: 10px;
	float: left;
}

#left-panel {
	background: #0B1822;
	width: 160px;
	border: 1px solid #E4B802;
}


#left-panel h3 {
	display: block;
	height: 21px;
	background: url(/images/octopus/menu_head2.gif) no-repeat;
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 21px;
	text-align: center;
	margin: 0;
	padding: 0;
}

#newsletter {
	padding: 15px 10px;
	font-size: 10px;
}

#newsletter input {
	font-size: 10px;
	width: 135px;
}

#newsletter a span {
	display: block;
	background: url(/images/octopus/news_zapisz.gif) no-repeat;
	color: #fff;
	width: 45px;
	height: 16px;
	line-height: 16px;
	text-align: center;
}

.ytb {
	border-bottom: 1px solid #E4B802;
}

.b118 {
	height: 118px;
}

.b220 {
	height: 220px;
}

#middle-panel {
	width: 506px;
}

#right-panel {
	width: 166px;
	border: 1px solid #E4B802;
	background: #0B1822;
}

	#right-panel h3 {
		display: block;
		background: url(/images/octopus/menu_head2.gif) no-repeat;
		color: #ccc;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		line-height: 21px;
		text-align: center;
		margin: 0;
		padding: 0;
	}

		#right-panel h3.top {
			background: url(/images/octopus/menu_head_top.gif) no-repeat;
		}


	#right-panel ul {
		margin: 10px 10px 20px 15px;
	}
	
		#right-panel ul li {
			background: url(/images/octopus/menu_list.gif) no-repeat 0 50%;
			margin-bottom: 4px;
			padding: 0 0 0 10px;
			line-height: 150%;
		}
		
			#right-panel ul li a {
				color: white;
			}

			#right-panel ul li a:hover {
				text-decoration: underline;
			}

.news-wrapper, .content-wrapper {
	padding: 20px;
}

.front-news {
	margin-bottom: 16px;
}

	.front-news a {
		color: #E4B802;
	}

	.front-news a:hover {
		text-decoration: underline;
	}
	
	.front-news h3 {
		color: #43789F;
		font-size: 12px;
		font-weight: bold;
		margin: 16px 0 10px;
	}

	.front-news img {
		float: left;
		margin-right: 6px;
		margin-bottom: 6px;
	}

	.front-news p {
		text-align: justify;
		line-height: 120%;
	}


/**
 *
 */
#search-panel {
	border-top: 1px solid #E4B802;
	border-bottom: 1px solid #E4B802;
	background: #2D3A43 url(/images/octopus/search_bg2.jpg);
	height: 111px;
	width: 506px;
	font-family: Arial;
	font-size: 10px;
}

	#searchForm table {
		width: 400px;
		margin: 15px 0 0 15px;
	}

	#search-panel #cid {
		background: #C72D0C;
		color: #fff;
	}

	#search-panel select, #search-panel input, #search-panel input.send {
		margin: 3px 0 0;
		font-size: 10px;
	}

	#search-panel select, #search-panel input {
		border: 1px solid #6B6D6F;
		width: 155px;
	}

	#search-panel select.dzien {
		width: 40px;
	}

	#search-panel select.miesiac {
		margin:0 0 0 5px;
		width: 90px;
	}

	#search-panel select.rok {
		margin:0 0 0 5px;
		width:55px;
	}
	
	#search-panel input.send {
		border:0 none;
		height:16px;
		line-height:16px;
		width:53px;
	}

	#search-options {
		height: 16px;
		padding-left: 16px;
	}

	#opt-1 span, #opt-2 span {
		display:block;
		float:left;
		height:16px;
		margin-right:4px;
	}

	#opt-1 span {
		background: url(/images/octopus/search-opt.gif) no-repeat 0 -32px;
		width: 151px;
	}

	#opt-1:hover span, #opt-1.active span {
		background:url(/images/octopus/search-opt.gif) no-repeat 0 -48px;
	}

	#opt-2 span {
		background: url(/images/octopus/search-opt.gif) no-repeat 0 0;
		width: 125px;
	}

	#opt-2:hover span, #opt-2.active span {
		background: url(/images/octopus/search-opt.gif) no-repeat 0 -16px;
	}


/**
 *
 */
#offers {
	padding: 20px;
}

.offers-table {
	font-weight: bold;
	font-size: 10px;
	border-collapse: separate;
}

.offers-table th {
	background: #00477D;
	padding: 5px;
	text-align: center;
}

.offers-table td {
	padding: 8px 5px;
	text-align: center;
}

.offers-table td a {
	color: inherit !important;
}

.offers-table tr.even {
	background: #234b68;
}

.offers-table tr.odd {
	background: #193549;
}

.offers-table tr:hover {
	background: #2a5a7d;
}

.offers-table .ye {
	color: #FECE00 !important;
}

.offers-table .bl {
	color: #89CCFF !important;
}

/**
 *
 */
.paginationControl {
	height: 26px;
}

.paginationControl a {
	color: #89CCFF;
	padding: 0 4px;
}

.paginationControl .prev {
	background:url(/images/octopus/search_foot_left_arrow.gif);
	text-align: right;
	width: 93px;
}

.paginationControl .center {
	text-align:center;
	width: 284px;
}

.paginationControl .center table {
	height: 21px;
	line-height: 21px;
	margin: 0 auto;
}

.paginationControl .next {
	background:url(/images/octopus/search_foot_right_arrow.gif);
	text-align: left;
	width: 83px;
}


/**
 * Oferta
 */
#offer {
	padding: 16px;
}

#offer a.back span {
	background: url(/images/octopus/search_foot_left_arrow.gif) no-repeat;
	display: block;
	width: 57px;
	height: 26px;
	line-height: 24px;
	padding-left: 36px;
	float: right;
	color: #71C1FE;
}

#offer h3 {
	clear: both;
	color: #fece00;
	font-size: 14px;
	margin-bottom: 16px;
}

.offer-gallery {
	margin-bottom: 40px;
}

.offer-params th {
	color: #fece00;
	width: 60px;
}

#reservation {
	margin-bottom: 16px;
}

#query {
	margin: 16px 0;
}

#reservationForm table, #queryForm table {
	width: 460px;
}

#reservationForm input, select, textarea, #queryForm input, select, textarea {
	font-size: 10px;
	border: 1px solid #000;
}

.name, .surname {
	width: 200px;
}

.email {
	width: 250px;
}

.address {
	width: 100%;
}

textarea {
	width: 100%;
	height: 60px;
}


#wirtualna-podroz {
	padding-top: 16px;
}


.breadcrumbs {
	margin-bottom: 10px;
}

.gallery h3, .paginator {
	background: #234B68;
	padding: 6px;
}

.paginator img {
	vertical-align: middle;
}


.page h3 {
	color: #43789F;
	font-size: 12px;
	font-weight: bold;
	margin: 16px 0 10px;
}


/**
 * Footer
 */
#footer {
	background: #03111A url(/images/octopus/footer.jpg) repeat-x;
	color: #6D94AA;
	height: 135px;
	text-align: center;
}

#footer a {
	color: #6D94AA;
}

#footer .links {
	padding-top: 20px;
}

#footer .links a {
	padding: 0 15px;
}

#footer img {
	margin: 17px 10px;
}