/*  --------- STYLE GŁOWNE - zmiensienazdrowie  --------- */
body { background: #FFFFFF; text-align: center;  }
* { font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: none; margin: 0; padding: 0; }

/*  --------- OGÓLNE - zmiensienazdrowie --------- */
h1 { font-size: 13px; color: #BD4103; font-weight: bold; margin-bottom: 5px; }
ul { list-style: none outside url(/images/zmiensienazdrowie/li.gif); }
li { margin: 0px; padding: 0; text-align: left; }
a { color: #000; }
a:hover { text-decoration: underline; }
img { border: 0; }
fieldset { border: 0; }
/* KEYWORD */
h3 { width: 200px; padding: 0 0 3px 0; margin-bottom: 5px; text-align: left; border-bottom: 1px solid #D9D9D1; }
h3, h3 a { font-size: 13px; color: #77746B; }
h3 a:hover { text-decoration: none; }
/* SCIEZKA PRZEBYWANIA */
h4 { width: 520px; padding: 0 0 3px 0; margin-bottom: 5px; text-align: left; color: #CECECE; }
h4, h4 a { font-size: 11px; color: #77746B; }
h4 a:hover { text-decoration: underline; }
h4 span { font-size: 11px; color: #A3A3A3; }
/* WIĘCEJ */
div.more { text-align: right; }
div.more a { color: #BD4103; }
:focus { outline: 0; }
div.dn { display: none; }

/* SRODEK strony - kolumny, główne boxy */
#page { width: 980px; margin: 0 auto; padding: 0; border: 0; background: #FFF; } 
#page:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; float: none; }

/* TOP */
#top { width: 980px; margin: 0 auto; padding: 0; border: 0; text-align: right; }
#top img { margin: 0; padding: 0; border: 0; }
#topLogoTop { height: 23px;  width: 878px; margin: 0 auto; background-image: url('/images/zmiensienazdrowie/zdrowie_00_130x23.jpg'); background-repeat: no-repeat;}
#topLogoTop p { margin-right: 16px; font-size: 10px; color: #000; font-family: Tahoma, Verdana, sans-serif; }
#topLogo { height: 107px; width: 878px; margin: 0 auto; background: none; }
#topLogoMenu { width: 878px; height: 27px; margin: 0 auto; background: url('/images/zmiensienazdrowie/zdrowie_02_878x27.jpg'); }

#topParticipantsPhotos { width: 980px; margin: 0 auto;  }
#topParticipantsPhotos ul { float: left; width: 900px; margin-left: 60px; padding: 15px 0; display: inline; list-style: none outside none; border: 0; background: #FFFFFF; }
.participiantPhoto { width: 140px; float: left; margin: 0; padding: 0; text-align: center; }

/* KOLUMNY */
#col300 { float: right; width: 300px; overflow: hidden; }
#col160 { float: left; width: 160px; }
#col520 { float: left; width: 500px; margin: 0 0 10px 10px; text-align: left; overflow: hidden; }
#col820 { float: left; width: 810px; margin: 0 0 10px 10px; text-align: left; overflow: hidden; }

/* STOPKA */
#bottom { clear: both; margin: 0 auto; padding: 10px 0; width: 980px; color: #000; font-size: 10px; text-align:center; }
#bottom a { color: #0F0; text-decoration: none; }
#bottom ul { float: right; width: 400px; text-align: right; list-style: square outside none; }
#bottom ul li { float: right; margin-left: 20px; }

/* BOKSY - KOLUMNA 520 */
/* sciezka */
p#sectionPath { margin: 0 0 5px 0; padding: 0 0 5px 0; text-align: left; font-size: 11px; font-weight: bold; line-height: 14px; color: #999; background: url(/images/zmiensienazdrowie/line_gray.gif) repeat-x bottom; }
p#sectionPath a { font-size: 11px; font-weight: normal; color: #A02722; }
p#sectionPath a#sectionPathCurrent { color: #E25348; }

/* BOX MENU W KOLUMNIE 160 */
#menu { width: 160px; text-align: left; list-style: none outside; margin: 0; padding: 0; }
#menu ul { margin: 0; padding: 0; border: 0; list-style: none outside none; }
#menu ul li { display: block; padding: 0px 0 5px 10px; margin: 3px 0 4px 0; list-style: none outside; background: url(/images/zmiensienazdrowie/li.gif) no-repeat 10px 5px; border-bottom: 1px solid #E0E0D4; }
#menu ul li a { margin: 0; padding: 0 0 0 15px; font-size: 12px; font-weight: bold; color: #373737; }

/* BOX BMI W KOLUMNIE 160 */
#boxBmi { clear: both; float: left; width: 158px; border: 1px solid #F26201; }
#boxBmi p { padding: 5px 20px; font-size: 11px; }
#boxBmi p span { font-size: 11px; color: #999; }
#boxBmi form { padding: 0 5px; }
#boxBmi fieldset { margin-top: 5px; text-align: left; }
#boxBmi label { display: inline; float: left; width: 36px; margin-left: 20px; padding: 0; font-size: 11px; }
#boxBmi .inputText { width: 50px; }
#boxBmi .inputSubmit { margin-left: 45px; margin-bottom: 5px; } 

.boxArchive160 { float: left; width: 160px; margin: 0; padding: 0; background: url(/images/zmiensienazdrowie/zdrowie_box_160_bg.jpg) no-repeat;}
.boxArchive160 h3 { width: 145px; height: 25px; padding: 20px 0 0 15px; margin-bottom: 1px; font-size: 12px; color: #FFF; font-family: Tahoma,Verdana,sans-serif; }
.boxArchive160 ul { width: 158px; border: 1px solid #F26201; list-style: none outside none; }
.boxArchive160 ul li { width: 138px; padding: 5px 10px; background: url(/images/zmiensienazdrowie/li.gif) no-repeat 8px 9px; }
.boxArchive160 ul li a { width: 128px; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; color: #373737; background: none; }

/* BOX UCZESTNICY W KOLUMNIE 300 */
.boxLatestPhotoVideo { float: left; width: 298px; border: 1px solid #F26201; margin: 0; padding: 0; }
.boxLatestPhotoVideo .item { width: 298px; height: 125px; text-align: center; }
.boxLatestPhotoVideo .item h1, .boxLatestPhotoVideo .item h1 a { clear: both; font-size: 12px; font-family: Tahoma,Verdana,sans-serif; color: #000; }
.boxLatestPhotoVideo .item ul { list-style: none outside none; clear: both; }
.boxLatestPhotoVideo .item ul li { display: inline; float: left; margin: 0 20px; }
#boxParticipants300 h3 { float: left; width: 285px; height: 25px; margin: 0; padding: 22px 0 0 15px; border: 0; background: url('/images/zmiensienazdrowie/zdrowie_box_300_bg.jpg'); font-size: 12px; font-family: Tahoma,Verdana,sans-serif; color: #FFF; }

/* LISTA GALERII */
#galleryList { clear: both; width: 293px; padding: 5px 0 5px 5px; margin: 0 0 10px 0; text-align: left; background: #FFF; border: 1px solid #e1e2dd; }
#galleryList ul { clear: both; width: 268px; margin-top: 10px; }
#galleryList ul li { clear: both; margin-bottom: 4px; }
#galleryList ul li a { font-size: 12px; }
#galleryList ul li.firstItem { list-style: none outside none; padding: 0 0 10px 0; margin-left: -15px; }
#galleryList ul li.firstItem img { float: left; padding: 0 10px 5px 0; }
#galleryList ul li.firstItem h1 { padding-bottom: 3px; }
#galleryList ul li.firstItem h1 a { color: #b94605; font-size: 13px; padding-bottom: 3px; }

/* BOX Z PRZESUWANYMI ZDJECIAMI (J-CAROUSEL) */
.boxParticipantPhotos { position: relative; float: left; width: 298px; height: 130px; margin-bottom: 15px; margin-top: 37px; } /*27px=15 + 12(h2 height)+10(h2 padding) */
.boxParticipantPhotos ul li { margin: 0 0 8px 0; line-height: 15px; background: none; }
.boxParticipantPhotos ul li a { font-size:12px; color: #333; }
#col300 h4, #col300 h4 a, #col300 h6, #col300 h6 a { font-size: 14px; color: #347235; font-weight: bold; }

#col520 { display: block; }
div#colParticipantsPhotosBig { float: left; width: 160px; margin: 0; padding: 0; text-align: left; overflow: hidden; margin-right: 20px; }
div#colParticipantsPhotosBig ul { list-style: none outside none; }
div#colParticipantsPhotosBig ul li { list-style-image: none; margin: 0; padding: 0; }
div#colParticipantsPhotosBig h1 { margin: 10px 0 10px 0; font-size: 20px; font-family: Tahoma, Verdana, sans-serif; color: #000; font-weight: normal; }
div#colParticipantsPhotosBig h2 { margin: 10px 0 0 0; font-size: 12px; font-family: Tahoma, Verdana, sans-serif; color: #000; font-weight: normal; }
div#colParticipantsPhotosBoxes { margin-top: 44px; }

/* DROPPY 0.1.2 */
/* Basic code - don't modify */
#nav { display: block; margin: 0; padding: 0; position: relative; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }
/* Essentials - configure this */
#nav ul { width: 130px; }
#nav ul ul { left: 131px; }
/* Everything else is theming */
#nav { background-color: #bcd228; height: 24px; }
#nav *:hover { background-color: #F36300; }
#nav a { border-right: 1px solid white; color: white; font-size: 12px; padding: 6px; line-height: 1; }
#nav li.hover a { background-color: #f16100; }
#nav ul { top: 25px; }
#nav ul li a { background-color: #f16100; }
#nav ul a.hover { background-color: #bcd228; }
#nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
#nav .level1 { width: 90px; padding: 2px 5px; } 
#nav .level1 a { border-right: none;  }
#nav .level1 .hover a { background: none; } /* #f16100; - pomarancz*/
#nav { background: url(/images/zmiensienazdrowie/px.gif); }
#nav { width: 678px; float: left; padding-left: 200px; }

/* JCAROUSEL - zmiensienazdrowie */
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; width: 75px; height: 75px; background: none; list-style: none outside none; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }
.jcarousel-skin-box .jcarousel-container { background: #FFF; }
.jcarousel-skin-box .jcarousel-container-horizontal, ul.jcarousel-skin-box { width: 258px; padding: 5px 20px; }
.jcarousel-skin-box .jcarousel-clip-horizontal, ul.jcarousel-skin-box { width: 258px; height: 117px; overflow: hidden; }
.jcarousel-skin-box .jcarousel-item { width: 85px; height: 130px; margin: 0 1px; text-align: center; line-height: 13px; }
.jcarousel-skin-box .jcarousel-item a { font-size: 10px; font-weight: normal; color: #333; }
.jcarousel-skin-box .jcarousel-item a.image { display: block; width: 78px; height: 60px; border: 1px solid #999999; overflow: hidden; }
.jcarousel-skin-box .jcarousel-next-horizontal { position: absolute; top: 50px; right: 2px; width: 16px; height: 27px; cursor: pointer; background: transparent url(/images/button_next.gif) no-repeat 0 0; }
.jcarousel-skin-box .jcarousel-prev-horizontal { position: absolute; top: 50px; left: 2px; width: 16px; height: 27px; cursor: pointer; background: transparent url(/images/button_prev.gif) no-repeat 0 0; }
.jcarousel-skin-box .jcarousel-next-disabled-horizontal, .jcarousel-skin-box .jcarousel-prev-disabled-horizontal  { cursor: default; background: none; }

/* LISTA ARTYKUŁÓW NA PODSTRONIE */
ul.listEntry { list-style: none outside none; margin: 0; padding: 0; text-align: left; }
ul.listEntry li { display: block; height: 160px; clear: both; padding: 0 0 10px 0; margin: 5px 0 5px 0; } /* height: 90px; margin: 10px 0; */
ul.listEntry li img { float: left; padding: 3px; margin-right: 10px; border: 1px solid #D9D9D1; }
ul.listEntry li h1 { padding-bottom: 3px; margin: 0; }
ul.listEntry li h1 a { color: #b94605; font-size: 13px; padding-bottom: 3px; }
ul.listEntry li h1 img { display: inline; float: none; border:0; margin:0; padding:0; vertical-align: top; }
ul.listEntry li p { font-size: 12px; line-height: 17px; }
ul.listEntry li span { display: block; margin-top: 5px; color: #999; }
li.leadLinked a h1 { color: #000; font-size: 20px; font-family: Tahoma, Verdana, sans-serif; font-weight: normal; } 
li.leadLinked p a  { color: #000; font-size: 12px; font-family: Tahoma, Verdana, sans-serif; }
.entryArchive { list-style: none outside none; float: left; width: 250px; margin: 0; padding: 0; text-align: left; }
.entryArchive li { width: 240px; float: left; padding: 0 0 5px 10px; background: url(/images/zmiensienazdrowie/li.gif) no-repeat 0 3px; }

/* forum IP.B */
#forumLastPosts, #forumMostComments { clear: both; background: #F3F3EB; text-align:right; margin: 10px 0; padding: 5px; width: 130px; overflow: hidden; }
#forumLastPosts a, #forumMostComments a { color: #BD4103; }
#forumLastPosts h3 a, #forumMostComments h3 a { color: #77746B; }
#forumLastPosts ul, #forumMostComments ul { text-align:left; width: 130px; list-style: none outside none; margin:0; padding:0; }
#forumLastPosts ul li { margin:0 0 10px 0; padding:0; }
#forumLastPosts ul li span { display: block; color: #9D9D9D; }
#forumLastPosts ul li a { text-decoration: none; color: #333; }
#forumLastPosts ul li a:hover { text-decoration: underline; color: #333; }
#forumMostComments ul li span { color: #FF7F00; margin-right: 5px; }
#forumMostComments ul li a { display:inline; text-decoration: none; color: #333; }
#forumArticleComments { clear:both; width:100%; overflow: hidden; margin: 10px 0; }
#forumArticleComments ul { list-style: none outside none; margin:0; padding:0; }
#forumArticleComments ul li { margin:0 0 10px 0; padding:0; }
#forumArticleComments ul li a { text-decoration: none; color: #333; }
#forumArticleComments ul li a:hover { text-decoration: underline; color: #333; }
#forumArticleComments ul li span { display: block; color: #9D9D9D; }
#forumArticleComments ul li span a { float:right; color: #EA6868;}
#forumArticleComments fieldset { clear:both; border:0; margin:0; padding:0; text-align: right; }
#forumArticleComments input { background: none; border: none; text-align:right; margin: 0; padding: 0; cursor: pointer; color: #BD4103;}

/* problem linku w Operze */
#link_sponsorowany { width: 200px; margin: 0px; margin-bottom: 10px; border-bottom: 1px solid #ececec; padding-top: 0px; padding-bottom: 10px; float: left; overflow: hidden; text-align: left; font-size: 9px; font-family: Verdana,Tahoma; color: #9d9d9d; }
#link_sponsorowany a { color: #cc0000; text-decoration: none; font-weight: bold; font-size: 11px; }
#link_sponsorowany a:hover { color: #cc0000; text-decoration: underline; font-weight: bold; font-size: 11px; }

/* REKLAMY */ 
#adholder_belka, #adoceanBelka { clear: both; width: 500px; text-align: center; }
#adholder_gora, #adoceanGora { clear: both; width: 780px; margin: 0 auto; padding: 10px 100px; text-align: center; }
#adholder_dol, #adoceanDol { clear: both; width: 780px; margin: 0 auto; padding: 10px 100px; text-align: center; background: #FFF; }
#adholder_pasek, #adoceanPasek { clear: both; width: 780px; margin: 0 auto; padding: 10px 100px; text-align: center; background: #FFF; }
#adholder_link, #adoceanLink { clear: both; padding: 0; margin: 0 5px; }
#adholder_srodek1, #adholder_srodek2, #adoceanSrodek1, #adoceanSrodek2 { clear: both; text-align: center; }
#adholder_lewa1, #adholder_lewa2, #adholder_lewa3, #adoceanLewa1, #adoceanLewa2, #adoceanLewa3 { clear: both; width: 160px; text-align: center; }
#adholder_prawa1, #adholder_prawa2, #adholder_prawa3, #adoceanPrawa1, #adoceanPrawa2, #adoceanPrawa3 { clear: both; width: 300px; text-align: center; }

/* OPERA - formatowanie napisu reklama i promocja - start */
#belka_box { width: 100%; margin: auto; text-align: center; }
#belka { width: 500px; margin: auto; text-align: left; font-size: 7pt; font-family: Verdana, Tahoma; color: #9d9d9d; }
#gora_box { width: 100%; margin: auto; text-align: center; }
#gora { width: 750px; margin: auto; text-align: left; font-size: 7pt; font-family: Verdana, Tahoma; color: #9d9d9d; }
#dol_box { width: 100%; margin: auto; text-align: center; }
#dol { width: 750px; margin: auto; text-align: left; font-size: 7pt; font-family: Verdana, Tahoma; color: #9d9d9d; }
#lewa1_box , #lewa2_box, #lewa3_box, #lewa4_box { width: 100%; margin: auto; text-align: center; margin-bottom: 10px; padding-bottom: 10px; }
#lewa1, #lewa2, #lewa3, #lewa4 { width: 120px; margin: auto; text-align: left; font-size: 7pt; font-family: Verdana, Tahoma; color: #9d9d9d; }
#link_sponsorowany { width: 280px; margin: 0px; margin-bottom: 5px; border-bottom: 0px solid #ececec; padding-top: 0px; padding-bottom: 5px; float: left; overflow: hidden; text-align: left; font-size: 9px; font-family: Verdana,Tahoma; color: #9d9d9d; }
#link_sponsorowany a { color: #cc0000; text-decoration: none; font-weight: bold; font-size: 11px; }
#link_sponsorowany a:hover { color: #cc0000; text-decoration: underline; font-weight: bold; font-size: 11px; }
#prawa1_box, #prawa2_box, #prawa3_box, #prawa4_box { width: 100%; margin: auto; text-align: center; margin-bottom: 10px; padding-bottom: 10px; }
#prawa1 , #prawa2 , #prawa3 , #prawa4 { width: 300px; margin: auto; text-align: left; font-size: 7pt; font-family: Verdana, Tahoma; color: #9d9d9d; }
#srodek1_box , #srodek2_box { width: 100%; margin: auto; text-align: center; margin-bottom: 10px; border-bottom: 1px dotted #ececec; padding-bottom: 10px; }
#srodek1, #srodek2 { width: 300px; margin: auto; text-align: left; font-size: 7pt; font-family: Verdana, Tahoma; color: #9d9d9d; }
/* OPERA - formatowanie napisu reklama i promocja - koniec */
div.dn { display: none; }


/* Info o serwisie zewnetrznym */
.suffix { font-size: 10px; margin: 0 0 0 10px; color: #999; }
.listNews li h1 .suffix { font-size: 12px; margin: 0 0 0 8px; color: #999; }