/*css http://www.midasweb.eu */
*{margin:0;padding:0;}
body {background:#0F0F0F url(../img/bg.jpg) top center; color:#fff;  font-size:80%;margin:0 auto; width:100%;height:100%; letter-spacing:0px; text-align:center;font-family: Tahoma,georgia,"trebuchet ms",verdana,arial,lucida,sans-serif !important;line-height:1.4;}
img {border:0;}
ul li {list-style-type:none;}
#top {background:#343434 url(../img/top.jpg) repeat-x; position:absolute; left:0px; z-index:0;  width:100%; height:241px;}


/*tooltip*/
#easyTooltip{padding:10px;border:1px solid #2B2B2B; border-bottom:#000 2px solid; border-right:#000 2px solid; background:#131313 url(../img/bg.jpg);color:#D80000; display:none; text-align:left; letter-spacing:0px; z-index:1000; }
#easyTooltip b {font-size:120%}
.tip a {cursor:pointer}

/*head*/
#head { width:980px; height:440px; margin:0 auto; text-align:center; position:relative; z-index:10}
#head-in  {background:url("../img/head.jpg")  no-repeat; width:980px; height:440px; display:block; z-index:100; position:relative;}
#logoclick {position:relative; top:0px; left:0px; z-index:5; display:inline; width:400px; height:280px; float:left; clear:both; z-index:10; }
#h1 h1{color:#e60000;font-family:"Arial"; overflow:hidden;font-weight:normal;letter-spacing:0px;position:absolute;left:0px;top:15px;font-size:300%;z-index:0;width:900px;text-align:left; clear:both}
#bonus {width:208px; height:150px; position:absolute; right:0; top:142px; z-index:1000}
#skoleni {width:175px; height:150px; position:absolute; right:0; top:120px; z-index:1000}

/*horni menu pod headem*/
#menu {font-size:120%; margin:0 auto; text-align:center; height:74px; overflow:hidden; padding:5px 0 10px; }
#menu ul {margin:0 auto }
#menu li {display:inline; }
#menu li a { float:left; display:block; margin:0 7px}

#uvod a {background: url(../img/uvod.gif) top center no-repeat; height:65px; width:112px; }
#uvod a:hover {background: url(../img/uvod.gif) bottom center no-repeat; }
.aktiv-uvod {background: url(../img/uvod.gif) bottom center no-repeat;height:65px; width:112px;display:block; float:left;}

#jak-vybrat a {background: url(../img/jak-vybrat.gif) top center no-repeat;height:65px; width:194px; }
#jak-vybrat a:hover  {background: url(../img/jak-vybrat.gif) bottom center no-repeat;  }
.aktiv-jak-vybrat {background: url(../img/jak-vybrat.gif) bottom center no-repeat;height:65px; width:194px;display:block; float:left;  }

#tipy a {background: url(../img/tipy.gif) top center no-repeat;height:65px; width:224px; }
#tipy a:hover {background: url(../img/tipy.gif) bottom center no-repeat; }
.aktiv-tipy {background: url(../img/tipy.gif) bottom center no-repeat;height:65px; width:224px;display:block; float:left; }

#proc-my a {background: url(../img/proc-my.gif) top center no-repeat;height:74px; width:166px; }
#proc-my a:hover {background: url(../img/proc-my.gif) bottom center no-repeat; }
.aktiv-proc-my {background: url(../img/proc-my.gif) bottom center no-repeat;height:74px; width:166px;display:block; float:left; }

#tak-do-toho a {background: url(../img/tak-do-toho.gif) top center no-repeat; height:74px; width:195px;}
#tak-do-toho a:hover {background: url(../img/tak-do-toho.gif) bottom center no-repeat;}
.aktiv-tak-do-toho {background: url(../img/tak-do-toho.gif) bottom center no-repeat;height:74px; width:195px;display:block; float:left; }

#kontakt a {background: url(../img/kontakt.gif) top center no-repeat;height:65px; width:137px; }
#kontakt a:hover {background: url(../img/kontakt.gif) bottom center no-repeat; }
.aktiv-kontakt {background: url(../img/kontakt.gif) bottom center no-repeat;height:65px; width:137px;display:block; float:left;}

#coolfoto a {background: url(../img/coolfoto.gif) top center no-repeat;height:74px; width:145px; }
#coolfoto a:hover {background: url(../img/coolfoto.gif) bottom center no-repeat; }
.aktiv-coolfoto {background: url(../img/coolfoto.gif) bottom center no-repeat;height:74px; width:145px;display:block; float:left; }

#trening a {background: url(../img/trening.gif) top center no-repeat;height:74px; width:133px; }
#trening a:hover {background: url(../img/trening.gif) bottom center no-repeat; }
.aktiv-trening {background: url(../img/trening.gif) bottom center no-repeat;height:74px; width:133px;display:block; float:left; }

#kondicni-jizdy a {background: url(../img/kondicni-jizdy.gif) top center no-repeat;height:74px; width:196px; }
#kondicni-jizdy a:hover {background: url(../img/kondicni-jizdy.gif) bottom center no-repeat; }
.aktiv-kondicni-jizdy {background: url(../img/kondicni-jizdy.gif) bottom center no-repeat;height:74px; width:196px;display:block; float:left; }

.aktiv-proc-my, .aktiv-tak-do-toho, .aktiv-coolfoto, .aktiv-trening, .aktiv-kondicni-jizdy {margin:0 14px}

/*hlavni-layout-obsahova-cast+prava*/
#hlavni {width:980px; margin:0 auto; display:block; position:relative; min-height:400px; height:auto;}

/*stred-obsahova-cast*/
#stred  {width:700px; float:left; position:relative; padding:5px 0px 25px 0px; text-align:left;  ; letter-spacing:0.1px; }
#stred b {color:#cacaca;}
#stred strong {color:#fff;}
#stred  p {text-align:left;  }
#stred h1 {color:#fff;  font-size:320%; ;font-family:"Arial Narrow"; letter-spacing:0px;  }
#stred h1 span {color:#666!important; font-size:85%}
#stred h1 b {color:#E60000!important}
#stred h2 {color:#E60000; font-size:160%; font-weight:bold; font-family:"Arial Narrow";}
#stred h3 {color:#666; font-size:160%; font-weight:bold; font-family:"Arial Narrow"; margin-bottom:5px  }
#stred h4 {color:#666; font-size:160%; font-weight:bold; font-family:"Arial Narrow";  }
#stred ul {text-align:left}
#stred li {list-style-type:disc; margin-left:15px}
#stred  hr, #prava hr {color:#000; background-color:#000; border: 0 none; height:1px; margin:5px auto;_margin:0px auto; text-align:center; width:100%; clear:both }
#stred em {font-size:80%; color:#0A3307}

#stred-in img {border: 1px solid #DC693F; margin:0 1px; }
#stred-in a img{border:rgb(201,201,201) 2px double}
#stred-in a:hover img{border:#481300 2px double}



#prava {width:250px; float:right; text-align:left; padding:10px 0px 25px 0}
#prava h5, #prava h6 {color:#666; font-size:140%; margin-bottom:10px}
#prava img {margin:0 auto 8px; text-align:center}

.ramecek {padding:10px 10px 10px 15px; border:1px solid #2B2B2B; border-bottom:#000 2px solid; border-right:#000 2px solid; background:#131313 url(../img/bg.jpg);color:#999; margin-bottom:10px}

.border {margin-bottom:10px; float:left}
.border a{display:block;line-height:35px; height:35px; padding:2px 0; margin:0px; border:1px solid #2B2B2B; border-bottom:#000 2px solid; border-right:#000 2px solid; background:#131313 url(../img/bg.jpg);}
.border a:hover {background:#141414}
.border img{padding:0; margin:0!important}
.border li { display:inline; float:left; margin-bottom:2px; }

.blok {float:left;width:320px!important;  }
.blok2 {float:right; width:320px!important;  }

.blok3 {border:1px solid #2B2B2B; border-bottom:#000 2px solid; border-right:#000 2px solid; background:#131313 url(../img/bg.jpg);}
.blok3 img {margin:0!important}

/*paticka*/
#foot {background:#000 url(../img/foot.jpg) repeat-x; width:100%; height:170px;  float:left; margin:0 auto; }
#foot-in {background:#000 url(../img/foot-in.jpg) no-repeat; width:980px; height:170px;  margin:0 auto; position:relative; text-align:center; }
#foot-in p {width:980px;position:relative; top:13px; text-align:left; margin:0 auto; color:#fff; letter-spacing:0px; float:left}
#foot-in a {color:#fff}
#foot-in a:hover {color:#E60000}

/*odkazy*/
a {color:#cacaca; }
a:hover {color:#E60000}





/*data-script/prihlaska-ridicak.php*/
.blokPrihlaska {float:left;width:320px!important;  padding-bottom: 20px;}
  .blokPrihlaska table {width: 100%; border-collapse:collapse; margin: 0 0 8px 0;}
  .blokPrihlaska td.nazev {padding: 10px 10px; font-weight:bold; color: white;}
  .blokPrihlaska td.nazev span {font-size: xx-small;}
  .blokPrihlaska td.nazev div {font-weight:normal; font-size: xx-small; color: #999;}
  .blokPrihlaska td.nazev div input {margin: 5px 0 0 0; width: 250px; font-size: 11px;}
  .blokPrihlaska .minGalerie {margin: 0 0 0 1px; }
  
  .blokPrihlaska td.radio {vertical-align: top; width: 35px; padding: 15px 0 0 0; text-align: center;}
  .blokPrihlaska td.img {width: 200px;}
  .blokPrihlaska td.imgradio {width: 35px; padding: 15px 0 0 0; text-align: center; vertical-align: top;}


.blokPrihlaska2 {float:right; width:320px!important;  padding-bottom: 20px;}
  .blokPrihlaska2 table {width: 100%; border-collapse:collapse; margin: 0 0 8px 0;}
  .blokPrihlaska2 td.nazev {padding: 10px 10px; font-weight:bold; color: white;}
  .blokPrihlaska2 td.nazev span {font-size: xx-small;}
  .blokPrihlaska2 td.nazev div {font-weight:normal; font-size: xx-small; color: #999;}
  .blokPrihlaska2 td.nazev div input {margin: 5px 0 0 0; width: 250px; font-size: 11px;}
  .blokPrihlaska2 td.radio {vertical-align: top; width: 35px; padding: 15px 0 0 0; text-align: center;}
  .blokPrihlaska2 td.select {vertical-align: top; width: 35px; padding: 5px 0 0 0; text-align: center;}
  .blokPrihlaska2 td.select span {font-weight: bold; font-size: x-small;}
  
  
.blokPrihlaska3 {clear: both; border:1px solid #2B2B2B; border-bottom:#000 2px solid; border-right:#000 2px solid; background:#131313 url(../img/bg.jpg);}
.blokPrihlaska3-in {padding:10px 10px 10px 15px;}
.blokPrihlaska3-in table {width: 100%; border-collapse:collapse; margin: 8px 0 8px 0;}
.blokPrihlaska3-in th {padding: 5px 10px; width:130px; font-weight: bold; }
.blokPrihlaska3-in td {padding: 5px 10px; }
.blokPrihlaska3-in td input { font-size: 12px; width: 100%; }
.blokPrihlaska3-in td.button {text-align: center;}
.blokPrihlaska3-in td.button input { width: 200px; font-size: 12px; background: #999; border: 2px solid white; font-weight: bold;}
  
.blokPrihlaskaButtonL {float:left;width:320px!important; }
.blokPrihlaskaButtonP {float:left;width:320px!important; }


button.spocitat {margin: 0 0 0 55px; width: 200px; height: 50px; font-weight: bold; font-size: 15px; background: #999; border: 2px solid white;}
input.spocitat {margin: 20px 0 0 55px; width: 200px; height: 50px; font-weight: bold; font-size: 15px; background: #999; border: 2px solid white;}
button.spocitat2 {margin: 60px 0 5px 55px; width: 200px; height: 50px; font-weight: bold; font-size: 15px; background: #999; border: 2px solid white;}
button.noveZadani {width: 200px; height: 50px; font-weight: bold; font-size: 15px; background: #999; border: 2px solid white;}
.divSpocitat {margin: 20px 0 10px 0; text-align: center;}

.onlinePrihlaskaSubmit { text-align: center; }
.onlinePrihlaskaSubmit input {margin: 30px 0 10px 0; width: 200px; height: 50px; font-weight: bold; font-size: 15px; background: #999; border: 2px solid white;}
.kalukalceHlaskaErr {text-align: center; margin: 2px 0 0 0; font-weight: bold; color: red;}
.kalukalceHlaskaOk {text-align: center; margin: 2px 0 0 0; font-weight: bold; color: green; font-size: 17px;}

/*styly pro poukaz na prave strane*/
.poukaz {text-align: center; border:1px solid #2B2B2B; border-bottom:#000 2px solid; border-right:#000 2px solid; background:#000;}
.submitPoukaz { cursor: Pointer; background: url(../img/poukazButton.jpg); width: 212px; height: 45px; border: none; }
.poukaz table {border-collapse: collapse; font-size: 10px; margin:0 auto; text-align: left;  }
.poukaz table th { text-align: center; padding: 6px 0 1px 0;}
.poukaz table td { padding: 1px 4px; vertical-align: top;}
.poukaz table input { font-size: 10px; }
.poukaz table input.styl1 { width: 110px;}
.poukaz table input.castka { width: 50px;}
.poukaz table div { margin: 1px 0;}
.poukaz table div.prevzeti { margin: 0 0 0 10px;}
.poukaz table div.kontakt input { width: 200px;}
.poukaz div.poukazErr {font-size: 10px; color: red; font-weight: bold; margin: 0 0 2px 0; }
.poukaz div.poukazSend {font-size: 10px; color: green; font-weight: bold; margin: 0 0 2px 0; }
.poukaz #sleva {font-size: 10px; }

table.email-koncept {border-collapse: collapse; width: 100%; }
table.email-koncept th { width: 130px; }
table.email-koncept td input { width: 500px; }