/* border: 1px solid black; background-color: #ff0; */
/* stałe */
body, p, ul, li, table, td, th, a, h1, h2, h3, h4, h5, h6 {font-family: Verdana, ArialCE, Arial, sans-serif;}
body, p, ul, li, table, td, th, a, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
img {display: block; border: 0px; margin: 0 auto;}
strong {font-weight: bold;}
em {font-style: italic;}

/* ogólnie i srodkujemy */
table#glowa, table#srodek, #stopa {margin:0 auto;}
body table#srodek {font-size:75%; line-height:1.4em;} /* tylko tak działa dla IE55 */
body {text-align: center; background: #073; color: #000; }
p {text-align: left; margin: 15px 30px 0px; text-indent: 0px;}
ul {text-align: left; margin: 0px 50px 0px 47px; text-indent: 0px; list-style: circle;}
p.p {text-align: right;}
p.c {text-align: center;}
p.haslo {text-align:center; font-style:italic; font-size:1.1em; line-height:1.5em; font-weight: bold; color:#777; margin-right:50px;}
a {font-weight: bold; color: #c05; text-decoration: underline;}
a:hover {color: #000}
.clear {clear:both; }

/* naglowki */
h2, h3, h4, h5 {color:#c05; line-height:1.0em; font-family: ArialCE, Arial, sans-serif; text-align: center; font-weight: bold;}
h2 {font-size:1.7em; margin: 20px 20px 5px;}
h3 {font-size:1.5em; margin: 20px 20px 5px; text-align:left;}
h4 {font-size:1.3em;  margin: 20px 20px 0px; color:#666;}

h2 em {font-size: 0.8em; font-style: italic;}
h3 span {color:#000; font-size:0.9em;}
h3.zdb {padding:70px 0 5px; clear:both; border-bottom: 1px solid #c05;}

/* glowa */
table#glowa {width: 760px; border-collapse: collapse;}
table#glowa td#haslo {width: 190px; background: #007733 url('img/haslo.jpg'); vertical-align: middle; }
table#glowa td#haslo h1 {height: 170px; margin: 40px 0px 0px 0px; padding: 0px; color:#000; font: bold 20px/24px ArialCE, Arial, sans-serif; text-align: center;}
table#glowa td#haslo #cienmaly {margin: 10px 4px 0px 0px;  padding: 0px; color:#fff; font: bold 12px ArialCE, Arial, sans-serif; text-align: center;}
table#glowa td#haslo #cien {margin: -173px 4px 0px 0px;  padding: 0px; color:#fff; font: bold 20px/24px ArialCE, Arial, sans-serif; text-align: center;}
table#glowa td#logo  {width: 570px; background: #073;}

/* srodek */
table#srodek {width: 760px; border-collapse: collapse;}
table#srodek td#menu  {width: 190px; background: #c05;  vertical-align: top; padding-bottom:60px;}
table#srodek td#tresc  {width: 570px; background: #fff;  vertical-align: top; padding-bottom:60px;}

/* menu */
#menu ul {margin: 20px 5px 0px 25px; color:#fff; list-style: square outside;}
#menu ul ul {margin: 0px 5px 0px 17px;}
#menu li {margin-top:7px;}
#menu ul ul li {margin-top:2px;}
#menu a {display: block; text-decoration: none; text-align:left;}
#menu a {color:#fff; font-size:1.2em; line-height:1.1em; font-weight: bold; font-family: ArialCE, Arial, sans-serif; }
#menu a:hover {color:#fff; text-decoration: underline;}
/* menu_on*/
#menu li a#on {text-decoration: underline;}

/* tresc */


/* mieszkania */
#mieszkania div {border: 1px solid white; clear:both; margin:15px 25px 5px;}
#mieszkania div img {float:left; margin: 10px 15px 10px;}
#mieszkania div h4 {font-size:1.1em; color:#666; text-align:left; margin: 10px 0px 10px;}
#mieszkania div h4 span {color:#c05;}
#mieszkania div ul {margin: 7px 10px; list-style: circle; list-style-position: inside;}


/* zdjecia */
td#tresc div.l {float:left;  margin-left:30px; display:inline; margin-top:20px}
td#tresc div.p {float:right; margin-right:30px; display:inline; margin-top:20px;}
td#tresc div.c {float:right; margin:0 170px 0 0; display:inline; margin-top:20px;}
td#tresc div.zdj img {float:left; margin:0; padding:5px; background-color:#eee; }
td#tresc div.zdj a {display:block; float:left; border: 1px solid #ccc; padding:0px;}
td#tresc div.zdj a:hover {border-color: #c05;}
td#tresc div.zdj p {clear:both; text-align: center; margin:2px; font-size:0.95em; line-height:1.1em;}

/* zdjęcia w tek¶cie  SPRAWDZONE I OK*/
div.floatl {float:left; margin: 20px 10px 2px 30px; display:inline;}
div.floatr {float:right; margin: 20px 30px 2px 3px; display:inline;}
div.floatl img, div.floatr img {padding:5px; background-color:#eee; border: 1px solid #aaa; display:inline;}
div.floatl a:hover img, div.floatr a:hover img {border-color: #c05;}





/* strona z powiekszeniem */
td#tresc #zdjecie {margin:20px auto;}
td#tresc #zdjecie p {text-align:center; margin-bottom:20px; font-weight: bold;}
td#tresc #zdjecie p a {font-size:1.1em; text-decoration:none; font-weight:normal; padding:0 20px;}
td#tresc #zdjecie p a:hover {text-decoration:underline;}
td#tresc #zdjecie p a strong {font-size:1.4em; font-weight:normal;}
td#tresc #zdjecie img {padding:6px; background-color:#f6f6f6; border: 1px solid #ddd;}





/* formularz kontaktowy */
table#formularzkontaktowy {width:350px; margin: 10px auto;}
table#formularzkontaktowy td {text-align: left; font-size: 11px; font-weight: normal;}
table#formularzkontaktowy input, table#formularzkontaktowy textarea {color: #000; background: #eee; border: 1px solid #999; font-size: 12px;}
table#formularzkontaktowy input.przycisk { border: 2px solid #999; font-size: 12px; font-weight: bold; width: 150px; margin: 10px 20px 20px 100px;}

/* stopka */
div#stopa a{color: #777; font-size: 9px; line-height: 28px; text-decoration: none; font-weight: normal;}
div#stopa a:hover {color: #777;}