body { margin: 0;padding: 0;color: #000;background: #ffffff url(../images/tlo.gif) repeat-x; font-family: "Tahoma", sans-serif; font-size: 12px; color:#6d6e70;text-align: center;}
body,html,#tlo {height: 100%; min-height: 910px;}
a {color: #518baf; text-decoration: underline}
a:hover {color: #518baf; text-decoration: none}
a img {border: none}

div,form,input,fieldset{border: none; margin: 0; padding: 0}
#tresc {width: 980px; margin: 0 auto; text-align: left}
#top {height: 330px; margin-bottom: 20px}
#top .logo {padding: 20px 0 17px 20px; float: left}
#lewa_kolumna{width: 393px; float: left}
#darmowa_prenumerata{width: 353px; float: left; background: #faf8eb url(../images/bg.gif) no-repeat top right; padding: 20px 20px 10px 20px}
#darmowa_prenumerata .ikona {float: left; margin-top: 10px; margin-right: 15px}
#darmowa_prenumerata .input {width: 175px; height: 20px; border: 1px solid #cecece; float: left; margin-top: 10px; margin-bottom: 5px}
#darmowa_prenumerata .submit {margin-left: 10px; margin-top: 10px; margin-bottom: 5px}
#darmowa_prenumerata .linki {text-align: center; font-size: 10px; margin-top: 5px}
#darmowa_prenumerata .linki a {font-size: 10px}
.hr {width: 99%; border-left: 3px solid #ffffff; height: 3px; float: right}
#formularz #msc,#formularz #kwartalna,#formularz #roczna {padding-left: 18px; width: 162px; height: 0px; color: #518baf; float: left; background: url(../images/miesieczna.gif) no-repeat 0px 0px; padding-top: 137px}
#formularz #msc span,#formularz #kwartalna span,#formularz #roczna span {text-decoration: underline; background: #ffffff; display: block; width: 120px; height: 20px}
#formularz #msc input,#formularz #kwartalna input,#formularz #roczna input {float: left; margin: 0; padding: 0 }
#formularz #kwartalna {background: url(../images/kwartalna.gif) no-repeat 0px 0px; }
#formularz #roczna{background: url(../images/roczna.gif) no-repeat 0px 0px;}

#formularz #msc_promo,#formularz #kwartalna_promo,#formularz #roczna_promo {padding-left: 18px; width: 162px; height: 15px; color: #518baf; float: left; background: url(../images/miesieczna_promo.gif) no-repeat 0px 0px; padding-top: 196px}
#formularz #msc_promo span,#formularz #kwartalna_promo span,#formularz #roczna_promo span {text-decoration: underline; background: #ffffff; display: block; width: 120px; height: 20px; padding-bottom: 10px}
#formularz #msc_promo input,#formularz #kwartalna_promo input,#formularz #roczna_promo input {float: left; margin: 0; padding: 0 }
#formularz #kwartalna_promo {background: url(../images/kwartalna_promo.gif) no-repeat 0px 0px; }
#formularz #roczna_promo{background: url(../images/roczna_promo.gif) no-repeat 0px 0px;}

#formularz #msc_promo_desc,#formularz #kwartalna_promo_desc,#formularz #roczna_promo_desc {padding-left: 55px; width: 520px; float: left; display: none; }
#formularz #msc_promo_desc div,#formularz #kwartalna_promo_desc div,#formularz #roczna_promo_desc div {background: #faf8eb url(../images/bg.gif) no-repeat top right; padding: 15px 20px 15px 20px; height: 100px; float: left; width: 480px}
#formularz #msc_promo_desc .wskaznik{display: block; margin-left: 0px}
#formularz #kwartalna_promo_desc .wskaznik{display: block; margin-left: 178px}
#formularz #roczna_promo_desc .wskaznik{display: block; margin-left: 360px}


#formularz .pierwszy {float: left; margin-right: 10px; margin-left: 15px}
#formularz .trzeci {float: left; margin-left: 15px}
#formularz .mapa {float: left; margin-right: 10px; margin-left: 15px; margin-top: 10px; }
#formularz .mapa_div {position: relative}
#formularz .okladka {float: left; margin-left: 10px; }
#formularz .data {font-size: 11px; margin-left: 20px; padding-top: 10px; float: left}
#formularz .miasto {float: left; margin-left: 15px; margin-top: 10px; width: 166px; height: 21px; background: #faf8eb; border: 1px solid #dcd9c6}
#formularz #zamawiam {float: right;}
#formularz #zamowienie {font-size: 11px; margin-top: 7px; width: 360px; height: 52px; float: left; background: #faf8eb url(../images/bg.gif) no-repeat top right; padding: 20px 15px 0px 30px; border-bottom: 3px solid #edead7}
#stopka{font-size: 11px; color: #6d6e70; margin-top: 15px; border-top: 1px solid #e4e4e4; background: #f2f2f2; padding: 10px 0 10px 0}
#stopka #tresc_stopki{width: 980px; margin: 0 auto; text-align: left}
#stopka a {color: #6d6e70}
#stopka .r {text-align: right}
.warszawa{display: block; position: absolute; width: 45px; height: 40px; top: 140px; left: 255px;}
.krakow{display: block; position: absolute; width: 50px; height: 20px; top: 270px; left: 230px; }
.wroclaw{display: block; position: absolute; width: 45px; height: 40px; top: 210px; left: 130px; }
.poznan{display: block; position: absolute; width: 40px; height: 30px; top: 160px; left: 150px; }
.szczecin{display: block; position: absolute; width: 60px; height: 38px; top: 100px; left: 110px; }
.trojmiasto{display: block; position: absolute; width: 60px; height: 30px; top: 80px; left: 170px;}
.bydgoszcz{display: block; position: absolute; width: 60px; height: 20px; top: 115px; left: 178px; }
.lodz{display: block; position: absolute; width: 47px; height: 30px; top: 190px; left: 210px; }
.lublin{display: block; position: absolute; width: 50px; height: 50px; top: 190px; left: 300px; }
.rzeszow{display: block; position: absolute; width: 60px; height: 50px; top: 250px; left: 280px; }
.katowice{display: block; position: absolute; width: 50px; height: 20px; top: 250px; left: 200px;}

.torun{display: block; position: absolute; width: 50px; height: 20px; top: 135px; left: 200px; }
.plock{display: block; position: absolute; width: 50px; height: 25px; top: 160px; left: 200px; }
.bialystok{display: block; position: absolute; width: 50px; height: 40px; top: 110px; left: 300px; }
.kielce{display: block; position: absolute; width: 50px; height: 15px; top: 220px; left: 250px; }
.czestochowa{display: block; position: absolute; width: 50px; height: 23px; top: 225px; left: 210px;}
.opole{display: block; position: absolute; width: 30px; height: 25px; top: 230px; left: 175px; }
.zielonagora{display: block; position: absolute; width: 47px; height: 70px; top: 140px; left: 100px; }
.radom{display: block; position: absolute; width: 45px; height: 25px; top: 190px; left: 255px;}
.olsztyn{display: block; position: absolute; width: 63px; height: 35px; top: 90px; left: 235px;}
a:focus {outline-style: none;}

.podpis{background: url(../images/gwiazdka.gif) no-repeat left center; font-size:11px; padding: 0 0 2px 12px; margin: 5px 0 0 450px}

.ladowanie{background: url(../images/loader.gif) no-repeat left; float: left; padding-left: 80px; font-size: 11px; margin-top: 5px}
.r{float: right}
.l{float: left}
.c {clear: both}


#JT {height: 500px; overflow: auto; position: absolute;z-index:1000;border: 1px solid #000000; color: #6d6e70; background-color: #faf8eb;font-family: Arial, sans-serif; text-align: left; line-height: 140%; margin-top: 20px}
#JT a {color: #518baf}
#JT_copy{padding:10px 10px 10px 10px;color:#6d6e70;}
.JT_loader{background-image: url(../images/loader.gif);background-repeat: no-repeat;background-position: center center;width:100%;height:12px;}
#JT_close_left{background-color: #edead7;text-align: left;padding: 3px 8px 4px 8px; font-weight:bold; color: #6d6e70; float: left; width: 96%}
#JT_close_right{background-color: #edead7;text-align: left;padding: 3px 8px 4px 8px; font-weight:bold; color: #6d6e70; float: left; width: 96%}
#JT_copy p{margin:3px 0; color: #6d6e70}
#JT_copy img{padding: 1px;border: 1px solid #b7b7b7;}