@import "forms.css";

* {
margin: 0;
padding: 0;
}

body {
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #96967e;
color: #606153;
background: #cdcdc2;
}

img {
border: 0;
}

a {text-decoration: none;}
a:hover {text-decoration: underline;}

h2.bul,
a.bul,
a.bul-right {
color: #96967e;
padding-left: 15px;
background: url('gfx/i-bullet-orange.png') no-repeat left center;
}
a.bul-right {
	clear: both;	
}
a.download {
	width: 85px;
	height: 17px;
	float: right;
	background: url(gfx/b-download.png) left top no-repeat;
	color: #fff;
	clear: both;
	text-align: center;
	padding-top: 4px;
	margin-bottom: 30px;
}
h2.bul {
color: #555;
}

h2.bdr {
border-bottom: 1px solid #cdcdc2;
padding-bottom: 15px;
clear: both;
}

h2.cb {
clear: both;
}

a.bul-right {
float: right;
margin-left: 20px;
}

#main {
position: relative;
left: 50%;
width: 1010px;
margin-left: -505px;
min-height: 766px;
background: url('gfx/bk-main.png') no-repeat;
}

#top {
position: relative;
left: 370px;
float: left;
width: 640px;
height: 134px;
margin-top: 10px;
}

#topkonkurs {
position: absolute;
bottom: 15px;
right: 20px;
width: 290px;
height: 120px;
z-index: 1;
}

#topmenu {
position: absolute;
left: 20px;
top: 20px;
list-style: none;
width: 150px;
}

#topmenu li {
float: left;
line-height: 19px;
/*width: 144px;*/
width: 150px;
}

#topmenu li a {
color: #96967e;
color: #606153;
}

#topmenu li a span {
color: #f60;
font-weight: bold;
}

#topmenu li.emph a {
padding-left: 12px;
background: url('gfx/i-bullet-orange-arrow.png') no-repeat left 4px;
font-weight: bold;
}
#jingle {
	float: left;
	position: absolute;
	left: 170px;
	width: 115px;
	height: 73px;
}
#content {
position: relative;
left: 370px;
float: left;
width: 600px;
min-height: 596px;
background: white;
padding: 13px 20px 10px 20px;
}

#footer {
position: relative;
left: 370px;
float: left;
width: 640px;
background: url('gfx/bk-footer.png') no-repeat;
height: 30px;
line-height: 30px;
padding-top: 28px;
text-align: center;
}

#footer ul {
list-style: none;
}

#left-sub,
#left-sub a,
#left-sub a:hover,
#footer a,
#footer a:hover {
color: #626051;
}

#footer ul li {
display: inline;
background: url('gfx/i-bullet-gray.png') no-repeat left 60%;
padding: 0 13px;
}

#left {
position: absolute;
top: 0;
left: 50%;
margin-left: -505px;
min-height: 766px;
overflow: hidden;
z-index: 1000;
}

#left-sub {
position: absolute;
top: 772px;
left: 50%;
margin-left: -500px;
overflow: hidden;
width: 365px;
line-height: 26px;
}

#left-sub span {
font-family: Tahoma, Helvetica, sans-serif;
}

a.atomlogo {
float: left;
width: 33px;
height: 26px;
background: url('gfx/i-atomlogo.png') no-repeat;
padding-right: 12px;
}

.left-collapse {
width: 370px;
}

.left-expand {
width: 1010px;
}

h1 {
color: #f60;
font-size: 20px;
font-weight: normal;
padding: 17px 0;
letter-spacing: -1px;
}

h1.morespace {
padding-bottom: 50px;
}

h2 {
color: #f90;
font-size: 12px;
margin-bottom: 17px;
}

.art .title,
.tmce h2,
.tmcehdr,
h2.arrow {
padding-left: 20px;
background: url('gfx/i-bullet-orange-arrow.png') no-repeat left 4px;
}

.tmcehdr,
.tmce h2 {
margin-top: 17px;
}

.tmcehdr {
color: #f90;
font-size: 12px;
font-weight: bold;
}

.tmce-right-image {
float: right;
margin: 15px 0 10px 20px;
}

p {
margin-bottom: 14px;
line-height: 14px;
}

.tmce {
line-height: 1.5em;
}

.tmce ul,
.tmce ol,
.tmce p {
margin: 1.5em 0;
line-height: 1.5em;
}

.tmce ul {
list-style: none;
}

.tmce ul li {
background: url('gfx/i-bullet-small.png') no-repeat 8px 6px;
padding-left: 20px;
}

.box {
float: left;
width: 100%;
clear: both;
}

.contentbox {
float: left;
width: 100%;
clear: both;
margin-bottom: 20px;
}

ul.arrow {
list-style: none;
}

ul.arrow li {
background: url('gfx/i-bullet-orange-arrow.png') no-repeat left 7px;
padding: 3px 0 3px 20px;
}

ul.arrow li a {color: #96967e;}
ul.arrow li a:hover {color: #f90;}

ul.konkurs1, ul.rozrywka {
list-style: none;
float: left;
width: 620px;
margin-right: -20px;
}

div.konkurs1,
ul.konkurs1 li, ul.rozrywka li {
float: left;
width: 136px;
margin-right: 19px;
height: 240px;
position: relative;
}
ul.rozrywka li {
	height: 180px;
}
ul.konkurs1 .image, , ul.rozrywka .image,
.gal .image {
position: absolute;
top: 0;
z-index: 51;
overflow: hidden;
text-align: center;
width: 136px;
height: 102px;
}

.gal .image {
width: 464px;
height: 348px;
left: 68px;
}

.konkurs1 .author {position: absolute; top: 116px; font-weight: bold;}
.konkurs1 .title {position: absolute; top: 140px; color: #f90;}
.rozrywka .title {position: absolute;color: #626051;font-weight: bold;top: 110px;}
.konkurs1 .addcomment {position: absolute; top: 172px; font-size: 10px;}
.konkurs1 .rating {position: absolute; top: 200px;}

.konkurs1 .addcomment a {color: #96967e;}

.konkurs1 .overlay, .rozrywka .overlay {display: block; position: absolute; top: 0; z-index: 52; width: 136px; height: 102px;}
.gal .overlay {display: block; position: absolute; top: 0; left: 68px; z-index: 52; width: 464px; height: 348px;}

.bsmall-color0 {background: url('gfx/bsmall/0.png');}
.bsmall-color1 {background: url('gfx/bsmall/1.png');}
.bsmall-color2 {background: url('gfx/bsmall/2.png');}
.bsmall-color3 {background: url('gfx/bsmall/3.png');}
.bsmall-color4 {background: url('gfx/bsmall/4.png');}
.bsmall-color5 {background: url('gfx/bsmall/5.png');}
.bsmall-color6 {background: url('gfx/bsmall/6.png');}
.bsmall-color7 {background: url('gfx/bsmall/7.png');}
.bsmall-color8 {background: url('gfx/bsmall/8.png');}

.blarge-color0 {background: url('gfx/blarge/0.png');}
.blarge-color1 {background: url('gfx/blarge/1.png');}
.blarge-color2 {background: url('gfx/blarge/2.png');}
.blarge-color3 {background: url('gfx/blarge/3.png');}
.blarge-color4 {background: url('gfx/blarge/4.png');}
.blarge-color5 {background: url('gfx/blarge/5.png');}
.blarge-color6 {background: url('gfx/blarge/6.png');}
.blarge-color7 {background: url('gfx/blarge/7.png');}
.blarge-color8 {background: url('gfx/blarge/8.png');}

.nav {
list-style: none;
text-align: center;
line-height: 18px;
height: 18px;
clear: both;
}

.nav-d {
padding-bottom: 20px;
}

.nav li {
display: inline;
height: 18px;
}

.nav a {
color: #96967e;
}

.nav .sel {
color: #f90;
font-weight: bold;
}

.prev,
.next {
padding: 2px 16px;
height: 18px;
line-height: 18px;
}

.prev:hover,
.next:hover {
text-decoration: none;
}

.prev {
background: url('gfx/i-prev.png') no-repeat center center;
}

.next {
background: url('gfx/i-next.png') no-repeat center center;
}

.nav-s .prev {background-position: left center; padding: 2px 6px 2px 26px;}
.nav-s .next {background-position: right center; padding: 2px 26px 2px 6px;}




#login {
position: absolute;
z-index: 2;
top: 0;
right: 32px;
color: #cdcdc2;
}

#login a {
color: #cdcdc2;
}

.gal {
position: relative;
float: left;
width: 600px;
height: 450px;
}

.gal .prev,
.gal .next {
position: absolute;
top: 165px;
}

.gal .prev {
left: 10px;
}

.gal .next {
right: 10px;
}

.gal .author {
position: absolute;
top: 370px;
left: 90px;
width: 300px;
height: 15px;
font-weight: bold;
font-size: 12px;
}

.gal .desc {
position: absolute;
top: 395px;
left: 90px;
width: 300px;
height: 30px;
color: #f90;
}

.gal .time {
position: absolute;
top: 370px;
right: 90px;
}

.gal .rating {
position: absolute;
top: 393px;
right: 90px;
}

.rating {
width: 75px;
height: 15px;
background: url('gfx/bk-rating.png');
}

.ratingscore {
float: left;
height: 15px;
background: url('gfx/i-rating.png');
}

.score1 {width: 15px;}
.score2 {width: 30px;}
.score3 {width: 45px;}
.score4 {width: 60px;}
.score5 {width: 75px;}

ul.comments {
float: left;
clear: both;
width: 100%;
list-style: none;
padding-bottom: 18px;
}

ul.comments li {
background: url('gfx/bk-comments-item.png') no-repeat;
float: left;
width: 100%;
clear: both;
margin-bottom: 4px;
}

ul.comments .data {
float: left;
color: white;
width: 144px;
padding: 8px 15px 0 15px;
}

ul.comments .author {
font-weight: bold;
font-size: 12px;
}

ul.comments .text {
float: left;
width: 408px;
padding: 6px 8px 0 8px;
}

ul.comments .framebottom {
float: left;
width: 100%;
clear: both;
height: 8px;
font-size: 0;
background: url('gfx/bk-comments-item-framebottom.png') no-repeat;
}

.results {
}

.results .title {
font-weight: bold;
}

.results .desc span {
color: #f90;
}

.search {
width: 100%;
clear: both;
height: 46px;
}

.search .searchform {
float: left;
}

.search .intro {
float: left;
width: 200px;
color: #626051;
font-weight: bold;
line-height: 23px;
}

.porady .question {
/*font-weight: bold;*/
color: #606153;
margin: 0;
}

.porady .answer {
display: none;
margin: 1.5em 0;
line-height: 1.5em;
}

.expand .answer {
display: block;
}

.expand .question {
color: #f90;
}

ul.porady2 {
list-style: none;
color: #626051;
font-weight: bold;
margin-bottom: 30px;
}

ul.porady2 a {
color: #626051;
}

ul.porady2 li.sel {
background: url('gfx/i-bullet-orange.png') no-repeat left 7px;
}

ul.porady2 li.sel a {
color: #f90;
}

ul.porady2 li {
padding: 5px 0 5px 20px;
}

.main-tile {
float: left;
position: relative;
width: 190px;
height: 242px;
margin-right: 15px;
}

.main-tile1 {background: url('gfx/g-zdrowie-tile.jpg') no-repeat;}
.main-tile2 {background: url('gfx/g-odzywianie-tile.jpg') no-repeat;}
.main-tile3 {background: url('gfx/g-porady-tile.jpg') no-repeat; margin-right: 0px;}

.main-tile h2 {
position: absolute;
left: 0;
top: 0;
width: 190px;
height: 41px;
line-height: 41px;
color: white;
text-align: center;
}

.main-tile h2 a {
color: white;
}

.main-tile ul {
position: absolute;
top: 158px;
left: 10px;
width: 180px;
}

.main-tile .dummy {
position: absolute;
top: 40px;
left: 0;
width: 190px;
height: 110px;
display: block;
}

.main-tile ul.arrow a,
.main-tile ul.arrow a:hover {
color: #626051;
}
.main-tile ul.arrow li {
	padding-bottom: 0;
}
.main-tile ul {
	top: 155px;
}
.bottom-tile-content,
.expand .link,
.expand .intro {
display: none;
}

.expand .bottom-tile-content {
display: block;
}

.bottom-tile {
float: left;
width: 190px;
margin-right: 15px;
margin-top: 20px;
}

.bottom-tile h2 a,
.bottom-tile h2 {
color: #96967e;
color: #606153;
cursor: pointer;
}

.bottom-tile .intro {
color: #f90;
height: 60px;
cursor: pointer;
}

.bottom-tile .intro a {
color: #f90;
}

.bottom-tile3 {
margin-right: 0;
}

div.art {
float: left;
width: 100%;
clear: both;
margin-top: 10px;
padding-bottom: 15px;
position: relative;
}

ul.art {
list-style: none;
float: left;
width: 100%;
clear: both;
margin-top: 10px;
padding-bottom: 20px;
}

.art li {
padding-bottom: 20px;
float: left;
width: 100%;
clear: both;
position: relative;
}

.art .title {
font-size: 12px;
color: #f90;
font-weight: bold;
padding-bottom: 14px;
}

.art .title a {
color: #f90;
}

.art .desc {
float: left;
width: 380px;
padding: 0 20px 15px 20px;
line-height: 1.5em;
}

.art .desc a {
color: #96967e;
color: #606153;
}

.art .image {
float: right;
width: 178px;
height: 126px;
padding: 8px 1px 1px 1px;
overflow: hidden;
}

.art .overlay {
position: absolute;
z-index: 52;
top: 0;
right: 0;
width: 180px;
height: 135px;
/*background: url('gfx/frame.png') no-repeat;*/
background: url('gfx/frame.gif') no-repeat;
}

.art .bul {
float: left;
background-position: 20px 2px;
padding-left: 38px;
clear: both;
}

.nav-s {
clear: left;
float: left;
width: 300px;
padding-left: 150px;
margin-top: 0;
}

p.additional {
font-size: 12px;
margin: 3em 0;
}

ul.morespace {
padding-bottom: 2em;
}

h2.bnb {
color: #96967e;
color: #606153;
}

.flash-product {
float: left;
width: 600px;
}

p.sub {
padding-left: 15px;
margin: -16px 0 15px 0;
}

.rating-action div {
float: left;
width: 15px;
height: 15px;
background: url('gfx/i-rating.png') no-repeat left -15px;
cursor: pointer;
}

.rating-action div.star {
background-position: left top;
}

ul.expert {
float: left;
/*width: 320px;*/
width: 600px;
list-style: none;
padding-bottom: 30px;
padding-top: 15px;
}

ul.expert li {
float: left;
/*width: 320px;*/
width: 600px;
min-height: 150px;
padding-bottom: 20px;
position: relative;
}

.expert .image {
position: absolute;
left: 0;
top: 0;
z-index: 51;
width: 122px;
height: 147px;
overflow: hidden;
}

.expert .overlay {
position: absolute;
left: 0;
top: 0;
z-index: 52;
width: 122px;
height: 147px;
background: url('gfx/frame-expert.gif') no-repeat;
}

.expert .title {
/*position: absolute;*/
position: relative;
left: 140px;
margin-top: 0px;
font-size: 13px;
font-weight: bold;
color: #f90;
/*width: 180px;*/
width: 460px;
}

.expert .intro {
position: relative;
left: 140px;
/*top: 72px;*/
margin: 17px 0;
/*width: 180px;*/
width: 460px;
line-height: 1.5em;
}

.expert .link {
position: relative;
left: 140px;
/*top: 134px;*/
width: 180px;
}



.mapa {
list-style: none;
margin-left: 20px;
}

.mapa .level0,
.mapa .level0-first,
.mapa .level0-last {
font-size: 12px;
font-weight: bold;
height: 19px;
line-height: 19px;
padding-top: 12px;
padding-left: 20px;
background: url('gfx/tree/default.png') no-repeat left top;
}

.mapa .level0-first {
background-image: url('gfx/tree/first.png');
}

.mapa .level0-last {
background-image: url('gfx/tree/last.png');
}

.mapa .level1,
.mapa .level1-last {
background: url('gfx/tree/nest.png') no-repeat left top;
padding-left: 40px;
padding-top: 7px;
height: 17px;
line-height: 17px;
margin-bottom: -7px;
}

.mapa .level1-last {
background-image: url('gfx/tree/nest-last.png');
}

.mapa a,
.mapa a:hover {
color: #96967e;
color: #606153;
}

ul.apteki {
list-style: none;
width: 100%;
clear: both;
float: left;
padding-bottom: 20px;
}

.apteki li {
float: left;
width: 100%;
height: 55px;
padding-bottom: 5px;
}

.apteki .image {
float: left;
width: 138px;
height: 53px;
border: 1px solid #ccc;
margin-right: 10px;
overflow: hidden;
text-align: center;
}

.apteki .text {
float: left;
width: 450px;
font-size: 12px;
height: 53px;
line-height: 53px;
}

.apteki .text a {
color: #96967e;
color: #606153;
}

.apteki2 li {
width: 290px;
margin-right: 10px;
}

.apteki2 .text {
float: left;
width: 140px;
font-weight: bold;
}

#aptekimapa {
float: left;
width: 420px;
height: 400px;
padding: 20px 90px;
}

img.nycomed-logo {
margin: 1em 0 2em 0;
}

a.nycomed-link {
color: #059;
}


.eformbk {
position: absolute;
left: 0;
top: 50px;
/*background: url('gfx/bk-popup.png') no-repeat;*/
background: url('gfx/bk-popup.gif') no-repeat;
width: 640px;
height: 420px;
z-index: 60;
display: none;
}

.eform {
position: absolute;
left: 35px;
top: 85px;
background: white;
width: 570px;
height: 350px;
z-index: 61;
display: none;
}


a.eform-close {
float: right;
width: 18px;
height: 18px;
background: url('gfx/i-close.png') no-repeat;
}

p.porada-title {
font-weight: bold;
margin-top: 15px;
}

p.disclaimer {
margin-top: 15px;
color: #96967e;
}

.malucha {
float: left;
clear: both;
width: 100%;
padding-top: 40px;
}

.malucha a img {
margin-left: 10px;
vertical-align: middle;
}

ul.pressroom {
float: left;
width: 640px;
margin-right: -40px;
list-style: none;
}

ul.pressroom li {
float: left;
position: relative;
width: 120px;
height: 300px;
margin-right: 38px;
}

.pressroom .image {
float: left;
width: 120px;
height: 145px;
text-align: center;
overflow: hidden;
margin-bottom: 1em;
}

.pressroom .overlay {
position: absolute;
z-index: 52;
top: 0;
left: 0;
width: 120px;
height: 145px;
background: url('gfx/frame-expert.gif') no-repeat;
}

.pressroom table {
width: 120px;
height: 145px;
border: 0;
margin-bottom: 1em;
float: left;
}

.pressroom td {
text-align: center;
vertical-align: middle;
overflow: hidden;
}

.pressroom .title {
color: #f90;
font-weight: bold;
}

.screenSaver {
	width: 600px;
	padding-bottom: 30px;
	text-align: center;
}
.ecard {
	width: 350px;
	float: left;
	text-align: center;
	font-weight: bold;
}

