html { overflow-y: scroll; }

body { font-size:12px; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; color:#333; }

#wrapper { width:940px; margin:0 auto; padding:0; /*background:url(../gfx/bok1.gif);*/ }
#wrapper.client { width:782px; }
#content { width:758px; margin:0 auto; padding:0 0 10px 0; background:#fff; }
#content.admin { width:940px; }
#main_column { padding:0 20px; } 

h1,h2,h3 { color:#555; }
h3 { font-weight:normal; }
h1 { font-size:24px; margin-bottom:30px; }
h2.subtit { font-size:14px !important; font-weight:bold; }
h3.subtit { font-size:15px; font-weight:bold; }
h2.home { margin-bottom:0; }
h2 a.smaller { font-size:10px; text-decoration:none; }

#kal_legenda { width:460px; margin:0 auto; }
#kal_legenda span { display:block; float:left; width:24px; height:24px; border:1px solid #aaa; }
#kal_legenda div { float:left; margin-right:15px; }


hr { color:#777; border:0; border-color:#777; background-color:#777; height:1px; }
hr.chapter { color:#bbb; border-color:#bbb; background-color:#bbb; } 

.strong { font-weight: bold; }
.clear { clear:both; height:1px; }
.center { text-align:center; }

#plan_osrodka { text-align:center; position:relative; /*border:1px solid #aaa;*/ width:580px; height:389px; margin:0 auto; overflow:hidden; }

.domek {  background:url(../gfx/house.png); display:block; width:24px; height:24px; }
.domek span { display:none; }
#plan_osrodka .domek { position:absolute; }
#legenda { margin:10px auto 0 auto; width:300px; } 
#legenda .domek { display:inline-block; vertical-align:middle; margin-left:20px; margin:0 auto; }
#legenda .house { display:inline-block !important; vertical-align:middle; margin:0 auto 0 5px; }
.low { background:url(../gfx/house_low.png) !important; }
.mid { background:url(../gfx/house_mid.png) !important; }
.higher { background:url(../gfx/house_higher.png) !important; }
.highest { background:url(../gfx/house_highest.png) !important; }


.house { background-image:url("../gfx/domkis.gif") !important; background-repeat:no-repeat; background-position:0 0; height:35px; width:28px; }

.house.h1 { background-position:4px 0; height:; width:; }
.house.h2 { background-position:-22px 0; height:; width:26px; }
.house.h3 { background-position:-46px 0; height:; width:; }
.house.h4 { background-position:-74px 0; height:; width:; }
.house.h5 { background-position:-102px 0; height:; width:33px; }
.house.h6 { background-position:-135px 0; height:; width:33px; }
.house.h7 { background-position:-165px 0; height:; width:; }
.house.h8 { background-position:-190px 0; height:; width:33px; }

.house.h1.c1 { background-position:4px -35px; height:; width:; }
.house.h2.c1 { background-position:-22px -35px; height:; width:26px; }
.house.h3.c1 { background-position:-46px -35px; height:; width:; }
.house.h4.c1 { background-position:-74px -35px; height:; width:; }
.house.h5.c1 { background-position:-102px -35px; height:; width:33px; }
.house.h6.c1 { background-position:-135px -35px; height:; width:33px; }
.house.h7.c1 { background-position:-165px -35px; height:; width:; }
.house.h8.c1 { background-position:-190px -35px; height:; width:33px; }

.house.h1.c2 { background-position:4px -70px; height:; width:; }
.house.h2.c2 { background-position:-22px -70px; height:; width:26px; }
.house.h3.c2 { background-position:-46px -70px; height:; width:; }
.house.h4.c2 { background-position:-74px -70px; height:; width:; }
.house.h5.c2 { background-position:-102px -70px; height:; width:33px; }
.house.h6.c2 { background-position:-135px -70px; height:; width:33px; }
.house.h7.c2 { background-position:-165px -70px; height:; width:; }
.house.h8.c2 { background-position:-190px -70px; height:; width:33px; }

.house.h1.c3 { background-position:4px -105px; height:; width:; }
.house.h2.c3 { background-position:-22px -105px; height:; width:26px; }
.house.h3.c3 { background-position:-46px -105px; height:; width:; }
.house.h4.c3 { background-position:-74px -105px; height:; width:; }
.house.h5.c3 { background-position:-102px -105px; height:; width:33px; }
.house.h6.c3 { background-position:-135px -105px; height:; width:33px; }
.house.h7.c3 { background-position:-165px -105px; height:; width:; }
.house.h8.c3 { background-position:-190px -105px; height:; width:33px; }


.slides { background:#ad1307; color:white; font-weight:bold; position:absolute; text-decoration:none; display:block; width:80px; padding:5px 0; border:1px solid #000; }

#rezerwacja_terminu { position:relative; overflow:hidden; width:580px; margin:0 auto; }

#plan_osrodka img {  }
#plan_osrodka #cennik_slide, #rezerwacja_terminu #cennik_slide, #summary_wrapper #summary_slide {  right:0; top:10px; text-align:center !important; }
#rezerwacja_terminu #cennik_slide { top:0; }
#summary_wrapper #summary_slide { width:120px; }
#plan_osrodka #cennik_unslide, #rezerwacja_terminu #cennik_unslide, #summary_wrapper #summary_unslide { position:absolute; right:2px; top:2px; display:block; width:16px; height:16px; background:url("../gfx/close.png") no-repeat 0 0; }
#plan_osrodka #cennik_wrapper, #rezerwacja_terminu #cennik_wrapper, #summary_wrapper #summary_content_wrapper { /*display:none;*/ z-index:11; width:300px; background:white; padding:5px; border:1px solid #000; position:absolute; right:-312px; top:10px; text-align:center; }
#rezerwacja_terminu #cennik_wrapper { top:0; }

#summary_wrapper { position:relative; overflow:hidden; width:580px; margin:0 auto; }

#plan_osrodka #legenda_slide { z-index:8;  right:0; top:50px;  }
#plan_osrodka #legenda_unslide { position:absolute; right:2px; top:2px; display:block; width:16px; height:16px; background:url("../gfx/close.png") no-repeat 0 0; }
#plan_osrodka #legenda_wrapper { /*display:none;*/ z-index:10; width:300px; background:white; padding:5px; border:1px solid #000; position:absolute; right:-312px; top:50px; }


#domek1 { top:288px; left:270px; }
#domek2 { top:276px; left:220px; }
#domek3 { top:282px; left:172px; }
#domek4 { top:300px; left:110px; }
#domek5 { top:272px; left:128px; }
#domek7 { top:220px; left:172px; }

#domek8 { top:225px; left:378px; }
#domek9 { top:263px; left:330px; }
#domek10 { top:237px; left:382px; }
#domek11 { top:256px; left:408px; }
#domek12 { top:273px; left:435px; }
#domek13 { top:223px; left:460px; }
#domek14 { top:180px; left:445px; }
#domek15 { top:205px; left:422px; }
#domek16 { top:190px; left:395px; }
#domek17 { top:160px; left:406px; }
#domek18 { top:122px; left:433px; }
#domek19 { top:122px; left:465px; }

#boisko { display:block; width:51px; height:36px; position:absolute; top:132px; left:314px; background:url("../gfx/boisko.gif") 0 0 no-repeat; }
#recepcja { display:block; width:33px; height:32px; position:absolute; top:224px; left:295px; background:url("../gfx/recepcja2.gif") 0 0 no-repeat; }
#wiata1 { display:block; width:42px; height:33px; position:absolute; top:192px; left:324px; background:url("../gfx/wiata1.gif") 0 0 no-repeat; }
#wiata2 { display:block; width:22px; height:29px; position:absolute; top:132px; left:280px; background:url("../gfx/wiata2.gif") 0 0 no-repeat; }
#wiata3 { display:block; width:22px; height:29px; position:absolute; top:172px; left:284px; background:url("../gfx/wiata2.gif") 0 0 no-repeat; }
#bawialnia { display:block; width:23px; height:32px; position:absolute; top:156px; left:208px; background:url("../gfx/bawialnia.gif") 0 0 no-repeat; }
#magazyn { display:block; width:26px; height:33px; position:absolute; top:80px; left:390px; background:url("../gfx/magazyn.gif") 0 0 no-repeat; }

#domek_cloud { text-align:center; border:2px solid #333; position:absolute; /*padding:5px;*/ width:250px; height:80px; background:white; z-index:101; }
#domek_cloud .close { position:absolute; top:1px; right:1px; display:block; width:16px; height:16px; background:url("../gfx/close.png") no-repeat 0 0; }
#domek_cloud a { text-decoration:none; } 
#domek_cloud #book_link.hide { display:none; }

#calendar { margin:10px auto; width:460px; }
#wybrane_dni { width:480px; text-align:center; margin:0 auto; font-size:12px; }
#wybrane_dni p { margin:0 0 7px 0; }
#wybrane_dni h3 { margin-bottom:5px; }
#wybrane_dni h3 span { color:#dd6C00; font-size:11px; }

.summary { background-color:#999; }
.summary.cennik { width:300px; }
.summary th, .summary td { background-color:#ddd; padding:4px; text-align:left; }

#recaptcha_widget_div { float:left; }

.error { color:red; font-weight:bold; }
p.error { margin-bottom:2px; margin-top:0; }

.podsumowanie { background:#ccc; width:500px; margin:0 auto; }
.podsumowanie th { text-align:left; }
.podsumowanie td,th { background:#fff; padding:5px; font-size:12px; }


.form_col_container { clear: left; margin-bottom:10px; }
.form_col_container .form_column { float:left; margin-right:40px; }



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

 * admin

 *******************************/
 #main { position:relative; margin-top:20px; }

 #admin_menu { margin:0 0 30px 0; }

.menu_item { float:left; margin-left:36px; text-align:center; width:120px; }
.menu_item img { margin-bottom:7px; border:0; }
.menu_item a { text-decoration:none; color:#333; font-size:14px;  }
.menu_item a.current { text-decoration:underline; }

table.lista { width:100%; background:#aaa; }
table.lista td, table.lista th { background:#fff; padding:3px 5px; }
table.lista th.small { font-size:9px; }

table.lista .anulowana td { color:#999 !important; }

table.lista .filtr_row td, table.lista .filtr_row tr { background-color:#ddd; }
table.lista th img { border:none; }
table.lista .curr_edit td, table.lista .curr_edit th { background-color:#ffd; }
 
form p, form div.p { clear:left; }
form p.lower { margin:0px; }
#wylicz_cena_ostateczna p.lower, #wybrane_dni p.lower {  text-align:left;}
form label { display:block; float:left; width:200px; padding-right:10px; text-align:right; }
form label.inline { display:inline; float:none; width:auto; padding:0; text-align:left; }
form .text { width:300px; }
form .text.cena { width:100px; }
form .liczba { width:70px; }
form .text.data { width:100px; }
form .filtr { width:50px; font-size:9px; }
form .filtr.long { width:100px; }
form .filtr.cena { width:32px; }
form .filtr_select { font-size:10px; width:75px; }

p.razem { font-size:13px; font-weight:900; }

#alerts { position:absolute; right:0; top:-20px; width:380px; }
#alerts p { margin:5px 0; padding:5px 10px;  font-size:14px; text-align:right; color:#fff; background-color:#cd1234;  border:1px solid #ab4321; }
#alerts .yellow { background-color:#f9a602; } 

.opt_column { width:40px; text-align:center; }
.opt_column img { border:0; }

#content .paging { text-align:left; margin:10px 0; }
#content .paging ul { list-style:none; }
#content .paging li { float:left; height:17px; margin:0 2px; font-size:12px; border:1px solid #ccc; padding:2px 6px; }
#content .paging li a { text-decoration:none; }
#content .paging li.total { width:auto; background:none; border:0; margin-right:5px;  }
#content .paging li.current { font-weight:bold; background-color:#dadada; }

#regulamin p { padding:0 40px 0 40px; }
#regulamin h1, #regulamin h2, #regulamin h3 { text-align:center; }

.message_del { background-color: #ff8844; padding:20px; color:white; font-size:20px; margin-bottom:10px;}
.message_del_ok { background-color:#77cc99; }

#dlugosc_pobytu_wrapper { text-align:center; margin-top:10px; }
.disabled_loading{ color:#aaa; }

 /* CSS Document */