/* na początek kilka podstawowych definicji */ * { margin: 0; padding: 0; } html { background-color: #fff; } body { font-family: "Verdana", sans-serif; text-align: left; color: #535353; font-size: 11px; background: #fff none 0 0 repeat-x; } a { text-decoration: none; color: #f6893c; } a:hover { text-decoration: underline; } a img { border-width: 0;} li { list-style-type: none; } h2, h3 { color: #80914b; font-family: "Georgia", serif; font-size: 14px; } .skip { text-indent: -100em; position: absolute; top: 0; left: 0; height: 1px; } .clear { clear: both; display: block; } /* wrapper całęj strony (żeby ustawić dolne tło) */ #bg { background: transparent url("../img/bg_footer.gif") 0 100% repeat-x; margin: 0; } /* wrapper na treść - ustala max. szerokość, centruje strone i jest punktem odniesienia dla pozycjonowania */ /* seo w TOPie */ /* #seo { width: 780px; height: 35px; position: absolute; top: 0; left: 0; background: transparent url("../img/bg_top_seo.gif") 0 0 no-repeat; font-size: 10px; color: #6f6f6f; line-height: 35px; text-align: center; font-weight: normal; } */ #wrapperMain { position: relative; width: 780px; margin: 0 auto; padding-top: 245px; } #seo {width: 780px; height: 35px; position: absolute; top: 0; left: 0; background: transparent url("../img/bg_top_seo.gif") 0 0 no-repeat; font-size: 10px; color: #6f6f6f; line-height: 35px; text-align: center; font-weight: normal;} /* logo */ #header { width: 308px; height: 41px; background: transparent url("../img/logo.jpg") 0 0 no-repeat; z-index: 100; display: block; position: absolute; top: 97px; left: 0px; } /* aby logo było klikalne ;) */ #header a { display: block; 308px; height: 41px; z-index: 2; } /* subheader */ #subheader { font-size: 14px; color: #797979; position: absolute; top: 145px; left: 80px; z-index: 1000; font-family: "Verdana", sans-serif; font-weight: normal; } #subheader strong { font-size: 18px; color: #f6893c; font-weight: normal; } /* treść */ #content { width: 510px; float: left; padding-bottom: 15px; } #content table { border-collapse: collapse; } /* menu */ #menu { width: 270px; float: left; } #menu .box, #menu .box2 { margin-left: 20px; margin-bottom: 10px; font-size: 11px; } /* promocje */ #promotion { height: 148px; background: transparent url("../img/bg_promotions2.jpg") 0 0 no-repeat; position: relative; } #promotion h3 a { display: block; padding: 86px 0 5px 19px; font-family: "Georgia", serif; color: #fff; text-decoration: none; } #promotion p a { display: block; height: 40px; padding: 0 5px; color: #fff; } /* kontakt */ #contactBox { height: 132px; background: transparent none 0 0 no-repeat; } #contactBox.phone { background-image: url("../img/bg_contact_phone.jpg"); } #contactBox.email { background-image: url("../img/bg_contact_email.jpg"); } #contactBox h3 a { display: block; color: #fff; padding: 84px 13px 30px; text-decoration: none; } /* boksy (lista cen i informacje) */ #menu .box2 { background: transparent url("../img/bg_menu_box_bottom.gif") 0 100% no-repeat; padding-bottom: 10px; } #menu .box2 h3 { background: transparent url("../img/bg_menu_box_bottom.gif") 0 0 no-repeat; padding: 15px 10px 5px 15px; } /* informacje */ #informations li { padding: 2px; } #informations li.header { padding: 0; background: transparent url("../img/bg_menu_box_hr.gif") center 100% no-repeat; padding-bottom: 5px; margin-bottom: 5px; } #informations li a { display: block; color: #535353; font-weight: bold; padding: 2px; padding-left: 35px; background: transparent url("../img/arr_orange.gif") 17px 6px no-repeat; } /* lista cen */ #priceList { overflow: hidden; } #priceList p { background: transparent url("../img/bg_menu_box_hr.gif") center 100% no-repeat; padding: 5px 15px 5px 15px; } #priceList dl { margin: 10px auto 0; width: 220px;} #priceList dt { width: 65px; float: left; height: 20px; line-height: 20px; } #priceList dd { width: 45px; float: left; font-weight: bold; height: 20px; line-height: 20px; } /* ankieta */ #pool { background: transparent url("../img/bg_pool_bottom.gif") 0 100% no-repeat; } #pool h3 { background: transparent url("../img/bg_pool_header.gif") 0 0 no-repeat; font-size: 10px; color: #535353; font-family: "Verdana", sans-serif; padding: 10px 15px; } #pool fieldset { border-width: 0; padding: 0 10px; margin: 0; background-color: transparent; } #pool fieldset label { width: 230px; margin: 2px 0; float: none; padding: 4px 0; text-align: left; } #pool fieldset label input { margin-right: 5px; } #pool .submit { width: 83px; margin: 0 auto; padding: 10px 0; } #pool .submit input { margin: 0; border-width: 0; width: 83px; height: 23px; background: transparent url("../img/btn_vote_pool.gif") 0 0 no-repeat; color: #fff; font-weight: bold; font-size: 11px; padding: 2px 0pt 5px; } #pool p { display: block; width: 250px; height: 30px; } #pool p a { display: block; height: 30px; text-align: right; padding-right: 30px; line-height: 30px; background: transparent url("../img/arr_green_next.gif") 225px 13px no-repeat; color: #80914b; } /* top */ #top { position: absolute; left: 0; top: 0; width: 780px; height: 222px; background: transparent url("../img/bg_top.jpg") 100% 73px no-repeat; z-index: 1; font-size: 11px; } /* pole z tabami */ #tabbar { position: absolute; left: 0; top: 185px; height: 29px; width: 700px; } /*#tabbar li { float: left; height: 29px; line-height: 29px; background: transparent url("../img/tab_white.gif") 0 0 no-repeat; margin-right: 1px; }*/ #tabbar li { float: left; height: 29px; line-height: 29px; background: transparent url("../img/tab_white.gif") 0 0 no-repeat; margin-right: 1px; width: 90px; text-align: center;} #tabbar li a, #tabbar li strong { height: 29px; display: block; background: #fff url("../img/tab_white.gif") 100% 0 no-repeat; padding-right: 10px; margin-left: 10px; font-weight: bold; color: #80914b; font-size: 11px; line-height: 29px; } #tabbar li#currentTab, #tabbar li strong { background-image: url("../img/tab_green.gif"); color: #fff; } /* języki */ #languages { position: absolute; top: 44px; right: -20px; width: 220px; height: 20px; } /* right: 0px */ #languages li { float: left; line-height: 20px; padding: 0 8px; height: 20px; } #languages li img { vertical-align: middle; } #languages li.more { background: transparent url("../img/arr_orange_next.gif") 100% 8px no-repeat; padding-right: 14px; } /* wyszukiwarka */ #search { width: 260px; position: absolute; top: 42px; left: 10px; } #search fieldset { margin: 0; padding: 0; border-width: 0; background-color: transparent; } #search legend { display: none; } #search div { float: left; clear: none; margin: 0; padding: 0; } #search div.text { width: 205px; } #search .text input { background-color: #fff; padding: 2px 3px; margin: 0; width: 190px; } #search div.submit { width: 55px; } #search .submit input { background: #80914b url("../img/btn_search.gif") 0 0 no-repeat; margin: 0; color: #fff; width: 51px; height: 20px; border-width: 0; font-size: 11px; line-height: 20px; } /* submenu */ #submenu { width: 200px; height: 12px; position: absolute; /*left: 300px;*/ top: 47px;} #submenu li { float: left; line-height: 12px; height: 12px; padding: 0px 5px; } #submenu li.ico {} #submenu li.siteMap { border-left: 1px solid #f6893c; } /* stopka*/ #footer { height: 135px; clear: both; line-height: 10px; font-size: 11px; } /* menu */ #footerMenu { height: 29px; width: 780px; font-size: 10px; } #footerMenu li { float: left; height: 29px; font-weight: bold; padding-left: 10px; line-height: 29px; } #footerMenu li a { color: #80914b; border-right: 1px solid #80914b; padding-right: 10px; } #footerMenu li.contact a, #footerMenu li.remind a, #footerMenu li.notify a { border-right-width: 0; } #footerMenu li.contact { padding-right: 131px; } #footerMenu li.notify, #footerMenu li.remind { padding: 0; background: transparent url("../img/bg_footer_tab.gif") 0 0 no-repeat; text-align: center; } #footerMenu li.notify a { padding-left: 10px; padding-right: 10px; } #footerMenu li.remind { background-position: 100% 0; padding: 0; text-align: right; } #footerMenu li.remind a { border-left: 1px solid #80914b; padding-left: 10px; } /* linki seo */ #seoLinks { padding: 0 30px 10px; font-size: 10px; margin: 15px auto 10px; background: transparent url("../img/bg_footer_hr.gif") center 100% no-repeat; } #seoLinks a, #seoLinks strong { display: block; width: 70px; height: 20px; line-height: 20px; float: left; color: #707070; } #seoLinks a { text-align: center; } #seoLinks a.long { width: 100px; } #seoLinks a.short { width: 50px; } #seoLinks strong { width: 90px; /*clear: left;*/ } /* copyrigth */ /*#copyright { color: #707070; font-size: 11px; display: block; height: 20px; width: 350px; float: left;} width: 350px; */ #copyright { color: #707070; font-size: 11px; display: block; height: 20px; width: 780px; text-align: center;} #copyright a { color: #707070; } /* katalogi */ #catalogues { width: 430px; height: 20px; float: left; } #catalogues li { height: 20px; float: left; } #catalogues li a { color: #80914b; border-left: 1px solid #80914b; padding: 0 5px; } #catalogues li.first a { border-left-width: 0; } /* lista z pomaranczowymi strzalkami */ ol.parr li { list-style: url("../img/arr_orange.gif"); padding: 2px; margin-left: 35px; font-size: 11px; color: #535353; } ol.numbers li { list-style-type: decimal; margin-left: 20px; } .error {color: red;} .error_fill {background-color: red;} .errortext{margin-left: 155px;} .error_border {border: solid 2px red;} .error-box {border: solid 1px #ff0000; padding: 2px; margin: 10px 0px;} .error-box div {background-color: #ffe0e0; padding: 5px 5px; text-align: left;} div.large_map {margin: 40px auto 0px auto; width: 900px; font-size: 13px;} div.large_map a {color: #535353;} div.large_map img {margin-bottom: 20px;} div.large_map div {text-align: center; margin-bottom: 10px;} table.adresses tr th { font-weight: normal; padding-top: 5px; vertical-align: top;} table.adresses tr td{padding-top: 5px;} table.adresses tr td.name{font-weight: bold;padding-top: 20px;} table.adresses tr td.adds{font-style: italic;padding-bottom: 5px;} div.guide {margin-top: 20px;} div.guide div {margin-top: 5px;} div.guide div.distr{font-style: italic;} #ourlink{ border: solid 1px #a9a9a9; width: 400px; height: 40px; margin-top: 10px; display: block;} #simple_form fieldset { border-width: 0; padding: 0 10px; margin: 0; background-color: transparent;} #simple_form fieldset label { width: 100px; margin: 2px 0; padding: 4px 0; text-align: left; display: inline;} #simple_form fieldset input, #simple_form fieldset label textarea{ margin-right: 5px; width:100px; display: inline;} #simple_form fieldset div.checkbox input {width: 15px; border: none;} #simple_form fieldset div.radio input {width: 15px; border: none;} #simple_form fieldset { border-width: 0; font-size: 11px; } #simple_form fieldset legend { color: #80914b; } #simple_form fieldset label { text-align: right; float: left; width: 30%; padding: 0; margin: 0px 0px 0px 0px ; padding-right: 5px; cursor: pointer; display: block; } #simple_form fieldset div {margin-top: 10px;} #simple_form fieldset div input, form fieldset div textarea, form fieldset select { width: 60%; border: 1px #bbc699 solid; background-color: #fff; color: #535353; font-size: 11px; padding: 2px 1px; } #simple_form fieldset .submit input { padding: 2px 0 3px; vertical-align: middle; } #simple_form textarea{font-family: "Verdana", sans-serif; font-size: 11px; height: 80px;} #simple_form .submit {text-align: center;} #simple_form .submit input { margin: 0; border-width: 0; width: 83px; height: 23px; background: transparent url("../img/btn_vote_pool.gif") 0 0 no-repeat; color: #fff; font-weight: bold; font-size: 11px; padding: 2px 0pt 5px; } #simple_form2 fieldset { border-width: 0; padding: 0 10px; margin: 0; background-color: transparent;} #simple_form2 fieldset label { text-align: left; float: left; width: 30%; padding: 0; margin: 0px 0px 0px 0px ; padding-right: 5px; cursor: pointer; display: block; width: 330px;} #simple_form2 fieldset input, #simple_form2 fieldset select { margin-right: 5px; width:100px; display: inline;} #simple_form2 fieldset textarea{ margin-right: 5px; width:100px; display: inline;} #simple_form2 fieldset div {margin-top: 20px;} #simple_form2 fieldset .submit input { padding: 2px 0 3px; vertical-align: middle; } #simple_form2 textarea{font-family: "Verdana", sans-serif; font-size: 11px; height: 80px;} #simple_form2 .submit {text-align: center;} #simple_form2 .submit input { margin: 20px 20px 0px 20px; border-width: 0; width: 83px; height: 23px; background: transparent url("../img/btn_vote_pool.gif") 0 0 no-repeat; color: #fff; font-weight: bold; font-size: 11px; padding: 2px 0pt 5px;} .buttongreen { margin: 0; border-width: 0; width: 83px; height: 23px; background: transparent url("../img/btn_vote_pool.gif") 0 0 no-repeat; color: #fff; font-weight: bold; font-size: 11px; padding: 2px 0pt 5px; } /*#content .xtext ul.linkslist li {list-style: url("../img/arr_orange.gif");}*/ #content .xtext ul.linkslist li { background: none; list-style: url("../img/arr_green.gif"); padding: 2px; margin-left: 0px; font-size: 11px; } #content .xtext ul.linkslist li ul{list-style: none;} #content .xtext ul.linkslist li ul li { background: none; list-style: url("../img/arr_green.gif"); padding: 2px; margin-left: 20px; font-size: 11px; } #content .xtext ul.linkslist ul.linkslist-links {margin: 20px 0px 0px 0px; padding-top: 20px;} #content .xtext ul.linkslist ul.linkslist-links li {list-style: none; margin-left: 0px; font-size: 11px; padding-left: 0px;} #exchangeinfo {margin-top: 30px;} #content table.style1 {border-collapse: collapse;} #content table.style1 tr th {text-align: center; font-weight: bold; border: solid 1px #fff; color: #fff; background-color: #698127; padding: 2px 5px;} #content table.style1 tr td {border: solid 1px #fff; padding: 2px 5px; background-color: #f0f6e6;} #content table.style1 tr.c td {text-align: center;} #content table.style1 tr.fill td {background-color: #bbc699;} /* kalendarzyk */ /* div.clndr {background-color:#d0d0d0; position:absolute; cursor:default; display:none; border:3px ridge #9ab;} div.clndr table {width:160px; margin:4px;} div.clndr th {border:1px solid black; font:normal bold 11px arial,sans-serif; text-align:center; padding:0 2px 0 2px;} div.clndr td {border:1px solid blue; cursor:pointer; font:normal normal 11px arial,sans-serif; text-align:center; padding:0 2px 0 2px;} */ /* div.clndr {background-color:#f1f7ec; position:absolute; cursor:default; display:none; border:1px solid #e8e8e8;} div.clndr th {border: 1px solid #000; text-align:center; padding:0px;} div.clndr td {border: 1px solid #000; cursor:pointer; text-align:center;} */ .calendar-box {display: none;background-color: #fff; border: 1px solid #444; position: absolute; width: 200px; padding: 0 5px; z-index: 100; padding: 5px;} .calendar-box select {font-size: 11px;} .calendar-box select.calendar-month {width: 80px;} .calendar-box select.calendar-year {width: 55px;} .calendar-box div.cb {width: 70px; margin: 0px auto;} .calendar-box .calendar-cancel {width: 70px; font-size: 11px;} .calendar-box table td {width: 14%;} .calendar-box .calendar-title {text-align: center;} .calendar-box a {text-decoration: none; color: #535353} .calendar-box .holiday a {color: #ff0000;} .calendar-box .today a {padding: 0 5px; margin-left: -5px; font-weight: bold;} .calendar-box .selected a {padding: 0 5px; margin-left: -5px; background-color: #c9ff8b;} .calendar-box .days {color: red;} .attention {border: solid 1px #7C9900; background: #000;} .attention div {border: solid 2px #fff; padding: 5px; background: #F0F6E5;}