body{ font: 0.8em tahoma, arial, helvetica, sans-serif; }
html>body{ font-size: 0.8em }

td, th{ font-size: 0.8em; }
html>body td, th{ font-size: 0.9em; }

em{ font-family: arial; }

body{
  padding: 0;
  margin: 0;
  background: #fff url(top-bg.png) 50% 93px no-repeat;
  text-align: center;
}
body.lang-en{ background-image: url(top-bg-en.png); }
body.lang-de{ background-image: url(top-bg-de.png); }

/*********************************************************************/

img{ vertical-align: bottom; border: 0; }
small{ font-size: 0.85em; color: #555; }
form{ display: inline; }
a{ color: #587E96; text-decoration: none; }
a:hover{ color: #4671A7; text-decoration: underline; }

/*********************************************************************/

#contents{
  width: 741px;
  text-align: left;
  margin: 25px auto 0 auto;
}

/*********************************************************************/

#header{
  position: relative;
  height: 151px;
}

#top-img{
  position: absolute;
  right: 4px;
  top: -4px;
}

h1#top-logo{
  margin: 0;
  padding: 0;
  background-color: #fff;
  width: 243px;
  line-height: 1px;
  font-size: 1px;
}

#header-bar{
  position: absolute;
  top: 110px;
  width: 174px;
  padding: 0;
  background: url(menu-bottom.png) 0 100% no-repeat;
  font-size: 2px;
  text-align: center;
}

#promo{
  position: absolute;
  top: -20px;
  right: 154px;
  width: 180px;
  height: 32px;
}

#promo a{
  display: block;
  width: 100%;
  height: 100%;
  background: url(imp-weekend-majowy-pl.gif) 0 0 no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

body.lang-en #promo a
{
  background: url(imp-weekend-majowy-en.gif) 0 0 no-repeat;
}

body.lang-de #promo a
{
  background: url(imp-weekend-majowy-de.gif) 0 0 no-repeat;
}


/*********************************************************************/

ul#top-menu{
  margin: 0;
  padding: 42px 0 0 0;
  background: url(menu-top.png) 0 0 no-repeat;
  list-style: none;
}

ul#top-menu li{
  display: block;
  margin-bottom: 1px;
  padding: 0;
  width: 174px;
  height: 25px;
}

ul#top-menu li a{
  display: block;
  width: 174px;
  height: 25px;
  background-image: url(menu-pl.png);
  background-repeat: no-repeat;
  text-decoration: none;
}
ul#top-menu li a:focus { overflow: hidden; }
body.lang-en #top-menu li a { background-image: url(menu-en.png); }
body.lang-de #top-menu li a { background-image: url(menu-de.png); }

li.o-nas a { background-position: 0 0; }
li.domki a { background-position: 0 -26px; }
li.gosciniec a { background-position: 0 -52px; }
li.cennik a { background-position: 0 -78px; }
li.okolica a { background-position: 0 -104px; }
li.rezer a { background-position: 0 -130px; }
li.dojazd a { background-position: 0 -156px; }
li.promocje a { background-position: 0 -182px; }
li.fotogaleria a { background-position: 0 -208px; }
li.mapa a { background-position: 0 -234px; }

li.o-nas a:hover { background-position: -190px 0; }
li.domki a:hover { background-position: -190px -26px; }
li.gosciniec a:hover { background-position: -190px -52px; }
li.cennik a:hover { background-position: -190px -78px; }
li.okolica a:hover { background-position: -190px -104px; }
li.rezer a:hover { background-position: -190px -130px; }
li.dojazd a:hover { background-position: -190px -156px; }
li.promocje a:hover { background-position: -190px -182px; }
li.fotogaleria a:hover { background-position: -190px -208px; }
li.mapa a:hover { background-position: -190px -234px; }

li.o-nas a.act, li.o-nas a.act:hover { background-position: -380px 0; }
li.domki a.act, li.domki a.act:hover { background-position: -380px -26px; }
li.gosciniec a.act, li.cennik a.act:hover { background-position: -380px -52px; }
li.cennik a.act, li.cennik a.act:hover { background-position: -380px -78px; }
li.okolica a.act, li.okolica a.act:hover { background-position: -380px -104px; }
li.rezer a.act, li.rezer a.act:hover { background-position: -380px -130px; }
li.dojazd a.act, li.dojazd a.act:hover { background-position: -380px -156px; }
li.promocje a.act, li.promocje a.act:hover { background-position: -380px -182px; }
li.fotogaleria a.act, li.fotogaleria a.act:hover { background-position: -380px -208px; }
li.mapa a.act, li.mapa a.act:hover { background-position: -380px -234px; }


li a.act:hover { cursor: default; }

ul#top-menu a span{ line-height: 25px; text-indent: -999px; display: block; }

/*********************************************************************/

ul#top-flags{
  margin: 0;
  padding: 0;
  height: 80px;
  width: 126px;
} html>body ul#top-flags{ margin: 0 auto; }

ul#top-flags li{
  padding: 38px 3px 0 3px;
  float: left;
  display: inline;
}

#tv-tube{
  position: absolute;
  bottom: -220px;
  left: 0;
  height: 200px;
}

#piesek {
  position: absolute;
  bottom: -450px;
  left: 20px;
  height: 200px;
}

/*********************************************************************/

#mid{ }

#mid p{
  text-align: justify;
  padding: 0;
  margin: 0.8em 0;
}

#mid div.center p { text-align: center; }

#mid ul{
  padding: 1px 1px 1px 1px;
  margin-left: 25px;
}

#sidebar ul{
  margin: 0 13px 0 0;
}

#mid ul li{
  list-style: none;
  padding: 1px 21px 1px 21px;
  border-bottom: 1px solid #fff;
}

#mid ul.type1{
  margin-top: 20px;
  border: 1px solid #F2F1EE;
}

#mid ul.type1 li{
  background: #FBFCF8 url(dot.png) 5px 0.3em no-repeat;
  color: #1B3207;
}

#sidebar ul.type1{
  background-color: #F2F7E6;
  border: 1px solid #BDD096;
}

#mid ul.type2{
  border: 1px solid #F3EEED;
}

#mid ul.type2 li{
  background: #FDFBF7 url(dot-type2.png) 5px 0.3em no-repeat;
  color: #380D00;
}

#mid .main-full ul.center{
  width: 500px;
  margin-left: 120px;
  text-align: left;
}

/*********************************************************************/

#main{
  padding-bottom: 10px;
}

#main .main-part{
  float: right;
  width: 557px;
}

#main .main-full{
  clear: both;
  padding-top: 20px;
}

#main h1{
  height: 63px;
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
}

#main h1.onas{ background-image: url(title_magraclub-pl.png); }
body.alter #main h1.onas{ background-image: url(title_magra.png); }

#main h1.domki{ background-image: url(title_domki.png); }
body.lang-en #main h1.domki{ background-image: url(title_domki-en.png); }
body.lang-de #main h1.domki{ background-image: url(title_domki-de.png); }

#main h1.gosciniec{ background-image: url(title-gosciniec.png); }
body.lang-en #main h1.gosciniec{ background-image: url(title-gosciniec-en.png); }
body.lang-de #main h1.gosciniec{ background-image: url(title-gosciniec-de.png); }

#main h1.cennik{ background-image: url(title_cennik.png); }
body.lang-en #main h1.cennik{ background-image: url(title_cennik-en.png); }
body.lang-de #main h1.cennik{ background-image: url(title_cennik-de.png); }

#main h1.okolica{ background-image: url(title_okolica.png); }
body.lang-en #main h1.okolica{ background-image: url(title_okolica-en.png); }
body.lang-de #main h1.okolica{ background-image: url(title_okolica-de.png); }

#main h1.rezerwacja{ background-image: url(title_rezerwacja.png); }
body.lang-en #main h1.rezerwacja{ background-image: url(title_rezerwacja-en.png); }
body.lang-de #main h1.rezerwacja{ background-image: url(title_rezerwacja-de.png); }

#main h1.dojazd{ background-image: url(title_dojazd.png); }
body.lang-en #main h1.dojazd{ background-image: url(title_dojazd-en.png); }
body.lang-de #main h1.dojazd{ background-image: url(title_dojazd-de.png); }

#main h1.promocje{ background-image: url(title_promocje.png); }
body.lang-en #main h1.promocje{ background-image: url(title_promocje-en.png); }
body.lang-de #main h1.promocje{ background-image: url(title_promocje-de.png); }

#main h1.fotogaleria{ background-image: url(title_fotogaleria.png); margin-bottom: 12px; }
body.lang-en #main h1.fotogaleria{ background-image: url(title_fotogaleria-en.png); }
body.lang-de #main h1.fotogaleria{ background-image: url(title_fotogaleria-de.png); }

#main h1.mapa{ background-image: url(title_mapa-pl.png); margin-bottom: 12px; }
body.lang-en #main h1.mapa{ background-image: url(title_mapa-en.png); }
body.lang-de #main h1.mapa{ background-image: url(title_mapa-de.png); }

#main h1 span{ display: none; }

#main h2{ font-size: 1.3em; margin-top: 1em; }

/*********************************************************************/

#main .hr{
  height: 3px;
  background: url(hr.png) 0 1px no-repeat;
}

#main .hrbig{ margin: 13px 0; }

#mid .hr hr{
  display: none;
}

/*********************************************************************/

#sidebar{
  width: 184px;
  float: left;
  padding: 318px 0 5px 0;
}

/*********************************************************************/

.photos-hor .photo{
  float: left;
  width: 185px;
  margin-bottom: 12px;
}

.photos-hor a{
  display: block;
  text-decoration: none;
  background: #fff url(img-hor-bg.png) 0 0 no-repeat;
  color: #002C79;
  font-size: 0.85em;
}

.photos-hor a:visited{
  background-position: -371px 0;
  color: #7E7E7E;
}

.photos-hor a:hover{
  background-position: -185px 0;
  color: #C24F00;
}

.photos-hor span.desc{
  display: block;
  text-align: center;
}

.photos-hor img{
  display: inline;
  margin: 11px 11px 8px 11px;
  width: 163px;
  height: 105px;
}

.photos-poziom img{
  display: inline;
  margin: 11px 11px 8px 11px;
  width: 163px;
  height: 105px;
}

.photos-pion img{
  display: inline;
  margin: 11px 11px 8px 11px;
  width: 105px;
  height: 163px;
}

.photos-hor{ text-align: center; }
.photos-poziom{ text-align: left; }
.photos-pion{ text-align: left; }

.photos-hor .photos-3{ width: 555px; margin: auto; }
.photos-hor .photos-2{ width: 370px; margin: auto; }

.photo-left { float: left; margin-right: 10px; }

/*********************************************************************/

#main table td{
  height: 25px;
  padding: 0 7px;
  background: #EBEBEB url(cell-gray-bg.png) 0 0 repeat-x;
  text-align: center;
}

#main table td.left{ float: none; text-align: left; }

#main table td.usr_tr0, #main table th{
  height: 25px;
  padding: 0 7px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #3A65A3 url(heading-bg.png) 0 0 repeat-x;
  color: #fff;
}

#main td small, th small{
  font-weight: normal;
  font-size: 10px;
}

#main th small{
  color: #fff;
}

#main table.prices{
  width: 100%;
}

#main table.seasons{
  margin-left: 40px;
}

#main table.left, #main table.right{
  width: auto;
}

#main table.reservation{
  width: 70%;
  margin-left: 75px;
  margin-bottom: 12px;
}

/*********************************************************************/

#footer{
  clear: both;
  background: url(footer.png) 0 0 no-repeat;
  padding: 24px 0 0 0;
  text-align: right;
  font-size: 0.8em;
  color: gray;
  margin-bottom: 25px;
}

#footer ul{
  margin: 0 0 0 auto;
  padding: 0;
  list-style: none;
  height: 20px;
  width: 596px;
}

#footer li{
  display: inline;
  float: left;
  margin-left: 28px;
}

body.lang-de #footer li{ margin-left: 23px; }

#footer li strong{ 
  font-weight: normal;
}

html>body #footer li img{
  vertical-align: middle;
}

/*********************************************************************/

.clear{ clear: both; height: 1px; font-size: 1px; }
.center{ text-align: center; }
.tip{ color: #AD3101; text-align: center; }
.field-error-msg{ color: red; display: block; }
.field-error{ background: #FFF2ED }
#main .left{ float: left; }
#main .right{ float: right; }
#main .toright{ float: right; text-align: right; }

#form-msg{ font-weight: bold; font-size: 1.2em; text-align: center; }
#form-msg.form-error{ color: red; background-color: #FFF2ED; }
#form-msg.form-success{ color: green; }

#reservation-form.form-error{}
#reservation-form.form-success{ display: none; }

.totranslate{ background-color: #FFEBEB; border: 1px dotted red; }
#stat{ display: none; }
#seo{ display:none; font-size:1px; visibility:hidden; position:absolute; top:0px }

#mid p.center { text-align: center; }