/* Body */ 

body {
 margin:5px;
 background: #fff;
 color: #999;
 padding: 0px;
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 }
 
/* tresci */
 
 
#logo{
 background: #fff;
 margin: 0;
 background-image: url('images/wtlogo.jpg');
 background-position: top left;
 background-repeat: no-repeat;
 height:150px;
 border: 0px solid black;
 padding-left: 250px;
 }

 
#tresc {
 background: #fff;
 position: relative;
 top: 0px;
 color: #000;
 border: 0px solid black;
}
 
 
/* dane */

#kontener {
 position: relative;
 color: #f97a00;
 border: solid #f97a00;
 border-width: 0em 0em 0px 0em;
 padding: 1px;
 background-color: #fff;
 font: normal 80% Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#dane1 {
 position: relative;
 float:left;
 text-align:left;
 width: 150px;
 padding-left: 1em;
 font-weight: bold;
 margin-top: 0.5em;
}

#dane2{
 text-align:left;
 margin-top: 0.5em;
 background: #FDFDFD;
 color: #797979;
}


#bar {
 border-bottom: 1px solid #f97a00;
}

#bar2 {
 border-bottom: 1px solid #f97a00;
 text-align: center;

}

#kontener2 {
 position: relative;
 color: #f97a00;
 padding: 0.5em 0.5em 0.5em 0.5em;
 background-color: #fff;
 padding-top: 0.5em;
 font: normal 80% Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#lewy {
 position: absolute;
 left:1%;
 width:20%;
 font-weight: bold;
 border-left: 1px solid #f97a00;
}

#lewycenter {
 position: absolute;
 left:21%;
 width:28%;
 color: #797979;
 border-right: 1px solid #f97a00;
}

#prawycenter {
 position: absolute;
 left:51%;
 width:28%;
 font-weight: bold;
 border-left: 1px solid #f97a00;
}

#prawy {
 position: absolute;
 left:79%;
 width:19%;
 color: #797979;
 border-right: 1px solid #f97a00;

}

#prawy,#prawycenter,#lewycenter,#lewy {
 background: #FDFDFD;
 margin-top: 0.5em;
 padding: 0.5em;
 border-bottom: 1px solid #f97a00;
 border-top: 1px solid #f97a00;
}
 
 
 /* Formantki tekstu */ 

p {
 margin:0;
 padding: 0.5em;
 font-size: 80%;
 line-height: 20px;
 }
 
p.lit:first-letter {
 font-size: 110%; 
 font-weight: bold;
 color: #f8931f;
 }


h1 {
 margin:0;
 padding: 0.5em;
 font-size: 90%;
 font-weight: bold;
 text-align: center;
}

h2 {
 margin:0;
 padding: 0.5em;
 font-size: 85%;
 font-weight: bold;
 text-align: center;
}
 
 
h4 {
 font: normal 90% Tahoma, Verdana, Arial, Helvetica, sans-serif;
 vertical-align: middle;
 text-align: justify;
 border: 1px solid #f97a00;
 padding: 0.5em 0.5em 0.5em 0.5em;
 background-color: #fff;
 color: #999;
 font-weight: bold;
 }
 
h5 {
 font: normal 80% Tahoma, Verdana, Arial, Helvetica, sans-serif;
 vertical-align: middle;
 text-align: justify;
 border: 1px solid #f97a00;
 padding: 0.5em 0.5em 0.5em 0.5em;
 background-color: #fff;
 color: #585858;
 }
 
 
a.menu.menu:link, a.menu:visited {
 color: #f8931f;
 text-decoration: none;
 font-size: 100%;
 line-height: 25px;
}

a.menu:hover, a.menu:focus, a.menu:active {
 color: #f8931f;
 text-decoration: underline;
 font-size: 100%;
 line-height: 25px;
}


a.lista:link, a.lista:visited {
 color: #f8931f;
 text-decoration: none;
 font-size: 110%;
 line-height: 25px;
 font-weight:bold;
}

a.lista:hover, a.lista:focus, a.lista:active {
 color: #f8931f;
 text-decoration: underline;
 font-size: 110%;
 line-height: 25px;
}

.button {
 font: normal 70% Tahoma, Verdana, Arial, Helvetica, sans-serif;
 vertical-align: middle;
 text-align: center;
 border: 1px solid #f97a00;
 padding: 0.5em 0.5em 0.5em 0.5em;
 background-color: #fff;
 color: #999;
 font-weight: bold;
 width: 100px;
}

.pole {
 font: normal 70% Tahoma, Verdana, Arial, Helvetica, sans-serif;
 vertical-align: middle;
 text-align: center;
 border: 1px solid #f97a00;
 padding: 0.5em 0.5em 0.5em 0.5em;
 background-color: #fff;
 color: #999;
 font-weight: bold;
 width: 150px;
}

#komunikat {
 text-align: center;
 font: normal 90% Tahoma, Verdana, Arial, Helvetica, sans-serif;
 vertical-align: middle;
 padding: 0.5em 0.5em 0.5em 0.5em;
 background-color: #fff;
 color: #585858;
 font-weight: bold;
}

li { 
text-indent: 0px;
text-align: left;
font-size: 80%;
margin-top: 5px;
}

ul{
margin-top: -0.3em;
}