html{
	height:100%;
}
body {
	font-family:arial;
	margin:0px;
	padding:0px;
	background: url('../img/bodyBg.jpg');
	height:100%;
}
.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
}
.menuTop{
	width:100%;
	height:76px;
	background: url('../img/menuBg.png') repeat;
}
.menu{
	height:76px;
	margin:0 auto;
	width:895px;
	background: url('../img/menuBg2.jpg') repeat ;
}
.menu ul{
	margin:0px;
	padding:0px;
}
.menu ul li{
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
	display:block;
	float:left;
	background:url('../img/menuSeparator.jpg') no-repeat right center;
}
.menu ul li a{
	color:#fff;
	font-size:15px;
	margin:0px;
	padding:20px 17px 20px 17px;
	float:left;
}
.menu ul li:hover{
	background:url('../img/menuABg2.jpg') no-repeat right top;
}
.menu ul li a:hover{
	background:url('../img/menuLeftRound2.jpg') no-repeat left top;
}
.menu .active{
	background:url('../img/menuABg.jpg') no-repeat right top !important;
}
.menu .active a{
	background:url('../img/menuLeftRound.jpg') no-repeat left top !important;
}
.imieniny{
	padding:0px 20px;
	text-align:right;
	color:#3f89c3;
	font-size:10px;
}
.page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: top;
	background-color: #ffffff;
	height:100%;
}
.content{
	height:100%;
}
/*boxy*/
.box{
	margin:15px 0px;
}
.boxTitlePadding{
	padding:10px 15px;
}
.boxContent{
	color:#5d5d5d;
	font-size:11px;
}
.boxContentPadding{
	padding:5px 15px;
}
.boxContent .boxMore{
	padding:0px 10px;
	text-align:right;
}
.boxContent .boxMore .more a:hover{
	text-decoration:underline;
}
.boxData{
	font-weight:normal;
	font-size:10px;
	font-style:italic;
}
.lookAll{
	width:100%;
	margin-top:20px;
	text-align:center;
	padding:15px 0px;
	background:#0091d0;
}
.lookAll a{
	border-bottom:1px dotted #0091d0;
}
/*column 1of3 */
.column1of3{
	vertical-align: top;
	width:100%;
	height:100%;
	border-left:8px solid #e5e5e5;
}
.column1of3 .arrow{
	position:absolute;
	margin-left:-19px;
	width:38px;
	height:41px;
	background:url('../img/greenArrow.png') no-repeat;
}
.column1of3 .title{
	margin:0px 20px 0px 25px;
	font-size:18px;
	font-weight:bold;
	color:#4d7407;
	border-bottom:1px solid #84ce00; 
}
.column1of3 .boxTitle{
	font-size:16px;
	font-weight:bold;
	color:#5d5d5d;
	background:#f6f6f6 url('../img/greenArrow2.png') no-repeat;
	background-position:6px center;
}
.column1of3 .boxContent .boxMore .more{
	padding:0px 7px 0px 7px;
	/*background:url('../img/greenArrow2.png') no-repeat right;*/
}
.column1of3 .boxContent .boxMore .more a{
	font-size:14px;
	color:#ffffff;
	padding:7px 25px 7px 15px;
	text-decoration:none;
	/*border:1px solid #609500;*/
	background: #609205 url('../img/greenArrowMore.jpg') no-repeat center right;
	/*background:#ededed;*/
	/*border-radius: 5px;*/
}
.column1of3 .boxContent .boxMore .more a:hover{
	/*font-weight:bold;*/
}
.column1of3 .boxContent img{
	margin:8px 0px;
	/*border:4px solid #c7ea88;*/
	border:1px solid #000;
}
/*column 2of3*/
.column2of3{
	vertical-align: top;
	width:280px;
	border-left:8px solid #e5e5e5;
}
.column2of3 .title{
	margin:0px 20px 0px 25px;
	font-size:18px;
	font-weight:bold;
	color:#4d7407;
	border-bottom:1px solid #84ce00; 
}
.column2of3 .arrow{
	position:absolute;
	margin-left:-19px;
	width:38px;
	height:41px;
	background:url('../img/greenArrow.png') no-repeat;
}
.column2of3 .boxTitle{
	font-size:12px;
	font-weight:bold;
	color:#5d5d5d;
	background:#f6f6f6 url('../img/greenArrow2.png') no-repeat;
	background-position:6px center;
}
.column2of3 .boxContent .boxMore .more{
	padding:0px 7px 0px 7px;
	background:url('../img/blueArrow2.png') no-repeat right;
}
.column2of3 .boxContent .boxMore .more a{
	color:#0091d0;
	text-decoration:none;
}
.column2of3 .boxContent img{
	margin:8px 0px;
	border:4px solid #0091d0;
}
/* STARE STYLE */
.paginacja{
	
}

A.wiecej:link{
	padding:0px 7px 0px 7px;
	background:url('../img/greenArrow2.png') no-repeat right;
	font-size: 11px;
	font-family: Arial;
	text-decoration:none;
	color: #18526b;
	font-weight: bold;
	text-align:right;
	font-variant: normal;
}
A.wiecej:hover{
	font-size: 11px;
	font-family: Arial;
	text-decoration: underline;
	font-weight: bold;
	text-align:right;
}
.list {
	list-style:none;
	/*
	background-image: url(../images/arr.gif);
	background-repeat: no-repeat;
	background-position: left top;
	*/
	border-bottom:1px dotted #18526b;
	padding:10px 15px;
}

A:link {
	font-size: 11px;
	text-decoration: none;
	color: #3F3E3E;
}
A:vlink{
	font-size: 11px;
	text-decoration: none;
	color: #3F3E3E;
}
A:visited {
	font-size: 11px;
	text-decoration: none;
	color: #18526b;
}
A:hover {
	text-decoration: none;
	color: #18526b;
	}
/*koniec starych styli*/


/*footer*/
.footer{
	width:100%;
	height:218px;
	background:url('../img/footerBg.png') repeat;
}
.footer .footerOuter{
	width:895px;
	margin:0 auto;
	background:#fff url('../img/footerBg.png') repeat;
}
.footer .footerOuter .footerOuterPadding{
	font-size:10px;
	color:#001d2a;
	text-align:center;
	padding:27px 0px;
}
.footer img{
  border:none;
}
.footer a{
	text-decoration:none;
	color:#001d2a;
}
.footer a:hover{
	text-decoration:underline;
}
.footer .footerLinks{
	width:100%;
	text-align:center;
}
.footer .footerLinks table{
	width:100%;
	text-align:center;	
}


/* ----------- radio style  --------------- */
.wybierzLokalizacje{}
.wybierzLokalizacje label{
	padding: 0px 0px;
	display:block;
	vertical-align:middle;
	font-size:16px !important;
	line-height:28px;
	position:static;
}
.wybierzLokalizacje ul{
	margin:0px !important;
	padding:0px !important;
}
.wybierzLokalizacje li{
	height:30px;
	display:block;
	margin:12px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	font-size:16px !important;
	vertical-align:middle;
}
.wybierzLokalizacje span{
	vertical-align:middle;
	position: absolute;
	border:1px solid #d4d4d4;
	margin-left:-35px;  
	width: 27px;
	height: 27px;
	color: #FFF;
	text-align: center;
}
 
.wybierzLokalizacje span:after{/*content: "nie";*/ /*if CSS are disbled span elements are not displayed*/}
 
.wybierzLokalizacje input{
	vertical-align:middle;
	position:absolute;
	margin-left:-35px;
	
	width: 27px;
	height: 27px;
	line-height:0px;
	font-size:0px;
	/*hide the radio button*/
	
	color:#000000;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	
  cursor: pointer;  
}

.wybierzLokalizacje input[type="radio"] + span{ /*the span element that immediately follow the radio button */
	position:absolute;
	margin-left:-35px;  
	visibility: hidden; 
	/*temporarily hide the "YES" label*/
 	background:url('../img/ok_mini.png') center no-repeat;
  
}
.wybierzLokalizacje input[type="radio"] + span:after{/* content: "tak"; */ /*if CSS are disbled span elements are not displayed*/}
 
 
.wybierzLokalizacje input[type="radio"]:checked + span{
	visibility: visible; /*show the "YES" label only if the radio button is checked*/
}
input[type="text"]{
	padding:3px 3px;
	border:1px solid #d4d4d4;
	
}
#step3{}
.datesInput{
	width:200px;
}
.dates span{
	font-size:14px;
	padding:0px 0px 0px 0px;
}
#step3 input{
	margin-top:-32px;
	vertical-align:middle;
	margin-right:10px;
}
#step3 img{
	border:none;
}
.ui-datepicker-trigger{}
/* ----------- end radio style  --------------- */


/* ----------- checkbox style  --------------- */
.wybierzModuly label{
	margin:0px;
	padding:0px;
	position:relative;
}
.wybierzModuly .modul{  
	line-height:32px;
	font-size:14px !important;
	padding-left: 37px;
}
.wybierzModuly span{
	/*margin-top:3px;*/
	position: absolute;
	border:1px solid #d4d4d4;  
	margin-left:-35px; 
	width: 27px;
	height: 27px;
	color: #FFF;
	text-align: center; 
}
 
.wybierzModuly span:after{
	
	/*content: "nie";*/ /*if CSS are disbled span elements are not displayed*/
}
 
.wybierzModuly input{
	position:absolute;
	/*margin-top:3px;*/
	/*margin-top:61px;*/
	margin-left:-35px;  
	width: 27px;
	height: 27px;  
	
	/*hide the radio button*/	
	
	color:#000000;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
  cursor: pointer;  
 
}

.wybierzModuly input[type="checkbox"] + span{ /*the span element that immediately follow the radio button */
	position:absolute;
	margin-left:-35px;  
	visibility: hidden; 
	/*temporarily hide the "YES" label*/
	/*background: #6EB558;*/  
	/*background: #f58605; */ 
	/*padding:10px 20px;*/
 	background:url('../img/ok_mini.png') center no-repeat;
  
}
.wybierzModuly input[type="checkbox"] + span:after{
	
	/* content: "tak"; */ /*if CSS are disbled span elements are not displayed*/
}
 
 
.wybierzModuly input[type="checkbox"]:checked + span{
	visibility: visible; /*show the "YES" label only if the radio button is checked*/
}

/* ----------- end radio style  --------------- */

.calendar {         
  vertical-align: middle;
  padding-left: 10px;
}

.calendar .day {  
  float:left;
	border:1px solid #d4d4d4;     
	width: 14px;
	height: 14px;
	color: #000;
	text-align: center; 
	padding: 3px;
	margin-right: 1px;
}

.calendar .dayAvailable {  }

.calendar .dayReserved{
	border:1px solid #ff6c6c; 
	background-color: #ffe2e2;
}
/* callendar style */
.prevMonth{
	padding:5px 0px 0px 10px;
	float:left;
}
.currMonth{
	margin:0 auto;
	font-size:16px;
	font-weight:normal;
	width:435px;
	text-align:center;
	float:left;
}
.nextMonth{
	padding:2px 0px 0px 10px;
	float:right;
}


.errorBox{      
	width:100%;
	border:1px solid #ff6c6c; 
	background-color: #ffe2e2;
	padding: 5px; 
	font-size:14px;
	color: #ff0000;   
}

.errorBox img {
  border: none !important;
  padding:0px !important;
  margin:0px 5px 0px 0px !important;
}