html, body {
    margin      : 0;
    padding     : 0;
    width       : 100%;
    height      : 100%;
    font-family : Arial, sans-serif;
    color       : #626262;
}

div#wrapper {
    height     : auto !important;
    min-height : 100%;
    height     : 100%;
    position   : relative;
    min-width  : 980px;
}

h1 {
    color       : #2769c9;
    font-size   : 30px;
    font-family : "Myriad Pro", Arial, sans-serif;
    overflow    : hidden;
    font-weight : normal;
    line-height : 47px;
}

h2 {
    color       : #2769c9;
    font-size   : 20px;
    font-family : "Myriad Pro", Arial, sans-serif;
    font-weight : normal;
    margin      : 0 0 10px;
    /*line-height : 47px;*/
}

span#circle {
    color         : white;
    text-align    : center;
    line-height   : 48px;
    width         : 48px;
    height        : 48px;
    background    : #2769c9;
    font-weight   : bold;
    font-size     : 32px;
    font-family   : Arial, sans-serif;
    display       : block;
    float         : left;
    border-radius : 28px;
    margin-right  : 15px;
}

div#header {
    height     : 98px;
    width      : 100%;
    background : #2769c9 url(../img/header_bg.jpg) no-repeat top right;
    position   : relative;
}

div#header > div {
    background : transparent url(../img/header_add.png) repeat-x top right;
    display    : block;
    width      : 100%;
    height     : 15px;
    position   : absolute;
    bottom     : 0px;
}

#back {
    display : none;
    float   : right;
}

div#body {
    overflow       : visible;
    padding-bottom : 240px;
    width          : 98%;
    margin         : 0 auto;
}

div#body > div {
    display : none;
}

div#footer {
    height     : 40px;
    width      : 100%;
    position   : absolute;
    bottom     : 215px;
    background : #2a72cd;
    box-shadow : 0 2px 4px #303030 inset;
}

div#body table {
    width  : 700px;
    margin : 15px auto;
    border : none;
}

#tabs {
    width          : 100px;
    vertical-align : top;
}

#tabs span {
    display      : block;
    color        : #9f9c9c;
    border       : 1px solid #e2e2e2;
    height       : 36px;
    font-family  : Arial, sans-serif;
    font-weight  : bold;
    line-height  : 36px;
    padding-left : 15px;
    background   : #ebebeb url(../img/ok_gray.png) no-repeat 44px center;
    cursor       : pointer;
}

#tabs span.done {
    background-image : url(../img/ok.png);
}

#tabs span.active {
    background : #78d022;
    color      : white;
}

.content {
    box-shadow : 0 0 8px #BFBFBF;
    padding    : 20px;
}

ul {
    margin      : 0 0 10px;
    padding     : 0;
    list-style  : none;
    line-height : 32px;
    color       : #555555;
}

ul li {
    color       : #888888;
    line-height : 24px;
    margin-left : 20px;
}

ul li.active {
    color : #555555;
}

div#select,
div#score {
    width    : 600px;
    margin   : 20px auto;
    position : relative;
}

span.button-green {
    background  : transparent url(../img/button_green.png) no-repeat top right;
    width       : 236px;
    height      : 61px;
    display     : block;
    cursor      : pointer;
    line-height : 61px;
    text-align  : center;
    color       : #fff;
    font-size   : 18px;
    margin      : 0 auto;
}

#select ul {
    margin : 30px 0;
}

#select ul li {
    line-height : 32px;
    color       : #555555;
}

#select ul li label {
    margin-left : 5px;
}

#score p {
    line-height : 20px;
}

#logo_eu {
    text-align : center;
    position   : absolute;
    bottom     : 0px;
    width      : 100%;
}

#random {
    display      : none;
    float        : right;
    margin-right : 10px;
}

div#header h1 {
    color       : white;
    margin      : 0 1em;
    line-height : 88px;
    text-shadow : 2px 2px 4px #202020;
}

#stopka-eu {
    height: 215px;
    background-image: url(../img/stopka_eu_bg.jpg);
    background-repeat: repeat-x;
}

#stopka-eu div {
    height: 215px;
    background-image: url(../img/stopka_eu.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}