/* -----  ----- */
* { margin: 0; padding: 0; }
body { background: #ebebeb; height: 100%; font-family: Arial, serif; }
img { border: 0; outline: 0; }
ul, li { list-style-type: none; font-size: 14px; }
p { margin-bottom: 15px; }
a { text-decoration: none; font-size: 13px; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; text-shadow: #fff 1px 1px 1px; font-family: Georgia, Times, TimesNewRoman, serif; }

.inner { margin: 0 auto; width: 980px; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

#background { width: 100%; min-height: 100%; position: absolute; top: 0; left: 0; z-index: -10; }
#main { position: relative; padding-bottom: 20px; overflow: hidden; }
#sidebar { margin-right: 0px; width: 200px; float: left; }

.col2 { width: 320px; float: left; margin-right: 20px; }



/* ----- Sidebar ----- */

/* LOGO */
a#logo {
	margin: 10px 0 10px 10px;
	width: 160px;
	height: 200px;
	display: block;
	float: left;
	clear: right;
	text-indent: -9999px;
	background: url('../images/logomain.png') no-repeat;
}


/* NAVIGATION */
#nav ul { margin: 0 0 10px 10px; width: 190px; float: left; overflow: hidden; }
#nav ul li { }
#nav ul li a {
	padding-left: 10px;
	width: 170px;
	height: 30px;
	line-height: 30px;
	float: left;
	font-style: italic;
	font-family: Georgia, Times, TimesNewRoman, serif;
	font-size: 15px;
	color: #000000;
	text-shadow: #fff 1px 1px 1px;
}

#nav ul li a:hover { text-decoration: underline; }
#nav ul li.active a { background: url('../images/navbg.png') no-repeat; }

#nav ul#sub { margin-left: 0px; background: rgba(255,255,255,0.4); float: left; width: 158px; }
#nav ul#sub li { display: block; float: left; }
#nav ul#sub li a { padding-left: 18px; font-size: 12px; display: block; width: 140px; background: url('../images/star.png') no-repeat 5px center; }
#nav ul#sub li a:hover,
#nav ul#sub li a.subact { text-decoration: none; background: #fff url('../images/star.png') no-repeat 5px center; }



/*SPACER*/
div#spacer a { float: left; margin: 0 0 20px; width: 200px; height: 90px; background: url('../images/spacerbg.png') no-repeat; }



/* Lang */
#lang { margin-left: 20px; }
#langpl,
#langen,
#langde { margin: 0 10px 10px 0; border: 1px solid #ddd; width: 24px; height: 16px; float: left; text-indent: -9999px; }
#langpl { background: url('../images/langpl.png') no-repeat; }
#langen { background: url('../images/langen.png') no-repeat; }
#langde { background: url('../images/langde.png') no-repeat; }




/* ----- Content ----- */
#content { margin-top:20px; width: 700px; line-height: 1.4em; color: #000; }
#content p,
#contenthome p { font-size: 14px; }
#content p.excerpt { margin-left: -20px; font-size: 18px; line-height: 24px; }
#content h2 { font-size: 30px; font-style: italic; }
#content h3 { margin-bottom: 0; }
#content h4 { font-size: 14px; }



/* OPINIE */
#opinie { margin: 9px -10px 10px; width: 760px; height: 50px; color: #000; background: url('../images/opiniebg.png') no-repeat; font-style: italic; position: relative; overflow: hidden; }
#opinie div { margin: 16px 20px 0 75px; width:660px; height: 15px; }


/* HOMEPAGE */
#contenthome { margin-top: 20px; width: 780; }
#homebielanyimg,
#homekarczyceimg,
#homepromocjeimg,
#homebielanyimgen,
#homepromocjeimgen { border: 1px solid #fff; display: block; width: 200px; height: 470px; }

#homebielanyimg { background: url('../images/navbielany.jpg') no-repeat 0 400px; }
#homekarczyceimg { background: url('../images/navkarczyce.jpg') no-repeat 0 400px; }
#homepromocjeimg { background: url('../images/navpromocje.jpg') no-repeat 0 400px; }
#homebielanyimgen { background: url('../images/navbielanyen.jpg') no-repeat 0 400px; }
#homepromocjeimgen { background: url('../images/navpromocjeen.jpg') no-repeat 0 400px; }

#homebielanyimg:hover,
#homekarczyceimg:hover,
#homepromocjeimg:hover,
#homebielanyimgen:hover,
#homepromocjeimgen:hover { background-position: 0 330px; text-decoration: none; }

#homebielanyimg span,
#homekarczyceimg span,
#homepromocjeimg span,
#homebielanyimgen span,
#homepromocjeimgen span { text-indent: -9999px; }

.homecol { margin: 0 10px; padding: 19px; width: 202px; height: 472px; float: left; background: url('../images/homecolbg.png') no-repeat; overflow: hidden; }
.last { margin-right: -10px; }
.first { margin-left: -10px; }
.homecol img { border-bottom: 1px solid #fff; }
/*.crossfade { position: relative; width: 200px; heigth: 400px; }
.crossfade img { position: absolute; top: 0; left: 0; width: 200px; heigth: 400px; }*/


/* PAGE */
#contentimg { margin: 0 -4px 20px; height: 230px; width: 680px; padding: 13px; background: url('../images/imgbg.png') no-repeat; }
#contentimg img { border: 1px solid #fff; }
#contentimg2 { margin: 0 -4px 20px; height: 430px; width: 680px; padding: 13px; background: url('../images/imgbg.png') no-repeat; }
#contentimg2 img { border: 1px solid #fff; }

.altimg { margin: 20px -10px 0; padding: 20px; height: 180px; width: 140px; background: url('../images/sideimgbg.png') no-repeat; }
.altimg img { border: 1px solid #fff; }

#contentleft { margin-left: 20px; float: left; width: 460px; }
#contentright { position: relative; }
#contentfull { margin-left: 20px; float: left; width: 680px; }

#contentleft ul,
#contentfull ul { margin-bottom: 18px; }

#contentleft li,
#contentfull li {
	margin-left: 14px;
	border: none;
	padding-left: 14px;
	background: url('../images/star.png') no-repeat left 50%;
}

/* Cennik */
.cennik a {
	width: 160px;
	height: 90px;
	display: block;
	float: right;
	z-index: 100;
	text-indent: -9999px;
	background: transparent url('../images/oferta.png') no-repeat;
}





/* ----- RESERVATION ----- */
form#reservation {
	margin: 20px 0;
	width: 460px;
	overflow: hidden;
	font-family: Georgia;
	font-size: 13px;
}

form#reservation label {
	width: 220px;
	margin-bottom: 20px;
	margin-right: 10px;
	background: ;
	float: left;
	display: block;
	position: relative;
	font-style: italic;
}

form#reservation label input,
form#reservation label textarea,
form#reservation label select {
	padding: 4px;
	border: 1px solid #777;
	background: #fdfdfd;
	display: block;
	width: 90%;
}

form#reservation #place,
form#reservation #name,
form#reservation #company,
form#reservation #phone,
form#reservation #mail,
form#reservation #datein,
form#reservation #dateout,
form#reservation #rooms,
form#reservation #people {
	height: 40px;
}

form#reservation label em { color: ; }
form#reservation label span { color: #666; font-size: 10px; }

form#reservation #datein,
form#reservation #dateout {
	position: relative;
}
form#reservation #submit { float: right; margin-right: 20px; }
form#reservation #place { width: 440px; }
form#reservation #place select { width: 200px; }
form#reservation #uwagi,
form#reservation #uwagi textarea { width: 430px; heigth: 100px; }

/* Validation */
#contentleft p.eror {
	border: 1px solid red;
	padding: 5px 10px;
	color: #fff;
	background: #d3131c;
}

#contentleft p.success {
	border: 1px solid green;
	padding: 5px 10px;
	color: #fff;
	background: #597e32;
}


/* error message */
.error {
	height:15px;
	background-color:#d3131c;
	font-size:11px;
	color:#fff;
	padding:3px 10px;
	margin-left:-2px;


	/* CSS3 spicing for mozilla and webkit */
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}



/* Datefields */
/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */

/* the input field */
.date {
	position: relative;
}

/* calendar root element */
#calroot {
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;
	z-index: 1000;
	position: absolute;
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	
	padding:2px 0;
	height:22px;
} 

#caltitle {
	font-size:14px;
	color:#0150D1;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(prev.gif) no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

#calnext {
	background-image:url(next.gif);
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}

/* year/month selector */
#caltitle select {
	font-size:10px;	
}

/* names of the days */
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 

/* different states */
.calweek a:hover, .calfocus { background-color:#ddd; }

/* sunday */
a.calsun { color:red; }

/* offmonth day */
a.caloff { color:#ccc; }
a.caloff:hover { background-color:rgb(245, 245, 250); }

/* unselecteble day */
a.caldisabled { background-color:#efefef !important; color:#ccc	!important; cursor:default; }

/* current day */
#calcurrent { background-color:#498CE2; color:#fff; }

/* today */
#caltoday { background-color:#333; color:#fff; }



/* ----- Events, Hotels page ----- */
ul#events,
ul#pokoje { margin: 30px 20px 0 0; z-index: 10; }
ul#events>li,
ul#pokoje>li { margin-bottom: 20px; z-index: 10; background: none; position: relative; padding: 0 0 10px 160px; border-bottom: 1px solid #aaa; }
ul#events li div.smallimg,
ul#pokoje li div.smallimg { float: left; position: relative; left: -160px; margin-right: -160px;  }
ul#events li img,
ul#pokoje li img { width: 130px; height: 100px; border: 1px solid #fff;  }

ul#pokoje li ul li {
	margin-left: 14px;
	border: none;
	padding-left: 14px;
	background: url('../images/star.png') no-repeat left 50%;
}

ul#pokoje p {
}

.smallimg {
	margin: -10px 0 0 -10px;
	padding: 18px 23px 18px 18px;
	width: 130px;
	overflow: hidden;
	background: url('../images/smallimgbg.png');
}

#confcontent a {
	display: block;
	float: left;
	margin: 0 20px 10px -10px;
	padding: 18px;
	width: 132px;
	height: 102px;
	background: url('../images/smallimgbg.png');
}

#confcontent a img {
	border: 1px solid #fff;
}

.cenasingle,
.cenasinglede,
.cenasingleen {
	position: absolute;
	top: -10px;
	right: -10px;
	padding: 50px 25px 0 0;
	width: 95px;
	height: 40px;
	color: #280d07;
	font: bold italic 21px Georgia;
	text-align: right;
}

.cenasingle { background: url('../images/cenasingle.png') no-repeat; }
.cenasinglede { background: url('../images/cenasinglede.png') no-repeat; }
.cenasingleen { background: url('../images/cenasingleen.png') no-repeat; }

.cenadouble,
.cenadoublede,
.cenadoubleen {
	position: absolute;
	top: -10px;
	right: -10px;
	padding: 0px 0 0 0px;
	width: 180px;
	height: 110px;
	color: #280d07;
	font: bold italic 21px Georgia;
}

.cenadouble { background: url('../images/cenadouble.png') no-repeat; }
.cenadoublede {	background: url('../images/cenadoublede.png') no-repeat; }
.cenadoubleen { background: url('../images/cenadoubleen.png') no-repeat; }

.cenaleft { position: absolute; width: 80px; text-align: center; left: 10px; top: 60px; }
.cenaright { position: absolute; width: 80px; text-align: center; top: 60px; right: 10px; }



/* ----- FOOTER ----- */

#footer {
	clear: both;
	padding: 30px 0;
	width: 100%;
	background: #ebebeb url('../images/footerbg.jpg') repeat-x;
	font-size: 12px;
	line-height: 1.6em;
	color: #333;
	font-family: Georgia;
	font-style: italic;
	text-shadow: #fff 1px 1px 0px;
}

#footer img { margin-top: -10px; margin-right: 20px; }
#footer a { color: #d08900; font-size: 12px; }
#footer #copy a { margin-right: 2px; padding-right: 12px; background: url('../images/star.png') no-repeat right; }
#madeby { text-align: right; }