.wnetrze, #teksty, #galeria {
  position: absolute;
  top:0px;
  right: 0px;
  width: 65%;
  xxheight: 80%;
  height: 100%;
  float: right;
  color: white;
  overflow: auto;
  margin: 0;
  z-index: 120; }

html, body {
  background-color: #dcdde0;
  color: #000;
  margin: 0;
  padding: 0; }

body {
  font-family: calibri, cursive, sans-serif; 
  font-style: italic;
}

body a:link, a:visited {
  text-decoration: none;
  color: white; }

#wrapper {
position: absolute;
height: 100%;
xxmin-height: 100%;
xxheight: auto !important;
xxmargin:  auto 0px -17em;
}
 
#nav {
  position: absolute;
  bottom: 0px;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0; }

#nav li {
  display: block;
  height: 100%;
  float: left; }

#nav li a:link, #nav li a:visited {
  display: block;
  text-decoration: none;
  text-align: center;
  color: black;
  background-color: lightgrey;
  padding: 0 10px;}

#nav li a:link:hover, #nav li a:visited:hover {
  color: #ef4123; }

#calosc {
  xxheight: 25%;
  xxheight: 184px;
  width: 100%;
  xxoverflow: hidden;
  margin: 0;
  padding: 0;
}

#cal2 {
  height: 62%;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

#NAGLOWEK {
  width: 100%;
  height: 3%;
  min-height: 25px;
  background-color: gray; }

#NAGLOWEk img {
  height: 25px;
  max-height: 100%;
  border: 0; }

.bh {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0px;
  top: 0px;
}

.bh img {
display: block;
width:100%;
height:100%;
margin:0;
}

.b {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0px;
  bottom: 0px;
}

.b img {
display: block;
width:100%;
xxheight:100%;
margin:0;
}


#top {
  xxclear: both;
  width: 100%;
  height: 92%;
  xxheight: 167px;
  xxheight: 23%;
  xxmax-height: 176px;
  background-color: #dcdde0; }

#tpg {
  width: 100%;
  height: 22%;
  xxmax-height:38px;
  text-align: left;
  background-color: #ef4123; }

#header {
  xxwidth: 60%;
  height: 100%;
  xxmax-height: 176px;
  float: right;
  box-shadow: 5px 3px 5px 3px #888;
  -moz-box-shadow: 5px 3px 5px 3px #888;
  -webkit-box-shadow:  5px 3px 5px 3px #888;
 z-index: 10;
 }


#lewa1 {
  xxwidth: 20%;
  position: relative;
  height: 100%;
  xxmax-height: 176px;
  float: left;
  text-align: right;
  overflow: hidden;
  background-color: #dcdde0;
}

 #lewa {
  xxwidth: 20%;
  position: relative;
  float: left;
  min-height: 60px;
  text-align: right;
  overflow: hidden;
  background-color: #dcdde0; }

#lewa2 {
  position: absolute;
  height:78%;
  xxmax-height: 101px;
  right: 0px;
  bottom:0px;
  overflow: hidden;
  background-color: #dcdde0; 
}

#lewa2 a {
  text-decoration: none;
}

#lewa2 img {
  height: 100%;
  border: 0;
}

#lewa2 img {
  display: block;
  height: 100%;
  xxmax-height: 101px;
  xxmax-width: 104px;
  float: right;
}

.prawa1 {
  xxwidth: 20%;
  float: right;
  min-height: 60px;
  overflow: hidden;
  background-color: #dcdde0; }

#FOT-SZKO {
  position: relative;
  width:100%;
  height: 78%;
  xxmax-height: 139px;
  float: left;
 overflow: hidden;
  padding: 0 0;
  z-index: 10;
 }

#tekst-szko {
  position: relative;
  height: 81%;
  width: 100%;
  z-index: 120;
}


#tekst-szko img {
  display: block;
  height: 100%;
  margin: 10px auto;
}

#MENU {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  background-color: #dcdde0; }

#MENU a {
  text-decoration: none;
}

#MENU img {
  height: 100%;
  border: 0;
}

#dks {
  display: block;
  width: 196px;
  height: 100%;
  float: right;
  overflow: hidden;
  background-color: #dcdde0;
  text-align: right; }

#dks a {
  text-decoration: none;
  display: block; }

#dks a:link, #dks a:visited {
  color: white; }

#dks a:hover {
  color: lightgrey; }

#dks a:link:hover {
  color: lightgrey; }

#dks a:visited:hover {
  color: lightgrey; }


#menu-m {
  display:none;
  width: 100%;
  height: 23%;
  font-size: 0.8em;
  overflow: hidden;
  background-color: #dcdde0;
  text-align: right; }



#wm {
  height: 100%;
  float: right;
}

#menu-down {
  position: absolute;
  display:block;
  width: 100px;
  top: 10px;
  left: 450px;
  text-align: left;
  xxborder-radius:10px;
  xx-webkit-border-radius:10px;
  xx-moz-border-radius:10px;
  xx-khtml-border-radius:10px;
  xx-icab-border-radius:10px; 
  z-index:9999;}


#menu-down ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu-down ol li {
    display: block;
    list-style: none;
    text-align: center;
    float: left;
    width: 100%;
    padding: 2px;
}

#menu-down ol li a:link {
	text-decoration: none;
	color: white;
}

#menu-down ol li a:visited {
	text-decoration: none;
	color: black;
}
#menu-down ol li a:link:hover, #menu-down ol li a:visited:hover {
  color: #ef4123; }

#menu-down ol li ol {
    background-color: #dcdde0;
    list-style:none;
    text-align: left;
    margin:5px;
    display: none;
    width: 120px;
}

#menu-down ol li ol li {
    background-color: #dcdde0;
}

#menu-down ol li:hover ol {
    display: block;

}

#paski {
  clear: both;
  width: 100%;
  height: 8%;
}

#pasekl {
  height: 100%;
  xxwidth: 20%;
  background-color: #ef4123;
  float: left; }

#pasek {
  position: relative;
  height: 100%;
  xxwidth: 60%;
  color: white;
  background-color: #ef4123;
  background-size: contain;
  background-repeat: no-repeat;
  float: left;
  box-shadow: 5px 3px 5px 3px #888;
  -moz-box-shadow: 5px 3px 5px 3px #888;
  -webkit-box-shadow:  5px 3px 5px 3px #888;
  padding: 0; }

#pasek img {
  height: 100%;
  position: absolute;
  top: 0px;
} 

#pasekp {
  height: 100%;
  xxwidth: 20%;
  float: right;
  background-color: #dcdde0; }


#content {
  clear: both;
  position: relative;
  width: 100%;
  height: 55%;
  overflow:auto;
  background-color: #dcdde0; }

#TRESC {
  position: relative;
  xxwidth: 60%;
  height: 100%;
  xxfloat: left;
  overflow: hidden;
  font-size: medium;
  background-color: white;
  box-shadow: 5px 3px 5px 3px #888;
  -moz-box-shadow: 5px 3px 5px 3px #888;
  -webkit-box-shadow:  5px 3px 5px 3px #888;
  background-image: url("../images/tlo-tr.jpg"); 
  margin: 0 auto;
  z-index:10;
}

#wizyt {
  position: relative;
  xxwidth: 60%;
  height: auto%;
  xxfloat: left;
  overflow: hidden;
  font-size: medium;
  background-color: white;
  box-shadow: 5px 3px 5px 3px #888;
  -moz-box-shadow: 5px 3px 5px 3px #888;
  -webkit-box-shadow:  5px 3px 5px 3px #888;
  margin: 0 auto;
}

#wizyt img {
  width:100%;
}

#lista {
  position: absolute;
  width: 25%;
  top: 20px;
  left: 10px;
  font-size: 0.9em;
  overflow:hidden;
  xxheight: 100px;
  z-index: 2; }

#lista ol {
    list-style: none;
    margin: 0;
    padding: 0;
   width:100%;
}

#lista ol li {
    display: block;
    list-style: none;
    float: left;
   width:100%;
}

#lista img{
    float: left;
   width:100%;
   border: 0;
}

#lista a {
  text-decoration: none;
}

#teksty {
    background-size: 100% 100%;
  background-repeat: repeat;
  padding: 10px 20px;
  line-height: 1.5; }

#obraz-start img {
    position: absolute;
    top: 40%;
    margin-top: -20px;
    left: 20%;
    margin-left: -20px;
}

#dw {
  position: absolute;
  xxwidth: 75%;
  bottom: 0;
  left: 0;
  z-index: 1; }

#dw-img {
  width: 100%;
  height:100%;
  xxmax-width: 578px; }

#TR-tlo {
  position relative;
  height:100%;
  width:100%;
  z-index:1;
}

#dane-mail {
  position: absolute;
  bottom:0px;
  right: 0px;
  width: 202px;
  height:53px;
  margin: 0;
  z-index: 2; }

#dane-mail img {
  margin: 0;
  height: 100%;}

#galeria {
  background-color: #ef4123;
  padding: 10px; }

#galeria img {
  border: 1px solid yellow;
  margin: 10px;
  padding: 2px;
}

#galeria ul {
  display: block;
  list-style: none;
  margin: 0 10px 10px 0;
  padding: 0px;
 }

#galeria ul li {
  display: block;
  list-style: none;
  float: left;
  margin: 0 10px 10px 0; 
}

#galeria ul a:link {
  text-decoration: none;
  display: block;
  xxwidth: 150px;
  text-align: center;
  background-color: #ef4123;
  color: #000;
  border: 0px outset white;
  padding: 0px; }

#galeria ul a:visited {
  text-decoration: none;
  display: block;
  xxwidth: 150px;
  text-align: center;
  background-color: #ef4123;
  color: #000;
  border: 0px outset white;
  padding: 0px; }


.ciach {
  overflow:hidden;
  border: 1px solid yellow;
  margin: 10px;
  padding: 2px;
}

