* {
margin:0;
padding:0;
}

.auraltext {
display: block;
position: absolute;
height: 1px;
width: 1px;
left: -5000px;
overflow: hidden;
}


html, body {
color:black;
font-family:Arial,verdana,sans-serif;
font-size:92%;      
background:#d6d6d6;
font-size:13px;
}

#skiper {
position:absolute;
left:-3000px;
top:10px;
color:white;
display:block;
padding:0.5em;
background-color: #00AEF0;
font-weight:bold;
text-decoration:none;
}

#skiper:focus,
#skiper:active,
#skiper.fokus {
left:50px;
top:150px;
}


#container {
margin: 0 auto;
width:960px;
height:auto;
position:relative;
}


#header {
height:365px;
background:url(/gfx/index.jpg) no-repeat bottom left #d6d6d6;
}

#header img {
border:0;
}

#logo {
width:288px;
height:89px;
position:absolute;
display:block;
color:white;
font-size:100%;
text-align:center;
text-decoration:none;
}


#logo img {
border:0;
}


#lang {
width:70px;
height:25px;
position:absolute;
right:30px;
}

#lang a {
padding:5px;
color:black;
background-color:white;
text-decoration:none;
font-size:11px;
}

#lang a:hover,
#lang a:focus,
#lang a:active {
background-color:#BDBDBD;
}

#header li {
list-style:none;
}



#topMenu {
width:300px;
height:23px;
position:absolute;
top:66px;
right:20px;
}

#topMenu li {
display:inline;
}

#topMenu a {
font-weight:bold;
font-size:11px;
color:black;
text-align:center;
}

#topMenu a:hover,
#topMenu a:focus,
#topMenu a:active {
background-position:bottom left;
}


#tm1 {
width:77px;
height:23px;
position:absolute;
background-image:url(/gfx/o_firmie_tm.gif);
z-index:30;
}

#tm2 {
width:77px;
height:23px;
position:absolute;
background-image:url(/gfx/produkty_tm.gif);
left:67px;
z-index:20;
}

#tm3 {
width:88px;
height:23px;
position:absolute;
background-image:url(/gfx/referencje_tm.gif);
left:135px;
z-index:10;
}

#tm4 {
width:77px;
height:23px;
position:absolute;
background-image:url(/gfx/kontakt_tm.gif);
left:212px;
}


.content {
background:url(/gfx/content-bg.gif) repeat-y;
}


#leftside {
width:288px;
height:auto;
float:left; 
}

#leftside p {
padding:0 0 0 10px;
}

#leftside h2 {
background-color:#7a7a7a;
padding:8px 10px 7px 10px;
color:white;
text-transform:uppercase;
font-size:14px;
margin-bottom:10px;
}

#leftside ul li {
display:block;

}

#leftside ul li a {
display:block;
color:#515151;
text-decoration:none;
padding:5px 0px 5px 10px;
background:url(/gfx/li.gif) no-repeat 0 50%;
}

#leftside ul li ul {
padding-left:15px;
}

#leftside ul li ul li a {
text-decoration:underline;
}


#leftside a.chower,
#leftside a:hover,
#leftside a:focus,
#leftside a:active {
color:black;
background-color:#f4f4f4;
}


#innerdiv {
width:672px;
height:auto;
float:right;

}




#footer {
width:100%;
color:#cbcbcb;
margin-bottom:10px;
font-weight:bold;
}

#footerCenter {
width:960px;
background:url(/gfx/footer.png) repeat-y top left #7a7a7a;
margin:0 auto;

}

#footer p {
padding:5px 5px;
text-align:right;
}

/* --- kategoria ---*/
.shortdiv {
border:solid #D6D6D6 1px;
margin:0px 0px 20px 0px;
padding:5px;
}

.shortdiv h3 a {
background-color:#888888;
display:block;
color:white;
font-weight:bold;
text-decoration:none;
padding:5px;
}

.shortdiv h3 a:hover,
.shortdiv h3 a:focus,
.shortdiv h3 a:active {
text-decoration:underline;
background-color:#7A7A7A;
color:white;
}

.thumb-ico {
padding:5px;
border:0;
}



/*--- galeria ---*/
.galeria img {
border:0;
margin:5px;
padding:10px;
}

.galeria a img {
background-color:white;
border:solid #6f6f6f 1px;
}


.galeria a:hover img,
.galeria a:focus img,
.galeria a:active img {
border:solid #85CAF6 1px;
}

/* clearfix: auto-clear */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*