/* ============== */
/* = Start: 23.04.2010 Koniec: 14.05.2010 =*/
/* ============== */
/*Spis streści:
1. Ogólnie, dotyczą wrapera, headera oraz stopki
2. Nawigacje, jakie zostały użyte na stronie
	2.1 Górne menu
	2.2 Menu boczne
	2.3 Menu w środku strony na stronie głównej
3. Flash, tutaj znajduje się div do flasha
4. Boksy na home, czyli głowny duzy boks oraz małe dwa 
5. Obrazki, które są cześcią TYLKO layotu 
6. Nagłówki 
7. Powszechne, drobne, dodatkowe style
8. Głownie ogólne style dla podstron
	8.1 Gabinety Partnerskie
		8.1.1 Gabinety Profil
		8.1.2 Gabinety ankieta
	8.2 Rejestracja 
	8.3 Reminder
	8.4 Klub Zdrowia
		8.4.1  Klub  zdrowia
		8.4.2. O klubie
		8.4.3. Czlonkowie Klubu 
		8.4.4. Moje konto 
		8.4.5. Konkurs
	8.5 Encyklopedia
*/

/* =================================================== */
/* = 1. Ogólnie, dotyczą wrapera, headera oraz stopki = */
/* =================================================== */
body{font-size:12px;background:#fff url(../images/bg.jpg) repeat-x top left;font-family:Arial,'Liberation Sans','Helvetica Neue',FreeSans,sans-serif}
div#wrapper_outer{background:transparent url(../images/wrapper_top.jpg) no-repeat top left;width:980px;margin-left:auto;margin-right:auto;padding-top:17px;margin-bottom:30px;position:relative;}
div#wrapper_inner{line-height:1.5;background:transparent url(../images/wrapper_bg.png) repeat-y top left;width:980px;}

div#header{width:910px;}
div#header img{cursor:pointer;vertical-align:middle;}
div#header div#facebook{color:#5f78ab;padding-top:25px;}
div#header div#szukaj_rejestracja ul li{float:left;color:#0272b6;font-weight:bold;padding-right:10px;}
div#header div#szukaj_rejestracja ul{margin-bottom:5px;}
div#header div#szukaj_rejestracja ul li a{color:#0272b6;}

div#header div#szukaj{clear:both;background:transparent url(../images/search_input.gif) no-repeat top left;width:230px;height:24px;}
div#header div#szukaj input.search_btn{width:24px;height:24px;border:0;background:transparent url(../images/search_btn.gif) no-repeat top left;vertical-align:top;cursor:pointer;}
div#header div#szukaj input.search_input {color:#888888;margin-left:20px;width:180px;background-color:transparent;border:0;font-size:12px;padding:5px 0 0 0px;}
/*Ten styl dla p nie jest potrzeby dla strony, ale potrzebny dla walidacji*/
div#header div#szukaj p {display:inline;}

div#mainContent{margin-left:25px;position:relative;width:910px;}

div#footer{margin:10px 0 0 0;position:relative;color:#787878;height:157px;border-top:1px solid #ebebeb;background:#f9f9f9 url(../images/footer_bg.gif) no-repeat bottom right;width:958px;border-left:1px solid #fff;border-right:1px solid #fff;padding:0;}
div#footer ul{margin-top:20px;}
div#footer ul li a{color:#787878;}
div#footer ul li{color:#787878;white-space:nowrap;}
div#footer ul li:first-child{font-weight:bold;padding-bottom:5px;}

div#footerBottom ul li{display:inline;color:#787878;}
div#footerBottom ul li a{color:#787878;}
div#footerBottom ul.bottom_links a,div#footerBottom ul.bottom_liks {color:#1596d9;}
div#footerBottom ul.bottom_links li {border-left:1px solid #1596d9;padding:0 10px;}
div#footerBottom ul.bottom_links li:first-child{border:none;}

/* ================================================ */
/* = 2. Nawigacje, jakie zostały użyte na stronie = */
/* ================================================ */
/* ========================================================================================= */
/* = 2.1 Górne menu, głowną zaletą jest środkowanie się linków dzięki czemu uzyskałam
niezależność od różnego renderwoania szerokości czcionek w zalezności od systemu operacyjnego = */
/* ========================================================================================= */
div#navTop{margin:10px 0 10px 0;width:910px;background:url(../images/navTop.gif) no-repeat top left;height:36px;}
div#navTop div{text-align:center;width:900px;margin:0 auto;height:34px;overflow:hidden;}
div#navTop ul li{font-weight:bold;color:#fff;text-align:left;display:inline;margin:0 -1px 0 -2px;}
div#navTop ul li.active a{background:url(../images/navTop_hover.gif) repeat-x bottom left;}
div#navTop ul li a{border-left:1px solid #237fb7;color:#fff;text-decoration:none;padding:10px 19px;line-height:34px;margin:0;}
div#navTop ul li a:hover{text-decoration:none;padding:10px 19px;color:#fff;background:url(../images/navTop_hover.gif) repeat-x bottom left;}
div#navTop ul li:first-child a{border:none;}
/* =========================================================================================================================== */
/* = 2.2 Główną klasą dla menu bocznego jest navVertical, które uzyskuje dodatkowe właściowiści gdy się doda left lub right.
GŁówne style dla navVertical są na dole, ponieważ span był nadpisywany i tracił właściowśc block przy hover = */
/* =========================================================================================================================== */
div#navVertical.left {margin-left:0;}
div#navVertical.left ul li:hover{background:#fff url(../images/navVertical.gif) repeat-x bottom left;}
div#navVertical.left ul li a {padding:2px 40px 2px 0px;background: url(../images/arrow_circleRight.gif) no-repeat 95% 50%;}
div#navVertical.left ul li{background-color:#fff;padding:8px 0px 8px 20px;}
div#navVertical.left ul li.active {padding:0;}
div#navVertical.left ul li.active:hover{background:none;}
div#navVertical.left ul li.active ul {background:none;padding:10px 0 10px 20px;margin-bottom:0;}
div#navVertical.left ul li.active a{background:#5fbff2 url(../images/arrow_blue.gif) no-repeat 95% 50%;color:#fff;padding:10px 40px 10px 20px;font-weight:bold;display:inline-block;width:168px;}
div#navVertical.left ul li.active ul li {border:none; padding:2px 0 0 10px;background:#fff url(../images/arrow_sub.gif) no-repeat center left;color:#0385c8}
div#navVertical.left ul li.active ul li:hover {background:#fff url(../images/arrow_sub.gif) no-repeat center left;}
div#navVertical.left ul li.active ul li a{color:#0385c8;font-weight:normal;display:inline;padding:0;background:none;}
div#navVertical.left ul li.active ul li a:hover {text-decoration:underline;}

div#navVertical.right {margin-right:0;}
div#navVertical.right ul li{background:#fff url(../images/arrow_circleRight.gif) no-repeat 95% 50%;}
div#navVertical.right ul li:hover{background:#5fbff2 url(../images/arrow_blue.gif) no-repeat 95% 50%;color:#fff;}
div#navVertical.right ul li:hover a{color:#fff;}
div#navVertical.right ul li span{font-size:11px;display:none;font-weight:normal;padding-right:50px; }

div#navVertical ul{background:#fff url(../images/navVertical_bottom.gif) no-repeat bottom left;padding-bottom:6px;}
div#navVertical ul li{padding:10px 0px 10px 20px;border-top:1px solid #ebebeb;color:#2b2b2b;font-weight:bold;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;}
div#navVertical ul li:hover span{display:none;}
div#navVertical ul li a{color:#2b2b2b;text-decoration:none;display:block;}

/* ========================================================================================================= */
/* = 2.3 Menu w środku strony na stronie głównej, działa dzięki jQuery, który wykorzystuje poniższe klasy. = */
/* ========================================================================================================= */
div#navMiddle{margin-top:10px;margin-bottom:10px;background:url(../images/navMiddle_bottom.gif) no-repeat bottom left;padding-bottom:3px;}
div#navMiddleInner{padding-bottom:15px;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;padding-top:10px;}

div#navMiddleMenu{background:url(../images/navMiddle.gif) no-repeat top left;height:39px;padding-top:10px;}
div#navMiddleMenu p {color:#fff;padding-right:15px;line-height:22px;float:right;}
div#navMiddleMenu ul{margin-left:10px;}
div#navMiddleMenu ul li {float:left;padding-right:5px;margin-right:10px;}
div#navMiddleMenu ul li a{padding:5px 10px 9px 10px;display:block;color:#fff;font-weight:bold;}
div#navMiddleMenu ul li span{padding-left:5px;display:block;}
div#navMiddleMenu ul li:hover span{background:url(../images/navMiddle_left.gif) no-repeat top left;}
div#navMiddleMenu ul li:hover {background:url(../images/navMiddle_right.gif) no-repeat top right;}
div#navMiddleMenu ul li:hover a{background-color:#fff;color:#2b2b2b;text-decoration:none;}
div#navMiddleMenu ul li.active a{background:#ffffff url(../images/navMiddle_arrow.gif) no-repeat top center;color:#2b2b2b;}
div#navMiddleMenu ul li.active span{background:url(../images/navMiddle_left.gif) no-repeat top left;}
div#navMiddleMenu ul li.active {background:url(../images/navMiddle_right.gif) no-repeat top right;}


div#navMiddleContent div{padding:0 0 0 20px;}
div#navMiddleContent div div {padding:0;}
div#navMiddleContent p {color:#707070;line-height:1.2;}
div#navMiddleContent p a {color:#0385c8;}
div#navMiddleContent img{margin:0 20px 10px 0;float:left;border:1px solid #d9d9d9;}

div#navMiddleContent a,div#navMiddleContent ul.navMiddleLinks {color:#0385c8;}
div#navMiddleContent ul.navMiddleLinks  li {border-top:1px solid #ebebeb;padding:4px 0;}
div#navMiddleContent ul.navMiddleLinks  li:first-child{border:none;padding-top:0;}


/* ==================================================================================================================== */
/* = 3. Flash, tutaj znajduje się div do flasha, w którym znajduje się drugi div na absolucie z alternatywna treścia. = */
/* ==================================================================================================================== */
div#forFlashContainer {position:relative;height:308px;width:230px;margin-top:10px;}
div#forFlashContainer div#Flash,
div#forFlashContainer div#alterContent
{height:308px;width:230px;position:absolute;top:0;left:0;}
div#forFlashContainer div#Flash {z-index:1;}
div#forFlashContainer div#alterContent{z-index:0;background:url(../images/alterContent.jpg) no-repeat top left;}

/* ========================================================== */
/* = 4. Boksy na home, czyli głowny duzy boks oraz małe dwa = */
/* ========================================================== */
div#homeBigBox{height:344px;background:url(../images/homeBox.jpg) no-repeat top left;font-style:italic;}
div#homeBigBox div#homeBigBoxContent{margin-left:29px;}
div#homeBigBox div#homeKonkurs{background:url(../images/blue_left_konkurs.gif) no-repeat top left;height:26px;padding-left:5px;}
div#homeBigBox div#homeKonkurs a{display:block;font-size:14px;background:#026cac url(../images/blue_right_konkurs.gif) no-repeat top right;padding:0px 10px 0 5px;height:26px;line-height:23px;color:#fff;font-weight:bold;font-style:italic;}
div#homeBigBox div#ZobaczButton{padding-left:5px;height:31px;background:url(../images/blue_left.gif) no-repeat top left;color:#fff;}
div#homeBigBox div#ZobaczButton a {padding:0 40px 0 10px;color:#fff;line-height:31px;height:31px;background:url(../images/blue_right.gif) no-repeat top right;display:block;text-transform:uppercase;}
div#homeBigBox div#ZobaczButton img{vertical-align:middle;margin-left:5px;}

div#homeBigBox div#miniHomeBox {padding:20px 0 0 0px;}
div#homeBigBox div#miniHomeBox div{width:146px;height:51px;display:inline;}
div#homeBigBox div#miniHomeBox div.left{background:url(../images/miniBox_rower.jpg) no-repeat top left;margin-left:85px;}
div#homeBigBox div#miniHomeBox div.right{background:url(../images/miniBox_bieganie.jpg) no-repeat top left}
div#homeBigBox div#miniHomeBox div.right p,
div#homeBigBox div#miniHomeBox div.left p
{font-style:normal;color:#fff;padding:7px 0 0 10px;}
div#homeBigBox div#miniHomeBox div.right p a,
div#homeBigBox div#miniHomeBox div.left p a 
{color:#fff;}


/* Background do SmallBOX na stronie głównej, zalecam takie zagnieżdzenie ze względu na ie6  = */
div#mainColumn div.homeSmallBox.left div.inner {background:url(../images/boks_zapytajEksperta.jpg) no-repeat top right;}
div#mainColumn div.homeSmallBox.right div.inner {background:url(../images/boks_poznajInstytut.jpg) no-repeat top right;}

/* =========================================================== */
/* = 5. Obrazki, które są cześcią TYLKO layotu (Layouts images) = */
/* =========================================================== */
div#wrapper_outer img.wrapperBottom,
div#items img.itemsBottom,img.itemsBottom
{vertical-align:top;display:block;}

/* ============================================== */
/* = 6. Nagłowki jakie są ostylowane na stronie = */
/* ============================================== */
div#logo h2{color:#4f4f4f;font-style:italic;font-size:16px;}
div#navVertical.right h3 {color:#0385c8;background:url(../images/navVertical_top.gif) no-repeat top left;}
div#navVertical.left h3 {color:#000;text-transform:uppercase;background: url(../images/navVerticalGrey.gif) no-repeat top left;}
div#navVertical h3 {padding:14px 0 15px 20px;}
div#navMiddleContent h3 {color:#2b2b2b;margin-bottom:5px;padding-right:50px;}
div.SmallBox h4 {color:#2b2b2b;margin-bottom:5px;}
div#homeBigBox h1 {color:#fff;font-size:24px;margin:19px 0 0 20px;}
div#homeBigBox h1 strong{display:block;font-size:0.8em;}
div#homeBigBox h2, div#homeBigBox h3 {color:#026cac;}
div#homeBigBox h2 {margin:20px 0 0 0;font-size:20px;}
div#homeBigBox h3 {margin-top:0px;font-size:14px;color:#35a9e7;}
div#alterContent h4 {color:#026cac;text-align:center;font-size:22px;font-style:italic;margin-top:10px;}
div#alterContent h4 strong{font-size:0.7em;display:block;margin-top:15px;color:#8d8d8d;}
div#items h3 {color:#2b2b2b;font-size:20px;margin-bottom:10px;}
div#items div.klubzdrowia h3 {font-style:italic;color:#026cac;}
div#items h3 strong {font-size:0.7em;display:block;color:#707070;margin-top:5px;line-height:1.2;}
div.gabinetyAnkieta h3 {margin-bottom:20px;}
div.ProductItem h3 {margin-bottom:10px;}
div.oklubie h4,div.akcje h4 {color:#0385c8;background:url(../images/arrow_big_right.gif) no-repeat top left;padding-left:35px;line-height:30px;font-style:italic;font-size:14px;}
div.akcje h4 {font-size:12px;font-style:normal;font-weight:normal;}
div#items div.oklubie h3 {color:#026cac;font-style:italic;}
div#klubzdrowia div#zalogujRejestruj h4 a{color:#0385c8;text-transform:uppercase;}
div#klubzdrowia div#zalogujRejestruj h4 img {vertical-align:middle;margin:10px 5px 10px 0;}
div#klubzdrowia div#zalogujRejestruj h2 {color:#026cac;font-size:16px;margin-top:10px;}
div#klubzdrowia div.klubzdrowiaBox h4 {font-size:1.4em;}
div#klubzdrowia div.klubzdrowiaBox.left h4 {color:#026cac}
div#klubzdrowia div#Box h1 {color:#fff;font-size:24px;margin:30px 0 0 20px;}
div#klubzdrowia div#Box h1 strong{display:block;font-size:0.8em;}
div#klubzdrowia div#Box h2  {color:#026cac;font-size:16px;margin:20px 0;}
div#klubzdrowia div#Box h2 strong {color:#35a9e7;display:block;font-size:0.8em;margin-top:17px;margin-bottom:66px;}
div#homeBigBox.konkursKlubZdrowia h1 {font-size:34px;margin:20px 0 0 20px;}
div#homeBigBox.konkursKlubZdrowia h2 strong {color:#35a9e7;display:block;font-size:0.8em;margin:5px 0;}
#homeBigBox.konkursKlubZdrowia h2 {margin-top:15px;}

/* ================================================= */
/* = 7. Powszechne, drobne, dodatkowe style (Common) = */
/* ================================================= */
.buy-online-tab table{ line-height: 1;}
.left{float:left;}
.right{float:right;}
.show {display:block;}
.hide {display:none;}
.bottom_10 {margin-bottom:10px;}
.blue {color:#0385C8;}
.bold {font-weight:bold;}
a:hover {text-decoration:underline;}
a {text-decoration:none;}
div.hr, div.item div.hr {border-bottom:1px solid #ebebeb;}
a.print {background:url(../images/drukuj_ico.gif) no-repeat center left;padding-left:15px;}
p.ButtonBlue {background:transparent url(../images/blue_left.gif) no-repeat scroll left top;color:#FFFFFF;height:31px;padding-left:5px;}
p.ButtonBlue input,p.ButtonBlue a
{width: auto;overflow: visible;font-weight:bold;background:url(../images/blue_right.gif) no-repeat scroll right top transparent;color:#FFFFFF!important;padding-right:40px;height:30px;border:none;cursor:pointer;text-transform:uppercase;font-style:italic;font-size:14px;}
p.ButtonBlue a {display:inline-block;line-height:30px;}
p.login_error {color:red;font-weight:bold;text-align:center;}


ul#stronicowanie {margin:0;}
ul#stronicowanie {width:100%;}
ul#stronicowanie li{display:inline;}
ul#stronicowanie li img {vertical-align:middle;border:medium none;float:none;margin:0;}
ul#stronicowanie a.selected {font-weight:bold;}
ul#stronicowanie a {padding:0 5px;}

div.item  div.logowanie,div.logowanie {width:220px;margin:0 auto;color:#707070;}
div.item  div.logowanie label,div.logowanie label{color:#707070;}
div.item  div.logowanie table td,div.logowanie table td {padding:5px 5px 5px 0;}
div.item  div.logowanie table,div.logowanie table {margin:20px 0;}
div.item  div.logowanie input.text,div.logowanie input.text {width:200px;border:1px solid #ebebeb;padding:5px 0;}
div.item  div.logowanie  a,div.logowanie  a {color:#0385c8;}
div.item  div.logowanie p.login_error,div.logowanie p.login_error {color:red;font-weight:bold;text-align:center;padding:5px 0;margin-bottom:-15px;}

/* ================================ */
/* = Dotyczy zaogrąglania krawędzi = */
/* ================================ */
div.outer,div.item,div.subitem,div.lista,div.singleBox{background-color:#ebebeb;}
div.inner{background-color:#ffffff;}
div.outer {border:1px solid #ebebeb;}

/* = Dotyczy SmallBox, ktory jest uzyty na stronie głowniej i Klubie Zdrowia = */
div.SmallBox {width:328px;background-color:#ebebeb;border:1px solid #ebebeb;}
div.SmallBox div.inner {padding:20px 130px 7px 20px;line-height:1.2;cursor:pointer;}
div.SmallBox div:hover h4,
div.SmallBox div:hover p 
{text-decoration:underline;}
div.SmallBox p {color:#707070;margin-bottom:3px;}

/* ======================================== */
/* = 8. Głownie ogólne style dla podstron = */
/* ======================================== */
div#items {color:#707070;}
div#items.sub {background:none;}
div#items a,div#items ul li {color:#0385c8;}
div#items div.inner,div#items div.subitem div.inner,div.lista div.item {background:#fff url(../images/item_bg.gif) repeat-x bottom left;height:auto;padding-bottom:0;}
div.ProductItem {padding-bottom:8px;}
div#items.singleBox div.item {background-color:transparent;}
div.item img.img {float:right;background-color:transparent;margin-left:5px;}
div.item div.content{padding:20px 0px 10px 25px;margin-right:20px;}
div.item div.sub {margin-right:200px;}
div.item div.ArtBottomNav {color:#0385c8;}
div.item ul {margin-top:10px;}
div.item ul li a,
div.item ul li
 {color:#0385c8;background-color:transparent;}
div.item ul {margin:10px 0;width:48%;}
div.subitem {width:328px;margin-top:10px;}
div.subitem img {float:left;margin:0 10px 10px 0;border:1px solid #d9d9d9;}
div.subitem div.content {padding:25px 25px 10px 25px;}
div.subitem ul {margin:10px 0;}
div#items div.item div.text ul {list-style-type:square;width:auto;margin-left:20px;color:#707070;}
div#items div.item div.text ul li {padding:3px 0;color:#707070;}

div.item.inputText input.text {width:200px;border:1px solid #ebebeb;padding:5px 0;}
div.item,div.subitem  {border:1px solid #ebebeb;}
div.ArtBottomNav {margin-top:10px;}
div.ArtMidImg img{margin:0 10px 10px 0;}


div#lokalizator {margin-bottom:15px;color:#a5a5a5;}
div#lokalizator p {color:#a5a5a5;}

div#podstronaSearch {line-height:30px;margin-bottom:15px;}
div#podstronaSearch p {display:inline;}
div#podstronaSearch input.search_btn{width:24px;height:24px;border:0;background:transparent url(../images/search_btn.gif) no-repeat top left;vertical-align:middle;cursor:pointer;}
div#podstronaSearch input.search_input {color:#888888;width:120px;border:0;font-size:12px;border:1px solid #ebebeb;}

/* ========================== */
/* = Poszczególne podstrony = */
/* ========================== */
/* ======================== */
/* = 8.1 Gabinety Partnerskie = */
/* ======================== */
/*8.1.1 Gabinety Profil*/
div#Mapka{width:280px;margin:13px 0 0 10px;}
div#tabelaDane table {margin:10px 0;width:100%;}
div#tabelaDane table td {padding:3px 0;}
div#ListaSpecjalizacji {width:85%;margin-bottom:10px;}
div#ListaSpecjalizacji span {background: url(../images/arrow_sub.gif) no-repeat center left;padding-left:10px;padding-right:40px;}
div#fotki img {margin-right:4%;margin-bottom:7px;margin-top:7px;}

/*8.1.2 Gabinety ankieta*/
div.gabinetyAnkieta label {margin-bottom:5px;width:247px;float:left;display:inline;}
div.gabinetyAnkieta label.labelSmall{width:126px;}
div.gabinetyAnkieta label.zdjecieLabel {width:150px;}
div.gabinetyAnkieta input.text {width:230px;}
div.gabinetyAnkieta input.textSmall{width:110px;}
div.gabinetyAnkieta input.textBig {width:470px;}
div.gabinetyAnkieta input.text,
div.gabinetyAnkieta input.textSmall,
div.gabinetyAnkieta input.textBig
{border:1px solid #ebebeb;float:left;display:inline;margin-right:10px;font-size:12px;padding:2px;margin-bottom:15px;}
div.gabinetyAnkieta br {clear:left;}
div.gabinetyAnkieta textarea {border:1px solid #ebebeb;width:100%;height:60px;margin-bottom:10px;width:470px;}
div.gabinetyAnkieta p {margin-top:10px;}
div#checkboxSpecjalizacje {margin-bottom:20px;}
div#checkboxSpecjalizacje label{float:none;display:inline;}
div#checkboxSpecjalizacje table {width:100%;}
div.dodajZdjecie {width:75%;margin-bottom:10px;}
div.dodajZdjecie input {margin-top:10px;}

/*8.1.3 Wyszukiwarka */
div.gabinetyAnkieta ul#stronicowanie {width:60%;}
/* =============== */
/* = 8.2 Rejestracja = */
/* =============== */
div.rejestracja table {margin:10px 0;}
div.rejestracja table td {padding:3px 0;}
div.rejestracja p.error,
div.rejestracja p.success
{display:block;display:inline-block;;margin:0 0 0 15px;height:20px;overflow:hidden;padding:0;text-indent:-99999px;width:20px;background:transparent url(../images/no-ok_ico.gif) no-repeat scroll bottom left;}
div.rejestracja p.error.success {background-position:top left;}
div.rejestracja p.error {background-position:bottom left;}

/* =========== */
/* = 8.3 Reminder = */
/* =========== */
div.reminder table {margin:10px 0;}
div.reminder table td {padding:3px 10px 3px 0;}
div.reminder table td {vertical-align:middle;}
div.reminder table td p.ButtonBlue {margin-bottom:0;}

/* ================ */
/* = 8.4 Klub Zdrowia = */
/* ================ */

/*8.4.1 Klub  zdrowia*/
/* = Background dla smallBox w Klubie Zdrowia, zalecam takie zagnieżdzenie ze względu na ie6 = */
div#klubzdrowia div.klubzdrowiaBox.left div.inner {background:#f8fcfe url(../images/boks_akcje.jpg) no-repeat top right;}
div#klubzdrowia div.klubzdrowiaBox.right div.inner {background:#fff url(../images/boks_klub.jpg) no-repeat top right;}

div.klubzdrowiaBox.left p {color:#026cac}
div.klubzdrowiaBox p {margin:10px 0;}
div.klubzdrowiaBox {margin-top:10px;}

div#klubzdrowia div#Box div.inner {background:url(../images/klub_BigBox.jpg) no-repeat top left;height:340px;}
div#zalogujRejestruj img {margin:0 auto;}
div#zalogujRejestruj div.inner {text-align:center;padding:10px 30px;font-style:italic;color:#707070;font-weight:bold;}

div#klubzdrowia div#Box div.inner {padding-left:23px;font-style:italic;}
div#klubzdrowia div#homeKonkurs{background:url(../images/blue_left_konkurs.gif) no-repeat top left;height:26px;padding-left:5px;}
div#klubzdrowia div#homeKonkurs a{display:block;font-size:14px;background:#026cac url(../images/blue_right_konkurs.gif) no-repeat top right;padding:0px 10px 0 5px;height:26px;line-height:23px;color:#fff;font-weight:bold;font-style:italic;}
div#klubzdrowia div#ZobaczButton{padding-left:5px;height:31px;background:url(../images/blue_left.gif) no-repeat top left;color:#fff;}
div#klubzdrowia div#ZobaczButton a {padding:0 40px 0 10px;color:#fff;line-height:31px;height:31px;background:url(../images/blue_right.gif) no-repeat top right;display:block;}
div#klubzdrowia div#ZobaczButton img{vertical-align:middle;margin-left:5px;}

/* 8.4.2. O klubie */
div.item div.hr {margin:10px 0;}
div.oklubie p {margin-left:35px;}
div.oklubie a {margin-left:35px;}
div.oklubie p.ButtonBlue a,div.oklubie p.ButtonBlue {margin-left:0;}

/* 8.4.3. Czlonkowie Klubu */
div.user {display:inline;width:95px;margin-right:33px;float:left;}
div.user.last {margin-right:0;}
div.user span b{font-weight:bold;}
div.user span,div.user a {display:block;text-align:left;}

/*8.4.4. Moje konto */
div#konto div.user {width:100%;}
div#konto div.user img {margin:5px 0 0 0;}
div.item div#info ul {width:100%;}
div.item div#info ul#stronicowanie {width:80%;}

/*8.4.5. Akcje */
div.akcje p {margin-left:35px;}

/*8.4.5. Konkurs */
div#homeBigBox.konkursKlubZdrowia {position:relative;height:474px;}
div#homeBigBox.konkursKlubZdrowia div.inner{background:url(../images/konkurs_bg.jpg) no-repeat left top transparent;font-style:italic;height:474px;}
div#homeBigBox.konkursKlubZdrowia div#ZobaczButton {bottom:40px;left:28px;margin:0;position:absolute;}
div#homeBigBox.konkursKlubZdrowia p {margin:10px 0;}
div#homeBigBox.konkursKlubZdrowia p,div#homeBigBox.konkursKlubZdrowia p a{color:#707070;font-size:12px;font-style:normal;}
div#homeBigBox.konkursKlubZdrowia p a{text-decoration:underline;}
div#homeBigBox.konkursKlubZdrowia p.opis{font-size:14px;}
div#homeBigBox.konkursKlubZdrowia div.win p.opis,
div#homeBigBox.konkursKlubZdrowia div.again p.opis,
div#homeBigBox.konkursKlubZdrowia div.fail p.opis  
{width:380px;margin:40px 0 130px;}
div#homeBigBox.konkursKlubZdrowia div.fail p.opis a {color:#1175b1;text-decoration:none;font-weight:bold;}
div#homeBigBox.konkursKlubZdrowia div.fail p.opis a:hover {text-decoration:underline;}
div#homeBigBox.konkursKlubZdrowia p.opis strong {display:block;margin-bottom:10px;font-weight:bold;}
div#homeBigBox.konkursKlubZdrowia p.ButtonBlue {bottom:35px;left:28px;margin:0;position:absolute;}
div#homeBigBox.konkursKlubZdrowia ul {margin-bottom:80px;}
div#homeBigBox.konkursKlubZdrowia ul li {color:#35a9e7;font-style:normal;width:394px;}
div#homeBigBox.konkursKlubZdrowia ul li span {display:block;margin:10px 0;font-weight:bold;}
div#homeBigBox.konkursKlubZdrowia ul li input {color:#707070;width:160px;}
div#homeBigBox.konkursKlubZdrowia p.regulamin{position:absolute;bottom:0;left:29px;}



/* ================ */
/* = 8.5 Enckylopedia = */
/* ================ */

.content-video #flash{padding-left:56px;}
.produkty-main h3 strong {font-weight:normal;}

div#items  ul.status{color:#b6b7b7; font-family:Arial; width:100%; height:25px;padding:10px 10px 10px 21px;}
div#items  ul.status li{display:inline;color:#b6b7b7; }
div#items ul.status li span{display:block; float:left; height:30px; background-position:left bottom;}
div#items ul.status li.desc span{width:151px;}
div#items ul.status li.first span{width:180px; }
div#items ul.status li.second span{width:180px; }
div#items ul.status-1 {background:url(../images/status1.jpg) no-repeat 21px bottom;}
div#items ul.status-1 .first {color:#61bbea; }

div#items ul.status-2{background:url(../images/status2.jpg) no-repeat 21px bottom;}
div#items ul.status-2 .first, ul.status-2 .second{color:#61bbea; }

div#items  ul.status-3{background:url(../images/status3.jpg) no-repeat 21px bottom;}
div#items ul.status-3 .first, ul.status-3 .second, ul.status-3 .third{color:#61bbea; }

.question-1{font-size:15px; color:#535353;}
.question-form{padding:0px 0px 0px 21px;}
div#items .question-form ul li{color:#707070; font-size:12px;}
div#items  a.nexstep{display:block; margin:20px 0px; width:171px; height:30px; background:url(../images/btn_nextstep.jpg) left top no-repeat;clear:both;  text-indent:-99999px}
div#items  a.nexstep:hover{background-position:left -30px;}

div#items  a.check{display:block; margin:20px 0px; width:172px; height:30px; background:url(../images/btn_check.jpg) left top no-repeat;clear:both;  text-indent:-99999px}
div#items  a.check:hover{background-position:left -31px;}


.question-sliders{padding:10px 21px; width:90%; }
.question-sliders p {font-size:13px; padding:20px 0px 20px 90px;margin-left:20px;}
.question-sliders p.cig {background:url(../images/cig.jpg) no-repeat left center;}
.question-sliders p.coffee{background:url(../images/coffee.jpg) no-repeat left center;}
.question-sliders p.question-1{color:#535353;
font-size:15px;padding:0px; margin:0px; margin-bottom:20px;}
.answers2 li{padding:10px 0px 10px 0px;}

div#navMiddleContent p:hover, div#navMiddleContent h3:hover{cursor:pointer;text-decoration:underline;}


div#items a.conf-result{display:block; text-align:center; float:left;margin:0px 10px; font-size:14px; color:#545656; font-weight:bold;width:180px;}
div#items a.conf-result img{width:180px;}
div#items a.conf-result:hover{border:none; text-decoration:none;}

.footer-madeby{color:#787878; padding:5px 10px; float:right;}
.footer-madeby a{color:#1596D9; font-weight:bold;}

h1.bottom{bottom:4px;color:#787878;display:block;font-size:11px;font-style:italic;font-weight:normal;padding-left:14px;position:absolute;}




/* sitemap */
#sitemap {background: transparent url(../images/bg_art.jpg) no-repeat scroll 0pt 9px; width:509px;}
#sitemap h2 { border-bottom:1px solid #CECECE; color:#006DB6; font-size:0.9em; font-family:Tahoma,Verdana,Arial,sans-serif; margin:0pt 2em 0em 1em; padding:1.5em 0pt 0.5em; text-transform:uppercase; }
ul.sitemap { font-size:.7em; width:200px; padding:20px 30px; }
.sitemap li { padding:5px 0 5px 0; border-bottom:1px dotted #cecece; }
.sitemap li a { padding:2px 0 2px 20px;  font-weight: bold; }
.sitemap li a:link, .sitemap li a:visited { text-decoration:none; color:#006db6; background:transparent url(../images/bullet.gif) no-repeat 0 50%; font-family:Tahoma,Verdana,Arial,sans-serif; font-size:135%; }
.sitemap li a:hover { text-decoration:underline; color:#e8100f; background:transparent url(../images/bullet-hover.gif) no-repeat 0 50%; }
.sitemap li ul { padding: 5px 0 20px 20px; }
.sitemap li ul li ul li { border-bottom:1px dotted #cecece; }
.sitemap li ul li a { color:#4a4848; }
#sitemap .sitemap li ul li a:link, #sitemap .sitemap li ul li a:visited, #sitemap .sitemap li ul li a:hover  { background-image:url(../images/bullet10.gif); padding-left:10px; font-weight:normal;color:#4a4848; }

h4 a{display:block; font-weight:bold;}
h4.search{padding-bottom:10px; font-weight:normal; }

#BAM-Paging{width:auto; height:20px;}
#BAM-Paging a {display:block; float:left; margin:5px 10px 5px 0px;}
#BAM-Paging a.LNK-Next{background:url(../images/right.gif) no-repeat; width:17px; height:15px; padding:0px; margin:5px 10px 5px 0px;text-indent:-99999px; margin-top:8px}
#BAM-Paging a.LNK-Prev{background:url(../images/left.gif) no-repeat; width:17px; height:15px; padding:0px; margin:5px 10px 5px 0px;margin-top:8px;text-indent:-99999px; }

.klub-login{border:1px solid #EBEBEB;height:23px;padding:4px;width:195px;}
.form-konkurs{color:#707070;
font-size:14px;
font-style:normal;
line-height:41px;
padding-top:9px;}
.form-konkurs a{color:#35a9e7; font-size:14px; font-style:none;}