/* style ogolne portalu */
* { margin: 0; padding: 0; border: 0; font-family: Tahoma, Verdana, Arial, sans-serif; }
body { font-size: 11px; text-align: left; background: #FFF; color: #333; }

/* DOMYSLNE */
h1 { margin-bottom: 10px; font-size:28px; font-weight: bold; color: #333; }
h2 { margin-bottom: 10px; font-size:20px; font-weight: bold; color: #333; }
h3 { clear: both; margin: 0; padding: 20px 0 10px 0; }
h3, h3 a { font-size: 18px; color: #eee; }
a { color: #666; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin-bottom: 10px; }
p.more { clear: both; margin: 0; padding: 5px; text-align: right; color: #ccc; }
p.more a { color: #6CAAC4; font-weight: bold; margin: 0 6px; background-color: #fff; }
.centerText { text-align: center; }
input, select, textarea { margin: 0 2px 0 0; vertical-align: middle; font-size: 11px; }
input.inputText { height: 15px; border: 1px solid #999; }
input.inputSubmit { height: 17px; } 
select { border: 1px solid #999; }
textarea { padding: 3px; border: 1px solid #999; }
label { display: block; float: left; width: 100px; }
ul { padding-left: 5px; list-style: none outside none; }
ul li { margin-bottom: 2px; padding-left: 12px; background: url(/images/li.gif) no-repeat left 5px; }
ol { padding-left: 20px; }
ol li { margin-bottom: 2px;  }
/* domyslne dla tabs */
.ui-tabs-nav a { outline: none; }
.ui-tabs-hide { display: none; }
.ui-tabs-selected a:hover { text-decoration: none; }
/* domyslne dla jcarouselLite */
.disabled { display: none; }

/* TOP */
#topBg { background: #FFF url(/images/mlodapara/top_bg.gif) repeat top; height: 170px; margin-bottom: 10px; }
#top { height: 170px; width: 980px; margin: 0 auto; background: #FFF url(/images/mlodapara/top_bg.gif) repeat; }
#topLogo { float: left; width: 300px; height: 170px; float: left; padding: 0;   }
#top p { height: 42px; width: 100%; margin: 0; padding: 0; color: #999; font-weight: bold; text-align: right; }
#top p img { vertical-align: middle; }
#top p a { color: #999;  }
#top p b a { color: #666; }

/* SRODEK strony - kolumny, glowne boxy */
#wrapper { clear: both; width: 980px; margin: 0 auto; padding: 0 0 20px 0; background: #FFF; overflow: hidden; }
#col160 { display: inline; float: left; width: 160px; background: #F3F3EE; }
#col520 { display: inline; float: left; width: 500px; padding: 0 10px; }
#col300 { display: inline; float: left; width: 300px; }
#col680 { display: inline; float: left; width: 670px; padding: 0 10px 0 0; }
#col820 { display: inline; float: left; width: 810px; padding: 0 0 0 10px; }
#col980 { display: inline; float: left; width: 980px; }

/* STOPKA */
#bottomBg { clear: both; padding: 20px 0; background-color: #6CAAC4; }
#bottom { width: 980px; margin: 0 auto; overflow: hidden; }
#bottom h3 { font: bold 13px Verdana,Tahoma; color: #EFE577; text-align: right; width: 360px; padding: 0 25px 0 0; border-right: solid 1px #bbb; float: left;  }
#bottom li { float: left; padding: 0; background: none; width: 90px; text-align: center; }
#bottom li a { display: block; padding: 0 5px; margin: 0px 0; border-right: 1px solid #bbb; color: #eee; font: bold 13px Verdana,Tahoma; }
#bottom li a:hover { text-decoration: underline; }
#footerBg { height: 25px; background: #fff; border-top: 3px solid #eee; }
#footer { width: 980px; margin: 0 auto; padding-top: 2px; overflow: hidden; }
#footer p { color: #999; padding: 3px 0; margin: 0; }
#footer ul { float: right; height: 22px; margin: 0; padding: 0; width: 210px; }
#footer ul li { float: left; margin: 0; padding: 0; background: none; width: 52px; }
#footer ul li a { display: block; padding: 0 0 0 11px; margin: 3px 0; color: #999; }
#footer ul li a:hover { text-decoration: underline; }

/* BOKSY - KOLUMNA 160 */
/* keyword */
#col160 h3 { clear: both; height: 17px; padding: 3px 0 0 5px; background-color: #6CAAC4; font-size: 11px; font-weight: bold; color: #eee; }

/* klasa ogolna dla boksu w kolumnie 160 */
.box160 { margin: 5px 15px 15px 5px; padding: 0; }



#boxMenuleft { margin: 0; padding: 0 15px 15px 5px; background: #E3F2EB; }
#boxMenuleft li { position: relative; margin: 0; padding: 0; background: none; }
#boxMenuleft li span { position: absolute; display: block; top: 3px; left: 110px; z-index: 2; width: 30px; font-size: 9px; color: #ff0000; text-align: right; }
#boxMenuleft li a { display: block; height: 20px; padding: 7px 0 0 5px; background: url(/images/line_left_a.gif) no-repeat bottom; color: #B47B10;}
#boxMenuleft li a:hover { text-decoration: none; color: #A9501B; }

#boxServices { margin: 0; padding: 0 15px 15px 5px; }
#boxServices li { position: relative; margin: 0; padding: 0; background: none; }
#boxServices li span { position: absolute; display: block; top: 3px; left: 110px; z-index: 2; width: 30px; font-size: 9px; color: #666; text-align: right; }
#boxServices li a { display: block; width: 135px; padding: 7px 0 7px 5px; background: url(/images/line_left_a.gif) no-repeat bottom; color: #B47B10; }
#boxServices li a.important { font-weight: bold; background: url(/images/line_left_a.gif) no-repeat bottom; }
#boxServices li a:hover { text-decoration: none; color: #A9501B; }

#boxAdvice li { margin: 0 0 10px 0; padding: 0; background: none; }
#boxAdvice li h1 { font-size: 11px; color: #555; padding: 0 0 8px 0; margin: 0 0 4px 0; }
#boxAdvice li h1 a { font-size: 11px; color: #555; font-weight: normal; }
#boxAdvice li img { margin-bottom: 2px; }
#boxAdvice li a { color: #B47B10; }
#boxAdvice li a:hover { text-decoration: underline; }

#boxSeemore li { margin: 0 0 10px 0; padding: 0; background: none; }
#boxSeemore li h1 { font-size: 11px; padding: 0 0 3px 0; margin: 0 0 4px 0; background: url(/images/line_left_c.gif) no-repeat bottom; }
#boxSeemore li h1 a { font-size: 11px; color: #c21517; font-weight: normal; }
#boxSeemore li a { color: #333; }
#boxSeemore li a:hover { text-decoration: underline; }

#boxRegions li { margin-bottom: 5px; }
#boxRegions li h1 { font-size: 11px; padding: 0; margin: 0 0 2px 0; }
#boxRegions li h1 a { font-size: 11px; color: #333; font-weight: normal; }
#boxRegions li a { color: #333; font-weight: bold; }
#boxRegions li a:hover { text-decoration: underline; }

/* BOKSY - KOLUMNA 520 */
/* sciezka */
p#sectionPath { margin: 0 0 5px 0; padding: 0 0 20px 0; text-align: left; font-size: 11px; font-weight: bold; line-height: 14px; color: #B47B10; background: url(/images/line_left_a.gif) repeat-x bottom; }
p#sectionPath a { font-size: 11px; font-weight: normal; }
p#sectionPath a#sectionPathCurrent { color: #6CAAC4; background-color: #fff; }
#sectionPath .inactive, #sectionPath .active, #sectionPath strong { background: url("/images/mlodapara/breadrumbs_arrow.png") no-repeat scroll left center transparent; margin-right: 4px; padding-left: 10px; }

/* lista artykulow na HP */
/* styl domyslny - foto po prawej + maly czarny tytul */
.listNews { margin: 0; padding: 0; }
.listNews li { float: left; width: 500px; margin: 0 0 5px 0; padding: 0 0 28px 0; background: url(/images/line_left_a.gif) repeat-x bottom; }
.listNews li span { margin: 0; padding: 0; font-size: 10px; font-weight: bold; color: #999; font-weight: normal; }
.listNews li span a { padding-right: 3px; font-size: 11px; font-weight: bold; color: #6CAAC4; background-color: #fff; }
.listNews li span span { font-size: 10px; color: #B47B10; }
.listNews li h1 { width: 330px; margin: 5px 0; padding: 0; }
.listNews li h1 img { float: none; margin: 0; padding-left: 5px; vertical-align: middle; }
.listNews li img { float: right; margin: 5px 0 5px 10px; }
.listNews li p { width: 330px; margin: 0; font-size: 12px; color: #666; line-height: 17px; }
.listNews li ul { clear: none; width: 328px; margin: 10px 0 0 0; padding: 0 0 0 2px; }
.listNews li ul li { clear: none; float: none; width: auto; margin: 0 0 6px 0; padding: 0 0 0 12px; background: url(/images/lfi.gif) no-repeat left 5px; }
.listNews li ul li a { font-size: 12px; color: #6CAAC4; background-color: #fff;}
.listNews li p.artModo { text-align: right; }
.listNews li p.artModo a { color: #C21517; }
/* Klasa A - zdjecie po lewej */
.listNews li.artClassA h1 { float: right; }
.listNews li.artClassA img { float: left; margin: 5px 10px 5px 0; }
.listNews li.artClassA h1 img { float: none; }
.listNews li.artClassA p { float: right; }
.listNews li.artClassA ul { float: right; }
/* Klasa B - zdjecie panoramiczne */
.listNews li.artClassB h1 { width: 500px; }
.listNews li.artClassB img { margin: 5px 0; }
.listNews li.artClassB p { width: 500px; }
.listNews li.artClassB ul { width: 498px; }
/* Bez klasy, bez zdjecia */
.listNews li.artNoPicture h1 { width: 500px; }
.listNews li.artNoPicture p { width: 500px; }
.listNews li.artNoPicture ul { width: 498px; }
/* Style tytulow */
.listNews h1.smallBlack,  .listNews h1.smallBlack a  { font-size: 20px; color: #777; }
.listNews h1.middleBlack, .listNews h1.middleBlack a { font-size: 24px; color: #333; }
.listNews h1.bigBlack,    .listNews h1.bigBlack a    { font-size: 28px; color: #333; }
.listNews h1.smallRed,    .listNews h1.smallRed a    { font-size: 20px; color: #C21517; }
.listNews h1.middleRed,   .listNews h1.middleRed a   { font-size: 24px; color: #C21517; }
/* Archiwum artykulow */
.listNewsArch { float: left; width: 245px; }
.listNewsArch li { margin-bottom: 10px; }
.listNewsArch li img { margin: 0 0 0 3px; }
.listNewsArch li span { color: #999; }

/* lista artykulow w formie linkow tekstowych */
#listTextNews li { margin: 0 0 10px 0; }
#listTextNews li h1 { margin: 0 0 3px 0; font-size: 12px; }
/* 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; }

/* lista galerii na stronie sekcji */
#galleryMainList h1 { font-size: 14px; font-weight: bold; text-align: center; color: #777; }
#galleryMainList ul { margin:0; padding: 0; }
#galleryMainList ul li { display: inline; float: left; width: 150px; height: 170px; margin:0 73px 0 0; padding: 0; background: none; }
#galleryMainList ul li img { border: 1px solid #999; }
#galleryMainList ul li a { display:block; font-weight: bold; }
#galleryMainList ul li span { display: block; margin-top: 3px; color: #999; }
.galleryList ul li { float: left; width: 200px; margin-bottom: 10px; }

/* BOKSY - KOLUMNA 300 */
/* keywordy: h3 - duzy keyword, h4 - mala czesc dwuskladniowego, h5 - duza czesc dwuskladniowego, h6 - zwykly keyword */
#col300 h3 { position: absolute; z-index: 2; top: -1px; left: -1px; margin: 0; padding: 2px 5px 5px 10px; background: #FFF; }
#col300 h4 { position: absolute; z-index: 3; top: 2px; left: 10px; margin: 0; padding: 0; }
#col300 h5 { position: absolute; z-index: 2; top: -1px; left: -1px; margin: 0; padding: 15px 0 0 35px; background: #FFF; }
#col300 h3, #col300 h3 a { font-size: 18px; color: #6CAAC4; font-weight: bold; background: #FFF; }
#col300 h4, #col300 h4 a, #col300 h6, #col300 h6 a { font-size: 14px; color: #265e99; font-weight: bold; }
#col300 h5, #col300 h5 a { font-size: 24px; color: #C21517; font-weight: bold; }
#col300 h3 a:hover, #col300 h4 a:hover, #col300 h5 a:hover ,#col300 h6 a:hover { text-decoration: none; }

/* klasy ogolne dla boksow w kolumnie 300 */
.boxOneKeyword300 { position: relative; clear: both; float: left; width: 298px; margin-bottom: 15px; padding: 28px 0 5px 0; border: 1px solid #e1e0e0; }
.boxTwoKeywords300 { position: relative; clear: both; float: left; width: 298px; margin-bottom: 15px; padding: 45px 0 5px 0; border: 1px solid #e4e3e3; }
.boxOneKeyword300 ul li, .boxTwoKeywords300 ul li { margin: 0 0 8px 0; line-height: 15px; background: url(/images/li_red.gif) no-repeat left 5px; }
.boxOneKeyword300 ul li a, .boxTwoKeywords300 ul li a { font-size:12px; color: #333; }


#boxGalleries { padding-top: 33px; }
#boxGalleries ul li { background: none; }

#boxForum { top: 1px; height: 35px; margin: 0; padding: 0; border-bottom: none; }
#boxForum h3 { padding-bottom: 12px; }
#boxForumTabs { margin-bottom: 15px; }
#boxForumTabsList { float: left; width: 299px; height: 27px; margin: 0; padding: 0; border-right: 1px solid #e4e3e3; }
#boxForumTabsList li { float: left; margin: 0; padding: 0; background: none; }
#boxForumTabsList li a { position: relative; top: 1px; display: block; width: 96px; padding: 6px 0; margin: 0 3px 0 0; font-weight: bold; text-align: center; background: #f2f1f1; color: #6F6F6F; border: 1px solid #e4e3e3; border-bottom: none; }
#boxForumTabsList li.ui-tabs-selected a { display: block; background: #FFF; color: #B47B10; border-bottom: 1px solid #FFF; }
#boxForumTabsList li.lastItem a { margin: 0; }
#forumList1, #forumList2 { clear: both; width: 298px; background: #FFF; border: 1px solid #e4e3e3; }
#forumList1 ul { margin: 0; padding: 5px 10px; }
#forumList1 ul li { background: none; margin: 0 0 10px 0; padding: 0; }
#forumList1 ul li span { color: #999; display: block; }
#forumList2 ul { margin: 0; padding: 5px 10px; }
#forumList2 ul li { background: none; margin: 0 0 10px 0; padding: 0; }
#forumList2 ul li a { margin-left: 5px; }
#forumList2 ul li span { color: #999; }

#pollMini { padding: 5px; font-size: 11px; line-height: 18px; color: #666; }
#pollMini #preloader { margin: 40px 0 40px 130px; padding: 0; }
#pollMini p { margin: 0; }
#submitVote { float:left; width: 66px; height: 23px; padding: 23px 0 0 0; margin: 10px 0 0 75px; background: transparent url('/images/poll_vote.gif') no-repeat center top; overflow: hidden; cursor: pointer; }
#submitResult { float:left; width: 66px; height: 23px; padding: 23px 0 0 0; margin: 10px 0 0 0; background: transparent url('/images/poll_results.gif') no-repeat center top; overflow: hidden; cursor: pointer; }

#boxMapContainer { width: 280px; height: 280px; margin: 0 9px; overflow: hidden; }
#boxMap ul { margin: 0; padding: 0;  }
#boxMap ul li { float: left; margin: 0; padding: 10px 10px 0 10px; font-size: 12px; background: none; }
#boxMap input { float: left; width: 15px; height: 15px; } 
#boxMap label { float: left; width: auto; }

#boxHomepage300 ul { margin: 0 5px 15px 5px; padding: 0; }
#boxHomepage300 li { margin: 0 0 10px 0; padding: 0; background: none; }
#boxHomepage300 li h1 { font-size: 11px; padding: 0; margin: 0; }
#boxHomepage300 li h1 a { font-size: 11px; color: #B47B10; font-weight: normal; }
#boxHomepage300 li a { color: #666; }
#boxHomepage300 li a:hover { text-decoration: underline; }

#boxCurrentCategory ul { padding: 5px; }
#boxCurrentCategory ul li { margin: 0 0 8px 0; line-height: 15px; background: url(/images/li_red.gif) no-repeat left 5px; }
#boxCurrentCategory ul li a { font-size:12px; color: #333; }

#boxCompanies ul { padding: 5px; }
#boxCompanies ul li { margin: 0 0 8px 0; line-height: 15px; background: url(/images/li_red.gif) no-repeat left 5px; }
#boxCompanies ul li a { font-size:12px; color: #333; }

#boxLinks ul { padding: 5px; }
#boxLinks ul li { margin: 0 0 8px 0; line-height: 15px; background: url(/images/li_red.gif) no-repeat left 5px; }
#boxLinks ul li a { font-size:12px; color: #333; }

/* JCAROUSEL */
.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; padding: 0; background: none; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }

/* skin dla boxow w kolumnie 300 */
.jcarousel-skin-box .jcarousel-container { background: #FFF; }
.jcarousel-skin-box .jcarousel-container-horizontal, ul.jcarousel-skin-box { width: 258px; padding: 0 20px; }
.jcarousel-skin-box .jcarousel-clip-horizontal, ul.jcarousel-skin-box { width: 258px; height: 117px; overflow: hidden; }
.jcarousel-skin-box .jcarousel-item { width: 80px; height: 117px; margin: 0 3px; text-align: left; line-height: 13px; }
.jcarousel-skin-box .jcarousel-item a { font-size: 10px; font-weight: normal; color: #666; }
.jcarousel-skin-box .jcarousel-item a.image { display: block; width: 78px; height: 60px; border: 1px solid #ccc; overflow: hidden; }
.jcarousel-skin-box .jcarousel-next-horizontal { position: absolute; top: 18px; 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: 18px; 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; }

/* MAPY GOOGLE - CHMURKA */
.mapsInfo { width: 200px; font-size: 11px; }
.mapsInfo h1 { margin: 2px 0 5px 0; padding:0; font-size: 12px; }
.mapsInfo p { margin: 0; padding:0; font-size: 11px; }
.mapsInfo p.mapsInfoArticles { margin: 15px 0 2px 0; }
.mapsInfo img { border: 0; float: left; margin: 0 5px 5px 0; }
.mapsInfo ul, #boxMap .mapsInfo ul { float: none; margin: 0; padding: 0; }
.mapsInfo ul li, #boxMap .mapsInfo ul li { float: none; margin: 0 0 2px 0; padding: 0 0 0 12px; background: url(/images/li.gif) no-repeat left 5px; line-height: 12px; }
.mapsInfo ul li a, #boxMap .mapsInfo ul li a { font-size:11px; color: #333; }

/* 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; }
