* {
	margin: 0;
	padding: 0;
}

fieldset,
img {
	border: none;
}

p {
    
    margin: 0px 0px 10px 0px;
}

p.podpis {
    text-align: right;
    font-weight: bold;
}

    span {
    font-weight: bold;
    color: #bd586f;
}

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.75em;
        text-align: justify;
	color: #5e6976;
}

h1 {
	font-size: 1.6em;
	color: #8baec6;
	margin-bottom: 1em;
}

h2 {
	text-align: left;
	font-size: 1em;
	margin-left: 30px;
	margin-top: 20px;
	color: #8baec6;
}



a, a:visited {text-decoration: none;}	
a:link {color: #598fb3; border-bottom: 1px solid #598fb3;}
a:visited{color: #9cb5c5; border-bottom: 1px solid #9cb5c5;}
a:hover{color: #336383; border-bottom: 1px solid #336383;}

/*
=== listy ===
*/

#box1 ul {
    padding: 10px 0px 32px 40px;
}

#box1 ul li {
    font-weight: bold;
    margin: 0px 0px 5px 0px;
}

#box2 ul,
#box3 ul {
    padding: 0px 0px 0px 0px!important;
}

#box3 ul li,
#box2 ul li {
    position: relative;
    left: -29px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 30px;
    list-style-type: none;
}

li.nieb b {color: #009bff}
li.fiol b {color: #8300ff}
li.bron b {color: #d17a03}
li.ziel b {color: #abe600}
li.rozo b {color: #ff00b1}
li.zolt b {color: #d4b000}

li.nieb {background: #FFFFFF url(/images/nieb.gif) 12px 2px no-repeat}
li.fiol {background: #FFFFFF url(/images/fiol.gif) 12px 2px no-repeat}
li.bron {background: #FFFFFF url(/images/bron.gif) 12px 2px no-repeat}
li.ziel {background: #FFFFFF url(/images/ziel.gif) 12px 2px no-repeat}
li.rozo {background: #FFFFFF url(/images/rozo.gif) 12px 2px no-repeat}
li.zolt {background: #FFFFFF url(/images/zolt.gif) 12px 2px no-repeat}

/*
==== logowanie ====
*/

div#logowanie {
    width: 250px;
    margin: 60px auto 0px auto;
}

div#logowanie {
    text-align: right;
}

div#logowanie div{
    margin: 0px 0px 5px 0px;
}

div#header_left {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 164px;
    float: right;
    background: #FFFFFF url(/images/header_right.gif) 0px 0px repeat-x;  
    z-index: 0;
}

div#header_right {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 164px;
    background: #FFFFFF url(/images/header_left.gif) 0px 0px repeat-x;
    z-index: 0;

}

div#container {
    position: relative;
    width: 976px;
    margin: 0px auto;
}

div#header{
    width: 976px;
    height: 164px;
    background: #FFFFFF url(/images/header.gif) 0px 0px no-repeat;
}

div#header span{
    position: absolute;
    top: 100px;
    right: 50px;
}

div#header span a{
    border: none;
    font-weight: normal;
    color: #5e6976;
}

div#header span img{
    position: relative;
    top: 4px;
    left: 5px;
}

div#content {
    width: 900px;
    float: left;
    padding: 20px 36px 0px 40px;

}

div#box1 {
    float: left;
    width: 446px;
    background: #FFFFFF url(/images/box_bg.gif) 0px 0px repeat-y;
}

div#box1 .top {
    width: 446px;
    height: 40px;
    background: #FFFFFF url(/images/box_top.gif) 0px 0px no-repeat;
}

div#box1 .middle {
    padding: 20px 20px 0px 20px;    
}

div#box1 .bottom {
    width: 446px;
    height: 11px;
    background: #FFFFFF url(/images/box_bottom.gif) 0px 0px no-repeat;
}

div#box2,
div#box3 {
    float: right;
    width: 443px;
    margin: 0px 0px 10px 0px;
    background: #FFFFFF url(/images/box2_bg.gif) 0px 0px repeat-y;   
}


div#box2 .top {
    width: 443px;
    height: 26px;
    background: #FFFFFF url(/images/box2_top.gif) 0px 0px no-repeat;
}

div#box3 .top {
    width: 443px;
    height: 26px;
    background: #FFFFFF url(/images/box3_top.gif) 0px 0px no-repeat;
}

div#box2 .middle,
div#box3 .middle {
    padding: 15px 20px 0px 30px;
}

div#box2 .bottom,
div#box3 .bottom {
    width: 443px;
    height: 4px;
    background: #FFFFFF url(/images/box2_bottom.gif) 0px 0px no-repeat;
}

div#box2 div.skala,
div#box3 div.skala {
    padding: 8px 0px 0px 0px;
    border-top: 1px solid #d4d3d4;
}

div#table {
    width: 900px;
    margin: 20px auto 10px auto;
    background: #FFFFFF url(/images/table_bg.gif) 0px 0px repeat-y;
}

table{
    clear: both;
    width: 896px;
    margin: 0px 0px 0px 2px;
}

table td {
    text-align: center;
    padding: 15px 0px;
}

table td select {
    width: 35px;
}

td.td1,
td.td1_bottom,
td.td2,
td.td2_bottom,
td.td3,
td.td4,
td.td5,
td.td6,
td.td7,
td.td8{
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;    
}

td.td1{
    width: 225px;
    padding: 4px;
    background: #a299ab url(/images/arrow_down.gif) center 38px no-repeat;
}

td.td2{
    width: 222px;
    padding: 4px;
    background: #a299ab url(/images/arrow_down.gif) center 38px no-repeat;
    
}

td.td1_bottom{
    width: 225px;
    padding: 4px;
    background: #a299ab url(/images/arrow_up.gif) center 5px no-repeat;
}

td.td2_bottom{
    width: 222px;
    padding: 4px;
    background: #a299ab url(/images/arrow_up.gif) center 5px no-repeat;
    
}

td.td3{
    width: 50px;
    padding: 4px;
    background-color: #009bff;
}

td.td4{
    width: 45px;
    padding: 4px;
    background-color: #8300ff;
}

td.td5{
    width: 68px;
    padding: 4px;
    background-color: #d17a03;
}

td.td6{
    width: 60px;
    padding: 4px;
    background-color: #abe600;
}

td.td7{
    width: 55px;
    padding: 4px;
    background-color: #ff00b1;
}

td.td8{
    width: 68px;
    padding: 4px;
    background-color: #d4b000;
}



div.table_top{
    clear: both;
    width: 900px;
    height: 33px;
    background: #FFFFFF url(/images/table_top.gif) 0px 0px no-repeat;
}

div.table_bottom{
    width: 900px;
    height: 34px;
    background: #FFFFFF url(/images/table_bottom.gif) 0px 0px no-repeat;
}

div.submit {
    width: 900px;
    text-align: right;
    margin: 0px auto;
}

div#footer{
    position: relative;
    height: 56px;
    margin: 27px 0px 0px 0px;
}

div#footer img {
    position: absolute;
    left: 50%;
    margin: 0px 0px 0px -488px;
}

div#footer_left{
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 56px;
    background: #FFF url(/images/footer_right.gif) 0px 0px repeat-x;
}

div#footer_right{
    position: absolute;
    top:0px;
    left: 0px;
    width: 50%;
    height: 56px;
    background: #FFF url(/images/footer_left.gif) 0px 0px repeat-x;
}

div.footer_bottom{
	position: absolute!important;
	bottom: 0px;
	width: 100%;
}

input.submit{
    font-weight: bold;
    padding: 3px 5px;
    color: #FFFFFF;
    border: 1px solid #816D8A;
    background: #A299AB;
}

p.ankieta{
	padding: 30px 0px;
	text-align: center;
}

.clear {
    clear: both;
}