@import url(http://fonts.googleapis.com/css?family=Oxygen:400,300,700&subset=latin,latin-ext);

.clear {clear:both}
.ovhidden {overflow:hidden}

body {background:#78cfd6 url(../img/bg.jpg) fixed top center repeat-x; font: 11px/16px 'Tahoma', 'Arial', 'Verdana', 'sans-serif'; color:#4F4F4F}
p, ol, ul, li, a {font: 14px/18px 'Oxygen', 'Tahoma', 'Arial', 'Verdana', 'sans-serif';}

a {color:#FF9409}

h1, h2, h3, h4, h5, h6 {font-family:'Oxygen'}

#root {width:998px; margin:0 auto; position:relative;}

.bg-bottom {
    background: url(../img/trawa.png) top center repeat-x;
    position: fixed;
    bottom: 0;
    left:0;
    width:100%;
    height:150px;
    z-index: 10;
}

/*#main {width:783px; float:left; padding-left:6px;}*/

#header {position:relative; width:998px; height:427px;}

#header-bg {
    position: absolute;
    top:0px;
    left:-85px;
    width:1165px;
    height:435px;
    background:url(../img/header.png) no-repeat;
    z-index: -1;
}

#banner {
    position:absolute;
    top:171px;
    left:196px;
    width:600px;
    height:200px;
    z-index: 1;
}

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}



#logo {display:block; text-indent:-9999px; width:470px; height:61px; background:url(../img/logo.png) no-repeat; position:absolute; z-index:3; top:72px; left:194px;}


#headerNav {
    list-style: none;
    z-index: 1;
    position: absolute;
    text-align: center;
    display: block;
    width: 713px;
    height: 56px;
    margin-left: 16px;
    padding-top: 10px;
    float: left;
    top: 376px;
    left: 120px;
}

#headerNav li {
    display:inline-block;
    margin-left: 12px;
    padding: 10px; 
    position:relative;
}

#headerNav li:first-child {
    margin-left:0;
}

#headerNav li a {
    color: #145e63;
    font-size: 15px;   
    font-weight: bold;  
}

#headerNav li a:hover, #headerNav .active a {
    color: #f85e2b;  
}



#headerNav ul {
    display:none;
    position:absolute;
    top:30px;
    left:30px;
    width:180px;
    height:auto;
    padding:10px;
    background:url(../img/bg-left.png); 
    border-radius:4px;
    z-index:8;
    margin:0;   
    text-align: left;
    border-bottom: 2px solid #086f04;
}

#headerNav li:hover ul {
    display:block;
}

#headerNav ul li {
    display:block;
    margin-left:0;
    border-bottom:1px solid #fff;
}

#headerNav ul a {
    color:#145e63;
    font-size:12px;
    display:block;
}

#headerNav ul li:hover > a {
    color:#145e63;
    text-decoration: underline;
}

#headerNav ul li:first-child {
    padding-top: 4px;
}

#headerNav ul ul {
    display:none!important;
    border-top:2px solid #fff;
    border-bottom: none;
}

#headerNav ul li:hover ul {
    display:block!important;
}








#leftColumn, #rightColumn {width:217px; margin-right:14px;}

#rightColumn {margin-right:0; margin-left:14px; margin-top: 6px;}

.rightSeparator {
    background:url(../img/right-separator.png); 
    width: 196px;
    height: 1px;
    margin: 10px 10px;
}


#searchBox {margin-left:20px}

#searchBox form {margin:0;}

#searchBox input {width:142px; height:20px; border-radius:7px; border:none; border-bottom:2px solid #45989f; border-right:2px solid #45989f; font-family:'Tahoma', 'Arial', 'Verdana', 'sans-serif'; font-size:11px}

#searchBox button {text-indent:-9999px; background:url(../img/icon-search.png); width:18px; height:18px; border:none; margin:-7px 0px 0 5px;}



#weather img {float:left; margin-left:20px; margin-bottom:5px}
#weather p {float:left; font-size:27px; font-family:'Oxygen'; color:#fff; margin:33px 0 0 33px;}



#leftNav {background:#ffd327 url(../img/bg-left.png); list-style:none; margin:22px 0 6px 0; padding-top:3px; padding-bottom:3px;}

#leftNav a {font:15px 'Oxygen'; color:#644a05; display:block; padding:9px 0 9px 15px; background:url(../img/menu-left-arrow.png) -1px 13px no-repeat;}


#leftNav li {margin-left:4px; margin-top:3px; position:relative; background:url(../img/menu-left-li-bg.png) repeat-y; border-radius:10px;}

#leftNav li#leftNavTop {
    background:url(../img/bg-left-top.png); 
    border-radius:0;
    height:16px;
    margin:-19px 0 -14px;
    width: 217px;
}

#leftNav li#leftNavSeparator {
    background:url(../img/menu-left-separator.png) no-repeat; 
    border-radius:0;
    height:2px;
    /*margin:-19px 0 -6px;*/
    margin:2px 0 -1px 0;
    width: 100%;
}

#leftNav li#leftNavBottom {
    background:url(../img/bg-left-bottom.png); 
    border-radius:0;
    height:16px;
    margin: 1px 0 -18px;
    width: 217px;
}

/*#leftNav li:first-child {margin-top:0}*/

#leftNav ul {
    list-style:none;
    margin-left:10px;
}

#leftNav > li > ul {
    display: none;
}

#leftNav > li:hover > ul {
    display: block;
}

#leftNav ul li {
    margin:0;
    background:none;
}

#leftNav ul li a {
    background:none;
    font-size:12px;
    padding-top:0;
}

#leftNav li:hover a {}


#ankietaWrapper {
    margin-top:20px;
}

#ankietaTop {
    background:url(../img/bg-ankieta-top.png);
    height:53px;
    width: 217px;  
}

#ankietaBottom {
    background:url(../img/bg-ankieta-bottom.png);
    height:16px;
    width: 217px;  
}

#ankieta {
    background:#d56309 url(../img/bg-ankieta.png) repeat-y;
    padding: 0 20px;
    color:#7a1d08;
}

#ankieta h1 {
    color:#ffeb3f;
    font-size:18px;
}

#ankieta p {
    font-size:12px;
    padding-top:10px;
}

#ankieta form {
    margin:0;
    padding-bottom:10px;
}

#ankieta form label {
    color:#7a1d08;
}

#ankieta form input[type="radio"] {
    margin-right: 4px;
}

#ankieta #surveyBtnGlosuj, #ankieta #surveyBtnWyniki {
    width:88px;
    height:27px;
    padding:0;
    text-indent:-9999px;
    background:url(../img/button-survey-zaglosuj.png);
    border:none;
    border-radius:0;
    box-shadow:none;
}

#ankieta #surveyBtnWyniki {
    background:url(../img/button-survey-wyniki.png);
    width:78px;
}



#banneryBoczneWrapper {
    margin-top:6px;
}

#banneryBoczneTop, #banneryBoczneBottom {
    background:url(../img/bg-left-banners-top.png);
    height:18px;
    width: 215px;    
}

#banneryBoczneBottom {
    background:url(../img/bg-left-banners-bottom.png);
    height:14px;
}


#banneryBoczne {text-align:center; background:url(../img/bg-left-banners.png) repeat-y; padding: 7px 0;}

#banneryBoczne img {border-radius:3px; margin-bottom:6px}


#rightColumnContent {
    background:url(../img/bg-right.png) repeat-y;
    padding-top:6px;
}

#rightColumnTop, #rightColumnBottom {
    background:url(../img/bg-right-top.png);
    height:16px;
    width: 217px;      
}

#rightColumnBottom {
    background:url(../img/bg-right-bottom.png);
}


#headerContent {
    height: 131px;
    margin-top: 50px;
    overflow: hidden;
    padding: 20px 20px 20px 27px;
    width: 265px;
    color:#fff;
    background:url(../img/bgHeaderContent.html);
}


#center {width:536px;}

#contentWrapper {background:#fff url(../img/bg-main.jpg) repeat-y; float: left; margin-top: 20px;}

#content {padding:28px; background:url(../img/bg-main-top.png) no-repeat top center; margin-top: -20px; width: 479px;}

#breadcrumbs {overflow:hidden; border-bottom:1px dotted #aeaeae; margin-bottom: 20px; margin-top: -13px;}

#breadcrumbs p, #breadcrumbs a {line-height:27px; float:left; font-size:12px; padding-right:28px; padding-left:12px; background:url(../img/link-arrow.png) no-repeat center right;}

#breadcrumbs #youAreHere {padding:0; background:none; font-size:12px}

#breadcrumbs .active {color:#97310e}



.homeNewsBox {
    border-bottom: 2px solid #e8e8e8;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width:478px;
}

.homeNewsBox h3 a {color:#6d3615; font-size:17px}

.newsData {font-size:10px; color:#af948d; margin-bottom:0;}

.link {
    background: url(../img/czytaj.png) no-repeat;
    text-indent:-9999px;
    width:110px;
    height:25px;
    display:block;
}



#gallery .thumbnail {
    border:none;
    width:145px;
    float: left;
    margin:10px 0 10px 10px;
    background:#85522d;
}



.forumPost {border:1px dotted #d5d5d5; margin-bottom:5px;}


#newsletter {
    border-top: 1px dotted #aeaeae;
    margin-left: -33px;
    padding-left: 33px;
    padding-top: 22px;
    margin-top:20px;
}

#newsletter h4 {margin-bottom:8px; color:#685645}

#newsletter form {margin:0}

#newsletter form input {margin-bottom:0; font:11px 'Tahoma', 'Arial', 'Verdana', 'sans-serif'; color:#685645}

#newsletter form .btn {font:13px 'Oxygen'}



#footer {height:48px; font:12px/48px 'Oxygen'; padding-bottom: 110px}

#footer a {color:#073a3c; font-size:12px}

#footer span {padding:18px; color:#073a3c}



.newsBox {margin-bottom:30px}


.pagination {
    height: 36px;
    margin-bottom:0;
    text-align: center;
}

.pagination ul {
    border-radius:0;
    box-shadow:none;
}

.pagination li {
    width:27px;
    height:27px;
}

.pagination li:first-child a {
    border:0;
    border-radius:0;
}

.pagination a {
    border:none;
    background:#20797e;
    width:27px;
    height:27px;   
    line-height:27px;
    padding:0;
    text-align:center;
    margin-right:3px; 
    font-weight:bold;
    color:#fff;
}

.pagination .active a, .pagination li:hover a {
    background:#0b484b;
    color:#fcff16;
}


#imieniny {
    color:#fff;
    padding:3px 16px 11px 16px;
}








/****************************** CALENDAR ************************************/



#calendarWrapper {height:220px; margin-left:16px;}

#calendarWrapperList {padding:0 16px 0 17px; color:#fff;}

#calendarWrapperList a {
    font-size:12px;
    color:#fff;
    margin-top:10px;
    line-height:16px;
    display:block;
}

.JsDatePickBox { position:relative; width:212px; font-family:Arial; }

.JsDatePickBox .jsDatePickCloseButton { cursor:pointer; position:absolute; z-index:1; top:1px; right:10px; width:33px; height:13px; background:url(img/closeButton_normal.html) left top no-repeat; }
.JsDatePickBox .jsDatePickCloseButtonOver { cursor:pointer; position:absolute; z-index:1; top:1px; right:10px; width:33px; height:13px; background:url(img/closeButton_over.html) left top no-repeat; }
.JsDatePickBox .jsDatePickCloseButtonDown { cursor:pointer; position:absolute; z-index:1; top:1px; right:10px; width:33px; height:13px; background:url(img/closeButton_down.html) left top no-repeat; }

.JsDatePickBox .boxLeftWall { float:left; width:7px; margin:0; padding:0; }
.JsDatePickBox .boxLeftWall .leftTopCorner{ margin:0; padding:0; width:7px; height:8px; background:url(img/boxTopLeftCorner.html) left top no-repeat;  overflow:hidden; }
.JsDatePickBox .boxLeftWall .leftBottomCorner{ margin:0; padding:0; width:7px; height:8px; background:url(img/boxBottomLeftCorner.html) left top no-repeat;  overflow:hidden; }
.JsDatePickBox .boxLeftWall .leftWall{ margin:0; padding:0; width:7px; background:url(img/boxSideWallPx.html) #ffffff left top repeat-y; overflow:hidden; }

.JsDatePickBox .boxRightWall { float:left; width:7px; margin:0; padding:0;}
.JsDatePickBox .boxRightWall .rightTopCorner{ margin:0; padding:0; width:7px; height:8px; background:url(img/boxTopRightCorner.html) left top no-repeat;  overflow:hidden; }
.JsDatePickBox .boxRightWall .rightBottomCorner{ margin:0; padding:0; width:7px; height:8px; background:url(img/boxBottomRightCorner.html) left top no-repeat;  overflow:hidden; }
.JsDatePickBox .boxRightWall .rightWall{ margin:0; padding:0; width:7px; background:url(img/boxSideWallPx.html) #ffffff right top repeat-y; overflow:hidden; }

.JsDatePickBox .topWall { position:absolute; overflow:hidden; top:0px; left:7px; width:198px; height:4px; background:url(img/boxTopPx.html) #ffffff left top repeat-x; }
.JsDatePickBox .bottomWall { position:absolute; overflow:hidden; bottom:-1px; left:7px; width:198px; height:4px; background:url(img/boxTopPx.html) #ffffff left top repeat-x; }

.JsDatePickBox .hiddenBoxLeftWall { float:left; width:0px; overflow:hidden; overflow:hidden;}
.JsDatePickBox .hiddenBoxRightWall { float:left; width:0px; overflow:hidden; overflow:hidden;}

.JsDatePickBox .boxMain { float:left; background-color:#ffffff; margin:0; padding:15px 0 5px 0; }
.JsDatePickBox .boxMainStripped { background:#ffffff; border:none; }
.JsDatePickBox .tooltip { height:12px; line-height:11px; overflow:hidden; font-size:10px; color:#666666; text-align:left; padding:0px; margin:2px 0 2px 0; }
.JsDatePickBox .weekDaysRow { height:12px; overflow:hidden; line-height:11px; font-size:10px; color:#fff; text-align:center; padding:0px; margin:2px 0 0 0; }
.JsDatePickBox .weekDaysRow .weekDay { float:left; height:14px; overflow:hidden; width:24px; margin:0 3px 0 0; padding:0; }

.JsDatePickBox .boxMainInner { background:none; width:198px; float:left; margin:5px 0 0 0; padding:0; }
.JsDatePickBox .boxMainCellsContainer { background-color:#ffffff; margin:0; padding:0; }

.JsDatePickBox .boxMainInner .controlsBar { overflow:hidden; height:20px; position:relative; }
.JsDatePickBox .boxMainInner .controlsBarText { overflow:hidden; height:20px; line-height:20px; color:#000000; font-size:12px; text-align:center; }

.JsDatePickBox .boxMainInner .monthForwardButton  { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:22px; background:url(../img/monthForward_normal.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .monthForwardButtonOver  { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:22px; background:url(../img/monthForward_over.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .monthForwardButtonDown  { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:22px; background:url(../img/monthForward_down.gif) left top no-repeat; }

.JsDatePickBox .boxMainInner .monthBackwardButton { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:22px; background:url(../img/monthBackward_normal.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .monthBackwardButtonOver { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:22px; background:url(../img/monthBackward_over.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .monthBackwardButtonDown { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:22px; background:url(../img/monthBackward_down.gif) left top no-repeat; }

.JsDatePickBox .boxMainInner .yearForwardButton, .JsDatePickBox .boxMainInner .yearBackwardButton  { display:none;}
.JsDatePickBox .boxMainInner .yearForwardButtonOver, .JsDatePickBox .boxMainInner .yearBackwardButtonOver  { display:none;}
.JsDatePickBox .boxMainInner .yearForwardButtonDown, .JsDatePickBox .boxMainInner .yearBackwardButtonDown  { display:none;}

.JsDatePickBox .boxMainInner .skipDay { cursor:default; overflow:hidden; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0;}
.JsDatePickBox .boxMainInner .dayNormal, .JsDatePickBox .boxMainInner .dayDown { -khtml-user-select: none; font-size:12px; cursor:pointer; overflow:hidden; color:#4c4c4c; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:25px; /*background:url(img/dayNormal.gif) left top no-repeat;*/ }
.JsDatePickBox .boxMainInner .dayNormalToday, .JsDatePickBox .boxMainInner .dayDownToday { -khtml-user-select: none; font-size:12px; cursor:pointer; overflow:hidden; color:#f40f0f; font-weight:bold; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:25px; /*background:url(img/dayNormal.gif) left top no-repeat;*/ }

.JsDatePickBox .boxMainInner .dayDisabled { -khtml-user-select: none; cursor:default; font-size:12px; overflow:hidden; color:#999999; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:25px; /*background:url(img/dayNormal.gif) left top no-repeat;*/ }

.JsDatePickBox .boxMainInner .dayOver { -khtml-user-select: none; cursor:pointer; font-size:12px; overflow:hidden; color:#4c4c4c; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:25px; /*background:url(img/dayOver.gif) left top no-repeat;*/ }
.JsDatePickBox .boxMainInner .dayOverToday { -khtml-user-select: none; cursor:pointer; font-size:12px; overflow:hidden; font-weight:bold; color:#f40f0f; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:25px; /*background:url(img/dayOver.gif) left top no-repeat;*/ }


.JsDatePickBox .boxMainInner .skipDay, 
.JsDatePickBox .boxMainInner .dayNormal,
.JsDatePickBox .boxMainInner .dayNormalToday,
.JsDatePickBox .boxMainInner .dayDown,
.JsDatePickBox .boxMainInner .dayDownToday,
.JsDatePickBox .boxMainInner .dayOver,
.JsDatePickBox .boxMainInner .dayOverToday {
    background:#20797e; border-radius:5px; color:#fff;
}

.JsDatePickBox .boxMainInner .dayDown,
.JsDatePickBox .boxMainInner .dayNormalToday,
.JsDatePickBox .boxMainInner .dayDownToday,
.JsDatePickBox .boxMainInner .dayOver {
    background:#0b484b; color:#e6ec1f; border-radius:5px;
}

.JsDatePickBox .boxMainInner .boxMainCellsContainer div {
    margin:3px 3px 0 0;
}

.JsDatePickBox .boxMainInner .monthBackwardButton,
.JsDatePickBox .boxMainInner .monthBackwardButtonOver,
.JsDatePickBox .boxMainInner .monthBackwardButtonDown {
    left:0;
}

.JsDatePickBox .boxMainInner .monthForwardButton,
.JsDatePickBox .boxMainInner .monthForwardButtonOver,
.JsDatePickBox .boxMainInner .monthForwardButtonDown {
    right:0;
}

.JsDatePickBox .boxMainInner .monthBackwardButton,
.JsDatePickBox .boxMainInner .monthForwardButton,
.JsDatePickBox .boxMainInner .monthBackwardButtonOver,
.JsDatePickBox .boxMainInner .monthForwardButtonOver,
.JsDatePickBox .boxMainInner .monthForwardButtonDown,
.JsDatePickBox .boxMainInner .monthBackwardButtonDown {
    background:#20797e; color:#fff; border-radius:5px; text-align:center; font-weight:bold; font-size:13px; padding: 0 4px;
}

.JsDatePickBox .boxMainInner .monthBackwardButtonOver,
.JsDatePickBox .boxMainInner .monthForwardButtonOver,
.JsDatePickBox .boxMainInner .monthForwardButtonDown,
.JsDatePickBox .boxMainInner .monthBackwardButtonDown {
    background:#0b484b!important; color:#e6ec1f;
}

.JsDatePickBox .boxMainInner .controlsBarText {
    color:#fff; font-weight:bold; 
}

.JsDatePickBox .boxMainInner {
    width:186px;
}

.JsDatePickBox .boxMainInner .controlsBar {
    margin-bottom: 8px;
}