

/* Ten plik CSS nalezy do strony www.fundacja.elblag.pl */

/* You may adapt elements of this CSS in your own projects,
but the unique combination of images, colors, sizes,
typography, and positioning ("the design")
is copyright by Flusso and may not be reproduced! */

/* ZEROWANIE
------------------------------------------------------------*/
* { margin: 0; padding: 0; border: none }

/* POCZATEK
------------------------------------------------------------*/
body { font: normal 100% Arial, Tahoma, Verdana, sans-serif; background-color: #f3f2ef; color: black;}

/* CENTROWANIE STRONY
------------------------------------------------------------*/
#center { width: 760px; margin: 0 auto; background: transparent url(img/content_bg.gif) repeat-y;  }

/* NAGLOWEK
------------------------------------------------------------*/
h1 { width: 159px; height: 180px; background: #f3f2ef url(img/logo.gif) no-repeat center; float: left }
h1 a { display: block; text-indent: -9999em; height: 180px; }

/* TOP
------------------------------------------------------------*/
#top { position: relative; width: 601px; float: left; height: 197px; background: #f3f2ef url(img/top_bg.gif) no-repeat bottom; }
/* Header */
#top #header { position: absolute; top: 20px; left: 50px; width: auto; color: #6C5735 }
/* Szukajka */
#top form { position: absolute; top: 87px; left: 415px;  }
#top form div { width: 173px; height: 22px; background: transparent url(img/search_top_bg.gif) no-repeat; }
#top form legend { font-size: .68em; color: #6c5735; }
#top form input.field { position: absolute; top: 15px; left: 1px; width: 138px; height: 20px; background-color: transparent; }
#top form input.button { margin-left: 138px; max-height: 20px; width: 33px; height: 20px; background-color: transparent; cursor: pointer; padding-top: 50px; } 
/* Cytaty */
#top blockquote { margin-top: 50px; }
#top blockquote p { font-size: .68em; padding: 0 50px; }
#top blockquote p em { font-style: normal }
/* KRS */
#krs { background: url('img/krs.gif') no-repeat 140px 15px; text-indent: -9999em; }

/* UKLAD
------------------------------------------------------------*/
#left { float: left; width: 178px; font-size: .75em; }
#container { float: right; width: 581px; padding-left: 1px; }

/* MENU
------------------------------------------------------------*/
ul#menu { list-style: none; margin-top: -14px; }
ul#menu li { position: relative; float : left; }
ul#menu li a { display: block; width: 166px; color: white; padding: 6px; background-color: #6c5735; text-decoration: none; border-bottom: 1px solid #957a4d; font-weight: bold; }
ul#menu li a:hover, #menu li a.active { background-color: #856d47 }
/* DROPDOWN */
ul#menu li ul { left: -999em; z-index: 100; list-style: none; position: absolute; top: 0px; border: 1px solid #c9c9c9; border-left: none; background-color: white; }
ul#menu li ul li a { display: block; width: 144px; color: #3c3c3c; padding: 3px; background-color: white; border: none; font-weight: normal; }
ul#menu li ul li a:hover, #menu li ul li a.active  { color: white; background-color: #b1b1b1 }
ul#menu li:hover ul, #menu li.sfhover ul { display: block; left: 178px; }

/* PODMENU
------------------------------------------------------------*/
ul#submenu { padding: 0 10px 10px 5px; list-style: none; }
ul#submenu li { background: transparent url(img/submenu_list_bg.gif) repeat-x bottom; }
ul#submenu li a { display: block; width: 155px; color: #a17836; padding: 2px 2px 2px 6px; background: transparent url(img/submenu_bg.gif) no-repeat left; }
ul#submenu li a:hover, ul#submenu li a.active  { background-color: #efede7; color: black;}

/* LEWA PAGINA:)
------------------------------------------------------------*/
#left h3 { font-size: 1em; color: #3b2d16; font-weight: bold; margin: 10px 0 4px 0; }
#left h3.others { padding-top: 20px; margin-top: 0; clear: both }
#left ul.simple_list { list-style: none; font-size: .91em; text-align: center; margin: 0; padding: 0;  }
#left ul.simple_list li { margin-bottom: 6px; }
#left ul.simple_list li small { color: #777 }
#left #rss { font-size: .91em; margin-top: 20px; }
#left #rss a { padding-left: 14px; background: transparent url(img/rss.gif) no-repeat; color: #aaa }

/* INFORMACJE
------------------------------------------------------------*/
#page_header { height: 150px; background-position: 355px 0; background-repeat: no-repeat; position: relative; margin-bottom: 1px }
#page_header h2 { width: 300px; font-size: 1.87em; color: #a17836; text-align: right; font-weight: normal; position: absolute; bottom: 0; right: 240px; z-index: 10;}

#page_info { width: 561px; border: 1px solid #b48f55; border-left: none; border-right: none; background-color: #e8e6e0; color: black; font-size: .68em; padding: 10px; }
#page_info a { color: #574221; }
#page_info a:hover { text-decoration: underline }
#page_info .path { width: 420px; float: left; margin: 0; }
#page_info p#text_resize, #page_info p#text_resize_no_js { width: 120px; float: right; text-align: right; margin: 0; display: none }
#page_info p#text_resize_no_js { display: block }
#page_info p#text_resize a { padding: 5px; }

/* TRESC
------------------------------------------------------------*/
#content { padding: 12px 0 30px 30px; padding-right: 0; font-size: .75em; text-align: justify}

/* Naglowki */
#content h3, #content h4, #content h5, #content h6 { margin: 18px 0 2px; color: #6c5735; font-family: Tahoma, Verdana, Arial, 'Trebuchet MS', sans-serif; font-weight: bold; clear: both }
#content h3 { font-size: 1.16em }
#content h4 { font-size: 1.08em }
#content h5 { font-size: 1em }

/* Linki */
#content a { border-bottom: 1px solid #a4a4a4;}
#content a:hover { text-decoration: none; }
a img { border: none; }
.no_border { border: none; }
a { color: #a17836; text-decoration: none;}
a:hover { color: #382a13;}

/* Formularze */
fieldset { border: none; }
form { font-family: Arial, Tahoma, Verdana, sans-serif;  }

/* Tresci */
#content p,
#content ul,
#content ol,
#content dl,
#content address,
#content form { margin-bottom: 10px; font-size: 1em; line-height: 1.6em;  }
#content ol { margin-left: 27px; }
#content ul { list-style: none; margin-left: 13px;}
#content ul li { background: transparent url(img/list.gif) no-repeat 0 7px; padding-left: 7px; }
#content ul li span { font-size: .91em; color: #aaa }

#content p { width: 99%; }

#content .description { margin-bottom: 11px; margin-top: 5px; }

/* SZUKANIE ZAAWANSOWANE */
#search h3 { margin-top: 0; }
#searchAdvanced { font-size: .68em;  background: url(img/searchAdvanced.jpg) right top no-repeat; margin-bottom: 10px  }
#searchAdvanced fieldset { border: none; border-bottom: 1px solid #99937f; padding-bottom: 10px}
#searchAdvanced legend { color: #6c5735 }
#searchAdvanced input { z-index: 30; border: 1px solid #ddd; color: #353535; padding: 2px; width: 150px; }
#searchAdvanced select { width: 150px; }
#searchAdvanced div { clear: left; display: block; text-align:left; margin: 5px 0 0; padding: 1px 3px; }
#searchAdvanced div label { display: block; float: left; width: 120px; padding: 0 5px; margin: 0 0 5px 0; text-align: right; cursor: pointer; }
#searchAdvanced div.buttonCont { padding-left: 135px }
#searchAdvanced .button { background-color: #e8e6e0;  padding: 2px; color: black; cursor: pointer; width: auto}
#searchAdvanced .button:hover { background-color: #e2ddcf; }

/* LISTA ARTYKULOW */
ul#list { margin: 18px 0 0 0 ;  }
ul#list li { padding: 0; background: none; margin-bottom: 20px;}
ul#list li ul li { background: transparent url(img/list.gif) no-repeat left; padding-left: 7px; margin: 0; }
ul#list li h3 { margin: 0; }
ul#list li h3 a { border: none }
ul#list li .art_container { margin-top: 3px; }
#content p.date { font-size: .91em; color: #a4a4a4; margin: 0; margin-bottom: 5px; } /*G*/
#content p.read_more { margin: 0; clear: both; text-align: left } /*G*/
#content a.read_more { padding-right: 8px; border: none;  margin: 0; background: transparent url(img/read_more_arrow.gif) no-repeat right; } /*G*/
#content a.back { padding-left: 8px; padding-right: 20px; border: none; margin: 0; background: transparent url(img/back_arrow.gif) no-repeat left; } /*G*/
#content a.print { padding-left: 14px; padding-right: 20px; border: none; margin: 0; background: transparent url(img/print.gif) no-repeat left; } /*G*/
#content a.see_more { padding-left: 16px; border: none; margin: 0; background: transparent url(img/see_more.gif) no-repeat left; } /*G*/
/* PODGLAD ARTYKULU */
#content #art_addons { float: right; width: 150px; text-align: left; }
#content #art_container { float: left; width: 390px; }
#content #art_container_wide { float: none; width: 551px; }
#content h4.header_addons { padding: 3px; background-color: #E8E6E0; margin: 0; margin-top: 15px; }
#content #art_container h4.header_addons { margin-top: 12px; }
#content #art_addons p { padding: 3px; margin: 1px; text-align: center; color: #666 }
#content #art_addons p small { line-height: 1em }
#content #art_addons #art_files { margin: 0 0 10px 0; }
#content #art_lead, #content #art_content, #content .art_content { line-height: 1.6em; width: 99% }
#content #art_lead { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid #E8E6E0 }

/* LISTA GALERII dziedziczone od ARTYKULOW */
ul#list .gal_mini { float: right; width: 150px; text-align: center; }
ul#list .gal_mini a { border: none }
ul#list .gal_title { float: left; width: 390px; }

/* GALERIA */
#content #galList { list-style: none; }
#content #galList li { position: relative; float: left; background-color: #f7f3e8; margin: 0; padding: 0; background-image: none }
#content #galList li a { display: block; position: absolute; background-color: #e8e3d3; text-align: center; border: none  }
#content #galList li a:hover { background-color: #f0ead8; }
#content #galList li { width: 108px; height: 108px; margin-left: 8px; margin-bottom: 8px; }
#content #galList li a {width: 100px; height: 100px; padding: 3px; top: 1px; left: 1px; }
/* ZDJECIA ZOOM */
#div_background { margin: 0; padding: 0; background-color: #6c5735; z-index: 99 }
#div_container { z-index: 100; position: absolute; width: 620px; padding: 10px; background: white; text-align: center }
#div_container h3 { margin: 10px; padding: 0; text-align: left; color: #6c5735 }
#pic_menu { font-size: .81em; margin-bottom: 3px; border-bottom: 1px solid #ddd; padding-bottom: 5px; text-align: center }
#pic_menu span {padding: 0 70px; color: #777; } 
#pic_menu a.disabled, #pic_menu a.disabled:hover { color: #777; cursor: auto; border: none }
#pic_menu a.disabled:hover { text-decoration: none }
#div_container #close_window_bar a { font-size: .68em; color: black; padding-right: 20px; background: transparent url(img/close_window.gif) no-repeat right; }
#div_container #close_window_bar { text-align: right;   }
#div_content  {position:relative ; height:50px;}
#div_description { color: black; margin-top: 3px; padding: 3px 0 0; border-top: 1px solid #ddd; font-size: .75em}
#gallery_info_box { background-color: white; color: black; width: 100px; padding: 2px; margin-left: 1px; margin-top: 8px; font-size: .68em; z-index: 99; border: 1px solid #E8E6E0; }
#pic_menu a.pages_previous, #pic_menu a.pages_next { background-repeat: no-repeat; }
#pic_menu a.pages_previous { background-position: left; }
#pic_menu a.pages_next { background-position: right; }
#pic_menu a.pages_previous { padding-left: 9px; background-image: url(img/pages_first.gif); }
#pic_menu a.pages_next { padding-right: 9px; background-image: url(img/pages_last.gif); }

/* WYSZUKIWANIE */
dl#search_results dt { margin-top: 12px; }
 
/* STRONY */
p#strony { clear: both; margin: 8px 0; padding: 3px; text-align: left; border: 1px solid #e5e1d6; border-left: none; border-right: none; }
p#strony a { border: none; padding: 3px; }
p#strony strong { padding: 3px; background-color: #dcd3b7; color: #6C5735 }
p#strony a.pages_first, p#strony a.pages_previous, p#strony a.pages_next, p#strony a.pages_last { background-repeat: no-repeat; }
p#strony a.pages_first, p#strony a.pages_previous { background-position: left; }
p#strony a.pages_next, p#strony a.pages_last { background-position: right; }
p#strony a.pages_first { padding-left: 9px; background-image: url(img/pages_first.gif); }
p#strony a.pages_last { padding-right: 9px; background-image: url(img/pages_last.gif); }
p#strony a.pages_next { padding-right: 6px; background-image: url(img/pages_next.gif); }
p#strony a.pages_previous { padding-left: 6px; background-image: url(img/pages_previous.gif); }

/* STOPKA
------------------------------------------------------------*/
p#footer_menu { position: relative; background: transparent url(img/footer_menu_bg.gif) no-repeat center bottom; height: 20px; text-align: left; margin: 20px 0 0; font-size: .68em}
p#footer_menu a { display: block; color: white; background: #a99e8a url(img/footer_to_top_bg.gif) no-repeat; width: 55px; height: 16px; padding: 1px 0 0 7px; position: absolute; right: 0; bottom: 0; }
p#footer_menu a:hover { color: black }

#footer { clear: both; background: #e8e6e0 url(img/footer_bg.gif) no-repeat center top; color: #99937f; padding: 10px; font-size: .68em; }
#footer address { font-style: normal; padding: 10px 10px 10px 60px; background: transparent url(img/footer_logo.gif) no-repeat left; float: left }
#footer p { float: right; width: 300px; text-align: right; margin-top: 10px; }
/* Informacyjne
------------------------------------------------------------*/
.box_info { padding: 10px; background-color: #E8E6E0; text-align: center } 
.box_info p { font-size: 1em; } 

/* ROZNE
------------------------------------------------------------*/
.clear { clear: both; width: 1px; height: 1px; line-height: 1px; font-size: 0.01em}
.display_none { display: none; }
.visibility_hidden { visibility:hidden }
.information { text-align: center }
.img_right { float: right; margin: 0 0 10px 10px; }
.img_left { float: right; margin: 0 10px 10px 0; }
.floatLeft { float: left }
.floatRight { float: right }
.center_text { text-align: center; }
#center img.no_border { border: none; }
ul.styledUl { list-style-image: url(img/li.gif) }
.infoBox { text-align: center; background: #DFF2FF; border: 1px solid #71AFDA; padding: 6px; line-height: 140%; font-size: .75em; }
.flusso { color: #0065a4 } .flusso:hover { color: #12355F }
acronym, abbr { cursor: help }
