body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: #F6E9C9;
	background-position: top left;
	background-repeat: repeat-x;
}

#mainContainer {
	position: absolute;
	width: 100%;
	background-position: top center;
	background-repeat: no-repeat;
}

#pageContainer {
	width: 950px;
	text-align: left;
}

#topContainer, #flashContainer, #homeMenu, #footerContainer {
	position: relative;
	float: left;
	width: 950px;
	overflow: hidden;
	font-weight: normal !important;
}

#topContainer {
	height: 121px;
}

#flashContainer {
}

#homeMenu {
	height: 103px;
}

#topLogo {
	position: absolute;
	top: 10px;
	left: 30px;
}

#topMenu {
	position: absolute;
	top: 65px;
	left: 195px;
	width: 720px;
	height: 42px;
	overflow: hidden;
}

#topMenu ul, #topMenu ul li {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
}

#topMenu ul li ul {
	display: none;
}

#topMenu a {
	float: left;
	font-size: 15px;
	font-weight: bold !important;
	text-decoration: none;
	padding: 12px 10px;
	margin-left: -2px;
	color: #865C26;
	background: url(../gfx/top_menu_sep.png) left top no-repeat;
}



/* co 75px (z wyj�tkiem pierwszwgo) */
#homeMenu a.basen         { background-position:    0px 0px; } #homeMenu a.basen:hover         { background-position:    0px -103px; }
#homeMenu a.restauracja   { background-position:  -76px 0px; } #homeMenu a.restauracja:hover   { background-position:  -76px -103px; }
#homeMenu a.pilka_nozna   { background-position: -151px 0px; } #homeMenu a.pilka_nozna:hover   { background-position: -151px -103px; }
#homeMenu a.siatkowka     { background-position: -226px 0px; } #homeMenu a.siatkowka:hover     { background-position: -226px -103px; }
#homeMenu a.tenis         { background-position: -301px 0px; } #homeMenu a.tenis:hover         { background-position: -301px -103px; }
#homeMenu a.bar           { background-position: -376px 0px; } #homeMenu a.bar:hover           { background-position: -376px -103px; }
#homeMenu a.plac_zabaw    { background-position: -451px 0px; } #homeMenu a.plac_zabaw:hover    { background-position: -451px -103px; }
#homeMenu a.gril          { background-position: -526px 0px; } #homeMenu a.gril:hover          { background-position: -526px -103px; }
#homeMenu a.rowery        { background-position: -601px 0px; } #homeMenu a.rowery:hover        { background-position: -601px -103px; }
#homeMenu a.rehabilitacja { background-position: -676px 0px; } #homeMenu a.rehabilitacja:hover { background-position: -676px -103px; }
#homeMenu a.bawialnia     { background-position: -751px 0px; } #homeMenu a.bawialnia:hover     { background-position: -751px -103px; }
#homeMenu a.solarium     { background-position: -751px 0px; } #homeMenu a.solarium:hover     { background-position: -751px -103px; }
#homeMenu a.sauna         { background-position: -826px 0px; } #homeMenu a.sauna:hover         { background-position: -826px -103px; }

#homeContent, #homeContent .bgTop, #homeContent .bgBottom {
	float: left;
	width: 941px;
	overflow: hidden;
}

#homeContent {
	position: relative;
	display: inline;
	margin: 10px 5px 0px 4px;
	background: url(../gfx/home_content_center.png) left top repeat-y;
}
#homeContent .bgTop { background: url(../gfx/home_content_top.png) left top no-repeat; } #homeContent .bgBottom { background: url(../gfx/home_content_bottom.png) left bottom no-repeat; }

#footerContainer {
	font-size: 11px;
	text-align: left;
	color: #6C5341;
}

#footerContainer a {
	color: #6C5341;
	text-decoration: none;
}

#footerContainer a:hover {
	color: #000000;
	text-decoration: underline;
}

#pageContent, #pageContent .bgTop, #pageContent .bgBottom {
	float: left;
	width: 941px;
	overflow: hidden;
}

#pageContent {
	position: relative;
	display: inline;
	margin: 0px 5px 6px 4px;
	background: url(../gfx/page_content_center.png) left top repeat-y;
}
#pageContent .bgTop { background: url(../gfx/page_content_top.png) left top no-repeat; } #pageContent .bgBottom { background: url(../gfx/page_content_bottom.png) left bottom no-repeat; }

.mod_article {
	width: 635px !important;
	overflow: hidden;
}

h1 {
	font-size: 23px;
	font-weight: normal;
	color: #FF9D38;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	color: #EB2164;
}

h1 img, h2 img {
	border: 0px;
	display: inline;
	float: left;
	margin: 0px 20px 0px 0px;
}

a.homeBoxButton {
	float: right;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	width: 91px;
	height: 19px;
	padding-top: 3px;
	margin: 0px 20px 18px 0px;
	background: url(../gfx/home_button_more.png) left top no-repeat;
}

a.homeBoxButton:hover {
	text-decoration: underline;
}

form.homeRezerwacjaForm {
	clear: both;
}

form.homeRezerwacjaForm p {
	color: #957F69; 
	font-size: 15px; 
	font-weight: bold; 
	padding: 10px 0px 0px 0px; 
	margin: 0px;
}

form.homeRezerwacjaForm .textField, form.homeRezerwacjaForm select {
	border: 2px #D4D0C8 inset;
}

form.homeRezerwacjaForm .textField {
	width: 205px;
}

#bottomBarContainer {
	float: left;
	width: 941px;
	height: 102px;
	display: inline;
	overflow: hidden;
	position: relative;
	margin: 4px 5px 0px 4px;
	background: url(../gfx/bottom_bg.png) left top no-repeat;
}

#bottomBarContainer #newsletterArea {
	position: absolute;
	top: 15px;
	left: 20px;
	width: 435px;
	height: 70px;
	overflow: hidden;
}

#bottomBarContainer #contactArea {
	position: absolute;
	top: 15px;
	left: 490px;
	width: 430px;
	height: 70px;
	overflow: hidden;
}

#bottomBarContainer img {
	float: left;
	display: inline;
	margin: 10px 15px 0px 5px;
}

#bottomBarContainer h3 {
	font-size: 28px;
	color: #886548;
	margin: 0px;
	padding: 0px;
}

#bottomBarContainer p {
	padding: 2px 0px 0px 0px;
	line-height: 18px;
	font-size: 12px;
	color: #000000;
}

#bottomBarContainer a.bottomBarButton {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 118px;
	height: 25px;
	padding-top: 6px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	color: #FFFFFF;
	background: url(../gfx/bottom_button.png) left top no-repeat;
}

#bottomBarContainer a.bottomBarButton:hover {
	text-decoration: underline;
}

#bottomBarContainer input {
	border: 2px #D4D0C8 inset;
	font-size: 20px;
	width: 210px;
}

.comp_top {
	font-size: 18px !important;
	color: #EB2164 !important;
	text-align: left !important;
}

.box_left { 
	width: 215px !important; 
	overflow: hidden !important; 
}

.box_left .mod_picture {
	margin-left:  8px !important;
}

.mod_article .mod_title, .mod_top .title {
	font-size: 23px !important;
	font-weight: normal !important;
	color: #FF9D38 !important;
}

.mod_header .mod_title .mod_title_link {
	font-size: 18px;
	font-weight: normal;
	color: #EB2164;
}

.navi {
	margin-top: 5px;
	margin-bottom: 15px;
}

.navi ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
	font: 11px Tahoma; 
	color: #767676;
}
.navi ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

.navi ul li a {
	font: 11px Tahoma; 
	color: #767676;
	text-decoration: none;
	padding-right: 3px;
}

.navi ul li a:hover {
	text-decoration: underline;
}

.navi .split {
	padding-right: 3px;
}

.sendEmails input, .sendEmails textarea {
	padding: 3px;
	width: 265px;
}

.sendEmails textarea {
	height: 120px;
}

.picture_one img, .picture img
{
	padding: 1px;
	border: 5px solid #E1DCCA !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.picture_one:hover img, .picture:hover img
{
	border-color: #999999 !important;
}

.pagination {
	text-align: center;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	width: 919px !important;
}

.pagination_desc {
	text-align: center;
	font-size: 10px;
	color: #CCCCCC;
	width: 919px !important;
	display: none !important;
}

.mod_article_list {
	width: 919px !important;
}

.pagination .page_link, .pagination .page_active {
	padding: 5px 10px;
	margin: 0px;
	text-decoration: none;
	vertical-align: top;
}

.pagination .page_link {
	display: inline;
	margin: 1px;
	border: 0px;
	background: transparent;
}

.pagination .page_active {
	display: inline;
	margin: 0px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

.pager_first, .pager_previous, .pager_next, .pager_last {
	display: inline-table;
	margin: -6px 0px 0px 0px;
	padding: 0px;
	/*font-size: 0px;*/
}

.pager_first img, .pager_previous img, .pager_next img, .pager_last img {
	width: 28px;
	height: 28px;
	margin: 0px;
	padding: 0px;
}

.pager_first { background: url(../gfx/pages_left.png) left top no-repeat; }
.pager_first:hover { background-position: left bottom; }

.pager_previous { background: url(../gfx/pages_left.png) right top no-repeat; }
.pager_previous:hover { background-position: right bottom; }

.pager_next { background: url(../gfx/pages_right.png) left top no-repeat; }
.pager_next:hover { background-position: left bottom; }

.pager_last { background: url(../gfx/pages_right.png) right top no-repeat; }
.pager_last:hover { background-position: right bottom; }

.mod_content {
	font-size: 12px !important;
	line-height: 18px !important;
}

p, a {
	font-weight: normal !important;
}

.ui-state-default { color: #FF0000 !important; font-weight: bold !important; }
.ui-datepicker-unselectable .ui-state-default { color: #666666 !important; font-weight: normal !important; }

.newsBox {
	padding: 5px 0px;
}

.newsBox .newsTitle {
	display: block; 
	color: #EB2164; 
	font-weight: bold !important; 
	font-size: 13px;
	text-decoration: none;
}

.newsBox .newsContent {
	font-size: 11px;
	color: #999999;
}

.newsBox .newsMore {
	color: #0066CC;
	text-decoration: none;
}

.overlay {
    background: url('../img/overlay.png');
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1000;
}

.overlay-window {
    padding: 20px;
    position: fixed;
    z-index: 1001;
    background: #fff;
    color: #000;
    border: 1px solid #666;
    width: 320px;
}

.overlay-window .overlay-center {
    text-align: center;
    font-weight: bold !important;
    font-size: 16px;
    margin-bottom: 48px;
}

.overlay-window .overlay-window-close {
    background: url('../img/close_button.png') 0 0 no-repeat;
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -16px;
    right: -14px;
}

.sidebar_buttons {
  display: block;
  width:188px;
  height: 125px;
  margin: 0 auto 20px;
}

.sidebar_gallery {
  background: url(../img/galeria.png) no-repeat;
}

.sidebar_discounts {
  background: url(../img/promocje.png) no-repeat;
  height: 159px;
}

.sidebar_gallery:hover {
  background-position: 0 -123px;
}

.sidebar_discounts:hover {
  background-position: 0 -159px;
}