* {
    padding: 0;
    margin: 0;
}
html, body {
    height: 100%;
}
form{    
    height: 100%;
    width: 100%;    
}
#wrapper {
    width: 100%;
    min-height: 100%;   
    margin: 0 auto -107px;
}
#header {
    display: block;
    position: relative;
    height: 200px;
    padding: 10px 10px 0px 300px;    
    margin: 0px 5px 10px;
    position: relative;
    z-index: 2;    
    color: #FFF;
    background-color: #FFF;
}
.header-screenshot{
    display: block;
    width: 290px;
    height: 240px;
    background: transparent url('../../Grafika/skos-screenshot.jpg') scroll no-repeat 0 0;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: -1;
    opacity: .7;
}
.header-napis{
    display: block;
    width: 410px;
    height: 120px;
    background: transparent url('../../Grafika/skos-napis.png') scroll no-repeat 0 0;
    position: absolute;
    top: 5px;
    left: 265px;
    z-index: -1;
}
.menu{
    position: absolute;
    right: 0;
    bottom: 25px;
    width: 700px;
    padding: 5px 10px 0;
    border-bottom: solid #F06 2px;
}
.button-mail{
    display: block;
    height: 30px;
    position: absolute;
    z-index: 100;
    top: 10px;
    right: 10px;
    border: none;
}
.button-tel{
    display: block;
    height: 30px;
    position: absolute;
    z-index: 100;
    top: 40px;
    right: 10px;
    border: none;
}
.button-bmk{
    display: block;
    height: 30px;
    position: absolute;
    z-index: 100;
    top: 70px;
    right: 10px;
    border: none;
}
.button-mail div, .button-tel div, .button-bmk div{
    display: block;    
    height: 25px;
    float: left;
}
.button-head{
    width: 6px;
    background: white url('../../Grafika/Common/button3.png') scroll no-repeat 0 0;
}
.button-tail{
    width: 6px;
    background: white url('../../Grafika/Common/button3.png') scroll no-repeat 0 -56px;
}
.button-body{
    width: 168px;
    background: white url('../../Grafika/Common/button3.png') scroll repeat-x 0 -28px;
}
.button-bmk .button-head{
    width: 6px;
    background: white url('../../Grafika/Common/button3.png') scroll no-repeat 0 0;
}
.button-bmk .button-tail{
    width: 6px;
    background: white url('../../Grafika/Common/button3.png') scroll no-repeat 0 -56px;
}
.button-bmk .button-body{
    width: 168px;
    background: white url('../../Grafika/Common/button3.png') scroll repeat-x 0 -28px;
}
.button-mail * a, .button-tel * a, .button-bmk * a{
    display: block;
    text-decoration: none;
    text-indent: 0;
    color: #000;
    font: normal normal 900 8pt/2em Verdana;
    padding: 0 3px 0 25px;
    height: 25px;
    width: 140px;
    margin: 0 auto;
    text-align: right;
    opacity: .7;
}
.button-mail * a:hover, .button-tel * a:hover, .button-bmk * a:hover{
    opacity: 1;
}
.button-mail * a{
    background: transparent url('../../Grafika/Icons/button22.gif') scroll no-repeat left top;
}
.button-tel * a{
    background: transparent url('../../Grafika/Icons/button22.gif') scroll no-repeat left -24px;
}
.button-bmk * a{
    background: transparent url('../../Grafika/Common/button-bmk.gif') scroll no-repeat left top;
    width: 84px;
}

#content {
    height: auto;
    margin: 0 auto;
    width: 100%;    
}
.content-body{
    display: block;
    position: relative;
    z-index: 10;
    width: 100%;    
    height: auto;    
    margin: .1em auto 0em;
}
.push{
    height: 107px;
    width: 100%;
    clear: both;
    padding: .5em 0 0 0;
}
#footer{
    display: block;
    width: 100%;
    background-color: #FFF;    
    font: normal normal 200 11px/22px Helvetica;
    padding: 5px 0;
    height: 97px;
    border-top: dotted #F06 1px;
}
.validate-xhtml{
    display: block;	
    width: 80px;
    height: 15px;
    padding: 0 !important;
    background: white url('../../Grafika/Icons/footerico.gif') scroll no-repeat left 0px;
}
.getfirefox{
	display: block;	
    width: 80px;
    height: 15px;
    padding: 0 !important;
    background: white url('../../Grafika/Icons/footerico.gif') scroll no-repeat left -18px;
}
.getfirebug{
	display: block;	
    width: 80px;
    height: 15px;
    padding: 0 !important;
    background: white url('../../Grafika/Icons/footerico.gif') scroll no-repeat left -36px;
}
.hcard{
	display: block;	
    width: 80px;
    height: 15px;
    padding: 0 !important;
    background: white url('../../Grafika/Icons/footerico.gif') scroll no-repeat left -54px;
}
ul.tail{
    border: none !important;
}

/*
 * Divider
 */
.divider{
    display: block;
    clear: both;
    background-color: Transparent;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 1em; 
}