html, body {
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

body {
    text-align: justify;
    font-family: Georgia, Verdana, Arial, san serif;
    font-size: 12px;
    color: #ffffff;
    background-image: url(../img/tlo.png);
}

p {
    margin: 0 10px 10px;
}

div#header {
    height: 235px;
    margin: 0;
    padding-left: 0px;
    background: #EEE;
    line-height: normal;
}

div#headerUp {
    height: 74px;
    padding: 0px;
    margin: 0px;
}

div#headerUp a img {
    margin: 0px;
    border: 0px;
    text-decoration: none;
}

div#headerDown {
    height: 161px;
    padding: 0px;
    margin: 0px;
		background-image:url(../img/d_ban.gif);
	background-repeat:no-repeat;
}
div#headerDownEn {
    height: 160px;
    padding: 0px;
    margin: 0px;
	background-image:url(../img/d_ban_en.gif);
	background-repeat:no-repeat;
	background-color: #000000;
}

div#headerDownDe {
    height: 161px;
    padding: 0px;
    margin: 0px;
	background-image:url(../img/d_ban_de.gif);
	background-repeat:no-repeat;
}

div#menu {
    height: 40px;
    width: 100%;
    background-color: #000000;
    background-image: url(../img/mimg.png);
    background-repeat: repeat-x;
}

div#container {
    text-align: left;
    background-color: #000000;
}

div#content {
min-height: 500px;
}

div#content p {
    line-height: 16px;
	margin-left:
}

div#content h1 {
    font-family: Georgia, Verdana, Arial, san serif;
    font-size: 20px;
    margin-top: 20px;
    margin-left: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid maroon;
    width: 700px;
}

div#content h2 {
    font-family: Georgia, Verdana, Arial, san serif;
    font-size: 18px;
    margin-top: 20px;
    margin-left: 20px;
		padding-left: 20px;
    padding-bottom: 10px;

}
.produkt {

height: 440px;
margin-left:10px;
margin-right: 10px;
margin-top: 5px;
border: 1px solid maroon;
background-image: url(../img/tlo_witam.png);
background-repeat: no-repeat;
background-position: bottom  right;
}
.produkt img {
float:left;
margin: 10px 10px 10px 20px;
padding:5px;
border: 5px solid maroon;
}

.produkt p {

padding-top: 10px;
}
.produkt h2 {
font-size: 16px;
padding: 10px;
margin-left: 25px;
}

.produkt2 {

height: 380px;
margin-left:10px;
margin-right: 10px;
margin-top: 5px;
border: 1px solid maroon;
background-image: url(../img/tlo_witam.png);
background-repeat: no-repeat;
background-position: bottom  right;
}
.produkt2 img {
float: left;
margin: 10px;
padding:5px;
border: 5px solid maroon;
}
.produkt2 h2 {
font-size: 16px;
padding: 10px;
margin-left: 25px;
}
.produkt2 p {

padding-top: 10px;
}


div#tresc {
    margin: 20px;
    height: 355px;
    background-image: url(../img/tlo_witam.png);
    background-repeat: no-repeat;
    background-position: bottom  right;
}

div#imgtresc {
    width: 450px;
    height: 355px;
    float: left;
    background-image: url(../img/podklad_fot.png);
    background-repeat: no-repeat;
    background-position: center;
}



div#imgtresc-de {
    width: 450px;
    height: 355px;
    float: left;
    background-image: url(../img/podklad_fot_de.png);
    background-repeat: no-repeat;
    background-position: center;
}

div#imgtresc-en {
    width: 450px;
    height: 355px;
    float: left;
    background-image: url(../img/podklad_fot_en.png);
    background-repeat: no-repeat;
    background-position: center;
}
div#imgtresc img {
    margin-left: 20px;
    margin-top: 5px;
}

div#imgtresc-de img {
    margin-left: 20px;
    margin-top: 5px;
}

din#witamy {
    background-color: transparent;
    float: right;
    width: 309px;
    height: 355px;
}

div#panels {
    display: block;
}

div#panels p {
    margin: 0px;
    padding: 0px;
}

div#panels a {
    margin: 0px;
    padding: 0px;
    color: #ffe9d2;
    text-decoration: none;
}

div#panels a:hover {
    margin: 0px;
    padding: 0px;
    color: #ffe9d2;
    text-decoration: underline;
}

#lewypanel {
    width: 240px;
    margin-left: 0px;
    margin-right: 20px;
    float: left;
    height: 200px;
    background-image: url(../img/reno_but.gif);
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 35px;
	padding-left:5px;
}

#lewypanelde {
    width: 240px;
    margin-left: 0px;
    margin-right: 20px;
    float: left;
    height: 200px;
    background-image: url(../img/reno_but_de.gif);
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 35px;
	padding-left:5px;
}

#lewypanelen {
    width: 240px;
    margin-left: 0px;
    margin-right: 20px;
    float: left;
    height: 200px;
    background-image: url(../img/reno_en.png);
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 35px;
	padding-left:5px;
}

#lewypanel p { 
padding:3px;

}

#srpanel {
    width: 240px;
    padding-top: 35px;
    background-image: url(../img/wymiar_but.gif);
    background-repeat: no-repeat;
    background-position: top;
    margin-left: 20px;
    margin-right: 0px;
    height: 200px;
    float: left;
	
}

#srpanelde {
    width: 240px;
    padding-top: 35px;
    background-image: url(../img/wymiar_but_de.gif);
    background-repeat: no-repeat;
    background-position: top;
    margin-left: 20px;
    margin-right: 0px;
    height: 200px;
    float: left;
	
}

#srpanelen {
    width: 240px;
    padding-top: 35px;
    background-image: url(../img/wymiar_en.png);
    background-repeat: no-repeat;
    background-position: top;
    margin-left: 20px;
    margin-right: 0px;
    height: 200px;
    float: left;
	
}

#prawypanel {
    width: 240px;
    padding-top: 35px;
    background-image: url(../img/salon_but.gif);
    background-repeat: no-repeat;
    background-position: top;
    margin-left: 20px;
    margin-right: 0px;
    height: 200px;
    float: right;
	
}

#prawypanelde {
    width: 240px;
    padding-top: 35px;
    background-image: url(../img/salon_but_de.gif);
    background-repeat: no-repeat;
    background-position: top;
    margin-left: 20px;
    margin-right: 0px;
    height: 200px;
    float: right;
	
}
#prawypanelen {
    width: 240px;
    padding-top: 35px;
    background-image: url(../img/salon_en.png);
    background-repeat: no-repeat;
    background-position: top;
    margin-left: 20px;
    margin-right: 0px;
    height: 200px;
    float: right;
	
}

div#navigation {
    background: #B9CAFF;
}

div#extra {
    background: transparent;
}

div#footer {
    background: #333;
    color: #FFF;
    height: 30px;
    background-image: url(../img/mimg.png);
    background-repeat: repeat-x;
	margin-top:30px;
}

div#footer p {
    margin: 0;
    padding: 5px 10px;
}

div#container {
    width: 800px;
    margin: 0 auto;
}

div#navigation {
    float: right;
    width: 350px;
}

div#extra {
    float: left;
    width: 100%;
}

div#footer {
    clear: both;
    width: 100%;
}

div#Bigcont {
    width: 840px;
    margin: 0 auto;
	
}

.leftborder {
    float: left;
    padding: 0px 20px 0px 10px;
	border:2px solid black;
}

.leftborder img {
border:0px;
}

.left {
    float: left;
    padding: 0px 20px 0px 10px;
}

.right {
    float: right;
    padding: 0px 0px 0px 8px;
}

.pright {
    float: right;
    padding: 5px 0px 0px 8px;
}

.center {
    display: block;
    text-align: center;
    margin: 0 auto;
	padding-bottom: 5px;
}

#stylefour {
    position: relative;
    display: block;
    height: 40px;
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, Arial,Helvitica,sans-serif;
    border-top: 4px solid #B30000;
    background-color: transparent;
    background-image: url(../img/mimg.png);
    background-repeat: repeat-x;
}

#stylefour ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: auto;
    color: #FFFFFF;
}

#stylefour ul li {
    display: block;
    float: left;
    margin: 0;
}

#stylefour ul li a {
    display: block;
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    padding: 11px 20px 0 20px;
    height: 23px;
    background: transparent url(../img/spacer.png) no-repeat top right;
}

#stylefour ul li a:hover,#stylefour ul li a.current {
    color: #CCCC99;
    background-image: url(../img/mimg2.png);
    background-repeat: repeat-x;
}

form {
    margin-top: 0px;
}

div.row {
    clear: both;
    width: 448px;
    height: 29px;
    float: left;
}

div.row span.formlabel {
    float: left;
    width: 150px;
    text-align: left;
}

div.row span.forminput {
    float: right;
    text-align: right;
}

div.spacer {
    clear: both;
    width: 80px;
    height: 22px;
}

input,textarea {
    width: 259px;
    font-family: verdana,arial,sans-serif;
    font-size: 100%;
    border: 1px solid;
}

.submit {
    font-family: verdana,arial,sans-serif;
    font-size: 100%;
    border: 1px solid;
    width: 70px;
    height: 22px;
    cursor: pointer;
}
#js-popup {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url(overlay.png);
}
#js-popup-box {
      position: absolute;
      padding: 3px;
      background: black;
      border: 2px ridge maroon;
      text-align: center;
      font-size: 80%;
}
#js-popup-image {
      margin: 0;
      padding: 0;
}
#js-popup-close {
      position: absolute;
      top: 2px;
      right: 2px;
      cursor: pointer;
}
#js-popup-resize {
      position: absolute;
      top: 5px;
      left: 5px;
      cursor: pointer;
}
#lista ul {
    margin-left: 20px;
    padding: 5;
    list-style-type: none;
    width: auto;
    color: #FFFFFF;
	 font-size: 20px;
}
#lista   ul li a {
list-style:none;
line-height: 22px;
color: maroon;
text-decoration:none;
}

#lista   a:hover { text-decoration:  none;
color:: maroon;
}

img { border: 2px maroon;
} 


#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

#navlist  a {
text-decoration:none;
color:#CC0000;
}