/* General */

* {
	margin:0;
	padding:0;
}

li {
	list-style: none;
}

body {
	background: url(../img/back.jpg) repeat top left;
	color: #8A8A8A;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #8A8A8A;
}

a:hover {
	text-decoration: none;
}

a:focus { 
	outline: none; 
}

img {
	border: 0px solid #FFF;
}

a img {
	border: 0px solid #FFF;
}

h1 {
}

.editor ul, .editor ol {
	margin: 1em 0;
}

.editor ul li {
	margin-left: 2em;
	list-style: circle;
}

.editor ol li {
	margin-left: 2em;
	list-style: decimal;
}

.disabled {
	display: none;
}

/* Layout */

#container {
	position: relative;
	width: 674px;
	margin: 0px auto;
	position: relative;
	overflow: visible;
}

#header {
	height: 113px;
	position: relative;
	background: url(../img/header.png) -380px 0px no-repeat;
}

#footer {
	height: 480px;
	background: url(../img/footer.jpg) no-repeat top left;
	position: relative;
}

#content {
	position: relative;
	width: 674px;
	background: url(../img/content.jpg) repeat-y top left;
}

/* Header */

#logo {
	position: absolute;
	top: 22px;
	left: 0px;
}

#menu {
	width: 195px;
	margin-left: -200px;
	position: fixed;
	z-index: 100;
	top: 240px;
}

#menu li {
	display: block;
}

#menu a {
	display: block;
	font-size: 4px;
	line-height: 6px;
	text-decoration: none;
	background-position: 0px 0px;
	height: 29px;
	float: right;
	margin-bottom: 3px;
}

#menu li.small a {
	height: 21px;
}

#menu a span {
	display: none;
}

#menu a:hover {
	background-position: 0px -29px;
}

#menu li.small a:hover {
	background-position: 0px -21px;
}

#link-aktualnosci {
	background-image: url(../img/menu/01_aktualnosci.gif);	
	width: 195px;
}

#link-o-nas {
	background-image: url(../img/menu/02_onas.gif);	
	width: 112px;
}

#link-oferta {
	background-image: url(../img/menu/03_00_oferta.gif);	
	width: 78px;
	margin-left:20px;
}

#link-dorosli {
	background-image: url(../img/menu/07_00_dorosli.gif);	
	width: 102px;
}

#link-plywanie {
	background-image: url(../img/menu/03_01_plywanie.gif);	
	width: 88px;
	margin-left:50px;
}

#link-tenis-dzieci {
	background-image: url(../img/menu/03_01_01_tenis.gif);	
	width: 122px;
}

#link-obozy-zimowe {
	background-image: url(../img/menu/03_02_obozy.gif);	
	width: 122px;
}

#link-polkolonie-letnie {
	background-image: url(../img/menu/03_03_polkolonie.gif);	
	width: 170px;
}

#link-urodziny-dla-dzieci {
	background-image: url(../img/menu/03_04_urodziny.gif);	
	width: 155px;
}

#link-nordic-walking {
	background-image: url(../img/menu/03_05_nordic_walking.gif);	
	width: 137px;
}

#link-plywanie-dorosli {
	background-image: url(../img/menu/03_06_plywanie_dorosli.gif);	
	width: 95px;
}

#link-do-pobrania {
	background-image: url(../img/menu/04_dopobrania.gif);	
	width: 158px;
}

#link-kontakt {
	background-image: url(../img/menu/05_kontakt.gif);	
	width: 111px;
}

#link-korty-tenisowe {
	background-image: url(../img/menu/06_korty_tenisowe.gif);	
	width: 195px;
}


#header p {
	color: #B41E20;
	text-align: right;
	padding-top: 75px;
}

#header a {
	color: #B41E20;
	text-decoration: none;
}

#header a:hover {
	text-decoration: underline;
}

/* Content */

.editor, .news-title, .news-date, .h, .years {
	margin: 0px 50px;
}

.h {
	padding: 40px 0px 45px;
	display: block;
}

.news-date {
	background: #AEC400;
	width: auto;
	color: #FFF;
	font-size: 16px;
	padding: 10px 15px;
	width: 90px;
}

.news-title {
	padding: 15px 0px;
	font-weight: bold;
}

.editor {
	margin-bottom: 30px;
}

.editor div {
	padding: 15px 35px;
}

.editor td div {
	padding: 8px 15px;
}

.photos {
	margin: 0px 40px 0px 50px;
}


.photos a {
	float: left;
	margin: 0px 4px 4px 0px;
	display: block;
	width: 92px;
	height: 69px;
}

.photos a img {
	display: block;
}

.gallery {
	clear: both;	
}

.years {
	clear: both;
	padding-top: 15px;
	height: 25px;
	margin-bottom: 40px;
}

.years a {
	display: block;
	font-weight: bold;
	padding: 3px 5px;
	float: right;
	text-decoration: none;
}

.years a:hover {
	text-decoration: none;
}

/* Elements */

h1 {
	clear: both;
	padding: 25px 0px;
}

h2 {
	clear: both;
	padding: 22px 0px;
}

h3 {
	clear: both;
	padding: 19px 0px;
}

h4 {
	clear: both;
	padding: 16px 0px;
}

.yellow-box {
	background: #EDB200;
	padding: 10px 15px; 
	width: 180px;
	color: #FFF;
	font-size: 16px;
}


.yellow {
	color: #EDB200;
}

.yellow-back {
	background: #EDB200;
	color: #FFF;
}

.red {
	color: #B8141D;
}

.red-back {
	background: #B2171B;
	color: #FFF;
}

.orange {
	color: #E8B10B;
}

.orange-back {
	background: #E8B10B;
	color: #FFF;
}

.green {
	color: #ADC400;
}

.green-back {
	background: #ADC400;
	color: #FFF;
}

.blue {
	color: #3AB8C7;
}

.blue-back {
	background: #3AB8C7;
	color: #FFF;
}

.pink {
	color: #CE4281;
}

.pink-back {
	background: #CE4281;
	color: #FFF;
}

.oliv-back {
	background: #F6F9E6;
}


#years-1 a {
	background: #E5E5E5;
	margin-right: 1px;
}

#years-1 .active, #years-1 a:hover {
	background: #73d7ff;
	color: #FFF;	
}

#years-2 a {
	background: #E5E5E5;
	margin-right: 1px;
}

#years-2 .active, #years-2 a:hover {
	background: #3AB8C7;
	color: #FFF;	
}

#years-3 a {
	background: #E5E5E5;
	margin-right: 1px;
}

#years-3 .active, #years-3 a:hover {
	background: #EDB200;
	color: #FFF;	
}

#years-4 a {
	background: #E5E5E5;
	margin-right: 1px;
}

#years-4 .active, #years-4 a:hover {
	background: #CE4281;
	color: #FFF;	
}

#years-6 a {
	background: #E5E5E5;
	margin-right: 1px;
}

#years-6 .active, #years-6 a:hover {
	background: #ff8c00;
	color: #FFF;	
}

#years-7 a {
	background: #E5E5E5;
	margin-right: 1px;
}

#years-7 .active, #years-7 a:hover {
	background: #008000;
	color: #FFF;	
}
#years-8 a {
	background: #E5E5E5;
	margin-right: 1px;
}

#years-8 .active, #years-8 a:hover {
	background: #003264;
	color: #FFF;	
}
#years-9 a {
	background: #E5E5E5;
	margin-right: 1px;
}

#years-9 .active, #years-9 a:hover {
	background: #962300;
	color: #FFF;	
}

#years-10 a {
	background: #E5E5E5;
	margin-right: 1px;
}

#years-10 .active, #years-10 a:hover {
	background: #dc4b00;
	color: #FFF;	
}

.g {
	display: block;
	margin-bottom: 15px;
}

#kontakt {
	position: absolute;
	top: 0px;
	left: 52px;
	padding-top: 104px;
	color: #444E08;
	line-height: 1.4em;
}

#kontakt strong {
	font-size: 16px;
}

#kontakt a {
	text-decoration: underline;
	color: #444E08;
}

#kontakt span {
	color: #CAD670;
	font-size: 11px;
	font-weight: bold;
}

#bank {
	color: #CAD670;
	text-align: right;
	position: absolute;
	top: 104px;
	right: 52px;
	line-height: 1.4em;
}

#partners {
	position: absolute;
	top: 260px;
	left: 40px;
}

#partners img {margin-left:10px;
}

/* lines */

.space {
	height: 80px;
	clear: both;
	position: relative;
}

#bottom {
	background: url(../img/bottom.png) top left no-repeat;
	height: 142px;
	width: 409px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin-left: -409px;
}

#header-left {
	background: url(../img/header.png) top left no-repeat;
	height: 442px;
	width: 380px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: -380px;
}

.line-1 {
	background-image: url(../img/separator01_lato.png);
}

.line-2 {
	background-image: url(../img/separator02_lato.png);
}

.line-3 {
	background-image: url(../img/separator03_lato.png);
}

.line-4 {
	background-image: url(../img/separator04.png);
}

.line-5 {
	background-image: url(../img/separator01_lato.png);
}

.line-6 {
	background-image: url(../img/separator02_lato.png);
}

.line-left {
	position: absolute;
	z-index: 10;
	top: -40px;
	left: 0px;
	height: 342px;
	width: 174px;
	background-position: 0px 0px;
	margin-left: -174px;
}

.line-right {
	position: absolute;
	z-index: 10;
	top: -40px;
	right: -348px;
	height: 342px;
	width: 174px;
	background-position: 174px 0px;
	margin-right: 174px;
	margin-left: -174px;
}

.line-middle {
	position: absolute;
	z-index: 10;
	top: -40px;
	left: 0px;
	height: 160px;
	width: 674px;
}

#line-left-1, #line-right-1 {
	margin-top: -150px;
}

#line-middle-1 {
	background-position: -174px -150px;
}

#line-left-2, #line-right-2 {
	margin-top: -150px;
}

#line-middle-2 {
	background-position: -174px -150px;
}

#line-left-3, #line-right-3 {
	margin-top: -170px;
}

#line-middle-3 {
	background-position: -174px -170px;
}

#line-left-4, #line-right-4 {
	margin-top: -150px;
}

#line-middle-4 {
	background-position: -174px -150px;
}

#line-left-5, #line-right-5 {
	margin-top: -170px;
}

#line-middle-5 {
	background-position: -174px -170px;
}

#line-left-6, #line-right-6 {
	margin-top: -160px;
}

#line-middle-6 {
	background-position: -174px -160px;
}