body {background: #dcd8d5 url(../images/body-bg.jpg); font-family: Arial; font-size: 12px; margin: 0; padding: 0;}
a img {border: none;}
address {font-style: normal;}

a {outline: none;}

#page {margin: 0 auto; width: 864px; }
#main {float: left; width: 864px; }

#head {float: left; width: 100%; height: 275px; overflow: hidden; background: #fff url(../images/head-bg.jpg) no-repeat right top;}
#head .cnt {float: left; width: 425px; height: 240px; }
#menu {float: left; width: 100%; height: 35px; 
       background-color: #002736;}

#head .cnt img {float: left; }
#head .grafika {margin: 25px 37px 0 34px; }
#head h1 {float: left; margin: 0; margin: 39px 0 47px 0; }
#head .odoba {float: left; width: 125px; }
#head .odoba span {float: left; width: 125px; margin-bottom: 8px; }


#menu ul {list-style-type: none; float: left; color: #fff; 
          font-size: 14px; float: left; margin: 0; padding: 0;
          margin-left: 45px;}
#menu li {float: left; margin: 0; padding: 0; display: inline;height: 23px; 
          padding-top: 6px; height: 29px;}
#menu li.sel {background-color: #e2003b; }
#menu li.sel a {border-right: none; }
#menu ul a {color: #fff; text-decoration: none; padding-left: 25px; 
            padding-right: 25px; height: 23px; line-height: 23px; 
            border-right: solid 1px #7b7b7b; float: left;}
            
#posuvnik {float: left; width: 838px; height: 161px; 
           background: #d6d6d6 url(../images/posuvnik-bg.png) repeat-x; 
           border-top: solid 1px #8a999e;
           padding-left: 13px; padding-right: 13px;}
           
#posuvnik ul {float: left; margin: 0; padding: 0; list-style-type: none;}
#posuvnik li {float: left; display: inline; margin: 0; padding: 0; }

#posuvnik .arr {float: left; height: 96px; width: 30px; padding-top: 65px;
                background-repeat: no-repeat;}
                
#larr {background-image: url(../images/posuvnik-left.png);
       background-position: left center;}
       
#larr:hover {background-image: url(../images/posuvnik-left-active.png);
       background-position: left center;}
       
#rarr {background-image: url(../images/posuvnik-right.png);
       background-position: right center;}
       
#rarr:hover {background-image: url(../images/posuvnik-right-active.png);
       background-position: right center;}
       
#posuvnik .tiles {float: left; padding-top: 18px; width: 778px;}
#posuvnik .tile {float: left; border-style:solid; border-width: 4px;
                 margin-right: 0px; margin-left: 10px; overflow: hidden; 
                 width: 110px; height: 110px; position: relative;
                 text-decoration: none;}
#posuvnik .tile img {width: 110px; position: absolute; top: 0; left: 0; }
#posuvnik .tile span {display: block; position: absolute; top: 88px;
                      left: 0; width: 94px; height: 20px; 
                      padding-top: 4px;
                      padding-left: 8px; padding-right: 8px; overflow: hidden;}
#posuvnik .tall span {height: 32px; top: 74px; left: 0; }                     
#posuvnik .red span {background-image: url(../images/red-trbg.png);
                     color: #fff;}
#posuvnik .white span {background-image: url(../images/white-trbg.png);
                       color: #002736;}
#posuvnik .red {border-color: #e2003b;}
#posuvnik .white {border-color: #fff;}

#footer {float: left; width: 100%; background-color: #fff; padding-top: 45px;}
#footer .reference {float: left; width: 100%; padding-bottom: 20px; 
                    border-bottom: dashed 1px #5b5b5b; 
                    background-color: #fff; margin-bottom: 3px;
                    color: #515151;}
#footer h4 {font-size: 12px; font-weight: normal; margin: 0; 
            margin-bottom: 10px; margin-left: 25px;}
#footer ul {list-style-type: none; float: left; margin: 0; padding: 0; }
#footer li {display: inline; float: left; margin: 0; padding: 0;}
#footer li a {float: left; margin-left: 25px; }

#footer .kontnas {float: left; width: 800px; color: #fff; 
                  background: #333 url(../images/ico-kontaktujte-dbg.png) no-repeat 18px 7px;
                  padding-left: 57px; padding-right: 7px; padding-top: 7px; padding-bottom: 7px;
                  border-bottom: solid 1px #797776;}
                  
#footer h3 {margin-top: 5px; margin-bottom: 5px; float: left; width: 630px;}
#footer .kontnas table {color: #ced5d7; width: 630px; float: left; }
#footer .kontnas table th {text-align: left;}
#footer .kontnas table a {color: #ced5d7; text-decoration: none;}
#footer .kontnas a.lmapa {float: left; }
#footer .madeby {background: #DCD8D5 url(body-bg.jpg); color: #000;
                 padding-bottom: 90px; float: left; width: 100%;
                 padding-top: 2px;}
#footer .left {float: left; }
#footer .right {float: right;}
#footer .right a {color:#e2003b; text-decoration: none; margin-left: 10px; 
                  margin-right: 3px; }
#footer .left a {text-decoration: none; color: #000;}

#content {float: left; padding-left: 15px; width: 849px;background-color: #fff; 
          color: #3f3f3f; }
#content #text {float: left; width: 570px; padding-top: 20px; line-height: 20px; 
                /*padding-bottom: 30px;*/}
#content.mp #text {width: 780px; }

#content #text table {border-collapse: collapse; border: 1px solid #808080;}
#content #text th {background-color: #BECBD0; color: #D9013A; font-weight: bold; padding: 5px; text-align: left; vertical-align: middle; border: 1px solid #808080;}
#content #text td {padding: 5px; text-align: center; vertical-align: middle; border: 1px solid #808080;}
#content #text .bg {background-color: #ececec;}

#content #text table.nostyle {border: 0;}
#content #text table.nostyle th {background-color: #ffffff; color: #000000; font-weight: normal; padding: 0; border: 0; text-align: left;}
#content #text table.nostyle td {padding: 0; text-align: left; border: 0;}

#text h2 {color: #002736; font-size: 16px; margin-bottom: 16px; margin-top:0;}
.red {color: #d9013a; }
.aktuality {float: left; width: 470px; }
#full {width: 560px;}
.aktuality .header {float: left; width: 410px; height: 40px; margin-bottom: 20px;
                    padding-left: 60px; background: transparent url(../images/panak.png)
                    no-repeat left center; }
.aktuality .header h3 {font-weight: normal; color: #515151; height: 40px; line-height: 40px;
                       float: left; margin: 0;}
.aktuality .prepinac {float: right; height: 40px; line-height: 40px;}
.aktuality .prepinac span {float: left; margin-right: 15px; }
.aktuality .prepinac a {float: left; margin-right: 3px; margin-top: 10px; }
.aktuality .prepinac a img {float: left; }
.aktuality p {font-size: 11px;}

.aktuality .hidden {display: none;}

.aktuality .body {float: left; width: 100%;}
.aktuality .body .head {float: left; width: 100%; padding-bottom: 5px; 
                        border-bottom: dashed 1px #808080;}
.aktuality .body .head h4 {float: left; color: #e2003b; font-weight: normal; 
                           font-size: 16px; margin: 0;}
.aktuality .body .head a.right {float: right; padding-top: 4px; font-size: 11px; 
                                color: #3f3f3f; text-decoration:none;}
.aktuality .body .text {float: left; width: 100%; }

.aktuality .body a {float: left; padding-top: 4px; font-size: 11px; 
                                color: #3f3f3f; text-decoration:none;}

.box {float: left; width: 260px; margin-bottom: 2px; }
.box h3 {float: left; padding-left: 13px; width: 247px; height: 34px; line-height: 34px;
           font-weight: normal; margin: 0; color: #002736;
           background-color: #becbd0; background-repeat: no-repeat; 
           background-position: 13px center;}
.box .body {width: 240px; padding: 15px 10px 22px 10px; background-color: #f9f8f8; 
             float: left;}
#login.box h3 {background-image: url(../images/ico-login.png); padding-left: 60px; width: 200px;}
#login .hints {float: left; }
#login label {color: #515151; width: 49px; float: left;}
#login table {margin-bottom: 10px; float: left inherit; width: 100%; border-spacing:0; 
              border-collapse: collapse;}
#login table td {padding-bottom: 10px; }
#login .hints a {color: #515151; text-decoration: none; font-style: italic; font-size: 11px;}             
#login .sbm {float: right; width: 71px; height: 22px; background: transparent url(../images/login-btn.png) no-repeat; 
             border: none; color: #fff;}
#login .txt {width: 184px; padding: 0; border: solid 1px #808080; }
#login td.right {text-align: right;}


#login.wide {width: 346px; float: right;}
#login.wide h3 {width: 286px; }
#login.wide .body {width: 326px; }
#login.wide .txt {width: 260px; }
#login.wide .sbm {width: 100px; height: 30px;}

#column-right {float: right; width: 260px; }

#text h2.gal {color: #667d86;}

#gallery {float: left; width: 565px; }
#gallery a, #gallery img {float: left;}
#gallery div {float: left; overflow: hidden;margin-right:3px; margin-bottom: 3px;}
#gallery .top {height: 30px;}
#gallery .middle {height: 339px;}
#gallery .bottom {height: 30px;}
#gallery .thumbs div {width: 151px;}
#gallery .thumbs {width: 151px;}
#gallery .thumblist a {float: left; width: 151px; height: 111px; overflow: hidden; border-bottom: solid 3px #fff;}
#gallery .thumblist img {width: 151px;}

#gallery .large div {width: 407px;}
#gallery .large {width: 407px;}
#gallery ul {float: left; list-style-type: none; margin: 0; padding: 0; }
#gallery li {float: left; display: block; margin: 0; padding: 0;}
#gallery .hidden {display: none;}

#gallery h3 {float: left; margin: 0; color: #fff;  height: 30px; line-height: 30px;
             margin-left: 10px;}
#gallery .head {background-color: #002736; }
#gallery .uarr img, #gallery .darr img {float: none; margin-top:6px;} 
#gallery .uarr a, #gallery .darr a {width: 151px; height: 30px; text-align:center;}
#gallery .uarr {background-color: #e7e7e7; }
#gallery .darr {background-color: #e7e7e7; }
#gallery .popisek {background-color: #e2003b; color: #fff;}
#gallery .popisek a {color: #fff; padding-right: 30px; 
                     background: transparent url(../images/lupe.png) no-repeat right center;
                     text-decoration: none; margin-right: 10px; }
#gallery .popisek span {margin-left: 10px;font-size: 14px;}
#gallery .popisek .left {float: left; height: 30px; line-height: 30px;}
#gallery .popisek .right {float: right; height: 30px; line-height: 30px;}

#kategorie.box h3 {background-color: #002736; color: #fff; }
#kategorie.box div {float: left; width: 260px; }
#kategorie.box a {float: left; width: 232px; height: 30px; line-height: 30px; 
                  background-color:#eaf2f5; border-bottom: solid 1px #fff;
                  padding-left: 16px; padding-right: 12px; 
                  text-decoration: none; color: #313131; cursor: pointer;}
#kategorie.box a:hover {color: #e2003b;}
#kategorie .sel {color: #e2003b !important;}
#kategorie.box a .left {float: left; }
#kategorie.box a .right {float: right; font-size: 11px;}

ul.redsquare {margin: 0; padding-left:20px; color: red; list-style-type:square; 
                 line-height: 22px; font-size: 14px;}
ul.redsquare li {}
ul.redsquare li a {color: #313131; text-decoration: none;}
ul.redsquare li a:hover {color: #e2003b;}
#souvisejici h3 {background-color: #e0e8eb; }

#treneri.box h3 {background-color: #002736; color: #fff; }

.d-link {float: left; margin-top: 5px; text-decoration: none;}
.d-link span {height: 20px; line-height: 20px; float: left;} 
.d-link .btn {width: 40px; text-align: center; 
            background-color: #002736; color: #fff; text-decoration: none;
            margin-right: 10px;}
.d-link .desc {color: #313131; text-decoration: none;}

hr {height: 0; width: 100%; border: none;border-bottom: solid 1px #bacfd7; float: left;
    margin-top: 10px; margin-bottom: 10px; }
    
.cluster {float: left; }
.adresa {width: 100%; }
.adresa address {float: left; }
.adresa table {float: left; margin-left: 120px;}
.adresa table th, .adresa table td {text-align: left;}
.adresa table a {color: #3F3F3F; text-decoration: none; }
.adresa table th {width: 50px;}
table.tel th, table.tel td {text-align: left; }
table.tel th {width: 50px;}
#text.kontakt {line-height: normal !important;}

#mapa {float: left; width: 559px; text-decoration: none; 
       color: #002736;margin-top: 24px; margin-bottom: 40px;}
#mapa span {float: left; height: 27px; line-height:27px; padding-left: 5px; padding-right: 58px;
            background-color: #e0e8eb; }
#mapa img {width: 547px; float: left; border: solid 5px #e0e8eb; }

.nounderline {text-decoration: none;}

table.ico {margin-top: 10px; margin-bottom: 10px;}

.lineheight {line-height: 21px;}

#regform {width: 563px; clear: both;}
#regform h3.register {background: #e0e8eb url(../images/ico-reg.png) no-repeat 13px center; 
                      padding-left: 60px; width: 503px; height: 34px;
                      line-height: 34px; font-weight: normal; color: #e2003b; margin: 0;}
td.underline {text-decoration: underline; font-size: 11px;}
td.tal {text-align: right;}
td.tal input {float: right; color: #fff; border: none; width: 71px;
              height: 22px; background: transparent url(../images/login-btn.png); 
              margin-right: 7px;
              margin-top: 20px;}
              
.spec {width: 540px; color: #515151;}
.spec a {color: #515151; text-decoration: underline; font-style:italic; font-size: 11px;}
.spec .txt {border: solid 1px #808080; padding: 0; width: 184px;  }
.spec th {font-weight: normal; text-align: right; }
.spec td{padding-bottom: 7px;}

.spec label {padding-right: 5px; }
.spec label.strong {font-weight: bold; }
#regform .body {width: 533px; padding: 15px; background-color:#f9f8f8;}

#success {background: #e2003b url(../images/ico-login-red.png) no-repeat 20px center; 
          float: left; width: 483px; padding-left: 60px; padding-right: 20px; 
          padding-top: 15px; padding-bottom: 15px;
          color: #fff; font-size: 14px; margin-top: 15px; margin-bottom: 15px;}
          
img.float-r {float: right; margin: 0px 0 10px 10px;}

#text h4 {color:#113543; margin-bottom: 0px; margin-top: 15px;}
#text p a {color:#9e1539;}
#text p {text-align: justify;}

ol {list-style-type:decimal; font-weight: bold; padding-left: 23px;}
ol ol {list-style-type: upper-latin; }
ol ol ol {list-style-type: lower-latin;}

ol li {font-weight: bold; }
ol li span {font-weight: normal;}

ul.redcircle {color: #e2003b; list-style-type: disc; padding-left: 20px; margin-top: 15px;
              text-align: justify;}
ul.redcircle li span {color: #3F3F3F; }
ul.redcircle li {margin-bottom: 25px;}

#text ol.desatero li {margin-bottom: 10px;}
#text ol.desatero {margin-bottom: 20px;}

p.vystraha {margin-left: 20px; color: #b61d44; }

/* ajax loader */
#content .loader {margin-top: 100px; margin-left: 410px;}

.box h3 {font-size: 14px; }
#footer h3 {font-size: 14px; }
#gallery h3 {font-size: 14px; }

.hidden {display: none;}