body {background:#FFF;color:#3D3D3D;text-align:left;margin:0;padding:0;font-size:9pt;font-family:tahoma}

img {margin: 0px;border: none;}

#all {width: 960px; margin: 0px auto;}
#menu {margin-top: 5px; margin-bottom: 10px; float: left; border-bottom: 1px solid #8F8F8F; padding-bottom: 5px;}
#content {width: 940px; margin: 10px auto; text-align: left; position: relative; min-height: 350px;}
#content_blog {width: 940px; margin: 10px auto; text-align: left; position: relative;}

#top {margin: 0px; padding: 10px 0px; border-bottom: 1px solid #8F8F8F; height: 150 px; display: block;}
#top img.logo {margin: 0; padding: 0 10px 0 0; border-right: 6px solid #8F8F8F; float: left;}

#login a.rejestruj {display: block; padding: 5px 0px 0px 15px; float: right; font-size: 9pt; font-weight: bold; color: #555AAF;}
#login a.przypomnij {display: block; padding: 5px 0px 0px 15px; float: left; font-size: 9pt; font-weight: bold; color: #555AAF;}

div.stopka {width: 960px; text-align: center; margin: 0 auto; border-top: 1px solid #D1D1D1; padding-top: 5px; margin-top: 20px;}

#partner h1 {font-size: 16pt; margin: 20px 0; color: #C01616; text-align: left;}
#partner span {display: block; float: left; color: #446bbb; font-size: 8pt; width: 220px; font-weight: bold; font-family: arial; margin: 0px 30px 15px 0px;}
#partner span.tekst {display: block; float: left; color: #666666; font-size: 11pt; width: 220px; font-weight: bold; font-family: arial; background: url('/gfx/input_tlo.jpg') bottom left repeat-x #fff; border: none; padding: 5px 0; margin: 5px 30px 0px 0px; min-height: 14pt;}

#partner input {display: block; float: left; color: #446bbb; font-size: 8pt; width: 220px; font-weight: bold; font-family: arial; margin: 0px 30px 15px 0px;}
#partner input.tekst {display: block; float: left; color: #666666; font-size: 11pt; width: 220px; font-weight: bold; font-family: arial; background: url('/gfx/input_tlo.jpg') bottom left repeat-x #fff; border: none; padding: 5px 0; margin: 5px 30px 0px 0px; min-height: 14pt;}

#partner input.submit {border: 1px solid #446bbb; padding: 3px 5px; text-align: center; color: white; background: none; background-color: #446bbb; margin-top: 20px;}
#partner input.submit:hover {color: #446bbb; background-color: #fff; cursor: pointer;}
#partner input.hidden {display: none;}

#login {font-size: 12pt; font-family: Tahoma; color: #2D2D2D; float: left; margin: 10px 0px 10px 30px; text-align: left; width: 350px;}
#login table {float: left;}
#login input {width: 100px; border: 1px solid #737373; font-size: 9pt;color: #000;margin-top: 5px;background-color: #dededc;}
#login input.log {padding: 8px; width: 160px; border: 1px solid #737373; font-size: 20pt;color: #fff; float: right; background: url('/gfx/zaloguj_gradient.jpg') repeat-y top left; font-family: Tahoma; }
#login input.left {float: left;}
#login input.log:hover {background-color: #474747; color: #DADADA;cursor: pointer;}
#login div.blad {color: #FF0000; font-size: 8pt; font-weight: normal; padding: 3px; float: left;}

div.blad {color: #FF0000; font-size: 8pt; font-weight: bold; padding: 3px;}
div.ok {color: #539D2A; font-size: 8pt; font-weight: bold; padding: 3px;}

#login span {display: block; width:70px; float: left; padding-top: 6px;}

#menu a {margin: 0 20px 0 0; font-size: 11pt; font-weight: bold; color: #17176d; text-decoration: none;}
#menu a:hover {color: #B71A1A; text-decoration: none; border-bottom: 5px solid #B71A1A; border-top: 5px solid #B71A1A;}
#menu a.last {margin-right: 0px;}
#menu a.strefa {color: #B71A1A;}

#formularz {margin-left: 100px;}
#formularz label {display: block;margin-left: 100px; margin-top: 2px;padding-bottom: 2px; width: 500px;}
#formularz span {display: block; width:180px; float: left; padding-top: 3px;}
#formularz fieldset {border: none; margin: 10px 0; padding: 0;}
#formularz legend {margin: 10px 0;font-weight: bold; font-size: 8pt; }
#formularz input  {border: 1px solid #CC6600;}
#formularz textarea  {border: 1px solid #CC6600; width: 178px; height: 70px;}
#formularz input.submit:hover {background-color: #CC6600; color: white; cursor: pointer;}

#formularz div.bledy {width: 400px; background-color: #FFEDED; border: 2px solid #FF0000; padding: 10px; color: #FF0000; font-size: 12px;}
#formularz select {width: 300px;border: 1px solid #CC6600;}

#formularzpra {margin-left: 0px;}
#formularzpra label {display: block;margin-left: 100px; margin-top: 2px;padding-bottom: 2px; width: 430px;}
#formularzpra span {display: block; width:120px; float: left; padding-top: 3px;}
#formularzpra fieldset {border: none; margin: 10px 0; padding: 0;}
#formularzpra legend {margin: 10px 0;font-weight: bold; font-size: 8pt; }
#formularzpra input  {border: 1px solid #CC6600;}
#formularzpra textarea  {border: 1px solid #CC6600; width: 178px; height: 70px;}
#formularzpra input.submit {margin-left: 100px;}
#formularzpra input.submit:hover {background-color: #CC6600; color: white; cursor: pointer;}

#formularzpra div.bledy {width: 400px; background-color: #FFEDED; border: 2px solid #FF0000; padding: 10px; color: #FF0000; font-size: 12px;}
#formularzpra select {width: 300px;border: 1px solid #CC6600;}


div.koszyk {margin: 30px 0;}
div.koszyk td {padding: 10px 0;}

#produkt img {float: left; margin-right: 20px;}
#produkt .opis {float: left; width: 600px; padding: 0 10px; font-size: 10pt; text-align: justify; margin-bottom: 20px;}
#produkt .opis h2 {margin: 0 0 10px 0; color: #ff0000; font-size: 28pt; font-family: "Times New roman"; cursor: pointer;}
#produkt .opis input {margin-left: 20px;}

#content div.waski {width: 600px; text-align: justify;}
#content div.polityka {width: 600px; text-align: justify; line-height: 14pt;}
#content div.plan {width: 600px; text-align: justify; line-height: 14pt;}

#content div.plan li {margin: 10px 0;}
#content div.plan h1 {font-size: 16pt; margin: 20px 0; color: #C01616; text-align:center;}
#content div.plan h3 {font-size: 11pt; margin: 20px 0; color: #3D3D3D; text-align:center;}

#content div.polityka .center span {font-size: 14pt;}
#content div.polityka span.underline {text-decoration: underline;}
#content div.polityka h1 {font-size: 16pt; margin: 20px 0; color: #C01616; text-align:center;}
#content div.polityka h2 {font-size: 11pt; margin: 20px 0; color: #3D3D3D; text-align:center; font-style: italic;}
#content div.polityka h3 {font-size: 11pt; margin: 20px 0; color: #3D3D3D; text-align:center;}
#content div.polityka img {float: left; margin-left: 20px;}

#content div.prapremiera {width: 700px; text-align: justify; line-height: 14pt;}
#content div.prapremiera img.typ {float: left; margin-left: 0px;}
#content div.prapremiera li {margin: 10px 0;}
#content div.prapremiera ol {margin: 20px; padding: 0px; text-align: justify;}
#content div.prapremiera .center span {font-size: 14pt;}
#content div.prapremiera span.underline {text-decoration: underline;}
#content div.prapremiera h1 {font-size: 16pt; margin: 20px 0; color: #C01616; text-align:center;}
#content div.prapremiera h2 {font-size: 11pt; margin: 20px 0; color: #3D3D3D; text-align:center; font-style: italic;}
#content div.prapremiera h3 {font-size: 11pt; margin: 20px 0; color: #3D3D3D; text-align:center;}
#content div.w600 {width: 600px; margin: 0 auto;}

#content div.produkty {width: 900px; text-align: justify; line-height: 14pt;}
#content div.produkty img {float: left; margin: 10px 0;}
#content div.produkty p {margin-left: 120px; padding: 0 20px;}
#content div.produkty td {vertical-align: top;}
#content div.produkty table {border-spacing: 10px; }
#content div.produkty h1 {font-size: 16pt; margin: 20px 0; color: #C01616; text-align:center;}

#content div.drzewo {margin: 0; padding:0; margin-left: 0px; line-height: 15pt;}
#content div.drzewo img {margin-right: 5px; padding:0; cursor: pointer;}
#content div.drzewo span.pierwszy {position: relative; display: block; float: left;}
#content div.drzewo b {display: block; float: left; padding: 0px 5px;}

#content div.drzewo b.ludzi {display: block; float: right; background-color: transparent; padding: 0px 5px;}

#content div.drzewo span.caly {padding: 3px 0 3px 5px; background-color: #DDDDDD; display: block; border-bottom: 1px solid #fff;}
/*#content div.drzewo span.caly b {float: left; padding: 3px 5px 3px 0;}
*/
#content div.drzewo .expand {display: none; float: left;}

#content div.drzewo span {display: block; float: left; text-align: center;}
#content div.drzewo span.wiersz {border-bottom: 1px solid #fff; background-color: #EEE;}
#content div.drzewo span.plus {background:url('/gfx/plus.gif') 3px 6px no-repeat; padding: 3px 0; padding-left: 20px; cursor: pointer; width: 1px; height: 10px;}
#content div.drzewo span.minus {background:url('/gfx/minus.gif') 3px 6px no-repeat; padding: 3px 0; padding-left: 20px; cursor: pointer;}

#content div.drzewo span.imie {cursor: pointer; display: block; float: left;}
#content div.drzewo span.dane {display: none; padding: 3px; background-color: #fff; border: 1px solid #000; position: absolute; top: 0px left: 40px; z-index: 9999; text-align: left; margin-top: 30px;}

#content div.drzewo img {margin: 0px 5px 0px 0px; float: right;}
#content div.dodajbonus {background-color: #fff; width: 250px; position: absolute; top: 100px; left: 100px; display: none; z-index: 9999;}
#content div.dodajbonus form {margin: 0; padding: 0; text-align: center;}
#content div.dodajbonus fieldset {margin: 0; padding: 10px;}
#content div.dodajbonus input {border: 1px solid #DDDDDD; width: 30px;}
#content div.dodajbonus input.submit {border: 1px solid #666666; width: 60px; background-color: #eee; color: #666; margin-right: 10px;}
#content div.dodajbonus input.submit:hover {background-color: #666666; color: #fff; cursor: pointer;}
#content div.dodajbonus fieldset b {background-color: transparent; padding-top: 3px; display: inline; margin: 0px auto; margin-left: 50px;}

#content div.przepnij {text-align: center; padding: 10px; border: 1px solid #000;}
#content div.przepnij img {margin: 0px 5px 0px 0px; float: right;}
#content div.przepnij {background-color: #fff; width: 250px; position: absolute; top: 100px; left: 100px; display: none; z-index: 9999;}
#content div.przepnij form {margin: 0; padding: 0; text-align: center;}
#content div.przepnij fieldset {margin: 0; padding: 10px;}
#content div.przepnij input.przepnij {border: 1px solid #DDDDDD; width: 130px;}
#content div.przepnij input.submit {border: 1px solid #666666; width: 60px; background-color: #eee; color: #666; margin-right: 10px;}
#content div.przepnij input.submit:hover {background-color: #666666; color: #fff; cursor: pointer;}
#content div.przepnij fieldset b {background-color: transparent; padding-top: 3px; display: inline; margin: 0px auto; margin-left: 50px;}

#content div.kuprecznie {text-align: center; padding: 10px; border: 1px solid #000; background-color: #fff; position: absolute; top: 100px; left: 100px; display: none; z-index: 9999;}
#content div.kuprecznie form {margin: 0; padding: 0; text-align: center;}
#content div.kuprecznie form select {border: 1px solid #DADADA;}
#content div.kuprecznie fieldset {margin: 0; padding: 10px;}
#content div.kuprecznie input.kuprecznie {border: 1px solid #DDDDDD; }
#content div.kuprecznie input.submit {border: 1px solid #666666; width: 60px; background-color: #eee; color: #666; margin-right: 10px;}
#content div.kuprecznie input.submit:hover {background-color: #666666; color: #fff; cursor: pointer;}
#content div.kuprecznie fieldset b {background-color: transparent; padding-top: 3px; display: inline; margin: 0px auto; margin-left: 50px;}

#content div.dodajwyplate {text-align: center; padding: 10px; border: 1px solid #000;}
#content div.dodajwyplate img {margin: 0px 5px 0px 0px; float: right;}
#content div.dodajwyplate {background-color: #fff; width: 250px; position: absolute; top: 100px; left: 100px; display: none; z-index: 9999;}
#content div.dodajwyplate form {margin: 0; padding: 0; text-align: center;}
#content div.dodajwyplate fieldset {margin: 0; padding: 10px;}
#content div.dodajwyplate input.wyplata {border: 1px solid #DDDDDD; width: 60px;}
#content div.dodajwyplate input.submit {border: 1px solid #666666; width: 60px; background-color: #eee; color: #666; margin-right: 10px;}
#content div.dodajwyplate input.submit:hover {background-color: #666666; color: #fff; cursor: pointer;}
#content div.dodajwyplate fieldset b {background-color: transparent; padding-top: 3px; display: inline; margin: 0px auto; margin-left: 50px;}

#content div.legenda {margin: 0; padding:0; line-height: 15pt; width: 918px; display: block; background-color: #DDDDDD; font-size: 8pt;}
#content div.legenda span {background-color: #DDDDDD; font-weight: bold; border-bottom: 5px solid #fff; border-top: 5px solid #fff; float: left; text-align: center; display: block;}

#content div.drzewo span.l1a {width: 481px; text-align: left;border-right: 1px solid #fff;padding: 3px 0px; text-align: left; font-size: 10pt; font-weight: bold;}

#content div.drzewo span.l1a span {background-color: transparent; margin-left: 10px; }

#content span.l1 {width: 481px; text-align: left;border-right: 1px solid #fff;padding: 3px 0;}

#content span.l2 {width: 85px;border-right: 1px solid #fff;padding: 3px 0;}
#content span.l3 {width: 85px;border-right: 1px solid #fff;padding: 3px 0;}
#content span.l4 {width: 60px;border-right: 1px solid #fff;padding: 3px 0;}
#content span.l5 {width: 100px;border-right: 1px solid #fff;padding: 3px 0;}
#content span.l6 {width: 100px;padding: 3px 0;}

#content span.z1 {width: 35px;border-right: 1px solid #fff;padding: 3px;}
#content span.z2 {width: 200px;border-right: 1px solid #fff;padding: 3px;}
#content span.z3 {width: 290px;border-right: 1px solid #fff;padding: 3px;}
#content span.z4 {width: 75px;border-right: 1px solid #fff;padding: 3px;}
#content span.z5 {width: 95px;border-right: 1px solid #fff;padding: 3px;}
#content span.z6 {width: 150px;padding: 3px 0;}

#content div.drzewo span.wiersz span.z3 {text-align: left;}
#content div.drzewo span.wiersz span.z6 form select {border: 1px solid #C7C7C7;}
#content div.drzewo span.wiersz span.z6 form input {margin-top: 10px; border: 1px solid #C7C7C7; cursor: pointer;}
#content div.drzewo span.wiersz span.z6 form input:hover {background-color: #CCCCCC;}

#content div.drzewo span.plusa {cursor: pointer;}

#content p.def {font-weight: bold; font-size: 10pt; text-align: center; margin: 30px 0px;}

p.wciecie {text-indent:10px;}

.tocenter {text-align: center;}
.left {float: left;}
.clear {clear:both;}

#content div#menu_strefa {margin: 0; padding: 0;font-size: 9pt; font-weight: bold; text-align: left; border-bottom: 1px solid #8F8F8F; float: left; display: table;}
#content #menu_strefa a {margin: 0; padding: 6px 0px; margin-right: 30px; text-decoration: none; float: left;}
#content #menu_strefa a:hover {padding: 3px 0px; border-top: 3px solid #B71A1A; border-bottom: 3px solid #B71A1A;}
#content #menu_strefa a.last {margin: 0;}

#content div.plan table {width: 100%}
#content div.plan table b {font-size: 8pt;}
#content div.plan table img {width: 250px;}

#content div.drzewo span.legenda {width: 898px; display: block; padding: 5px 10px; font-size: 8pt; text-align: left;}

#aktualnosci {font-family: arial; width: 500px; text-align: justify;line-height: 16px;}
#aktualnosci h1 {font-size: 16pt; margin: 20px 0; color: #C01616; text-align: left;}

.aktywny {background-color: #EEE !important;}
.zwyczajny {background-color: #C7FFB7 !important;}
.szary {background-color: #DDDDDD !important;}
.wierszover {background-color: #DAE3FF !important;}
.czerwony {background-color: #FFA5A5 !important;}
.bialy {background-color: #FFF !important;}

.toright {text-align: right !important;}
.toleft {text-align: left !important;}
.tocenter {text-align: center !important;}

#content #top10 {position: absolute; top: 40px; right: 10px; display: block; float: right; font-weight: bold; background: url('/gfx/top10.gif') top left no-repeat #fff; padding-top: 110px; min-width: 160px; font-family: arial;} 
#content #top10 table {min-width: 155px;}
#content #top10 td {background-color: #E4FFD6; border-bottom: 1px solid #E6E6E6; padding: 3px 10px; font-size: 8pt;}
#content #top10 td.toleft {border-left: 1px solid #fff;}
#content #top10 th {background-color: #EBEBEB; padding: 3px 10px;}
#content #top10 th.toleft {border-left: 1px solid #fff;}

#content div.konkursy {width: 500px; text-align: justify; line-height: 14pt;}

#content div.konkursy li {margin: 10px 0;}
#content div.konkursy h1 {font-size: 16pt; margin: 20px 0; color: #C01616; text-align:center; line-height: 24px;}
#content div.konkursy h3 {font-size: 11pt; margin: 20px 0; color: #3D3D3D; text-align:left;}

#content #blog {width: 640px; text-align: justify; line-height: 14pt; margin-top: 20px;}
#contentblog #blog li {margin: 10px 0;}
#contentblog #blog h1 {font-size: 16pt; margin: 20px 0; color: #C01616; text-align:center;}
#contentblog #blog h3 {font-size: 11pt; margin: 20px 0; color: #3D3D3D; text-align:center;}
#content #blog span {width: 90px; display: block; float: left; font-weight: bold;}
#content #blog label {display: block; float: left; margin: 3px 0px; clear: both;}
#content #blog input {border: 1px solid #D3D3D3; width: 530px;}
#content #blog textarea {border: 1px solid #D3D3D3; width: 530px; height: 100px;}
#content #blog div.info {border: 2px solid #33CA59; color: #26992E; text-align: center; margin-bottom: 20px; font-weight: bold; background-color: #BBFFB5; width: 600px; padding: 10px;}
#content #blog input.submit {border: 1px solid #D3D3D3; width: 630px; cursor: pointer;}
#content #blog input.submit:hover {background-color: #CFCFCF;}
#content #blog span.autor {display: block; float: right; font-weight: bold; min-width: 150px; text-align: right;}
#content #blog h3 {float: left; color: #C01616;}
#content #blog span.wiecej {float: right; margin-right: 30px;}
#content #blog div.opcje {display: block; float: left; padding: 3px; background-color: #EBEBEB; width: 100%}
#content #blog div.opcje a {color: #000; float: right; text-decoration: none; font-family: arial; margin-right: 20px; font-weight: bold;}