/* global */
*{padding:0; margin:0}
body{font:normal 12px/18px tahoma;color:#333;background:#ff6801 url(../images/bg.gif) repeat-x}
a{text-decoration:none;color:#ff6600}
a:hover{text-decoration:underline;color:#ff6600}
a img{border:0}
#ten{height:10px;clear:both; overflow:hidden}
#five{height:5px;clear:both; overflow:hidden}
#one{height:1px;clear:both; overflow:hidden}
.bold{font-weight:bold}
.orange{ color:#FF6600}
.red{ color:#ff083e}
.brown{color:#9c3e01}
.under{ text-decoration:underline}
.right{float:right}
.left{float:left}
.data{font:normal 10px tahoma; color:#aeb9bd}
li{margin-left:25px}
h2{font:normal 11pt Arial, Helvetica, sans-serif; margin: 0 0 10px 0; color:#333}

/* header */
#wrapper {margin: 0 auto;width:980px}
#header {width:980px;float:left; height:107px; margin: 0 0 10px 0}
#header #logo{float:left; margin: 12px 0 0 0}
#header #bosko{float:right}
#header #slogan{float:right; margin: 0 10px 0 0; width:228px; height:61px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#D77816; font-style:italic;}
#header #search{float:right; color:#d77816; font:normal 11px tahoma; margin: 4px 35px 0 0}
#header #search a{color:#d77816}
#header #search input.key{ background:url(../images/search_bg.gif) no-repeat; width:209px; height:23px; border:0; padding: 7px 10px 0 30px; font:normal 12px tahoma; color:#fff}
#header #search input.btn{background:url(../images/search_btn.gif) no-repeat; width:78px; height:28px; border:0; cursor:pointer}
#header #navi{ float:left; color:#9a3902; margin: 16px 0 0 8px}
#header #navi a{color:#fff}


/* leftcolumn */
#leftcolumn {width:300px;float:left; margin: 0 0 10px 0}
#leftcolumn #menu #head{ background:url(../images/head_l1.gif) no-repeat; width:273px; height:15px}
#leftcolumn #menuslogan{ float:left; margin: 10px 5px 0 0}
#leftcolumn #menu{ float:left}
#leftcolumn #menu #main{background:url(../images/main_l1.gif) repeat-y; width:233px; padding:0 20px}
#leftcolumn #menu #main a{display:block; font:normal 12pt/20px arial; color:#993b00; border-bottom:#c5c5c5 1px solid; padding: 0 0 3px 5px; margin: 0 0 3px 0}
#leftcolumn #menu #main a:hover, #leftcolumn #menu #main a.selected{background:#ed8719; text-decoration:none; color:#fff}
#leftcolumn #menu #main a.sub{ font:normal 12px/20px tahoma; padding:0 0 3px 10px}
#leftcolumn #menu #main a.sub:hover, #leftcolumn #menu #main a.selected2{background:#f39b3c; text-decoration:none; color:#fff}
#leftcolumn #menu #main span.ab a.sub:hover, #leftcolumn #menu #main span.ab a.selected2{ background:#f39b3c;}
#leftcolumn #menu #main span.ab a { font-weight:bold}
#leftcolumn #menu #main span.ab span.aa a { font-weight:normal}
#leftcolumn #menu #main span.ab span.aa a.sub:hover, #leftcolumn #menu #main span.ab span.aa a.selected2{ background:#f8b266;}
#leftcolumn #menu #foot{background:url(../images/foot_l1.gif) no-repeat; width:273px; height:16px}

#leftcolumn #newsletter{ background:url(../images/newsletter_bg.gif) no-repeat; width:253px; height:69px; padding:10px; margin: 0 0 0 20px}
#leftcolumn #newsletter h2{color:#fadd56; padding: 0 0 0 40px}
#leftcolumn #newsletter input.key{ background:url(../images/newsletter_input_bg.gif) repeat-x; width:170px; height:23px; border:0;padding:3px}
#leftcolumn #newsletter input.btn{background:url(../images/btn_newsletter.gif) no-repeat; width:50px; height:27px; border:0; cursor:pointer}

#leftcolumn #callendar{ float:left}
#leftcolumn #callendar #head{ background:url(../images/head_gray.gif) no-repeat; width:273px; height:16px}
#leftcolumn #callendar #main{ background:url(../images/main_gray.gif) repeat-y; width:253px; padding:10px}
#leftcolumn #callendar #foot{ background:url(../images/foot_gray.gif) no-repeat; width:273px; height:18px}

#leftcolumn #multimedia{ background:url(../images/film_bg.gif) no-repeat; width:272px; height:233px;margin: 0 0 0 20px}
#leftcolumn #multimedia h2{color:#fadd56; padding: 5px 0 0 50px}

#leftcolumn #random_photo{ background:url(../images/film_bg.gif) no-repeat; width:272px; height:233px;margin: 0 0 0 20px}
#leftcolumn #random_photo h2{color:#fadd56; padding: 5px 0 0 50px}

/* rightcolumn */
#rightcolumn {float:right;width:670px;display:inline;margin: 0 0 10px 0}
#rightcolumn #wydarzenia #head{ background:url(../images/head1.gif) no-repeat; width:622px; height:22px; font:normal 12pt arial; color:#fff; padding:4px 0 0 30px}
#rightcolumn #wydarzenia #main{ background:url(../images/main1.gif) repeat-y; width:627px; padding:10px 25px 10px 20px}
#rightcolumn #wydarzenia #foot{ background:url(../images/foot1.gif) no-repeat; width:652px; height:22px}

#rightcolumn #wydarzenia #main table#datawydarzenia td{ vertical-align:top}
#rightcolumn #wydarzenia #main table#datawydarzenia td.month{ line-height:14px; padding: 0 4px;}
#rightcolumn #wydarzenia #main table#datawydarzenia td.bg{ background:url(../images/calendar.gif) no-repeat left top; width:30px; height:20px; padding-top:12px; text-align:center}
#rightcolumn #wydarzenia #main table#datawydarzenia td.title{ background:#ff6700; padding:3px 5px}
#rightcolumn #wydarzenia #main table#datawydarzenia td.title a{color:#fff; font:normal 12pt arial}
#rightcolumn #wydarzenia #main table#datawydarzenia td.heigh{ height:10px}


#rightcolumn {float:right;width:670px;display:inline;margin: 0 0 10px 0}
#rightcolumn #aktualnosci #head{ background:url(../images/head2.gif) no-repeat; width:651px; height:18px; position:relative; top:-157px}
#rightcolumn #aktualnosci #main{ background:url(../images/main2.gif) repeat-y; width:596px; padding:0 45px 0 10px; position:relative; top:-157px; z-index:1}
#rightcolumn #aktualnosci #foot{ background:url(../images/foot2.gif) no-repeat; width:651px; height:18px; position:relative; top:-157px}
#rightcolumn #aktualnosci .s2{ position:relative; top:20px; left:621px; z-index:100; width:15px}

#rightcolumn #aktualnosci #main .foto{ float:left; margin: 0 6px 10px 0}
#rightcolumn #aktualnosci #main h1{font:normal 12pt arial}
#rightcolumn #aktualnosci #main #news{border-bottom:#999 1px dotted; margin: 0 0 10px 0}

#rightcolumn #content #main .foto{ float:left; margin: 0 6px 10px 0}
#rightcolumn #content #main h1{font:normal 12pt arial}
#rightcolumn #content #main #news{border-bottom:#999 1px dotted; margin: 0 0 10px 0}

#rightcolumn #galeria{ height:250px; overflow:hidden;position:relative; top:-150px}
#rightcolumn #galeria #head{ background:url(../images/head3.gif) no-repeat; width:604px; height:18px; color:#999; font:normal 12pt arial; padding:6px 0 0 40px; position:relative; top:-123px}
#rightcolumn #galeria #main{ background:url(../images/main3.gif) repeat-y; width:644px; padding:10px 0 0 0; text-align:center; position:relative; top:-123px; z-index:}
#rightcolumn #galeria #foot{ background:url(../images/foot3.gif) no-repeat; width:644px; height:19px; position:relative; top:-123px}
#rightcolumn #galeria #main img{padding:10px}
#rightcolumn #galeria #main p{padding: 0 20px 0 0}
#rightcolumn #galeria .s3{ position:relative; top:20px; left:2px;z-index:100; width:18px}

#rightcolumn #content #head{ background:url(../images/head_cont.gif) no-repeat; width:622px; height:13px; padding:4px 0 0 30px}
#rightcolumn #content #head h2{font:normal 12pt arial; color:#eb5f00;}
#rightcolumn #content #main{ background:url(../images/main_cont.gif) repeat-y; width:597px; padding:10px 25px 10px 30px}
#rightcolumn #content #foot{ background:url(../images/foot_cont.gif) no-repeat; width:652px; height:24px}

/* footer */
#footer {width:980px; clear:both; border-top:#ffb78e 1px solid; color:#ffb78e;font:normal 11px tahoma; padding: 6px 0;}
#footer a{color:#ffc34e; font:normal 11px tahoma}

/* contact */
.contact_input{padding:3px 4px; font:normal 12px tahoma; color:#333; width:300px}
.contact_textarea{padding:3px 4px; font:normal 12px tahoma; color:#333; width:300px; height:200px}

/* gallery */
#gallery{width:250px; padding:10px; margin: 10px; border:#ccc 1px solid; float:left; text-align:center; height:180px}
#gallery img{margin: 0 10px 10px 0}
.highslide-gallery img{ float:left; margin:10px; background:#E8E8E8; padding:20px}


/* slider */
.sliderwrapper{position: relative;overflow: hidden;
border: 1px solid #ffc900;
width: 650px;
height: 150px;}

.sliderwrapper .contentdiv{visibility: hidden;position: absolute;left: 0;top: 0;
padding: 0px;
background: white;
width: 650px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;}

.pagination{
width: 632px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #ffc900;
padding: 5px 10px;}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #555;
background: white;}

.pagination a:hover, .pagination a.selected{
color: #fff;
background-color:#ee4900;}