body {
background: #111111;
margin: 0 auto;
padding: 0;
text-align: center;
}

#menu ul li a, #menu ul li a:visited {
color: #eeeeee;
font-size: 20px;
font-family: Verdana;
text-decoration: none;
display: block;
width: 195px !important;
width: 200px;
height: 35px !important;
height: 50px;
margin: 0;
margin-bottom: 10px;
padding: 5px;
padding-top: 10px;
border: none;
background: url('graf/normal.gif');
background-position: -85px;
float: left;

font-size: 20px;
font-family: Arial;
text-align: center;

}
#menu ul li a#active {
color: #ffffff;
background: url('graf/active.gif');
background-position: -85px;
}

#menu ul li a#active:hover {
color: #ffffff;
background: none;
background: url('graf/hover.gif');
background-position: -85px;
}

#menu ul li a.a:hover, #menu ul li a.a:focus {
color: #ffff00;
background: url('graf/hover-a.gif');
background-position: -85px;
}

#menu ul li a.b:hover, #menu ul li a.b:focus {
color: #ff00ff;
background: url('graf/hover-b.gif');
background-position: -85px;
}

#menu ul li a.c:hover, #menu ul li a.c:focus {
color: #00ffff;
background: url('graf/hover-c.gif');
background-position: -85px;
}

div#main {
color: #eeeeee;
display: block;
margin: 0 auto;
padding: 0;
width: 960px !important;
width: 1000px;
padding-left: 20px;
padding-right: 20px;
background: url('graf/bg-main.jpg') repeat-y #000000;
}

div#top {
display: block;
margin: 0 auto;
padding: 0;
padding-left: 20px;
width: 940px !important;
width: 960px;
height: 140px !important;
height: 160px;
background: none;
}

div#logo {
display: block;
float: left;
margin: 0;
padding: 0;
padding-top: 20px;
width: 290px;
height: 100px !important;
height: 120px;
background: none;
}

div#banner {
display: block;
float: right;
margin: 0;
padding: 0;
width: 620px;
height: 140px;
background: #222222;
}

div#break {
display: block;
margin: 0 auto;
padding: 0;
width: 960px;
height: 21px;
background: url('graf/bg-break.jpg') no-repeat;
}

div#tresc {
display: block;
margin: 0 auto;
padding: 0;
width: 960px;
background: #222222;
background: url('graf/bg-tresc.jpg') repeat-y;
}

div#menu {
float: left;
text-align: left;
display: block;
margin: 0;
padding: 0;
padding-left: 10px;
width: 310px !important;
width: 320px;
background: url('graf/bg-menu.jpg') repeat-y;
}

div#tekst {
float: right;
display: block;
margin: 0 auto;
padding: 0;
padding-right: 20px;
width: 600px !important;
width: 620px;
background: #222222;
}

div#stopka {
color: #eeeeee;
font-family: Verdana;
font-size: 0.8em;
text-align: right;
display: block;
margin: 0 auto;
padding: 0;
width: 960px !important;
width: 1000px;
height: 20px;
padding-left: 20px;
padding-right: 20px;
background: url('graf/bg-stopka.jpg') no-repeat #111111;
}

#logo img {
float: left;
}

#logo h1 {
font-family: Verdana;
font-size: 22px;
display: block;
padding: 0;
margin: 0 auto;
float: right;
text-align: center;
width: 170px;
}

#logo h2 {
font-family: Verdana;
font-size: 16px;
display: block;
padding: 0;
margin: 0 auto;
margin-top: 5px;
float: right;
text-align: center;
width: 170px;
color: #999999;
}

#menu ul {
margin: 0;
padding: 0;
}

#menu ul li {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
clear: both;
}

#menu ul li div {
background: url('graf/normal.gif');
padding: 5px;
padding-right: 0;
margin: 0;
width: 80px !important;
width: 85px;
height: 40px !important;
height: 50px;
display: block;
float: left;
}

#menu ul li div img {
margin: 0;
padding: 0px;
border: none;
width: 80px;
}
/*
#menu ul li a p {
display: block;
float: right;
margin: 0;
padding: 0;
padding-top: 6px;
font-size: 20px;
font-family: Arial;
text-align: center;
width: 180px;
}
*/

p.menulewa {
display: block;
float: right;
margin: 0;
padding: 0;
padding-top: 6px;
font-size: 20px;
font-family: Arial;
text-align: center;
width: 180px;
}

br.clear {
clear: both;
}

#tekst p.navi {
padding: 0;
margin: 0;
margin-bottom: 10px;
color: #cccccc;
font-family: System;
font-size: 12px;
text-align: right;
}

span.small {
font-size: 10px;
font-family: verdana;
color: #ff6600;
font-weight: bold;
}

#tekst a.boxleft {
text-decoration: none;
color: #eeeeee;
margin: 0;
margin-bottom: 5px;
margin-right: 5px;
padding: 5px;
float: right;
text-align: right;
width: 285px !important;
width: 295px;
height: 105px !important;
height: 115px;
background: black;
border: solid 1px #333333;
}

#tekst a.boxleft img {
float: left;
padding: 0;
margin: 0;
margin-bottom: 5px;
border: solid 1px #222222;
}
/*
#tekst a.boxleft h2 {
float: right;
width: 175px;
padding: 0;
margin: 0;
font-weight: bold;
font-size: 16px;
font-family: Arial;
text-align: center;
}
#tekst a.boxleft p {
float: right;
width: 175px;
padding: 0;
margin: 0;
margin-top: 5px;
margin-left: 5px;
font-size: 12px;
font-family: Arial;
text-align: center;
line-height: 130%;
color: #cccccc;
}
*/
span.ofertah2 {
float: right;
width: 175px;
padding: 0;
margin: 0;
font-weight: bold;
font-size: 16px;
font-family: Arial;
text-align: center;
}
span.ofertap {
float: right;
width: 175px;
padding: 0;
margin: 0;
margin-top: 5px;
margin-left: 5px;
font-size: 12px;
font-family: Arial;
text-align: center;
line-height: 110%;
color: #cccccc;
}

#tekst a.boxright {
color: #eeeeee;
text-decoration: none;
margin: 0;
margin-bottom: 5px;
padding: 5px;
float: right;
text-align: left;
width: 285px !important;
width: 295px;
height: 105px !important;
height: 115px;
background: black;
border: solid 1px #333333;
}

#tekst a.boxright img {
float: right;
padding: 0;
margin: 0;
margin-bottom: 5px;
border: solid 1px #222222;
}
/*
#tekst a.boxright h2 {
float: left;
width: 175px;
padding: 0;
margin: 0;
font-weight: bold;
font-size: 16px;
font-family: Arial;
text-align: center;
}

#tekst a.boxright p {
float: left;
width: 175px;
padding: 0;
margin: 0;
margin-top: 5px;
font-size: 12px;
font-family: Arial;
text-align: center;
line-height: 130%;
color: #cccccc;
}
*/
#tekst a.boxright:hover , #tekst a.boxleft:hover  {
background: #002233;
border: solid 1px #3399dd;
}

object#flash {
margin: 0;
padding: 0;
}

#tekst p.tekst {
font-family: Arial;
font-size: 16px;
text-align: left;
margin-left: 10px;
margin-right: 20px;
text-indent: 20px;
line-height: 140%;
}

#stopka a, #stopka a:visited {
color: #cccccc;
text-decoration: none;
}

#stopka a:hover, #stopka a:focus {
color: #ffffff;
text-decoration: none;
}

br.break  {
margin-bottom: 10px;
}

table#podoferta {
margin: 0 auto;
text-align: center;
border: solid 1px #333333;
background: #222222;
}

#podoferta tr td {
background: #000000;
padding: 3px;
font-family: Verdana;
font-size: 14px;
}

#formularz form table {
margin: 20px auto;
text-align: left;
border: solid 1px #333333;
background: #222222;
}

#formularz form table tr td {
background: #000000;
padding: 3px;
font-family: Verdana;
font-size: 14px;
}


#formularz form table tr td input, #formularz form table tr td textarea{
background: #333333;
color: #eeeeee;
padding: 1px;
font-family: Verdana;
font-size: 12px;
border: solid 1px #666666;
}

table.bialy {
color: #eeeeee;
}

#tekst p.tekst a, #tekst p.tekst a:visited {
color: #ffffff;
text-decoration: none;
}

#tekst p.tekst a:hover, #tekst p.tekst a:focus {
color: #3399dd;
text-decoration: none;
}

div#portfolio {
border: none;
background: none;
margin: 0;
padding: 0;
margin-bottom: 50px;
}

#portfolio a img, #portfolio a:visited img {
margin: 10px;
padding: 3px;
border: solid 3px #222222;
}

#portfolio a:hover img, #portfolio a:focus img {
margin: 10px;
padding: 3px;
border: solid 3px #3399dd;
}