* { font-family: Verdana, Helvetica, Arial, Sans-Serif; }
code, pre, pre * { font-family: "courier new", courier, mono; }

html, body, div, span, pre, code, a, p, img, hr, 
ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6,
form, fieldset, label, legend { 
  border: 0;
  margin: 0;
  padding: 0;
}
html {                          
  height: 100%;
  min-height: 100%;
  font-size: 0.74em; 
}
body {
  color: #555650;
  height: 100%;
  min-height: 100%;
  background: #e0e0e0 url('../img/lay-background.png') repeat-x;
}
#main {
  height: auto;
  min-height: 100%;
  width: 750px; 
  margin: 0 auto 0 auto;
  padding: 0 10px;
  position: relative;
  background: transparent url('../img/lay-page.png') repeat-y;
}
#top {
  color: inherit;
  width: 770px;
  height: 27px;
  margin-left: -10px;
  background: #b0b0b0 url('../img/lay-top.png') 0 -10px no-repeat;
  position: relative;
}
#naglowek {
  width: 740px; 
  height: 255px;
  padding: 0 5px;
  color: inherit;
  background: #F4F4F4 url('../img/img-header.jpg') 5px 0px no-repeat;
  position: relative;
}
#menu_left {
  float: left;
  width: 175px; 
  height: auto;
  padding: 0 10px;
  min-height: 170px;
  margin-left: 5px;
}
#tresc {
  float: left;
  width: 505px;
  height: auto;
  min-height: 170px;
  padding: 5px 20px;
  margin-right: 5px;
  line-height: 1.3em;
  background: #F4F4F4;
}
#clear {
  clear: both;
  width: auto;
  height: 130px;
}
#stopka {
  clear: both;
  width: 750px;
  height: 50px;
  bottom: 50px;
  position: absolute;
}
#bottom {
  width: 770px;
  height: 50px;
  bottom: 0;
  margin-left: -10px;
  background: #e0e0e0 url('../img/lay-bottom.png') no-repeat;
  position: absolute;
}
#logo {
  top: 3px;
  left: 25px;
  width: 145px;
  height: 70px;
  position: absolute;
  z-index: 1000; 
}

#menu_obrazki {
  bottom: 20px;
  left: 90px;
  width: auto;
  height: 70px;
  position: absolute;
  margin: 0;
  font-size: 11px;
  list-style: none;
}
#menu_obrazki li {
  float: left;
  width: 82px;
  height: 69px;
  margin: 0;
  display: inline;
  position: relative;
}
#menu_obrazki li a {
  color: #86877f;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  padding: 55px 0 2px 0;
  width: 100%;
  position: absolute;
  background: transparent 15px 6px no-repeat;  
}
#menu_obrazki li a:hover {
  color: #4c8fc0;
  background-position: 15px -64px;  
}
#menu_obrazki li.l1 a { background-image: url('../img/oszkole.png'); }
#menu_obrazki li.l2 a { background-image: url('../img/kadra.png'); }
#menu_obrazki li.l3 a { background-image: url('../img/dyrekcja.png'); }
#menu_obrazki li.l4 a { background-image: url('../img/dlarodzicow.png'); }
#menu_obrazki li.l5 a { background-image: url('../img/matura.png'); }
#menu_obrazki li.l6 a { background-image: url('../img/rekrutacja.png'); }
#menu_obrazki li.l7 a { background-image: url('../img/kontakt.png'); }

#menu_left_lista {
  float: left;
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
  border-bottom: solid 1px #fff;
}
#menu_left_lista li {
  clear: left;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  display: block;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #e0e0e0;
}
#menu_left_lista li:first-child {
  border-top: 0;
}
#menu_left_lista li a {
  color: #555650;
  width: auto;
  height: auto;
  margin: 1px;
  padding: 3px;
  display: block;
  border: solid 1px white;
  text-decoration: none;
}
#menu_left_lista li a:hover {
  color: #555650;
  border: solid 1px #84c3ec;
  background-color: #d5eeff;
}
#stopka {
  font-size: 11px;
}
#stopka ul {
  top: 10px;
  left: 210px;
  width: auto;
  margin: 0;
  position: absolute;
  z-index: 2;
}
#stopka li {
  margin: 0;
  display: inline;
  padding: 0 6px 0 6px;
  border-right: dotted 1px gray;
}
#stopka a {
  color: gray;
}
#stopka #copyright {
  top: 29px;
  left: 300px;
  width: auto;
  color: gray;
  position: absolute;
  padding-left: 5px;
}

/* common style */
.small { font-size: 95%; }
.red { color: red; }
.green { color: green; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.strike { text-decoration: line-through; }
.block { display: block; width: auto; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.noindent { text-indent: 0; }
.nomargin { margin: 0; }
.nopoint { list-style: none; }

h1,h2,h3,h4,h5,h6 {
  margin: 1.8em 0 0.6em 0;
  font-size: 100%; 
}
h1 { font-size: 150%; margin: 0.4em 0 1.2em; line-height: 1.4em; }
h2 { font-size: 110%; }
h3 { font-size: 105%; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #555650; }
p { text-indent: 1.5em; text-align: justify; margin: 1em 0; }
p.def { text-indent: -20px; padding-left: 20px; }
a { color: #4c8fc0; background: transparent; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { margin-bottom: 0.8em; }
img { display: block; }