body { text-align: center; background-color: #E0E7E0; font-family : Verdana, sans-serif; font-size: 10px; color:#676767; margin:0; padding:0;}

hr {height:1px; margin-left: 3px; margin-right:3px; color:#000000;}
a {text-decoration: none; color: #676767; font-weight: normal}
a:hover {color: #676767; text-decoration: none}
img,div, p,form, input, textarea {border: 0px none; padding:0px; margin:0px; font-size:10px}
table, td{padding: 0px; margin: 0px; font-size:10px}

.clear {clear:both;}
.left{float: left; display: inline}
.right{float: right; display: inline}
.first{border: none !important}
#first{border: none !important; padding: 0 !important}

p{margin-top: 4px; margin-bottom: 4px}

/* ~~~~~~~~ szkielet ~~~~~~ */

.center {width:760px; text-align:left;   margin-left: auto; margin-right: auto; margin-top:9px;  border: none;}


#top{background: #FFFFFF; height: 81px; float: left; width: 100%; border-bottom: 1px solid #E0E7E0; }

#top h1{float: left;}
#top h1 a{display: block; margin-top: 20px; margin-left: 30px; width: 134px; height: 30px; background: url('../grafika/logo.gif') no-repeat; text-indent: -9999px; overflow: hidden}
#top ul{list-style-type: none; margin: 0; padding: 0}
#top ul li{float: left}


#menu_top{float: right; padding-right: 35px !important}
#menu_top li a{display: block; border-left: 1px solid #E0E7E0; padding-left: 10px; padding-top: 5px; padding-right: 10px}
#menu_top li a:hover{background: #80D06D; color: #FFFFFF; border-left: 1px solid #E0E7E0;border-bottom: 1px solid #E0E7E0; padding-bottom: 3px;}

#menu_bottom{float: right; margin-top: 20px !important}
#menu_bottom li a{height: 33px; display: block; text-indent: -9999px; overflow: hidden}


#m1{width:138px; background: url('../grafika/m1.gif') no-repeat}
#m2{width:138px; background: url('../grafika/m2.gif') no-repeat}
#m3{width:141px; background: url('../grafika/m3.gif') no-repeat}
#m4{width:138px; background: url('../grafika/m4.gif') no-repeat}




#content{float: left; background: url('../grafika/content.gif') repeat-y; background-color: #FFFFFF; width: 756px; padding-left: 4px; padding-top: 4px; padding-bottom: 80px}


/* ~~~~~~~~ left ~~~~~~ */

#left{width: 185px; float: left; margin-right: 10px; background: url('../grafika/left.jpg') no-repeat; padding-top: 238px; color: #8F898D}



/* ~~~~~~~~ right ~~~~~~ */

#right{width: 556px; float: left;background: url('../grafika/right.jpg') no-repeat; padding-top: 165px; }

.news{margin-bottom: 10px; border-top: 1px solid #E0E0E0; padding-top: 10px; width: 90%; padding-right: 20px}
.news h3{color: #8E898D; font-weight: normal; padding-left: 5px}
.news p{color: #000000; font-weight: bold; padding-left: 5px}
.news a{font-weight: bold; padding-left: 5px}

.box{margin-left: 1px; margin-right: 1px; padding: 5px; clear: both; float: left; width: 172px; margin-bottom: 2px}
.box a{color: #FFFFFF; font-weight: bold}


#b1{background: #349734}
#b2{background: #48a148}
#b3{background: #5dac5d}
#b4{background: url('../grafika/b4.jpg') no-repeat right;  background-color: #71b671; height: 130px}
#b5{background-color: #85c185}



/* RESZTA */

h2{width: 496px; height: 37px; background: url('../grafika/h2.gif') no-repeat; display: block; padding-left: 60px !important; padding-top: 7px !important; font-size: 17px !important;color: #666666; letter-spacing: -1px}

h1, h2, h3, h4{margin: 0; padding: 0; font-size: 11px}