@charset "utf-8";
/* CSS Document 
kolory strony: #4e5132 - ciemnozielony; #B5AE9C - khaki; #4b2c2b - ciemno-brązowy; 
*/

body {background-color:#BCBEAB;	margin-left:auto;	margin-top:0; margin-right:auto; margin-bottom:0;}

#rama { /* Pozycjonuje stronę na środku ekranu*/
	position:relative; text-align:left; width:824px; margin-left:auto; margin-right:auto;}
	
h1 {font-size:20px;}
h2 {font-size:17px; margin:0px; text-align:left; color:#4b2c2b;}

.ozdobnik {background-image:url('../images/ozdobnik.jpg'); width:30px; height:47px; float:left;}
#h1 {padding-top:10px; text-indent:10px;}
#naglowek {padding-top:-3px; padding-left:15px;}

p {margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4e5132; line-height:18px; text-indent:10px;}
.specjalna li {color:#B61317;}
.speclink {color:#4b2c2b !important; background:none !important; text-decoration:underline!important; display: inline!important; font-family:Arial, Helvetica, sans-serif!important; font-size:12px!important;}
.wyroznik { font-weight:bold; color:#B61317;}

/* Top  */
#baner_top {background-image:url('../images/baner_top.jpg'); width:824px; height:75px;}
#logo_padding {padding-left:12px; width:212px; height:75px; float:left;}
#marquee {float:right; padding-right:25px;}
.marquee {font-size:11px; color:#4b2c2b;}
#sylwester {float:right; padding-right:25px; font-size:20px; color:#FF0000; font-family:Arial, Helvetica, sans-serif;}
#ogloszenie {float:right; padding-right:18px; font-size:20px; color:#4e5132; font-family:Arial, Helvetica, sans-serif; width:500px;}
#ogloszenie span { font-weight:bold; color:#B61317;}
#ogloszenie span a { color:#4b2c2b;}
#left {float:right; width:600px;}
img { border:0;}
#baner_srodek {width:824px; height:318px;}
#baner_dol { background-image:url('../images/baner_dol.jpg'); width:824px;	height:31px;}

/* Część główna - Menu  */
#tlo {background:url('../images/tlo_teksty.jpg') repeat-y; float:left;}

#menu {	/*background-image:url('images/tlo_menu.gif');*/ width:221px; height:auto; float:left;}
#menu img {padding-left:80px;}
.menu {color:#4b2c2b; text-decoration:none;	padding-left:35px;	text-align:left; display: block; list-style: none;	margin:0;}
.odstep {padding-left:31px;}
#main {	background-repeat:repeat; width:603px;	height:auto; float:left; font-family:Arial, Helvetica, sans-serif;	font-size:14px;	color:#4e5132;
	text-align:justify;}	

ul a:link, ul a:visited {display: block; width: 157px; text-decoration: none;	padding: 5px 0;	background:#CBD0BA url('../images/przycisk1.jpg') repeat-x top; color: #4b2c2b; font-family:"Monotype Corsiva", "Cataneo BT", Forte, Garamond, "Times New Roman", serif;}
.active {display: block; width: 157px; padding: 5px 0;	background:#CBD0BA url('../images/przycisk2.jpg') repeat-x top; color: #4b2c2b; font-family:"Monotype Corsiva", "Cataneo BT", Forte, Garamond, "Times New Roman", serif; font-weight:bold;}
ul a:hover, ul a:active {background-image: url('../images/przycisk2.jpg');}
/*ul a:visited {display: block; width: 157px; text-decoration: none;	padding: 5px 0;	background:#CBD0BA url('../images/przycisk1.jpg') repeat-x top; color: #4e5132; font-family:"Monotype Corsiva", "Cataneo BT", Forte, Garamond, "Times New Roman", serif;}	*/
/* Część główna - Treść strony  */

.intro:first-letter { font-size:18px; color:#4b2c2b; font-weight:bold; font-family:"Times New Roman", serif;}
#panellewy {background-image:url('../images/panel_lewy.jpg'); width:275px; height:152px; float:left; margin-left:15px; }
#panelprawy {background-image:url('../images/panel_prawy.jpg'); width:280px; height:152px;	float:left;}
.wciecie {padding-left:25px; padding-top:15px; font-family:"Times New Roman", Times, serif; font-size:13px; color:#573737; line-height:15px;}
#main_padding {padding-left:35px; padding-top:30px; width:510px; float:left;}
#main_padding ul { list-style:disc; font-size:12px; line-height:18px; margin-top:5px; margin-bottom:5px;}

.linia {float:left; width:510px; height:10px;}
.linia1 {float:left; width:310px; height:10px;}

.link {color:#4b2c2b;}	
.link a:link, .link a:visited{ font-weight:bold;text-decoration:underline;}
.link a:hover { text-decoration:none; color:#000;}
#referencje {color:#4b2c2b; background-color:#edece4; border-color:#999999; border-style:solid; border-width:1px; font-size:11px; font-style:italic;} /* background-color:#D2C6AC */
#referencje_padding {padding:10px;}

.mapa_naglowek {background-image:url('../images/tlo_naglowek_kontakt.jpg'); width:510px; height:46px; float:left; color:#4b2c2b; font-size:12px;}
.padding_mapa {padding-top:5px; padding-left:15px;}
.tlo_mapa {background-image:url('../images/tlo_mapa.jpg'); width:243px; height:231px; float:left; color:#4A4E35;}
.adres {color:#4E503A; padding-left:35px; padding-top:38px; font-size:14px; line-height:18px;}
.kliknij {padding-left:200px; padding-top:2px; color:#4E503A; font-style:italic; font-size:12px;}
.mapa {background-image:url('../images/mapa_odsylacz.jpg'); width:267px; height:231px; float:left;}
.mapa_pod {width:510px; height:20px; background-color:#BCBDAB; float:left;}

b {font-size:14px;}

#galeriarama {margin-left:-15px; padding-top:10px; width:540px; float:left;}
.photo img { border:0; padding: 0px 3px; position: relative; top: -5px;	left: -5px;}
.figure { float: left;	width: 165px; margin: 0 0px 0px 5px;}
.figure p { font-size:11px; text-align: left;  margin: 5px 0 0 5px; height: 3em; width: 150px;}

/* Stopka - Pasek  */
#adres { background-image:url('../images/tlo_adres.jpg'); width:221px;	height:116px; float:left; font-family:Arial, Helvetica, sans-serif;	font-size:12px;
	font-style:italic; color:#4e5132; text-align:left;}
#adres_padding {padding-left:45px; padding-top:25px;}

#dysponujemy { background-image:url('../images/tlo_dysponujemy.gif');	width:603px; height:116px;	float:left;}
#dysponujemy_padding {font-weight:bold; text-align:left; padding-left:13px; padding-top:10px; color:#7a7e6c; font-family:Arial, Helvetica, sans-serif;
font-size:12px;}
#dysponujemy_padding1 {color:#7a7e6c; text-align:left; font-size:10px; font-family:Arial, Helvetica, sans-serif; float:left; width:180px;}
#dysponujemy_padding2 {color:#7a7e6c; text-align:left; font-size:10px; font-family:Arial, Helvetica, sans-serif; float:left; width:136px;}
#dysponujemy_padding3 {color:#7a7e6c; text-align:left; font-size:10px; font-family:Arial, Helvetica, sans-serif; float:left; width:144px;}
#dysponujemy_padding4 {color:#7a7e6c; text-align:left; font-size:10px; font-family:Arial, Helvetica, sans-serif; float:left; width:135px;}
.dysponujemy {width:115px;}
.dysponujemy1 {padding-top:10px; width:115px;}
.dysponujemy2 {width:115px; padding-left:37px;}
.dysponujemy3 {padding-top:10px; width:115px; padding-left:37px;}

.srodek {width:824px;}
.break {height:13px;}

/* Stopka - Menu stopka  */
#stopka { background-image:url('../images/tlo_stopka.jpg'); width:221px; height:38px; float:left;	font-family:Arial, Helvetica, sans-serif; font-size:10px;
	font-style:italic;	color:#7a7e6c;}
#stopka_menu {	background-image:url('../images/tlo_stopka_menu.jpg');	width:603px; height:38px; float:left;	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	font-style:italic;	color:#4b2c2b;	text-align:center;}
.stopka_menu {text-decoration:underline; color:#4b2c2b;	font-weight:bold;}
#stopka_menu_padding {padding-left:-5px; padding-top:13px;}
#stopka_padding {padding-left:40px; padding-top:13px;}
#stopka_padding a { text-decoration:underline; color:#7a7e6c;}

.right {text-align:right; font-style:italic;}

#tekst {float:left; width:310px;}

#foty {float:left; padding-left:20px; width:180px;}
.zdjecie {float:right; width:180px; padding:10px;}
#tekst2 {float:left; width:510px;}

.pokoje {background-image:url('../images/oferta_pokoje.jpg'); width:82px; height:75px; float:left;}
.restauracja {background-image:url('../images/oferta_restauracja.jpg'); width:82px; height:75px; float:left;}
.przyjecie {background-image:url('../images/oferta_przyjecie.jpg'); width:82px; height:75px; float:left;}
.konferencje {background-image:url('../images/oferta_konferencje.jpg'); width:82px; height:75px; float:left;}
.klubowa {background-image:url('../images/oferta_klubowa.jpg'); width:82px; height:75px; float:left;}
.solna {background-image:url('../images/oferta_solna.jpg'); width:82px; height:75px; float:left;}
.plenerowe {background-image:url('../images/oferta_plenerowe.jpg'); width:82px; height:75px; float:left;}

.tlo_oferta {background-image:url('../images/tlo_naglowek.jpg'); width:428px; height:75px; float:left; color:#4b2c2b; font-weight:bold;}

.padding_tytul {padding-top:33px; padding-left:5px;}
.padding_tytul1 {padding-top:23px; padding-left:5px; width:350px;}

.pokoj {background-color:#B5AE9C; width:346px; height:34px; float:left; color:#4b2c2b; font-weight:bold;}

.tabela {background-image:url('../images/ozdobnik_tabela.jpg'); width:164px; height:34px; float:left;}

.padding_pokoj {padding-top:10px; padding-left:15px;}
.padding_top {padding-top:10px;}

.zielony {background-color:#B5BAA6; width:344px; height:34px; float:left; color:#4A4E35; border:solid; border-color:#4C5039; border-width:1px;
border-top-width:0;}

.zielony2 {background-color:#CDD2BE; width:162px; height:34px; float:left; color:#4A4E35; border:solid; border-color:#4C5039; border-width:1px;
border-top-width:0; text-align:center;}
.zielony_top {background-color:#B5BAA6; width:344px; height:34px; float:left; color:#4A4E35; border:solid; border-color:#4C5039; border-width:1px;}
.zielony2_top {background-color:#CDD2BE; width:162px; height:34px; float:left; color:#4A4E35; border:solid; border-color:#4C5039; border-width:1px;
text-align:center;}

/* lightbox */
#lightbox{ position: absolute; left: 0;	width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #1b1b1b; width: 250px;	height: 250px; margin: 0 auto;}
#imageContainer{ padding: 10px;	}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%;	text-align: center;	line-height: 0;}
#hoverNav{ position: absolute; top: 0; left: 0;	height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%;	background: transparent url('../strony/images/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../strony/images/prevlabel.gif') left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover { background: url('../strony/images/nextlabel.gif') right 15% no-repeat;}
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color:#1b1b1b; margin: 0 auto; line-height: 1.4em;
	overflow: auto;	width: 100%}
#imageData{	padding:0 10px; color:#fff;}
#imageData #imageDetails{ width:80%; float: left; text-align:left;}	
#imageData #caption{ font-weight:bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom:1.0em;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom:0.7em;}	
#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px;	background-color:#212121;}