html, body {margin: 0px; padding: 0px; width: 100%; height: 100%;}
html{ }          
body{ background: #fff url(bg/bg-body.jpg) top repeat-y; font-size: 12px;}
body *, body{font-family: verdana, arial, sans-serif;}

body#zoom{background: #fff;}

div{padding: 0px;}

p{margin: 10px 10px; text-align: justify; line-height: 1.5em;}
ul, ol{margin: 15px 30px 15px 10px; padding: 0px 0px 0px 40px;}
li{margin: 5px 0px;}
h1{margin: 30px 20px; padding:0px; font-size: 24px; font-weight: normal;}
h2{margin: 20px 20px 15px 20px; font-size: 17px; font-weight: normal;}
h3{margin: 15px 20px; font-size: 15px;}

h1.nazwa{margin: 10px 20px;}

/*
a{color: #0000ff;}
a:link{}
*/
a img{ border: 0px;}
applet{display:block;}

div.bg_body{display: table; width: 100%; }
div.body{ margin: 0px auto; width: 990px; padding: 1px 0; }
div.top{padding: 1px 0px; height: 90px; background: none; position: relative;}

img.clear{clear: both; display: block;}



/* NEW */
/* TOP */
div.mtop{ margin: 0; position: relative; background: url(bg/mtop.jpg) top no-repeat; padding-top: 1px;}
ul.topMenu{margin: 0px auto; width: 1000px; padding: 0; height: 70px; xbackground: url(bg/top-menu-bg.gif) bottom repeat-x; display: block; list-style-type: none; }

ul.topMenu li{float: left; }
ul.topMenu li.off, ul.topMenu li.on{padding-left: 27px; height: 33px; margin-left: 1px; background: url(bg/top-menu-zakladka-start-off.gif) no-repeat left; margin-top: 37px;}
ul.topMenu li.on{background-image: url(bg/top-menu-zakladka-start-on.gif); }

ul.topMenu li a{display: block; background: url(bg/top-menu-zakladka-off.gif) no-repeat right; padding: 8px 27px 5px 3px; height: 20px; color: #2b86b1; text-decoration: none; font-size: 13px; font-weight: bold; width: 170px; text-align: center;}
ul.topMenu li.on a{background-image: url(bg/top-menu-zakladka-on.gif);}

ul.topMenu .logo{padding: 0px 0px; width: 180px; display: block;}


/*
ul.topMenu li.mapaOn{background-image: url(bg/zakladka-mapa-on.gif); }
ul.topMenu li.mapaOff{background-image: url(bg/zakladka-mapa-off.gif); }
ul.topMenu li.hoteleOn{background-image: url(bg/zakladka-hotele-on.gif); }
ul.topMenu li.hoteleOff{background-image: url(bg/zakladka-hotele-off.gif); }
ul.topMenu li.imprezyOn{background-image: url(bg/zakladka-imprezy-on.gif); }
ul.topMenu li.imprezyOff{background-image: url(bg/zakladka-imprezy-off.gif); }
*/
ul.topMenu li.mapaOn a, ul.topMenu li.mapaOff a{width: 50px; }
ul.topMenu li.imprezyOn a, ul.topMenu li.imprezyOff a{width: 100px; }
ul.topMenu li.szukajOn a, ul.topMenu li.szukajOff a{width: 90px; }


div#hotels{clear: both; position: absolute; top: 70px; left: 50%; margin-left:-175px; background: #fff; border: 1px solid #4071f4; width: 350px; height: 260px; z-index: 9;}

a#close{position: absolute; top: 10px; right: 10px;}
a#close img{width: 16px; height: 16px;}

/* PAGE */
div.mapHeader{height: 50px; margin: 0; padding: 0; clear: both; position: relative;}
div.mapHeader h1{margin: 5px; font-size: 1.8em;}
div.mapHeader p{color: #999; font-size: 1em; margin: 5px;}
div.klientHeader{width: 160px; position: absolute; top: 0px; right: 5px; text-align: right;}

div.noclegiHeader{clear:both;}

form {margin: 0px;}
form p{margin: 3px 20px; padding: 3px 0px;}
form p.row {background: #f9f9f9;}
form p.row b{width: 120px; display: block; float: left;}
form p.head{font-size: 0.9; color: #555;}
form p.submit{padding-left: 120px;}
form h1{margin: 20px 20px 10px 20px; font-size: 1.5em; color: #555;}

div.noclegiHeader h1{ margin: 5px;}
div.noclegiHeader p{ margin: 5px;}

/*p.lokalizacja{position: absolute; top: 20px; right: 0px;  width: 210px; margin: 0px; padding:0px; height:36px; font-size: 9px; line-height: 1.1em; text-align: left; font-family: arial, sans-serif;} */
p.lokalizacja{  margin: 2px 0px; padding:0px; height:36px; line-height: 1.1em; text-align: left; font-family: arial, sans-serif; font-weight: bold;}
p.link{margin: 0px 20px; position: absolute; top: 20px; left: 60px}
img.logo{margin: 0px; display: block;}

p.loading{ text-decoration: blink; margin: 0px; padding: 20px; color: red; font-weight: bold;}

table.mapa {margin: 0px; width: 990px;}
table.mapa th{height:37px; font-size:16px; vertical-align: bottom; padding: 0px 10px;}
table.mapa td{vertical-align: top; padding:0px;}
table.mapa td.mapa, table.mapa th.mapa{width: 530px; text-align: right;}



div.zoom{height:28px; background: url(bg/bg_el.gif) 0px -1px; border-top: 1px solid #9EAAAC;}
div.elements{padding: 4px 0px; height:83px; border-bottom: 1px solid #9EAAAC; border-top: 1px solid #9EAAAC; background: #F6F6F6 url(bg/bg_el.gif) repeat-x 0px -40px; overflow: scroll;}
div.elements a.pano img, div.elements span.pano img, div.elements a.foto img, div.elements span.foto img{background: url(bg/pano_bg.gif) no-repeat top; padding: 2px 2px 9px 2px;}
div.elements a.foto img, div.elements span.foto img{background-image: url(bg/foto_bg.gif)}

div.gfx{height: 374px;}
body#zoom div.gfx{height: 526px;}

div.zoom, div.elements{width: 458px; border-left: 1px solid #9EAAAC; border-right: 1px solid #9EAAAC;}

div.zoom p{margin: 0px; padding: 5px 10px; }
div.zoom a.zoom b{display: none;}
div.zoom a.zoom{display: block; width: 100px; height: 28px; float: left; background: url(bg/btn_zoom.gif) left; margin: 0px 10px 0px 0px;}
div.zoom a:hover.zoom{background-image: url(bg/btn_zoom_over.gif);}
div.elements a {display: block; margin: 0px; padding: 0px 0px 2px 3px; float: left;}


div#content{position: relative; padding: 1px;}
div.tekst{width: 454px; xfloat: left; }

/*div.kalendarz{width: 530px; position: absolute; top: 0px; right: 0px;}*/

/* KALENDARZ -- */

div#topKalendarz{position: absolute; right: 0px; top: 0px;}

table.kalendarz {clear: both; margin: 5px 0px;}
table.kalendarz td{padding: 1px 5px; font-size: 11px; text-align: center;}
table.kalendarz tr.linki td{padding-bottom: 3px;}
table.kalendarz td.weekend{color: red; font-weight: bold;}
table.kalendarz td.wybrany{background: red; color: #fff;}
table.kalendarz td.dzisiaj{border: 2px solid red; border-width: 1px 1px 0px 1px;}
table.kalendarz tr.linki td.dzisiaj{border-color: red; border-width: 0px 1px 1px 1px;}
table.kalendarz td.wszystkie{border-right: 1px solid green; width: 110px;}

table.kalendarz td.wybrany a.dzien{color :#fff;}
table.kalendarz td.middle{vertical-align: middle;}
table.kalendarz th, table.kalendarz td.podzial{border-left: 1px solid #555;}
table.kalendarz th{background: #609FFF; border-bottom: 1px solid #555; font-size: 11px;}
table.kalendarz th.c0{border-left: 0px;}
table.kalendarz th.m2{background: #80B2FF;}
table.kalendarz{border: 1px solid #555; border-width: 1px 0;}

table.kalendarz .nav{background:  #0000ff; width: 15px; text-align: center; border-bottom: none; border-right: 1px solid #555; color: #5555ff; font-size: 16px}
table.kalendarz .nav a{color: #fff; font-weight: bold; text-decoration: none; display: block; padding: 12px 0px;}
table.kalendarz .navOn:hover {background:  #ff0000;}


/* -- KALENDARZ */


/* TEKST -- */
table.kolumny {}
table.kolumny td{vertical-align: top;}

table.kolumnyImprezy {margin-top: 0px;}

h1.tytul_strony{font-size: 20px; text-align: center; margin: 0px; padding: 25px 0px 0px 0px; font-weight: bold;}
p.info{text-align: left; font-size: 11px; margin: 3px;}

div.tekst p{margin: 15px 0px 15px 20px;}
div.tekst ul{margin: 15px 0px;}
div.tekst h1{font-size: 18px; margin: 10px 0px 10px 10px;}

p.wiecej{margin: 0px 9px 15px 9px; text-align: right;}

div#opis{ }

div.wydarzenie h1{margin-bottom: 0px;}
div.wydarzenie p.miejsce{border-top: 1px solid; font-size: 11px; margin-top: 3px;}

table.lista_wydarzen{border: solid #a07e53; border-width: 1px 0px 0px 1px; margin: 15px 8px 15px auto; width: 512px;}
table.lista_wydarzen td{border: solid #a07e53; border-width: 0px 1px 1px 0px; padding: 7px;text-align: center; font-size: 10px;}
table.lista_wydarzen col.termin{width: 100px;}
table.lista_wydarzen td.nazwa{text-align: left; font-size: 11px; color: #777;}
table.lista_wydarzen td.nazwa a{font-size: 12px;}
table.lista_wydarzen td.nazwa span.link{font-size: 12px; color: #fff;}
table.lista_wydarzen tr.wybrany td{background: red;color: #fff; }
table.lista_wydarzen tr.wybrany td a{color: #fff;}
table.lista_wydarzen th{background: #c8a476; font-weight: bold; padding: 7px 7px; border: 1px solid #a07e53; border-width: 0px 1px 1px 0px; font-size: 11px; color: #5d4000;}

/* STOPKA --*/
p.stopka1, p.stopka2 {text-align: center; color: #777; font-size: 11px; margin: 0px;}
p.stopka1{padding-top: 20px;}
p.stopka2{padding-bottom: 20px; color: #999; font-size: 10px;}
p.stopka1 a{color: #777;} 
p.stopka2 a{color: #999;}
/* -- STOPKA */

/* range */

div#range{background: #fff; border: 1px solid #0000ff; padding: 3px 1px; width: 370px; }
div#range ul{margin: 0px; padding: 0px; list-style-type: none;}
div#range ul li{float: left; padding: 0; width: 20px; margin: 0 3px; }
div#range ul li a{display: block; padding: 1px 3px; width: 14px; background: #f7f7f7; text-align: center; border: 1px solid #eee;}


/* ZOOM --- */
body#zoom {background: #EAF4FF;}

body#zoom_full {background: #EAF4FF; margin: 0; padding: 0; width: 100%; height: 100%;}
body#zoom_full object{background: #EAF4FF; display: block;}

body#zoom div.powiekszenie{  text-align: center; width: 700px; height: 525px; display: table; background:  #fff; border-bottom: 1px solid #000;}
body#zoom div.hand {cursor: pointer;}
body#zoom img {display:block; margin: 0px;}
body#zoom div.panorama{border:1px solid #000; width: 460px; height: 345px; margin: 75px auto 0px auto;}
body#zoom p{margin: 5px; text-align: center;}

body#zoom div.elements{padding: 0px 5px; height:98px; width: 690px; border:0px; background: none; overflow-y: scroll; clear:both;}
body#zoom div.elements img{width:80px; height: 60px;}
body#zoom div.elements a {display: block; margin: 0px; padding: 5px 5px 5px 5px; float: left; }

body#zoom div.elements span.wybrany {display: block; margin: 0px; padding: 4px; float: left; background: #CAE4FF; border: 1px solid #000;}
body#zoom p.info{margin: 2px 5px; height: 15px;}
/* --- ZOOM */