/* - Selektory HTML ----------------------------------------------- */

body { margin: 0; padding: 0; font-size: 12px; font-family: verdana,arial,helvetica,sans-serif; color: #3C3C3C; background: #ffffff url(../powiat4/images/bg_body.jpg) repeat-x 0px 105px; background-color: #ffffff; }
p { line-height: 16px; }

/* - Pozycjonowanie ----------------------------------------------- */
#kontener_glowny { margin-bottom: 20px; }
#strona { margin: 0; padding: 10px 30px 0px 15px; background: #ffffff url(../powiat4/images/bg_strona.jpg) no-repeat top left; min-height: 570px; }
.kontener { margin: 0 auto; width: 775px; }
.schowaj { position: absolute; left: -999em; }
.clear { display: block; clear: both; height: 0; line-height: 0px; font-size: 0px; }

/* - Domyślne linki ----------------------------------------------- */
a { text-decoration: underline; font-weight: normal; }
a:link { color: #4681A3; }
a:visited { color: #5C97BA; }
a:hover, a:focus, a:active { color: #4681A3; }

/* - Nagłówek ----------------------------------------------------- */
#naglowek { height: 142px; }
#logo { height: 105px; background: #ffffff url(../powiat4/images/bg_logo.jpg) no-repeat; }
#logo a span { display: none; }

/* - Menu --------------------------------------------------------- */
#menu ul { list-style-type:none; padding:0; margin:0; }
#menu li { float:left; position:relative; z-index:100; }
#menu table { position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:22px; }
#menu a, #menu :visited { display: block; color: #ffffff; text-decoration: none; }
#menu a:hover { background-color: #74A938; }
#menu ul ul { visibility:hidden; position:absolute; width:180px; background-color: #87C149; border: 1px solid #AEE27D;}
#menu li li { width: 169px; }
#menu li ul a { width: 169px; padding: 5px 0px 5px 11px; }
#menu ul li:hover ul, #menu ul a:hover ul { visibility:visible; }

#menu .li_main { margin: 0px 0px 0px 0px; background: url(../powiat4/images/bg_menu_right.jpg) no-repeat right center; }
#menu .a_main { padding: 4px 15px 5px 11px; font-weight: bold; }
#menu .a_main:hover { color: #ffffff; background-color: transparent; }

/*
#menu { }
#nav, #nav ul { padding: 0; margin: 0; list-style: none; }
#nav a { display: block; color: #ffffff; text-decoration: none; }
#nav li { float: left; padding: 0; }
#nav li ul { position: absolute; margin-top: 0px; width: 180px; left: -999em; background-color: #87C149; border: 1px solid #AEE27D; }
#nav li li { width: 169px; padding: 5px 0px 5px 11px; }
#nav li ul a { width: 169px; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li li:hover, #nav li li.sfhover { position: static; background-color: #74A938; }
#nav .li_main { margin: 0px 0px 0px 0px; background: url(../powiat4/images/bg_menu_right.jpg) no-repeat right center; }
#nav .a_main { padding: 4px 15px 5px 11px; font-weight: bold; }
*/

/* - Sub Menu --------------------------------------------------------- */
#submenu { float: left; width: 200px; }
#submenu ul { border-top: 1px solid #9FC2D7; list-style-type: none; margin: 0; padding: 0; }
#submenu ul li { margin: 0; padding: 0; border-bottom: 1px solid #9FC2D7; }	
#submenu a { display: block; margin: 0px 0px; padding: 7px 0px 7px 4px; text-decoration: none; }
#submenu a:hover { background-color: #DDE9F0; }

/* - Sub Menu: Teleadresy --------------------------------------------------------- */
#submenu #teleadresy ul { border: none; }
#submenu #teleadresy ul li { padding: 5px 0px 0px 15px; background: transparent url(../powiat4/images/bg_teleadresy_menu.gif) no-repeat 0px 9px; border: none; }
#submenu #teleadresy ul a { padding: 0px 0px; }
#submenu #teleadresy a:hover { background-color: #DDE9F0; }

/* - Trail menu --------------------------------------------------- */
#trail_menu { margin: 0px 0px 20px 0px; padding: 0; font-size: 11px; border-bottom: 1px dotted #9FC2D7; }
#trail_menu ul { margin: 0; padding: 0; list-style-type: none; }
#trail_menu li { background-color: #E4EFF3; margin-bottom: 1px; padding: 1px; }
#trail_menu .trail_glowna a { font-weight: bold; }
#trail_menu p { margin: 0px; padding: 0px; }
#trail_menu a { text-decoration: none; }

/* - Treść --------------------------------------------------------- */
#tresc { float: right; width: 520px; }
#tresc .tytul { margin-top: 0px; margin-bottom: 5px; font-size: 18px; color: #CB5B58; }
#tresc .subtytul { font-size: 12px; font-weight: normal; font-style: italic; }
#tresc .data { color: #008040; }
#tresc #sublinki li { margin-bottom: 10px; }
#tresc #tekst { margin-top: 20px; }

/* - Intro -------------------------------------------------------- */
#kolumna_lewa { float: left; width: 191px; min-height: 567px; padding: 10px 15px 0px 20px; background: url(../powiat4/images/bg_kolumna_lewa.jpg) no-repeat left top; }
#kolumna_prawa { float: right; width: 549px; }
#kolumna_lewa h2 { margin: 0px 0px 0px 0px; padding-bottom: 2px; font-size: 20px; color: #4681A3; font-weight: normal; }
#kolumna_prawa h2 { margin: 10px 0px 0px 0px; padding-bottom: 4px; font-size: 18px; color: #4681A3; font-weight: normal; border-bottom: 1px solid #DEDEDE; }
p.lista { margin: 0px 0px 10px 0px; padding: 0px 5px 0px 20px; background: url(../powiat4/images/bg_lista.gif) no-repeat 8px 6px; }

/* - Aktualności - intro -------------------------------------------------- */
#aktualnosci { margin-bottom: 10px; }
#aktualnosci p { margin: 0; padding: 10px 0px 10px 0px; border-bottom: 1px solid #DEDEDE; }
#aktualnosci span { font-size: 11px; color: #C13B2F; }

/* - Zaproszenia - intro -------------------------------------------------- */
#zaproszenia { }
#zaproszenia h3 { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 12px; color: #C13B2F; }
#zaproszenia p { margin: 7px 0px; } 
#zaproszenia span { font-size: 11px; }

/* - Foto - intro --------------------------------------------------------- */
#foto { height: 225px; background: url(../powiat4/images/bg_foto.jpg) no-repeat 0 0; overflow: hidden; }
#foto img { float: left; margin: 10px 0px 0px 8px; }

/* - Prezentacja - intro -------------------------------------------------- */
#prezentacja { float: left; width: 350px; margin: 0; padding: 0px 10px 0px 10px; border-right: 1px solid #DEDEDE; }
#prezentacja p { margin: 10px 0px 0px 0px; }

/* - Bannerki - intro ----------------------------------------------------- */
#bannerki { float: right; margin: 0px 12px 0px 0px !important; margin: 0px 6px 0px 0px; }
.banner { width: 144px; margin-bottom: 10px; padding: 5px; font-size: 11px; border: 1px solid #C2C2C2; }
.banner a { font-size: 14px; text-decoration: none; }
.banner p { margin: 5px 0px 0px 0px; line-height: 13px; }
#symbolika { height: 162px; background: #EFF1F6 url(../powiat4/images/bg_banner_symbolika.jpg) no-repeat 0 bottom; }
#symbolika a { color: #3e934f; }
#unia { height: 165px; background: #EFF1F6 url(../powiat4/images/bg_banner_unia.jpg) no-repeat 0 bottom; }
#unia a { color: #4681A3; }
#komunikacja { height: 160px; background: #FDF9F9 url(../powiat4/images/bg_banner_komunikacja.jpg) no-repeat 0 bottom; }
#komunikacja a { color: #C13B2F; }

/* - Stopka ------------------------------------------------------- */
#stopka { height: 196px; font-size: 11px; color: #ffffff; background: #ffffff url(../powiat4/images/bg_stopka.gif) repeat-x 0 0; }
#stopka a { color: #ffffff; text-decoration: none; }
#stopka a:hover { text-decoration: underline; }
#stopka p { margin: 6px 0px 0px 0px; padding: 4px 0px 0px 0px; border-top: 1px solid #5AAAD9; }
#adres { margin: 10px 30px 0px 0px; float: left; }
#bip { margin: 10px 0px 0px 0px; float: left; }

/* - Foto ---------------------------------------------------------------------------------------------------- */
table.foto_right { float: right; margin: 0px 0px 5px 5px; border: 1px solid #D2E3EC; background-color: #F8FAFC; }
table.foto_left { float: left; margin: 0px 5px 5px 0px; border: 1px solid #D2E3EC; background-color: #F8FAFC; }
table.foto_center { margin: 0 auto; border: 1px solid #D2E3EC; background-color: #F8FAFC; }
.foto_tytul { font-weight: bold; line-height: 12px; }
img.foto { margin: 0px 0px 5px 0px; }
.foto_autor { font-style: italic; }
.foto_data { font-style: italic; }

/* - Galeria foto ---------------------------------------------------------------------------------------------------- */
.zawartosc_galeria {	text-align: center; }
.zawartosc_galeria img { margin: 6px; padding: 10px; background-color: #F8FAFC; border: 1px solid #D2E3EC; }
#zawartosc_foto_nawigacja { margin: 20px 0px 0px 0px; text-align: center; }
#zawartosc_foto_prev { float: left; margin-left: 50px !important; margin-left: 25px; }
#zawartosc_foto_next { float: right; margin-right: 50px; }
#zawartosc_foto { margin-top: 30px; text-align: center; }
#zawartosc_foto img { margin-bottom: 10px; padding: 20px; background-color: #F8FAFC; border: 1px solid #D2E3EC; }

/* - Formularz ---------------------------------------------------------------------------------------------------- */
#formularz { margin-top: 0px; color: #5D5D5D; }
#formularz form { margin-top: 20px; }
#formularz fieldset { margin: 10px; padding: 15px; border: 1px solid #9FC2D7; }
#formularz legend { margin: 10px; font-weight: bold; color: #000000; }
#formularz label { display: block; width: 80px; float: left; font-weight: bold; }
#formularz select { display: block; float: left; font-size: 12px; font-family: verdana,arial,helvetica,sans-serif; }
#formularz input { display: block; float: left; font-size: 12px; font-family: verdana,arial,helvetica,sans-serif; }
#formularz textarea { display: block; float: left; font-size: 12px; font-family: verdana,arial,helvetica,sans-serif; }
#formularz div { overflow: hidden; clear: both; margin-bottom: 0.5em; }
#formularz input.submit { margin-left: 80px; display: inline; font-size: 12px; }
#formularz sup { color: #EA0000; font-weight: bold; }
#formularz span { color: #F9A042; }

/* - Aktualności, Wydarzenia -------------------------------------------------------------------------- */
#tresc .item { margin-bottom: 15px; padding: 10px; background-color: #F7F9FB; border-bottom: 1px solid #DEE7EF; }
#tresc .item_text { margin: 0; }
#tresc .item_text span { color: #008040; font-style: normal; }
#tresc .item_text p { margin: 10px 0px 0px 0px; }

/* - Teleadresy ---------------------------------------------------- */
.teleadres_item { margin: 15px 30px 10px 10px; padding: 5px; background-color: #F7F9FB; border-bottom: 1px solid #DEE7EF; }
.teleadres_item span.key { display: block; width: 80px; float: left; }
.teleadres_item span.value { display: block; float: left; }
.teleadres_item div { overflow: hidden; clear: both; margin-bottom: 5px; padding: 2px; border-bottom: 1px solid #fff; }

/* - Inwestycje ---------------------------------------------------- */
#inwestycja { margin: 10px 0px; padding: 5px 5px 5px 0px; }
#inwestycja #inwestycja_data { margin: 0px; background-color: #F7F9FB; border: 1px solid #9FC2D7; }
#inwestycja #inwestycja_data span.key { display: block; width: 100px; float: left; }
#inwestycja #inwestycja_data span.value { display: block; float: left; }
#inwestycja #inwestycja_data div { overflow: hidden; clear: both; margin-bottom: 0px; padding: 7px; border-bottom: 1px solid #fff; }
#inwestycja #inwestycja_foto { margin-top: 20px; }
#inwestycja #inwestycja_foto .inwestycja_foto_column { float: left; width: 170px; text-align: center; border-left: 1px dotted #9FC2D7; }
#inwestycja #inwestycja_foto .inwestycja_foto_column_border { border-right: 1px dotted #9FC2D7; }

/* - Kolory ------------------------------------------------------------------------------------------- */
.red { color: #CB5B58; }
.green { color: #008040; }

/* - Tabele ------------------------------------------------------------------------------------------- */
table.tresc { border-collapse: collapse; font-size: 11px; border: 1px solid #508FB6; }
table.tresc td { padding: 4px; border: 1px solid #79AAC8; }
table.tresc tr.n { font-weight: bold; background-color: #F4F9FB; }