/*--------------------------------------------------------
	css theme name: dworek
	author: bartosz mediger (http://mediger.net)

	created: october 05, 2007
	

*/


* { margin: 0px; padding: 0px;  }



a, blockquote, body, h1, h3, h4, h5, input, legend, option, p, select, span, textarea {
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	color: #444; }





blockquote p {
	/*width: 360px;*/
	font-size: 14px; }


body {
	width: 100%;
	min-height: 658px; _height: 658px;
	background: url(../images/backt.jpg) no-repeat center top; }



fieldset { border: none; }


html {
	overflow: auto;
	overflow-x: hidden;
	background: url(../images/backg.jpg) repeat-y center; }


fieldset { border: none; }


img { border: none; }


ins { text-decoration: none; }


img.left {
	float: left;
	margin: 10px 20px 10px 0; }

p {
	padding-bottom: 15px;
	text-align: justify; }
	
	
td {
	text-align: justify;
	padding: 0 10px 0 10px;
	vertical-align: top; }


img.frame {
	float: left;
	background: #fff;
	border: 1px solid #d9c4cb;
	margin: 0 10px 10px 0;
	padding: 2px; }


ol, ul { margin: 0 0 1em 2em; }




textarea {
	overflow: auto;
	height: 100px; }






/*	naglowki */

h1, h2 {
	padding: 34px 0 25px 0;
	font-family: Trebuchet MS;
	font-size: 20px;
	font-weight: bold;
	color: #444; }

h2 {
	font-size: 18px;
	padding: 34px 0 14px 17px; }

h3 {
	clear: both;
	border-top: 1px solid #ccc;
	padding: 20px 0 15px 0;
	font-family: Trebuchet MS;
	font-size: 18px;
}

h4 {
	clear: both;
	padding: 20px 0 15px 0;
	font-family: Trebuchet MS;
	font-size: 18px;
}

h5 {
	font-weight: bold;
}





/*	nawigacja */

a {
	text-decoration: none;
	color: #b37300; }
	
a:hover { color: #d6a74e !important; }






#container {
	width: 770px;
	margin: 0 auto; }

	
	





/* flags */

#flags { position: absolute; left: 20px; top: 14px; }

	#flags a {
		float: left;
		margin: 0 5px 0 0;
		overflow: hidden;
		width: 16px; height: 11px; }
	
	.f_de { background: url(../images/f_de.gif); }
	.f_en { background: url(../images/f_gb.gif); }
	.f_pl { background: url(../images/f_pl.gif); }




/* foot */

#foot {
	clear: both;
	position: relative;
	width: 770px;
	height: 136px;
	background: url(../images/foot.jpg); }
	
	#foot .copy {
		position: absolute; top: 80px; left: 27px;
		font-size: 11px;
		color: #999; }
		
	
	#foot .done { position: absolute; right: 25px; top: 80px; }
	
	#foot .last { border: none; }
	
	#foot .links { position: absolute; top: 60px; left: 27px; }
	
	#foot .links a {
		font-size: 10px;
		padding: 0 3px 0 0;
		border-right: 1px solid #dad9d7;
		color: #dad9d7; }
	
	#foot .last { border: none !important; }








/* galeria */

#gallery { padding: 0 20px 0 26px; }

	#gallery h1 { margin-top: -34px; }

	#gallery a:hover img { border: 1px solid #a28e95; }

	#gallery img {
		float: left;
		background: #fff;
		border: 1px solid #d9c4cb;
		margin: 0 10px 10px 0;
		padding: 2px; }









#header {
	width: 100%; height: 402px;
	background: url(../images/header.jpg); }
	
	#header object {
		position: absolute; top: 39px; left: 4px;
		width: 761px; height: 271px;
	}

	




/* wersje jezykowe */

#language { position: absolute; top: 320px; left: 685px; }

	#language select { width: 70px; }

	#language option, #language select { font-size: 10px; }


	




#left {
	float: left;
	width: 387px;
	border-right: 1px solid #d9c4cb;
	margin-top: -34px;
	padding: 0 20px 0 26px; }





#mapa {
	position: absolute; top: 115px;
	right: 50px; }




/* top menu */

#menu_top { position: absolute; top: 0; right: 0; }


#menu_top a {
	float: left;
	height: 35px;
	text-indent: -1000px; }

	#menu_top a:hover { background-position: 0 -35px; }

	
	#en .aktualnosci { width: 110px; background: url(../images/m_aktualnosci_en.gif); }
	#en .kontakt { width: 83px; background: url(../images/m_kontakt_en.gif); }
	#en .referencje { width: 101px; background: url(../images/m_referencje_en.gif); }
	#en .rezerwacje { width: 108px; background: url(../images/m_rezerwacje_en.gif); }
	#en .strona { width: 114px; background: url(../images/m_strona_en.gif); }
	
	#de .aktualnosci { width: 110px; background: url(../images/m_aktualnosci_de.gif); }
	#de .kontakt { width: 83px; background: url(../images/m_kontakt_de.gif); }
	#de .referencje { width: 101px; background: url(../images/m_referencje_de.gif); }
	#de .rezerwacje { width: 108px; background: url(../images/m_rezerwacje_de.gif); }
	#de .strona { width: 114px; background: url(../images/m_strona_de.gif); }
	
	#pl .aktualnosci { width: 110px; background: url(../images/m_aktualnosci.gif); }
	#pl .kontakt { width: 83px; background: url(../images/m_kontakt.gif); }
	#pl .referencje { width: 101px; background: url(../images/m_referencje.gif); }
	#pl .rezerwacje { width: 108px; background: url(../images/m_rezerwacje.gif); }
	#pl .strona { width: 114px; background: url(../images/m_strona.gif); }
	
	

	




/* main menu */

#menu_main { position: absolute; top: 312px; left: 0; }

	#menu_main a {
		float: left;
		height: 46px;
		text-indent: -10000px; }
		
	#de .galeria { width: 120px; background: url(../images/m_galeria_de.gif); }
	#de .hotel { width: 118px; background: url(../images/m_hotel_de.gif); }
	#de .oferta { width: 130px; background: url(../images/m_oferta_de.gif); }
	#de .ogrod { width: 119px; background: url(../images/m_ogrod_de.gif); }
	#de .restauracja { width: 119px; background: url(../images/m_restauracja_de.gif); }
		
	#en .galeria { width: 120px; background: url(../images/m_galeria_en.gif); }
	#en .hotel { width: 118px; background: url(../images/m_hotel_en.gif); }
	#en .oferta { width: 130px; background: url(../images/m_oferta_en.gif); }
	#en .ogrod { width: 119px; background: url(../images/m_ogrod_en.gif); }
	#en .restauracja { width: 119px; background: url(../images/m_restauracja_en.gif); }
	
	#pl .galeria { width: 120px; background: url(../images/m_galeria.gif); }
	#pl .hotel { width: 118px; background: url(../images/m_hotel.gif); }
	#pl .oferta { width: 130px; background: url(../images/m_oferta.gif); }
	#pl .ogrod { width: 119px; background: url(../images/m_ogrod.gif); }
	#pl .restauracja { width: 119px; background: url(../images/m_restauracja.gif); }
	
	#menu_main a:hover { background-position: 0 -46px; }
	
	#menu_main a.hit { background-position: 0 -92px; }

		
		
		

#music { position: absolute; left: 100px; top: 6px; }




#page {
	float: left;
	position: relative;
	width: 770px; min-height: 100px;
	background: url(../images/backc.jpg) repeat-y; }






/* referencje, rezerwacja */

#referencje {
	padding: 0 0 50px 0;
}

#referencje div, #rezerwacja div, #referencje_short { width: 450px; }

	#referencje h5, #rezerwacja h5 {
		border-top: 1px solid #ccc;
		padding: 5px 0 0 0; }

	#referencje label, #rezerwacja label, #referencje_short label {
		display: block;
		margin: 0 0 4px 0; }

	#referencje li, #rezerwacja li {
		list-style: none;
		display: block;
		padding: 0 0 4px 0; }
	
	#referencje input, #rezerwacja input, #referencje_short input { width: 200px; }
		
	#referencje span, #rezerwacja span, #referencje_short span {
		float: left;
		width: 100px;
		padding: 0 5px 0 0; }
	
	#referencje p, #rezerwacja p {
		float: left;
		width: 350px;
		padding: 4px 10px 0 0;
		text-align: right; }
	
	#referencje select, #rezerwacja select {
		width: 45px; 
		text-align: center;
		padding: 0;
		font-size: 10px; }
		
		#referencje option, #rezerwacja option { font-size: 10px; }


	/* rezultat */
	#referencje_result {
		width: 100%;
		padding: 0 0 20px 0; }
	
	#referencje_result th {
		background: #5a2e33;
		color: #fff;
		padding: 5px; }
	
	#referencje_result td {
		text-align: center;
		border-bottom: 1px solid #ccc;
		padding: 5px; }
	
	.wiek {
		width: 20px !important;
		text-align: center; }




		
/* referencje - dodaj zdjecie */

#referencjePhoto {
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0; }

#referencjePhoto .submit {
	float: left;
	margin: 10px 0 20px 137px; }






/* referencje short */

#referencje_short { padding: 0 0 40px 0; }





/* rezerwacja */

#rezerwacja div { width: 600px; }

#rezerwacja h5 { margin: 10px 0 0 0; }

#rezerwacja span { width: 150px; }

#rezerwacja textarea { width: 300px; height: 50px; }

#rezerwacja select {
	width: 100px;
	text-align: left; }
	
	#rezerwacja option { padding: 0 2px 0 2px; }

	.iloscPokoi, .iloscApartamentow { width: 40px !important; }
	
	#rezerwacja ins, #referencje_short ins { padding: 0 20px 0 5px; }
		
	#rezerwacja .radio input, #referencje_short .radio input {
		float: none;
		width: 20px !important; }
		
	.submit {	
		float: right;
		width: 100px !important;
		cursor: pointer;
		margin: 0 290px 0 0; }
		
	.submit.dodajReferencje {
		float: none;
		width: 130px;
		margin: 0 0 20px 300px;
	}
	
	#rezerwacja .uwagi { height: 100px; }




		

#right {
	float: right;
	width: 316px;
	margin-top: -34px;
	padding: 0 20px 0 0; }




#subsite {
	position: relative;
	margin-top: -34px;
	padding: 0 20px 0 26px; }

	



#zajawki {
	float: left;
	width: 384px;
	overflow: hidden;
	border-top: 1px solid #d9c4cb;
	margin-left: -22px; _margin: 0 -11px 0 -11px;
	padding: 22px 20px 40px 26px; }

	
	#zajawki a {
		float: left;
		margin: 0 10px 0 0; }
	
	#zajawki img {
		display: block;
		background: #fff;
		border: 1px solid #d9c4cb;
		padding: 2px; }
		
	#zajawki span {
		_display: block;
		background: url(../images/point.gif) no-repeat 2px 5px;
		padding: 0 0 0 15px;
		font-size: 11px;
		text-transform: uppercase;
		color: #b37300 }
		
	#zajawki .last { margin-right: -10px; }











/*
	classes
	--------------------*/
	
.clear {
	clear: both;
	width: 100%;
	padding: 0;
	_margin-bottom: -15px; }


.indent {
	padding: 0 20px 0 30px;
}

.news_item {
	float: left;
	border-top: 1px solid #d9c4cb;
	padding: 14px 0 15px 14px;
	cursor: pointer; }
	
	#aktualnosci .news_item { margin-right: 20px; }

	.news_item ins {
		cursor: pointer;
		float: left;
		width: 167px; }

	.news_item img {
		float: left;
		background: #fff;
		border: 1px solid #d9c4cb;
		margin: 0 10px 0 0;
		padding: 2px; }
		
	.news_item span { font-size: 11px; }

	.news_item:hover .c { color: #222; }

	.news_item .h {
		float: left;
		width: 157px;
		padding: 0 0 8px 0;
		font-size: 14px;
		font-weight: bold;
		color: #b37300; }