* {
font-family: Helvetica,Arial,sans-serif;
font-size: small;
margin: 0;	
border: none;
padding: 0;
color: #333;
}

/*
colors:
orange: ff8f05
dark grey: 333

layout:
header 100 / 38
pcs 200 / 150
text 710 / news 270 / pad 42
icon 140 x 35
aktuality pcs 182 x 84
*/

body {
background-color: #fff;
}

/* header & menus */

#header {
position: relative;
width: 100%;
height: 134px;
text-align: center;
background-image: url(../pcs/bg-top.gif);
background-position: 0 0;
background-repeat: repeat-x;
}

#top-line {
position: relative;
margin: 0 auto;
width: 985px;
height: 98px;
}

#meddium-line {
position: relative;
margin: 0 auto;
width: 985px;
height: 36px;
}

#meddium-line a {
display: block;
float: left;
width: 140px;
line-height: 36px;
font-size: 13px;
text-align: center;
color: #fff;
text-decoration: none;
background-image: url(../pcs/menu-line.gif);
background-position: 0 0;
background-repeat: no-repeat;
}

#meddium-line a:hover,#meddium-line a.active {
background-color: #ff8f05;
text-decoration: none;
}

#meddium-line .last {
float: left;
width: 1px;
height: 36px;
background-image: url(../pcs/menu-line.gif);
background-position: 0 0;
background-repeat: no-repeat;
}

#logo {
display: block;
position: absolute;
left: 3px;
top: 30px;
width: 204px;
height: 34px;
background-image: url(../pcs/logo.gif);
background-position: 0 0;
background-repeat: no-repeat;
}

#top-icon {
position: absolute;
right: 4px;
top: 40px;
width: 700px;
margin: 0;
padding: 0;
text-align: right;
}

#top-icon li {
float: right;
list-style: none;
padding: 1px 13px;
border-right: 1px solid #fff;
}

#top-icon a {
font-size: 12px;
color: #fff;
text-decoration: none;
}

#top-icon a:hover {
color: #333333;
text-decoration: none;
}

/*  homepage  */
#page-home {
position: relative;
z-index: 1;
width: 100%;
}

#content-home {
position: relative;
z-index: 50;
margin: 0 auto;
padding-top: 45px;
width: 982px;
}

#text-home {
position: relative;
float: left;
width: 495px;
}

#news-home {
position: relative;
float: left;
width: 220px;
}

#gallery-home {
position: relative;
float: left;
width: 260px;
}

.pcs-wide {
display: block;
width: 185px;
height: 90px;
margin: 5px 0;
background-image: url(../pcs/bg.jpg);
background-position: 50% 0;
background-repeat: no-repeat;
}

#animation {
position: relative;
margin: 0 auto;
padding-top: 80px;
z-index: 50;
width: 985px;
height: 170px;
background-image: url(../pcs/carky-home.gif);
background-position: 497px 80px;
background-repeat: no-repeat;
}

#pcs-info-1,#pcs-info-2,#pcs-info-3,#pcs-info-4,#pcs-info-5,#pcs-info-6,#pcs-info-7 {
position: relative;
width: 100%;
}

.info-blank {
float: left;
width: 495px;
height: 100px;
}

.info-first {
}

.info-first,.info-second {
float: left;
width: 190px;
padding: 0 15px;
color: #fff;
/*border-left: 1px solid #fff;*/
}

.info-second {
width: 230px;
padding: 0 0 0 30px; 
font-size: 16px;
}

.info-first *,.info-second * {
color: #fff;
font-size: 16px;
}

#animation strong {
font-size: 44px;
line-height: 46px;
font-weight: bold;
}

/*  content  */
#page {
position: relative;
width: 100%;
background-image: url(../animation/bg1a.jpg);
background-position: 50% 0;
background-repeat: repeat-x;
}

.aktuality #page {
background-image: url(../animation/bg8a.jpg);
}

.koncepce #page {
background-image: url(../animation/bg9a.jpg);
}

.treneri #page {
background-image: url(../animation/bg10a.jpg);
}

.fotogalerie #page {
background-image: url(../animation/bg12a.jpg);
}

.kontakty #page {
background-image: url(../animation/bg13a.jpg);
}

.profi #page {
background-image: url(../animation/bg1a.jpg);
}

.life #page {
background-image: url(../animation/bg2a.jpg);
}

.junior #page {
background-image: url(../animation/bg3a.jpg);
}

.baby #page {
background-image: url(../animation/bg4a.jpg);
}

.sport #page {
background-image: url(../animation/bg5a.jpg);
}

.lady #page {
background-image: url(../animation/bg6a.jpg);
}

.rozvoj #page {
background-image: url(../animation/bg7a.jpg);
}

#content {
position: relative;
margin: 0 auto;
width: 982px;
padding-top: 150px;
}

#text {
position: relative;
float: left;
width: 710px;
}

#news {
position: relative;
float: left;
width: 270px;
}

#footer {
position: relative;
margin: 15px auto;
width: 982px;
padding-top: 6px;
border-top: 4px solid #333;
text-align: right;
}

#footer * {
font-size: .8em;
}

.new {
position: relative;
padding-bottom: 10px;
}

.new span,#news p span,#news-home p span {
font-size: .8em;
font-style:italic;
}

.new h3 {
margin: 3px 0;
}

.pcs-right {
display: block;
width: 109px;
height: 82px;
float: right;
background-position: 50% 50%;
background-repeat: no-repeat;
margin: 20px 0 0 10px;
}

.gallery-box {
float: left;
margin: 0 10px 10px 0;
width: 190px;
height: 180px;
}

.gallery-box a {
display: block;
width: 180px;
height: 130px;
margin-bottom: 5px;
background-position: 50% 50%;
background-repeat: no-repeat;
}

.gallery-pcs {
display: block;
float: left;
width: 180px;
height: 130px;
margin: 0 10px 10px 0;
background-position: 50% 50%;
background-repeat: no-repeat;
}

.gallery-box div {
text-align: center;
}

.gallery img {
margin: 0 5px 5px 0;
}

/* fonts */
h1 {
font-size: 23px;
line-height: 28px;
margin: 0 0 10px 0;
color: #ff8f05;
}

.h1 {
display: block;
font-size: 19px;
line-height: 22px;
font-weight: bold;
margin: 0 0 10px 0;
color: #ff8f05;
}

h2,h2 a {
font-size: 18px;
line-height: 22px;
margin: 0 0 10px 0;
}

h3 {
font-size: 14px;
line-height: 18px;
margin: 7px 0;
color: #ff8f05;
}

p {
padding: 0 0 10px 0;
}

a {
}

strong {
font-size: 1.1em;
}

a:hover {
color: #000;
text-decoration: underline;
}

#top-icon a.active {
color: #000;
}

a.main {
font-size: 1.1em;
color: #ff8f05;
}

.p20 {
padding: 42px;
}

#news .p20 {
margin: 42px 42px 42px 0;
padding: 0 0 0 25px;
border-left: 1px solid #ccc;
}

#news-home .p20 {
margin: 42px 12px 12px 0;
padding: 0 0 0 15px;
border-left: 1px solid #ccc;
}

#gallery-home .p20 {
margin: 42px 12px 12px 0;
padding: 0 0 0 30px;
border-left: 1px solid #ccc;
}

.p20 ul,.p20 ol {
margin: 10px 0 20px 20px;
}

.p20 li {
padding-bottom: 7px;
}

/* tables */
table {
margin: 3px 0 10px 0;
}

th { 
text-align: left; 
}

td { 
text-align: right; 
}

td,th { 
border-bottom: 1px solid #6e6e6e;
padding: 3px 0;
margin: 0;
}

.send {
font-size: 13px;
color: #fff;
font-weight: bold;
background-color: #fe0000;
text-decoration: underline;
padding: 3px;
}

.right {
text-align: right;
}

.neviditelny {
display: none;
}

.reset {
clear: both;
}


/*  treneri  */
.trenerLeft {
border-right: 1px solid #ccc;
padding-right: 5px;
}

.trenerLeft, .trenerRight {
width: 290px;
float: left;
margin: 15px 20px 0 0;
}

.trenerRight {
margin: 15px 0 0 0;
}

.trenerLeft ul, .trenerRight ul {
margin-bottom: 5px;
}