/* CSS Document */
html, body { width: 100%; text-align: center; margin: 0; font-family: Arial, Helvetica, sans-serif; background: #E4E4E4; }
p { font-size: 12px;}
#strona { width: 780px; text-align: left; margin: 0 auto 0 auto; background: #E4E4E4; padding: 0; border-width: 0 1px; border-color: #666666; border-style: solid;}
#mainnav { position: absolute; top: 0; background: #E4E4E4 url(images/mainnav.jpg) 100% 0 no-repeat; height: 240px; width: 780px; border-bottom: 1px solid #999999;}
#mainnav img.logo { height: 62px; width: 442px; margin: 0; border: 0;}
#mainnav h1 { text-align: right; position: absolute; top: 70px; right: 330px; margin: 0; padding: 8px 0 0 0; color: white; background: transparent; font-size: 20px; letter-spacing: 1px; }
#mainnav div#contact { width: 150px; height: 100px; text-align: left; position: absolute; top: 0px; right: 0px; color: white; font-weight: bold; background: transparent url(images/tlo-contact.jpg) 0 0 no-repeat; }
#mainnav #contact ul { margin: 10px 8px 0 0; list-style: none; text-align: right;}
#mainnav #contact ul li { margin: 2px 0 0;}
#mainnav #contact a:link, #mainnav #contact a:visited { color: white; font-size: 14px; letter-spacing: 1px; text-decoration: none; background: transparent;}
#mainnav #contact a:hover { color: #D71537; text-decoration: underline;}

#nav-pozioma { letter-spacing: 1px; margin: 0; padding: 0 0 0; position: absolute; bottom: 0px; right: 0px; background-color: #E4E4E4;  font-size: 12px; width: 100%;}
#nav-pozioma ul { float: right; margin: 0 20px 0 0; padding: 0;}
#nav-pozioma li { list-style: none; float: left; white-space: nowrap; font-size: 12px; line-height: 20px; margin-left: 0; padding-left: 16px; background: #E4E4E4 url(images/przycisk.jpg) 0 100% no-repeat; }
#nav-pozioma a { text-decoration: none; display: block; font-weight: bold; float: left; background: #E4E4E4 url(images/przycisk.jpg) 100% 100% no-repeat; color: white; padding: 3px 16px 17px 0; width: .1em;}
#nav-pozioma li#active { background: #E4E4E4 url(images/przycisk-aktywna.jpg) 0 100% no-repeat; padding: 0 0 0 16px;}
#nav-pozioma #active a, #nav-pozioma #active a:visited { background: #E4E4E4 url(images/przycisk-aktywna.jpg) 100% 100% no-repeat; color: #D71537; }

/* Wytrych z lewym ukosnikiem ukrywa regule przed IE 5 pod macintosh \*/
#nav-pozioma a { float: none; } /* koniec wytrychu dla IE 5 pod MAC */ 
#nav-pozioma a:hover { color: #D71537; text-decoration: underline; }
#nav-pozioma #current, #nav-pozioma #current a { color: #D71537; background-image: url(images/przycisk-aktywna.jpg);}
html>body #nav-pozioma a { width: auto; } /* Wytrych dla IE 6 */
#nav-pozioma div.lewa { position: absolute; left: 0; bottom: 0; background: url(images/leftnav.jpg) 100% 100% no-repeat; padding: 0 5px 0 0; margin: 0;}
#nav-pozioma .lewa h4 { padding: 12px 60px 11px 60px; margin: 0; border-bottom: 2px solid #D71537; font-size: 12px; color: black; background: white; width: 100px; white-space: nowrap;}
#content { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 240px 0 0; background: white; border: 1px solid #E4E4E4; border-width: 0 1px 0;}
#content #tresc {float: right; background: white; text-align: left; width: 550px; margin-bottom: 30px; }
#content #leftnav { margin: 0 0 10px 0; }
#content #leftnav h3 { font-size: 12px; border-right: 1px solid #D71537; margin: 0; padding: 0; width: 200px; padding: 3px 0 3px 10px; border-bottom: 1px dashed #D71537;}
#content #leftnav ul.pierwsza { padding: 0; margin: 0; list-style: none; font-size: 12px; border-right: 1px solid #D71537; width: 210px; }
#content #leftnav ul.pierwsza li { border-bottom: 1px dashed #D71537; display: block; width: 190px; padding: 3px 0 3px 20px; margin: 0; font-size: 12px; }
#content #leftnav ul.pierwsza li a:link, #content #leftnav ul.pierwsza li a:visited { color: #D71537; font-weight: bold; }
#content #leftnav ul.pierwsza li a:hover { color: black; }
#content #footer { background: transparent url(images/stopka.gif) 0 0 no-repeat; height: 83px; width: 780px; text-align: center; color: white; clear: right;}
#content #footer .adres { background: url(images/adres.gif) 0 0 no-repeat; margin: 23px 0 0; padding: 5px 0 5px 0; font-size: 12px;}
#content #footer p { margin: 10px 0 0;}
#content #footer a:link, #content #footer a:visited { font-size: 12px; color: #FFFFFF; background: transparent;}
#content #leftnav ul.druga { padding: 0; margin: 0; list-style: none; font-size: 12px; border-right: 1px solid #D71537; width: 210px; }
#leftnav ul.druga li { padding: 3px 0 3px 40px; border-bottom: 1px dashed #D71537; font-size: 10px;}
#content #leftnav ul.druga li a:link, #content #leftnav ul.druga li a:visited { color: #D71537; font-weight: normal; }
#content #leftnav ul.druga li a:hover { color: black; font-weight: bold; }
#content #leftnav ul.druga li.current a:link, #content #leftnav ul.druga li.current a:visited { color: black; font-weight: bold;}
div#gdzie { text-align: right; display: block; width: auto; font-size: 9px; padding: 4px 0 0; white-space: nowrap;}
div#gdzie a.glowny, div#gdzie a:visited { padding: 8px 0 8px 40px; background: #E4E4E4 url(images/gdzie.gif) 0 100% no-repeat;}
div#gdzie span { padding: 8px 5px 8px; background: #E4E4E4 url(images/gdzie-span.gif) 0 100% repeat-x; font-weight: bold; border-right: 1px solid #999999;}
div#gdzie span a:visited { background: #E4E4E4 url(images/gdzie-span.gif) 0 100% repeat-x; padding: 0;}
div#gdzie span a { font-weight: normal;}
#content #tresc h2 { font-size: 18px; margin: 5px; padding: 5px; color: #D71537;}
#content .products { clear: left; border-top: 1px dotted #E4E4E4; }
#content .products IMG { float: left; width:81px; height:139px; margin: 0;}
#content .products IMG.soon { width: 81px; height: 139px;}
#content .products h3 { clear: left; color: #333333; margin: 0; padding: 0 0 2px; font-size: 14px;}
#content .products h3 a:link, #content .products h3 a:visited { color: #333333; text-decoration: none; border-bottom: 1px dashed #333333;}
#content .products h3 a:hover { color: #D71537; text-decoration: underline; border-bottom: 0px;} 
#content ul { list-style: none; margin: 0 0 0 100px; padding: 0; font-size: 10px;}
#content #product { font-size: 12px; margin-right: 150px;}
#content #product img { float: left; width: 200px; height: 286px;}
#content #product img.rogaine { width: 175px; height: 175px; } 
#content #product p.opis { margin: 0 0 0 140px; }
#content #product h2 { clear: left; }
#content #product .description { clear: left; font-size: 10px; }
#content #product .desription p { margin: 10px 10px 10px 10px; padding: 0 0 10px;}
#content #product .description p span { font-weight: bold; }
#content #product .description ul { margin: 0; font-size: 12px; list-style: disc; padding-left: 30px; padding-top: 10px;}
div#prawa { width: 100px; font-size: 10px; float: right; margin: 20px 0 0; border: 1px solid #666666; background-color:#E4E4E4; padding: 5px;}
div#prawa h3 { font-size: 12px; margin: 0 0 5px; padding: 3px; background: #666666; color: #FFFFFF;} 
div#prawa ul { font-size: 10px; margin: 0; padding: 0;}
div#prawa ul li { padding: 0 0 7px; border-bottom: 1px dashed white;}
div#prawa ul li a:link, div#prawa ul li a:visited { color: #666666; background-color:#E4E4E4;}
#tresc p.linia { background: #FFFFCC; color: black; padding: 5px; border: 1px solid #666666; font-size: 12px; text-align:justify; margin: 0;}
#tresc p.about { font-size: 12px; background-color: #E4E4E4; border: 1px solid black; padding: 5px; text-align: justify; margin: 5px 0 0; font-weight: bold;}
#tresc p.about a:link, #tresc p.about a:visited { font-weight: normal;}
#tresc .articles p { text-align: justify; margin: 0 130px 15px 0; font-size: 12px;}
#tresc .articles p span { font-weight: bold;}
#tresc .articles ul { margin: 0 150px 15px 20px; list-style:circle; font-size: 12px;}
#tresc .articles ul li span { font-weight: bold;}
#tresc .index { white-space: nowrap; clear: left; text-align: center;}
#tresc .index .produkciki { float: left; border: 1px solid #E4E4E4; margin: 5px; height: 190px; width: 150px;}
#tresc .index .produkciki a:link, #tresc .index .produkciki a:visited { font-size: 10px; color: #666666; background-color: #FFFFFF;}
#tresc .index .produkciki a:hover { color: #D71537;} 
#tresc .index .produkciki img { width: 81px; height: 139px;}
#tresc hr { clear: both;}
#tresc ul.jedyneczka { margin: 0 0 0 15px; padding: 0; list-style-type: disc;}
#tresc ul.dwojeczka { margin: 0 0 0 30px; padding: 0; list-style-type: circle;}
#tresc ul.trojeczka { margin: 0 0 0 45px; padding: 0; list-style-type: square;}