@charset "utf-8";
/* CSS Document */
body {
    margin: 0;
    background-color: #ffffff;
    font-family: Tahoma, Arial, Verdana;
    font-size: 12px;
    color: #000000;
}

img {
    border: 0;
}

#page {
    width: 946px;
    margin: 0px auto;
}

#top {
    position: relative;
    width: 946px;
    height: 160px;
    background: url(../images/top_bg.jpg) no-repeat;
    margin-top: 5px;
}

#logo {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 360px;
    height: 80px;
}

#logo a {
    display: block;
    width: 360px;
    height: 80px;
}

#book {
    position: absolute;
    left: -20px;
    top: 85px;
    width: 248px;
    height: 153px;
    background: url(../images/book.png) no-repeat;
}

#menu {
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 27px;
}

#menu .left {
    float: right;
    width: 16px;
    height: 27px;
    background: url(../images/menu_left.png) no-repeat;
}

#menu .right {
    float: right;
    height: 27px;
    background: url(../images/menu_bg.png) repeat-x;
    padding: 0px 20px;
}

#menu .right img {
    margin-top: 4px;
}

#menu ul {
    float: right;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background: url(../images/menu_bg.png) repeat-x;
}

#menu ul li {
    list-style: none;
    float: left;
    height: 100%;
    font-family: Tahoma, Arial, Verdana;
    font-size: 12px;
    font-weight: bold;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background: url(../images/menu_sep.png) no-repeat;
    background-position: right;
}

#menu ul li a {
    color: #483101;
    text-decoration: none;
}

#menu ul li a {
    color: #483101;
    text-decoration: none;
}

#menu ul li a:hover {
    color: #660000;
}

#main {
    overflow: hidden;
}


#left {
    float: left;
}

#menu_left {
    width: 175px;
    background: #443918;
    padding-top: 70px;
}

#menu_left ul {
    width: 152px;
    margin: 0px auto;
    padding: 0px;
}

#menu_left ul li {
    list-style: none;
    border-bottom: 1px solid #857f6b;
    width: 100%;
    font-family: Tahoma, Arial, Verdana;
    font-size: 12px;
    font-weight: bold;
}

#menu_left ul li a {
    display: block;
    height: 22px;
    width: 142px;
    padding-left: 10px;
    padding-top: 7px;
    text-decoration: none;
    color: #ebebed;
}

#menu_left ul li a:hover {
    background: url(../images/menu_left_bg_li.png) no-repeat;
}

#menu_left ul li a.hover {
    background: url(../images/menu_left_bg_li.png) no-repeat;
}

#menu_left ul li a.active {
    background: url(../images/menu_left_bg_li.png) no-repeat;
}

#menu_left ul li span {
    display: block;
    height: 22px;
    width: 142px;
    padding-left: 10px;
    padding-top: 7px;
    text-decoration: none;
    color: #ebebed;
    cursor: pointer;
}

#menu_left ul li span.hover {
    background: url(../images/menu_left_bg_li.png) no-repeat;
}

#menu_left ul li ul {
    width: 152px;
    margin: 0px auto;
    padding: 0px;
}

#menu_left ul li ul li {
    font-size: 11px;
}

#menu_left ul li ul li a {
    height: auto;
    width: 134px;
    padding-left: 18px;
    padding-top: 7px;
    padding-bottom: 7px;
    background: #213f37;
}

#menu_left ul li ul li a:hover {
    background: #0b434a;
}

#menu_left .bottom {
    background: url(../images/left_bottom.png) no-repeat;
    overflow: hidden;
    width: 175px;
    height: 10px;
}

#votePoll {
    margin-top: 10px;
    width: 175px;
}

#votePoll ul {
    list-style: none;
}

#votePoll .top {
    background: url(../images/sonda_top.png) no-repeat;
    overflow: hidden;
    width: 175px;
    height: 8px;
}

#votePoll .content {
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    width: 153px;
    color: #514724;
    padding: 4px 10px;
}

.content .title {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #514724;
}

#votePoll .content .result {
    margin-bottom: 10px;
}

#votePoll .content .result .bar {
    height: 7px;
    background: #443918;
    margin: 1px 0px;
}


#votePoll .content .submit {
    margin-top: 20px;
    text-align: center;
}

#votePoll .bottom {
    background: url(../images/sonda_bottom.png) no-repeat;
    overflow: hidden;
    width: 175px;
    height: 8px;
}



#lBox {
    margin-top: 10px;
    width: 175px;
    overflow: hidden;
}

#lBox .top {
    background: url(../images/sonda_top.png) no-repeat;
    overflow: hidden;
    width: 175px;
    height: 8px;
}

#lBox  .content {
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    width: 153px;
    color: #514724;
    padding: 4px 10px;
}

#lBox .bottom {
    background: url(../images/sonda_bottom.png) no-repeat;
    overflow: hidden;
    width: 175px;
    height: 8px;
}

#rBox {
    margin-top: 10px;
    margin-left: 4px;
    width: 182px;
    overflow: hidden;
}

#rBox .top {
    background: url(../images/box_top.png) no-repeat;
    overflow: hidden;
    width: 182px;
    height: 8px;
}

#rBox  .content {
    text-align: left;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    width: 160px;
    color: #514724;
    padding: 4px 10px;
}

#rBox .bottom {
    background: url(../images/box_bottom.png) no-repeat;
    overflow: hidden;
    width: 182px;
    height: 8px;
}


#middle {
    float: left;
}

#path {
    font-size: 11px;
    float: left;
    height: 40px;
    margin-left: 20px;
}

#path ul {
    clear: both;
    float: none;
    margin-top: 10px;
    list-style: none;
}

#path ul li {
    float: left;
    height: 100%;
    font-family: Tahoma, Arial, Verdana;
    font-size: 11px;
    margin-right: 10px;
}

#path ul li img {
    margin-right: 5px;
}

#path ul li a {
    color: #000000;
    font-size: 11px;
    text-decoration: none;
}

#path ul li a:hover {
    text-decoration: underline;
}

#path ul li a.active {
    color: #000000;
    text-decoration: none;
}

#content {
    clear: left;
    margin-left: 15px;
    text-align: justify;
    width: 550px;
}

#content .contentTitle {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #5F060B;
    border-bottom: 1px solid #cccccc;
}

#content .contentMenu {
    padding-left: 0px;
    list-style: none;
}

#content .contentMenu img {
    border: 0px;
    padding: 0px;
    margin: 0px 5px 0px 0px;
}

#content a {
    color: #5F060B;
    font-size: 12px;
    text-decoration: none;
}

#content a:hover {
    text-decoration: underline;
}

#content .impreza {
}

#content .impreza .title {
    font-weight: bold;
    font-size: 15px;
}

#right {
    clear: right;
    float: right;
    width: 188px;
    margin-top: 5px;
    text-align: center;
}

#right img {
    margin-bottom: 5px;
}

#searchContainer {
    float: right;
    width: 206px;
    height: 40px;
    background: url(../images/search_bg.png) no-repeat;
}

#searchContainer .content {
    margin-left: 23px;
    margin-top: 10px;
}

#search {
    float: left;
    border: 0px;
    background: url(../images/search_input.gif); 
    width: 119px;
    height: 24px;
}

#search span {
    border: 0px;
    margin: 4px;
    width: 111px;
    height: 16px;
    background: #ffffff;
}

#search span input {
    border: 0px;
    margin-top: 2px;
    width: 111px;
    height: 16px;
}

#calendar {
    margin-left: 4px;
    width: 182px;
}

#calendar .top {
    background: url(../images/calendar_top.png) no-repeat;
    overflow: hidden;
    width: 182px;
    height: 5px;
}

#calendar .content {
    width: 162px;
    background: #f2e5b8;
    padding: 2px 10px;
    text-align: left;
    color: #514724;
}

#calendar a {
    cursor: pointer;
}

#calendarBox {
    width: 162px;
}

#calendarBox .nav {
    font-weight: bold;
    font-size: 12px;
}

#calendarBox .nav a {
    text-decoration: none;
    color: #666666;
}

#calendarBox .nav a:hover {
    color: #514724;
}

#calendarBox .nav .prev {
    float: left;
    width: 30px;
    text-align: left;
}

#calendarBox .nav .month {
    float: left;
    width: 102px;
    text-align: center;
}

#calendarBox .nav .next {
    float: right;
    width: 30px;
    text-align: right;
}

#calendarBox .tab {
    margin-top: 5px;
    float: none;
    clear: both;
    text-align: center;
    width: 162px;
    background: #ffffff;
    font-size: 11px;
}

#calendarBox .tab th {
    padding: 3px;
    font-weight: bold;
    background: #f2e5b8;
}

#calendarBox .tab td {
    color: #000000;
}

#calendarBox .tab td.normal {
    padding: 3px;
}

#calendarBox .tab td a {
    padding: 3px;
    display: block;
    color: #000000;
    text-decoration: none;
}

#calendarBox .tab td a:hover {
    color: #443918;
}

#calendarBox .tab td.today {
    background: #666666;
    font-weight: bold;
    color: #ffffff;
}

#calendarBox .tab td.today a {
    color: #ffffff;
    text-decoration: none;
}

#calendarBox .tab td.today a:hover {
    color: #ffffff;
    background: #443918;
}

#calendarBox .tab td a:hover {
    color: #443918;
}

#calendarBox .tab td.impreza a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

#calendarBox .tab td.impreza a:hover {
    color: #ffffff;
    background: #443918;
}


#calendarBox .tab td.inactive {
    color: #cccccc;
}

#calendar .content hr {
    color: #514724;
    height: 1px;
}

#calendar .bottom {
    background: url(../images/calendar_bottom.png) no-repeat;
    overflow: hidden;
    width: 182px;
    height: 5px;
}

#content .imprezy  {
}

#content .imprezy  .title {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #5F060B;
}

#content .imprezy  p {
    font-weight: bold;
    margin: 10px 0px;
}

#content .imprezy ul {
    list-style-image:url(../images/arrow.png);
    padding-left: 10px;
}

#content .imprezy ul li {
    padding: 2px 0px;
}

#content .imprezy ul li a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

#content .imprezy ul li a:hover {
    color: #0B434A;
    text-decoration: underline;
}

#content .author  {
    font-size: 12px;
    margin-top: 15px;
    font-weight: bold;
}

#content .author  span {
    color: #5F060B;
}

#content .tag {
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
    color: #5F060B;
}

#content .sites  {
    font-size: 11px;
    margin-top: 20px;
}

#content .sites  span {
    font-size: 12px;
    font-weight: bold;
    margin-top: 20px;
    color: #5F060B;
}

#content .sites ul {
    list-style-image:url(../images/arrow.png);
    padding-left: 10px;
    margin-top: 3px;
}

#content .sites ul li {
    font-size: 11px;
    padding: 2px 0px;
}

#content .sites ul li a {
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

#content .sites ul li a:hover {
    color: #0B434A;
    text-decoration: underline;
}

#foot {
    clear: both;
    float: left;
    color: #575757;
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid #575757;
    font-size: 10px;
    margin-bottom: 10px;
}

#foot .left {
    float: left;
    padding-top: 5px;
}

#foot .right {
    float: right;
    padding-top: 5px;
}

#foot a {
    color: #575757;
    text-decoration: none;
}

#foot a:hover {
    text-decoration: underline;
}


#newscontent {
    width: 100%;
}

#newscontent .newshead {
    width: 100%;
    margin-bottom: 5px;
    color: #5F060B;
}
#newscontent .newshead .newstitle {
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
}
#newscontent .newshead .newsdate {
    float: right;
    font-weight: bold;
    font-size: 12px;
}
#newscontent .newstxt {
    clear: both;
    width: 100%;
    padding-top: 5px;
    overflow: hidden;
}

#newslist {
    margin-top: 10px;
    width: 100%;

}

#newslist .newshead {
    width: 100%;
    color: #5F060B;
}
#newslist .newshead .newstitle {
    font-size: 13px;
    float: left;
}

#newslist a {
    color: #5F060B;
    font-weight: bold;
    text-decoration: none;
}

#newslist a:hover {
    text-decoration: underline;
}

#newslist .newsbody {
    border-bottom: 1px solid #999999;
    margin-bottom: 20px;
}


#newslist .newsbody .newstxt {
    clear: both;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: hidden;
}

#newslist .newsbody .newsfoot {
    clear: both;
    width: 100%;
    padding-top: 5px;
}

#newslist .newsbody .newsfoot .newsdate {
    float: left;
    text-align: left;
    font-size: 11px;
    color: #666666;
}

#newslist .newsbody .newsfoot .newsdate a {
    font-size: 11px;
}

#newslist .newsbody .newsfoot .newsmore {
    float: right;
    text-align: right;
}

#content .searchItem {
    margin-bottom: 20px;
}

#content .searchItem a {
    font-weight: bold;
}

#content .searchItem .title {
    width: 100%;
    color: #5F060B;
    font-size: 12px;
}

#content .searchItem .txt {
    clear: both;
    width: 100%;
    padding: 5px 0px;
}

#content .newsNav {
    font-size: 11px;
    text-align: center;
    font-weight: bold;
}

#content .newsNav a {
    font-size: 11px;
    font-weight: bold;
    padding: 1px;
}

#main ._edit {
    text-align: center;
    padding: 5px;
}

#main ._edit a {
    font-size: 12px;
    font-weight: bold;
    color: #cc0000;
    text-decoration: none;
}

#main ._edit a:hover {
    text-decoration: underline;
}

/* Glowna nawigacja */
#navigation {
    width: 182px;
    margin: auto;
    padding: 0px;
    clear: both;
    overflow: hidden;
}

ul#nav {
    list-style-type: none;
    list-style-image: none;
    padding: 0px;
    margin: 0px;
}
ul#nav li {
    padding:0;
    margin:0;
    display:block;
    text-indent:-9999px;
    float: left;
}
ul#nav li a {
    display:block;
    text-decoration:none;
}
li#dni  a {
    width:182px;
    height:80px;
    background: url(../images/dni.jpg) no-repeat right top;
    margin-bottom: 8px;
}
li#rocznik  a {
    width:182px;
    height:80px;
    background: url(../images/rocznik.jpg) no-repeat right top;
    margin-bottom: 8px;
}
li#podlaski  a {
    width:182px;
    height:80px;
    background: url(../images/podlaski.jpg) no-repeat right top;
    margin-bottom: 8px;
}

li#podlasie a {
    width:182px;
    height:80px;
    margin-bottom: 8px;
    background: url(../images/podlasie.jpg) no-repeat right top;
}

li#dyskusyjny a {
    width:182px;
    height:80px;
    background: url(../images/dyskusyjny.jpg) no-repeat right top;
    margin-bottom: 8px;
}
li#programy a {
    width:182px;
    height:80px;    
    background: url(../images/programy.jpg) no-repeat right top;
}

li#dni a:hover {
    background: url(../images/dni.jpg) no-repeat left bottom;
}
li#rocznik a:hover {
    background: url(../images/rocznik.jpg) no-repeat left bottom;
}
li#podlaski a:hover {
    background: url(../images/podlaski.jpg) no-repeat left bottom;
}
li#dyskusyjny a:hover {
    background: url(../images/dyskusyjny.jpg) no-repeat left bottom;
}
li#programy a:hover {
    background: url(../images/programy.jpg) no-repeat left bottom;
}
li#podlasie a:hover {
    background: url(../images/podlasie.png) no-repeat left top;
}


a.ksiazki {
    background: url(../bibgraf/elementy/ico_ksiazki.jpg) no-repeat left top;
    height: 71px;
    width: 90px;
    display: block;
}
a.ksiazki:hover {
    background: url(../bibgraf/elementy/ico_ksiazki.jpg) no-repeat right top;
}
a.regionalia {
    background: url(../bibgraf/elementy/ico_regionalia.jpg) no-repeat left top;
    height: 71px;
    width: 90px;
    display: block;
}
a.regionalia:hover {
    background: url(../bibgraf/elementy/ico_regionalia.jpg) no-repeat right top;
    height: 71px;
    width: 90px;
    display: block;
}
a.czasopisma {
    background: url(../bibgraf/elementy/ico_czasopisma.jpg) no-repeat left top;
    height: 71px;
    width: 90px;
    display: block;
}
a.czasopisma:hover {
    background: url(../bibgraf/elementy/ico_czasopisma.jpg) no-repeat right top;
    height: 71px;
    width: 90px;
    display: block;
}






