/* Ten plik CSS nalezy do strony www.cop.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
------------------------------------------------------------*/
/* Cialo strony */
body { font: normal 100% Tahoma, Verdana, Arial, sans-serif; background: white url(img/bg.gif) repeat-x; color: black;}

/* CENTROWANIE STRONY
------------------------------------------------------------*/
#center { width: 890px; margin: 0 auto; padding: 0 5px; background: #0e577b url(img/bg_center.gif) repeat-y;}

/* NAGLOWEK
------------------------------------------------------------*/
h1 { height: 174px; background: transparent url(img/header.jpg) no-repeat; }
h1 a { display: block; text-indent: -9999em; height: 174px; }

/* MENU
------------------------------------------------------------*/
ul#menu { height: 40px; padding: 13px 0 0 280px; background: transparent url(img/bg_menu.gif) no-repeat; font-size: .80em; list-style: none  }
ul#menu li { float: left; position: relative; }
ul#menu li a { color: black; padding: 10px; text-decoration: none; }
ul#menu li a:hover { background-color: #fff1c1 }
/* DROPDOWN */
#menu li ul { left: -999em; z-index: 1000; width: 150px; position: absolute; margin: 10px 0 0 0; border: 1px solid white; border-top: none; font-size: .91em; }
#menu li ul li { display: block }
#menu li ul li a { display: block; width: 144px; background-color: #FDC500; color: black; padding: 3px; border-bottom: 1px solid #efc122; }
#menu li ul li a:hover, #menu li ul li a.active  { text-decoration: none; background: #fff1c1 }
#menu li:hover ul, #menu li.sfhover ul {left: 0;}

/* PODMENU
------------------------------------------------------------*/
ul#submenu { background: #fed442 url(img/bg_submenu.gif) no-repeat bottom; padding: 0 10px 10px 10px; list-style: none; min-height: 100px }
ul#submenu li.inactive { padding: 5px; color: #888; text-align: center }
ul#submenu li { border-bottom: 1px solid #efc122; margin: 0; }
ul#submenu li a { display: block; width: 147px; color: #0e577b; padding: 6px; padding-left: 17px; text-decoration: none; background: transparent url(img/arrow_submenu.gif) no-repeat 4% 50% }
ul#submenu li a:hover { background-color: #efc122; color: white }

/* UKLAD
------------------------------------------------------------*/
#left { float: left; width: 190px; font-size: .75em; }
#content { float: left; width: 470px; background: transparent url(img/bg_content.gif) no-repeat; padding: 0 20px; }
#right { float: left; width: 170px; padding: 10px; font-size: .75em }

/* LEWA PAGINA:)
------------------------------------------------------------*/
#left h3 { background: #3BAFE9 url(img/bg_header_left.gif) no-repeat; padding: 14px 11px; font-size: 1em;  color: #09344a; font-weight: bold; margin: 10px 0 4px 0; }
#left p { margin: 5px 10px; font-size: .91em }
#left form p { margin: 0; font-size: 1em }
#left ul.simple_list { list-style: none; padding: 0 5px; font-size: .91em  }
#left ul.simple_list li { margin-bottom: 6px; background: transparent url(img/arrow_menu_left.gif) no-repeat 0 4px;  padding-left: 8px;}
#left ul.simple_list li a {   color: white; text-decoration: none; border-bottom: 1px solid #4297C1 }
#left ul.simple_list li a:hover {color: #082533; }

/* Szukaj na stronie */
#left #search { padding: 0 5px; }
#left #search input.field { border: none; color: #555; padding: 3px;  width: 174px; }
#left #search input.button { font-weight: bold; color: white; background-color:#09344a; border: none; font-size: .91em; padding: 3px 0; cursor: pointer; float: right }

/* PRAWA PAGINA:)
------------------------------------------------------------*/
#right a { color: #082533; }
#right a:hover { color: white }
#right h3 { background: #A9DFFA url(img/bg_header_right.gif) no-repeat; padding: 10px 11px; font-size: 1em; color: white; font-weight: bold; margin: 10px 0 5px 0; text-align: center  }
#right ul.banners { list-style: none; text-align: center }
#right ul.banners img { margin: 5px 0; }
#right ul.banners li { margin-bottom: 3px; padding: 3px; background-color: #ccecfc }
#right ul.banners li a.gallery_go { background: url(img/gallery_go.jpg) no-repeat; display: block; height: 50px; margin: 5px auto; outline: none; text-indent: -99999em; width: 122px; }
#right ul.banners li a.callendar_go { background: url(img/callendar_go.jpg) no-repeat; display: block; height: 50px; margin: 5px auto; outline: none; text-indent: -99999em; width: 122px; }

/* TRESC
------------------------------------------------------------*/
#content { color: #fed442; font-size: .75em; text-align: justify }

/* Naglowki */
#content h3, #content h4, #content h5, #content h6 { margin: 18px 0 10px; color: #d5f1ff; font-family: Tahoma, Verdana, Arial, 'Trebuchet MS', sans-serif; font-weight: bold; clear: both }
#content h3 {font-size: 1.25em; }
#content h4 {font-size: 1.15em; }
#content h5 {font-size: 1.07em; }
#content h6 {font-size: 1em;}
#content h2 { padding: 40px 0 0 0; font-size: 2em; font-family: Tahoma, Verdana, sans-serif; font-weight: normal; color: #fed442; text-align: right; margin-bottom: 15px; }

/* Linki */
#content a { border-bottom: 1px solid #ccc;}
#content a:hover { text-decoration: none; border-bottom-color: #3bafe9 }
a img { border: none; }
img.noborder { border: none; }
a { color: #fff1c1; text-decoration: none;}
a:hover { color: #3bafe9; }

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

/* Tresci */
#content p,
#content ul,
#content ol,
#content dl,
#content address,
#content form { margin-bottom: 14px;  line-height: 1.2em; text-align: justify }
#content ul, #content ol { margin-left: 23px;  }
#content ul li ul, #content ul li ol, #content ol li ul, #content ol li ol { font-size: 1em }
#content li { margin-bottom: 2px; }
#content ul p, #content ol p { font-size: 1em }
#content ul { list-style-image: url(img/content_list_bullet.gif); }
#content ol { list-style-image: none }

/* ARTYKULY */ 
#content h3 a { border: none; color: #D5F1EB }
#content p.date { color: #31a2d9; font-size: .91em; margin-bottom: 5px; margin-top: -7px; }
#content p.art_bottom { color: #a9dffa; font-size: .91em; margin-top: 10px; margin-bottom: 5px; clear: both; }
#content p.art_bottom a.read_more,
 #content p.art_bottom a.back,
 #content p.art_bottom a.print { padding-left: 10px; background: transparent url(img/bg_read_more.gif) no-repeat left; color: #a9dffa; border-bottom: 1px solid #3bafe9 }
#content p.art_bottom a.back { background-image: url(img/bg_back.gif); }
#content p.art_bottom a.print { background-image: url(img/bg_print.gif); padding-left: 14px; }
#content p.art_bottom a:hover { color: #3bafe9; }
#content .art_list_item { border-bottom: 1px solid #3B7E9F; padding-bottom: 25px;  }

/* DOWNLOAD */
#content table { width: 100%; border-collapse: collapse; font-size: 1em; margin-bottom: 14px; }
#content table, td, tr, th {border: 1px solid #0E577B; border-bottom-color: #0E577B; vertical-align: top; }
#content table td { padding: 3px 2px; }
#content table td.name { width: 240px; }
#content table th { font-weight: bold; text-align: center; }
#content table th.type { width: 50px; }
#content table th.downloadWidth { width: 80px }
#content table tr { background-color: #1b6d95}
#content table tr.dark { background-color: #277A9F}
#content table thead th { background-color: #208BC0; color: white; padding: 10px 6px; }
#content table .icon { width: 15px; text-align: center }
#content table .center {text-align: center }
#content table a {border: none}
#content table a.download { padding-left: 18px; background: url(img/down.gif) no-repeat left; border:none;}
#content table caption { font-size: .92em; color: white; margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid white }

/* SZUKANIE ZAAWANSOWANE */
#searchAdvanced { background: url(img/searchAdvanced.jpg) right top no-repeat; margin-bottom: 10px  }
#searchAdvanced fieldset { border: none;  padding-bottom: 10px}
#searchAdvanced legend { padding: 5px 0 0 300px; color: white }
#searchAdvanced input { z-index: 30; border: 1px solid #ddd; color: #353535; padding: 2px; width: 250px; }
#searchAdvanced select { width: 257px; }
#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: #208BC0; border: 1px solid #3BAFE9; padding: 2px; color: white; cursor: pointer; width: auto}
#searchAdvanced .button:hover { background-color: #3BAFE9; border: 1px solid #3BAFE9; }


.left_search .field { width: 120px; margin: 0; margin-left: 10px; color: #353535; padding: 2px; }
.left_search .button { font-size: .91em; background-color: #09344a; padding: 2px; color: white; cursor: pointer; width: auto; font-weight: bold;}
.left_search .button:hover { background-color: #1e5f80; }

dl#search_results { border-bottom: 1px solid #3B7E9F; margin: 0; padding: 0; text-align: left }
dl#search_results dt { padding-top: 16px; border-top: 1px solid #3B7E9F; background-color: #1A688F; padding-left: 10px; position: relative }
dl#search_results dt.dark { background-color: #1D749F; }
dl#search_results dd { padding-bottom: 16px; padding-left: 10px; padding-top: 3px; background-color: #1A688F; }
dl#search_results dd.dark { background-color: #1D749F; }
dl#search_results.search dt, dl#search_results.search dd { background: none }
dl#search_results dt span { width: 50px; position: absolute; top: 7px; right: 0; text-align:center; }

/* BAZA ORGANIZACJI */
#organization h2 { text-align: left; margin: 0; height: auto; padding-top: 10px; }
#organization h2.status { text-align: left; height: auto; margin-bottom: 40px; padding: 0; font-size: 1.4em; color: white}
#organization h4 { margin: 30px 0 0; }
#organization h4.info { margin-bottom: 5px; }
#organization div { width: 450px; padding: 10px 10px 2px 10px;  }
#organization div p { position: relative; padding-left: 150px; padding-bottom: 5px; margin-bottom: 4px; border-bottom: 1px solid #3B7E9F; }
#organization div p span { display: block; width: 150px; position: absolute; left: 0; top: 0; }
#organization .image_field { width: 120px; float: right; text-align: center; }

/* GALERIA */
#content #galList { list-style: none; margin: 0 }
#content #galList li { position: relative; float: left; background-color: #208BC0 }
#content #galList li a { display: block; position: absolute; background-color: #208BC0; text-align: center; border: none  }
#content #galList li a:hover { background-color: #1B6D95; }
#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: #0E577B; 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: #0e577b }
#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 { color: black }
#pic_menu a:hover { color: #3bafe9 }
#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); }

/* Linki */
#linki dl dt { margin-top: 30px; font-size: 1.2em; color: #d5f1ff; margin-bottom: 7px;}
#linki dl dd { padding-left: 2px; }
#linki dl dd.first { margin-top: 10px; }
#linki dl dd a { padding-right: 15px; background: transparent url(img/linki.gif) no-repeat right}

/* STRONY */
p#strony { clear: both; margin: 5px 0; padding: 3px 0 8px 0; text-align: right; border: 1px solid #3B7E9F; border-left: none; border-right: none; border-top: none; font-size: 1em; }
p#strony a { border: none; padding: 3px; }

/* STOPKA
------------------------------------------------------------*/
#footer { height: 225px; background: transparent url(img/bg_footer.gif) no-repeat; background-color: #2688b8; font-size: .75em; color: white; padding: 0 0px; margin-top: -10px; padding-left: 10px; padding-right: 10px;  }
#footer a { color: #aeddf5 }
#footer a:hover { color: #0e577b }
#footer ul { text-align: center; position: relative; padding: 40px 0 20px 0; width: 870px; }
#footer ul li { display: inline; padding: 0 10px 0 10px; border-right: 1px solid #00bff3  }
#footer ul li a { color: white }
#footer ul li a:hover { color: #0E577B }
#footer ul li.top { border: none; width: 88px; height: 26px; position: absolute; top: 0; left: 399px; padding: 0; margin: 0;}
#footer ul li.top a { display: block; background: white url(img/to_top.gif) no-repeat; width: 88px; height: 26px; text-indent: -9999em; outline: none}
#footer ul li.top a:hover { background-position: 0 -26px; }
#footer ul li.last { border: none }
#footer address { float: left; font-style: normal; font-size: .91em; line-height: 1.3em } 
#footer p { float: right; text-align: right } 

/* Informacyjne
------------------------------------------------------------*/
.box_info { padding: 5px; background-color: #4f849f; line-height: 1.6em; 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 }

#main_page table { width: 240px; margin: 0 auto; background: white; }
#main_page table td { background: #0e577b; }
#main_page h2 { padding: 10px 0 0 0; font-size: 2em; font-family: Tahoma, Verdana, sans-serif; font-weight: normal; color: #fed442; text-align: right; margin-bottom: 15px; }
#main_page h4 { padding-left: 170px;}
#main_page h5 { float:right;}
#main_page #hours { border-bottom: 3px solid #3B7E9F; padding-bottom: 10px; }