html 
{
overflow: hidden;
}

a
{
text-decoration:none;
color: #fafafa;
text-shadow: 0px 0px 4px #118;
}

a:hover
{
color: #fff;
text-shadow: 0px 0px 8px #000;
}

body
{
background-color:#aaa;
}
.wh
{
margin-left: auto ;
margin-right: auto ;
padding: 0px ;

position: absolute;
width: 100%;
height: 100%;

}
.cont
{
position: relative;
margin-left:auto;
margin-right:auto;
width: 866px;
height: 590px;
top: 5%;
background-image: url(ds.png);
}
.bgimg
{
position: absolute;
top:26px;
left:28px;
z-index:0;
}
.logo
{
padding-left: 12px;
padding-top: 12px;

}

.banner-top1
{

font-family: Tahoma;
font-size: 20px;
position: relative;
top:26px;
left:28px;
padding: 5px;

height:40px;
width: 790px;


color: #bbbbbb;
opacity: 1;
z-index:2;

}
.banner-bottom1
{
border-top: 2px solid #ccc;
font-family: Tahoma;
font-size: 20px;
position: relative;
top:362px;
left:28px;
padding: 5px;

height:126px;
width: 565px;

background-color: #333;
color: #bbbbbb;
opacity: 0.8;
z-index:2;
float: left;
}

.banner-bottom1 p.opis-firmy
{
padding: 2px;
font-size: 9pt;
}

.banner-bottom2
{
border-top: 2px solid #ccc;
font-family: Tahoma;
font-size: 16px;
position: relative;
top:362px;
left:28px;
padding: 5px;
padding-left: 10px;

height:126px;
width: 210px;

background-color: #222;
color: #ddd;
opacity: 0.8;
z-index:2;
float: left;
}
.nazwa
{
font-size: 24px;
color: white;
padding-left: 2px;
}
.tekscik
{
padding-left: 2px;
}

div.menu
{

background-color: #a0a0a0;
border-right: 1px solid #444;

position: fixed;
top: 0px;
left: 0px;
height: 100%;
width:128px;

}

img.tab
{
border:0;
margin:0;
padding:0;
}

div.menu ul
{
list-style-type: none;

padding-top:16px;
margin:0;
}

div.menu ul li
{
z-index:0;

font-size: 16pt;
font-family: Segoe UI, Calibri, Verdana;
text-transform: lowercase;

padding-top: 8px;
padding-left: 24px;
padding-right: 24px;
padding-bottom: 0px;


display: block;
float: left;
}


div.menu a
{

background-image: url('pila-m.png'); 
display: block; 
height: 48px; 
width: 96px; 
background-repeat: no-repeat; 
padding-top: 24px; padding-left: 6px;

}

div.galeria
{

position: absolute;
top: 108px;
left: 64px;
width: 85%;
height: 55%;
z-index: 1;
}

div.galeria-mala
{
bottom: -32px;
width: 85%;
height: 14%;
z-index: 3;
position: absolute;
left: -236px;
}

img.gal-thumb
{
margin-top: 8px;
margin-right: 8px;

border: 1px solid gray;
background-color: #d0d0d0;
padding: 2px;
max-width: 95%;
margin-bottom: 0px;
}

img.gal-thumb-m
{
background-color: #d0d0d0;
padding: 1px;
border: 1px solid gray;
height: 32px;
margin-bottom: 0px;
margin-right: 4px;
margin-top: 0px;
}



div.photo-container
{

background-image: url('bariery4.png');
float: left;

margin-right: 24px;
text-align: center;

font-family: Corbel, Segoe UI, Tahoma;
}

div.photo-container img
{

border: 0px;

-moz-box-shadow: #444 0px 0px 2px 1px;
-webkit-box-shadow: #444 0px 0px 2px 1px;
box-shadow: #444 0px 0px 2px 1px;

height: 259px;
}

p.photo-desc
{
background-color: #333;
opacity: 1;
color: white;
border: none;
padding-bottom: 0px;
}

.text-bg
{
display: block;
height:239px;
width: 506px;
background-color:#2a282b;
padding: 10px;

color: #f0f0f0;
font-size: 10pt;
font-family: Tahoma, Segoe UI, Ubuntu, Calibri, Corbel, sans-serif;

-moz-box-shadow: #444 0px 0px 2px 1px;
-webkit-box-shadow: #444 0px 0px 2px 1px;
box-shadow: #444 0px 0px 2px 1px;
}

.images-block

{
position: absolute;
left: 540px;
top:0px;

height:239px;
width: 186px;
background-color:#2a282b;
padding: 10px;

color: #f0f0f0;
font-size: 10pt;
font-family: Tahoma, Segoe UI, Ubuntu, Calibri, Corbel, sans-serif;

-moz-box-shadow: #444 0px 0px 2px 1px;
-webkit-box-shadow: #444 0px 0px 2px 1px;
box-shadow: #444 0px 0px 2px 1px;
}

.image-charact
{
float:left;
height: 259px;
margin-right: 16px;
margin-bottom: 16px;
border: 0px;
}