/* ----------------------------------------------------------------------------
   Typo & commons */

html, body { margin: 0; padding: 0; }
body {
    font: 13.3px/20px Arial, Helvetica, sans-serif; color: #efe1d7;
    background: transparent;
}

object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
address, cite, code, img, dl, ol, ul
fieldset, form, legend, table, caption {
    margin: 0 0 20px 0; padding:0;
    vertical-align: baseline;
}

h1, h2 {
    font-size: 30px; font-weight: bold; color: #c2e866; text-transform: uppercase;
}
h2.next { font-size: 32px; }
h3 { font-size: 16px; color: #bf906f; text-transform: uppercase; }
h3.next { color #c2e866; text-transform: none;}
h4 { font-size: 18.7px; color: #c2e866;}

a { color: #c2e866; text-decoration: none; border-bottom: 1px dotted #c2e866; font-weight: normal;}
a:hover, a:active, a:focus { color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; }
a.un { color: #c2e866; text-decoration: underline; border: 0px; font-weight: normal;}
a.un:hover, a.un:active, a.un:focus { color: #fff; text-decoration: underline; border: 0px;  }
h2 a, h3 a, h4 a { text-decoration: none; }
p.big, span.big { font-size: 14.7px;}
small {font-size: 12px;}

ul.list {list-style-image: url("../images/list.gif"); padding-left: 14px;}
ul.list li {font-size: 13.3px; color: #efe1d7; padding-bottom: 10px; padding-left: 4px;}

.table thead td { font-size: 10.7px; color: #bf7f52; text-transform: uppercase; padding-left: 5px;}
  .table td { border-bottom: 1px solid #4b3d33; padding: 5px 0px 5px 5px; vertical-align: top;}
.table tbody tr:nth-child(2n) td, tbody tr.even td { background: transparent; }
  .table tbody tr.latest td {border: 0px;}
  .table tbody td span { display: block; width: 56px; height: 10px;}
.table tbody td span.disk{
  display: block; width: 15px; height: 15px; margin-left: 18px; 
  -webkit-border-radius: 15px; border-radius: 15px;
}
  .table tbody td span.muzi { background: #5da7c5;}
  .table tbody td span.zeny { background: #f12f2f;}
  .table tbody td span.tymy { background: #5dc864;}
  .table tbody td span.deti-mladsi { background: #fff371;}
  .table tbody td span.deti-starsi { background: #f9a747;}
  .table tbody td span.dorost { background: #df6811;}
  .table tbody td span.tymy-deti { background: #eb32cf;}
  
  .table tbody td a:hover span {
    -moz-opacity: 0.50;
    -khtml-opacity: 0.50;
    opacity: 0.50;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  }



/* Forms */
label { display: block; color: #e8c7b1; }
label.required:after { content: url(../images/asterisk.png); margin-left: 2px; }
label.radio,
label.checkbox {
    display: block; display: inline-block; height: 60px;
    margin: -10px; padding-left: 50px;
    font-size: 16px; line-height: 60px; color: #a5bc6d;
    background: transparent url(http://www.bahnak.eu/images/form-radio.png) 0px 0px no-repeat;
    cursor: pointer;
}
label.checkbox {
    background-image: url(http://www.bahnak.eu/images/form-checkbox.png);
}
label.radio:hover, label.checkbox:hover,
label.radio:active, label.checkbox:active { color: #fff; }
label.radio.checked,
label.checkbox.checked {
    color: #fff;
    background-position: 0 -100px;
}

input[type=text],
input[type=password],
textarea,
select {
    border: 1px solid #505e30;
    font-size: 16px; color: #fff;
    background: #22150c;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 3px;
}
input[type=text]:active, input[type=text]:focus,
input[type=password]:active, input[type=password]:focus,
textarea:active, textarea:focus,
select:active, select:focus {
    border-color: #c2e866;
    outline: none;
}

input[type=text], input[type=password], textarea { width: 200px; padding: 10px; }
select { padding: 4px; }


/* Special classes */
.hidden { position: absolute !important; top: -10000px !important; left: -10000px !important; }
.invisible { visibility: hidden; }
.clear { clear: both !important; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.green { color: #c2e866; }

hr.sep {
    width: 960px; height: 20px;
    margin-bottom: 40px;
    color: transparent;
    zoom: 1; background: transparent url(../images/vertical-content-sep.png) 0 0 no-repeat;
}


/* Fixies */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/* Nette */
#ajax-spinner {
  display: none; z-index: 123456; 
  margin: 15px 0 0 15px; padding: 13px; font-size: 0;
  background: white url('../images/spinner.gif') no-repeat 50% 50%;	
}



/* ----------------------------------------------------------------------------
   Grid system */

.row { clear: both; }
    .row .row { margin: 0 -10px; }
.row-sep { height: 20px; }
    .row-sep hr { display: none; }

.row.col { padding: 0; width: auto !important; clear: none; } /* experimentalni! */

.col {
    position: relative; float: left;
    width: 960px; margin-left: 0; margin-right: 0; padding: 0 10px;
}
.col.on-right { float: right; }

/* 16 columns */
.col.span-1  { width: 40px; } .col.span-2  { width: 100px; } .col.span-3  { width: 160px; } .col.span-4  { width: 220px; }
.col.span-5  { width: 280px; } .col.span-6  { width: 340px; } .col.span-7  { width: 400px; } .col.span-8  { width: 460px; }
.col.span-9  { width: 520px; } .col.span-10 { width: 580px; } .col.span-11 { width: 640px; } .col.span-12 { width: 700px; }
.col.span-13 { width: 760px; } .col.span-14 { width: 820px; } .col.span-15 { width: 880px; } .col.span-16 { width: 940px; }

.col.hight-1 {height: 100px;} .col.hight-2 {height: 200px;} .col.hight-3 {height: 300px;} .col.hight-4 {height: 400px;} .col.hight-5 {height: 500px;}

.col.rebound-top-1 { margin-top: 10px;} .col.rebound-top-2 { margin-top: 20px;} .col.rebound-top-3 { margin-top: 30px;} .col.rebound-top-4 { margin-top: 40px;}
.col.rebound-top-5 { margin-top: 50px;} .col.rebound-top-6 { margin-top: 60px;} .col.rebound-top-7 { margin-top: 70px;} .col.rebound-top-8 { margin-top: 80px;}

/* ----------------------------------------------------------------------------
   Layout */


html { 
    background: #37271c url(../images/backlight.jpg) no-repeat center top;
} 

#mainframe {
    position: relative; width: 960px; height: 100%;
    margin: 0 auto; text-align: left;
    background: transparent url(../images/headTop.jpg) no-repeat center top;        
}

#header {
  display: block; width: 100%; height: 222px; 
   
}
  #logo { display: block; height: 150px; padding: 0px; margin: 0px;float: left;}
    #logo a { border: 0px; text-decoration: none;}

  #mainmenu { display: block; width: 700px; list-style: none; padding: 0px; margin: 0px; float: right;}
    #mainmenu li { display: block; height: 32px; padding: 0px; margin: 0px; float: left; padding: 30px 0px 0px 25px;}
      #mainmenu li a { display: block; height: 32px; border: 0px; text-decoration: none;background-repeat: no-repeat; background-color: transparent; }
        #mainmenu li a span { visibility: hidden;}

        /* cs-menu-left*/
        .lang_cs #mainmenu li a { background-image:  url(../images/nav/menu-cs-left.png);}
        .lang_cs #mainmenu li.nl_1 {padding-left: 20px;} 
        .lang_cs #mainmenu li.nl_1 a {width: 52px;}
        .lang_cs #mainmenu li.nl_2 a {width: 112px;}
        .lang_cs #mainmenu li.nl_3 a {width: 81px;} 
        .lang_cs #mainmenu li.nl_4 a {width: 50px;}
        .lang_cs #mainmenu li.nl_5 a {width: 93px;} 
        
        

  #header .headBottom {
    display: block;
  }
    #header .regBox { display: block; width:  310px; position: relative; float: right; top: 100px; 
    }
      #header .regBox p {display: block; margin: 0px 0px 5px 0px; font-size: 12px; color: #bf906f;
      }
      #header .regBox p.date { font-size: 17px; font-weight: bold; color: #fff; }
      #header .regBox p span {color: #c2e866;}
      #header .wrapLeft {float: left;}
      #header .button {position: absolute; top: 60px; right: 70px; z-index: 999;}
      #header .regBox.hpReg .button {top: 105px; right: 80px; z-index: 999;}

    .flags {
        position: absolute; top: 10px; right: 10px; width: 140px; height: 40px; z-index: 10;
    }
    .flags a { text-decoration: none; border: none; }
    .flags img { margin: 0; }
    .flags img:hover,
    .flags img:active { opacity: 0.5; }
    .flags .pl, .flags .de { margin-right: 5px; }


#content {
  display: block; width: 960px;
  position: relative; float: left;     
}

#footer {
  display: block; width: 960px; min-height: 200px;  
  position: relative; float: left; padding-top: 67px; margin-top: 80px;
  font-size: 12px; color: #80604a;      
  background: #37271c  url(../images/footerTop.png) no-repeat left top; 
}
  #footer p { padding-left: 0px; }
  #footer a {border: 0px; color: #80604a;}
  #footer .logos .foTxt { float : left; margin-bottom: 5px;}
  #footer .logos img {float : left; padding: 0px; margin: 0px 0px 2px 0px; }
  #footer .logos ul {margin: 0px; padding: 0px; list-style: none;}
  #footer .logos ul li {margin: 0px; padding: 0px; float:left; margin-right: 10px; display: block; }
  #footer .logos ul li.logo1 {width: 45px;}
    #footer .logos ul li.logo1 img {margin-left: 5px;}
  #footer .logos ul li.logo2 {width: 58px;}
  #footer .logos ul li.logo3 {width: 55px;}
    #footer .logos ul li.logo3 img {margin-left: 4px;}
  #footer .logos ul li.logo4 {width: 56px;}
  #footer .logos ul li span {display: block; width: 100%;  text-align: center; padding: 0px; font-size: 9.5px;}
  #footer .logos ul li a:hover {border: 0px; color: #fff;}
  #footer .copy { padding-top: 11px; margin-bottom: 10px; }
  #footer .sfn { 
    display: block; width: 28px; height: 23px;
    position: relative; top: 13px; left: 71px;
    background: transparent url(../images/sfn.png) no-repeat left bottom;
  
  }
  #footer .facebook { 
    display: block; width: 244px; height: 56px; line-height: 43px;
    position: relative; left: 43px; padding-left: 60px;
    color: #bf906f; font-size: 16px; font-weight: bold;  
    background: transparent url(../images/facebook.png) no-repeat left bottom; 
    }
    #footer .facebook:hover { background-position: left top; }



/* ----------------------------------------------------------------------------
   Buttons */
.button {
  display: block; display: inline-block; width: 140px; height: 30px; line-height: 30px;
  font-size: 14px; text-align: center; text-transform: uppercase; border: none
  text-decoration: none; font-weight: bold; border: none; outline: none; 
  background: url(http://www.bahnak.eu/images/button-green.png) no-repeat left top; color: #3a4e09;
}

.purple-btn { 
  height: 26px; line-height: 26px;
  font-size: 13.3px; font-weight: bold; 
  color: #fff; text-transform: none; 
  background: url(http://www.bahnak.eu/images/button-purple.png) no-repeat left top; 
}

.button:hover{ background-position: -140px top; border: none; outline: none; text-decoration: none; }
.button:active, .button:focus { background-position: right top; border: none; outline: none; text-decoration: none; }

 /* ----------------------------------------------------------------------------
   Pages styles */

#page {display: block;}
#page h2.first {
  display: block; width: 100%; height: 107px; 
  text-transform: none; padding-left: 40px;
  background: url(http://www.bahnak.eu/images/h2-first.png) no-repeat left top;
}
  #page .rightPage {padding: 0px; width: 630px; padding-left: 80px;}

  /* left page */
  #page .leftPage {display: block; width: 230px;}
    #page .leftPage ul#submenu {margin: 0px; padding: 0px; list-style: none; margin-left: 22px;} 
      #page .leftPage ul#submenu li { display: auto; margin-bottom: 20px; }
        #page .leftPage ul#submenu li a {
          display: inline-block; height: 35px; line-height: 35px;
          font-size: 18px; color: #7b5c46; border: 0px;
          padding-left: 6px; padding-right: 6px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;  
        }
        #page .leftPage ul#submenu li a:hover {color: #d0ed8a;} 
        #page .leftPage ul#submenu li a.active {
          color: #d0ed8a;
          background: url(../images/nav/submenu.jpg) repeat-x left top;      
        }   
 
   /* right page */
   #page .rightPage p {padding-right: 90px;}
    #page .rightPage strong { color: #fff;}
    #page .rightPage .hr { 
      display: block;  width: 710px; height: 42px;
      position: relative; left: -80px; padding-bottom: 20px;
      background: url(../images/hr.png) no-repeat left top;
    }

    /* bottom page */
     #page .catchwordBahnak {
      display: block; width: 960px; height: 286px; margin-top: 90px;  
      background: transparent url(http://www.bahnak.eu/images/catchwordBahnakShadow2.jpg) no-repeat left bottom;
    }
       #page .catchwordBahnak .txt {
        display: block; width: 100%; height: 100%;
        padding: 0px; margin:0px;
      }
       .lang_cs  #page .catchwordBahnak .txt {background: transparent url(../images/catchwordBahnakTxt-cs.png) no-repeat 330px 8px; }

      .partners a { border: none; height: 100px; line-height: 180px;}
      .partners h3 { padding-left: 30px;}
     
    
 /* ----------------------------------------------------------------------------
   Bahnak about */
 .about p {font-size: 14.7px;}
 .about .tb-about {width: 540px; font-size: 14.7px;}
    .about .tb-about td {padding-left: 30px;}
    .about .tb-about .td-1 {width: 75px; text-align: right; padding-left: 0px;}
 
 .about .subjectChange {width: 540px; text-align: right; font-size: 10.7px;}
 .about #moreInformation, .about #moreInformation p {font-size: 13.3px;}
 .about #moreInformation p strong.big {font-size: 14.7px;}

 .about #izsListWrap {
    display: block; width: 424px; height: 630px;  
    position: fixed; top: 100px; z-index: 999;
    margin-left: 190px;
    background-color: #956d49;
    border: 4px dashed #37271c; 
    -moz-opacity: 0.95;
    -khtml-opacity: 0.95;
    opacity: 0.95;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=95);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
    filter:alpha(opacity=95);          
  }  
    .about #izsListWrap #izsList {
      display: block; width: 424px; height: 650px;  
      position: absolute; top: 10px; left: 10px;       
     }
     .about #izsListWrap #izsList p, .about #izsListWrap #izsList ul li {
       color: #fff; font-size: 13.3px;
     }

    .aboutStartList  .tb-home .count {width: 10%;}
    .aboutStartList  .tb-home .name {width: 30%;}
    .aboutStartList  .tb-home .team {width: 140px;}
    .aboutStartList  .tb-home .time {width: 12%;}
    .aboutStartList  .tb-home td {vertical-align: top;}
               



    .aboutStartList  .categories {display: block; margin: 0px; padding: 0px;}
      .aboutStartList  .categories li {
        display: block; float: left; list-style: none;
        padding: 0px 15px 0px 15px;
        border-right: 1px solid #5c4b3f;
       }
        .aboutStartList  .categories li.first {padding-left: 5px;}
        .aboutStartList  .categories li.last {border: none;}
        .aboutStartList .hr {margin-top: 30px;} 
        
        
        
        
    .record  .categories {display: block; margin: 0px; padding: 0px;}
      .record  .categories li {
        display: block; float: left; list-style: none;
        padding: 0px 15px 0px 15px;
        border-right: 1px solid #5c4b3f;
       }
        .record  .categories li.first {padding-left: 5px;}
        .record  .categories li.last {border: none;}
        .record  .categories li a.active, .record  .categories li a:focus, .record  .categories li a:active {font-weight: bold; border-bottom: 0px; text-decoration: underline;}
        .record .hr {margin-top: 30px;} 
        
        .record .vid {padding: 30px 0px 30px 0px;}



 /* ----------------------------------------------------------------------------
   Gallery */
  #gallery-nahl {padding: 0px; margin: 0px;}
  #gallery-nahl a, #gallery-nahl img, #gallery-nahl a:hover {
    margin: 0px; padding: 0px; border: 0px; margin-bottom: -5px;
  }
  #gallery-nahl a:hover img {
    opacity: 0.7;
  }
  #gallery-nahl a:hover img#imgZoom {
    display: none;
    visibility: hidden;
  }

 /* ----------------------------------------------------------------------------
   Contacts */
  .contacts h3, .contacts p { padding-left: 30px; }



/** Registration **************************************************************/

.registration {
	width: 780px;
    padding: 20px 90px;
}

#registration-steps {
    margin-left: 40px;
}
    #registration-steps li {
        width: 170px; height: 40px;
        padding-left: 50px;
        color: #a395de; font-size: 18.7px; line-height: 40px; list-style: none; text-transform: uppercase;
        background: transparent url(http://www.bahnak.eu/images/reg-form-steps.png) 1000px 0 no-repeat;
        opacity: 0.25;
    }
    #registration-steps li.active { opacity: 1; }
    #registration-steps li.step1 { background-position: 0 0; }
    #registration-steps li.step2 { background-position: 0 -100px; }
    #registration-steps li.step3 { background-position: 0 -200px; }
    #registration-steps li.step4 { background-position: 0 -300px; }

.reg-step-back {
    margin: 20px 0 0 80px;
}

.registration h3 {
    text-transform: none;
}

.registration hr.sep {
    margin-left: -80px;
}

.registration .sex br { display: none; }
.registration .sex label.radio { margin: -6px 20px 0 -10px; }

.registration .note {
    display: block;
    margin-top: 10px; padding-left: 40px;
    font-size: 10.7px;
}
.registration .note em { color: #c2e866; }



#page.galerie .hr {
      display: block;  width: 960px; height: 42px;
       padding-bottom: 20px;
      background: url(../images/hr.png) no-repeat center top;
    }

#page.galerie .rightPage{padding-left: 0;}    
ul.submenu_list li{
   list-style: none; padding-left: 5px;line-height: 35px;
   background-image: url("../images/list.gif");
   background-position: 0 13px;
   background-repeat: no-repeat;}

ul.submenu_list li a{
  margin-left: 2px !important;}
 

.mar_0{margin: 0;}


/* rekordy bahnaka */
.winners_main{margin-bottom: 35px; display: block; height: 141px;}
.winners_main.team{height: 179px;}
.winner_wrap{
  width: 178px;
  height: 141px;
  display: block;
  float: left;
  position: relative;
  margin-right: 13px; 
  background-image: url("../images/winner-wrap.jpg");
  background-repeat: no-repeat; 
  background-position: top left;  }
  
  .winner_wrap.team{
    height: 179px;
    background-image: url("../images/winner-wrap_team.jpg");}
  
  .winner_year{
    color: #37271c; font-size: 18px; font-weight: bold;
    position: relative; top: 17px; left: 22px;}
    
  .winner_name{
    color: #37271c; font-size: 12px; font-weight: normal; line-height: 15px;
    position: relative; top: 44px; left: 33px;} 
  
  .winner_wrap.team .winner_name{top: 37px;}
    
  .winner_tab{
    color: #37271c; font-size: 12px; font-weight: normal; line-height: 16px;
    position: relative; top: 52px; left: 33px;}
    
    .winner_wrap.team .winner_tab{top: 46px;}
                              
    .winner_tab .winner_first{width: 37px; display: inline-block; color: #90341c}
    
.makers{padding: 0 !important;}
    
.makers_wrap .maker_left, .makers_wrap .maker_right{
  position: relative;}


.makers_wrap .maker_left img{float: left; width: 180px; height: 134px; }
.makers_wrap .maker_right img{float: right; width: 180px; height: 134px; }

.makers_wrap .maker_left .maker_name{font-size: 17px; font-weight: bold; color: #e2f0bb; margin-bottom: 0; position: absolute; top: 30px; left: 200px;}
.makers_wrap .maker_left .maker_organizator{font-size: 14px; font-weight: bold; color: #7b5c46; margin-bottom: 0; position: absolute; top: 50px; left: 200px; }

.makers_wrap .maker_right{margin-right: 30px; top: 70px;}
.makers_wrap .maker_left{ margin-top: 30px;}
.makers_wrap .maker_left.m_first{ margin-top: 0px;}

.makers_wrap .maker_right .maker_name{font-size: 17px; font-weight: bold; color: #e2f0bb; margin-bottom: 0; position: absolute; top: 30px; right: 200px;}
.makers_wrap .maker_right .maker_organizator{font-size: 14px; font-weight: bold; color: #7b5c46; margin-bottom: 0; position: absolute; top: 50px; right: 200px; }