body { margin: 0px; padding: 0px; /*background-color:#f3f4f1;*/ font: 10px Arial, Tahoma, Verdana, Geneva, sans-serif; line-height: 1.8em; letter-spacing: 0.001em; color: #6a6565; background: url(../images/content-tlo.png) top left repeat;}

li { line-height: 1.6em; letter-spacing: 0.001em;}
ol, ul { font-weight: bold;}
.red { color: #c41616;}


#wrapper { margin: 2% auto; padding: 0px; width: 1000px; position:relative; overflow: auto;}

/* HEADER */
#header { margin: 0px; padding: 0px; height: 200px; border-bottom: 5px solid #5a8a9f; background: url(../images/header-left.png) top left repeat-x; overflow:auto;}
#header-left { margin: 0px; padding: 0px; float:left;}
#header-left h1 { margin: 0px; padding: 0px;}
/*#header-left a { margin: 0px; padding: 0px; display:block; width: 320px; height:134px; background: url(../images/logo.png) top left no-repeat; position: absolute; top: 40px; left: 38px; outline:none; }*/
#header-left a { margin: 0px; padding: 0px; display:block; width: 326px; height:160px; background: url(../images/logo.png) top left no-repeat; position: absolute; top: 30px; left: 30px; outline:none; }
span.hidden { display: none;}
/*#header-right { margin: 0px; padding: 0px; float:right; height: 199px; width:636px; background: url(../images/header-right.png) top left no-repeat;}*/
#header-right { margin: 0px; padding: 0px; float:right; height: 199px; width:636px; background: url(../images/header-right3.png) top left no-repeat;}

/* MENU */
#main-menu { margin: 0px; padding: 0px; float: left; height: 100px; width: 100%; background-color: #d6d7d5; border-bottom: 5px solid #c3c4c2;}
#main-menu-left { margin: 0px; padding: 0px; float: left; width: 656px; height: 98px; background: url(../images/main-menu-left.png) top right no-repeat;}
#main-menu-right { margin: 0px; padding: 0px; float: right; width: 344px; height: 94px; background-color: #bbb9b9;}

/* ostylowanie MENU*/
#main-menu-left ul { margin: 40px 0px 0px 38px; padding: 10px; list-style: none;}
#main-menu-left ul li { margin: 0px; padding: 0px 25px 0px; display: inline;}
#main-menu-left ul li a { margin: 0px; padding: 0px; font-size: 1.5em; font-weight: bold; text-decoration: none;}

#main-menu-right ul { margin: 27px 0px 0px 15px; padding: 0px; list-style: none;}
#main-menu-right ul li { margin: 0px; padding: 0px 10px 0px 0px; display: inline; }
#main-menu-right ul li a { margin: 0px; padding: 30px 30px; }
#main-menu-right ul li a.plywanie { background: url(../images/button-yellow.png) top left no-repeat; position: absolute; top: 230px; right: 260px;}
#main-menu-right ul li a.narty { background: url(../images/button-red.png) top left no-repeat; position: absolute; top: 230px; right: 190px;}
#main-menu-right ul li a.taniec { background: url(../images/button-green.png) top left no-repeat; position: absolute; top: 230px; right: 120px;}
#main-menu-right ul li a.fitness { background: url(../images/button-blue.png) top left no-repeat; position: absolute; top: 230px; right: 50px;}

#main-menu-right ul li a:hover.plywanie { background: url(../images/button-yellow-hover.png) top left no-repeat;}
#main-menu-right ul li a:hover.narty { background: url(../images/button-red-hover.png) top left no-repeat;}
#main-menu-right ul li a:hover.taniec { background: url(../images/button-green-hover.png) top left no-repeat;}
#main-menu-right ul li a:hover.fitness { background: url(../images/button-blue-hover.png) top left no-repeat;}

#main-menu #main-menu-right p.nasza-oferta { margin: 4px 0px 0px 100px; padding: 0px; color: #1b6c8e; font-size: 1.5em; font-weight: bold;}

/* CONTENT */
#content { margin: 0px; padding: 0px; float:left; width: 100%; background: #FFF url(../images/content.png) top left repeat-x;}

/* CONTENT-BODY */
#content-body { margin: 20px auto; padding: 0px; width: 900px;}
#content-body div.icon { margin: 0px; padding: 0px; width: 100%; height: 68px;}
#content-body div.icon h3.line-blue {  margin: 0px 0px 0px 20px; padding: 20px 0px 10px 0px; font-size: 1.4em; color: #61b4d6; background: url(../images/line-blue-left.png) bottom left no-repeat;}
#content-body div.icon h3.line-blue.margin-text {  margin: 0px 0px 0px 100px; padding: 20px 0px 10px 0px; font-size: 1.4em; color: #61b4d6; background: url(../images/line-blue-left.png) bottom left no-repeat;}
.icon.yellow { background: url(../images/ikona-plywanie.png) top left no-repeat;}
.icon.red { background: url(../images/ikona-narty.png) top left no-repeat;}
.icon.green { background: url(../images/ikona-taniec.png) top left no-repeat;}
.icon.blue { background: url(../images/ikona-fitness.png) top left no-repeat;}
.icon.none {}

#content-body-text { margin: -20px 20px 0px 100px; padding: 0px; font-size: 1.2em; overflow:auto;}
#content-body-text.margin-text { margin: -20px 20px 0px 20px; padding: 0px;}
#content-body-text p { margin: 0px; padding: 0px;}

#content-body-text #zdecydowales-sie { margin: 0px; padding:0px; width: 250px; height: 140px; background: url(../images/zdecydowales-sie.png) top left no-repeat; position:absolute; top: 350px; left: 650px;}
#content-body-text #left { margin: 0px; padding: 0px; float:left; width:50%;}
#content-body-text #right { margin: 0px 20px; padding: 0px; float:left; width:30%; }
#content-body-text #right.background-o-nas{ height: 320px; background: url(../images/o-nas.png) top center no-repeat;}
#content-body-text #right img { margin: 10px 20px; padding: 0px;}

span.red { color: #c41616;}
span.bold { font-weight: bold;}
p.kwadrat {  width: 20px; height: 20px; background-color: #d6edf7; }
p.yellow { color: #dbd914;}
p.red { color: #c41616;}
p.green { color: #00a104;}
p.blue { color: #61b4d6;}
p.orange { color: #ec7527;}
p.bold { font-weight: bold;}
p.italic { font-style:italic;}
p.text-decoration{ text-decoration:underline;}
a.text-decoration-none{ text-decoration: none;}
p.size { font-size: 1.2em}
p.size2 { font-size: 1.1em}
p.right { text-align:right;}
p.left { float:left;}
p.font { font-size: 1.3em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#content-body-text p.margin { margin: 10px;}
#content-body-text p.margin-for-table { margin-left: 70px;}
p.margin-copyright { margin: 20px 0px 0px 0px; text-align:center;}


#content-body-text.fitness-tlo { background: url(../images/fitness-tlo.png) 100% 90% no-repeat;}
#content-body-text.taniec-tlo { background: url(../images/taniec-tlo.png) 100% 98% no-repeat;}
#content-body-text.gallery-margin { margin-right: 40px;}


.libe-blue-right { margin: 0px; padding: 0px; float:left; width: 100%; height:20px; background: url(../images/line-blue-right.png) bottom right no-repeat; }
.aktualnosci-tlo { margin: 10px 0px; padding: 20px; background: #f7f7f5 url(../images/pinezka1.png) top right no-repeat; border-radius: 10px; border: 1px solid #ecece7;}
#content-body-text .aktualnosci-tlo a:hover { color: #3cb0e1;}

#aktualnosci-left { float: left; margin: 0px; padding: 0px; width: 50%;}
#aktualnosci-right { float: right; margin: 0px; padding: 0px; width: 49%;}
#aktualnosci-center { float: left; margin: 0px; padding: 0px; width: 100%;}

#narty-left { float: left; margin: 0px; padding: 0px; width: 50%;}
#narty-right { float: right; margin: 0px 30px 0px 0px; padding: 15px; width: 40%; background-color: #f7f7f5; border-radius: 10px; border: 1px solid #ecece7; }
#narty-center { float: left; margin: 0px; padding: 0px; width: 100%;}
#narty-right table { margin-left: 30px;}
#narty-right a:hover { color: #3cb0e1;}

#taniec-left { float: left; margin: 10px 0px 0px 0px; padding: 15px; width: 45%; background-color: #f7f7f5; border-radius: 10px; border: 1px solid #ecece7;}
#taniec-right { float: right; margin: 10px 0px 0px 0px; padding: 15px; width: 45%; background-color: #f7f7f5; border-radius: 10px; border: 1px solid #ecece7;}
#taniec-center { float: left; margin: 10px 0px 0px 0px; padding: 0px; width: 100%;}

/* TABELA */
table { border: 2px solid #61b4d6;}
th { background-color: #61b4d6; border: 1px solid #4b97b6; color: #FFF;}
td { background-color: #FFF;  border: 1px solid #4b97b6; text-align:center; } 
td.td-color { background-color: #d6edf7;}
th.border-top-none { border-top: hidden;}
th.border-bottom-none { border-bottom: hidden;}

/* LINE */
#line { margin: 0px; padding: 0px; float:left; width: 100%; height:5px; background-color: #d6d7d5;}

/* FOOTER */
#footer { margin: 0px; padding: 0px; width: 100%; height: 100px; float: left; background: #ebe9e8 url(../images/footer-shadow.png) top center no-repeat; border-top: 1px solid #FFF;}
#footer ul { margin: 15px 0px 0px 240px; padding: 0px; list-style: none;}
#footer ul li { margin: 0px; padding: 0px 25px 0px; display: inline;}
#footer ul li a { margin: 0px; padding: 0px; font-size: 1.2em; font-weight: bold; text-decoration: none;}
#footer ul li a p a { margin: 0px; padding: 0px; font-size: 1em; font-weight: bold; text-decoration: none; color: #6a6565;}


/* KONTAKT */
#content-body-text #form { margin: -30px 0px 0px 0px; padding: 32px 0px 0px 0px; background: url(../images/form.png) top left repeat-x;}
#content-body-text #form form { margin: 0px; padding: 0px;}
#content-body-text #form form fieldset { border: 0px; width: 600px;}
#content-body-text #form form ul { margin: 20px 0px 20px 30px; padding: 0px; list-style: none;}
#content-body-text #form form ul li { margin: 0px; padding: 5px;}
#content-body-text #form form ul li label { margin: 0px; padding: 0px; display: block; width: 180px; float: left;}
#content-body-text #form form ul li textarea {margin: -15px 0px 5px 180px; }
#content-body-text #form form input#send { margin: -15px 0px 0px 500px; padding: 0px;}
#content-body-text #form form h3 { margin: 0px 0px 0px 30px; padding: 0px; font-size: 1.3em; color: #61b4d6;}
#content-body-text #dane-kontaktowe { margin: 0px; padding: 0px 30px 15px 30px; border-bottom: 1px solid #cbc9c8;}

#content a { text-decoration: none; color: #c41616;}
a { color: #1b6c8e; outline:none;}
a:hover { color: #3cb0e1;}
a:active {}
a:link {}
a:visit{}