html, body { height: 100%; margin: 0; padding: 0; }
body { margin: 0; }
/* ----------------------------------------------------------------------------------------- */

body { background: #000; color: #333; font-size: 100%; font-family: Tahoma,Arial,Tahoma,sans-serif; }
h1 { font-size: 200%; color: #555; text-decoration:none; font-weight: bold; }
h2 { font-size: 130%; color: #444; text-decoration:none; }
h3 { font-size: 110%; color: #333; text-decoration:none; }
a { color: #f00; text-decoration:none; }
a:hover { color: #d00; text-decoration:underline; }
a img { border: none; }
ul { list-style-type:none; padding: 0; margin: 0; }
ul li { padding: 1px; margin: 0; }


/* ----------------------------------------------------------------------------------------- */
.clear { clear: both; }

body.mieszkancy { margin: 0; background: #fff; color: #000; font-size: 12px;
                  font-family: Tahoma, Verdana, Arial;
                  background:#a80428 url('../gfx/mieszkancy-bg.jpg') no-repeat; 
                  }
body.mieszkancy h1,
body.mieszkancy h2,
body.mieszkancy h3 { color: #fff; }

#flashContainer,#noFlash { width:100%; height:100%; }
#flashContainer { background:#000000; }
#noFlash { display: none; background:#a80428 url('../gfx/mieszkancy-bg.jpg') no-repeat; }
#noFlash a { width:545px; height:288px; background:url('../gfx/noflash.gif') no-repeat; display:block; margin:-144px 0 0 -272px; position:absolute; top:50%; left:50%; }

#mieszkancy { width: 980px; color:#fff; font-size:1.0em; margin: 0 auto; background: transparent; }
#mieszkancy h1 { font-size: 17px; font-weight:normal; font-family: Arial; }
#mieszkancy #site_content { margin: 50px 38px 0; }
#mieszkancy #site_content h3 { height: 32px; background:url('../gfx/h3_bg.gif') repeat-x; padding:0; margin:0 0 20px;}
#mieszkancy #site_content h3 span { height: 29px; background:url('../gfx/h3_span.gif') 0 7px no-repeat; display: block; margin-left: 9px; }
#mieszkancy #site_content h3 span.foto { width:76px; }
#mieszkancy #site_content h3 span.file { width:128px; background-position:-76px 7px; }

#main-content { }
#mieszkancy .left { width:250px; float:left; }
/*#mieszkancy .left .inlay { width: 100%; z-index: 69; position: relative; }
#mieszkancy .left .overlay { width: 240px; height: 100%; z-index: 66; position: absolute; background: #000; opacity:0.2; }*/
#mieszkancy ul#menu { margin:0; padding:0; list-style: none; }
  #mieszkancy ul#menu li { margin: 0 0 2px; padding: 0; }
    #mieszkancy ul#menu li a { text-decoration: none; }
    #mieszkancy ul#menu li a,
      #mieszkancy ul#menu li a span.bg { width:248px; height:40px; display: block; }

      #mieszkancy ul#menu li a span.bg { position: absolute; background: #000; opacity:0.35; filter: alpha(opacity = 35); z-index:66; }
      #mieszkancy ul#menu li a:hover span.bg { opacity:0.15; filter:alpha(opacity = 15); }

      #mieszkancy ul#menu li a span.point { width:5px; height:9px; display:block; background:url('../gfx/menu_point.gif') 0 0 no-repeat; margin: 15px 12px 0 16px; float: left; }
      #mieszkancy ul#menu li a:hover span.point { background-position: 0 -9px; }

      #mieszkancy ul#menu li a span.txt { padding-top: 10px; display: block; color: #c88282; font-size: 12px; font-weight: bold; z-index:69; position: relative; }
      #mieszkancy ul#menu li a:hover span.txt { color: #e6baba; }

#mieszkancy .right { width: 693px; float:left; }
#mieszkancy .right .inlay { width: 700px; z-index: 69; position: relative; padding:0 20px; }
#mieszkancy .right .overlay { width: 731px; height: 100%; z-index: 66; position: absolute; background: #000; opacity: 0.1; filter:alpha(opacity = 10); }

#mieszkancy .right h3 { margin-top: 15px; }
#mieszkancy .logo { margin: 10px 0 24px 16px; display: block; float: left; }
#mieszkancy .logo img { border:0; }
#mieszkancy .logout { width:104px; height: 37px; display: block; background:url('../gfx/btn_logout_bg.gif'); filter:alpha(opacity = 80); float: right; margin-top: 24px; }
#mieszkancy .logout:hover { filter:alpha(opacity = 100); }
#mieszkancy .left ul { }
#mieszkancy .left ul li { list-style: none; padding:0; margin: 0; }
#mieszkancy .left ul li a { color: #fff; }
#mieszkancy .left ul li a:hover { color: #a8d8ff; }

#mieszkancy .right #gallery-box { margin-bottom: 10px; }
#mieszkancy .right ul#gallery { padding:0; margin:0; display: block; }
#mieszkancy .right ul#gallery li { width: 138px; height: 99px; list-style: none; float: left; display:block; padding:0; margin:0; }
#mieszkancy .right ul#gallery li a { width: 120px; height: 99px; display: block; float:left; }
#mieszkancy .right ul#gallery li a img { border: 0; }
#mieszkancy .right ul#gallery li .line { width:1px; height:99px; margin: 0 9px 0 8px; background: #9a2d3c; display: block; float: left; }

#mieszkancy .right #files-box { margin-bottom: 50px; margin-top:22px; }
#mieszkancy .right ul#files { padding:0; margin:0; display: block; }
#mieszkancy .right ul#files li { width: 290px; float: left; display: block; list-style: none; padding:0; margin:0 5px 12px 0; }
#mieszkancy .right ul#files li a { border: 0; color: #fff; display: block; text-decoration: none; }
#mieszkancy .right ul#files li a span.ico { margin-left: 12px; padding-left: 60px; padding-top:18px; height:30px; background:url('../gfx/files-ico.gif') no-repeat; display: block;
                                            color: #C88282; font-size: 12px; font-weight: bold; text-decoration: none; }
#mieszkancy .right ul#files li a:hover span.ico { color: #e6baba; text-decoration: none; }
#mieszkancy .right ul#files li a.zip span.ico { background-position: 0 0; }
#mieszkancy .right ul#files li a.pdf span.ico { background-position: 0 -48px; }
#mieszkancy .right ul#files li a.rar span.ico { background-position: 0 -96px; }
#mieszkancy .right ul#files li a.doc span.ico { background-position: 0 -144px; }

form#login-form { width:300px; height:100px; display: block; position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -150px; }
form#login-form label { width: 100%; height: 25px; display: block; }
form#login-form label input { float: right; width: 170px; }
form#login-form button { float: right; width: 70px; margin-top: 6px; }

#footer { font-size:11px; margin-top:3px; }
#footer.login { margin-top: 100px; position:absolute; bottom:10px; }
#footer span { dispaly:block; float:left; }
#footer a span { width:38px; height:13px; background:url('../gfx/e7-cr.gif'); margin-left: 8px; margin-top: 2px; }