/* CSS Document */

body {padding: 0; margin: 0; background-color:#FFFFFF; font: 11px Tahoma, Verdana, Arial; color: #666666}
input {font: 11px Tahoma, Verdana, Arial; color: #393939}
p, form {padding: 0; margin: 0}
img {border: 0 solid}
* html input.text,
* html textarea { background-attachment: fixed; padding: 0; margin: 0}
#container{width:1000px; background: url(/gfx/contentbg.jpg) repeat-y 0 -8px; margin: 0 auto; position: relative}
#container #girl {position:absolute; z-index: 10; top: 5px; left: 40px}
#container #girl img {border: 0 solid }

#container #top {background:url(/gfx/topbg.jpg) repeat-x; display: block; height: 257px; position:relative}
#container #top p.registerBox {background: url(/gfx/registerBox.png) no-repeat; width: 269px; height: 75px; position: absolute; left: 445px; top: 120px}
#container #top p.registerBox input.text {width: 81px; border: 1px solid #000000; background-color: #E9E7E7; color: #333333; padding-left: 3px; margin: 35px 0 0 48px}
#container #top p.registerBox span#info1 {color: #870029; font-size: 10px; font-weight: bold}
#container #top p.registerBox span#info2 {color: #870029; font-size: 10px; font-weight: bold; line-height: 80px; margin-left: 50px}
#container #top p.registerBox input#registerPassword {margin: 0 10px 0 5px}
#container #top p#addBookmarkContainer {position:absolute; top: 13px; left: 130px}
#container #top a.homepage {position:absolute; top: 13px; left: 330px}
#container #top p.topBanner {position: absolute; top: 46px; left: 246px}
#container #top .logo {position: absolute; right: 19px; top: 4px}
#container #top #mainMenu {float:right; position: absolute; bottom: 5px; right: 0; padding: 0; margin: 0}
#container #top ul.menu { list-style-type: none; margin: 0; padding: 0; }
#container #top ul.menu li { display: inline; background: none; padding: 0;}
#container #top ul.menu li a { display: block; background-position: 0 0; float: left; text-decoration: none}
/*#container #top ul.menu li a h1 {text-indent: -9999px; font-size: 1px; display: block}
#container #top ul.menu li a span {color: #FFFFFF; font-size: 10px; margin: 10px}*/

/*#container #top .mm a { background-image: url(/gfx/mm1.gif); width: 135px; height: 51px; margin: 0 0 0 8px; display: block }*/
#container #top ul li.mm a {width: 135px; height: 51px; margin: 0 0 0 8px; display: block; text-indent: -9999px}
#container #top ul li.mm a#mm1 {background-image: url(/gfx/mm1.gif)}
#container #top ul li.mm a#mm2 {background-image: url(/gfx/mm2.gif)}
#container #top ul li.mm a#mm3 {background-image: url(/gfx/mm3.gif)}
#container #top ul li.mm a#mm4 {background-image: url(/gfx/mm4.gif)}
#container #top ul li.mm a#mm5 {background-image: url(/gfx/mm5.gif)}
#container #top ul li.mm a#mm6 {background-image: url(/gfx/mm6.gif)}
#container #top ul li.mm a:hover, #container #top ul li.mm a.active {background-position: 0 -51px }

#container #contactBox {font-size: 10px; color: #666666;  position: absolute; bottom: 70px; left: 0; margin-left: 55px; width: 252px}
#container #contactBox p.info {background-color:#FFFFFF; padding-top: 10px}
#container #contactBox p.info a {color: #CC3333; font-size:10px; font-weight: bold; text-decoration: none; background: url(/gfx/tick2.gif) no-repeat 0 5px; padding: 0 0 0 9px; line-height: 10px; display:list-item; list-style-type: none; margin: 3px 0 0 0}
#container #contactBox p.info a:hover {color: #CC3366}
#container #contactBox p.top {background: url(/gfx/contactBoxtop.gif) no-repeat top; padding-top: 29px}
#container #contactBox p.bottom {background: url(/gfx/contactBoxbottom.gif) no-repeat top; padding-top: 29px}

#container #left {float:left; width: 311px; margin-right: 100px; clear:both}
#container #left #search {background:url(/gfx/leftbg2.jpg) no-repeat; width: 311px; height: 143px}
#container #left #search p {position: relative; background:url(/gfx/searchBox.gif) no-repeat; width: 184px; height: 59px; top: 32px; left: 125px}
#container #left #search p input.text {height: 13px; width: 133px; margin: 34px 9px 0 13px; padding-left: 3px; border: 1px solid #000000; background-color: #E9E7E7}
#container #left #search p a {background:url(/gfx/tick.gif)}
#container #left #productMenu {width: 311px; /*background: #FFFFFF url(/gfx/leftbg.jpg) top repeat-y*/}
#container #left #productMenu a {color: #333333; font-size: 11px; text-transform: uppercase; text-decoration: none; display:list-item; list-style-type: none; background:url(/gfx/tick.gif) no-repeat; margin: 0 0 17px 50px; line-height: 10px; padding: 0 0 0 18px; font-weight: bold}
#container #left #productMenu a#active {color: #E0104B; font-weight: bold}
#container #left #productMenu a.level2 {color: #333333; font-size: 11px; text-transform: none; text-decoration: none; display:list-item; list-style-type: none; background:url(/gfx/tick2.gif) no-repeat 0 5px; margin: -10px 0 15px 70px; line-height: 10px; padding: 0 0 0 10px; font-weight: normal}
#container #left #productMenu a.level3 {color: #333333; font-size: 10px; text-transform: lowercase; text-decoration: none; display:list-item; list-style-type: none; background:url(/gfx/tick3.gif) no-repeat 0 5px; margin: -10px 0 15px 90px; line-height: 10px; padding: 0 0 0 10px; font-weight: normal}
#container #left #productMenu a:hover {color: #E0104B}
#container #left #productMenu #note {background-color: #E9BABA; width: 218px; border: 1px solid #CC0000; font-size: 10px; color: #333333; padding: 17px 21px; margin: 10px 0 20px 48px}
#container #left #productMenu #note a {font-size: 10px; color: #333333; background: none; text-transform:none; display: inline; text-decoration: underline; padding: 0; margin: 0; font-weight: normal}

/*Strona główna*/
#container #main {padding: 45px 78px 30px 425px; background: url(/gfx/mainbgtop.jpg) no-repeat 311px 0; font-size: 11px; line-height: 16px}
#container #main #index #hotpromo h2 {background: #FFFFFF url(/gfx/h/najgoretszepromocje.gif) no-repeat; text-indent: -9999px; width: 167px; height: 22px; line-height: 22px; margin: 16px 0}
#container #main #index #hotpromo p {background:url(/gfx/promoBox.gif) no-repeat; line-height:normal; width: 240px; height: 170px; float:left; margin: 0 0 16px 0; position: relative}
#container #main #index #hotpromo a.title {font-size: 11px; font-weight: bold; color:#000000; margin: 15px 0 0 42px; padding: 0; display: block; text-decoration:none}
#container #main #index #hotpromo a:hover.title {text-decoration: underline}
#container #main #index #hotpromo a.price {font-size: 13px; font-weight: bold; color:#000000; margin: 44px 5px 0 115px; padding: 0; display: block; text-decoration:none}
#container #main #index #hotpromo a.price span {font-size: 10px}
#container #main #index #hotpromo a.text {font-size: 11px; font-weight: normal; color:#666666; margin: 10px 5px 0 115px; padding: 0; display: block; text-decoration:none}
#container #main #index #hotpromo a:hover.text{color: #CC0033}
#container #main #index #hotpromo a.img {position: absolute; top: 45px; left: 8px; display: block; width: 100px; height: 112px; text-align: center; vertical-align: middle; margin:auto}
#container #main #index #hotpromo a.img img {margin: auto}
#container #main #index #hotpromo a.more {color: #666666; font-size: 11px; border-bottom: 1px dotted #666666; text-decoration: none; margin: 0 0 30px 0; float:right}
#container #main #index #hotpromo a.more:hover {border-bottom: 1px solid #666666}
#container #main #index #hotpromo p.left {margin-right: 16px}

/*Cennik*/
#container #main #cennik h2 {background: #FFFFFF url(/gfx/h/naszaoferta.gif) no-repeat; text-indent: -9999px; width: 167px; height: 22px; line-height: 22px; margin: 16px 0}
#container #main #cennik span.wyniki {font-weight: bold; color: #990033}
#container #main #cennik p.path {background:url(/gfx/pathbg.gif) no-repeat; width: auto; height: 34px; vertical-align: middle; padding-left: 15px}
#container #main #cennik p.path a {font-size: 11px; color: #000000; line-height: 34px; text-decoration: none; display:list-item; list-style-type: none; background:url(/gfx/tick.gif) no-repeat 0 14px; padding: 0 0 0 20px; float:left; margin: 0 0 0 15px}
#container #main #cennik p.path a.first {background: none; margin: 0; padding: 0}
#container #main #cennik p.path a:hover {text-decoration: underline}

#container #main #cennik table {width: 494px; text-align:left; border: 1px solid #FFFFFF; border-collapse: collapse; margin: auto; margin: 15px 0 0 0}
#container #main #cennik th {height: 26px; border-collapse:collapse; background-color: #000000; color: #FFFFFF; margin: 0; font-size: 10px; padding-left: 13px}
#container #main #cennik tr.even {background-color: #F1F1F1;}
#container #main #cennik tr#brak {text-align:center}
#container #main #cennik tr#brak p {padding: 20px 0 30px 0}
#container #main #cennik tr#brak p a {color: #990033; border-bottom: 1px dotted #990033}
#container #main #cennik tr#brak p a:hover {border-bottom: 1px solid #990033}
#container #main #cennik tr.odd {background-color: #FBE9E9;}
#container #main #cennik td {border: 1px solid #FFFFFF; border-collapse:collapse; color: #5D5D5D; font-size: 10px}
#container #main #cennik td.foto {width: 105px; background-color:#FFFFFF; text-align:center;}
#container #main #cennik td.nazwa {width: 280px; padding: 0 15px 0 15px}
#container #main #cennik td.cena {width: 100px; text-align: center; font-size: 12px; color: #CC0000; font-weight: bold}
#container #main #cennik td.cena a {text-align: center; font-size: 10px; color: #990033; font-weight: normal; line-height: normal}
#container #main #cennik a.opis, #container #main #cennik a.opis:hover {color: #666666; font-size: 11px; margin: 0; display: block; text-decoration: none; line-height: normal}
#container #main #cennik a.produktnazwa {font-weight: bold; font-size: 11px}
/*#container #main #cennik img.foto {padding: 1px 3px 1px 0}*/
#container #main #cennik a {color: #5D5D5D; text-decoration:none}
#container #main #cennik a:hover {color: #5D5D5D; text-decoration: underline}
#container #main #cennik a.foto {border: 1px solid #909490; display:block;}
#container #main #cennik a.foto img {vertical-align:middle}
#container #main #cennik #paginacja p {font-size: 9px; color: #CC0033; float:left; padding: 20px 10px 15px 120px; margin: 0}
#container #main #cennik #paginacja a {width: 16px; height: 16px; margin-top: 19px; text-decoration:none; font-size: 10px; font-weight: bold; text-align:center; vertical-align:middle; display: block; float:left; margin-right: 4px; color: #FFFFFF; background: #CCCCCC; color: #666666}
#container #main #cennik #paginacja a.aktywna{background: #CC0033; color:#FFFFFF}
#container #main #cennik #paginacja span.dots {width: 16px; height: 16px; margin-top: 19px; text-decoration:none; font-size: 10px; font-weight: bold; text-align:center; vertical-align:middle; display: block; float:left; margin-right: 4px; color: #FFFFFF; background: #FFFFFF; color: #CC0033}

/*Współpraca - statyczna*/
#container #main #static h2 {background: #FFFFFF url(/gfx/h/wspolpraca.gif) no-repeat; text-indent: -9999px; width: 97px; height: 22px; line-height: 22px; margin: 16px 0}
#container #main #static p.title {color: #CC0033; font-weight: bold; font-size: 12px; margin: 20px 0 0 0}
#container #main #static p.bold {font-weight: bold}
#container #main #static span.pink {color: CC0033}
#container #main #static ul li {text-decoration: none; list-style-image:url(/gfx/tick2.gif); padding: 0 0 0 3px; margin: 3px 0 0 0}

/*Karta towaru*/
#container #main #kartatowaru p.path {background:url(/gfx/pathbg.gif) no-repeat; width: auto; height: 34px; vertical-align: middle; padding-left: 15px}
#container #main #kartatowaru p.path a {font-size: 11px; color: #000000; line-height: 34px; text-decoration: none; display:list-item; list-style-type: none; background:url(/gfx/tick.gif) no-repeat 0 14px; padding: 0 0 0 20px; float:left; margin: 0 0 0 15px}
#container #main #kartatowaru p.path a.first {background: none; margin: 0; padding: 0}
#container #main #kartatowaru p.path a:hover {text-decoration: underline}
#container #main #kartatowaru div#details {border-top: 1px solid #EAE8E9; border-bottom: 1px solid #EAE8E9; height: 34px; line-height: 34px; margin: 20px 0 0 0; font-size: 11px; color: #990033}
#container #main #kartatowaru div#details p.name {margin-left: 10px; float:left; width: 70%}
#container #main #kartatowaru div#details p.name span {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #454B47}
#container #main #kartatowaru div#details p.price {margin-right: 10px; float: right; font-size: 12px; color: #666666}
#container #main #kartatowaru div#details p.price span {font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #990033}
#container #main #kartatowaru p.photo {text-align:center; padding-bottom: 30px}
#container #main #kartatowaru p.photo img {padding: 25px; margin: auto; border: 1px solid #999999; margin-top: 30px}
#container #main #kartatowaru p.photo a {font-size: 10px; color: #990033; display:block; text-decoration: none}
#container #main #kartatowaru p.photo a:hover {text-decoration:underline}
#container #main #kartatowaru a.more {color: #990033; font-size: 11px; border-bottom: 1px dotted #990033; text-decoration: none; margin: 0 0 30px 0; float:right; padding-top: 10px}
#container #main #kartatowaru a.more:hover {border-bottom: 1px solid #990033}

/*Promocje*/
#container #main {padding: 45px 78px 30px 425px; background: url(/gfx/mainbgtop.jpg) no-repeat 311px 0; font-size: 11px; line-height: 16px}
#container #main #promo h2.promo {background: #FFFFFF url(/gfx/h/promocje.gif) no-repeat; text-indent: -9999px; width: 167px; height: 22px; line-height: 22px; margin: 16px 0}
#container #main #promo h2.new {background: #FFFFFF url(/gfx/h/nowosci.gif) no-repeat; text-indent: -9999px; width: 167px; height: 22px; line-height: 22px; margin: 16px 0}
#container #main #promo #hotpromo {margin: 20px 0 0 0}
#container #main #promo #hotpromo p.promo {background:url(/gfx/promoBox.gif) no-repeat; line-height:normal; width: 240px; height: 170px; float:left; margin: 0 0 16px 0; position: relative}
#container #main #promo #hotpromo p.new {background:url(/gfx/newBox.gif) no-repeat; line-height:normal; width: 240px; height: 170px; float:left; margin: 0 0 16px 0; position: relative}
#container #main #promo #hotpromo a.title {font-size: 11px; font-weight: bold; color:#000000; margin: 15px 0 0 42px; padding: 0; display: block; text-decoration:none}
#container #main #promo #hotpromo a.price {font-size: 13px; font-weight: bold; color:#000000; margin: 44px 5px 0 115px; padding: 0; display: block; text-decoration:none}
#container #main #promo #hotpromo a.price span {font-size: 10px}

#container #main #promo #hotpromo a:hover.title {text-decoration: underline}
#container #main #promo #hotpromo a.text {font-size: 11px; font-weight: normal; color:#666666; margin: 10px 5px 0 115px; padding: 0; display: block; text-decoration:none}
#container #main #promo #hotpromo a.text2 {font-size: 11px; font-weight: normal; color:#666666; margin: 45px 5px 0 115px; padding: 0; display: block; text-decoration:none}
#container #main #promo #hotpromo a:hover.text{color: #CC0033}
#container #main #promo #hotpromo a.img {position: absolute; top: 45px; left: 8px; display: block; width: 100px; height: 112px; text-align: center; vertical-align: middle; margin:auto}
#container #main #promo #hotpromo a.img img {margin: auto}
#container #main #promo #hotpromo a.more {color: #666666; font-size: 11px; border-bottom: 1px dotted #666666; text-decoration: none; margin: 0 0 30px 0; float:right}
#container #main #promo #hotpromo a.more:hover {border-bottom: 1px solid #666666}
#container #main #promo #hotpromo p.left {margin-right: 16px}
#container #main #promo #hotpromo #paginacja p {font-size: 9px; color: #CC0033; float:left; padding: 10px 10px 25px 120px; margin: 0; background: none; width: auto; height:auto}
#container #main #promo #hotpromo #paginacja a {width: 16px; height: 16px; margin-top: 9px; text-decoration:none; font-size: 10px; font-weight: bold; text-align:center; vertical-align:middle; display: block; float:left; margin-right: 4px; color: #FFFFFF; background: #CCCCCC; color: #666666}
#container #main #promo #hotpromo #paginacja a.aktywna{background: #CC0033; color:#FFFFFF}

/*Rejestracja*/
#container #main #registration h2 {background: #FFFFFF url(/gfx/h/rejestracja.gif) no-repeat; text-indent: -9999px; width: 97px; height: 22px; line-height: 22px; margin: 16px 0}
#container #main #registration p.title {color: #CC0033; font-weight: bold; font-size: 12px; margin: 20px 0 0 0}
#container #main #registration p.bold {font-weight: bold}
#container #main #registration ul li {text-decoration: none; list-style-image:url(/gfx/tick2.gif); padding: 0 0 0 3px; margin: 3px 0 0 0}
#container #main #registration form.order {margin: 20px 0 0 0}
#container #main #registration form.order div.field {margin: 0 0 2px 0}
#container #main #registration form.order div.field label { display: block; float: left; width: 130px; margin: 4px 0 0 0; }
/*#container #main #registration form.order div.field label { display: inline; float: none; }*/
#container #main #registration form.order div.field input { vertical-align: middle; background: url(/gfx/textshort.gif) no-repeat; width: 199px; border: 0 solid; height: 23px; padding-left: 4px}
#container #main #registration form.order div.btn { padding: 10px 0 0 230px }

/*Kontakt*/
#container #main #contact {}
#container #main #contact h2 {background: #FFFFFF url(/gfx/h/kontakt.gif) no-repeat; text-indent: -9999px; width: 73px; height: 22px; line-height: 22px; margin: 16px 0}
#container #main #contact #teledane {border-bottom: 1px solid #CCCCCC; height: 200px}
#container #main #contact #teledane p {float:left; width: 40%}
#container #main #contact #teledane a {float:right; text-decoration:none}
#container #main #contact #teledane a span#click {color: #990033; font-size: 10px; display: block; text-align:right}
#container #main #contact #form p.title {color: #CC0033; font-weight: bold; font-size: 12px; margin: 20px 0}
#container #main #contact #form form {padding-top: 16px}
#container #main #contact #form form textarea {width: 490px; height: 114px; padding: 3px 0 0 3px; background: #f9f9f9 url(/gfx/textarea.gif) 0 0 no-repeat; border: 0; font: 11px Tahoma, Verdana, Arial; color: #b1b1b1; margin: 0 0 10px 0}
#container #main #contact #form form input.text {width: 165px; height: 19px; padding: 2px 0 0 3px; float:right; clear: right; margin: 0 3px 8px 0; background: #f9f9f9 url(input.gif) 0 0 no-repeat; border: 0; font: 11px Tahoma, Verdana, Arial; color: #b1b1b1}
#container #main #contact #form form input.submit {background:url(/gfx/btn_wyslij.gif) no-repeat; width: 80px; height: 27px; clear: both; float: right; border: 0 solid; text-indent: -999px; margin-bottom: 50px}
#container #main #contact span {color: #990033; padding-left: 5px}

/*Stopka*/
#container #footer {border-top: 21px solid #000000; clear: both; width: 1000px; position: relative; background:#FFFFFF}
#container #footer a.copyright {display: block; background:url(/gfx/copyright.gif) no-repeat; width: 154px; height: 15px; text-indent: -9999px; margin: 16px 0 0 30px}
#container #footer a.kstudio {display: block; background:url(/gfx/kstudio.gif) no-repeat; width: 141px; height: 38px; text-indent: -9999px; margin: -20px 0 0 30px; float:right}

.clear {clear: both; margin: 0; padding: 0}