html { margin: 0; padding: 0; }
body { margin: 0; padding: 0;	background: url('../img/background.jpg'); text-align: center; }

#OuterWrapper { margin: 0; padding: 0; }

#Wrapper { margin: 0 auto; padding: 0; width: 800px; background: #f4efd7; }


/* -----[ Main elements styles ]----------------------------------- */

img { margin: 0; padding: 0; border: none; }

/* -----[ Top styles ]--------------------------------------------- */

#Top { position: relative; margin: 0; padding: 0; width: 800px; height: 155px; background: #baa169 url('../img/top_back.jpg') bottom left repeat-x; }
#StartPoint { position: absolute; top: 0; left: 0; width: 229px; height: 146px; margin: 0; padding: 0; margin-top: 0px; }
#StartPoint span { margin: 0; padding: 0; display: none; }
#StartPoint ul, #StartPoint li { margin: 0; padding: 0; list-style-type: none; }
#sp_b1, #sp_b2 { position: absolute; margin: 0; padding: 0; }
#sp_b1 { left: 0; }
#sp_b1 a { margin: 0; padding: 0; display: block; width: 229px; height: 73px; background: url('../img/sp_b1.gif') top left no-repeat; }
#sp_b2 { left: 0; top: 73px; }
#sp_b2 a { margin: 0; padding: 0; display: block; width: 229px; height: 73px; background: url('../img/sp_b2.jpg') top left no-repeat; }
#Logo { margin: 0; padding: 0; position: absolute; top: 0px; left: 267px; width: 336px; height: 145px; }
#Logo h1 { margin: 0; padding: 0; }
#Logo span { display: none; }

/* -----[ Flags styles ]------------------------------------------- */

#Flags { position: absolute; top: 10px; right: 5px; margin: 0; padding: 0; }
#Flags ul, #Flags li { margin: 0; padding: 0; list-style-type: none; display: inline; }
#fpl a { display: block; float: left; width: 21px; height: 15px; background: url('../img/f_pl.gif') top left no-repeat;	}
#fpl a:hover { background: url('../img/f_pl.gif') top left no-repeat; }
#fpl a span { display: none; }
#fde a { display: block; float: left; width: 21px; height: 15px; background: url('../img/f_de.gif') top left no-repeat;	}
#fde a:hover { background: url('../img/f_de.gif') bottom left no-repeat; }
#fde a span { display: none; }
#fru a { display: block; float: left; width: 21px; height: 15px; background: url('../img/f_ru.gif') top left no-repeat;	}
#fru a:hover { background: url('../img/f_ru.gif') bottom left no-repeat; }
#fru a span { display: none; }
#fen a {	display: block; float: left; width: 21px; height: 15px; background: url('../img/f_en.gif') top left no-repeat;	}
#fen a:hover {	background: url('../img/f_en.gif') bottom left no-repeat; }
#fen a span { display: none; }

/* -----[ Options styles ]----------------------------------------- */

#Options { position: absolute; top: 78px; right: 0; width: 140px; height: 48px; background: url('../img/opt_back.gif'); text-align: right; padding-right: 12px; padding-top: 5px; }
#Options ul, #Options li { margin: 0; padding: 0; list-style-type: none; }
#Options a { font: 7pt Tahoma, Verdana, sans-serif; color: #3a3122; text-decoration: none; text-align: right; }
#Options a:hover { color: #f4efd7; }
#Options img { margin-right: 5px; }

/* -----[ Main navigation styles ]--------------------------------- */

#MainNav { margin: 0 auto; width: 800px; height: 56px; background: #baa169 url('../img/mainnav_back.jpg') repeat-y; }
#MainNav ul, #MainNav li { margin: 0; padding: 0; list-style-type: none; display: inline; }
#MainNav li { float: left; }
#MainNav span { display: none; }

/* -----[ Main navigation buttons styles ]------------------------- */

#mn_b1 a { display: block; float: left; width: 70px; height: 56px; background: url('../img/mn_b1.gif') top left no-repeat; }
#mn_b1 a:hover { background: url('../img/mn_b1.gif') bottom left no-repeat; }
#mn_b2 a { display: block; float: left; width: 77px; height: 56px; background: url('../img/mn_b2.gif') top left no-repeat; }
#mn_b2 a:hover { background: url('../img/mn_b2.gif') bottom left no-repeat; }
#mn_b3 a { display: block; float: left; width: 108px; height: 56px; background: url('../img/mn_b3.gif') top left no-repeat; }
#mn_b3 a:hover { background: url('../img/mn_b3.gif') bottom left no-repeat; }
#mn_b4 a { display: block; float: left; width: 106px; height: 56px; background: url('../img/mn_b4.gif') top left no-repeat; }
#mn_b4 a:hover { background: url('../img/mn_b4.gif') bottom left no-repeat; }
#mn_b5 a { display: block; float: left; width: 85px; height: 56px; background: url('../img/mn_b5.gif') top left no-repeat; }
#mn_b5 a:hover { background: url('../img/mn_b5.gif') bottom left no-repeat; }
#mn_b6 a { display: block; float: left; width: 83px; height: 56px; background: url('../img/mn_b6.gif') top left no-repeat; }
#mn_b6 a:hover { background: url('../img/mn_b6.gif') bottom left no-repeat; }
#mn_b7 a { display: block; float: left; width: 71px; height: 56px; background: url('../img/mn_b7.gif') top left no-repeat; }
#mn_b7 a:hover { background: url('../img/mn_b7.gif') bottom left no-repeat; }
#mn_b8 a { display: block; float: left; width: 106px; height: 56px; background: url('../img/mn_b8.gif') top left no-repeat; }
#mn_b8 a:hover { background: url('../img/mn_b8.gif') bottom left no-repeat; }
#mn_b9 a { display: block; float: left; width: 94px; height: 56px; background: url('../img/mn_b9.gif') top left no-repeat; }
#mn_b9 a:hover { background: url('../img/mn_b9.gif') bottom left no-repeat; }

/* -----[ Header animation ]--------------------------------------- */

#HeadAni { margin: 0 auto; width: 800px; height: 179px; /*background: url("../img/ani_back.gif") repeat-x;*/ z-index: 9998;position:relative;}
#HeadAni object { margin: 0; padding: 0; }
#HeadAni h2 span { display: none; }

/* -----[ Main content styles ]------------------------------------ */

#Content { margin: 0 auto; padding: 0; width: 800px; background: #f4efd7; }

/* -----[ Sidebar styles ]----------------------------------------- */

#Sidebar { margin: 0; padding: 0; padding-left: 9px; padding-top: 6px; float: left; width: 194px; border: 0px solid #fff; text-align: left; font: 8pt Verdana, Arial, sans-serif; color: #665a3f; }
#Sidebar p { margin: 0; padding: 0 10px; }
#Sidebar p.moreLink { text-align: right; }
#Sidebar p.moreLink a { font: 8pt/1.4em Verdana, Arial, sans-serif; color: #684824; }

/* -----[ Panorama styles ]---------------------------------------- */
#Panorama { width: 194px; background: url('../img/box_back.gif') repeat-y; }
#Panorama #PanTitle { margin: 0; padding: 0; width: 194px; height: 37px; background: url('../img/pan_title.gif') no-repeat; }
#Panorama #PanTitle span { display: none; }
#Panorama #PanThumb { margin-left: 6px; width: 182px; height: 80px; }
#Panorama .boxEnd { margin: 0; padding: 0; width: 194px; height: 9px; display: block; background: url('../img/boxend.gif') bottom no-repeat; }

/* -----[ reservation form styles ]-------------------------------- */

#Reserve { margin-top: 10px; margin-bottom: 10px !important; width: 194px; background: url('../img/box_back.gif') repeat-y; }
#Reserve #ResTitle { margin: 0; padding: 0; width: 194px; height: 36px; background: url('../img/res_title.gif') no-repeat; }
#Reserve #ResTitle span { display: none; }
#Reserve .boxEnd { margin: 0; padding: 0; width: 194px; height: 9px; display: block; background: url('../img/boxend.gif') bottom no-repeat; }
#Reserve form { margin: 0; padding: 0; margin-left: 10px; }
#Reserve input { border: 1px solid #7f9db9; }
#Reserve label { margin-top: 5px; width: 182px; display: block; clear: both; }
#Reserve #res_submit { margin: 0; padding: 0; margin-left: 4px; margin-top: 7px; border: none; width: 161px; height: 25px; }

#date1, #date2 { height: 18px; width: 168px; }
.date-picker { height: 18px; width: 168px; }

#payment { border: 1px solid #7f9db9; width: 168px; }

/* -----[ Cards styles ]------------------------------------------- */

#Partners { display: block; width: 194px; margin-bottom: 10px; clear: both; text-align: center; }

#Cards { display: block; width: 194px; margin-bottom: 10px; clear: both; text-align: center; }
	#Cards p { font-size: 8pt; margin-bottom: 5px; }
	#Cards img { border: 1px solid #000; }

/* -----[ MainContent styles ]------------------------------------- */

#MainContent { position: relative; margin-left: 9px; padding-top: 12px; float: left; width: 563px; font: 8pt/1.6em Verdana, Tahoma, Arial, sans-serif; color: #251f16; }
#MainContent p { margin: 0; padding: 0; padding-left: 196px; text-align: left; }
#MainContent img { z-index: 1; }
#MainContent a { text-decoration: underline; color: #34291F; }
#MainContent a:hover { color: #c5bea7; }
#MainContent h4 {	margin: 0; padding: 0; display: block; color: #b74900; font: bold 8pt Verdana, Tahoma, Arial, sans-serif; text-align: left;	margin-bottom: 5px; }
#MainContent h4 span { color: #0669b2; }
.spa { font-weight: bold; color: #0669b2; }
#MainContent .accordion h4	{ text-decoration: none; cursor: pointer; }
.acco_down { margin-left: 5px; width: 7px; height: 9px; text-decoration: none; }
.mc { width: 100%; clear: left; }
#mc0 { width: 100%; text-align: left; padding-left: 4px; }
#mc0 p {	margin: 0; padding: 0; margin-bottom: 1.5em; }
#mc0 ul { list-style-position: inside; margin-bottom: 1em; }
#mc0 ul li { margin-left: 1em; }
#mc0 table { text-align: center;	width: 93%; margin: 0 20px 10px 20px; padding: 0; border: 1px solid #000; border-spacing: 3px; border-collapse: collapse; }
#mc0 th { border: 1px solid #000; padding: 4px; font-weight: bold; text-align: center; background: #c4ab73;	}
#mc0 td { border: 1px solid #000; padding: 4px; text-align: center; }
#mc0 .left { text-align: left; }
#mc0 .center { text-align: center; }
#mc0 .right { text-align: right; }
#mc0 .justify { text-align: justify; }		#mc1 h2 { margin-bottom: 10px; }
#mc0 #mapka { margin: 0 auto; width: 550px; height: 400px; }
#mc1 { width: 100%; height: auto; margin-bottom: 33px; }
#mc1 .right { text-align: right; }
#mc1 .justify { text-align: justify; }
#mc1 a, #mc3 a { color: #534530; }
#mc11 { width: 100%; margin: 0; margin-bottom: 8px; }
#mc2 { width: 100%; }
#mc3 { width: 100%; }
#mc3 h3 { margin-bottom: 10px; }
#mc3 p { padding-bottom: 10px; padding-left: 196px; }
#mc3 .right { text-align: right; }
#mc3 a { color: #534530; }
#mc3 .justify { text-align: justify; }		
#kmc1 { width: 100%; height: auto; margin-bottom: 30px !important; margin-bottom: 18px; }
#kmc1 h2 { margin-bottom: 10px; }
#kmc2 { width: 100%; }
#kmc3 { padding-top: 10px; padding-left: 10px; width: 100%; height: 30px; line-height: 30px; text-align: left; }
#kmc3 ul {	margin: 0; padding: 0; list-style-image: url('../img/kli.gif'); line-height: 1em; }
#kmc3 li { margin: 0; padding: 0; margin-left: 10px; }
#kmc4 { height: 180px; width: 100%; display: block;}
#kmc4 form { position: relative; color: #655641; display: block; }
#kmc4 input { background: #ece6ce; border: 1px solid #c5bea7; }
#kmc4 input.k_email2 { background: #111111; border: 1px solid #c5bea7; }
#kmc4 label { position: relative; text-align: left; }
#kmc4 label span { position: absolute; right: 0; bottom: 0; color: #ad9c8f; }
#kmc4 .question { position: absolute; top: 0px; right: 0px; }
#kmc4 .question span { position: absolute; right:0; bottom: 0; color: #ad9c8f; }
#kmc4 textarea { position: absolute; top: 15px; right: 0; background: #ece6ce; border: 1px solid #c5bea7; overflow : auto; }
#kmc4 #submit { position: absolute; right: 0; top: 170px !important; top: 154px; width: 90px; border: 1px solid #b14a04; background: #b74900; float: right; color: #fff; font-weight: bold; }
#kmc4 #k_email2, #kmc4 #k_name2, #kmc4 #k_question2 { border: 1px solid #d97c6d; background: #edd8c2; }
#kmc4 #k_email2 span, #kmc4 #k_name2 span, #kmc4 #k_question2 span { position: absolute; right: 0; bottom: 0; color: #ad9c8f; }
#kmc5 { width: 100%; display: block; padding-top: 10px; padding-left: 10px; width: 100%; height: 30px; line-height: 30px; text-align: left; }
#kmc5 a { font: 8pt normal Verdana, Tahoma, Arial, sans-serif; color: #34291F; text-decoration: underline; }
#kmc5 a:hover { color: #c5bea7; }
#kmc5 ul {	margin: 0; padding: 0; list-style-image: url('../img/kli.gif'); line-height: 1.3em; }
#kmc5 li { margin: 0; padding: 0; margin-left: 10px; margin-bottom: 5px; }

	#recomend { width: 200px; margin: 0 ; color: #655641; }
	
	#recomend p { color: #655641; }	
	#recomend label { display: block; }
	#recomend input { display: block; border: 1px solid #c5bea7; width: 200px; background: #ece6ce; }
	#recomend #r_to2, #recomend #r_from2 { border: 1px solid #d97c6d; background: #edd8c2; }
	#recomend #submit { float: right; margin-top: 5px; width: 70px; border: 1px solid #b14a04; background: #b74900; color: #fff; font-weight: bold; }

/* -----[ Panorama styles ]---------------------------------------- */

.g_left { width: 49%; height: 120px; float: left; }
.g_right { width: 49%; height: 120px; float: right; }

/* -----[ Headers ]------------------------------------------------ */

.welcome { margin: 0; padding: 0; width: 563px; height: 31px; background: url('../img/h2_welcome.gif') no-repeat; }
.welcome span { display: none; }
.contact { margin: 0; padding: 0; width: 563px; height: 31px; background: url('../img/h2_contact.gif') no-repeat; }
.contact span { display: none; }
.about { margin: 0; padding: 0; width: 563px; height: 31px; background: url('../img/h2_about.gif') no-repeat; }
.about span { display: none; }
.rooms { margin: 0; padding: 0; width: 563px; height: 31px; background: url('../img/h2_rooms.gif') no-repeat; }
.rooms span { display: none; }
.restaurants { margin: 0; padding: 0; width: 563px; height: 31px; background: url('../img/h2_restaurants.gif') no-repeat; }
.restaurants span { display: none; }
.os { margin: 0; padding: 0; width: 563px; height: 31px; background: url('../img/h2_os.gif') no-repeat; }
.os span { display: none; }
.kis { margin: 0; padding: 0; width: 563px; height: 31px; background: url('../img/h2_kis.gif') no-repeat; }
.kis span { display: none; }
.relax2 { margin: 0; padding: 0; width: 563px; height: 31px; background: url('../img/h2_relax2.gif') no-repeat; }
.relax2 span { display: none; }
.relax { margin: 0; padding: 0; width: 563px; height: 31px; background: url('../img/h2_relax.gif') no-repeat; }
.relax span { display: none; }
.imprezy { margin: 0; padding: 0; width: 563px; height: 31px; background: url('../img/h2_imprezy.gif') no-repeat; }
.imprezy span { display: none; }
.rowery { margin: 0; padding: 0; width: 563px; height: 31px; background: url('../img/h2_trasy.gif') no-repeat; }
.rowery span { display: none; }
.trasy { margin: 0; padding: 0; width: 563px; height: 31px; background: url('../img/h2_rowery.gif') no-repeat; }
.trasy span { display: none; }
.cennik { margin: 0; padding: 0; width: 563px; height: 31px; background: url('../img/h2_cennik.gif') no-repeat; }
.cennik span { display: none; }
.galeria { margin: 0; padding: 0; width: 563px; height: 31px; background: url('../img/h2_galeria.gif') no-repeat; }
.galeria span { display: none; }
.panoramy { margin: 0; padding: 0; width: 563px; height: 31px; background: url('../img/h2_panoramy.gif') no-repeat; }
.panoramy span { display: none; }
.centrum { margin: 0; padding: 0; width: 563px; height: 31px; background: url('../img/h2_centrum.gif') no-repeat; }
.centrum span { display: none; }
.rezerwacja { margin: 0; padding: 0; width: 563px; height: 31px; background: url('../img/h2_rezerwacja.gif') no-repeat; }
.rezerwacja span { display: none; }
.polec { margin: 0; padding: 0; width: 563px; height: 31px; background: url('../img/h2_polec.gif') no-repeat; }
.polec span { display: none; }

/* -----[ Footer styles ]------------------------------------------ */

#Footer { margin: 0 auto; width: 800px; height: 57px; line-height: 57px; background: #baa169 url('../img/footer_back.jpg'); font: 8pt Tahoma, Verdana, sans-serif; color: #3a3122; }
#Footer a { color: #3a3122; text-decoration: none; font: 8pt Tahoma, Verdana, sans-serif; }
#Footer a:hover { color: #f4efd7; }
#Copyrights { padding-top: 16px; padding-left: 10px; width: 190px; float: left; text-align: left; }
#BottomMenu { margin-top: 0 !important; margin-top: 25px; width: 400px; height: 57px !important; height: 32px; line-height: 57px; float: left; text-align: center; }
#BottomMenu ul, #BottomMenu li { margin: 0; padding: 0; list-style-type: none; display: inline; }
.bm-padding { padding-left: 8px; padding-right: 12px; }
.bm-bullet { background: url('../img/bm_bullet.gif') bottom right no-repeat; }
#elit { width: 190px; padding-top: 16px; padding-right: 10px; float: right; text-align: right; }

/* -----[ classes and rest ]--------------------------- */

.teaser { display: block; float: left; text-align: left; }
.teaser ul { list-style-image: url('../img/t_ul.gif'); margin:18px; }
.teaser a { color: #534530; }
.t1 { width: 33%; text-align: left; }
.t2 { width: 34%; text-align: left; }
.t3 { width: 33%; text-align: left; }
.kt1 { width: 173px; height: 113px; display: block; float: left; text-align: left; }
.kt2 { position: relative; width: 195px; height: 113px; display: block; float: left; text-align: left; }
.kt3 { position: relative; width: 195px; height: 113px; display: block; float: left; text-align: left; }
.h4 { margin: 0; padding: 0; display: block; color: #b74900; font: bold 8pt Verdana, Tahoma, Arial, sans-serif; text-align: left; }
address { position: absolute; bottom: 0; font: 8pt normal Verdana, Tahoma, Arial, sans-serif; color: #655641; line-height: 1.6em; }
address a { font: 8pt normal Verdana, Tahoma, Arial, sans-serif; color: #34291F; text-decoration: underline; line-height: 1.6em; }
address a:hover { color: #c5bea7; }
.k_left { float: left; clear: left; }
.k_right { float: right; clear: right; }
.f_left { float: left; }
.f_left_a { position: absolute; left: 0; }
.f_right { float: right; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }
.clear { clear: both; }
.foto { position: absolute; left: 0; margin: 0; padding: 0; display: block; width: 186px; }
.bh5 { height: 5px; }
applet { margin: 0; padding: 0; width: 550px; height: 367px; overflow: hidden; }
.control { margin: 0; padding: 0;  list-style-image: url('../img/kli.gif'); line-height: 1.3em; list-style-position: outside; }
.control li { display: block; margin: 0; padding: 0; margin-left: 10px; margin-bottom: 5px; color: #b74900; }
.foto_l { float: left; padding-right: 5px; }
.foto_r { float: right; padding-left: 5px; }
