/* CSS Document Generated by KiDMaN */

* { margin:0; padding:0; border:0;}
body {
	font-family: Arial, Verdana, Trebuchet, sans-serif;
	font-size: 12px;
	color:#000;
	background: #ebe4c8;
}

img { border:0; display: block;}
img.right {float: right; margin:0 0 5px 6px}
img.left {float: left; margin:0 6px 5px 0}
img.center {margin: 0 auto 15px;}
img.border {padding:2px; border:1px #9c8c69 solid; background:#fff;}
a:hover img.border { border:1px #C21B65 solid; background: #ebe5ce;}

.right {float: right;}
.left {float: left;}

a {color:#1D8017; text-decoration: none; background-color: transparent; font-weight:bold;}
a:hover {text-decoration: underline; background-color: transparent;}
#main a {text-decoration: underline; color:#574829;}
#main a.email {color:#013574;}
.roundIco{background: url(../../img/bg_li.gif) no-repeat left 0px; padding:0px 0px 0px 20px; }

.clear {clear: both;}
.hide {visibility: hidden; font-size: 0px;}
.none {display: none;}
.red {color:#da180c;}
.pdf { text-align: right;  }
.pdf a {background: url(../img/ico_pdf.gif) no-repeat left center; padding-left:20px; line-height: 2.0em; float: right; display: block;}
li {list-style: none;}
p {line-height: 1.4em; margin-bottom:15px; text-align: justify;}
p.center {text-align:center;}
.more {text-align: right; color:#fff;}
.more a  {background:transparent url(../img/bg_more.gif) no-repeat left 5px; color:#FFFFFF; font-weight:bold; letter-spacing:0; padding:6px 6px 5px;}
hr, iehr {background: url(../img/header/header.gif) no-repeat right bottom; border-bottom:1px #B7B7B6 solid; text-transform: uppercase; display: block; width: 100%;}

.pointer {cursor: pointer;}


ul.pager {clear:both; margin:10px 0 !important; overflow:hidden;}
ul.pager li {border:1px solid #CECECE; float:left; line-height:1.2em !important; list-style:none; margin:0 2px 10px !important; overflow:hidden;}
ul.pager li a {background:none; color:#636363; display:block; overflow:hidden; padding:2px 5px;}
ul.pager li.nav a {height: 10px; width:5px; padding: 6px 5px 1px ;}
ul.pager li a:hover {background: #636363; color:#fff; text-decoration:none}
ul.pager li.nav a:hover {background: #BFBFBF;}

.block_left {float: left;}
.block_right {float: right;}

#page_main #wrapper_top { background: url(../img/bg_wrapper_top_sub.jpg) bottom center repeat-x }
#page_sub #wrapper_top {background: url(../img/bg_wrapper_top_sub.jpg) top center repeat-x}
#top {width: 980px;  margin: 0 auto; padding:0px 10px 0px 10px; }
#page_main #top {background: url(../img/bg_top.jpg) bottom left no-repeat;}
#page_sub #top {background: url(../img/bg_top_sub.jpg) no-repeat }
#page_main #top {height: 134px;}
#page_sub #top {height:419px; padding:0px 10px 0px 10px; width:980px;}

#top h2 {float: left; width: 380px; font-size: 28px; font-weight: normal; color:#8e7b53; text-align: center; font-style: italic; padding-top:20px;}
#top h1 {float: left; width: 190px; padding-top:10px;}
#page_sub #top h1 {width: 300px; float:left;}
#top h1 img {display: block; margin: 0 auto;}
#top #lang {height: 46px; float: right; width: 155px; padding:22px 24px 0px 0px; overflow: hidden;}
#top #lang li {float: left; background: url(../img/separator_lang.png) no-repeat right top; height: 29px; padding:17px 29px 0px 6px;}
#top #lang li.lastkid {background: none; padding-right:0;}

#top .top_banner {clear:both; padding:11px 0px 0px 0px; margin:0px 0px 0px 11px; width:956px; height: 257px; overflow:hidden;}

#menu {clear:both; border-collapse: collapse; width: 100%; height: 48px;}
#menu li { text-align: center; float: left; color:#1d8017; font-size: 15px; font-weight: bold; vertical-align: middle; background: url(../img/bg_menu_separator.png) no-repeat top right; padding:0 3px 0 0;  position: relative; z-index:119;}
#menu li.lastkid {background: none; padding-right:0}
#menu li a {color:#187a46; display: block; padding:14px 0px 15px; font-weight:normal;}
#menu li a:hover {color:#b9115b; text-decoration: none; background: url(../img/bg_menu_hover.jpg) repeat-x;   }
/* #menu li a:hover span {background: url(../img/bg_menu_arrow.gif) no-repeat top center; padding:14px 0 15px 0} */

#menu ul {position: absolute; display: none; top:100%; left:0; z-index: 20; border-top:1px #d3cec4 solid;}
#menu ul ul {left: 100%; top:-1px;}

#menu li li {padding: 0; float: left; clear: both; background: #ece8df; color:#991f4b; font-size: 12px; width: 160px; border:1px #d3cec4 solid; border-top:none}
#menu li li a {padding:5px; color:#991f4b; font-weight: normal; }
#menu li li a:hover {background: #fff; font-weight: bold;}

#menu ul, 
#menu li:hover ul, 
#menu li:hover ul ul,
#menu li:hover ul ul ul, 
#menu li.hoverh ul, 
#menu li.hoverh ul ul, 
#menu li.hoverh ul ul ul { 
   display: none; 
}

#menu li:hover ul, 
#menu ul li:hover ul, 
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul, 
#menu li.hoverh ul, 
#menu ul li.hoverh ul, 
#menu ul ul li.hoverh ul,
#menu ul ul ul li.hoverh ul { 
   display: block; 
}




#page_main #wrapper_content {clear:both; background: #efe8ca url(../img/bg_container.jpg) repeat-x;}
#page_sub #wrapper_content {background: #efe8ca url(../img/bg_container.jpg) repeat-x;}
#content {margin:0 auto; overflow:hidden; padding:10px 6px; width:984px;}
#page_main #content {background: url(../img/separator_header.jpg) no-repeat top center;}
#content div.column { width: 492px; }
#content h2 {margin:10px 0; font-size: 18px; font-weight:normal; padding-left:15px; color:#000; clear: both; z-index: 1;}
#content h3 {margin:10px 0; font-size: 16px; font-weight:normal; color:#000; clear: both; z-index: 1;}
#content h2 img {float: left; margin-right:10px; font-weight:normal; position: relative; top:2px; }

div.sub { width:238px; color:#4d3c16;}
div.sub div.sub_repeat {background: url(../img/bg_sub.gif) repeat-y;}
div.sub .sub_top {background: url(../img/bg_sub_top.gif) no-repeat top;}
div.sub .sub_bottom {background: url(../img/bg_sub_bottom.gif) no-repeat bottom; padding:5px 10px;}
#content div.sub h2 {color:#368e30;  margin: 0 -10px 10px; padding-bottom:9px; position: relative; top:5px;}
#content div.sub h2.title {color:#368e30;  margin: 0 -10px 10px; border-bottom:1px #3da737 solid;}

div.sub p {color:#000;}
div.sub ul, #main ul, div.sub ol, #main ol {color:#000; margin-left:10px; margin-bottom:15px; line-height:1.8em;}
div.sub ol, #main ol { margin-left:20px;}
div.sub ul li, #main ul li {background: url(../img/bg_li.gif) no-repeat left 5px;; padding:1px 0px 1px 20px; line-height: 20px; text-decoration: none; list-style: none}
div.sub ol li, #main ol li {list-style: decimal url()}
div.sub li {display:block; clear:both;}

#main .errorValidator ul li {background: url(../img/input_error.jpg) no-repeat left 5px;  padding:3px 0px 3px 20px;}
 
div.sub .specjalOfferScroll {width:218px !important; overflow:hidden;}
div.sub .specjalOfferScroll ul {margin-left:0px;}
div.sub .specjalOffer ul li{clear:none; float:left; width:218px; margin:0px 0px 10px 0px; display:block; padding:0px; background:none; overflow:hidden;}
div.sub .specjalOffer ul li a.banner{width: 216px; height:91px; display:block; overflow:hidden; position:relative;  color:#C21B65;}
div.sub .specjalOffer ul li a.banner span{line-height: 16px; display:block; text-align:right; position:absolute; bottom:5px; right:2px; color:#C21B65; font-size:16px; font-weight:normal;}
div.sub .specjalOffer ul li a.banner:hover{text-decoration:none;}
div.sub .specjalOffer ul li img{height:85px;}

#main ul.galleryPhoto{clear:both; display:block; margin:10px 0px 10px 0px;}
#main ul.galleryPhoto li {float:left; background: none; padding:0px 15px 15px 0px; line-height: 1.5em; text-decoration: none; list-style: none}
#main ul.galleryPhoto li img{background:#FFFFFF none repeat scroll 0 0; border:1px solid #9C8C69; padding:2px;}
#main ul.galleryPhotoReferences li img{background:#FFFFFF none repeat scroll 0 0; border:none; padding:0px;}
#main ul.galleryPhoto li a:hover img{border:1px #C21B65 solid; background: #ebe5ce;}
#main ul.galleryPhotoReferences li a:hover img{border:none; background: #FFFFFF;}

#main ul.galleryOffer{clear:both; display:block; margin:10px 0px 10px 0px;}
#main ul.galleryOffer li {float:left; background: none; padding:0px 15px 15px 0px; line-height: 1.5em; text-decoration: none; list-style: none; clear:both;}
#main ul.galleryOffer li img{background:#FFFFFF none repeat scroll 0 0; border:1px solid #9C8C69; padding:2px; float:left; margin-right:20px;}
#main ul.galleryOffer li b{padding-top:35px; float:left; display:block; width:330px;}   
#main ul.galleryOffer li a:hover img{border:1px #C21B65 solid; background: #ebe5ce;}

div.sub ul.menu{ margin-left:0px; margin-bottom:10px;}
div.sub ul.menu li {background: none; padding-left:20px; padding-top:15px; text-decoration:none;}
div.sub ul.menu li a{font-weight:bold; color: #c21b65; font-size:16px; text-decoration:none; line-height:25px; font-weight: normal;}
div.sub ul.menu li a:hover{color:#574829;}
div.sub ul.menu li a img{float:left; margin-right:10px;}

#main {float:left; padding:0 20px; width:468px; color:#000; background: url('../img/watermark.png') 50% 50px no-repeat;min-height:400px; height:auto !important; height:400px;}
#wrapper_content .allLong {float:none; padding:0 0px; width:100%;}
#wrapper_content .longLeft {float:left; padding:0 0px 0 0px; width:726px;}
#wrapper_content .longRight {float:left; padding:0 0px 0 20px; width:726px;}

#main h2 {padding-left:0; text-align:center;}
#main p {color:#000;}

#reservation_body {}
#reservation_shadow {width: 492px; background: url(../img/shadow_reservation.png) repeat-y;}
#reservation {background: url(../img/bg_reservation.jpg) repeat; width: 468px; margin: 0 auto  }
#reservation form {background: url(../img/bg_reservation_bottom.png) no-repeat right bottom; padding-bottom:146px;}

#reservation form {padding:10px}
#reservation form fieldset {width: 50%;}
#reservation form fieldset div.text, #reservation form div.select {margin-bottom:10px;clear:both; float:left; width: 100%;}
#reservation form label {color:#8c8066; display: block; width: 100px; float: left; font-weight: bold; position: relative; top:3px;}          
#reservation form fieldset div.text{position: relative;}        
#reservation form fieldset div.select{position:relative; z-index:100;}       
#reservation form fieldset div.select select{width:105px;}
#reservation form fieldset label.error{width:5px; display:block; overflow:hidden; clear:both; font-size:1px; color:#BD135E; position:absolute; top:0px; left:207px;}
#reservation form label.double {top:-5px;}
#reservation form div.text input {position:relative; background: url(../img/input_reservation.gif) no-repeat right; width: 95px; height: 20px; padding:4px 5px 0; color:#000; font-weight: normal; font-size: 11px; font-family: Arial;}
#reservation form div.text input.iDate {background: url(../img/input_reservation_date.gif) no-repeat right; }

#reservation form div.text input.postCode {background: url(../img/input_reservation_post_code.gif) no-repeat right; width: 40px;}
#reservation form div.text input.city {background: url(../img/input_reservation_city.gif) no-repeat right; width: 52px;}

#reservation form div.submit {clear: both; padding-left:25px; padding-top:12px; height:29px;}
#reservation form div.submit input {width:166px; float:left; height: 31px; background: url(../img/input_rezerwuj.png) no-repeat; cursor: pointer; }

#reservation form div.radio{display:none; clear:both; width:260px;}
#reservation form div.radio label{width:260px;}
#reservation form div.radio ul li{clear:both; padding-top:3px;}
#reservation form div.radio ul li input{float:left; margin-right:5px; position:relative; top:2px;}
#reservation form div.radio ul li label{width:220px; top:0px;}
#reservation form a.reservationGroup {width:115px; height: 27px; display:block; line-height:27px; float:right; margin-right:10px;}
#reservation form a.reservationGroup:hover{background-position:bottom left; text-decoration:none;}  
         
#reservation form label span{top:0px; color:#BD135E; font-size:11px; font-family: "Tahoma"}

#reservation form div.text textarea {margin-top:10px; background: url(../img/textarea_bkg.gif) no-repeat right; clear:both; width: 441px; height: 79px; padding:4px 5px 0; color:#000; font-weight: normal; font-size: 11px; font-family: Arial; overflow:hidden;}
#reservation form #showMainPageMessage{display:none; margin-bottom:10px;}    
            
#reservation form #showMainPageAsk{position:relative;}
#reservation form #showMainPageAsk label.error{clear:both; font-size:10px; color:#BD135E; position:absolute; top:0px; left:260px;}

/* contact form */
#main form.contactForm {padding:10px 0px;}
#main form.contactForm fieldset {width: 50%;}
#main form.contactForm fieldset div.text, #main form.contactForm div.select {margin-bottom:10px;clear:both; float:left; width: 100%;}
#main form.contactForm fieldset div.select{position:relative; z-index:100;}
#main form.contactForm fieldset div.text{position:relative;}
#main form.contactForm div.select select{width:105px;}
#main form.contactForm label {color:#000; display: block; width: 100px; float: left; font-weight: bold; position: relative; top:3px;}
#main form.contactForm label.error{width:5px; display:block; overflow:hidden; clear:both; font-size:10px; color:#BD135E; position:absolute; top:0px; left:215px;}
#main form.contactForm span{ position: relative; top:3px;}      
#main form.contactForm label span{top:0px; color:#BD135E; font-size:11px; font-family: "Tahoma"}
#main form.contactForm div.text input {background: url(../img/input_reservation.gif) no-repeat right; width: 95px; height: 20px; padding:4px 5px 0; color:#000; font-weight: normal; font-size: 11px; font-family: Arial;}
#main form.contactForm div.text input.iDate {background: url(../img/input_reservation_date.gif) no-repeat right; }
                       
#main form div.text input.postCode {background: url(../img/input_reservation_post_code.gif) no-repeat right; width: 40px;}
#main form div.text input.city {background: url(../img/input_reservation_city.gif) no-repeat right; width: 52px;}
#main form.contactForm div.text textarea {margin-top:10px; background: url(../img/textarea_bkg.gif) no-repeat right; clear:both; width: 441px; height: 79px; padding:4px 5px 0; color:#000; font-weight: normal; font-size: 11px; font-family: Arial; overflow:hidden;}
            
#main form.contactForm .agreement input {float:left; margin:4px 10px 0px 0px;}
#main form.contactForm .agreement label {font-weight:normal; width:430px; font-size:11px;}

#main form.contactForm div.submit {clear: both; padding-right:12px; padding-top:12px;}
#main form.contactForm div.submit input {float:right; width:110px; height: 31px; background: url('../img/button_wyslij.png') no-repeat; cursor: pointer; }
#main form a.reservationGroup {font-size:10px !important; width:115px; height: 27px; display:block; float:right; margin-right:23px;}
#main form a.reservationGroup:hover{background-position:bottom left; text-decoration:none;}  
#main form ul li{padding:0px; background: none;}
#main form .radio label{width:100%}         
#main form .radio ul li{clear:both; padding-top:3px;}
#main form .radio ul li input{float:left; margin-right:5px; position:relative; top:2px;}
#main form .radio ul li label{width:250px; top:0px;}

#main form div.acceptReq{padding-top:10px; position: relative; width:460px;}
#main form div.acceptReq input{float:left; margin:4px 10px 0px 0px;}
#main form div.acceptReq label{width:430px; font-weight:normal; font-size:10px;}
#main form div.acceptReq label span{font-weight:bold; font-size:10px; cursor:pointer;}
#main form div.acceptReq label.error{top:35px; left:4px;}

#main form input.iButton {float: right; width:135px; height: 32px; line-height:32px; display:block; margin:20px 0px; text-align:center; text-decoration:none; color:#bd135e; font-size:16px; font-weight:normal; background: url('../img/button.png') no-repeat; cursor: pointer; }

#main form.contactForm #showMainPageAsk{position:relative; padding-top:10px; display:block; clear:both; width:100%;}
#main form.contactForm #showMainPageAsk label.error{clear:both; font-size:10px; color:#BD135E; position:absolute; top:10px; left:450px;}

#main form a.button {width:135px; height: 32px; line-height:32px; display:block; float:left; margin:20px 0px; text-align:center; text-decoration:none; color:#bd135e; font-size:16px; font-weight:normal; background: url('../img/button.png') no-repeat; cursor: pointer; }

#main div.hrSeparator{clear:both;  border-top:1px #d41b6d solid; border-bottom:1px solid #e7e1c8; height:0px; font-size:0px; margin:0px 0px 10px 0px;}

#wrapper_footer {background:url(../img/bg_wrapper_footer.jpg) top center repeat-x; overflow: hidden; }
#footer {width: 996px; ;margin: 0 auto; overflow: hidden;}
#footer div.block {width: 77%; padding: 10px 1%;}
#footer div.block_right {width: 19%; padding: 10px 1%;}
#footer img.logo2{float:left; margin:10px 0px 0px 0px;}

#footer ul {margin-bottom:10px; overflow: hidden;}
#footer li {color:#000; padding:0 5px; border-right:1px #000 solid; float: left;}
#footer li a {color:#000; font-weight:normal;}
#footer li.lastkid {padding-right:0; border:none;}
#footer ul.bg {clear: both;}
#footer ul.bg li {border: none; background: #cbc3a5; opacity:0.9; height: 20px; line-height: 1.5em;}
#footer ul.bg img {float: left; padding-right:5px; }

#footer ul.info { color:#000; font-size:11px;}
#footer ul.infoMainPage{padding-left:30px;}
#footer ul.info li {border: none; width:170px; padding:5px 30px 5px 0px; background: url(../img/bg_footer.png) no-repeat 170px center; min-height: 63px; line-height: 1.7em;}
#footer ul.info li a{color:#013574;}
#footer ul.info li.lastkid {background: none; padding-right:0;}
#footer ul.info li.fixHeight {height:1px; min-height:1px; padding:0px; background:none; clear:both; width:100%;}


#footer #copyright {color: #000; font-size:11px; padding-top:20px; width: 100%; clear: both; height: 40px; text-align:center; background: url('../img/copyright_alki.png') top center no-repeat;}
#footer #copyright div{margin:0px auto; width:200px;}
#footer #copyright span{float:left; line-height:21px; padding-right:10px;}
#footer #copyright a{width: 56px; height: 17px; display:block; float:left; background: url('../img/logo_alki.jpg');}
#footer #copyright a:hover{background-position:bottom left;}
#footer #copyright a strong{display:none;}


#main table.tableStyle{
  border-top:1px solid #948054;
  border-left:1px solid #948054;
  margin-bottom:10px;
  width:100%;
}
#main table.tableStyle tr td{
  padding:5px;
  border-top:1px solid #ded4bf;
  border-left:1px solid #ded4bf;
  border-bottom:1px solid #948054;
  border-right:1px solid #948054;
  color:#000;
}           
#main table.tableDefault{
  margin-bottom:10px;
  width:100%;
}
#main table.tableDefault tr td{
  vertical-align:top;
  padding:5px;
  color:#000;
	font-family: Arial, Verdana, Trebuchet, sans-serif;
	font-size: 12px;
}
#tooltip{
  background:#FFFFFF;
  border:1px solid #9C8C69;
	position: absolute;
	z-index: 3000;
	padding: 10px;
	opacity: 0.95;
	color:#4D3C16;
	width:500px;
}
#tooltip h3, #tooltip div { 
  margin: 0; 
}
#tooltip h3{ 
  font-size:13px; 
  font-weight:normal;
  display:block;
  padding:5px 0px;
}                  
/* ------------------------------------------------------------------------------ ALERT AND CONFIRM */
#confirmModalOverlay {
  background-color:#FFF; 
  cursor:wait;
}
#confirmModalContainer {
  width:500px; 
  height:455px;
  background: url('../img/bg_reservation.jpg') repeat;
  padding:20px;     
  position:relative;    
  border:1px #9c8c69 solid; 
}
#confirmModalContainer .confirmheader {
  font-size:18px;         
  padding-bottom:20px;
  color:#cc3300;
  font-weight:normal;
}
#confirmModalContainer .confirmMain {
  width:500px; 
}

                       
#confirmModalContainer .confirmbottomfix {
  width:306px;
  height:22px; 
  background:url('../img/alert_bottom_bkg.png');
}
#confirmModalContainer .confirmheader span {}
     
#confirmModalContainer .confirmbuttons { padding-top:10px; text-align:center;}
#confirmModalContainer .confirmbuttons #ButtonYes, #confirmModalContainer .confirmbuttons #ButtonNo {float:right; margin-left:20px;}

#confirmModalContainer .modalCloseImg{width:11px; height:10px; display:block; background: url('../img/close_dialog.png'); position:absolute; top:20px; right:20px; cursor:pointer;}
#confirmModalContainer .confirmbuttons .checkArea {float:left; padding-top:0px; height:90px;}
#confirmModalContainer .confirmbuttons .checkArea {font-size:10px;}
#confirmModalContainer p {color:#000;}
#confirmModalContainer ul, #confirmModalContainer ol{color:#000; margin-left:10px; margin-bottom:15px; line-height:1.8em;}
#confirmModalContainer ol, #confirmModalContainer ol { margin-left:20px;}
#confirmModalContainer ul li {background: url(../img/bg_li.gif) no-repeat left 5px;; padding:1px 0px 1px 20px; line-height: 20px; text-decoration: none; list-style: none}
#confirmModalContainer ol li {list-style: decimal url()}