/*
 projekt: pomocmedyczna.net.pl 
 author: marcin.lisok@fox.com.pl
 data: 2006-12-13 
*/
* { font-family: Verdana, Tahoma, "Bitstream Vera Sans", Arial, Helvetica, Sans-Serif; }
html, body, div, span, a, p, img, ul, ol, li, dl, dt, dd,
table, form, fieldset, label, legend { /* clear default setting */
  border: 0;
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
  min-height: 100%;
  font-size: 0.69em;
}
body {
  color: #919191;
  height: auto;
  background: #fff;
} 
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
  color: #1098a1;
  margin: 1em 0;
  font-weight: bold;
}
h1, .h1 { font-size: 110%; line-height: 1.3em; margin-top: 0; }
h2, .h2 { font-size: 110%; }
h3, .h3 { font-size: 100%; }
h4, .h4 { font-size: 100%; }
h5, .h5 { font-size: 100%; }
h6, .h6 { font-size: 100%; }

p {
  text-indent: 0; 
  text-align: justify;
  margin: 1em 0;
}

a { color: #1098a1; text-decoration: none; background-color: transparent; }
a:hover { text-decoration: underline; }
a.more,
span.more a { padding: 0 0 0 14px; background: transparent url('../img/lnk-more.png') no-repeat 1px 2px; font-weight: bold; }
span.more { display: block; text-align: right; }

h1 a, h2 a, h3 a,
h4 a, h5 a, h6 a { width: 100%; display: block; color: #919191; background: transparent url('../img/lnk-more.png') no-repeat right 2px; }

/* Lists */
dl { margin: 1em 0; }
dt, dd { margin: 0.1em 0; }
dt { font-weight: bold; margin-top: 1em; }
dd { text-align: justify; }
dd.separate { margin-top: 1em; }


#container {
  height: auto;
  width: 775px; 
  margin: 0 auto;
  padding: 0;
  position: relative;
  background: transparent url(../img/lay-header-background.png) repeat-x 0 68px;
}

#header {
  width: 100%;
  height: 258px;
  padding: 0;
  background: transparent url(../img/img-header-main.png) no-repeat 0 68px;
  position: relative;
}
body.kontakt #header { background-image: url(../img/img-header-kontakt.png); }
body.bazalekarzy #header { background-image: url(../img/img-header-bazalekarzy.png); }
body.bazarehabilitantow #header { background-image: url(../img/img-header-bazarehabilitantow.png); }

#content {
  float: right;
  width: 520px; 
  height: auto;
  min-height: 300px;
  padding: 0 0 20px;
  line-height: 1.3em;
  position: relative;
}

#footer {
  float: left;
  width: 100%;
  height: 36px;
  background: transparent url('../img/lay-footer.png') repeat-x top;
  position: relative; 
}
#footer a {
  color: #919191;
}
#copyright {
  float: right;
  margin: 12px 10px 0 10px;
  display: inline;
}
#design {
  float: left;
  margin: 12px 10px 0 10px;
  display: inline;
}
#logo {
  top: 18px;
  left: 8px;
  width: 240px;
  height: 45px;
  position: absolute;
  z-index: 1000; 
}
#logo img {
  border: 0;
  padding: 0;
  margin: 0;
}
#left {
  top: -136px;
  left: 1px;
  float: left;
  width: 250px;
  min-height: 300px;
  padding: 0;
  margin: 0;
  position: relative;
  background: transparent url('../img/lay-menu-top.png') no-repeat top left;
}
#submenu {
  float: left;
  width: 190px;
  margin: 136px 0 0 0;
  padding: 0px 30px 5px;
  list-style: none;
  font-size: 12px;
  font-weight: bold;
  background: transparent url('../img/lay-menu.png') no-repeat bottom left;
}
#submenu li {
  float: left;
  text-align: left;
  padding: 0;
  top: -25px;
  position: relative;
}
#submenu li a {
  color: #6d9a9f;
  width: 170px;
  padding: 5px 0 5px 20px;
  display: block;
  text-align: left;
  background: transparent url('../img/mnu-icon.png') no-repeat 1px 2px;
}
#submenu li.sel a,
#submenu li a:hover {
  color: #d90101;
  background-position: 1px -19px;
}

#topmenu {
  top: 0;
  right: 0;
  font-size: 10px;
  list-style: none;
  position: absolute;
}
#topmenu li {
  float: left;
}
#topmenu li a { color: #919191; margin: 0; padding: 5px 5px 5px 25px; display: block; }
#topmenu li a.maps { background: transparent url('../img/mnu-maps.png') no-repeat 4px 0; }
#topmenu li a.home { background: transparent url('../img/mnu-home.png') no-repeat 4px 0; }


#search {
  width: 210px;
  margin: 45px 20px;
  padding: 0;
  font-size: 11px;
  position: absolute;
}
#search div { padding: 3px 10px; }
#search br { display: none; }
#search label { width: auto; color: #d90101; text-align: left; padding: 2px 0; margin: 0 5px 0 0; display: inline; }
#search input {
  color: #666; 
  width: 135px;
  font-size: 11px;
  padding: 2px 1px;
  margin: 0; 
  border: solid 1px;
  border-color: #bdbdbc #fff #fff #bdbdbc;
}
#search div.buttons {
  display: none;
}
#search #query input {
  background: #fff url('../img/lay-background-input.png') no-repeat left top;
}

#news {
  float: left;
  width: 210px;
  margin: 20px 0 0 20px;
  display: inline;
  background: transparent url('../img/lay-news-top.png') no-repeat;
}
#news ul {
  list-style: none;
  padding: 0 0 10px;
  background: transparent url('../img/lay-news-bottom.png') no-repeat bottom;
}
#news ul li {
  margin: 0;
  padding: 0;
  background: transparent url('../img/lay-news-back.png') repeat-y top;
  display: block;
}
#news h1, #news h2, #news h3,
#news h4, #news h5, #news h6 { padding: 1.5em 10px 0.2em; margin: 0; }
#news p { padding: 0 10px; margin: 0; }

/* common style */
.red { color: red; }
.green { color: green; }
.cherry { color: #d90101; }
.gray { color: #919191; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.strike { text-decoration: line-through; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.noindent { text-indent: 0; }
.clear { clear: both; }


hr, .hr {
  clear: both;
  height: 1px;
  display: block;
  border: 0;
  margin: 5px 0;
  background: transparent url('../img/dot-line.png') repeat-x 1px;
}         

table {
  width: 100%;
  border-collapse: collapse;
  margin: 0.8em auto 0;
  font-size: 100%;
}
table td, table th {
  padding: .4em;
  font-weight: normal;
  border: solid 1px #97bebd;
}
table th {
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #65a5a4;
  border: solid 1px #b0d6d6;
}
table.left, img.left {
  float: left;
  margin: 5px 10px 10px 0;
}
table.right, img.right {
  float: right;
  margin: 5px 0 10px 10px;
}

ul.panels2 {
  width: 100%;
  clear: both;
  float: left;
  margin-bottom: 0.6em;
  border-top: solid 1px #c9caca;
  border-bottom: solid 1px #c9caca;
  background: transparent url('../img/lay-background-panels2.png') repeat-y;
  list-style: none;
  display: block;
}
ul.panels2 li {
  float: left;
  width: 47%;
  padding: 0 1.5%;
  display: block;
}
ul.panels2 li.left { padding: 0 3% 0 0; } 
ul.panels2 li.right { padding: 0 0 0 3%; }
ul.panels2 li.middle { width: 40%; padding: 0 5%; text-align: center; }

ul.panels2 p { margin: .2em 0 1em; }
ul.panels2 h3, ul.panels2 h4, ul.panels2 h5, ul.panels2 h6 { margin: 1em 0 0; }