@charset "utf-8";
body {
	/* background-image: url(images/bg1.jpg); */
	background: url(uploads/images/ist2_527360-wide-lake.jpg) center top repeat-y;
	background-attachment: fixed; 

	margin: 0;
	padding: 0;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #C30;	
}


  /* {{{ Clear Block hack */

    .cb:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    .cb { display: inline-block; }
    /* !IEmac \*/ * html .cb { height: 1%; }
    .cb { display: block; }
    /* /IE-mac */

  /* }}} */


#head { position: relative; height: 330px;
	background-image: url(images/head.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.formularz {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	border: solid 1px #DBE3EA;
	background-color: #DBE3EA;
	color: #666;
}

#container {
	width: 1005px;
	margin: 0 auto 30px auto;
}

#headbg {
	background-image: url(images/headbg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#footbg {
	background-image: url(images/footbg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
    background-color: none;
	padding-bottom: 50px;
}

iframe { border:0; }

#flagi {
	text-align: right;
	padding-bottom: 51px;
}

#flagi a {
	padding-right: 5px;
}

#menutop {
	height: 90px;
	float: right;
	margin-right: 38px;
}


#lokalizacja { padding: 0 14px 20px 14px;
	width: 917px; background-color: #fff;
	margin: 0 auto 30px auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: justify;
	color: #535353;
}

#lokalizacja .map { float: left; margin: 20px 0 20px 0; }

#lokalizacja h1 {
	color: #4a2f24;
	font-size: 12pt;
	margin: 0 0 0 3px;
}

#lokalizacja p { 
    margin: 0 0 0 3px;
}

#lokalizacja a.close { float: right; }
#lokalizacja a.close img { border: 0; }


a.menu1 { background: url(images/menu1.png) 0 0 no-repeat; float: right; width: 51px; height: 26px; }
a.menu1:hover { background: url(images/menu1.png) 0 -26px no-repeat; }

a.menu2 { background: url(images/menu2.png) 0 0 no-repeat; float: right; width: 60px; height: 26px; }
a.menu2:hover { background: url(images/menu2.png) 0 -26px no-repeat; }

a.menu3 { background: url(images/menu3.png) 0 0 no-repeat; float: right; width: 37px; height: 26px; }
a.menu3:hover { background: url(images/menu3.png) 0 -26px no-repeat; }

a.menu4 { background: url(images/menu4.png) 0 0 no-repeat; float: right; width: 152px; height: 26px; }
a.menu4:hover { background: url(images/menu4.png) 0 -26px no-repeat; }

a.menu5 { background: url(images/menu5.png) 0 0 no-repeat; float: right; width: 81px; height: 26px; }
a.menu5:hover { background: url(images/menu5.png) 0 -26px no-repeat; }

a.menu6 { background: url(images/menu6.png) 0 0 no-repeat; float: right; width: 63px; height: 26px; }
a.menu6:hover { background: url(images/menu6.png) 0 -26px no-repeat; }

a.menu7 { background: url(images/menu7.png) 0 0 no-repeat; float: right; width: 58px; height: 26px; }
a.menu7:hover { background: url(images/menu7.png) 0 -26px no-repeat; }

a.menu8 { background: url(images/menu8.png) 0 0 no-repeat; float: right; width: 125px; height: 26px; }
a.menu8:hover { background: url(images/menu8.png) 0 -26px no-repeat; }


a.menu1en { background: url(images/menu1en.png) 0 0 no-repeat; float: right; width: 51px; height: 26px; }
a.menu1en:hover { background: url(images/menu1en.png) 0 -26px no-repeat; }

a.menu2en { background: url(images/menu2en.png) 0 0 no-repeat; float: right; width: 51px; height: 26px; }
a.menu2en:hover { background: url(images/menu2en.png) 0 -26px no-repeat; }

a.menu3en { background: url(images/menu3en.png) 0 0 no-repeat; float: right; width: 40px; height: 26px; }
a.menu3en:hover { background: url(images/menu3en.png) 0 -26px no-repeat; }

a.menu4en { background: url(images/menu4en.png) 0 0 no-repeat; float: right; width: 174px; height: 26px; }
a.menu4en:hover { background: url(images/menu4en.png) 0 -26px no-repeat; }

a.menu5en { background: url(images/menu5en.png) 0 0 no-repeat; float: right; width: 86px; height: 26px; }
a.menu5en:hover { background: url(images/menu5en.png) 0 -26px no-repeat; }

a.menu6en { background: url(images/menu6en.png) 0 0 no-repeat; float: right; width: 66px; height: 26px; }
a.menu6en:hover { background: url(images/menu6en.png) 0 -26px no-repeat; }

a.menu7en { background: url(images/menu7en.png) 0 0 no-repeat; float: right; width: 56px; height: 26px; }
a.menu7en:hover { background: url(images/menu7en.png) 0 -26px no-repeat; }

a.menu8en { background: url(images/menu8en.png) 0 0 no-repeat; float: right; width: 101px; height: 26px; }
a.menu8en:hover { background: url(images/menu8en.png) 0 -26px no-repeat; }


a.menu1de { background: url(images/menu1de.png) 0 0 no-repeat; float: right; width: 51px; height: 26px; }
a.menu1de:hover { background: url(images/menu1de.png) 0 -26px no-repeat; }

a.menu2de { background: url(images/menu2de.png) 0 0 no-repeat; float: right; width: 53px; height: 26px; }
a.menu2de:hover { background: url(images/menu2de.png) 0 -26px no-repeat; }

a.menu3de { background: url(images/menu3de.png) 0 0 no-repeat; float: right; width: 37px; height: 26px; }
a.menu3de:hover { background: url(images/menu3de.png) 0 -26px no-repeat; }

a.menu4de { background: url(images/menu4de.png) 0 0 no-repeat; float: right; width: 158px; height: 26px; }
a.menu4de:hover { background: url(images/menu4de.png) 0 -26px no-repeat; }

a.menu5de { background: url(images/menu5de.png) 0 0 no-repeat; float: right; width: 76px; height: 26px; }
a.menu5de:hover { background: url(images/menu5de.png) 0 -26px no-repeat; }

a.menu6de { background: url(images/menu6de.png) 0 0 no-repeat; float: right; width: 97px; height: 26px; }
a.menu6de:hover { background: url(images/menu6de.png) 0 -26px no-repeat; }

a.menu7de { background: url(images/menu7de.png) 0 0 no-repeat; float: right; width: 61px; height: 26px; }
a.menu7de:ehover { background: url(images/menu7de.png) 0 -26px no-repeat; }

a.menu8de { background: url(images/menu8de.png) 0 0 no-repeat; float: right; width: 92px; height: 26px; }
a.menu8de:hover { background: url(images/menu8de.png) 0 -26px no-repeat; }


a.menu1ru { background: url(images/menu1ru.png) 0 0 no-repeat; float: right; width: 71px; height: 26px; }
a.menu1ru:hover { background: url(images/menu1ru.png) 0 -26px no-repeat; }

a.menu2ru { background: url(images/menu2ru.png) 0 0 no-repeat; float: right; width: 51px; height: 26px; }
a.menu2ru:hover { background: url(images/menu2ru.png) 0 -26px no-repeat; }

a.menu3ru { background: url(images/menu3ru.png) 0 0 no-repeat; float: right; width: 31px; height: 26px; }
a.menu3ru:hover { background: url(images/menu3ru.png) 0 -26px no-repeat; }

a.menu4ru { background: url(images/menu4ru.png) 0 0 no-repeat; float: right; width: 161px; height: 26px; }
a.menu4ru:hover { background: url(images/menu4ru.png) 0 -26px no-repeat; }

a.menu5ru { background: url(images/menu5ru.png) 0 0 no-repeat; float: right; width: 51px; height: 26px; }
a.menu5ru:hover { background: url(images/menu5ru.png) 0 -26px no-repeat; }

a.menu6ru { background: url(images/menu6ru.png) 0 0 no-repeat; float: right; width: 51px; height: 26px; }
a.menu6ru:hover { background: url(images/menu6ru.png) 0 -26px no-repeat; }

a.menu7ru { background: url(images/menu7ru.png) 0 0 no-repeat; float: right; width: 51px; height: 26px; }
a.menu7ru:hover { background: url(images/menu7ru.png) 0 -26px no-repeat; }

a.menu8ru { background: url(images/menu8ru.png) 0 0 no-repeat; float: right; width: 106px; height: 26px; }
a.menu8ru:hover { background: url(images/menu8ru.png) 0 -26px no-repeat; }

#content {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: justify;
	color: #535353;

}

#text {
    display: block;
	width: 915px;
	margin: auto;
    background-color: #fff;
	padding: 25px 15px 0 15px;
	text-align: justify;
}

#text h1 {
	color: #4a2f24;
	font-size: 12pt;
	margin: 0px;
	padding: 0 0 10px 0;
}

#text h2 {
	color: #4a2f24;
	font-size: 14pt;
	margin: 0px;
	padding: 0 0 10px 0;
}


/* {{{ TEMPLATES */

#hotel #text .leftside { float: left;	width: 560px; padding: 0 0 0 15px; }
  #hotel #text .leftside p { margin: 0; line-height: 16px; }
#hotel #text .rightside { float: right; width: 300px;	padding: 0 0 0 10px; border-left: 1px solid #b2b2b2; }
  #hotel #text .rightside img { float: left; margin: 0 0 10px 0; border: 0; }
  #hotel #text .rightside img.first { margin: 0 10px 10px 0; }

#pokoje #head { background-image: url(images/pokoje_panorama01.jpg); }
#pokoje #text .leftside { float: left;	width: 570px; padding: 0 0 0 15px; }
  #pokoje #text .leftside p { margin: 0; width: 560px; line-height: 16px; }
    #pokoje #text .leftside img { float: left; margin: -3px 15px 0 0; border: 0; }
	  #pokoje #text .leftside a {  border: 0; }
 
#pokoje #text .rightside { float: right; width: 300px;	padding: 0 0 0 10px; border-left: 1px solid #b2b2b2; }
  #pokoje #text .rightside img { float: left; margin: 0 0 10px 0; border: 0; }
  #pokoje #text .rightside img.first { margin: 0 10px 10px 0; }
  #pokoje #text .rightside img.btn_sniadania { margin: 0 10px 0 0; }
  
  #pokoje #text .rightside2 { float: right; width: 300px;	padding: 0 0 0 10px; border-left: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; }
  #pokoje #text .rightside2 img { float: left; margin: 0 0 10px 0; border: 0; }
  #pokoje #text .rightside2 img.first { margin: 0 10px 10px 0; }
  #pokoje #text .rightside2 img.btn_sniadania { margin: 0 10px 0 0; }

#pub #head { background-image: url(images/pub_panorama01.jpg);}
#pub #text .leftside { float: left;	width: 560px; padding: 0 0 0 15px; }
  #pub #text .leftside p { margin: 0; line-height: 16px; }
  #pub #text .leftside img { float: left; margin: 40px 12px 0 0; }
    #pub #text .leftside img.last { float: left; margin: 40px 0 0 0; }
#pub #text .rightside { float: right; width: 300px;	padding: 0 0 0 10px; border-left: 1px solid #b2b2b2; }

#konferencje #text .leftside { float: left;	width: 560px; padding: 0 0 0 15px; }
  #konferencje #text .leftside p { margin: 0; line-height: 16px; }
#konferencje #text .rightside { float: right; width: 300px;	padding: 0 0 0 10px; border-left: 1px solid #b2b2b2; }
  #konferencje #text .rightside img { float: left; margin: 0 0 10px 0; border: 0; }
  #konferencje #text .rightside img.first { margin: 0 10px 10px 0; }

#galeria #text .leftside { float: left;	width: 580px; padding: 0 0 0 15px; }
  #galeria #text .leftside p { float: left; margin: 0; line-height: 16px; }
  	  #galeria #text .leftside a {  border: 0; }
	  #galeria #text .leftside img {  border: 0; }
#galeria #text .rightside { float: right; width: 300px;	padding: 0 0 0 10px; border-left: 1px solid #b2b2b2; }
  #galeria #text .rightside img { float: left; margin: 0 0 10px 0; border: 0; }
  #galeria #text .rightside img.first { margin: 0 10px 10px 0; }


#cennik #text .content { padding: 0 15px 0 15px; }
#cennik #text .content p { margin: 0; line-height: 16px; }
/* }}} */

#foot { position: relative; height: 95px; width: 912px; margin: 0 auto 0 auto; padding: 0 0 0 0; background-color: none; font: 8pt "Trebuchet MS", Arial, Helvetica, sans-serif; color: #535353; }
#foot p { float: left; clear: both; margin: 5px 0 0 0; }
#foot a { float: left; margin: 37px 12px 0 0; padding: 0 0 0 10px;  background: url(images/btnfootbg.png) 0 4px no-repeat; }
#foot img { float: right; margin: -5px 120px 0 0; }


#kontakt #text .leftside { float: left;	width: 210px; padding: 0 0 0 15px; }
  #kontakt #text .leftside p { margin: 0; line-height: 16px; }
#kontakt #text .rightside { position: relative; float: right; width: 650px;	padding: 0 0 0 10px; }
  #kontakt #text .rightside p.info { position: absolute; width: 280px; top: 20px; right: 14px; text-align: left; }

#logo #logo1 { position: absolute;
    width:144px;
	height:153px;
    z-index: 9;
	float: left;
	margin: 12px 0 0 35px;
	border: 0;
}
#logo #logo2 { position: absolute;
    width:153px;
	height:50px;
	z-index: 11;
	float: left;
	margin: 43px 0 0 167px;
	border: 0;
}

#head .kontakt { position: absolute; float: left;
    top: 284px; right: 46px;
	z-index: 99;
}

#head .flash { position: absolute; float: left; top: 116px; left: 30px; z-index: 1;
}

#slide { float: left; position: relative;
  background: url(images/1.jpg) 0 0 no-repeat;
  z-index: 8;
  padding:0; 
  margin: 25px 0 0 45px; 

  list-style-type:none; 
  overflow:hidden; 
  width:915px; 
  height:215px; 
  border:0; 

  }
#slide li {
  float:right;
  }
#slide li a {
  display:block; 
  height:215px;
  width:28px; 
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#slide li a img {
  width:28px; 
  height:215px; 
  border:0;
  }
#slide li a:hover {
  background:#eee; 
  width:915px;
  }
#slide li a:hover img {
  width:915px;
  }




.button {
	display: block;
	background-color: #dae3ea;
	float: left;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
	color: #0e0e0e;
	margin: 5px;
}
a.button {
	font-size: 10pt;	
	line-height: 35px;
	text-decoration:none;
}
a.button:hover {
	background-color: #333;
	color: #dae3ea;
}

.pager { float: left; display: block; width: 560px; }
.pager .holder { display: block; height: 30px; width: 110px;  margin: 0 auto; }
.pager .holder .numbers {float: left;  margin: 4px 3px 0 3px; padding: 0; }
.pager img { float: left;  margin: 0 3px 0 3px; border: 1px solid red; }
.pager a { margin: 0; border: 1px solid red; }

#gallerymenu {
	margin: 0 0 20px 0;
}

#gallerymenu a {
	color: #4D4D4D;
	font-weight: bold;
	text-decoration: none;
	padding: 0 10px 0 0;
}
#gallerymenu a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #A44D00;
}


.buttongallery a {
	font-size: 12pt;
	color: #666;
	text-decoration: none;
	line-height: 20px;
	padding: 0 5px 0 5px;
}
.buttongallery a:hover {
	color: #F60;
}
#container #headbg #footbg #content #head #text table tr td .ksiegagosci h1 {
	font-size: 9pt;
	color: #333;
	padding: 10px 0 20px 0;
	text-align: right;
}

.ksiegagosci{ float: left; margin: 0 0 10px 0;
}

.ksiegagosci h1 { float: right; font-size: 8pt;
}

#layer {
	position: absolute;
	top: 50px;
	width: 99%;
	z-index: 1;
	text-align: center;
	padding-left: 10px;
} 

#zdjecie {
	float: left;
	padding: 0 10px 10px 0;
}

#map {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: justify;
	color: #666;

	width: 1002px;
	text-align: center;
	background-color: #FFF;
	border: solid 1px #666;
	padding: 10px;
	text-align: center;
	margin: auto;
}
