/* --- style globalne ------------------------------------------------------- */

html { background-color: #e1164f; }
body { margin: 0; padding: 0; background: #fff url(../img/bgBody.gif) 0 100% repeat-x; }
body, textarea, input, select { font: 11px Tahoma, Arial, Helvetica, sans-serif; }
a, a:hover, a:link, a:visited { color: #4f79a7; text-decoration: none; }
a:hover { color: #174e8a; text-decoration: none; }
a img { border: none }
p { margin: 1em 0 }
ul { margin: 0; padding: 0; list-style: none; }
form { margin: 0 }
table { border-collapse: collapse }
h1 img, h2 img, h3 img, h4 img { display: block }

#bgL, #bgR { width: 50%; height: 480px; position: absolute; top: 0; }
#bgL { left: 0; background: url(../img/bgL.gif) 100% 0 repeat-x; }
#bgR { right: 0; background: url(../img/bgR.gif) repeat-x; }

/* --- top ------------------------------------------------------------------ */

#top { width: 914px; margin: 0 auto; height: 285px; position: relative; background: #fff url(../img/top.jpg) no-repeat; }
#top ul.siteNav { width: 600px; padding: 5px 0 0 0; font-size: 9px; }
#top ul.siteNav li { float: left; margin-right: 8px;  }
#top ul.siteNav li a { color: #3F566B; padding: 0 0 0 14px; background: url(../img/siteNav.gif) 0 0 no-repeat; text-transform: uppercase; }
#top ul.siteNav li a:hover { text-decoration: underline; }
#top a.logo { position: absolute; top: 44px; left: 11px; }
#top a.staze { position: absolute; top: 44px; left: 11px; }
#top div.breadcrumbs { padding: 4px 0 0 15px; position: absolute; top: 99px; font-size: 10px; }
#top div.breadcrumbs a { padding: 0 8px 0 0; margin: 0 1px 0 0; background: url(../img/bullet.gif) 100% 3px no-repeat; font-weight: bold; color: #000; }
#top ul.links { position: absolute; top: 44px; left: 616px; }
#top ul.links li { float: left; padding: 0 12px 0 0; }
#top ul.links li a { float: left; height: 30px; overflow: hidden; }
#top ul.links li a img { display: block; }
#top ul.links li a:hover { display: block; }
#top ul.links li a:hover * { margin-top: -30px; }
#top h1 { width: 299px; height: 153px; margin: 0; position: absolute; top: 123px; left: 9px; }
#top ul.menu { width: 288px; position: absolute; top: 131px; left: 615px;  }
#top ul.menu li { height: 34px; }
#top ul.menu li a { display: block; height: 34px; overflow: hidden; }
#top ul.menu li a img { display: block; }
#top ul.menu li a:hover * { margin-top: -34px; }
#top div.edition { position: absolute; top: 51px; left: 875px;  }

/* --- kontent -------------------------------------------------------------- */

#content { width: 913px; padding: 0 0 30px 0; margin: 0 auto; clear: both; background: #fff; position: relative; overflow: auto; border-left: solid 1px #e3e3e3; }

#content h2 { margin: 0 0 20px 0; font: 32px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #e1164f; }
#content h3 { font-size: 1.1em; margin: 1em 0 4px 0; color: #000; }
#content div.text p.intro { font-size: 14px; font-weight: bold; color: #000; }
#content div.text div.intro { font-size: 14px; font-weight: bold; color: #000; }
#content div.text p { margin: 0 0 1em 0; }
#content div.text a { font-weight: bold; }
#content div.text ul { padding: 0 0 0 14px; margin: 0 0 1em 0; }
#content div.text ul li { padding: 0 0 0 8px; background: url(../img/bullet2.gif) 0 8px no-repeat; }
#content div.text ol { margin: 3px 0 1em 0; padding: 0 0 0 34px; }
#content div.text ol ol { padding: 0 0 0 40px;}
#content div.text p.apply1,
#content div.text p.apply2 { color: #000; font-size: 13px; font-weight: bold; }

#content div.back { height: 22px; padding: 12px 0 13px 15px; }
#content div.back a { float: left; height: 22px; padding: 0 0 0 25px; margin: 0; background: url(../img/arrow.gif) no-repeat; color: #000; font-weight: bold; line-height: 22px; }
#content div.back a:hover { color: #7f7c7c; }

#content div.wideLeft { width: 550px; min-height: 10px; padding: 0 35px 0 37px; margin: 0 -1px 0 0; float: left; border-right: solid 1px #e0e0e0; }
#content div.wide { width: 840px; padding: 0 35px 0 37px; }
#content div.wide, #content div.wideLeft, #content div.leftCol { color: #626262; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 18px; }
#content div.sidebar { width: 270px; padding: 0 0 0 12px; float: left; border-left: solid 1px #e0e0e0; color: #626262; font-size: 11px; }
#content div.leftCol { width: 412px; padding: 0 20px 0 35px; margin: 0 -1px 0 0; float: left; border-right: solid 1px #e0e0e0; }
#content div.rightCol { width: 390px; padding: 0 0 0 25px; float: left; border-left: solid 1px #e0e0e0; }
#content div.noFlow { overflow: auto; }

#content div.filter { width: 256px; margin: 0 0 20px 0; padding: 12px 0 0 0; background: #f0f0f0 url(../img/box1.gif) no-repeat; color: #9e9e9e; }
#content div.filter div.wrapper { padding: 4px 0 12px 0; background: url(../img/box2.gif) 0 100% no-repeat; }
#content div.filter p { text-align: center; margin: 0 0 10px 0; color: #000; font-weight: bold; font-size: 12px; }
#content div.filter div.f { padding: 0 0 9px 43px; color: #000; text-transform: uppercase; }
#content div.filter div.f img { vertical-align: middle; padding: 0 0 0 3px; }
#content div.filter div.f input.radio { vertical-align: middle; }

#content div.projects { margin: 20px 0 20px 3px; }
#content div.projects p { margin: 0 0 0 3px; }
#content div.projects ul { margin: 12px 0 0 0; font-size: 10px; line-height: 13px; }
#content div.projects ul li { padding: 0 0 0 30px; min-height: 24px; margin: 0 0 10px 0; background: url(../img/arrow.gif) no-repeat; color: #a2a1a1; }
#content div.projects ul li a { color: #e1164f; font-weight: bold; text-transform: uppercase; }
#content div.projects ul li a:hover,
#content div.projects ul li a.current { color: #7d112f; }
#content div.projects ul li span.cat { color: #000; text-transform: uppercase; font-weight: bold; }
#content div.text div.projects li { padding-top: 3px; margin-bottom: 5px; }
#content div.text div.projects li a { font-size: 11px; }
#content div.sidebar div.projects { margin-top: 10px; }
#content div.sidebar div.projects ul { margin-left: 5px; }

#content ul.banners {  }
#content ul.banners li { margin: 0 0 17px 0; }
#content ul.banners li img { vertical-align: bottom; }

#content div.person { margin: 0 0 20px 0; width: 100%; overflow: auto; }
#content div.person h3 { margin: 0 0 10px 0; font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #333251; }
#content div.person div.photo { margin-bottom: 5px; }
#content div.person div.desc { clear: both; width: 205px; }
#content div.person div.desc div.label { font-size: 12px; }
#content div.person div.desc div.name { font-size: 18px; line-height: 24px; color: #e1164f }
#content div.person div.desc p { font-size: 10px; line-height: 12px; margin-top: 4px; }

#content div.photo { float: left; margin: 2px 10px 0 0; }
#content div.photo img { display: block; padding: 3px; border: solid 1px #e2e2e2; }
#content div.photo p { margin: 6px 4px; text-align: right; font: 10px Arial, Helvetica, sans-serif; }

#content dl.contact { padding: 0; margin: 0; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 18px; }
#content dl.contact dd { padding: 0 0 0 30px; margin: 0 0 15px 0; background: url(../img/arrow.gif) no-repeat; font-size: 14px; line-height: 22px; font-weight: bold; color: #000; }
#content dl.contact dt { padding: 0 0 0 31px; margin: 0 0 15px 0; }
#content dl.contact address { font-style: normal; }

#content dl.calendar { margin: 25px 0 0 0; }
#content dl.calendar dd { width: 230px; padding: 14px 16px 28px 0; margin: 0 -1px 0 0; float: left; clear: left; text-align: right; border-right: solid 1px #e0e0e0; font: 14px Arial, Helvetica, sans-serif; color: #e1164f; }
#content dl.calendar dt { width: 550px; padding: 12px 0 28px 25px; margin: 0; float: left; border-left: solid 1px #e0e0e0; font-size: 14px; }

#content div.video { width: 100%; height: 402px; margin: 0 0 35px 0; clear: both; }
#content div.video div.player { float: left; padding: 4px; border: solid 1px #e0e0e0; margin: 0 20px 0 0; }
#content div.video div.player * { vertical-align: bottom; }
#content div.video div.videoText { float: left; width: 310px; height: 402px; padding: 0 0 0 20px; border-left: solid 1px #e0e0e0 }

#content div.gallery { }
#content div.gallery img.big { display: block; padding: 3px; margin: 0 0 6px 0; border: solid 1px #e0e0e0; }
#content div.gallery ul { overflow: auto; float: left; margin: 0 0 7px 0; border: solid 1px #e0e0e0; }
#content div.gallery ul li { float: left; }
#content div.gallery ul img { float: left; padding: 3px; }
#content div.gallery p { font-style: italic; color: #9e9e9e; line-height: 16px; }

#content a.seeMore { float: left; padding: 0 0 0 30px; margin: 10px 0 0 0; background: url(../img/arrow.gif) no-repeat; line-height: 22px; font-size: 10px; font-weight: bold; color: #e1164f; text-transform: uppercase; }
#content a.seeMore:hover { color: #7d112f;  }

#content div.winners h3 { clear: both; padding: 0 0 0 30px; margin: 10px 0 0 0; background: url(../img/arrow.gif) no-repeat; line-height: 22px; font-size: 12px; font-weight: bold; color: #e1164f; text-transform: uppercase; }
#content div.winners h3 a { color: #e1164f; }
#content div.winners h3 a:hover { color: #7d112f; }
#content div.winners ul.winners { margin: 12px 0 20px 30px; overflow: auto; font-size: 11px; line-height: 13px; }
#content div.winners ul.winners li { width: 360px; float: left; padding: 0; margin: 0 0 10px 0; background: none; color: #a2a1a1; overflow: auto; }
#content div.winners ul.winners li div { float: right; width: 240px; padding: 10px 0 0 0; }
#content div.winners ul.winners li div h4 { margin: 0 0 6px 0; color: #333251; font-weight: bold; font-size: 13px; text-transform: uppercase; }
#content div.winners ul.winners li img { float: left; padding: 3px; border: solid 1px #e2e2e2; }

#content div.winners ul.winners2 { margin: 12px 0 20px 30px; overflow: auto; font-size: 11px; line-height: 13px; }
#content div.winners ul.winners2 li { width: 100%; xxfloat: left; padding: 0; margin: 0 0 10px 0; background: none; color: #a2a1a1; overflow: auto; }
#content div.winners ul.winners2 li img.photo { float: left; padding: 3px; border: solid 1px #e2e2e2; margin: 0 10px 0 0 }
#content div.winners ul.winners2 li div.winner-text { float: left; width: 500px; padding: 2px 0 0 0; }
#content div.winners ul.winners2 li div.winner-text h4 { margin: 5px 0 6px 0; color: #333251; font-weight: bold; font-size: 13px; text-transform: uppercase; }


#content div.news { }
#content div.news h3 { clear: both; padding: 0 0 0 30px; margin: 10px 0 0 0; background: url(../img/arrow.gif) no-repeat; line-height: 22px; font-size: 12px; font-weight: bold; color: #e1164f; text-transform: uppercase; }
#content div.news h3 a { color: #e1164f; }
#content div.news div.text { padding: 10px 0 0 30px; }
#content div.news div.text { width: 600px; }
#content div.news div.text div.twoPhotos { overflow: auto; width: 100%; }
#content div.news div.text div.twoPhotos p { clear:both; font: 10px Arial, Helvetica, sans-serif; }
#content div.news div.text div.twoPhotos div.photo { margin-bottom:10px; }
#content div.news div.text div.photo { width: auto; margin-bottom: 10px; }
#content div.news div.text div.photo img { float:left; margin-right:10px; }
#content div.news div.text div.photo p { width: auto; text-align:left; }
#content div.news div.text div.movie { margin: 1em 0; }
 
#content div.opinion { width: 592px; padding: 0 0 0 8px; overflow: auto; background: url(../img/bullet2.gif) 0 8px no-repeat; }
#content div.opinion cite { display: block; font-style: normal; }
#content div.opinion div.photo { margin: 14px 0 0 0; }
#content div.opinion blockquote { margin: 0 0 0 126px; font-style: italic; }
* html #content div.opinion div.photo { margin-right: -3px; }

#content ul.logos { position: absolute; bottom: 50px; right: 43px; }
#content ul.logos li { padding: 0 0 20px 0; }
#content ul.logos li img { vertical-align: bottom; }

#content div.categoryHeader { height: 270px; margin: 0 0 15px 0; }
#content div.categoryHeader div.videoPlayer { float: left; padding: 2px; border: solid 1px #ececec; width: 300px; height: 258px; margin: 0 10px 0 0; }
#content div.categoryHeader div.videoPlayer * { vertical-align: bottom; }
#content div.categoryHeader div.text { width: 200px; height: 265px; padding: 0 0 0 10px; border-left: solid 1px #e0e0e0; float: left; font: 11px Tahoma, Arial, Helvetica, sans-serif; }
#content div.categoryHeader div.text p.title { color: #e1164f; }

/* --- strona glowna -------------------------------------------------------- */

body.home #top { background-image: url(../img/hpTop.jpg); }
body.home #bgL { background-image: url(../img/hpBgL.gif); }
body.home #bgR { background-image: url(../img/hpBgR.gif); }

#home { width: 914px; padding: 193px 0 0 0; margin: 0 auto; position: relative; background: #fff url(../img/hpContent.jpg) no-repeat; }
#home div.intro { width: 245px; position: absolute; top: 50px; left: 14px; font: 20px/22px "Trebuchet MS", Arial, sans-serif; color: #e1164f; line-height: 24px; text-shadow: 0px 0px 30px #fff; }
#home div.intro p { margin: 0 0 10px 0; }
#home div.box { position: absolute; left: 615px; top: 54px; }
#home div.main { width: 913px; padding: 16px 0 18px 0; overflow: auto; border-left: solid 1px #e3e3e3; background: url(../img/hpMain.jpg) 300px 0 no-repeat; color: #626262; font-size: 11px; line-height: 18px; }
#home div.main a { font-weight: bold; }
#home div.main a.more { float: left; height: 20px; padding: 2px 0 0 25px; margin: 8px 0 0 -5px; background: url(../img/arrow.gif) no-repeat; color: #000; position: relative; }
#home div.main a.more:hover { color: #7f7c7c; }
#home div.main img.logo { float: left; margin: -5px 6px 0 0; position: relative; }
#home div.main div.col1 { width: 280px; padding: 0 18px 0 15px; float: left; }
#home div.main div.col2 { width: 280px; padding: 0 18px 0 0; float: left; }
#home div.main div.col3 { width: 300px; padding: 0; float: left; }

#hpBanner { }
#hpBanner img { position: absolute; top: 0; left: 0; }

/* --- stopka --------------------------------------------------------------- */

#ftBgL { position: absolute; width: 50%; height: 134px; left: 0; background: url(../img/ftBgL.jpg) 0 100% repeat-x; }
#ftBgR { position: absolute; width: 50%; height: 134px; right: 0; background: url(../img/ftBgR.gif) 0 100% repeat-x; }
#ft { width: 914px; height: 134px; margin: 0 auto; position: relative; background: #e1164f url(../img/ftBg.jpg) 0 100% no-repeat; color: #f299b2; }
#ft a { color: #f299b2; }
#ft a:hover { color: #f299b2; text-decoration: underline; }
#ft ul { height: 19px; width: 902px; padding: 0 0 0 12px; background: #fff; }
#ft ul li { display: inline; }
#ft ul li a { float: left; height: 13px; margin: 0 23px 0 0; overflow: hidden; }
#ft ul li a img { display: block; }
#ft ul li a:hover { display: block; }
#ft ul li a:hover img { margin-top: -13px; }
#ft div.copyright { height: 12px; padding: 12px 5px 0 0; font-size: 10px; text-align: right; }
#ft img.slogan { padding: 0 0 0 259px; }