body, * {font-size: 12px; font-family: Tahoma,Arial,Verdana,sans-serif;
	padding: 0; margin: 0; color: white;}
body {background: black; padding: 40px 0 40px 0;}

img {border: 0}
a {font-size: inherit; text-decoration: none; color: #1c78ba; font-weight: bold;}
a:hover {color: #c33;}
.small {font-size: 11px}
.small-title {color: #c33; font-size: 15px; padding: 5px 0 5px 0; text-align: center;
	display: block;}
	


.galeria a.lightbox {border: 2px solid white; display: block; width: 130px; height: 130px;
	float: left; margin-right: 50px; margin-bottom: 20px;}
.galeria a.last-in-row {margin: 0}

.galeria-desc {margin-top: -15px; margin-bottom: 10px;}

table {width: 100%; border-collapse: collapse; margin-bottom: 15px;}
table td {border: 1px solid #aaa; padding: 5px;}

	
#all {width: 1000px; margin: 0 auto 0 auto;}

.clear {height: 0; clear: both}

#header {margin: 0 auto 0 auto; box-shadow: 0 0 40px #1c78ba;
	position: relative; z-index: 10;}
#text {margin: 0 auto 0 auto; box-shadow: 0 0 40px #1c78ba;
	position: relative; z-index: 10;}
#footer {margin: 0 auto 0 auto; box-shadow: 0 0 40px #1c78ba;
	position: relative; z-index: 10;}
#ribbons1 {width: 1000px; height: 80px; border: 0; background: url('images/ribbons1.png') no-repeat 0 0;}
#ribbons2 {width: 1000px; height: 80px; border: 0; background: url('images/ribbons2.png') no-repeat 0 0;}


#header > .content {width: 1000px; border: 1px solid white; position: relative;
	height: 350px; background: url('images/header.jpg') no-repeat 0 0;}
#text > .content {width: 1000px; border: 1px solid white; position: relative;
	min-height: 425px; background: url('images/blob-blue.png') no-repeat 0 100%;}
#footer > .content {width: 1000px; border: 1px solid white; position: relative;
 height: 180px; background: url('images/blob-blue-footer.png') no-repeat 0 100%;}

#header #main-link {position: absolute; left: 30px; top: 50px}
#header #header-ribons {position: absolute; right: -16px; top: -15px;}

#text .inner-content {background: url('images/blob-red.png') no-repeat 100% 0;
	min-height: 421px}
#text .inner-left {float: left; width: 260px;}
#text .inner-right {float: left; width: 688px; padding: 26px;}

#text .menu {list-style: none; padding-top: 30px; margin-left: -17px;}
#text .menu > li {display: block; width: 200px; height: 62px; background: url('images/menu.png') no-repeat 0 0;
	border: 0px solid red; margin-top: -15px; padding: 20px 0 0 60px;}
#text .menu > li > a {display: block; border: 0px solid blue; width: 200px; height: 45px; border: 0px solid white;}
#text .menu > li.active {background: url('images/menu-active.png') no-repeat 0 0;}
#text .menu > li.facebook {background: url('images/facebook.png') no-repeat 0 0;
	margin-top: 100px;}

#text .menu > li.menu-strona-glowna > a {background: url('images/menu-strona-glowna.png') no-repeat 0 0; color: transparent;}
#text .menu > li.menu-o-klubie > a {background: url('images/menu-o-klubie.png') no-repeat 0 0; color: transparent;}
#text .menu > li.menu-harmonogram > a {background: url('images/menu-harmonogram.png') no-repeat 0 0; color: transparent;}
#text .menu > li.menu-galeria > a {background: url('images/menu-galeria.png') no-repeat 0 0; color: transparent;}
#text .menu > li.menu-kontakt > a {background: url('images/menu-kontakt.png') no-repeat 0 0; color: transparent;}

#text .menu > li.active.menu-strona-glowna > a {background: url('images/menu-strona-glowna-active.png') no-repeat 0 0;}
#text .menu > li.active.menu-o-klubie > a {background: url('images/menu-o-klubie-active.png') no-repeat 0 0;}
#text .menu > li.active.menu-harmonogram > a {background: url('images/menu-harmonogram-active.png') no-repeat 0 0;}
#text .menu > li.active.menu-galeria > a {background: url('images/menu-galeria-active.png') no-repeat 0 0;}
#text .menu > li.active.menu-kontakt > a {background: url('images/menu-kontakt-active.png') no-repeat 0 0;}

#text .menu > li.in-active:hover {background: url('images/menu-hover.png') no-repeat 0 0;}


#text .menu li > ul {position: absolute; right: 10px; top: -26px; display: none;}
#text .menu li.active > ul {display: block}
#text .menu li > ul > li {display: block; width: 100px; height: 25px; background: #1c78ba;
	border: 0px solid blue; margin: 0 10px 0 0; float: left;}
#text .menu li > ul > li > a {display: block; border: 0; width: 100px; height: 20px;
	text-align: center; color: white; padding: 3px 0 2px 0; border-top: 2px solid #1c78ba}
#text .menu li > ul > li > a:hover {border-top: 2px solid white}
#text .menu li > ul > li.active {background: #c33;}

#text .gallery-short {padding: 0 0 20px 30px; border: 0px solid yellow;}
#text .gallery-short a {border: 1px solid white; display: block;
	width: 100px; height: 100px; float: left; margin: 2px;}
#text .gallery-short a:hover {border-color: #c33;}

#text h1 {text-align: center; border-top: 3px solid #c33; 
	margin: 15px 0 20px 0; }
#text h1 .content {padding: 3px 10px 3px 10px; background: black; position: relative;
	top: -15px; font-size: 20px; color: #c33; border: 2px solid #c33;}
#text h2 {text-align: center; border-top: 2px dotted white;
	margin: 10px 0 20px 0; }
#text h2 .content {padding: 3px 10px 3px 10px; background: black; position: relative;
	top: -12px; font-size: 17px; border: 1px dotted white;}
#text h3 {text-align: center;
	margin: 10px 0 20px 0; font-size: 12px;}
#text p {margin: 0 0 10px 0; font-size: 13px; line-height: 1.5; text-align: justify;}

#text .news {border-bottom: 2px solid #1c78ba; margin-bottom: 15px; position: relative;}
#text .news .news-date {float: left; margin: 0 20px 20px 0; border: 0px solid white; width: 150px;
	padding: 0; background: #c33;}
#text .news .news-date .day {font-size: 45px; padding: 0 0 0 20px; font-weight: normal;}
#text .news .news-date .month-year {font-size: 15px; padding: 0 0 0 40px; font-weight: normal;}
#text .news .title {font-size: 15px; font-weight: bold; text-align: center;
	border-bottom: 1px solid #c33;}
#text .news .subtitle {font-size: 11px; margin: 0 0 10px 300px; background: #c33;
	text-align: right; padding: 2px 10px 3px 0;}
#text .news .news-content iframe {width: 688px; }
#text .news .news-content {line-height: 1.5em; font-size: 14px; text-align: justify;
	font-weight: normal; padding: 0 0 20px 0;}
#text .news .miniaturized-gallery {
	width: 688px; height: 88px; }
#text .news .miniaturized-gallery a {width: 86px; height: 86px; border-top: 2px solid #1c78ba;
	display: block; float: left;}
#text .news .miniaturized-gallery a img {width: 86px; height: 86px;}
#text .news .miniaturized-gallery a:hover {border-top: 2px solid white;}
#text .news .news-more-link {position: absolute; bottom: 0; right: 0; padding: 5px 15px 5px 15px; 
	background: #1c78ba; color: white; border-top: 2px solid #1c78ba}
#text .news .news-more-link:hover {border-top: 2px solid white;}

#text .news_link {display: block;}
#text .news_link:hover {display: block; background: #111;}

#text .column-left {float: left; width: 50%}
#text .column-right {float: left; width: 50%}

#text #gallery-menu-big {list-style: none}
#text #gallery-menu-big li {float: left; width: 104px; height: 150px; 
	margin: 0 10px 10px 0;}
#text #gallery-menu-big li a {display: block; width: 104px; height: 150px;
	margin: 0; text-align: left; font-size: 10px; color: white}
#text #gallery-menu-big li a:hover {color: #c33}
#text #gallery-menu-big li a img {width: 100px; height: 100px; border: 2px solid white;
	margin-bottom: 4px;}
#text #gallery-menu-big li a:hover img {border: 2px solid #c33}

#text #gallery-menu-small {display: none;}
#text #gallery-menu-small li {display: block; height: 30px}
#text #gallery-menu-small li a {font-family: 'century gothic',MyCenturyGothic,Tahoma,sans-serif; font-size: 15px;
	font-weight: normal; text-decoration: none; padding: 5px 10px 5px 10px;
	background: url('images/sec-menu.png') no-repeat 100% 0; color: white;}
#text #gallery-menu-small li a:hover {background: url('images/sec-menu-hover.png') no-repeat 100% 0;}
#text #gallery-menu-small li.active a {background: url('images/sec-menu-hover.png') no-repeat 100% 0;}

#text .foto-frame {float: right; width: 100px; margin: 0;}
#text .foto-frame a img {width: 150px; height: 150px}

#text .foto-whole-frame {padding: 2px}
#text .foto-whole-frame a {display: block; float: left; width: 104px; height: 104px;
	margin: 0 10px 10px 0;}
#text .foto-whole-frame a img {width: 100px; height: 100px; border: 2px solid white;}
#text .foto-whole-frame a:hover img {border: 2px solid #c33}

#googlemap_div {border: 2px solid #1c78ba;}
#googlemap_div iframe {width: 100%; height: 400px; border: 0;}

#footer #footer-ribons {position: absolute; left: -16px; bottom: -15px;}
#footer #footer-link {position: absolute; right: 30px; top: 40px}
#footer #footer-link-2 {position: absolute; left: 50px; top: 30px}
#footer #copyright {position: absolute; left: 200px; bottom: 7px;}
#footer #copyright a {color: #2ea4c2; text-decoration: none; font-weight: bold;}
#footer #copyright a:hover {color: #c33}
#footer #admin-link {position: absolute; left: 160px; bottom: 30px; color: white;}
#footer #logout-link {position: absolute; left: 130px; bottom: 50px; color: white;}
#footer #admin-link:hover, #footer #logout-link:hover {color: #c33}