body {border: 0;margin: 0;padding: 0; background: url(lo_bg.png) repeat-x 0 0; font-family: Arial;font-size: 12px; font-weight: normal; color: #000; text-align: center;}
.gm {background: url(gm_bg.png) repeat-x 0 0;}
body * {margin: 0; padding: 0;}
img {border: 0;}
ul {list-style-type: none;}
a {text-decoration: none; color: #0066A2;}
a:hover {text-decoration: underline;}
.boxFooter {clear: both;}

/* mainPage */
#mainPage {clear: both; margin: 10px auto; padding-top: 10px; width: 900px; background: #fff;}

/* pageHeader */
#pageHeader {clear: both; margin: 0 auto; width: 880px; text-align: left; background: #fff;}

/* pageFooter */
#pageFooter {clear: both; margin: 0 auto; width: 900px; overflow: auto; font-size: 11px;}
* html #pageFooter {overflow: visible; height: 1%;}
*:first-child+html #pageFooter {margin-top: 30px;}

/* pageContent */
#pageContent {clear: both; margin: 0 auto; width: 880px; text-align: left; background: #fff; overflow: auto;}

/* commonHeader */
.commonHeader .boxHeader {height: 4px; background: #64ACFF url(corner.gif) no-repeat 0 0px; font-size: 3px;}
.gm .commonHeader .boxHeader {background-color: #446DA5;}
.commonHeader .boxHeader span {display: block; height: 4px; background: url(corner.gif) no-repeat 100% -4px; font-size: 3px;}
.commonHeader .boxBody {margin-top: 1px;}
/*
.commonHeader .logo {border-bottom: 1px solid #fff; height: 80px; background: url(header_bg.png) repeat-x 0 0;}
*/
.commonHeader .logo {border-bottom: 1px solid #fff;}
.commonHeader h1 { font-weight: normal; font-size: 26px; font-family: Georgia; letter-spacing: 2px;}
.commonHeader .logo a {display: block; padding: 0px 0 0 120px; height: 89px; background: url(jp2.jpg) no-repeat 100% 0; color: #3A392D;}
.commonHeader .logo a:hover {text-decoration: none;}
.commonHeader .logo span {display: block;padding-top: 17px;}
.commonHeader .logo div {background: url(szkola.png) no-repeat 0 0;}
.lo .logo {background: #FFFC6D;}
.lo .logo h1 {padding-left: 140px; background: url(lo_logo.png) no-repeat 170px 13px;}
.gm .logo {background: url(header_bg.png) repeat-x;}
.gm .logo h1 {padding-left: 220px; background: url(gm_logo.png) no-repeat 250px 0;}
.commonHeader .navigation {float: right; border-bottom: 1px solid #8DC5F9; border-top: 1px solid #8DC5F9; padding: 0; width: 550px; background: #DBECFD; font-size: 11px;}
.commonHeader .navigation ul {float: left; padding: 10px 0;}
.commonHeader .navigation li {float: left; display: block; margin: 0 10px 0 40px; padding-left: 7px; background: url(arrows.gif) no-repeat 0 5px;}
.commonHeader .navigation .i0 {border: 0; margin-left: 100px;}
.commonHeader .navigation a {display: block;}
.commonHeader .date {float: left; border-bottom: 1px solid #8DC5F9; border-top: 1px solid #8DC5F9; width: 330px; background: #64ACFF; color: #fff; font-size: 11px;}
.commonHeader .date p {padding: 10px;}
.commonHeader .breadcrumbs {clear: both; padding: 6px 0; overflow: auto; color: #808080; font-size: 11px;}
.commonHeader .breadcrumbs a {color: #808080;}
.commonHeader .breadcrumbs ul {float: left; margin-left: 10px; width: 400px; overflow: hidden;}
.commonHeader .breadcrumbs li {float: left; margin-right: 5px; padding-left: 10px; background: url(arrows.gif) no-repeat 0 -5px;}
.commonHeader .breadcrumbs .i0 {padding-left: 0; background: none;}
.commonHeader .breadcrumbs h3 {float: right; margin-right: 5px; color: #5F5F5F; font-size: 13px; font-weight: bold; text-align: right;}
.commonHeader .top {clear: both; width: 880px; height: 204px; background: url(top.jpg) no-repeat 0 0;}

.gm .date {border-color: #446DA5; background-color: #446DA5;}

* html .commonHeader .navigation .i0 {margin-left: 50px;}
* html .commonHeader .breadcrumbs {overflow: visible; height: 1%;}

/* commonFooter */
.commonFooter {margin-top: 20px; width: 100%; height: 38px; background: url(lo_footer_bg.png) repeat-x; text-align: left;}
.commonFooter .copyright {float: left; margin-left: 10px; color: #fff;}
.commonFooter .navigation {float: right; margin: 5px 30px 0 0;}
.commonFooter .navigation li {float: left; border-left: 1px solid #fff; margin-left: 8px; padding-left: 8px;}
.commonFooter .navigation .i1 {border: 0; margin: 0; padding: 0;}
.commonFooter .navigation a {font-size: 12px; font-weight: bold; color: #fff; text-transform: lowercase;}

.gm .commonFooter {background: url(gm_footer_bg.png) repeat-x;}

/* mainContent */
#mainContent {float: right; margin-top: 10px; width: 670px;}

/* mainSidebar */
#mainSidebar {float: left; margin-top: 10px; width: 190px;}

/* commonNavigation */
.commonNavigation h5 {border-bottom: 2px solid #64ACFF; padding: 1px 0 0 10px; ;line-height: 28px; background: #DBECFD; color: #1477DC; font-size: 15px; font-weight: bold;}
.commonNavigation h5 span {display: block; border-top: 1px solid #ECF5FE; border-bottom: 1px solid #ECF5FE;}
.commonNavigation ul {margin-bottom: 10px;}
.commonNavigation li {border-top: 1px solid #DEDEDE; background: url(arrows.gif) no-repeat 10px -14px;}
.commonNavigation li a {display: block; padding-left: 25px; height: 28px; line-height: 28px; color: #5F5F5F; font-size: 13px; font-weight: bold;}
.commonNavigation li a:hover,
.commonNavigation .active a {text-decoration: none; background: #F8FBFE;}
.commonNavigation .i0 {border: 0;}

.gm .commonNavigation h5 {border-color: #446DA5; background-color: #DAE3F0;}

/* ----- EOF LAYOUT ----- */

/* pagination */
.pagination {clear: both; float: left; width: 100%;}
.pagination .paginationBox {float: right; margin: 20px 0 0 0; width: auto;}
.pagination .caption {float: left; margin: 0 10px 0 0 !important; padding: 2px 0 0 0 !important; font-weight: bold; color: #808080; font-size: 11px; background: none !important;}
.pagination ul {float: left;}
.pagination li {float: left; margin: 0 2px;}
.pagination li a,
.pagination li span {display: block; text-align: center;}
.pagination li a span,
.pagination li span span {border: 1px solid #8DC5F9; padding: 1px 5px; font-weight: bold; font-size: 11px; background: #fff;}
.pagination .selected a span,
.pagination .selected span span {background: #F8FBFE;}
.pagination .next,
.pagination .prev {display: none;}

.frontPage .list {border: 2px solid #DBECFD; padding: 10px; overflow: auto;background: #F5FAFF;}
.frontPage ul {float: left; width: 100%;}
.frontPage li {float: left; margin: 0 10px 20px 0; width: 315px;}
.frontPage .box {border: 0px solid #DBECFD; padding: 5px;}
.frontPage .r0 {margin-right: 0;}
.frontPage .thumbnail {margin-top: 15px;padding-left: 18px;}
.frontPage .title {padding-left: 18px; font-weight: normal; font-size: 18px; font-family: Georgia; background: url(checked.png) no-repeat 0 3px; color: #5F5F5F;}
.frontPage .box a {color: #5F5F5F;}
.frontPage .box img {border: 1px solid #666;}
.frontPage .description {margin-top: 3px; font-size: 11px; color: #808080;}
.frontPage .seeMore {margin-top: 3px;text-align: right; font-weight: bold;}
.frontPage .seeMore a {color: #808080;}

/* common */
#mainContent .boxHeader h1 {border-bottom: 2px solid #64ACFF; margin-bottom: 20px; padding-bottom: 2px; font-size: 25px; font-weight: normal; color: #1477DC;}

.gm #mainContent .boxHeader h1 {border-color: #446DA5;}

/* pagesSingle */
.pagesSingle .content p {margin-bottom: 10px; line-height: 17px; font-size: 13px; color: #333;}
.pagesSingle .content h1 {margin: 5px 0; font-size: 18px; font-weight: bold;}
.pagesSingle .content h2 {margin: 5px 0; font-size: 16px; font-weight: bold;}
.pagesSingle .content h3 {margin: 5px 0; font-size: 14px; font-weight: bold;}
.pagesSingle .content h4,
.pagesSingle .content h5 {margin: 5px 0; font-size: 13px; font-weight: bold;} 
.pagesSingle .content ul,
.pagesSingle .content ol {margin-left: 20px;}
.pagesSingle .content img[style="float: left;"] {margin: 0 20px 10px 0;}
.pagesSingle .content img[style="float: right;"] {margin: 0 0 10px 20px;}

* html .pagesSingle .content img {margin: 0 10px 10px 10px;}
*:first-child+html .pagesSingle .content img {margin: 0 10px 10px 10px;}
body:last-child p.myclass .pagesSingle .content img {margin: 0 10px 10px 10px;}

/* articlesList */
.articlesList .list li {clear: both; float: left; border-bottom: 1px dotted #eaeaf4; margin-bottom: 10px; padding-bottom: 10px; width: 100%;}
.articlesList .thumbnail {float: left; margin: 0 10px 5px 0; width: 120px;}
.articlesList h2 {font-size: 14px; font-weight: bold;}
.articlesList .lead {margin-top: 10px; line-height: 17px; color: #333;}
.articlesList .seeMore {margin-top: 5px; background: url(arrows.gif) no-repeat scroll 40px -20px; font-size: 11px; font-weight: bold;}

/* articlesSingle */
.articlesSingle .content p {margin-bottom: 10px; line-height: 17px; font-size: 13px; color: #333;}
.articlesSingle .content h1 {margin: 5px 0; font-size: 18px; font-weight: bold;}
.articlesSingle .content h2 {margin: 5px 0; font-size: 16px; font-weight: bold;}
.articlesSingle .content h3 {margin: 5px 0; font-size: 14px; font-weight: bold;}
.articlesSingle .content h4,
.articlesSingle .content h5 {margin: 5px 0; font-size: 13px; font-weight: bold;} 
.articlesSingle .content ul,
.articlesSingle .content ol {margin-left: 20px;}
.articlesSingle .content img[style="float: left;"] {margin: 0 20px 10px 0;}
.articlesSingle .content img[style="float: right;"] {margin: 0 0 10px 20px;}
.articlesSingle .thumbnail {float: left; margin: 0 15px 10px 0;}

/* galleriesList */
.galleriesList ul {float: left; width: 100%}
.galleriesList li {float: left; margin: 0 5px 5px 0; width: 330px;}
.galleriesList .box {border: 2px solid #DBECFD; padding: 7px; background: #F5FAFF;}
.galleriesList .i2 {margin-right: 0;}
.galleriesList .thumbnail {margin-bottom: 3px; text-align: center;}
.galleriesList .title {font-size: 12px; font-weight: bold; color: #1477DC;}

/* imagesSingle */
.imagesSingle {text-align: center; overflow: hidden;}
.imagesSingle .boxHeader {text-align: left;}
.imagesSingle .boxBody {float: left; position: relative; left: 50%;}
.imagesSingle .image {float: left; position: relative; right: 50%; display: block;}
.imagesSingle .image .navi {position: absolute;	top: 0;	left: 0;height: 100%;width: 100%;display: block; z-index: 10;}
.imagesSingle .image .prev,
.imagesSingle .image .next {height: 100%; display: block; position: relative;}
.imagesSingle .image a {background: url(t.gif) no-repeat 0 0; }
.imagesSingle .image a:hover {text-decoration: none;}
.imagesSingle .image .prev {float: left; width: 50%;}
.imagesSingle .image .next {float: right; width: 49%;}
.imagesSingle .image .label {display: block; position: absolute; top: 0; width: 26px; height: 35px; cursor: pointer;}
.imagesSingle .image a:hover .label {width: 88px;}
.imagesSingle .label span {display: none; font-size: 10px; color: #565656;}
.imagesSingle a:hover .label span {display: block;}
.imagesSingle .next .label {right: -26px; background: url(navi-sprite.png) no-repeat 100% 0; text-align: left;}
.imagesSingle .prev .label {left: -26px; background: url(navi-sprite.png) no-repeat 0 0; text-align: right;}
.imagesSingle .next .label span {padding: 3px 20px 0 6px;}
.imagesSingle .prev .label span {padding: 3px 6px 0 20px;}