/* **************************************************************
   @Nazwa: /css/style.css
   @Autor: Tomasz Łabacki
   @Email: tomasz@labacki.com
   @www:   http://labacki.com
   @Data:  21 marca 2010 15:12
   @Opis:  Style wortalu lęborskiej biblioteki
************************************************************** */

/*Sprawy podstawowe*/
* {margin: 0; padding: 0; border: 0; border-collapse: collapse;}
body{
    background: #f9faea url(/gfx/bg.gif) top center repeat-x;
    font-family: Arial;
    font-size: 13px;
    margin: 3px 0;
}

a{text-decoration: none;}
a:hover{text-decoration: underline;}

/*Główny pojemnik*/
div#main{width: 900px; margin: 0 auto; overflow: hidden;}

/*Elementy logo*/
div#logo{height: 200px; margin-bottom: 1px; overflow: hidden;}
div#logo_left{width: 200px; float: left;}
div#logo_right{width: 699px; float: right;}
div#logo_right_txt{padding: 0 10px; line-height: 22px; height: 22px; background-color: #0054a6; color: #FFFFFF;}
div#logo_right_txt img{float: right;}

/*Treść strony*/
div#okolicznosciowe{background: #FFF url(/gfx/bg_okolicznosciowe.gif) top center no-repeat; line-height: 29px; overflow: hidden;color: #FFF; font-style: italic; font-weight:bold; height: 29px; text-align: center; width: 900px; margin-bottom: 1px;}
div#okolicznosciowe a{color:#FFF;}
div#okolicznosciowe_belt{height: 29px; width: 900px; overflow: hidden;}
div#content{background: #FFF; width: 494px; float: left; padding: 0 3px;}
p.justify, h3.justify, h4.justify{text-align:justify;}
p.center, h3.center, h4.center{text-align:center;}
p.left, h3.left, h4.left{text-align:left;}
p.right, h3.right, h4.right{text-align:right;}

div#menu_left{background: #dee9f7; width: 200px; float: left;}
div#menu_right{background: #dee9f7; width: 200px; float: right;}

/*Zakładki górne*/
div#bookmarks{border-bottom: 2px solid #f58220; padding-top: 3px;}
div#bookmarks h2.dzial{color: #0054a6; font-size: 14px; line-height: 19px; float: left; width: 440px;}
div#bookmarks h2.dzial span{padding-left:12px;background:transparent url(/gfx/path.png) no-repeat 1px 5px;}
div.bookmarks_item{float: left; position: relative; padding-right: 21px; line-height: 21px; height: 21px; color: #FFF; margin-left: -7px;}

div.inactive{background: url(/gfx/bg_zakladka_off.gif) top right no-repeat; z-index: 1; cursor: pointer;}
div.active{background: url(/gfx/bg_zakladka_on.gif) top right no-repeat; z-index: 2; cursor: default;}
div.active p{background: #f58220;}
div.inactive p{background: #0054a6;}
div.inactive:hover{background: url(/gfx/bg_zakladka_offhover.gif) top right no-repeat; z-index: 3;}
div.inactive:hover p{background: #287ba6;}

div.bookmarks_item p{padding: 0 15px;}
div#bookmarks_icons{float: right; height: 19px; margin-bottom: 2px; line-height: 19px;}
div#bookmarks_icons img{vertical-align: bottom;}

/*Lista artykułów*/
div.article_list ul{list-style-type: none; font-family: Verdana;}
div.txt div.article_list ul{list-style-type: none;}
div.txt div.article_list ul li{ margin-left:inherit;}
div.title{float: left;}
div.title, div.data{height: 24px; line-height: 24px; vertical-align: bottom; margin-bottom: 2px;}
div.title2{height: 16px; line-height: 16px; vertical-align: top; margin-bottom: 13px;}
div.title h2,div.title h2 a{font-size: 14px; color: #0054a6;}
div.title h3,div.title h3 a{font-size: 13px; color: #0054a6;}
div.data{font-size: 10px; color: #333333; float: right;}
div.intro{font-size: 11px; color: #333333; clear: both; margin-bottom: 3px; text-align:justify;}
div.intro2{clear: both;height:0px;text-align:justify;}
div.intro img{margin-left: 3px;}
div.intro img.imgzajawka {float:left; margin-right:10px; border:0; height:80px;}

/*Paginacja*/
div#pages{text-align: center; padding: 5px 0;}
div#pages span{cursor: pointer; color: #0054a6; background: #dee9f7; padding: 3px 8px; font-size: 14px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;}
div#pages span a{color: #0054a6;}
div#pages span:hover a{color: #FFF; text-decoration: none;}
div#pages span.active{color: #FFF; background: #f58220;}
div#pages span.active a{color: #FFF;}
div#pages span:hover{background: #f58220;}

/*Galeria*/
div.txt{font-family: Verdana; font-size: 11px; margin: 2px; overflow: hidden;}
div.txt ul{ list-style-type:disc;}
div.txt ol{ list-style:lower-alpha;}
div.txt li{ margin-left:15px;}
div.txt h2, div.txt h3, div.txt h4{font-family: Verdana;padding-top:1em;}
div.txt h2{font-size: 14px;}
div.txt h3{font-size: 13px;}
div.txt h4{font-size: 12px;}
div.txt p{padding-top:1em;}
div.gallery{margin: 2px; overflow: hidden; text-align: center;}
div.gallery_horizontal{text-align: center;}
div.gallery img{margin-top: 10px;}
div.gallery_horizontal img{margin: 10px;}

.photo {width:114px; height:80px; margin-right:10px;}
.h80 {height:80px;}
.h90 {height:90px;}

/*Niebieska lista w menu lewym (div#menu_left) i prawym (div#menu_right)*/
ul.blue_list{color: #FFF; list-style-type: none;}
ul.blue_list a{color: #FFF;}
ul.blue_list li.selected div.content a {color:#FFC; font-weight:bold;}
ul.blue_list li.selected ul.submenu a {color:#FFF; font-weight:normal;}
ul.blue_list li{background: url(/gfx/bg_lista_top.gif) top center no-repeat; padding-top: 3px; margin-bottom: 1px;}
ul.blue_list div.content{background: url(/gfx/bg_lista_content.gif) top right repeat-y; padding: 6px 10px 6px 10px;}
ul.blue_list div.bottom{background: url(/gfx/bg_lista_bottom.gif) top center no-repeat; height: 3px; font-size: 1px;}
ul.blue_list div#Kalendarz1 {width:180px;height:280px;}

table.info_biblioteka{width: 100%}

/*Submenu w niebieskiej liście*/
ul.submenu{list-style-type: none;}
ul.submenu li.sub a, ul.submenu li a{line-height: normal;}
ul.submenu li.selected a{color:#FFC; font-weight:bold;}
ul.submenu li{margin-top: 5px; font-size: 12px; padding: 0 0 0 13px; background: url(/gfx/ico_submenu.gif) left top no-repeat;}
ul.submenu li:hover{background-position: 2px top;}
ul.submenu li.sub{font-size: 11px; padding: 0 0 0 10px; margin: 5px 0 0 13px; background: url(/gfx/ico_subsubmenu.gif) left top no-repeat;}
ul.submenu li.sub:hover{background-position: 1px top;}
ul.submenu li.sub:hover{background-position: 1px top;}
ul.submenu li.sub.selected a{color:#FFC; font-weight:bold;}


/*Elementy skryptu scrollable (okładki książek)*/
div.scrollable_element {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 146px;
    height:150px;
    text-align: center;
    float: left;
}
div.scrollable_left,div.scrollable_right{
    margin-top: 35px;
    cursor: pointer;
    float: left;
    width: w17;
}

div.scrollable_element div.scrollable_items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}
div.scrollable_element div.scrollable_items div {float:left; width: 146px;}
div.scrollable_element div.scrollable_items div img{max-width: 146px;}


/*Tooltip*/
#tooltip {
    display:none;
    background:transparent url(/gfx/bg_tooltip2.gif);
    font-size:11px;
	line-height:13px;
    height:160px;
    width:160px;
    padding:20px;
    color:#fff;
}

/*Pola formularzy*/
input.ciemny{border: 1px solid #4fa2ea; background: #f3f7fb url(/gfx/bg_input.gif) center center repeat-x; font-size: 11px; color: #666; height: 17px; padding: 0 2px; font-family: Arial;}
input.submit{border: 1px solid #4fa2ea; background: #FFF url(/gfx/bg_submit.gif) center center repeat-x; font-size: 11px; color: #666; height: 19px; font-family: Arial;width: 40px;}

/*Stopka*/
div#footer{font-size: 12px; color: #666; margin-top: 2px;}
div#footer_img{background: #FFF; text-align: center; line-height: 120px; margin-bottom: 5px;}
div#footer_img img{vertical-align: middle; margin: 0 10px;}
div#footer a{color: #666;}

/*Różne dopełnienia*/
.pt10{padding-top: 10px;}

/*Różne marginesy*/
.mt5{margin-top:5px;}
.mt35{margin-top: 35px;}
.mb5{margin-bottom: 5px;}
.ml10{margin-left: 10px;}

/*Rozmiary czcionek*/
.fs11{font-size: 11px;}
.fs12{font-size: 12px;}

/*Szerokości*/
.w17{width: 17px;}
.w146{width: 146px;}
.w360{width: 360px;}
.w366{width: 366px;}
.w120{width: 120px;}

/*Klasy różne dla formatowania elementów blokowych*/
/*.both{clear:both; height:0; overflow: hidden;}*/
.both{clear:both;}
.clearleft{clear:left;}
.fleft{float: left;}
.frighta{float: right; margin-right:25px;} .frighta a {color:#FFF;}
.fright{float: right;}
.fbold{font-weight: bold;}
.tcenter{text-align: center;}
img.center{display: block; margin: 0 auto;}



/*Łatka dla IE6 (można tutaj zamieścić różne elementy, i przezroczystość powinna zostać naprawiona)*/
div.scrollable_left img,div.scrollable_right img{behavior: url(/css/iepngfix.htc);}

.map {list-style-type:none;margin:0;padding:0;margin-left:10px;}
.map li {padding:2px 0;}
.map li a {color:#666666;}
.map ul {list-style-type:none;margin:0;padding:3px 0 0 0;}
.map ul li {background:white url(/gfx/map.png) no-repeat 0 0;padding:2px 0 2px 35px;}
.map ul li.last {background-image:url(/gfx/map1.png);padding-bottom:0;}
.map ul li.last2 {background-image:url(/gfx/map2.png) 0 -20px;padding-bottom:0;}
.map ul li.last3 {background-image:url(/gfx/map3.png);padding-bottom:0;}
.map ul li a {color:#7f7f7f;} 
.map ul ul li a {color:#a7a7a7;}


.download-content-list {list-style-type:none;margin:0;padding:20px 0 5px 0;}
.download-content-list li {width:95%;overflow:hidden;position:relative;margin:4px 0;}
.download-content-list li a {display:block;padding-right:50px;line-height:25px;padding-left:30px;background:transparent url(/gfx/file.png) no-repeat 0 0;}
.download-content-list li.pdf a {background-image:url(/gfx/pdf.png);}
.download-content-list li.zip a {background-image:url(/gfx/zip.png);}
.download-content-list li.rar a {background-image:url(/gfx/rar.png);}
.download-content-list li.rtf a {background-image:url(/gfx/rtf.png);}
.download-content-list li.doc a {background-image:url(/gfx/doc.png);}
.download-content-list li.ppt a {background-image:url(/gfx/ppt.png);}
.download-content-list li.xls a {background-image:url(/gfx/xls.png);}
.download-content-list li.ptx a {background-image:url(/gfx/pptx.png);}
.download-content-list li.ocx a {background-image:url(/gfx/docx.png);}
.download-content-list li.lsx a {background-image:url(/gfx/xlsx.png);}
.download-content-list li.ods a {background-image:url(/gfx/ods.png);}
.download-content-list li.odt a {background-image:url(/gfx/odt.png);}
.download-content-list li.odp a {background-image:url(/gfx/odp.png);}
.download-content-list li.mov a {background-image:url(/gfx/mov.png);}
.download-content-list li.mp3 a {background-image:url(/gfx/mp3.png);}
.download-content-list li.flv a {background-image:url(/gfx/flv.png);}
.download-content-list li.swf a {background-image:url(/gfx/swf.png);}
.download-content-list li span {position:absolute;line-height:25px;right:5px;top:0;}

#map {width:494px; height:750px;}