body, html, table, input, textarea, select{margin: 0px; padding: 0px; font-family: tahoma, arial; font-size: 12px; color: #333333;}
body{background: url('/images/header_fill.gif') top left repeat-x;}
#background{text-align: center;}
#main{width: 1000px; margin: 0 auto; text-align: left;}
#header{height: 98px;}
#header .headerMenu{padding-top: 52px; padding-left: 20px;}
#header .headerMenu a{color: #f6f6f6; font-size: 14px; display: block; float: left; padding-left: 10px; padding-right: 10px; border-right: 1px solid #f6f6f6;}
#header .headerMenu a:hover{text-decoration: underline; color: white;}

table{ empty-cells: show; border-collapse: collapse;}

#footer{height: 56px; background-image: url('/images/bottom_fill.gif'); text-align: center; line-height: 56px; color: white;}
#footer a{color: white;}
#footer a:hover{text-decoration: underline;}
/*bardzo jasny szary #f9f9f9*/
/*jasny szary #e3e3e3 */
/*ciemny szary #999999 */
/*ciemny szary text #666666 */

.left {	float: left;}
.right {	float: right;}
.clear {	clear: both;height: 1px;	font-size: 1px;	line-height: 1px;}
img{border: 0px;}
img:hover{text-decoration: none;}
.defaultSpacer{height: 10px; line-height: 0px; font-size: 1px;}
.defaultSpacerSmall{height: 5px !important;  line-height: 0px; font-size: 1px;}
.defaultWidthSpacer{height: 1px; font-size: 1px;	line-height: 1px; width: 10px; float: left;}
.defaultWidthSpacerSmall{height: 1px; font-size: 1px;	line-height: 1px; width: 5px; float: left;}
a{outline: none; text-decoration: none;	font-weight: normal; color: #000000; cursor: pointer;}
.button{cursor: pointer;}
/*nagłówki*/
.defTab{height: 30px; color: white; font-size: 13px; padding-left: 10px; padding-right: 10px; background-image: url('/images/fill.gif'); background-repeat: no-repeat; line-height: 30px;}
.defTab .title{font-size: 11px; font-weight: bold;}
.defTab .title:hover{cursor: default;}
.tabShort{background-position: -13px -14px;}
.tabLong{background-position: -343px -14px;}
#mainColShort .content, #mainColLong .content{padding-bottom: 10px; padding-top: 10px;  border-right: 1px solid #999999; border-left: 1px solid #999999; border-bottom: 1px solid #999999;}
.topMessageOk, .topMessageError{padding: 10px; font-weight: bold; text-align: center; font-size: 14px;}
.textRight{text-align: right;}
.textLeft{text-align: left;}
.textCenter{text-align: center;}

.picWWSmall{height: 71px; width: 52px; background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -484px -45px;}



.bold{font-weight: bold;}
.underline{text-decoration: underline;}
.xsmall{font-size: 9px;}
.small{font-size: 10px;}
.normal{font-size: 12px;}
.large{font-size: 14px;}
.xlarge{font-size: 16px;}
.xxlarge{font-size: 20px;}
.redColor{color: #cc0000;}
.greenColor{color: green;}
.paddingNo{padding: 0px; margin: 0px;}
.padding5{padding: 5px; margin: 0px;}
.padding10{padding: 10px; margin: 0px;}
.padding15{padding: 15px; margin: 0px;}
.hidden{display: none;}

.textCenter{text-align: center;}
/* formularze */
select, input, textarea{padding: 0px; margin: 0px; font-size: 12px;}
.defaultTextarea{border: 1px solid silver;}
.defaultInput{border: 1px solid silver; background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -20px -178px;}
.limeRadio{float: left; height: 17px; width: 17px; background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -297px -78px; cursor: pointer;}
.limeRadioOn{background-position: -317px -78px;}
.limeCheckbox{float: left; height: 17px; width: 17px; background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -297px -58px; cursor: pointer;}
.limeCheckboxOn{background-position: -317px -58px;}
.limeLabel{float: left; padding-left: 5px;}
.defaultButton{line-height: 47px; padding-left: 8px; letter-spacing: 2px; color: white; font-weight: bold; font-size: 10px; text-align: center; height: 40px; width: 112px; background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -299px -157px; cursor: pointer;}

.arrowSmallRight{height: 15px; width: 15px; background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -299px -136px;}
.arrowSmallLeft{height: 15px; width: 15px; background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -317px -136px;}
.arrowGreenRight{height: 8px; width: 10px; background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -442px -132px;}
.boolGreen{height: 8px; width: 10px; background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -442px -122px;}

#mainColLong{width: 670px; float: left;}
#mainColShort{width: 320px; float: left;}
/* content */
.content{padding: 5px;}

.paginator a, .paginator span{border: 1px solid white; padding-right: 2px; padding-left: 2px;}
.paginator a:hover{border: 1px solid silver;}

/*search box*/
#searchBox{padding-top: 10px; padding-left: 30px;}
#searchBox input, #searchBox select{border: 1px solid #e0dfdc;  background-color: #f6f5f0; }
#searchBox .row{padding-bottom: 10px;}
#searchBox .fromTo .first{width: 97px;}
#searchBox .fromTo input{width: 70px; text-align: right;}
#searchBox input.input{width: 250px;}
#searchBox select{width: 252px;}
#searchBox .inputStreet{background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -20px -98px;}
#searchBox .inputQuarter{background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -20px -78px;}
#searchBox .inputCity{background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -20px -58px;}
#searchBox .inputFrom{background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -20px -118px;}
#searchBox .inputTo{background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -20px -138px;}
#searchBox .inputRefNo{background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -20px -158px;}
#searchBox .submit{margin: 0 auto;}
#searchBoxCityAuto{position: absolute; width: 250px; border: 1px solid #e3e3e3; background-color: white; z-index: 10; margin-top: -1px; display: none;}
#searchBoxCityAutoInside div{padding: 5px;}
#searchBoxCityAutoInside .button:hover{background-color: #f9f9f9;}
#offerList{width: 100%;}

.searchListQuarterList .button:hover{font-weight: bold;}

#searchBoxQuarterAuto{position: absolute; width: 250px; border: 1px solid #e3e3e3; background-color: white; z-index: 10; margin-top: -1px; display: none;}
#searchBoxQuarterAutoInside div{padding: 5px;}
#searchBoxQuarterAutoInside .button:hover{background-color: #f9f9f9;}

#offerList .mainRow{padding-top: 10px; padding-bottom: 10px;}
#offerList .details .name{font-weight: bold; background-color: #f2f1eb; border-bottom: 1px solid white; width: 100px;}
#offerList .details .pic{width: 130px;}
#offerList .details .val{text-align: left; width: 120px;}
#offerList .details .name, #offerList .details .val{padding: 2px; font-size: 11px;}
#offerList .bottom{border-bottom: 1px solid silver; color: #818181;}
#offerList .bottom a{border-bottom: 1px solid silver; color: #818181;}
#offerList .bottom a:hover{text-decoration: underline; color: black;}
#offerList .priceTop{padding-top: 5px;}
#offerList img{border: 1px solid silver;}


.sortBtnUp, .sortBtnDown, .sortBtnUpOn, .sortBtnDownOn{display: block; width: 13px; height: 13px; float: left;}
.sortBtnUp{background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -300px -100px;}
.sortBtnDown{background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -316px -100px;}
.sortBtnUpOn{background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -300px -115px;}
.sortBtnDownOn{background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -316px -115px;}

.offerDetails{width: 100%; }
.offerDetails td{padding: 4px; vertical-align: middle;}
.offerDetails tr.on td{background-color: #f3f3f3;}
.offerDetails .value{ font-weight: bold; text-align: right; width: 150px; border-top: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.offerDetails .value i{font-weight: normal;}
.offerDetails .name{text-align: left; width: 150px; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}

.offerPictureList{text-align: center;}
.offerPictureList img{margin: 3px; border: 1px solid white;}
.offerPictureList img:hover{border: 1px solid silver;}

#offerGallery{position: fixed;top: 0px; left: 0px; width: 100%; height: 100%; display: none; z-index: 12; text-align: center;}
#offerGalleryInside{ margin: 10px auto; width: 950px; border: 1px solid silver; background-color: white; text-align: left;}
#pictureArea{text-align: center; width: 850px; height: 600px;}
#offerGallery .btnArea{padding-top: 300px; padding-left: 10px; padding-right: 10px;}
#offerGallery .next, #offerGallery .prev{width: 29px; height: 29px; background-image: url('/images/fill.gif'); background-repeat: no-repeat;}
#offerGallery .next{ background-position: -345px -114px;}
#offerGallery .prev{ background-position: -375px -114px;}
#offerGallery .close, #sendToFriendForm .close{width: 34px; height: 29px; background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -407px -114px;}
#offerGallery .picNumber{padding: 5px;}

.toolFill{ color: white; display: block; border: 1px solid white; padding-left: 10px; line-height: 33px; height: 33px; background-image: url('/images/fill.gif'); background-repeat: no-repeat; background-position: -466px -117px;}
.toolFill:hover{letter-spacing: 2px;}

.contactForm input, .contactForm textarea{width: 190px;}
.contactForm{padding-left: 30px;}
.contactForm textarea{height: 100px;}
.notValid{border-color: red; color: red;}

.emailLink{cursor: pointer; color: green; text-decoration: underline; letter-spacing: 1px;}

#sendToFriendForm{position: fixed;top: 0px; left: 0px; width: 100%; height: 100%; display: none; z-index: 12; text-align: center;}
#sendToFriendFormInside{ margin: 50px auto; width: 650px; border: 1px solid silver; background-color: white; text-align: left;}
#sendToFriendFormInside .content{padding: 30px; padding-top: 0px;}
#sendToFriendFormInside .text{line-height: 15px;}
#sendToFriendFormInside .name{color: #aaaaaa; width: 60px; text-align: right;}
#sendToFriendFormInside .title{color: #aaaaaa; font-weight: bold;}
#sendToFriendFormInside table tr td{vertical-align: middle; padding: 5px;}
#sendToFriendFormInside table tr.noPaddingBottom td{padding-bottom: 0px;}
#sendToFriendFormInside table tr.noPaddingTop td{padding-top: 0px;}
#sendToFriendError, #sendToFriendOk, #sendToFriendLoad{padding-left: 15px; padding-top: 15px; display: none; font-weight: bold;}

#loaderBig{position: fixed; height: 100%; width: 100%; left: 0px; top: 300px; display: none; z-index: 11; text-align: center;}
#loaderBig div.content{ height: 80px; width: 200px; border: 1px solid silver; margin: 0 auto; text-align: center; background-color: white;}
#loaderBig div.content img{margin-top: 25px;}

#registerOffer input, #registerOffer textarea{width: 200px;}
#registerOffer .details{height: 200px;}
#registerOffer .name{line-height: 18px;}
#registerLoadingArea{padding-left: 8px; padding-top: 12px;}

#footerMenu table{width: 100%; border: 1px solid #999999; border-collapse: separate; border-spacing: 0px;}
#footerMenu table tr td{margin: 0px; padding: 5px;  vertical-align: top; width: 25%;}
#footerMenu table tr td a{display: block; padding: 2px; padding-top: 8px; color: #535353;}
#footerMenu table tr td a.sub{padding-top: 2px; padding-left: 25px;}
#footerMenu table tr td a:hover{color: black;}
#footerMenu table tr td.top{border-bottom: 2px solid #e3e3e3; letter-spacing: 1px;}
#footerMenu table tr td.fill{background-color: #f9f9f9;}

#opacityBackground{position: fixed; height: 100%; width: 100%; left: 0px; top: 0px; background-color: black; opacity: 0.60;filter:alpha(opacity=60); display: none; z-index: 10;}