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; min-height: 300px; 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.legenda {margin: 0; padding:0; line-height: 15pt; width: 815px; 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;padding: 3px 0;}



#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: 795px; display: block; padding: 5px 10px; font-size: 8pt; text-align: left;}



.zielony {background-color: #53FF75 !important;}

.szary {background-color: #DDDDDD !important;}

.wierszover {background-color: #DAE3FF !important;}



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

#content div.sklepik img {float: left; margin: 10px 20px 0px 0px;}

#content div.sklepik td {vertical-align: top;}

#content div.sklepik table {border-spacing: 10px; }

#content div.sklepik h1 {font-size: 16pt; line-height: 18pt; margin: 20px 0; color: #C01616; text-align:center;}

#content div.sklepik span.opis {display: block; float: right; width: 420px;}

#content div.sklepik span.w400 {width: 370px;}



#koszyk_maly {float: right; border: 1px solid #ddd; display: block; padding: 5px; margin-bottom: 20px;}

#koszyk_maly input.usun {background: url('/gfx/nofeature.gif') top left no-repeat; border: none; cursor: pointer;}

#koszyk_maly table td {padding: 3px 5px; text-align: right; font-size: 8pt;}

#koszyk_maly table th {padding: 3px 5px; text-align: right;  border-bottom: 1px solid #000;}

#koszyk_maly table td.nazwa {text-align: left; max-width: 170px}

#koszyk_maly table td.suma {text-align: left; font-weight: bold; font-size: 9pt; padding-top: 3px; border-top: 1px solid #ddd;}

#koszyk_maly table th.nazwa {text-align: left;}

#koszyk_maly b.name {display: block; margin: 10px 5px; font-size: 12pt;}

#koszyk_maly a {display: block; width: 80px; padding: 3px; float: right; text-align: center; text-decoration: none; font-weight: bold; margin-top: 5px; border: 1px solid #aaa; background-color: #ddd; color: #000;}

#koszyk_maly a:hover {background-color: #aaa; color: #000;}



#newsletter {float: right; border: 1px solid #ddd; display: block; padding: 10px; width: 230px;}

#newsletter input {width: 200px;border: 1px solid #ddd;}

#newsletter input:hover {cursor: pointer; background-color: #ccc;}



#formularz #koszyk {width: 600px;}

#formularz #koszyk table {width: 600px}

#formularz #koszyk td {text-align: center; padding: 3px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}

#formularz #koszyk th {text-align: center; padding: 15px 0;}

#formularz #koszyk td.nazwa {text-align: left;}

#formularz #koszyk th.nazwa {text-align: left;}

#formularz #koszyk input.usun {background: url('/gfx/nofeature.gif') top left no-repeat; border: none; cursor: pointer;}



/* CSS INTEGRALA */



#content div.sklepik {padding: 10px; width: 570px; float: left; text-align: justify;}

#content div.sklepik span.opis2 {display: block; float: left; width: 550px;}

#content div.sklepik span.opis2 img {display: block; margin: 0px auto; clear: both; float: none !important;}

#content div.sklepik span.opis2 p {text-align: justify; margin: 0px 0px 30px 0px;line-height: 1.5}

#content div.sklepik span.opis2 p.red {text-align: justify; margin: 0px 0px 30px 0px; color: red; font-size: 12pt; font-weight: bold;}

#content div.sklepik span.opis2 p.big {text-align: left; margin: 0px 0px 30px 0px; font-size: 11pt;}

#content div.sklepik span.opis2 p.small1 {margin: 0px; font-size: 8pt;}

#content div.sklepik span.opis2 p.small2 {margin: 0px; font-size: 10pt;}

#content div.sklepik span.opis2 p.small3 {margin: 0px; font-size: 12pt;}

#content div.sklepik span.opis2 p.small4 {margin: 0px; font-size: 16pt;}

#content div.sklepik span.opis2 h1 {font-size: 16pt; line-height: 18pt; margin: 20px 0; color: #C01616; text-align:center;}

#content div.sklepik span.opis2 h3 {font-size: 12pt; margin: 20px 0; color: #C01616; text-align:center;}

#content div.sklepik span.opis2 p.bold {text-align: justify; font-size: 11.5pt; font-weight: bold;}

#content div.sklepik span.opis2 p.ref {text-align: justify; font-size: 10pt; font-weight: normal; font-style: italic;}

#content div.sklepik span.opis2 div.center {text-align: center; margin: 0px auto; font-size: 14pt; font-weight: bold; margin-bottom: 30px;}

#content div.sklepik span.opis2 span.yellow {background: yellow; color: red; font-weight: bold;}

#content div.sklepik span.opis2 .bird span {background: url('/gfx/bird.png') no-repeat left 2px; font-weight: bold; padding: 5px 0px 2px 25px; display: block;}

#content div.sklepik span.opis2 .arrow span {background: url('gfx/arrow.png') no-repeat left 2px; font-weight: bold; padding: 2px 0px 2px 20px; display: block;}

#content div.sklepik span.opis2 div.bird {margin-bottom: 20px;}

#content div.sklepik span.opis2 div.arrow {margin-bottom: 20px;}

#content div.sklepik span.opis2 div.green_border {padding: 20px 20px; background-color: #DDFFE2; border: 3px solid #A5E898; margin-bottom: 30px;}

#content div.sklepik span.opis2 div.fiolet_border {padding: 20px 10px; background-color: #DBCEFF; border: 3px solid #B7B9D1; margin-bottom: 30px; text-align: justify;}

#content div.sklepik span.opis2 div.pink_border {padding: 20px 10px; background-color: #FFE5C1; border: 3px solid #FFCF7C; margin-bottom: 30px; text-align: justify;}

#content div.sklepik span.opis2 div.pink2_border {padding: 20px 10px; background-color: #F6C7B5; border: 3px solid #97996B; margin-bottom: 30px; text-align: justify;}

#content div.sklepik span.opis2 div.list1 {margin: 0px auto; margin-bottom: 30px;}



#content div.sklepik span.opis2 .list1 ul {

	margin: 0;

	padding: 0 10px;

	list-style: none none;

}



#content div.sklepik span.opis2 .list1 li {

	text-align: justify;

	padding: 15px 0px 2px 20px;

	background: url('/gfx/arrow.png') no-repeat left 15px;

}



#content div.sklepik span.opis2 div.list2 {width: 500px; margin: 0px auto; margin-bottom: 30px; font-size: 11pt;line-height: 1.5;}



#content div.sklepik span.opis2 .list2 ul {

	margin: 0;

	padding: 0 10px;

	list-style: none none;

}



#content div.sklepik span.opis2 .list2 li {

	text-align: justify;

	padding: 15px 0px 2px 25px;

	background: url('/gfx/smth.png') no-repeat left 15px;

}



#content div.sklepik span.opis img {margin: 20px 20px 20px 0px;}



div.punkty {border: 3px solid #42E13C; padding: 10px; background-color: #B5FFB2; color: #000; font-weight: bold;}

.short {width: 100px !important;}



#prawo {float: right;}

#nagrania a {color: #17176d; text-decoration: uderline; margin: 0 10px; font-weight: bold;}

/*Dodane*/
#content p b.red{font-weight:normal; color:#ff0000;}
#content p b.bigred{font-weight:normal; color:#ff0000; font-size:14pt;}
#content p.cent{text-align:center; font-size:12pt;}
#content p.cent b.redz{color:#ff0000;}
#content p.cent b.redzbig{color:#ff0000; font-size:13pt;}
#content p.cent u.blue{color:#0A00BC;}
#content p.uwaga {text-align:center; font-size:14pt;}
#content p.in {text-align:justify; font-size:10pt;}
#content p.in2 {text-align:justify; font-size:11pt;}
#content p.uwaga b {font-weight:normal; color:#ff0000; font-size:15pt;}
#content h1.l {font-size: 19pt; color: red; text-align: left; margin: 0px 0px 30px 0px;}
#content .table{padding:5px;}
#content .table p{font-size:10pt; color:#5C5C5C;}
#content .table td{padding: 10px}
#content .table h2{color:#2C068D;}