@charset "utf-8";
body{
	margin:0 0 20px 0;
	background:url(../img/bgBody.jpg) repeat-x top #00749C;
	font-family:Verdana, Geneva, sans-serif !important;
	font-size:13px;
	color:#000;
}
a{
	text-decoration:none;
	color:#000;
}
a:hover{
	text-decoration:underline;
}
img{
	border:none;
}
h5{
	font-size:18px;
	color:#010000;
	margin-bottom:0;
	font-weight:normal;
}
h6{
	font-size:14px;
	margin:0 0 5px 0;
	padding:0;
}
.reservStep{
	font-size:18px;
	margin:0 0 5px 0;
	padding:0;
}
#bodyContainer{
	width:1020px;
	margin:0 auto;
}
#topMenu{
	font-size:11px;
	color:#FFF;
	line-height:18px;
	text-align:right;
	margin-top:15px;
	margin-right:10px;
}
#topMenu a{
	color:#FFF;
}
.topSearch{
	width:450px;
	height:72px;
	margin:30px 10px 0 0;
	float:right;
}
.topSearch .inputTxt{
	background:url(../img/search/bgStartPageInput.gif) no-repeat;
	border:none;
	width:144px;
	height:26px;
	padding:5px 10px 5px 10px;
	font-size:17px;
	color:#9B9B9B;	
	
}
/*	lewe menu	*/
.leftMenu{	
	background:url(../img/bgLeftMenu.jpg) no-repeat #B2E83A;
	width:278px;
	margin-bottom:10px;
}
.leftMenu ul{
	padding-left:20px;
	margin-bottom:30px;
}
.leftMenu li{
	list-style-image:url(../img/bullet.gif);
	margin-bottom:10px;
}
.leftMenu li.plus{
	list-style-image:url(../img/bulletplus.gif);
	margin-bottom:10px;
}
.leftMenu .sub li{
	list-style-image:url(../img/bullet2.gif) !important;
	margin-bottom:10px;
}
.leftMenu a{
	color:#000;
	text-decoration:none;
}
.leftMenu a:hover{
	color:#fff;
}
.leftMenuActive{
	color:#fff !important;
}


/*   wyszukiwarki	*/
.inputBg{
	background:url(../img/search/bgInput.gif) no-repeat;
	width:159px;
	height:27px;
	border:none;
	padding:5px;
}
.search label{
	display:block;
	float:left;
	width:60px;
	margin-top:5px;
}
.mainMenu{
	list-style-type:none;
	margin:3px 0 15px 10px;;
	padding:0;
}
.mainMenu li{
	display:inline;
	margin-right:8px;
}
.mainMenu a{
	color:#FFF;
	font-weight:normal;
	letter-spacing:-1px;
	font-size:25px;
}
.mainMenu a:hover{
	text-decoration:none;
	color:#87C714;
}
.mainMenu .active{
	color:#87C714;
}
.mainSwf{
	width:1020px;
	height:390px;
	background:url(../img/s460x60.gif) no-repeat;
}
.leftContent{
	width:278px;
	float:left;
}
.mainContent{
	float:left;
	width:732px;
	background:url(../img/box/boxBigTop.gif) no-repeat top #fff;
	margin-left:10px;
}
.box{
	background:url(../img/box/boxSmallTop.gif) no-repeat top #fff;
	width:278px;
	margin-bottom:10px;
}
.boxContent{
	padding:20px 24px;
}
.boxTitle, h2{
	margin:0 0 10px 0;
	padding:0;
	font-size:25px;
	color:#000;
	letter-spacing:-1px;
}

h3{
	margin:0 0 10px 0;
	padding:0;
	font-size:20px !important;
	color:#000;
	letter-spacing:-1px;
}
.boxTitleWhite{
	margin:0 0 10px 0;
	padding:0;
	font-size:25px;
	color:#fff;
	letter-spacing:-1px;
}
.boxTitle a{
	color:#000;
	text-decoration:none;
}
.boxTitle a:hover{
	color:#87C714;
}
.yellow{
	background:url(../img/box/boxSmallTopYellow.gif) no-repeat top #fff !important;
}
.bgYellow{
	background:url(../img/box/bgYellow.gif) no-repeat 0px 18px  !important;
}
h1, h3{
	margin:0 0 10px 0;
	padding:0;
	font-size:33px;
	color:#000;
	letter-spacing:-1px;
}
h3 a:hover{
	color:#87C714;
	text-decoration:none;
}
h4 {
	margin:0 0 10px 0;
	padding:0;
	font-size:22px;
	color:#000;
}

.search{
	background:url(../img/search/bgSearch.jpg) no-repeat #64C8E2;
	width:278px;
	margin-bottom:10px;
}
.search select{
	border:none;
}

.formOption h2{
	float:left;
}
.formOption form{
	float:right;
}
.offerList .lastSign{
	position:absolute;
	margin-left:-77px;
}
.offerList, .salonList{
	width:689px;
}
.offerList tr, .salonList tr{
	vertical-align:top
}
.offerList th{
	color:#848484;
	font-size:11px;
	font-weight:normal;
	padding:12px 0;
}
.offerList td{
	padding-bottom:3px;
}
.offerList .image{
	width:177px;	
	height:120px;
}
.offerList .image img{
	border:none;
}
.offerList .infos, .offerList .infos2{
	background:url(../img/hotel/bgTr.gif) no-repeat;
	width:512px;
	padding:10px;
}
.offerList .infos p{
	padding:0;
	margin:0;
}
.offerList .infos2:hover{
	background:url(../img/hotel/bgTr2.gif) no-repeat;
}
.offerList .infoDiv1{
	width:190px;
	height:100px;
	float:left;
	text-align:center;
	overflow:hidden;
}
.offerList .infoDiv2{
	width:130px;
	float:left;
	margin-left:5px;
	text-align:center;
	height:100px;
	overflow:hidden;
}
.offerList .infoDiv3{
	width:150px;
	float:left;
	margin-left:5px;
	text-align:center;
	height:100px;
	overflow:hidden;
}
.offerList .hotelName{
	color:#000;
	text-decoration:underline;
	display:block;
}
.offerList .price{
	font-size:16px;
	color:#d1392c;
}

.salonList .image{
	width:243px;	
	height:222px;
	border:none;
}
.salonList .image img{
	border:none;
}
.salonList .infos{
	background:url(../img/s441x222.gif) no-repeat right top;
	width:380px;
	height:202px;
	padding:10px 20px;
	overflow:hidden;
}

.backDiv{
	margin:15px 0;
}
.footerSwf{
	width:1020px;
	height:170px;
	margin-top:0px;
	text-align:center;
}
#footer{
	font-size:11px;
	color:#FFF;
	line-height:18px;
	margin-top:15px;
	margin-right:10px;
}
#footer a{
	color:#FFF;
}
.monit_message, .monit_notice, .monit_error{
	width:665px;;
	border:1px solid #00749C;
	padding:10px;
	text-align:center;
	font-weight:bold;
	color:#00749C;
}

/* paginacja */
.pagination{
	width:450px;
}
.pagination span{
	display:block;
	float:left;
	background:url(../img/hotel/pag.gif) no-repeat;
	color:#000;
	font-size:12px;
	width:26px;
	height:25px;
	line-height:25px;
	text-align:center;
}
.pagination .active{
	background:url(../img/hotel/pagActive.gif) no-repeat !important;
}
.pagination a span:hover{
	background:url(../img/hotel/pagActive.gif) no-repeat;
	color:#FFF;
}

/* 	opis hotelu	*/
.hotelDesc h1, .hotelDesc h3{
	float:left;
}
.hotelDesc .stars{
	margin:5px 0 0 10px;
}
.oaOpinion{
	float:right;
	margin:15px 0 0 0;
}

/* lista terminow */
.termList{
	/*background:url(../img/hotel/bgList.gif) no-repeat;*/
	width:684px;
	height:35px;
	padding-top:16px;
	margin-bottom:4px;
}
.termList:hover{
	/*background:url(../img/hotel/bgListOn.gif) no-repeat;*/
}
.termList .item1{
	width:100px;
	font-weight:bold;
	float:left;
	margin-left:20px;
}
.termList .item2{
	width:70px;
	float:left;
}
.termList .item3{
	width:115px;
	padding-right:10px;
	float:left;
}
.termList .item4{
	width:95px;
	float:left;
	text-align:center;
}
.termList .item5{
	width:90px;
	float:left;
	margin-left:15px;
}
.termList .item6{
	width:120px;
	padding-right:15px;
	float:left;
	color:#00749C;
	font-size:16px;
}
.termList .item7{
	width:25px;
	float:left;
}


/*	UZYTECZNE	*/
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
.strong{
	font-weight:bold;
}
.color1{
	color:#cf4e4b; /* bordowy */
}
.color2{
	color:#b1b1b1; /* szary */
}
.color3{
	color:#ff0000; /* czerwony */
}
.size11{
	font-size:11px !important;
}
.size12{
	font-size:11px;
}
.size12{
	font-size:13px;
}
.noP p{
	margin-top:0;
	padding-top:0;
}


/*	rounded	*/
a.rounded, .button, .buttonBack, .butto2 {
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle; /* or top */
  display: -moz-inline-box;
  display: inline-block;
  overflow: visible; /* IE6 form button fix */
}
.button {
  color: #fff;
  background-color: #93C805;
  padding: 10px 19px;
  font-size:12px;
  font-weight:bold;
}
.button2 {
  color: #fff;
  background-color: #93C805;
  padding: 10px 15px;
  font-size:12px;
  font-weight:bold;
}
.button:hover {
  background-color: #007EA7;
}
.buttonBack {
  color: #fff;
  background-color: #93C805 !important;
  padding:5px 15px;
  font-weight:bold;
}
.buttonBack:hover {
  background-color: #00749C !important;
}
.buttonPadding {
  padding: 7px 10px;
}
.bActive{
	background-color: #00749C !important;
	padding: 10px 19px;
  	font-size:12px;
 	font-weight:bold;
	color: #fff;
}
.bigSearch{
	color:#FFF;
	font-size:26px;
	padding:15px;
	background-color:#8B2676;
	cursor:pointer;
}
.userTable th{
	font-weight:normal;
	text-align:right;
	padding-right:10px;
	height:30px;
}
.formError {
	font-size:11px;
	color:#F00;
}
.bannerSwf{
	margin-bottom:25px;
	margin-top:6px;
}
#parkContainer{
	width:610px;
}
#parkContainer b{
	display:block;
	padding:5px 0 5px 10px;
	background:url(../img/park.gif) repeat-x;
	color:#FFF;
}
.reserv{
	background:url(../img/reserv1.gif) no-repeat;
	width:97px;
	height:29px;
	border:none;
}
.reserv:hover{
	background:url(../img/reserv2.gif) no-repeat;
	cursor:pointer;
}
.dalej{
	background:url(../img/dalej.gif) no-repeat;
	width:82px;
	height:29px;
}
.dalej:hover{
	background:url(../img/dalej2.gif);
}
#bgBanner {display:none;position:absolute;z-index:99999999;top:0;left:0;width:100%;background:#000000;}
#bgBanner2 {display:none;position:absolute;z-index:99999999;top:0;left:0;width:100%;}
#idBanner {display:none;padding-top:57px;}
.orderTh{
	text-align:right;
	margin-right:10px;
}
.frame{
	padding:9px 0 10px 0;
}
.bookingComponents{
	padding-left:10px;
	margin-top:5px;
	margin-bottom:20px;
	line-height:20px;
	font-size:11px;
}
.help{
	font-size:12px;
	font-style:italic;
	font-weight:bold;
}
.help a{
	color:#80C41F !important;
}
.help img{
	margin-right:10px;
}

/* Facebook */
    #facebookA {display: inline-block;margin-left: 5px;width: 160px;height: 32px;background: #f3f3f3;position: relative;top: -6px;}
    #facebookA img {float: left;_margin-left: -4px;_margin-right: -2px;}

    /* zoom: 3; -moz-transform: scale(3); */

    .additionalContainer1 {position: fixed;z-index:1000000;height: 0;width: 100%;overflow: visible;}
    .additionalContainer2 {width:0px;height:0px;z-index:1000000;background: transparent;position: relative;overflow:visible;float:right;}

    .facebookAll, .facebookAll_over, .facebookAll_overA {display: block;position: absolute;overflow: hidden;width: 0px;height: 300px;top: 250px;right: 0px; background: url('../img/fbSmall.gif') no-repeat;padding-left: 24px;}
    .facebookAll_overA {top: 0px;}
    .facebookAll_over {display: block;position: absolute;overflow: hidden;width: 292px;top: 0px;right: 0;height: 580px;background: url('../img/fbSmall.gif') no-repeat;padding-left: 24px;}
    .classFaceA {position: absolute;left: 24px;top: 0;background: #fff;width: 292px;height: 400px;}
    .classFaceA iframe {background: #fff;position: relative ;left: -29px;}
    
    .faceboox_wysun {position:absolute;top: 0px;left: 0px;z-index: 10000;width: 24px;height: 90px;background:url("../img/fbSmall.gif") no-repeat;}
    #faceboox_youtube {cursor: pointer;	position:absolute;top: 95px;left: 0px;z-index: 1000;width: 25px;height: 92px;background:url("../img/youtube_btn.gif") no-repeat;}
    #faceboox_warto_pomagac {cursor: pointer; position:absolute; top: 180px; left:-8px ;z-index: 1000; width: 43px; height: 112px; background:url("../img/assets/warto_pomagac.png") no-repeat;}

    .error {color: #f00;text-indent: 6px;}

/* scroll*/

.scrollContainer {
    background:url(../img/box/bgYellow.gif) repeat-x #FBE923;
	-moz-border-radius: 12px;
 	border-radius: 12px;
    width: 100%;
	margin:0;
}
.scrollContainer .wrap {
    width: 1020px;
	padding:20px 0;
    overflow: hidden;
    position: relative;
    line-height: normal;
    font-size-adjust: none;
}
div.scroller {
    font-family: Verdana, Arial, Helvetica, San-serif;
    font-size: 22px;
	font-weight:bold;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}
div.scroller span {
   /* margin: 0 0px ;&*/
	padding: 0 60px;
}
div.scroller span a:hover{
	text-decoration:none;
	color:#00749D;
}
div.scroller span img{
	vertical-align:middle;
	margin:0 8px;
	border:none;
}

.trip_departurenodes {
    font-size: 11px;  
    padding: 2px;
    resize: none;
}

.bonForm input{
	background: url(../img/input-bg.png) top left no-repeat;
	border: none;
	width: 194px;
	height:	25px;
	padding-left: 8px;
	padding-right: 8px;
	
}
.bonForm input#accept{
	width: 15px;
	height: 15px;
}

.bonForm select{
	background: url(../img/select-bg.png) top left no-repeat;
	border: none;
	width: 90px;
	height:	20px;
	padding-left: 4px;}

.bonForm input.delete-form{
	background: url(../img/delete-bg.png) top left no-repeat;
	border: none;
	width: 59px;
	height:	29px;
	cursor: pointer;
	font-weight: bold;
	color: #ffffff;
		padding-bottom: 4px;
}

.bonForm input.delete-form:hover{
	background-position: 0px -29px;}

.bonForm input.beztla{
	background-image: none;
}

.offerList .image-map{
    height: 90px;
    width: 177px;
}

.offerList .infos-map {
    background: url("../img/hotel/bgTr.png") no-repeat scroll 0 0 transparent;
    padding: 10px;
    width: 512px;
}
