* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background: #fdfeff url('images/b_body.png') 0 0  repeat-x;
    color: #FFF;
    font-family: arial;
    font-size: 12px;
}

a {
    text-decoration: none;
}

#top {
    background: url('images/b_top.jpg') center 0  no-repeat;
}

#cTop {
    width: 984px;
    margin: 0 auto;
    overflow: hidden;
}

#header {
    overflow: hidden;
}

#logo {
    width: 289px;
    height: 33px;
    margin: 40px 0 30px;
    background: url('images/b_logo.png') 0 0 no-repeat;
    display: block;
    float: left;
}

#header p {
    position: relative;
    top: 25px;
    left: 90px;
    color: #315d74;
    font-size: 15px;
    float: right;
}

#panel {
    margin-top: 50px;
    overflow: hidden;
    float: right;
}

#panel ul {
    list-style: none;
    overflow: hidden;
}

#panel li {
    margin-left: 5px;
    float: left;
}

#panel li.i1, #panel li.i2 {
    width: 154px;
    height: 24px;
    background: url('images/b_input.png') 0 0 no-repeat;
}

#panel li.i1 input, #panel li.i2 input {
    width: 144px;
    margin: 4px 5px 0;
    background: none;
    color: #5b5b60;
}

#panel li.i2 input {
    width: 85px;
}

#panel li.i3 {
    margin: -1px 0 0 -60px;
}

#search {
    width: 265px;
    height: 29px;
    margin: 46px 0 0 20px;
    padding: 5px 0 0 7px;
    background: url('images/b_search.png') 0 0 no-repeat;
    overflow: hidden;
    float: right;
}

#search label {
    margin: 0 10px;
    position: relative;
    top: 3px;
    font-size: 15px;
    color: #315d74;
}

#search ul {
    list-style: none;
    overflow: hidden;
}

#search li {
    float: left;
}

#search li.i2 {
    width: 154px;
    height: 24px;
    background: url('images/b_input1.png') 0 0 no-repeat;
}

#search li.i2 input {
    width: 97px;
    margin: 4px 5px 0 22px;
    background: none;
    color: #5b5b60;
}

#search li.i3 input {
    width: 29px;
    height: 24px;
    margin: 0 0 0 -29px;
    background: url('images/b_submit.png') 0 0 no-repeat;
    cursor: pointer;
}

a.button {
    overflow: hidden;
}

a.button span.l, a.button span.r {
    width: 5px;
    height: 26px;
    background: url('images/b2.png') 0 0 no-repeat;
    display: block;
    float: left;
}
span.button span.l, span.button span.r {
    width: 5px;
    height: 26px;
    background: url('images/b2.png') 0 0 no-repeat;
    display: block;
    float: left;
}
a.button span.c {
    height: 22px;
    padding: 4px 5px 0;
    background: url('images/b2.png') 0 -26px repeat-x;
    font-size: 13px;
    color: #FFF;
    display: block;
    float: left;
    cursor: pointer;
}

a.button span.c1 {
    height: 22px;
    padding: 4px 5px 0;
    background: url('images/b2.png') 0 -26px repeat-x;
    font-size: 13px;
    color: #000;
    display: block;
    float: left;
    cursor: pointer;
}

a.button span.r {
    background: url('images/b2.png') 0 -52px no-repeat;
}
span.button span.c {
    height: 22px;
    padding: 4px 5px 0;
    background: url('images/b2.png') 0 -26px repeat-x;
    font-size: 13px;
    color: #FFF;
    display: block;
    float: left;
    cursor: pointer;
}

span.button span.c1 {
    height: 22px;
    padding: 4px 5px 0;
    background: url('images/b2.png') 0 -26px repeat-x;
    font-size: 13px;
    color: #000;
    display: block;
    float: left;
    cursor: pointer;
}

span.button span.r {
    background: url('images/b2.png') 0 -52px no-repeat;
}

a.e {
    display: block;
    padding: 10px 0 0;
    float: right;
}

a.button .e {
    color: #000;
    display: block;
    padding: 10px 0 0;
    float: right;
}
span.e {
    color: #000;
    display: block;
    padding: 10px 0 0;
    float: right;
}
#menu {
    width: 984px;
    height: 48px;
    background: url('images/b_menu.png') 0 0 no-repeat;
    overflow: hidden;
}

#menu ul {
    margin: 15px 0 0 80px;
    list-style: none;
    float: left;
}

#menu li {
    padding: 0 10px;
    background: url('images/b_menu_sep.png') 0 center no-repeat;
    float: left;
}

#menu li a {
    color: #FFF;
    font-size: 16px;
}

#menu li.i1 {
    background: none;
}

#slideshow {
    width: 984px;
    height: 258px;
    margin: 5px 0;
    background: url('images/b_slideshow.jpg') 0 0 no-repeat;
    position: relative;
}

#slideshow p.p1 {
    width: 642px;
    margin-left: 1px;
    padding: 10px 20px 5px;
    background: url('images/b_slideshow_p.png') 0 0 repeat;
    color: #FFF;
    float: left;
    text-align: justify;
    position: absolute;
    bottom: 12px;
}

#slideshow .rSlideshow {
    width: 241px;
    padding: 0 30px;
    float: right;
    margin-top: 20px;
}

#logo3 {
    height: 38px;
    margin: 0 auto;
    padding: 0 0 10px;
    background: url('images/b_rSlideshow_a.png') center 0 no-repeat;
    border-bottom: 1px solid #3395c3;
    display: block;
}

#slideshow p.p2 {
    padding: 10px 0;
    color: #FFF;
    border-bottom: 1px solid #0f83ba;
    border-top: 1px solid #58bbe9;
    text-align: justify;
}

#content {
    width: 984px;
    margin: 0 auto;
    overflow: hidden;
}

#left {
    width: 677px;
    float: left;
}

/*---AKTUALNOCI---*/
#news {
}

#news h1,  #contact h1, #contact h2, #list h1 {
    width: 677px;
    height: 34px;
    background: url('images/b_left_h1.png') 0 0 no-repeat;
}

#news h1 span.s1,  #contact h1 span.s1, #contact h2 span.s1, #list h1 span.s1 {
    padding: 8px 0 0 40px;
    color: #315d74;
    font-size: 15px;
    font-weight: normal;
    float: left;
}

#news h1 span.s2,  #contact h1 span.s2, #contact h2 span.s2, #list h1 span.s3 {
    padding: 10px 20px 0 0;
    color: #315d74;
    font-size: 12px;
    font-weight: normal;
    float: right;
}

#news h1 span.s2 a,  #contact h1 span.s2 span, #contact h2 span.s2 span, #list h1 span.s3 {
    color: #0a96d8;
}

#list h1 ul {
    margin-top: -3px;
    list-style: none;
    overflow: hidden;
    float: right;
}

#list h1 li {
    padding: 0 10px;
    background: url('images/b_left_h1_sep.png') 0 center no-repeat;
    float: left;
}

#list h1 li.i1 {
    background: none;
}

#list h1 a {
    overflow: hidden;
}

#list h1 span {
    height: 20px;
    display: block;
    float: left;
}

#list h1 span.l, #list h1 span.r {
    width: 5px;
}

#list h1 span.c {
    height: 18px;
    padding: 2px 5px 0;
    color: #5b5b60;
    font-size: 12px;
}

#list h1 li.active span.l {
    background: url('images/b4.png') 0 0 no-repeat;
}

#list h1 li.active span.c {
    background: url('images/b4.png') 0 -20px repeat-x;
    color: #FFF;
}

#list h1 li.active span.r {
    background: url('images/b4.png') 0 -40px no-repeat;
}

#news .cNews, #contact .cContact, #list .cList {
    width: 645px;
    padding: 15px 15px 5px;
    background: #fefefe url('images/b_left_c.png') 0 bottom repeat-x;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    overflow: hidden;
}

#news .cNews img {
    padding: 0 10px 10px 0;
    float: left;
}

#news .cNews p {
    color: #5b5b60;
}

#news .bNews,  #contact .bContact,  #list .bList {
    width: 677px;
    height: 10px;
    background: url('images/b_left_b.png') 0 0 no-repeat;
    display: block;
    overflow: hidden;
}

/*---KONTAKT---*/
#contact {
}

#contact h2 {
    margin-left: -15px;
    background: url('images/b_left_h2.png') 0 0 no-repeat;
}

#contact .cContact h3 {
    padding: 10px 0 10px 360px;
    color: #000;
    font-size: 21px;
    font-weight: normal;
}

#contact .cContact p.p1 {
    padding: 0 0 10px 360px;
    min-height: 226px;
    background: url('images/b_contact.png') 0 bottom no-repeat;
    color: #5b5b60;
}

#form {
    width: 615px;
    margin: 10px auto 0;
}

#form .lform ul, #form .rform ul {
    width: 299px;
    list-style: none;
    float: left;
}

#form .lform li, #form .rform li {
    margin-bottom: 5px;
}

#form .lform li.i1, #form .lform li.i3 , #form .lform li.i5, #form .lform li.i7, #form .rform li.i9 {
    color: #466068;
}

#form .lform li.i2, #form .lform li.i4, #form .lform li.i6, #form .lform li.i8 {
    width: 299px;
    height: 24px;
    background: url('images/b_input2.png') 0 0 no-repeat;
}
li.radio { 


}
#form .lform li.i2 input, #form .lform li.i4 input, #form .lform li.i6 input, #form .lform li.i8 input {
    width: 289px;
    margin: 4px 5px 0;
    background: none;
    color: #466068;
    font-size: 12px;
}

#form .rform ul {
    width: 302px;
    margin-left: 14px;
}

#form .rform li.i10 {
    width: 302px;
    height: 94px;
    background: url('images/b_textarea.png') 0 0 no-repeat;
}

#form .rform li.i10 textarea {
    width: 292px;
    height: 84px;
    margin: 5px;
    background: none;
    color: #9A9A9A;
    font-family: arial;
    font-style: italic;
    font-size: 12px;
}

#form .rform p.p2 {
    margin: 10px 0;
    overflow: hidden;
}

#form .rform p.p2 * {
    float: left;
}

#form .rform p.p2 span {
    margin-left: 20px;
    margin-top: -15px;
    color: #5b5b60;
}

a.button1 {
    overflow: hidden;
}

a.button1 span.l, a.button1 span.r {
    width: 5px;
    height: 34px;
    background: url('images/b3.png') 0 0 no-repeat;
    display: block;
    float: left;
}

a.button1 span.c {
    height: 28px;
    padding: 6px 10px 0;
    background: url('images/b3.png') 0 -34px repeat-x;
    font-size: 16px;
    color: #FFF;
    display: block;
    float: left;
    cursor: pointer;
}

a.button1 span.r {
    background: url('images/b3.png') 0 -68px no-repeat;
}

a.e1 {
    display: block;
    float: right;
}

a.e2 {
    display: block;
    padding: 10px 0 0 75px;
    border-top: 1px solid #34a9e0;
}

/*---LISTA PUZZLI---*/
#list {
}

#box {
    overflow: hidden;
    margin: 0 15px 0px;

}

#box .lBox {
    width: 153px;
    float: left;
}

#box .lBox h2 {
    padding: 5px 0 0;
    color: #315d74;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}


#box .lBox span {
    padding: 2px 0;
    display: block;
    color: #5b5b60;
    text-align: center;
}

#box .lBox span a {
    color: #fda201;
	font-weight:bold;
}

#box .lBox span.s2 {
    text-align: right;
    color: #5b5b60;
}

#box .lBox ul {
    list-style: none;
    margin: 1px 20px 0 5px;
    float: right;
}

#box .lBox li.a {
    width: 13px;
    height: 12px;
    background: url('images/b6.png') 0 0 no-repeat;
    float: left;
}

#box .lBox li.b {
    width: 13px;
    height: 12px;
    background: url('images/b6.png') 0 -12px no-repeat;
    float: left;
}

#box .rBox {
    float: right;
    margin-top: 15px;
}

#box .rBox table {
    width: 436px;
    border-collapse: collapse;
}

#box .rBox thead {
    width: 436px;
    height: 32px;
    background: url('images/b_thead.png') 0 0 no-repeat;
    overflow: hidden;
}

#box .rBox thead td h2 {
    padding: 0 0 0 40px;
    width: 178px;
    color: #FFF;
    float: left;
    font-size: 15px;
    font-weight: normal;
}

#box .rBox tbody  td {
}

#box .rBox tbody  td {
    padding: 5px 10px;
    color: #5b5b60;
    text-align: left;
    border-bottom: 1px solid #f2f2f2;
}

#box .rBox tbody td span {
    padding: 0 10px;
    color: #991b1e;
}

#box .rBox tbody tr {
    background: #f3f3f3;
}

#box .rBox tbody tr.odd {
    background: #eaeaea;
}

/*---PUZZLE---*/
#game {

    width: 977px;
    margin: 0 auto 50px;
    overflow: hidden;
}

#game h1 {
    width: 947px;
    height: 26px;
    background: url('images/b_game_h1.png') 0 0 no-repeat;
    padding: 8px 0 0 40px;
    color: #315d74;
    font-size: 15px;
    font-weight: normal;
    float: left;
}

#cGamee {
    margin-top: 34px;
    width: 947px;
    padding: 15px 15px 5px;
    background: #FFF;
}

#gPanel {
    overflow: hidden;
    margin: 0 0 10px;
}

#gPanel .lGame {
    width: 700px;
    margin-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d9d9d9;
    float: left;
}

#gPanel .lGame span.s3 {
    padding: 10px 20px 0 0;
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
}

#gPanel .lGame h2 span.s3 {
    color: #659702;
}

#gPanel .lGame h2 span.s3 span {
    color: #5b5b60;
}

#gPanel .lGame h2 ul {
    margin-top: -5px;
    list-style: none;
    overflow: hidden;
    float: right;
}

#gPanel .lGame h2 li {
    padding: 0 5px;
    float: left;
}

#gPanel .lGame h2 a {
    overflow: hidden;
}

#gPanel .lGame h2 span {
    height: 24px;
    display: block;
    float: left;
}

#gPanel .lGame h2 span.l, #gPanel .lGame h2 span.r {
    width: 5px;
}

#gPanel .lGame h2 span.c {
    height: 20px;
    padding: 4px 10px 0;
    color: #5b5b60;
    font-size: 12px;
}

#gPanel .lGame h2 li.active span.l {
    background: url('images/b8.png') 0 0 no-repeat;
}

#gPanel .lGame h2 li.active span.c {
    background: url('images/b8.png') 0 -24px repeat-x;
    color: #FFF;
}

#gPanel .lGame h2 li.active span.r {
    background: url('images/b8.png') 0 -48px no-repeat;
}

#gPanel .lGame h2 li.active1 span.l {
    background: url('images/b7.png') 0 0 no-repeat;
}

#gPanel .lGame h2 li.active1 span.c {
    background: url('images/b7.png') 0 -24px repeat-x;
    color: #FFF;
}

#gPanel .lGame h2 li.active1 span.r {
    background: url('images/b7.png') 0 -48px no-repeat;
}

#bGame {
}

#bGame ul {
    width: 700px;
    padding-top: 10px;
    border-top: 1px solid #d9d9d9;
    list-style: none;
    overflow: hidden;
    display: block;
}

#bGame li {
    padding: 0 5px;
    float: left;
}

#bGame a {
    overflow: hidden;
}

#bGame span {
    height: 25px;
    display: block;
    float: left;
}

#bGame span.l, #bGame span.r {
    width: 5px;
}

#bGame span.c {
    height: 20px;
    padding: 5px 50px 0;
    color: #5b5b60;
    font-size: 12px;
}

#bGame li.active span.l {
    background: url('images/b9.png') 0 0 no-repeat;
}

#bGame li.active span.c {
    background: url('images/b9.png') 0 -25px repeat-x;
    color: #FFF;
}

#bGame li.active span.r {
    background: url('images/b9.png') 0 -50px no-repeat;
}

#bGame li.active1 span.l {
    background: url('images/b10.png') 0 0 no-repeat;
}

#bGame li.active1 span.c {
    background: url('images/b10.png') 0 -25px repeat-x;
    color: #FFF;
}

#bGame li.active1 span.r {
    background: url('images/b10.png') 0 -50px no-repeat;
}

#bGame p {
    width: 680px;
    padding: 10px;
    color: #5b5b60;
}

#bGame table {
    width: 934px;
    margin: 10px auto;
    border-collapse: collapse;
}

#bGame thead {
    width: 934px;
    height: 32px;
    background: url('images/b_bGame_thead.png') 0 0 no-repeat;
    overflow: hidden;
}

#bGame thead td h2 {
    padding: 0 0 0 20px;
    color: #FFF;
    float: left;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
}

#bGame tbody  td {
    padding: 5px 25px;
    color: #5b5b60;
    text-align: left;
}

#bGame tbody tr {
    background: #f3f3f3;
}

#bGame tbody tr.odd {
    background: #eaeaea;
}

#gPanel .rGame {
    width: 203px;
    float: right;
    color: red;
}

#gPanel .rGame p {
    padding: 5px 10px;
    color: #315d74;
    font-size: 15px;
}

#cGamee .game {
    width: 847px;
    height: 500px;
    margin: 0 auto;
}

#game .bGamee {
    width: 977px;
    height: 10px;
    background: url('images/b_game_b.png') 0 0 no-repeat;
    display: block;
    overflow: hidden;
}

#right {
    width: 295px;
    float: right;
}

#puzzle h1, #rank h1 {
    width: 295px;
    height: 24px;
    padding: 8px 0 0 40px;
    background: url('images/b_right_h1.png') 0 0 no-repeat;
    font-size: 12px;
    font-weight: normal;
}

#puzzle {
    margin-bottom: 10px;
}

#puzzle ul {
    padding: 10px 0 5px 10px;
    background: #FFF url('images/b_puzzle.png') 0 bottom repeat-x;
    list-style: none;
    overflow: hidden;
}

#puzzle li {
    width: 84px;
    margin: 4px;
    overflow: hidden;
    float: left;
}

#puzzle  p span.s1,#puzzle  p span.s2,#puzzle  p span.s3 {
    display: block;
}

#puzzle  p span.s1 {
    color: #0a96d8;
}

#puzzle p span.s2 {
    color: #fe8f02;
}

#puzzle  p span.s3 {
    color: #5b5b60;
}

#puzzle li p span.b {
    width: 84px;
    height: 84px;
    background: url('images/l1.jpg') 0 0 no-repeat;
    float: left;
    display: block;
}

#puzzleli.i1 p span.b {
    width: 84px;
    height: 84px;
    background: url('images/l1.jpg') 0 0 no-repeat;
    float: left;
    display: block;
}

#puzzle li.i2 p span.b {
    width: 84px;
    height: 84px;
    background: url('images/l2.jpg') 0 0 no-repeat;
    float: left;
    display: block;
}

#puzzle li.i3 p span.b {
    width: 84px;
    height: 84px;
    background: url('images/l3.jpg') 0 0 no-repeat;
    float: left;
    display: block;
}

#puzzle li.i4 p span.b {
    width: 84px;
    height: 84px;
    background: url('images/l4.jpg') 0 0 no-repeat;
    float: left;
    display: block;
}

#puzzle li.i5 p span.b {
    width: 84px;
    height: 84px;
    background: url('images/l5.jpg') 0 -0 no-repeat;
    float: left;
    display: block;
}

#puzzle li.i6 p span.b {
    width: 84px;
    height: 84px;
    background: url('images/l6.jpg') 0 0 no-repeat;
    float: left;
    display: block;
}
#puzzle li.i7 p span.b {
    width: 84px;
    height: 84px;
    background: url('images/l7.jpg') 0 0 no-repeat;
    float: left;
    display: block;
}
#puzzle li.i8 p span.b {
    width: 84px;
    height: 84px;
    background: url('images/l8.jpg') 0 0 no-repeat;
    float: left;
    display: block;
}
#puzzle li.i9 p span.b {
    width: 84px;
    height: 84px;
    background: url('images/l9.jpg') 0 0 no-repeat;
    float: left;
    display: block;
}
#puzzle li.i10 p span.b {
    width: 84px;
    height: 84px;
    background: url('images/l10.jpg') 0 0 no-repeat;
    float: left;
    display: block;
}
#puzzle li.i11 p span.b {
    width: 84px;
    height: 84px;
    background: url('images/l11.jpg') 0 0 no-repeat;
    float: left;
    display: block;
}
#puzzle li.i12 p span.b {
    width: 84px;
    height: 84px;
    background: url('images/l12.jpg') 0 0 no-repeat;
    float: left;
    display: block;
}

#puzzle .bPuzzle {
    width: 295px;
    height: 10px;
    background: url('images/b_puzzle_b.png') 0 0 no-repeat;
    display: block;
    overflow: hidden;
}

#rank {
}

#rank   ul {
    padding: 10px 0 5px;
    background: #FFF url('images/b_rank.png') 0 bottom repeat-x;
    list-style: none;
}

#rank   li {
    width: 275px;
    padding: 0 10px;
    overflow: hidden;
}

#rank  li.odd {
    background: #fbf0d1;
}

#rank  span.s1, #rank  span.s2 {
    padding-top: 7px;
}

#rank  span.s1 {
    padding-left: 15px;
    padding-right: 15px;
    color: #991b1e;
    float: left;
}

#rank  span.s2 {
    color: #5b5b60;
    float: left;
}

#rank  span.s3 {
    width: 21px;
    height: 22px;
    margin: 3px 0;
    padding-right: 10px;
    display: block;
    float: right;
}

#rank li.i1 span.s3 {
    background: url('images/b5.png') 0 0 no-repeat;
}

#rank li.i2 span.s3 {
    background: url('images/b5.png') 0 -22px no-repeat;
}

#rank li.i3 span.s3 {
    background: url('images/b5.png') 0 -44px no-repeat;
}

#rank .bGame {
    width: 295px;
    height: 10px;
    background: url('images/b_rank_b.png') 0 0 no-repeat;
    display: block;
    overflow: hidden;
}

#footer {
    width: 984px;
    margin: 15px auto;
    color: #000;
    overflow: hidden;
}

#footer ul {
    list-style: none;
    float: left;
}

#footer  li {
    padding: 0 10px;
    background: url('images/b_menu_sep.png') 0 center no-repeat;
    float: left;
}

#footer li a {
    color: #315d74;
    font-size: 12px;
}

#footer li.i1 {
    background: none;
}

#logo2 {
    width: 126px;
    height: 15px;
    padding-right: 110px;
    background: url('images/b_logo2.png') right 0 no-repeat;
    color: #315d74;
    display: block;
    float: right;
}

#image {
width: 150px;
height: 130px;
overflow: hidden;

}
#image .image1 {
width: 150px;
height: 130px;
position: absolute;
z-index: 0;


}
#image .image2 {
width: 150px;
height: 138px;
background: url('images/border.png') 0 0 no-repeat;
position: absolute;
z-index: 1;
}