/* Ten plik CSS nalezy do strony www.ielblag.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 ------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; /* font-weight: inherit; */ font-style: inherit; font-size: 100.01%; font-family: inherit; vertical-align: baseline; background-color: transparent; } small { font-size: 0.8em; } big { font-size: 1.2em; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1em; color: black; background: white; } ol, ul { list-style: none; line-height: 1em; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } acronym, abbr { cursor: help } /* POCZATEK ------------------------------------------------------------*/ body { font: normal 100.01% Tahoma, Arial, Verdana, sans-serif; background: #f5feb9 url(img/bg.gif) repeat-x top; color: #484848;} /* CENTROWANIE STRONY ------------------------------------------------------------*/ #center, .center { width: 784px; margin: 0 auto; } /* TOP ------------------------------------------------------------*/ /* #top { position: relative; height: 211px; background-repeat: no-repeat; background-position: left center;} #top h1 { position: absolute; top: 27px; left: 283px; width: 220px; height: 107px; } #top h1 a { display: block; width: 100%; height: 100%; background: transparent url(img/header.gif) no-repeat center; text-indent: -9999em; } #top #top_right { position: absolute; top: 0; right: 0; width: 230px; height: 211px; background: transparent url(img/piekarczyk.jpg) no-repeat center; } #top #top_right p { width: 40px; margin: 60px 0 0 190px; } #top #top_right p a { display: block; float: left; width: 11px; height: 10px; margin-left: 5px; text-indent: -9999em; background-repeat: no-repeat; background-position: center; } #top #top_right p a.home { background-image: url(img/home.gif) } #top #top_right p a.site_map { background-image: url(img/site_map.gif) } */ #top { position: relative; height: 211px;} #top #flash { width: 784px; height: 211px; position: absolute; top: 0; left: 0; background: transparent url(img/top_flash.jpg) no-repeat center; } /* SCIEZKA STRONY ------------------------------------------------------------*/ #page_path { height: 26px; padding-top: 11px; background: transparent url(img/page_path.gif) no-repeat center; font-family: Tahoma, Arial, sans-serif; font-size: .68em; z-index: 111; } #page_path p.path { width: 601px; padding: 0 10px; float: left; color: #3c668d } #page_path p.path a { color: #495308; text-decoration: none } #page_path p.path a:hover { text-decoration: underline } #page_path p.language { width: 154px; float: right; text-align: center; color: #214465 } /* UKLAD ------------------------------------------------------------*/ #container { width: 784px; background: transparent url(img/container.gif) repeat-y center; } #left { width: 158px; float: left; } #content { width: 428px; padding: 20px; float: left; } #right { width: 158px; float: left; } /* MENU ------------------------------------------------------------*/ ul#menu { list-style: none; width: 154px; /*margin-left: 2px;*/ padding-left:2px; margin-top: 1px; margin-bottom: 4px; padding-bottom: 1px; background: transparent url(img/menu_bottom.gif) no-repeat bottom; background: #f5feb9 url(img/bg.gif) repeat-x 0 -250px; color: white; } ul#menu li { width: 156px; padding-top: 1px; background: transparent url(img/menu_lvl0_indent.gif) no-repeat top; color: white; } ul#menu li span { margin-bottom: 1px; display: block; width: 156px; background: #7a98b4 url(img/menu_lvl0_indent.gif) no-repeat bottom center; color: white;} ul#menu li span a { display: block; width: 141px; padding: 3px 5px; padding-right: 10px; background: transparent url(img/menu_lvl0_center.gif) no-repeat 98% 50%; margin-bottom: 1px; color: white; } ul#menu li span a:hover { color: #d9f499; background-image: url(img/menu_lvl0_center_active.gif) } ul#menu li.active span a { color: #d9f499; background-image: url(img/menu_lvl0_center_active.gif) } ul#menu li ul { display: none } ul#menu li ul.active { display: block } ul#menu li ul li { margin-left: 9px; width: 147px; padding-top: 1px; background: transparent url(img/menu_lvl1_indent.gif) no-repeat top; } ul#menu li ul li span { display: block; width: 147px; background: #3c668d url(img/menu_lvl1_indent.gif) no-repeat bottom center; } ul#menu li ul li span a, ul#menu li.active ul li span a { color: white; display: block; width: 137px; padding: 3px 5px; background: transparent url(img/menu_lvl1_center.gif) no-repeat 98% 50%; margin-bottom: 1px; font-weight: normal; } ul#menu li ul li span a:hover { color: #d9f499; background-image: url(img/menu_lvl1_center_active.gif) } ul#menu li.active ul li.active span a { color: #d9f499; background-image: url(img/menu_lvl1_center_active.gif) } ul#menu li ul li ul li { width: 138px; padding-top: 1px; background: transparent url(img/menu_lvl2_indent.gif) no-repeat top; } ul#menu li ul li ul li span { display: block; width: 138px; background: #214465 url(img/menu_lvl2_indent.gif) no-repeat bottom center; } ul#menu li ul li ul li span a, ul#menu li.active ul li.active ul li span a { color: white; display: block; width: 128px; padding: 3px 5px; background: transparent url(img/menu_lvl2_center.gif) no-repeat right center; margin-bottom: 1px; font-weight: normal; } ul#menu li ul li ul li span a:hover, ul#menu li.active ul li.active ul li span a:hover { color: #d9f499; background-image: none } ul#menu li.active ul li.active ul li.active span a { color: #d9f499; } ul#menu li ul li ul li a { font-weight: normal; font-size: .68em } ul#menu li a { color: white; font-weight: bold; font-size: .75em } ul#menu li ul.inactive {display: none;} /* LEWA CZESC ------------------------------------------------------------*/ #left h3 { background: #a4bf00 url(img/left_h3.gif) no-repeat top; color: #f9ffd8; width: 154px; margin: 0 0 10px 3px; padding-top: 1px; font-size: .75em; font-weight:bold} #left h3 span { display: block; width: 144px; padding: 5px; background: #a4bf00 url(img/left_h3.gif) no-repeat bottom; } #left ul.simple_list { font-size: .68em; margin: 0 10px; } #left ul.simple_list li { background: transparent url(img/simple_list_li.gif) no-repeat 0 4px; padding: 1px; padding-bottom: 3px; padding-left: 14px; line-height: 1.4em } #left ul.simple_list li a { color: #214465; text-decoration: none; } #left ul.simple_list li a:hover { color: #738602; } /* PRAWA CZESC ------------------------------------------------------------*/ #right { font-size: .75em } #right .r_container { margin: 0 10px 10px 10px; font-size: .91em } #right h3 { background: #55697b url(img/right_h3.gif) no-repeat top; color: white; width: 154px; margin: 1px 0 10px 1px; padding-top: 1px; font-weight:bold; text-align: center} #right h3 span { display: block; width: 144px; padding: 7px 5px; background: #55697b url(img/right_h3.gif) no-repeat bottom; color: white } #right ul.simple_list { font-size: .68em; margin: 0 10px; } #right ul.simple_list li { background: transparent url(img/simple_list_li.gif) no-repeat 0 4px; padding: 1px; padding-bottom: 3px; padding-left: 14px; line-height: 1.4em } #right ul.simple_list li a { color: #214465; text-decoration: none; } #right ul.simple_list li a:hover { color: #738602; } #right #search_right { margin: 0 10px 10px; position: relative } #right #search_right input { border: 0; width: 114px; font-size: .91em; padding: 3px 2px 2px 2px; color: #333 } #right #search_right input.button { width: 18px; height: 17px; padding-top: 20px; max-height: 17px; background: white url(img/search_loupe.gif) no-repeat center; font-size: 0.001em; color: white; position: absolute; top: 1px; right: 5px; cursor: pointer } #right .panorams { display: block; padding-left: 55px; background: transparent url(img/panorams.gif) no-repeat left center; color: #666; text-decoration: none } #right .panorams:hover { color: #999 } #right .clock { color: #666; line-height: 1.4em } #right .map { display: block; padding-top: 61px; background: transparent url(img/map.gif) no-repeat center top; color: #666; text-decoration: none; text-align: center} #right .map:hover { color: #999 } #right a.gallery { text-decoration: none; color: #444; } #right a.gallery:hover { color: #666; } #right a.gallery img { padding: 2px; border: 1px solid white; margin: 5px 0; } /* TRESC ------------------------------------------------------------*/ #content { font-size: .75em; text-align: justify; } /* Naglowki */ #content h2 { font-size: 2em; font-weight: normal; text-align: right; color: #11314e; border-bottom: 1px solid #8ea500; padding-bottom: 4px; margin-bottom: 25px; } #content h3, #content h4, #content h5, #content h6 { margin: 0 0 2px; color: #3c668d; font-family: Tahoma, 'Trebuchet MS', Arial, Verdana, sans-serif; font-weight: bold; clear: both; line-height: 1.2em } #content h3 a, #content h4 a, #content h5 a, #content h6 a { color: #3c668d; text-decoration: none } #content h3 { font-size: 1.34em } #content h4 { font-size: 1.25em } #content h5 { font-size: 1.16em } #content h5 { font-size: 1.08em } /* Linki */ a img { border: none; } .no_border { border: none; } #content a { color: #124d55; text-decoration: underline;} #content a:hover { color: #122e4b; text-decoration: none;} #menu a { text-decoration: none } /*a:link { color: blue; } a:visited { color: purple; } a:hover { color: purple; } a:active { color: red; }*/ /* 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; } #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 3px; padding-left: 12px; } #content .description { line-height: 1.5em; margin-bottom: 20px; } #content .description p { margin: 0; } #content .description p.articles { margin-top: 5px; padding-bottom: 5px; border-bottom: 2px solid #eee; color: #aaa } #content address.contact { line-height: 1.6em; font-style: normal; font-size: .85em } #content p.project_list { width: 150px; padding: 10px; float: right; border: 1px solid #aaa; margin: 0 0 10px 10px; background-color: #eee } /* LISTA ARTYKULOW */ ul#items_list { margin: 0; padding: 0; } ul#items_list li { padding: 0; background: none; width: 99%; } #content p.date { background: #f0fba9 url(img/date_bg.gif) no-repeat top; color: #738603; width: 428px; padding-top: 1px; font-size: .91em; margin: 6px 0; } /* G */ #content p.date span { display: block; width: 424px; padding: 3px 2px 5px; background: #f0fba9 url(img/date_bg.gif) no-repeat bottom; line-height: 1em } /* G */ ul#items_list li .art_content { margin-top: 10px; line-height: 1.5em; } ul#items_list li .art_footer { line-height: 1.5em; clear: both; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee } ul#items_list li img { padding: 2px; border: 1px solid #ddd } ul#items_list li h3.simple_view { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee } ul#items_list li h3.simple_view span { font-size: x-small; color: #bbb; font-weight: normal} #content a.read_more, #content a.back, #content a.print, #content a.back_to_top { border-bottom: 1px solid #e9e9e9; margin: 0; color: #667601; text-decoration: none } /*G*/ #content a.read_more:hover, #content a.back:hover, #content a.print:hover { color: #2e3503 } /*G*/ #content a.read_more { padding-right: 15px; background: transparent url(img/read_more_arrow.gif) no-repeat 100% 70%; } /*G*/ #content a.back { padding-left: 15px; background: transparent url(img/back_arrow.gif) no-repeat 0% 70%; } /*G*/ #content a.print { padding-left: 15px; background: transparent url(img/print.gif) no-repeat 0% 70%; } /*G*/ #content a.back_to_top { padding-left: 15px; background: transparent url(img/back_to_top.gif) no-repeat 0% 70%; } /*G*/ #content a.see_more { padding-left: 16px; border: none; margin: 0; background: transparent url(img/see_more.gif) no-repeat left; } /*G*/ #content a.see_gallery { padding-left: 16px; border: none; margin: 0; background: transparent url(img/see_gallery.gif) no-repeat left; } /*G*/ /* PODGLAD ARTYKULU */ #content #art_preview h3 { margin: 0; } #content #art_preview p.date { margin-bottom: 2px; } #content #art_preview #art_right { width: 130px; float: right; margin: 0 0 10px 10px; border-left: 3px solid white; } #content #art_preview .art_lead { line-height: 1.5em; margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #F0FBA9 } #content #art_preview .art_lead img { padding: 2px; border: 1px solid #ddd } #content #art_preview .art_content { line-height: 1.5em; } #content #art_preview h4.header_addons { background: #dee9f1 url(img/header_addons.gif) no-repeat top; color: #214465; width: 428px; padding-top: 1px; margin-top: 20px; margin-bottom: 0; font-weight:bold;} #content #art_preview h4.header_addons span { display: block; width: 418px; padding: 5px; background: #dee9f1 url(img/header_addons.gif) no-repeat bottom; } #content #art_preview .art_files, #content #art_preview .art_photos { border: 1px solid #dee9f1; padding: 10px; } #content #art_preview .art_footer { margin-top: 15px; } #content #art_preview .art_files ul li { line-height: 1.3em; margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #eee } #content #art_links_to_addons { font-size: .91em; width: 130px; padding-bottom: 5px; margin: 0 0 10px 0; background: #f0fba9 url(img/art_right_bg.gif) no-repeat bottom; line-height: 1.5em; text-align: right} #content #art_links_to_addons li { padding: 0; background: none } #content #art_links_to_addons li a { color: #3C668D; padding-right: 15px; background: transparent url(img/go_to_anchor.gif) no-repeat right; width: 110px; display: block; } #content #art_links_to_addons li a.print_top { background-image: url(img/print.gif); } #content #art_links_to_addons li a.back_top { background-image: url(img/back_arrow.gif); } #content #art_links_to_addons li a:hover { color: #90a415 } #content ul#gallery_minis { width: 406px; } #content ul#gallery_minis { list-style: none; margin: 0 0 5px 0;} #content ul#gallery_minis li { position: relative; float: left; background-color: #f7f3e8; margin: 0; padding: 0; background-image: none } #content ul#gallery_minis li a { display: block; position: absolute; background-color: #DEE9F1; text-align: center; border: none } #content ul#gallery_minis li a:hover { background-color: #B3D7EF; } #content ul#gallery_minis li { width: 118px; height: 118px; margin-left: 8px; margin-bottom: 8px; } #content ul#gallery_minis li a {width: 110px; height: 110px; padding: 3px; top: 1px; left: 1px; } /* 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: #3c668d; 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: #3c668d } #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); } #pic_menu a { color: #124d55; text-decoration: none } #pic_menu a:hover { background-color: #F0FBA9 } /* WYSZUKIWANIE */ #searchAdvanced { font-size: .68em; margin-top: -10px; } #searchAdvanced fieldset { border: none; padding-bottom: 10px} #searchAdvanced legend { padding-bottom: 20px; } #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 p { font-size: small; margin-left: 130px; color: #bbb } #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: #A4BF00; padding: 2px; color: #fff; cursor: pointer; width: auto; } #searchAdvanced .button:hover { background-color: #ADC70D; } h3.search_header { border-bottom: 1px solid #A4BF00; padding-bottom: 5px; } dl#search_results { margin-top: 20px; } dl#search_results dt { } dl#search_results dd { padding-bottom: 10px; margin-bottom: 7px; border-bottom: 1px solid #ccc; line-height: 1.1em } dl#search_results dd small { color: #999; } /* STRONY */ p#strony { clear: both; margin: 8px 0; padding: 5px; text-align: center; background-color: white; border-left: none; border-right: none; } p#strony small { line-height: 2.4em } p#strony a { border: none; padding: 3px; text-decoration: none } p#strony a:hover { background-color: #F0FBA9 } p#strony strong { padding: 3px; background-color: #D2DFEA; color: black } 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: 0% 60%; } p#strony a.pages_next, p#strony a.pages_last { background-position: 100% 60%; } 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 { font-size: .75em } #footer .footer_container { background: transparent url(img/footer_bg.gif) repeat-x 0 3px; } #footer .footer_container .center { background: transparent url(img/footer_menu_bg.gif) no-repeat top; padding-top: 3px; } #footer .center.footer_menu_bottom { background: transparent url(img/footer_bottom_bg.gif) no-repeat top; padding-top: 3px; margin-top: -3px; } #footer .footer_container ul { padding: 15px; text-align: center; color: #464646; line-height: 1.3em; font-size: .91em; background: transparent url(img/footer_container_bg.gif) repeat-y center; } #footer ul li { display: inline; color: #fff; } #footer ul li a { color: #464646; text-decoration: none; white-space: nowrap} #footer ul li a:hover { text-decoration: underline} #footer #footer_content { margin-top: 20px; padding: 0 10px; font-size: .91em;} #footer #footer_content p { line-height: 1.3em;} #footer #footer_content a { color: #0065a4; text-decoration: none} #footer #footer_content a:hover { text-decoration: underline} #footer #footer_content .float_right { text-align: right } #footer #footer_content .float_left { padding-left: 35px; background: transparent url(img/footer_herb.gif) no-repeat left center; color: #7a98b4 } /* MAPA STRONY ------------------------------------------------------------*/ ul#site_map, ul#site_map ul { margin: 0; margin-left: 10px; } ul#site_map li { line-height: 1.8em; background: none; font-weight: 700; padding: 5px 0; margin: 0; border-bottom: 1px solid #ddd } ul#site_map li ul li { background: transparent url(img/list.gif) no-repeat 0 7px; font-weight: 400; margin-top: 0; border: none; padding: 0; padding-left: 15px; } /* INFORMACYJNE ------------------------------------------------------------*/ #content .box_info { padding: 10px; background-color: #DEE9F1; text-align: center; border: 2px solid #7A98B4; border-left: none; border-right: none; line-height: 1.5em } #content .org_info { text-align: center } /* 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; } .float_left { float: left } .float_right { float: right } .center_text { text-align: center; } .no_border { border: none; } .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 }