body { background-image: url(images/main_bg_2.jpg); background-position: top left; background-repeat: repeat; margin-left: auto; margin-right: auto; margin-top: 0; padding: 0; text-align: center; }


#top_bg { width: 100%; height: 276px; position: absolute; z-index: -1; top: 0; left: 0; background: url(images/main_bg.jpg) top left repeat-x; margin: 0; } 

h1 { width: 400px; height: 27px; float: left; display: inline; margin: 50px auto 0 50px; }
h2 { width: 400px; height: 27px; float: left; display: inline; margin: 20px auto auto 50px; }

h1 p { display: none; }
h2 p { display: none; }

h1.index { background: url(images/header_witamy.gif) top left no-repeat; }
h2.wycena{ background: url(images/header_wycena.gif) top left no-repeat; margin-bottom: 0; }
h1.reprografia { background: url(images/header_reprografia.gif) top left no-repeat; }
h1.urbanistyka { background: url(images/header_urbanistyka.gif) top left no-repeat; }
h1.mapy_cyfrowe { background: url(images/header_mapy.gif) top left no-repeat; }
h1.papi { background: url(images/header_pap.gif) top left no-repeat; }
h1.contact { background: url(images/header_kontakt.gif) top left no-repeat; }
h1.sitemap { background: url(images/header_sitemap.gif) top left no-repeat; }


#menu_bar { width: 100%; height: 46px; background: url(images/menu_bg.jpg) top left repeat-x; margin-bottom: 0; font-size: 0; }
ul#menu { width: 839px; height: 46px; list-style: inside none; list-style-image: none; margin: 0 auto 0 auto; padding: 0; }
ul#menu li { float: left; display: inline;  height: 46px; margin: 0; padding: 0; }
ul#menu li a { display: inline; margin: 0; padding: 0; border: none; }

ul#menu li.home { width: 106px; }
ul#menu li.repro { width: 154px; }
ul#menu li.urban { width: 199px; }
ul#menu li.mapy { width: 118px; }
ul#menu li.pap { width: 160px; }
ul#menu li.kontakt { width: 102px; }


#main { width:839px; height: auto; background-image: url(images/main_container_bg.jpg); background-position: top left; background-repeat: no-repeat; background-color: #464646;  margin-top: 0; margin-left: auto; margin-right: auto; }

#main_bottom { width: 839px; height: 104px; background: url(images/main_bottom.gif) top left no-repeat; float: left; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #a71e22; text-decoration: none; text-align: left; }
#footer {width: 839px; height: 78px; background: url(images/footer_bg.gif) top left no-repeat; clear: both; }
#footer_2 {width: 839px; height: 78px; background: url(images/footer_bg.gif) top left no-repeat; clear: both; margin-top: 20px; }


#logo { width: 522px; height: 95px; float: left; display: inline; margin-top: 12px;  }
#logo a img { border: none; }
#shorts { width: 317px; height: 95px; float: left; display: inline; margin-top: 12px; }
#links { width: 200px; height: 22px; float: left; display: inline; margin: 35px auto auto 38px; }
#links img { margin-left: 30px; }

a#mariusz { float: right; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: underline; margin: 58px 50px 0 0; line-height: 18px; background: url(images/foto_icon.gif) top left no-repeat; padding-left: 25px; }
a#mariusz:hover { float: right; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #0d7da0; text-decoration: underline; margin: 58px 50px 0 0; }
img.status { float: ; display: inline; }
table { margin-top: 7px; float: left; display: inline; border: none; padding: 0; margin-left: -1px; }
*html table { margin-top: 9px; }

#second_container { width: 839px; height: 391px; float: left; display: inline; }
#text { width: 522px; height: 391px; float: left; display: inline; text-align: left; }
#map_container { width: 522px; height: 391px; float: left; display: inline; text-align: left; }
p.text_2 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; float: left; display: inline; width: 400px; margin: 10px 50px 0 50px; }
p.text { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; float: left; display: inline; width: 400px; margin: 10px 50px 10px 50px; }
#flash { width: 317px; height: 391px; float: left; display: inline; background: url(images/flash.jpg) top left no-repeat;  }
#mapa { width: 650px; height: 550px; float: left; display: inline; margin: 0; }

ul#footer_links { width: auto; height: 12px; list-style: inside none; list-style-image: none; margin: 0; padding: 30px 0 0 0; }
ul#footer_links li { display: inline;  height: 46px; margin: 0; padding: 0; }

ul#footer_links li a { display: inline; margin: 0 10px 0 10px; padding: 0; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; }
ul#footer_links li a:hover { text-decoration: underline; }

ul#credits { width: auto; height: 12px; list-style: inside none; list-style-image: none; margin: 0; padding: 0; }
ul#credits li { display: inline;  height: 46px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; text-decoration: none;}

ul#credits li a { display: inline; margin: 0 10px 0 10px; padding: 0; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; }
ul#credits li a:hover { text-decoration: underline; }

#text_1 { width: 120px; height: auto; margin: 25px 0 0 50px; float: left; display: inline; }
#text_2 { width: 120px; height: auto; margin: 25px 0 0 0; float: left; display: inline; }
#text_3 { width: 190px; height: auto; margin: 25px 0 0 25px; float: left; display: inline; }
#text_3 a { color: #0d7da0; }
#text_3 a:hover { color: #a71e22; }

.style_1 { color: #0d7da0; }

form#register { float: left; display: inline; width: 375px; margin: 0 0 0 50px; font-size: 0; padding-left: 0; }
form#register div.field { line-height: 14px; float: left; display: inline; width: 400px; min-height: 20px; height: auto; margin: 10px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; }
*html div.field { height: 20px; }
form#register div.field p { float: left; display: inline; width: 100px; margin-top: 4px; }
form#register div.field input#reg_text { float: left; display: inline; margin: 0; border: #0d7d9f 1px solid; width: 350px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;  }
form#register div.field textarea#pole { float: left; display: inline; margin: 0; border: #0d7d9f 1px solid; width: 350px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
form#register div.field2 { line-height: 14px; float: left; display: inline; width: 400px; min-height: 20px; height: auto; margin: 10px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; background: url(images/stroke_bg.gif) top left no-repeat; }
form#register div.field div.special input#reg_text { float: left; display: inline; height: 14px; margin: 0; }
form#register div.field p.form_desc { float: left; display: inline; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; margin-left: 100px; width: 200px; font-weight: normal; }
form#register div.field2 p.form_desc { float: left; display: inline; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; margin: 10px 0 10px 100px; width: 200px; font-weight: normal; }

#browse_button { float: left; display: inline; background-color: #89001c; border: 1px solid #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold; margin-top: 2px; }
#reg_button { float: left; display: inline; background-image: url(images/button_bg.gif); border: #0d7d9f 1px solid;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; margin: 10px 0 0 0; line-height: 19px; }
#res_button { float: left; display: inline; background-image: url(images/button_bg.gif); border: #0d7d9f 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF;  margin: 10px 0 0 2px; line-height: 19px; }

fieldset { border: none; }
p.begin_color { margin-left: 51px; float: left; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; }


#main_2 { width:839px; height: auto; background-image: url(images/main_container_bg_2.jpg); background-position: top left; background-repeat: repeat-x; background-color: #464646;  margin-top: 0; margin-left: auto; margin-right: auto; padding-top: 30px; }

#main_2 img { border: 6px #ffffff solid; margin: 30px auto 3px auto; }

a#mapa_dojazdu { float: left; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-decoration: underline; margin: 20px 50px 0 50px;line-height: 18px; background: url(images/map_icon.gif) top left no-repeat; padding-left: 24px; }
a#mapa_dojazdu:hover { color: #0d7da0; }


ul#sitemap { width: 400px; height: auto; list-style: outside none; margin: 0; padding: 0; margin-left: 50px; margin-top: 30px; float: left; display: inline; }
ul#sitemap li { clear: left; float: left; display: inline; background: url(images/li_icon.gif) top left no-repeat; line-height: 15px; margin-bottom: 3px; }
ul#sitemap li a { margin-left: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: underline; }
ul#sitemap li a:hover { margin-left: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0d7d9f; text-decoration: underline; }

p.gallery { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; margin: 0 0 0 22px; }