body {
 background: #c0c0c0;
 font-size: 11px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color:#000000;
 margin: 0px;
 padding: 0px;
}

#strona {
 width: 960px;
 height:auto;
 margin:auto;
} 

#naglowek {
 width:960px;
 height: 55px;
 background: #990000 url('naglowek.jpg') repeat-x;
 font-family: Verdana;
 font-size: 1.4em;
 color:#FFFFFF;
}
#naglowek a {
 color:#FFFFFF;
 text-decoration: none;
}
#naglowek a:hover {
 color:#FFFFFF;
 text-decoration:underline;
}


#stopka {
 width:960px;
 height: 18px;
 background: #990000 url('naglowek.jpg') repeat-x;
 font-family:Tahoma, Verdana;
 font-size: 0.8em;
 color:#FFFFFF;
}
#stopka a {
 color:#FFFFFF;
 text-decoration: none;
}
#stopka a:hover {
 color:#FFFFFF;
 text-decoration:underline;
}


#banner {
 width: 960px;
 height: 181px;
 background: #eaf2f7 url('banner.jpg') no-repeat top left;
 overflow: hidden;
}

#banner_prawa {
 height: 181px;
 width:auto;
 float:right;
 margin: 0px;
 padding: 0px;
}

#banner_prawa p {
 margin: 0px;
 padding: 0px;

}

#logo {
 width: 960px;
 height: 178px;
 overflow: hidden;
 background: #185676 url('logo_tlo.jpg') repeat-x;
}

#logo_lewa {
 float:left;
 height: 178px;
 width: 328px;
 overflow:hidden;
}

#logo_prawa {
 width: 630px;
 height: 178px;
 float:right;
 overflow: hidden;
 background: url('logo_tlo_prawa.jpg');
 border-left: 1px #638a9e solid;
}

#zawartosc {
 width: 960px;
 height:auto;
 background:#FFFFFF url('tlo.jpg') repeat-y;
}

#menu {
 width:329px;
 height:auto;
 float: left;
}

#artykul {
 width: 625px;
 height:auto;
 float:right;
 overflow:hidden;
}

#artykul hr {
 border: 0px;
 border-bottom: #666666 1px dotted;
 color: #666666;
 height: 0px;
}
 
 
 
#dropmenudiv{
position:absolute;
border:1px solid #ffffff;
font-family: Tahoma;
font-size: 1em;
text-align: center;
line-height:18px;
z-index:100;
color: #ffffff;
font-weight: normal;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8; 
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

/*hover background color*/
#dropmenudiv a:hover{ 
background-color: #8C8470;
color: #000000;
font-weight: bold;
text-decoration: none;
} 

.ramka {
 padding: 10px;
 }

.naglowek {
 color: #ffffff;
 font-size: 1.2em;
 padding: 10px;
 border-bottom: #FFFFFF 1px dotted;
 font-weight:bold;  
}

.naglowekd {
 color: #000000;
 font-size: 1.2em;
 padding: 10px;
 padding-bottom: 15px;
 font-weight:bold;
 text-align: right;
}

.nagloweka {
 color: #888888;
 font-size: 1.2em;
 padding: 10px;
 border-bottom: #888888 1px dotted;
 font-weight:bold;  
}

#menu {
 font-size: 1em;
 color:#000000;
}

#menu a {
 color:#000000;
 font-weight: bold;
 text-decoration:none;
}

#menu a:hover {
 color:#000000;
 font-weight: bold;
 text-decoration: underline;
}

.tytul  {
 text-align: left;
 padding-bottom: 5px;
}

.tytul a {
 color:#000000;
 font-weight: bold;
 text-decoration:none;
}

.tytul a:hover {
 color:#000000;
 font-weight: bold;
 text-decoration: underline;
}

.tresc {
 text-align:justify;
 padding-bottom: 15px;
}

.tresc img {
 margin: 8px
 }

.tresc a {
 color:#000000;
 font-weight: bold;
 text-decoration:none;
}

.tresc a:hover {
 color:#000000;
 font-weight: bold;
 text-decoration: underline;
}

.obrazek {
text-align:center;
}

.obrazek img{
 border: #CCCCCC 1px solid
}

#menu hr {
 border: 0px;
 border-bottom: #ffffff 1px dotted;
 color: #ffffff;
 height: 0px;
 width: 100%;
}