body { background: #fff url('../images/bg.jpg') fixed repeat-x top;  }

p { font: 12px / 16px Verdana, Arial; }

h4,	 
h4 * { font: 12px Calibri, Verdana; color: #0ca0be; line-height: 14px; }

h4 { margin: 0px; margin-bottom: 5px; }

h3,	 
h3 * { font: 18px Calibri, Verdana; color: #0ca0be; line-height: 20px; }

h3 { margin: 0px; margin-bottom: 10px; }

h2,	 
h2 * { font: 24px Calibri, Verdana; color: #0ca0be; line-height: 28px; }

h2 { margin: 0px; margin-bottom: 20px; }

.loading { text-align: center; font: bold 14px Verdana; border: solid 1px #78e043; color: #49d503; padding: 5px; }

#wrapper { padding: 0; width: 100%; }
#container { width: 990px; margin: 20px auto 20px auto; }

#logo_div { position: relative; z-index: 200; padding: 0 10px; }
#header { position: relative; z-index: 100; margin-top: -50px; }
#content { background-color: white; padding: 10px; border: solid 1px black; margin-top: -1px; * margin-top: -1px; position: relative; z-index: 50; }


#menu ul { list-style: none; margin: 0px; padding: 0px; }
#logo, #menu li { float: left; height: 37px; display: block ; }
#logo, #menu ul li.butto { background-color: white ; }
#menu a { font: 16px "Trebuchet MS"; padding: 8px 13px 2px 13px; display: block; height: 27px; * height: 27px; }
.butto { border: solid 1px black; background: url("../images/layout/bg-menu.jpg") repeat-x top;}
.butto:hover { border-bottom: solid 1px white; background: white; }
li.break { width: 3px; }
.active { background: none; border-bottom: solid 1px white; * border-bottom: solid 0px white; * height: 38px !important; }

#logo { width: 428px; height: 38px; border: solid 1px black; border-bottom: solid 0px white;  }


#logo_img { margin-bottom: 2px; ] }


#tresc { padding: 10px; }

#animation, #cytat, #grafika, #parnerzy { float: left; border: solid 1px black; }

#animation { margin-right: 20px; padding: 0px; * width: 598px; width: 598px; * height: 260px;  height: 260px; } 
/*
#cytat { padding: 20px; * width: 326px; width: 286px; * height: 260px; height: 220px; border-color: #47d400; }
*/
#cytat { padding: 20px; * width: 326px; width: 286px; * height: 260px; height: 220px; border-color: #000000; background: url("../images/layout/img_3.jpg") no-repeat center; } 
#parnerzy { padding: 20px; * width: 326px; width: 286px; border-color: #47d400; } 
  
.logo { text-align: center; float: left; margin: 5px;  }
.logo h4 { margin: 5px 0; }

#head { margin-bottom: 20px; }
#animation { background: url("../images/layout/main_img_2.jpg") no-repeat center; }

#left { float: left; width: 598px; margin-right: 22px; * margin-right: 20px; }
#right { float: left; width: 286px; }


.title { margin-bottom: 20px; }

.propozycja { width: 150px; height: 150px; float: left; border: solid 1px black; margin: 0px 20px 10px 20px; cursor: pointer; cursor: hand; }
.propozycja .span1 { width: 150px; height: 150px; display: block; background-repeat: no-repeat; background-position: center; cursor: pointer; cursor: hand; background-color: white;}
.propozycja .span2 { display: block; padding: 10px; cursor: pointer; cursor: hand; background: url('../images/layout/transparent.png') repeat; * background: url("../images/layout/transparent2.png") repeat; text-align: center; font: 12px Verdana; color: black; }
.propozycja:hover .span2 { color: #48d501; }

#rezerwacje_window { margin: 20px auto; border: solid 1px black; background: transparent url(../images/layout/img_1.jpg) no-repeat center center; }
#rezerwacje_window a { display: block; width: 600px; padding-top: 150px; * height: 220px; height: 70px; }

#rezerwacje_window a span { display: block; text-align: center; background: url("../images/layout/transparent.png") repeat; * background: url("../images/layout/transparent2.png") repeat; padding: 10px 20px; }
#rezerwacje_window a span { font: bold 24px "Trebuchet MS"; color: black; }


#noclegi { padding: 20px; * width: 326px; width: 286px; border: solid 1px #35c1d8; }
#pomoc { padding: 20px; * width: 326px; width: 286px; border: solid 1px #35c1d8; margin-bottom: 20px; color: dodgerblue; background-color: white; font: 14px Verdana; }

#intext-list,
#nocleg-list { padding: 0px; margin: 0px; }
#intext-list li { padding: 3px 0px 3px 0px; }
#nocleg-list li { padding: 1px 0px 1px 0px; }
#intext-list,
#nocleg-list { margin-top: 10px; list-style: none; }

#intext-list li { font: 12px / 14px Verdana; }

#nocleg-list,
#nocleg-list .nocleg-left { font: 16px "Trebuchet MS"; }
#nocleg-list .nocleg-right { font: 12px "Trebuchet MS"; }


.cytat, .autor { font-size: 14px; line-height: 16px; font-family: Verdana; }
.cytat { font-style: italic; }


#oferty { width: 968px; border: solid 0px red; margin-left: -20px; margin-top: -20px; }
.oferta { display: block; margin: 20px 0px 0px 20px; padding: 20px; width: 422px; * width: 422px; float: left; border: solid 1px black; }
.kategoria_title { display: block; margin-bottom: 20px; padding: 20px; border: solid 1px #0ca0be; }

.o_img { margin-right: 20px; display: block; background-position: center; background-repeat: no-repeat; float: left; }
.galeria { margin: 0 5px 5px 0; display: block; background-position: center; background-repeat: no-repeat; float: left; border: solid 0px black; background-color: white; }
.galeria_link:hover .galeria { background-color: #47d400; }
.prezentacja { margin-bottom: 40px; }

#tresc { clear: both; }



.form {
	float: left; 
background-color: #2ebed6;
background-position: 0px 500px;
padding: 20px;

}
.form .in_form { width: 560px; }

.form-table a { color: yellow; text-decoration: underline; } 
.form-table a:hover { color: white; } 


.form-table th,
.form-table td { font: 16px Calibri, "Trebuchet MS", Verdana; color: white; }

.form-table input, 
.form-table select, 
.form-table textarea { font: 16px Calibri, "Trebuchet MS", Verdana; color: black; }

.form-table th { font-weight: normal; }
.form-table .no-need { font-weight: normal; }
.form-error { font-size: 11px; color: yellow; }

.form-table .submit,
.newsletter .submit { 
font: bold 18px "Trebuchet MS"; color: white;
}
                        
.form-table { width: 100%; }
.form-table th { text-align: left; }
.form-table td { text-align: right; }
.form-table input,
.form-table select,
.form-table textarea { margin-left: 20px; width: 300px; padding: 2px; margin: 0px; border: none; }
.form-table select { width: 304px; * width: 308px; }
.form-table textarea { * width: 302px; } 

#searchForm select,
#searchForm td { font: 16px Calibri, "Trebuchet MS", Verdana; color: black; }
.background1 { background-color: #eaf8f9; }
.background2 { background-color: #c8edf3; }


.search-table { width: 100%; }
.search-table td { padding: 5px 10px; }


.form-table .submit,
.newsletter .submit { background: url("../images/layout/bg-input.jpg") repeat-x bottom;
background-color: #ddd;
border: solid 1px white;
padding: 5px 10px;
cursor: pointer; * cursor: hand;
}

.form .usun_kolejna_osobe { text-align: center; margin-bottom: 10px; display: block; }
.form .usun_kolejna_osobe,
.form .dodaj_nowa_osobe { cursor: hand; cursor: pointer; color: white;  }
.form .usun_kolejna_osobe:hover,
.form .dodaj_nowa_osobe:hover { color: #0ca0be; }



#menu-bottom { padding-top: 10px; }
#menu-bottom td { padding: 0px 10px; }
#menu-bottom a { font: 12px Calibri, "Trebuchet MS", Verdana; color: #aaa; white-space: nowrap; }

/* Nowy Regulamin - Nowy Wyglad */

.regulamin { text-align: left; }
.regulamin h1 { font-size: 16px; padding-top: 20px; } 
.regulamin h2 { font-size: 14px; color: #696969; }
.regulamin li { margin-bottom: 3px; }
.regulamin li { font: 12px / 16px Verdana, Arial; }

/* Nowy Regulamin - Nowy Wyglad */


.linken a { font-family: Calibri, Verdana; }
.linken .cenna { font-family: Calibri, Verdana; color: LimeGreen; font-size: 18px; }


.pkn, .pkc, .pkw, .pkt, .pkf { margin: 3px 0px; font-family: Verdana; }

.pkn { font-size: 14px; } 
.pkc { font-size: 12px; }
.pkw { font-size: 12px; }
.pkt { font-size: 12px; }
.pkf { font-size: 12px; }