body, html { height: 100%; }

html {
 background-image: url(images/img04-01.gif);
 background-repeat: no-repeat;
 background-position: bottom left; 
 background-color: white;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 }

body {
 background-image: url(images/tlo4-1.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 background-color: transparent;
 border: dotted 0px red;
 width: auto;
 position: absolute;
 top: 0px;
 bottom: 0px;
 left: 0px;
 right: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 170px;
 text-align: center;
 font-family: serif, Arial, Helvetica;
 }

#cennik {
 position: relative;
 top: 30px;
 left: 0px;
 bottom: 30px;
 width: 201px;
 float: left;
 background-image: url(images/tlo2.gif);
 background-color: silver;
 border: dotted 0px red;
 margin: 0px 0px 50px 0px;
 padding: 60px 10px 50px 10px ;
 }

#tresc {
 position: relative;
 width: 310px;
 float: left;
 background-image: url(images/img05-3-350.gif);
 background-color: white;
 border: solid 0px #2f4e66;
 padding: 60px 20px 60px 20px ;
 margin: 230px 15px 50px 0px;
 text-align: left;
 font-size: ;
 line-height: ;
 }

#menu {
 position: ;
 top: 190px;
 left: 0px;
 width: 541px;
 height: 20px;
 background-color: #b9d1eb;
 border: solid 1px #626b70;
 padding: 0px 0px 0px 0px ;
 background-image: url(images/tlo5.gif);
 }

#nav {
 position: absolute; 
 top: 230px; 
 left: 15px; 
 width: 133px; 
 height: auto;
 background-image: url(images/qtlo6.gif);
 background-color: pink;
 margin: 0;
 padding: 0;
 padding-right: 0px;
 border: solid 1px #2f4e66;
 text-align: right;
 line-height: 2;
 list-style-type: none;
 }



#nav li {
 background-color: pink;
 border-bottom: solid 2px #2f4e66;
 border-left: solid 5px #2f4e66 ;
 border-top: solid 2px #859bac; 
 padding-right: 10px;
 color: #2f4e66;
 font-weight: bold;
 font-style: ;
 padding: 0; 
 
 }

li a:link {
 display: block;
 background-color: #859bac;
 background-image: url(images/tlo7.gif);
 color: white;
 font-weight: ;
 text-decoration: none;
 margin: 0px;
 padding-right: 10px;
 }

li a:visited {
 display: block;
 background-color: #859bac;
 background-image: url(images/tlo7.gif);
 color: white;
 font-weight: ;
 text-decoration: none;
 margin: 0px;
 padding-right: 15px;
}

li a:hover {
background-color: red;
background-image: url(images/tlo8.gif);
text-decoration: none;
 }


#clear {
 display: ;
 width: 780px;
 height: 1px;
 border: solid 0px blue;
 clear: both;
 }

.cennik-dol {
 position: absolute;
 bottom: 0px;
 left: 0px;
 }

.cennik-gora {
 position: absolute;
 top: 0px;
 left: 0px;
 }

strong {
 color: #87b3da;
 font-weight: bold;
 font-size: ;
 padding: 3px;
 }

strong.tabela {
 color: #87b3da;
 font-weight: bold;
 font-size: 1.10em;
 border: dotted 1px #3a72a4;
 border-bottom: solid 2px #3a72a4;
 display: block;
 }

em {
 color: #e6860d;
 font-weight: bold;
 text-decoration: none;
 font-style: normal;
 }

table, tr, td {
 margin: 0;
 padding: 0;
 border: none;
 font-size: 0.9em;
 }

table {
 border: solid 0px black;
 }

#bannery {
 position: absolute; 
 top: 430px; 
 left: 15px; 
 width: 133px; 
 height: 100px;
 border: solid 1px red; 
 padding: 0;
 display: none;
 }

.right {
 text-align: right;
 padding-right: 10px;
 }

.wyczysc, .zamow {
 text-align: center;
 }

.wyczysc input{
 background-color: white;
 color: black;
 font-weight: bold;
 border: solid 1px black;
 margin: auto;
 }

.zamow input{
 border: 2px solid red;
 background-color: red;
 color: white;
 font-weight: bold;
 }

a.strong {
 color: #87b3da;
 font-weight: bold;
 text-decoration: none;
 }

a {
text-decoration: none;
 }