/* border: 1px solid red; background-color: #ff0; */
/* stale */
body, p, ul, ol, li, table, td, th, a, h1, h2, h3, h4, h5, h6, input, textarea {font-family: Georgia, Verdana, Arial, sans-serif;}
body, p, ul, ol, li, table, td, th, a, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}

/* ogolnie */
#all {width: 898px; height:642px; margin:0 auto;}
body {background-color: #000; color:#000; font-size:70%; text-align:center; line-height:1.6em; padding:10px;}
img {display: block; border: 0px; margin: auto;}
strong {font-weight:bold;}
a {font-weight:bold; text-decoration:underline; color:#fff;}
a:hover {text-decoration:none;}
a:hover img {border-color:#f33;}


/* menu */
#menu  {float:left; width:174px; color:#fff; line-height:1.4em;}

ul#zdj {list-style: none;}
ul#zdj li {margin: 0px 0px 0px; }
ul#zdj a {width:174px; padding:75px 0 10px 0; display: block; text-decoration: none; text-align:left; font-size:0.95em; letter-spacing: 1px; color:#ddd;}
li#wy {background: url('img/mz1.jpg') no-repeat right top;}
li#sy {background: url('img/mz2.jpg') no-repeat right top;}
li#st {background: url('img/mz3.jpg') no-repeat right top;}
li#re {background: url('img/mz4.jpg') no-repeat right top;}
li#wy a:hover, #bwy li#wy a {background: url('img/mz1.jpg') no-repeat left top;}
li#sy a:hover, #bsy li#sy a {background: url('img/mz2.jpg') no-repeat left top;}
li#st a:hover, #bst li#st a {background: url('img/mz3.jpg') no-repeat left top;}
li#re a:hover, #bre li#re a {background: url('img/mz4.jpg') no-repeat left top;}

ul#kwa {list-style: none;}
ul#kwa li {margin: 0px 0px 0px; }
ul#kwa a {display: block; padding:5px 5px 5px 30px;  text-decoration: none; text-align:left; font-size:0.95em; letter-spacing: 3px; color:#ddd;}
li#of {background: url('img/mk1.gif') no-repeat left;}
li#ce {background: url('img/mk2.gif') no-repeat left;}
li#za {background: url('img/mk3.gif') no-repeat left;}
li#ko {background: url('img/mk4.gif') no-repeat left;}
li#of a:hover, #bof li#of a {color:#ee1;}
li#ce a:hover, #bce li#ce a {color:#aa1;}
li#za a:hover, #bza li#za a {color:#e83;}
li#ko a:hover, #bko li#ko a {color:#e42;}

#menu #lang {margin-top:20px; text-align:left;}
#menu #lang img {float:left; padding-right:10px;}
#menu #lang a {text-decoration: none; font-size:0.95em; font-weight:normal; color:#666;}
#menu #lang a:hover {color:#fff;}

/* ul na stronach */
ul#menuofirmie {text-align:left; margin-left:45px;}
ul#menuofirmie a {text-decoration: none;}
ul#wydruki {text-align:left; margin-left:55px;}
ul#wydruki strong {color:#333;}

/* tresc */
#tresc  {float:right; width:724px; height:640px; background-color: #ddd; background-position: top; background-repeat: repeat;}
#bwy #tresc {background-image: url('img/tlo_wydr.jpg');}
#bsy #tresc {background-image: url('img/tlo_syst.jpg');}
#bst #tresc {background-image: url('img/tlo_stud.jpg');}
#bre #tresc {background-image: url('img/tlo_real.jpg');}
#bof #tresc {background-image: url('img/tlo_firm.jpg');}
#bce #tresc {background-image: url('img/tlo_inne.jpg');}
#bko #tresc {background-image: url('img/tlo_inne.jpg');}
#ramka {float:left; width:263px; height:527px; margin: 39px 0 0 50px; text-align:center; overflow:auto; display:inline;}
/* #ramka {position: relative; width:263px; height:527px; top: 39px; right: 180px; text-align:center; overflow:auto; margin:auto; } */
/* #ramka {max-height: 525px; margin: 38px 408px 0 50px; text-align:center; overflow:auto;} */
p {margin: 10px 15px 0px; text-align:center;}
ul {list-style-type: square;}
h1 {font-size:1.2em; color:#e83; text-align:center; padding: 50px 20px 5px;}
h2 {font-size:1.0em; color:#e83; text-align:center; padding: 0px 20px 2px;}
#bce h1, #bko h1, #bre h1  {padding-top:15px}
#bof h1, #bwy h1  {padding-top:30px}
#tresc a {color:#333; font-weight: bold; }
#tresc a:hover {color:#666;}
.c {clear:both; text-align:center; }
.clear {clear:both;}


/* systemy */
#systemy {float:right; width:304px; height:554px; margin: 10px 95px 0 0; text-align:center; display:inline;}
#systemy a.link {float:left; width:150px; height:160px; margin:20px 0 0; text-align:center; display:inline;}
#systemy a.link span {visibility: hidden; display:block; color:#eee; padding:10px 3px; margin-top:20px; color:#333; background-color: #f9f9f9; line-height:1.2em; font-weight:normal; font-size:0.95em; border: 1px solid #dd6;}
#systemy a.link:hover span {visibility: visible;}

/* cennik */
#ramka table {width:90%; border-collapse: collapse; margin:auto; font-size:0.99em;}
#ramka table td, #tresc table th {padding:2px 2px 1px; line-height:1.0em; color:#333; text-align:center; font-weight:normal; }
#tresc table th {text-align:left; padding-left:6px;}
#ramka table .cie { background-color: #eee;}
#ramka table .jas { background-color: #fff;}

/* realizacje */
#bre ul#realizacje  {margin: 0 auto; list-style:none; width:200px;}
#bre ul#realizacje li {list-style:none; padding:8px 0 0;}
#bre #ramka a {color:#000; text-decoration: none; font-weight:normal; line-height:1.1em;}
#bre #ramka a:hover  {color:#666; text-decoration: none;}
#bre #ramka a img { border: 2px solid #cc6; margin-bottom:2px;}
#bre #ramka a:hover img { border: 2px solid #999;}

/* zdj */
body#galeria {background-color:#000; line-height: 60px;}
body#galeria div#zdj {margin: 0px auto;}
body#galeria div#zdj img {display: inline; border: 1px solid #999; padding:10px; background-color:#333;}


/* form */
form#fkontakt { margin: 5px auto 3px; padding:15px 15px 0px; text-align:center;}
form#fkontakt fieldset {border: 1px solid #ccc;}
form#fkontakt legend {border: 1px solid #ccc; text-align:center; color: #666; font-weight:bold; padding: 2px 5px; margin-left:22px;}
form#fkontakt p {margin:5px 0 0 0; color: #666; font-size: 0.95em;}
form#fkontakt input		{background: #dd7; border: #aa4 1px solid; font-size: 1em;}
form#fkontakt textarea	{background: #dd7; border: #aa4 1px solid; font-size: 1em;  overflow:auto;}
form#fkontakt .przycisk	{background: #dd7; border: #aa4 1px solid; font-size: 1em; font-weight:bold; line-height:2em; margin-top:10px; margin-bottom:10px;}

/* stopka */
div#stopa {clear:both; width: 896px; text-align:right;}
div#stopa a {color: #666; text-decoration: none; font: normal 9px/10px Verdana, Arial, ArialCE, sans-serif;}
div#stopa a:hover {color: #ccc;}