/* CSS: style.css */
h1, h2, h3, h4, pre, body, html {
	margin:0;
	padding:0;
	}

p{
	margin-top: 0;
	padding-top: 0;
}
	
a img, :link img, :visited img { border:none; }
ul { }


/**********************************************/
/* HEADINGS */
h1, h2, h3 { margin-bottom: 3px;
         line-height: 1.5em;
         font-family: Tahoma;
         font-weight: normal; }
h4, h5, h6 { margin-bottom:3px;
                 line-height:1.5em;
                 font-family:Tahoma; }
h1 { font-size:18px; color: #41a62a; font-weight: bold; }
h2 { font-size:14px; color: #41a62a; font-weight: bold; }
h3 { font-size:16px; color: #41a62a; font-weight: normal; }
h4 { font: normal 12px Tahoma; color: #41a62a; }
h5 { font-weight:normal; font-size:1em; }

td {
	font-family: Tahoma;
	font-weight: normal;
	font-size: 11px;
	color: #000;
}

div{
	font-family: Tahoma;
    font-weight: normal;
    font-size: 11px;
    color: #000;
}

.item-start-reserv{
	position:absolute;
	top:-19px;
	left:2px;
	cursor:pointer;
}

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

/* CSS Document */
/* About: Contains all the IDS elements for the structure of the site and other IDS */

/******************************************************
			CONTENT BOXES
******************************************************/

html,body{ 
	text-align: center;
	height: 100%; 
}

body{
	margin: 0;
	padding: 0;
	background: #fff;
}

#aa{
	width: 100%;
	position: relative;
	background: #c4dfe1;
	padding: 0 0 150px 0;
}

/******************************************************
			SECONDARY BOXES
******************************************************/

#ab{
	height: 50px;
	width: 100%;
}

#a1{
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 0 40px;
	text-align: left;
	position: relative;
	z-index: 1;
	background: url( ../../../../site/graphics/bgA.png ) 1px 0 repeat-y !important;
	background: url( ../../../../site/graphics/bgA.gif ) 35px 0 repeat-y;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://kormoran-niesulice.pl/site/graphics/bgA.png", sizingMethod="scale");*/
}

#bgBodyTop{
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	height: 306px;
	background: #8ad2f1 url( ../../../../site/graphics/bgTop.jpg ) center no-repeat;;
}

#bgBodyBottom{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 643px;
	background: #f29400 url( ../../../../site/graphics/bgBottom.jpg ) center no-repeat;;
}

#bgLeft{
	position: absolute;
	top: -50px;
	left: -58px;
	background: url( ../../../../site/graphics/bgLeft.png ) no-repeat !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://kormoran-niesulice.pl/site/graphics/bgLeft.png", sizingMethod="scale");
	width: 98px;
	height: 513px;
}

#bgRight{
	position: absolute;
	top: -50px;
	right: -63px;
	background: url( ../../../../site/graphics/bgRight.png ) no-repeat !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://kormoran-niesulice.pl/site/graphics/bgRight.png", sizingMethod="scale");
	width: 103px;
	height: 631px;
}

#bgBottomLeft{
	position: absolute;
	bottom: -42px;
	left: -73px;
	background: url( ../../../../site/graphics/bgBottomLeft.png ) no-repeat !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://kormoran-niesulice.pl/site/graphics/bgBottomLeft.png", sizingMethod="scale");
	width: 113px;
	height: 322px;
}

#bgBottomRight{
	position: absolute;
	bottom: -28px;
	right: -5px;
	background: url( ../../../../site/graphics/bgBottomRight.png ) no-repeat !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://kormoran-niesulice.pl/site/graphics/bgBottomRight.png", sizingMethod="scale");
	width: 45px;
	height: 104px;
}

#bgBottom{
	position: absolute;
	bottom: -74px;
	left: 40px;
	background: url( ../../../../site/graphics/bgBottom.png ) no-repeat !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://kormoran-niesulice.pl/site/graphics/bgBottom.png", sizingMethod="scale");
	width: 900px;
	height: 74px;
}

#baner{
	height: 323px;
	position: absolute;
	top: -50px;
	left: 40px;
}

#banerNext{
	height: 273px;
}

#menu{
	float: left;
	width: 270px;
}

#menu ul{
	list-style: none;
	margin: 11px 0 0 21px;
	padding: 0;
}

#menu ul li{
	background: url( ../../../../site/graphics/bgLi.png ) 0 1px no-repeat;
	padding: 0 0 0 28px;
	margin: 0 0 15px 0;
}

#menu ul li ul{
	margin:20px 0 0 0;
	padding:0;
}

#menu ul li:hover{
	background: url( ../../../../site/graphics/bgLiHover.png ) 0 1px no-repeat;
}

#content{
	float: left;
	width: 630px;
	min-height: 420px;
	/*height: auto !important;*/
}

* html #content{
	height: 420px;
}

#articleHome{
	width: 330px;
	margin: 15px 65px 0 0;
	float: left;
}

#rightHome{
	width: 235px;
	float: left;
}

#newsletter{
	width: 163px;
	float: left;
	margin: 12px 0px 0 0;
}

#newsletterSubmit{
	width: 55px;
	float: left;
	margin: 11px 0 0 0;
}

#newsletterText{
	margin: 25px 0 0 0;
	width: 224px;
	text-align: justify;
}

#news{
	
}

#newsTitle{
	margin: 15px 0 0 8px;
}

#news ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#news ul li{
	background: url( ../../../../site/graphics/dot.png ) 0 4px no-repeat;
	padding: 0 0 0 17px;
}

.newsTitle{
	margin: 10px 0 0 0;
}

.newsContent{
	margin: 10px 0 20px 0;
	width: 205px;
	text-align: justify;
}

#footer{
	height: 46px;
	background: url( ../../../../site/graphics/bgFooter.png ) no-repeat;
	position: relative;
}

#footer div{
	position: absolute;
	top: 17px;
	right: 37px;
}

#footer ul{
	list-style: none;
	margin: 0;
	padding: 17px 0 0 34px;
}

#footer ul li{
	display: block;
	float: left;
	padding: 0 4px;
}

.clearBoth{
	clear: both;
	height: 1px;
	overflow: hidden;
}

#pogoda{
	position: absolute;
	top: 40px;
	right: 53px;
	z-index: 100;
}

#weather{
	height: 130px;
	width: 200px;
	position: relative;
}	

#weatherTop{
	padding: 0 0 5px 0px;
	border-bottom: 1px solid white;
}

#weatherImage{
	position: absolute;
	top: 38px;
	left: -8px;
	width: 178px;
	height: 128px;
}

#weatherTemp{
	position: absolute;
	top: 38px;
	right: 0px;
	width: 105px;
}

#newsletterTitle{
	position: absolute;
	top: 239px;
	right: 40px;
}

#site_content_reservation_days{
	
}

.inlineUl{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

.inlineUl li{
	float: left;
	display: block;
	padding: 0 4px;
}

.showTitle{
	padding: 0 0 0 140px;
}

.fLeft{
	float: left;
}

.fRight{
	float: right;
}

.dateUl{
	list-style: none;
	padding: 0;
	margin: 0;
}

.dateUl li{
	float: left;
	display: block;
}

.dateUl li div{
	width: 18px;
	height: 19px;
	padding: 5px 0 0 0;
	margin: 0 2px 0 0;
	text-align: center;
	background: url( ../../../../site/graphics/bgDate.gif ) no-repeat;
	font-size:13px;
}

.bgDay6{
	background: url( ../../../../site/graphics/bgDateSo.gif ) no-repeat !important;
}

.bgDay7{
	background: url( ../../../../site/graphics/bgDateNd.gif ) no-repeat !important;
}

.arrowLeft,.arrowRight{
	float: left;
	cursor: pointer;
}

.dayList{
	width: 798px;
	padding: 0 0 4px 120px;
	position: relative;
}

.day{
	width: 18px;
	height: 22px;
	margin: 0 2px 0 0;
	cursor: pointer;
	position: relative;
}

.detail{
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	height: 280px;
	border: 3px solid #1a8b13;
	background: #eeeeee;
	z-index: 200;
}

.detailTitle{
	padding: 15px 0 0 20px;
}

.detailLabel{
	padding: 5px 2px 0 0;
}

.detail input{
	width: 120px;
	height: 20px;
	border: 1px solid #1a8b13;
	display: block;
	float: left;
}

.weekends{
	/*background: #d5d5d5;*/
}

.dayNotReserved{
	background-color: #eeeeee;
}

.dayReserved{
	background-color: #e2001a;
}
/*
.dayReserved_dayStart,
.dayReserv_dayStart{
	background-image: url( ../../../../site/graphics/start0.png );
	background-position: right;
	background-repeat: no-repeat;
	background-color: #eeeeee;
}

.dayReservedNotConfirm_dayStart{
	background-image: url( ../../../../site/graphics/start1.png );
	background-position: right;
	background-repeat: no-repeat;
	background-color: #eeeeee !important;
}
*/
.dayReserved_dayStart{
	width: 8px;
	height: 18px;
	position: absolute;
	top: 2px;
	right:20px;
	background: url( ../../../../site/graphics/start0.png ) left no-repeat !important;
	z-index: 2000;
}

.dayReservedNotConfirm_dayStart{
	width: 8px;
	height: 18px;
	position: absolute;
	top: 2px;
	right:20px;
	background: url( ../../../../site/graphics/start1.png ) left no-repeat !important;
	z-index: 2000;
}

.dayReserved_dayEnd{
	width: 8px;
	height: 18px;
	position: absolute;
	top: 2px;
	left:0px;
	background: url( ../../../../site/graphics/end0.png ) left no-repeat !important;
	z-index: 2000;
}

.dayReservedNotConfirm_dayEnd,
.dayNotReserved_dayEnd
{
	width: 8px;
	height: 18px;
	position: absolute;
	top: 2px;
	left: 0px;
	background: url( ../../../../site/graphics/end1.png ) left no-repeat !important;
	z-index: 20;
}

.dayReservedNotConfirm{
	background-color: #004a7f;
}

.dayReserv{
	background-color: #41a62a !important;
}

.domek{
	padding: 1px 0 0 0;
	height:17px;
	overflow:hidden;
	position:relative;
	z0index:3000;
}

.Lp{
	padding: 3px 3px 0 0;
	width: 18px;
	text-align: right;
	overflow:hidden;
}

.reservButton{
	padding: 0 0 0 0;
	cursor: pointer;
}

.icoA{
	padding: 2px 10px 0 5px;
}

#reqField{
	padding: 15px 0 5px 215px;
}

#legendUl{
	margin: 4px 0 4px 10px;
	padding: 0;
	list-style: none;
}

#legendUl li{
	padding: 4px 0 4px 0;
	display: block;
	float: left;
	width: 280px;
}

#legendUl li div{
	width: 15px;
	height: 20px; 
}

#legendUl li span{
	display: block;
	float: left;
	width:220px;
	padding: 2px 5px 0 5px;
}

.GalleryImage{
	float: left;
	overflow: hidden;
	position: relative;
	margin: 0 14px 10px 0;
}

.GalleryTitle{
	text-align: center;
	width: 130px;
	overflow: hidden;
	padding: 3px 0 0 0;
}

.MyImage{
	width: 123px;
	height: 88px;
	/*overflow: hidden;*/
	cursor: pointer;
}

.MyImageBorder{
	border: 1px solid #41a62a;
	padding: 3px;
}

#loader{
	position: absolute;
	top: 300px;
	left: 50%;
	z-index: 1000;
}

#detailDiv{
	position: absolute;
	top: 30%;
	left: 35%;
	z-index: 100;
}

#waterTemp span{
	display: block;
	padding: 3px 0 0 32px;
}

.domek-group{
	position:absolute;
	top:0;
	left:-88px;
	zoom:1;
}

/******************************************************
			FONT
******************************************************/

.days-of-the-week span{
	font-size:10px;
	color:#c4e3bd;
	width:18px;
	margin:0 2px 0 0;
	display:block;
	float:left;
	text-align:center;
}

.Title{
	font-weight: bold;
	font-size: 14px;
	color: #41a62a;
}

.font10_bold{
	font-weight: bold;
	font-size: 10px;
}

.font11_bold,.font11_red_bold{
	color: #ff0000;
	font-weight: bold;
}

.font12_bold,.font12_red_bold{
	color: #ff0000;
	font-weight: bold;
	font-size:12px;
}

.font11_bold{
	font-weight: bold;
}

.reservButton{	
	font-size: 10px;
	color: #41a62a;
	font-weight: bold;
	text-decoration: underline;
}

.Lp{
	color: #b54d26;
	font-weight: bold;
}

.inlineUl li,.showTitle,.inlineUl li a,.inlineUl li a:hover{
	color: #006ab3;
	font-weight: bold;
	font-size:12px;
}

#weatherTemp div{
	font-family: Tahoma;
	color: #fff;
	font-weight: normal;
}

#waterTemp{
	position: absolute;
	top: 125px;
	left: 0px;
	color: #fff;
	font-weight: bold;
}

#weatherTemp div span,#waterTemp span{
	font-weight: bold;
	font-size: 18px;
}

#menu ul li{
	font-weight: bold;
	font-size: 12px;
	color: #41a62a;
}

.font_stronicowanie{
	font-size: 13px;
	color: #5b607c;
	text-decoration: none;
}

.font11{
	color: #7bb5f0;
}

.font11_white{
	color: #fff;
	font-weight: bold;
}

.newsTitle{
	font-weight: bold;
	color: #ff9c00;
	text-decoration: underline;
}

#footer ul li{
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}

#footer div span{
	color: #fff;
}

/******************************************************
			LINK
******************************************************/

.GalleryImage a,.GalleryImage a:hover{
	text-decoration: none !important;
}

.stronicowanie{
	font-size: 13px;
	color: #5b607c;
	font-weight: normal;
}

.stronicowanie:hover{
	font-size: 13px;
	color: #5b607c;
	font-weight: normal;
}

#menu ul li a{
	font-weight: bold;
	font-size: 12px;
	color: #41a62a;
	text-decoration: none;
}

#menu ul li a:hover{
	font-weight: bold;
	font-size: 12px;
	color: #ff9c00;
	text-decoration: none;
}

#footer ul li a{
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}

#footer ul li a:hover{
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}

#footer div a{
	font-weight: normal;
	color: #ff9c00;
	text-decoration: none;
}

#footer div a:hover{
	font-weight: normal;
	color: #ff9c00;
	text-decoration: none;
}

a{
	font-family: Tahoma;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

a:hover{
	font-family: Tahoma;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}

/******************************************************
			FORM
******************************************************/

fieldset{
	border: 0 !important;
	padding: 0;
	text-align: left;
}

fieldset.contact {
	border: 0 !important;
	width: 250px !important;
	padding: 0;
	text-align: left;
}

div.form {
	overflow: hidden;
	margin-bottom: 0.5em;
	clear: both;
}

label{
	display: block;
	float: left;
	text-align: right;
	padding: 4px 4px 0 0;
	font-weight: normal;
	width: 135px;
}

.label{
	text-align: left;
}

input.text,
textarea {
	float: left;
	border: 1px solid #000;
	background-color: #FFF;
	color: #000;
	font-family: Tahoma;
	font-size: 11px;
}

.bgInput{
	border: 1px solid #d2d2d2;
	background:none;
	width: 163px;
	padding: 3px 8px 0 4px;
	height: 17px;
	font-size: 11px;
	color: #000;
}

.newsletter{
	border: 0;
	background: url( ../../../../site/graphics/bgNewsletter.png ) no-repeat;
	width: 163px;
	height: 25px;
}

.noButton{
	border: 0;
	background: none;
	cursor: pointer;
}

form{
	margin: 0;
}

.form10{
	border: 0;
	background: none;
	font-weight: bold;
}




/******************************************************
			Rezerwacja dodano 23-01-2009
******************************************************/

#powrot{
	position:absolute;
	top:10px;
	right:20px;
}

#powrot img{
	cursor:pointer;
}
.rezerwacje2010 {
   margin-top:15px;
   width:100%;
   font-size:12px;
   background-color:#d8eeb2;
   padding:10px 10px 10px 10px;
}
.greenBox {
   margin-top:15px;
   font-size:12px;
   background-color:#d8eeb2;
   padding:10px 10px 10px 10px;
}