/* 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% 'Trebuchet MS', Tahoma, Arial, Verdana, sans-serif; background-color: white; color: black;}

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

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

/* TOP
------------------------------------------------------------*/
#top { position: relative; width: 580px; float: left; height: 155px; background: transparent url(img/top_bg.gif) no-repeat top; }
/* 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: #214465; }
#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; } 

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

/* MENU
------------------------------------------------------------*/
ul#menu { list-style: none; }
ul#menu li { position: relative; float : left; }
ul#menu li a { display: block; width: 166px; color: #047391; padding: 6px; background-color: #f6fbf0; text-decoration: none; border-bottom: 1px solid #8cc63e; font-weight: bold; }
ul#menu li a:hover, #menu li a.active { background-color: #cfebab; color: #304f07 }
/* DROPDOWN */
ul#menu li ul { left: -999em; z-index: 100; list-style: none; position: absolute; top: 0px; border: 1px solid #fff; background-color: white; }
ul#menu li ul li { border-bottom: 1px solid #fff }
ul#menu li ul li a { display: block; width: 144px; color: #fff; padding: 3px; background-color: #8CC63E; border: none; font-weight: normal; }
ul#menu li ul li a:hover, #menu li ul li a.active  { color: #000; background-color: #CFEBAB }
ul#menu li:hover ul, #menu li.sfhover ul { display: block; left: 178px; }

ul#menu li.sam a { background-color: #8cc63e; color: white}
ul#menu li.sam ul li a:hover { background-color: #709F31; color: white}
ul#menu li.org a { background-color: #ff7e00; color: white}
ul#menu li.org ul li a:hover { background-color: #DF6E00; color: white}
ul#menu li.biz a { background-color: #047391; color: white}
ul#menu li.biz ul li a:hover { background-color: #064C5F; color: white}

#under_menu { border-top: 1px solid white; }

/* PODMENU
------------------------------------------------------------*/
ul#submenu { padding: 0 10px 10px 10px; list-style: none; }
ul#submenu li { border-bottom: 1px solid #b4e277 }
ul#submenu li a { display: block; width: 150px; color: #fff; 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  { color: #000;}

/* LEWA PAGINA:)
------------------------------------------------------------*/
#left h3 { font-size: 1em; color: #3b2d16; font-weight: bold; margin: 10px 0 4px 0; }
#left h3.others { padding-top: 10px; margin-top: 0; clear: both; margin-left: 5px; color: #fff }
#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: #fff }
#left #rss { font-size: .91em; margin-top: 10px; }
#left #rss a { padding-left: 24px; background: transparent url(img/rss.gif) no-repeat 10px; color: #fff }

/* INFORMACJE
------------------------------------------------------------*/
h2 { font-size: 1.87em; color: #047391; margin: 20px 0 10px 30px; font-weight: 400; border-bottom: 1px solid #cbcbcb }
.path { margin: 0; margin-left: 1px; font-size: .68em; background-color: #b7b7b7; padding: 7px 4px;   }
.path a { color: #fff; }
.path a:hover { text-decoration: underline; color: #000 }

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

/* Naglowki */
#content h3, #content h4, #content h5, #content h6 { margin: 18px 0 10px; color: #047391; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif; font-weight: 700; 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 #ddd;}
#content a:hover { text-decoration: none; }
a img { border: none; }
.no_border { border: none; }
a { color: #047391; text-decoration: none;}
a:hover { color: #8cc63e;}

/* 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: 13px; }
#content ul li span { font-size: .91em; color: #aaa }

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

/* SZUKANIE ZAAWANSOWANE */
#search h3 { margin-top: 0; }
#searchAdvanced { font-size: .68em;  background: transparent url(img/searchAdvanced.jpg) right top no-repeat; margin-bottom: 10px  }
#searchAdvanced fieldset { border: none; border-bottom: 1px solid #047391; padding-bottom: 10px}
#searchAdvanced legend { color: #047391 }
#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: #B7B7B7; border: none;  padding: 2px; color: #fff; cursor: pointer; width: auto}
#searchAdvanced .button:hover { background-color: #A7a7a7; }

/* 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 h3 { margin: 0; margin-top: 20px; } /*G*/
#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; margin: 0; margin-top: 15px; border-bottom: 1px solid #ddd }
#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 }
#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: #d8eff5; margin: 0; padding: 0; background-image: none }
#content #galList li a { display: block; position: absolute; background-color: #d8eff5; text-align: center; border: none  }
#content #galList li a:hover { background-color: #add8e4; }
#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; }
 
/* BANNERY */
ul#banners { list-style: none }
ul#banners li { text-align: center }
 
/* 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
------------------------------------------------------------*/
#footer { clear: both; color: #fff; padding: 10px; font-size: .68em; border-top: 1px solid #fff; background: #B7B7B7 url(img/bubles.gif) no-repeat center 10px; }
#footer a { color: #555 }
#footer a:hover { text-decoration: underline; }
#footer address { font-style: normal; padding: 10px 10px 10px 75px; 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 }