body {
    margin: 0;
    padding: 0;
}
.wrapper {
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
    border-width: 1px;
    border-style: dotted;
}
.left {
    float: left;
    margin-top: 10px;
    border-width: 0px;
    height: 800px;
    width: 160px;
}
.right {
    float: right;
    width: 160px;
    margin-top: 0px;
}
.center {
    float: left;
    width: 640px;
}
.copyright {
    padding: 1em;
}

/* logo */
div.logo {
    margin: 0 auto;
    width: 275px;
    height: 100px;
}
div.logo a span {
    display: block;
    margin: 0 auto;
    width:275px;
    height:100px;
}

/* left */
html>body .yoko {
    width: 160px;
    height: 324px;
}
html>body .karatedo {
    width: 100px;
    height: 317px;
    margin: 100px auto;
}

/* right */
div#czlonkowie {
    width:130px;
    height:60px;
    margin: 0 15px 10px 15px;
}
div#herb {
    width:130px;
    height:104px;
    margin: 0 15px 5px 15px;
}
div#herb a {
    display: block;
    width: 130px;
    height: 104px;
}
div#kaja {
    width:130px;
    height:52px;
    margin: 0 15px 5px 15px;
}
div#kaja a {
    display: block;
    height: 52px;
    width: 130px;
}
div#cup_img {
    width:130px;
    height: 92px;
    margin: 50px 15px 50px 15px;
}
div#cup_img a {
    display: block;
    height:  92px;
    width: 130px;
}
div#cup_img a span {
    display: block;
    padding-top: 8px;
}
div#mpj_img {
    width:130px;
    height: 92px;
    margin: 50px 15px 50px 15px;
}
div#mpj_img a {
    display: block;
    height:  92px;
    width: 130px;
}

/* menu */
#menu {
    width: 640px;
    margin: 10px auto 0px auto;
}
#menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
}
#menu li {
    width: 140px;
    margin: 0 10px;
}
#menu a {
    display: block;
    width: 140px;
    height: 45px;
}
#menu ul li {
    float: left;
}
#menu ul ul {
    position: absolute;
    z-index: 500;
    display: none;
}
#menu ul ul li {
    margin: 0;
    clear: both;
}

/* center */
.contents {
    min-height: 1250px;
    height: auto !important;
    /*
    height: 850px;
    width: 640px;
    */
    margin: 0 auto;
    padding: 10px 10px 0 10px;
}

h2.title {
    margin-top: 0;
    padding-top: 60px;
}
h2.news_title {
    margin-top: 0;
    padding-top: 20px;
}

/* news */
#news {
    margin-top: 0px;
}
#news p.archive {
    margin: 1em auto;
}
#news div {
    margin-top: 0;
    margin-bottom: 7px;
}
#news div img {
    margin: 0 auto;
    display: block;
}
#news div ul {
    padding-left: 2em;
}
#news div p, #news div h2, #news div img {
    margin-bottom: 30px;
}

/* history */
#history img {
    display: block;
    margin: 0 auto;
}
#history p {
    margin: 2em 0;
}

/* sensei */
#sensei img {
    display: block;
    margin: 0 auto;
}
#sensei p {
    margin: 2em 0;
}

/* contact */
#contact p.email {
    padding: 2em 0px;
}
#contact ul {
    padding: 0 0 2em 8em;
}

/* trainings */
#trainings p {
    padding: 2em 0px;
}

/* concentration */
#concentration p {
    margin: 2em 0;
}

/* exams */
#exams h3 {
    padding-top: 1em;
}
#exams h4 {
    padding-top: 1em;
    padding-left: 2em;
}
#exams div {
    padding-top: 1em;
    padding-left: 5em;
}
#exams div div {
    padding-top: 1em;
    padding-left: 2em;
}
#exams div div p {
    padding-top: 1em;
    padding-left: 3em;
}
#exams ul {
    list-style: none;
}
#exams ul li {
    padding-top: 0.5em;
}

/* members */
#member img {
    margin: 0 auto;
}
#member h2 {
    margin-top: 0;
    padding-top: 60px;
}
#member h3.contest {
    padding: 0;
    margin: 1em 0;
}
#member p.discipline {
    margin: 0;
    padding: 0.5em 0 0 5em;
}
#member p.medal {
    padding-bottom: 1em;
}
#members ul {
    margin: 0 auto;
    padding: 0 130px;
}
#members h3 {
    padding: 0.5em 0;
}

#member hr {
    width: 50px;
    margin: 10px auto;
}

/* ranking */
#ranking h2 {
    margin-top: 2em;
    padding-top: 0;
}
#ranking h3 {
    margin-top: 0;
    margin-bottom: 0;
}
#ranking h4, #ranking h5, #ranking h6 {
    margin-top: 1.5em;
}
#ranking ol {
    margin-top: 1em;
    margin-left: 8em;
}

/* gallery */
#gallery h3 {
    margin-top: 1em;
}
#gallery p {
    margin-bottom: 30px;
    clear: both;
}

#gallery video {
    display: block;
    margin: 0 auto;
}

/* images */
ul.image-block {
    padding-top: 30px;
    width: 640px;
}
ul.image-block li {
    overflow: hidden;
    float: left;
    width: 210px;
    height: 210px;
}
ul.image-block li>div {
    display: table;
    table-layout: fixed;
    width: 200px;
    height: 200px;
    margin: auto auto;
    border-width: 1px;
    border-style: solid;
    top: 50%;
}
ul.image-block li>div a {
    width: 190px;
    margin: 0 5px 0 5px;
}
ul.image-block li>div span.wrimg {
    display: table-cell;
    vertical-align: middle;
    width: 190px;
    height: 190px;
}
ul.image-block li>div span.wrimg img {
    border: 0;
    vertical-align: middle;
}

/* contests */
#contests h3 {
    padding: 0;
    margin: 2em 0 0.5em 0;
}
#contests h4 {
    margin-top: 0;
    margin-bottom: 2em;
}
#contests ul.discipline {
    padding-left: 8em;
}
#contests ul.discipline p {
    margin: 0;
}
#contests ul.discipline ul {
    padding-left: 2em;
}
#contests ul.discipline li {
    padding-bottom: 1em;
}
#contests ul.team {
    margin: 0;
    padding: 0 0 0.5em 13em;
}
#contests ul.discipline li ul.team li {
    padding-top: 0.5em;
    padding-bottom: 0;
}
#contests p.medal {
    padding-bottom: 1em;
}

/* calendar */
div#calendar {
    padding-left: 20px;
}
ul.calendar {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.calendar li {
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
}
table.calendar {
    width: 100%;
}