body {
background-image: url(../gfx/grunge-bg04.jpg);
background-repeat: repeat-x;
font-family: Arial;
font-size: 11px;
color: rgb(255,255,255);
background-color: rgb(237,237,237);
padding: 0px;
margin: 0px;
}
#container {
width: 850px;
height: 100%;
display: block;
margin: 0px auto;
padding-top: 20px;
background-image: url(../gfx/grunge-grey-bg.gif);
background-repeat: repeat-x;
background-color: rgb(237,237,237);
border-left: 0px solid rgb(0,0,0);
border-right: 0px solid rgb(0,0,0);
padding-bottom: 10px;
}
p {
font-size: 12px;
margin: 5px;
padding: 0px;
text-align: justify;
}   
h1 {
font-size: 17px;
margin: 5px;
}
h2 {
font-size: 16px;
margin: 5px;
}
h3 {
font-size: 15px;
margin: 5px;
}

div.logo {
width: 828px;
clear: both;
text-align: left;
padding: 10px; 
}
div.logo h1 { margin: 0; padding: 0; }

div.menu {
width: 300px;
margin-left: 10px;
margin-top: 10px;
padding-top: 36px;
height: 216px;
float: left;
display: block;
background-image: url(../gfx/bg-menu-left.gif);
background-repeat: repeat;
}

ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul li {
margin: 0px;
margin-left: 10px;
margin-bottom: 0px;
margin-top: 0px;
margin-right: 10px;
border-bottom: 1px dotted rgb(150,98,48);
}
ul li.no-border {
margin: 0px;
margin-left: 10px;
margin-bottom: 1px;
margin-right: 10px;
border-bottom: 0px dotted rgb(150,98,48);
}

ul li.arrow {
border: none;
font-size: 13px;
padding-left: 20px;
margin: 5px;
margin-left: 10px;
background-image: url(../gfx/li-arrow.gif);
background-repeat: no-repeat;

}
ul li.arrow-cont {
border: none;
font-size: 13px;
padding-left: 20px;
margin: 7px;
margin-left: 10px;
background-image: url(../gfx/li-arrow.gif);
background-repeat: no-repeat;
}
ul a {
padding-top: 8px;
height: 25px;
padding-left: 35px;
margin-left: 0px;
margin-top: 0px;
display: block;
width: 245px;
font-size: 15px;
font-weight: bold;
font-family: Verdana;
color: #000;
border-bottom: ;
background-image: url(../gfx/menu-left-a.gif);
background-repeat: no-repeat;
text-decoration: none;
}
ul a:hover {
background-image: url(../gfx/menu-left-a-hover.gif);
background-repeat: no-repeat;
border: none;
text-decoration: none;
padding-left: 50px;
width: 230px;
}

div.slajder {
width: 528px;
height: 252px;
margin-right: 10px;
float: left;
display: block;
background: ;
overflow: hidden;
margin-top: 10px;
}

#slideshow {
    position:relative;
    height:252px;
    overflow: hidden;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}   
#content {
width: 808px;
padding: 10px;
display: block;
clear: both;
background-image: url(../gfx/content-bg.gif);
background-repeat: repeat-x;
background-color: rgb(32,32,32);
margin-left: 10px;
}  

.content-left {
float: left;
display: block;
width: 590px;
padding: 10px;
padding-right: 0px;
border: none;}

.content-right {
display: block;
float: right;
width: 200px;
padding: 0px;
margin-top: 10px;
border: none;
}

.content-right-top {
display: block;
width: 190px;
height: 222px;
padding-top: 55px;
padding-left: 0px;
padding-right: 10px;
background-image: url(../images/promocje.gif);
background-repeat: no-repeat;
overflow: hidden;
}  
ul a.promo {
font-weight: bold;
text-decoration: none;
color: #fff;
font-size: 12px;
background: none;
width: 150px;
height: auto;
padding: 0px;
margin: 0px;
}
ul a.promo:hover {
font-weight: bold;
text-decoration: none;
color: #ff0;
height: auto;
font-size: 12px;
background: none;
width: 150px;
padding: 0px;
margin: 0px;
}
ul a.promo-long {
font-weight: bold;
text-decoration: none;
color: #fff;
font-size: 12px;
background: none;
width: 300px;
height: auto;
padding: 0px;
margin: 0px;
}
ul a.promo-long:hover {
font-weight: bold;
text-decoration: none;
color: #ff0;
height: auto;
font-size: 12px;
background: none;
width: 300px;
padding: 0px;
margin: 0px;
}
.content-right-mid {
display: block;
width: 200px;
padding-top: 55px;
height: 199px;
background-image: url(../images/dojzad.gif);
background-repeat: no-repeat;
overflow: hidden;
}
.content-right-bottom {
display: block;
width: 200px;
height: 205px;
background-image: url(../images/partnerzy.gif);
background-repeat: no-repeat;
overflow: hidden;
}
.content-bottom {
width: 828px;
height: 20px;
display: block;
clear: both;
background-image: url(../gfx/content-bottom-bg.gif);
margin-left: 10px;
background-repeat: no-repeat;
}
.stopka {
width: 828px;
height: auto;
display: block;
clear: both;
text-align: right;
margin-left: 10px;
padding-top: 10px;
color: #000;
}
.stopka a {
color: rgb(0,0,0);
text-decoration: underline;
padding-left: 5px; padding-right: 5px;
font-size: 11px;
font-weight: bold;
}
input.form {
width: 250px;
}

#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}

#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}

#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}
ul ul li { border: none; }