*{
margin: 0; 
padding: 0; 
font-family: Verdana, "Geneva CE", lucida, sans-serif;
font-size: x-small;
list-style: none;
}
body{
text-align: center;
background-color: #E9F7EC;
}
#body{
margin: 0 auto;
width: 776px;
text-align: left;
}
#head{
background: url('images/head.jpg') no-repeat;
height: 330px;
width: 788px;
position: relative;
}
h1, h1 span{
width: 182px; 
height: 105px;
position: absolute; 
top: 0; 
left: 19px;
z-index: 1; 
overflow: hidden;
color: #fff;
}
h1 span{
background: url('images/logo.gif') top left no-repeat;
display: block;
z-index: 2;
width: 182px; 
height: 105px;
cursor: hand;
top: 0; 
left: 0;
font-size: 18px;
}
#head ul{
position: absolute;
left: 30px;
top: 145px;
}
#head ul li a{
width: 162px;
position: absolute;
}
#head ul li a span{
display: none;
}
#head ul li a#spolecnost{
background: url('images/spolecnost.gif') no-repeat 0 0;
height: 27px;
top:0;
}
#head ul li a#spolecnost:hover{
background: url('images/spolecnost.gif')  0 -27px;
}
#head ul li a#produkty{
background: url('images/katalog.gif') no-repeat 0 0;
height: 26px;
top: 32px;
}
#head ul li a#produkty:hover{
background: url('images/katalog.gif')  0 -26px;
}
#head ul li a#reference{
background: url('images/referenc.gif') no-repeat 0 0;
height: 22px;
top: 65px;
}
#head ul li a#reference:hover{
background: url('images/referenc.gif') 0 -22px;
}
#head ul li a#sponzoring{
background: url('images/sponzoring.gif') no-repeat 0 0;
height: 22px;
top: 92px;
}
#head ul li a#sponzoring:hover{
background: url('images/sponzoring.gif') 0 -22px;
}
#head ul li a#kontakty{
background: url('images/kontakty.gif') no-repeat 0 0;
height: 15px;
top: 120px;
}
#head ul li a#kontakty:hover{
background: url('images/kontakty.gif') 0 -15px;
}
h2{
color: #FFFFFF;
font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;;
font-size: 1.2em;
position: absolute;
text-transform: uppercase;
left: 450px;
top: 255px;
}
#main{
background:  #FFF url('images/body.gif') repeat-y; 
padding: 5px 25px 5px 38px;
height: 100%;
}
#main p, main p *{
margin-bottom: 1.3em;
color: #616161;
font-size: 1.1em;
}
#main p.dulezite{
background-color: #E9F7EC;
color: #26AA3D;
font-weight: bold;
padding: 12px;
}
h3{
color: #21A638;
font-size: 1.3em;
margin-bottom: 1em;
}
h4{
font-size: 1.3em;
color: #FF9A00;
text-transform: uppercase;
margin: 1em 0;
letter-spacing: -0.02em;
}
.left{
float: left;
}
.right{
float: right;
}
.rightBorder{
float: right;
border: 1px solid #B9B9B9;
}
#main a{
color: #FF9A00;
font-size: 1em;
}
#main a:hover{
text-decoration: none;
}
.clear{
clear: both;
}
#main img{
margin: 0 10px 5px 0;
}
#foot{
background:  #E9F7EC url('images/foot.gif') no-repeat top; 
padding: 25px 38px;
}
#foot p{
text-align: right;
color: #616161;
}
#foot a{
color: #21A638;
text-transform: uppercase;
}
#leftColumn {
float: left;
width: 280px;
}
#leftColumn p, #rightColumn p{
font-size: 1em;
}
#katalog{
text-align: right;
padding: 5px 30px 15px 0;
clear: both;
}
#katalog a{
text-transform: uppercase;
font-weight: bold;
}
#leftColumn a img, .produkt a img{
border: 1px solid #B9B9B9;
margin: 0 0 8px 8px;
}
#leftColumn a:hover img, .produkt a:hover img{
border: 1px solid #FF9A00;
}
address{
font-style: normal;
color: #616161;
margin-left: 20px;
}
#rightColumn {
margin-left: 285px;
}
img.imgH{
padding-bottom: 15px;
}
.cleaner{
clear: both;
visibility: hidden;
}
#projekty{
background: url('images/reference.gif'); 
width: 386px;
height: 158px;
clear: right;
margin-top: 10px;
padding: 10px 10px 8px 25px;
}
#projekty h4{
color: #616161;
margin-bottom: 15px;
}
#projekty a{
float: left;
width: 128px;
}
html>body #projekty a{
text-decoration: none;
}
#projekty a img{
border: 0;
}
#projekty a span{
text-decoration: underline;
}
#projekty a:hover span{
text-decoration: none;
}
.center{
text-align: center;
}
.center img{
border: 1px solid #B9B9B9;
}
#main ul{
margin: 10px 0 0 18px
}
#main ul li{
font-size: 1.1em;
margin-bottom: 4px;
padding-left: 10px;
background: url('images/li.gif') no-repeat left center
}
#main ul li.active a{
color: #21A638;
text-decoration: none;
}
p#small{
font-size: 0.9em;
text-align: center;
}
.produkt{
margin-top: 10px;
border-bottom: 1px solid #E6E4D8;
min-height: 120px;
}
.produkt h4{
font-size: 1em;
}
#rightColumn p.more{
font-size: 0.9em;
text-align: right;
text-transform: uppercase;
margin: 0 30px 10px 0;
}
p.more a{
padding-right: 12px;
background: url('images/more.gif') no-repeat right center;
}
strong{
font-size: 1em;
}