@media screen, projection, tv{
html,body{ color: #717171; background: White;  margin: 0; padding: 0;}
html,body, input, textarea, select, table{ font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Arial, lucida, sans-serif; }
/*    font-family: "Arial CE", Arial, "Helvetica CE",helvetica, sans-serif;
    
	 font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif;
	font-family: "Georgia CE", "Times New CE", "New York CE", "Times CE", Georgia, times, serif;
*/


hr{ height: 1px; color: #e8e8e8; background: #e8e8e8; clear: both; margin: 0; padding: 0; border: 0; }
address{ font-style: normal; display: block; margin: .5em 0; }
h1{ font-size: 1.5em;  margin: 1.4em 0 .6em 0;  line-height: 1.2em; }
h2, #plocha h1{ font-size: 1.3em;  margin: 1.4em 0 1.4em 0; color: #F8820E; line-height: 1.2em; }
h2.hlavni, #plocha h1.hlavni{ margin-top: 0; }
#plocha h3{ font-size: 1em; margin: 1.4em 0 .5em -16px; padding: 1px 0 3px 16px; color: #546598; background: transparent url(../img/h3.gif) no-repeat 0 0;  line-height: 1.2em;  }
h4{ font-size: 1em;  margin: 1.4em 0 .5em 0; color: #546598;  line-height: 1.25em;}
a{ color: #172F73; }
a:hover{ color: Black; }
input, textarea{ border: 1px solid #7F9DB9; padding: 2px; }
input.btn2{ border: 0; background: transparent url(../img/btnx.gif) no-repeat; text-align: center; color: #1E3A6F; width: 74px;  padding: 4px 0 3px 0; vertical-align: middle; cursor: pointer; line-height: 1.2em; }
.obr, .obr2, .obr3{ border: 1px solid #CFD5E1; }

#dbase{ margin: 0 auto; text-align: left; width: 840px; font-size: .7em; position: relative; line-height: 1.4em;}
#base {
    text-align: left;
    width: 840px;   
    font-size: .7em;
    position: relative;
    line-height: 1.4em;
    float: left;
}
#wrapper {
  margin: 0 auto;
  width: 980px;
}
#skyscrapper {
  float: right;
  width: 120px;
  margin-top: 100px;
  background: url(../img/banner-text-right.png) no-repeat;
  padding-top: 10px;
}
.cleaner {
  clear: both;
  height: 1px;
}

#head{ width: 840px; background: white url(../img/top.gif) no-repeat 0 100%; padding-bottom: 44px; position: relative;  }
#head h1{ color: #0B246C; background-color: #F4F5F8; font-size: 1.2em; position: relative; overflow: hidden; line-height: 1.2em; margin: 0 0 0 0; }
#head h1 span, #head h1{ width: 202px; height: 90px; }
#head h1 a{ background-color: #F4F5F8; color: #0B246C; text-decoration: none; }
#head h1 span{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/hyper-souteze.jpg) no-repeat; color: #0B246C; }
#head h1 span.cz{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/hyper-souteze-cz.jpg) no-repeat; color: #0B246C; }
#head h1 span.sk{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/hyper-souteze-sk.jpg) no-repeat; color: #0B246C; }
#head h1 span.pl{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/hyper-souteze-pl.jpg) no-repeat; color: #0B246C; }
#head #mutace{ position: absolute; left: 20px; bottom: -8px; z-index: 100; }
html>body #head #mutace{ bottom: -7px;  }
#head #mutace img{ float: left; }
.topbanner{ background: transparent url(../img/rek.gif) no-repeat 0 100%; padding-left: 16px; margin-left: 40px; }
.topbanner div{ background-color: White; padding: 2px; border: 1px solid #D5D5D5; width: 742px; margin-top: 3px;}
.topbanner img{ display: block; }

.info-lista-nova-soutez{ padding: 30px 50px; background: white url(../img/vyhlas-nov-sout-info-poz.jpg) no-repeat; color: #0B246C;}

#bubliny{ width: 657px; position: absolute; left: 239px; bottom: -8px; }
#bubliny li{ float: left; margin-right: 30px; display: inline; }
#index #bubliny{ width: 648px; position: absolute; left: 191px; bottom: -156px; height: 236px;}
html>body#index #bubliny{  bottom: -155px;}
#index #bubliny li{ float: left; margin-right: 0; margin-left: 9px; width: 207px; height: 236px; overflow: hidden; color: #516396; background: White url(../img/bubp1.gif) no-repeat 0 100%; }
#index #bubliny span{ display: block; padding: 6px 3px 10px 17px; font-size: .9em; line-height: 1.2em; }
#index #bubliny img{ display: block; }
#index #bubliny li.b2{ background-image: url(../img/bubp2.gif); }
#index #bubliny li.b3{ background-image: url(../img/bubp3.gif); }

#main{ width: 840px; clear: both; }
#left, #stred, #right{ float: left; display: inline; overflow: hidden;}
#left{ width: 183px; margin-left: -840px; padding-top: 10px;  }
#stred{ margin-left: 183px; width: 657px; padding-top: 24px;  }
#right{ width: 190px;  }
#plocha{ padding: 10px 0 20px 34px; clear: both;}
#index #stred{ padding-top: 155px; }
#index #plocha{ padding-top: 11px; padding-left: 17px; }

#pata{ clear: both; width: 840px;  background: White url(../img/pata.gif) no-repeat; padding: 6px 0 0 0; color: #172F73; }
#pata a{text-decoration: none; color: #172F73; margin: 0 4px; }
#pata a span{ text-decoration: underline; }
#pata p{ line-height: 1.7em; margin: 0; padding: 1em 0; }
#pata .copy{ color: #7A7A7A; padding: .3em 0 .7em 0; }

.menu{ width: 183px; background: #EDEFF3 url(../img/m.gif) repeat-y; margin-bottom: 13px; }
.menu-in{ background: transparent url(../img/m-top.jpg) no-repeat; padding-top: 0; }
.menu h3{ color: White; font-weight: bold; font-size: 1.1em; margin: 0; text-align: right; padding: 6px 17px; }
.menu h3 a{ color: White; text-decoration: none; }
.menu ul{ margin: 3px 0 0 0; list-style-type: none; background: transparent url(../img/m-down.gif) no-repeat 0 100%; padding-bottom: 18px;}
.menu li{width: auto;  }
.menu ul a{text-decoration: none;  display: block; width: 153px; color: #1E3A6F; padding: 1px 9px 1px 21px; background: transparent url(../img/m1.gif) no-repeat 10px .6em; }
.menu ul a:hover, #nav a:hover{ text-decoration: underline; }

.login{ width: 183px; background: #FEEFE1 url(../img/login.gif) repeat-y; margin-bottom: 13px; }
.login-in{ background: transparent url(../img/login-top.jpg) no-repeat; padding-top: 0; }
.login form{ margin: 0 0 0 0; list-style-type: none; background: transparent url(../img/login-down.gif) no-repeat 0 100%; padding-bottom: 18px;}
.login h3{ color: White; font-weight: bold; font-size: 1.1em; margin: 0; text-align: right; padding: 6px 17px; }
.login p{ padding: 6px 17px; margin: 0; }
.login label{ display: block; }
.login input{ border: 1px solid #FBA561; width: 130px; padding: 3px; }
.login p a{ color: #F67109; padding-left: 10px; background: transparent url(../img/vice3.gif) no-repeat 0 .45em; text-decoration: none; }
.login input.btn{ width: 86px; height: 24px; border: 0; color: #F67109; background: White url(../img/login-btn.gif) no-repeat; }
.login p.lodkaz{ padding-top: 3px; padding-bottom: 3px; }

#nav{ position: absolute; bottom: 105px; left: 413px; color: #A2ACC7;  }
#nav a{ color: #1E3A6F; text-decoration: none; margin: 0 3px; }
#nav a.hs{ padding: 5px 0 8px 33px; background: transparent url(../img/hs.gif) no-repeat;  font-weight: bold; margin: 0 0 0 0; display: block; position: absolute; left: -180px; top: -5px; z-index: 2000;}

#drobky{ margin: 0 0 0 18px; color: #1E3A6F; background: White url(../img/drobky.gif) no-repeat; width: 638px; }
#drobky a{ color: #1E3A6F; text-decoration: none; }
#drobky span{ display: block; border-top: 1px solid #CFD5E1; border-bottom: 1px solid #CFD5E1; padding: 4px 0; font-size: .9em; line-height: 1.4em; background-color: White; margin: 0 15px; }
#plocha ul{ margin-left: 1.8em; }

.spec{ background: transparent url(../img/spec.gif) no-repeat; padding: 2px 0 3px 39px; margin: 3em 0 2em -16px; line-height: 1.25em; }
.spec span{ display: block; background: #EAEDF2; padding: 5px 0 5px 0; }
.spec a{ text-decoration: none; font-weight: bold; }

h4.fln{ margin: 0; background: white url(../img/n1.gif) no-repeat 0 0; color: #1E3A6F; font-size: 1.1em; padding: 7px 18px 3px 18px; }
.filtr{ background: transparent url(../img/filter.gif) no-repeat; color: Black; font-size: .9em; margin-left: -17px; width: 638px; padding-bottom: 26px; position: relative; }
.filtr p{ margin: 0; padding: 10px 15px 12px 15px;}
.filtr select{ width: 15em; vertical-align: middle; }
.filtr .btn{ position: absolute; top: 1px; right: 10px; padding: 0; }
.filtr .btn2{ position: absolute; top: 7px; right: 10px; padding: 0; }
#index .filtr{ margin-left: 0;background: transparent url(../img/filter2.gif) no-repeat; padding-bottom: 0px; }
#index .filtr p{ margin: 0; padding: 8px 10px 12px 18px;}
#index .filtr .btn{ position: absolute; top: 6px; right: 10px; padding: 0; }

.polozka{ margin-bottom: 2em; width: 554px; background: White url(../img/nej3.gif) no-repeat 0 0; margin: 5px 0 5px 26px; padding: 10px 15px;}
.polozka img{ margin: .2em 11px 1px 0; display: inline; float: left; }
.polozka p{ margin: 0; line-height: 1.2em; }
.polozka .datum{ color: #546598; font-size: .9em; }
#plocha .polozka h3{ margin: 0 0 3px 0; padding: 0; background-image: none; font-size: 1.1em; }

#vypissou .polozka img{  margin: 0 auto; float: none; }
#vypissou .pic img{ margin: 0 !important; float: none !important; border: 0; display: block;  }
#vypissou .pic{ margin: .2em 11px 1px 0; float: left;  }
#vypissou .pic td{ width: 78px;  border: 1px solid  #CFD5E1; height: 78px; vertical-align: middle; text-align: center; padding: 0;}


.nej{ width: 637px; background: #FEEFE1 url(../img/nej1.gif) no-repeat 0 0; padding-top: 9px; margin: 20px 0; }
.nej-in{ background: transparent url(../img/nej2.gif) no-repeat 0 100%; padding-bottom: 7px; }
.nej img{ border: 1px solid #FDD6B1; }
#plocha .nej h1{ color: #F67109; font-size: 1.1em; margin: 0 0 10px 20px; }
#plocha .aktual h1{ color: #1E3A6F; }
.nej .odkaz a{ color: #F67109; text-decoration: none; background: transparent url(../img/vice.gif) no-repeat 100% .4em; padding-right: 10px; margin-right: 28px; line-height: 1.2em; }
.aktual{ background-image: url(../img/akt1.gif); background-color: #E9ECF1; }
.aktual .nej-in{ background-image: url(../img/akt2.gif); }
.aktual .polozka{ background-image: url(../img/akt3.gif); }
.aktual .polozka img{ border-color: #CFD5E1; }
.aktual .odkaz a{ color: #1E3A6F; background: transparent url(../img/vice2.gif) no-repeat 100% .4em;  padding-right: 10px; margin-right: 28px; line-height: 1.2em;}

.rbox { width: 634px; background: White url(../img/r-m.gif) repeat-y; line-height: 1.2em; margin: 12px 0; }
#plocha .rbox h3{ color: #1E3A6F; padding: 1px 440px 17px 0; line-height: 1.2em;  margin: 0; background: transparent url(../img/r-top.gif) no-repeat; text-align: right; font-size: 1.1em;  font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;}
.rbox-in{ background: transparent url(../img/r-down.gif) no-repeat 0 100%; padding: 0 0 14px 22px; }
.rbox strong{ color: #63769D; font-weight: normal; line-height: 1.6em;  }
.rbox td{ vertical-align: top; width: 150px; }
.vedeni{ table-layout: fixed; margin: 10px 0 0 5px; }
.vedeni td{ width: 241px; }
.vedeni img{ float: left; border: 1px solid #D1D5E3; margin: 0 14px 0 0; display: inline; }
.vedeni p.kon{ background: White url(../img/kon.gif) no-repeat; color: #63769D; width: 241px; padding: 5px 15px; height: 108px; margin: 0; }
.rbox .vedeni strong{ font-weight: bold; margin-top: 5px; display: block; }
.vedeni p{ padding: 5px 15px; line-height: 1.3em; margin: 5px 0 20px 0; }


.navigace{ font-size: 1.1em; color: #546598; text-align: right; margin-top: 2.5em; }
.navigace span{ display: inline; float: left; }
.navigace a{ margin: 0 .1em; text-decoration: none; }
.navigace a strong{ color: Black; }

div.potvrzeni{ width: 230px;  padding-bottom: 10px; z-index: 100; background-color: #87CEFA; top: 150px; left: 30%; color: black; text-align: center; font-weight: bold; position: absolute; border: 1px solid black; }
div.potvrzeni p{ padding: 15px 0 20px 0; margin: 0; }
div.potvrzeni div#plocha input.btn{ background-color: White; color: Black; font-weight: bold; text-align: center; cursor: pointer; border: 1px solid silver; }

table.tab{ font-size: 1em;border: 1px solid #394F81; font-size: .9em; border-collapse: collapse; margin: 12px 0; width: auto; line-height: 1.2em; }
table.tab th{ color: White; background-color: #394F81; font-size: 1.1em; padding: 10px 7px; font-weight: bold; text-align: left; border-right: 1px solid white; border-bottom: 1px solid white; }
table.tab td{ border: 1px solid #394F81; padding: 1px 7px;  color: black;}
tr.sec td{ background-color: #EDEFF3; color: black; }

.formik th{ text-align: right; padding: 4px 10px 4px 10px; border: 0; color: #1E3A6F; }
.formik td{ padding: 4px 5px; border: 0;  }
.formik input, .formik textarea{ padding: 3px; }
.proform #plocha{  padding-left: 17px; }
.proform .filtr{ margin-left: 0;}

.tops table{ width: 607px; }
.tops-in2{ background: transparent url(/img/tops2.gif) repeat-y;  padding: 0px 15px;}
.tops{ width: 637px; margin: 1.2em 0px 0px -18px; }
.tops-in{ width: 637px; background: transparent url(../img/tops3.gif) no-repeat 0 100%; padding-bottom: 7px; }
#plocha .tops h3{ color: #F57D03; background: transparent url(../img/tops1.gif) no-repeat 0 100%; padding: 0 0 0 15px; margin: 0; }
.tops h3 span{ background-color: White; padding: 1px 5px; }
.tops a{ font-weight: bold; background: White url(../img/tops4.gif) no-repeat 0 .6em; padding: 7px 5px 0px 25px; display: block; text-decoration: none; }
.tops td{ vertical-align: top; }

.plnasirka{ width: 450px; }
.txtareasoutez{ width: 400px; height: 170px; }

  div#popik{ position: absolute; top: 230px; left: 260px; border: 1px solid #D1D1D1; border-bottom: 2px solid gray;  border-right: 2px solid gray; display: none; text-align: center; font-size: .8em; width: 260px; background-color: white; text-align: left; color: #3B3000; }
  div#popik a .obr3{ border: 0; margin: 0 0 0 11px; float: none;}
  div#popik p{ margin: 8px; }
  a#closebtn{  cursor: pointer; float: right; /*display: block; padding: 0px 3px; font-weight: bold; background-color: #A92F00; border: 1px solid gray; border-right: 0; border-top: 0; color: white; text-align: center; width: 10px;*/}
  a#closebtn:hover{text-decoration: none; background-color: white; color: black;}

/*hlasky*/
.hi{ width:99%; }
.hii{ padding:9px 10px 8px 60px }
.hii a{ color:navy;font-weight:bold }
.ok{ border:1px solid #9ECF9E;background:#F3FFE1 url(../img/ok.gif) no-repeat 15px center}
.ko{ border:1px solid #E2A9A3;background:#FFEEEC url(../img/ko.gif) no-repeat 15px center}
.kook{ border:1px solid #B2B2D9;background:#F6F6FD url(../img/kook.gif) no-repeat 15px center}
/*diskuse*/

#sms{ background: transparent url(../img/sms1.jpg) no-repeat; width: 638px; height: 130px; margin: 1em 0; }
.sms1{ padding: 60px 0 0 164px; color: #546598; font-weight: bold; width: 185px; float: left; }
.sms1 p{ margin: 0 0 10px 0; font-size: 1.1em; }
.sms2{ margin-left: 389px; width: 235px; padding-top: 31px; }
.sms2 img{ float: right; border: 1px solid #FBB878; margin-left: 10px; }
.sms2 h2{ margin: 0; color: #F67109; font-size: 1.4em; text-align: right; }
.sms2 h2 span{ font-size: .8em; }
.sms2 p{ margin: 7px 0; font-size: .9em; text-align: right; line-height: 1.25em; }

#smsvypis{ padding: 1em 0 0 0; }
#smsvypis .polozka{ background: transparent url(../img/sms4.jpg) no-repeat; margin: 0 0 0 10px; padding: 10px 18px; width: 270px; }
#smsvypis h2{ margin: 0; font-size: 1em; text-transform: uppercase; color: #F67109; padding: 3px 0 5px 20px; }
#smsvypis .polozka h3{ padding-bottom: 4px; font-size: 1.1em; }
#smsvypis .polozka h3 a{ text-decoration: none; }
#smsvypis .polozka .datum{ margin: 4px 0; }
#smsvypis .polozka img{  margin: 0 auto; float: none; }
.pic img{ margin: 0 !important; float: none !important; border: 0; display: block;  }
.pic{ margin: .2em 11px 1px 0; float: left;  }
#smsvypis .pic td{ width: 78px;  border: 1px solid  #FDD6B1; height: 78px; vertical-align: middle; text-align: center; padding: 0;}

#smsvypis td{ padding-bottom: 1.3em; }

.vyherci{ width: 596px; padding-top: 9px; background: #EDEFF3 url(../img/sms5.gif) no-repeat; margin: 0 0 10px -10px; }
.vyherci-in{ padding-bottom: 9px; background: transparent url(../img/sms6.gif) no-repeat 0 100%; }
.vyherci td{ padding: 11px 0 11px 20px; vertical-align: middle; }
.vyherci img{ border: 1px solid #CFD5E1; display: block; margin: 0 auto; }
.omezeni{ width: 586px; padding-bottom: 10px; padding-top: 10px; }

.smspr td{ padding: 7px 0 7px 40px; background: transparent url(../img/sms11.gif) no-repeat 62px 0; }
.smspr a{ font-weight: bold; padding-left: 22px; background: transparent url(../img/sms10.gif) no-repeat 0 .2em; display: block; font-size: 1.1em; text-decoration: none; }
.smspr .prvniradek td{ padding-top: 0; background-image: none; }

.smspr2 td{ padding: 2px 0 7px 40px; }
.smspr2 ul{ list-style-type: none; }
.smspr2 a{ font-weight: normal; padding-left: 22px; background: transparent url(../img/m1.gif) no-repeat 10px .6em; display: block; font-size: 1em; text-decoration: none; }

.smsdet{ width: 637px; padding-top: 8px; background: #EDEFF3 url(../img/sms12.gif) no-repeat; margin: 0 0 30px -16px; line-height: 1.3em; }
.smsdet-in{ padding-bottom: 8px; background: transparent url(../img/sms13.gif) no-repeat 0 100%; width: 603px; padding: 12px 14px 12px 20px; }
.smsdet td{ background: White; border-right: 6px solid #EDEFF3; border-bottom: 6px solid #EDEFF3; vertical-align: top; }
.smsdet img{ display: block; }
.smsdet td h2{ margin: 18px; font-size: 1.4em; margin-bottom: 14px; }
.smsdet td p{ margin: 10px 18px; }
.nasirku{ margin-left: -10px; width: 637px; }
.rr{ color: #94A0BD; font-size: .8em; line-height: 1.3em; margin: 0; width: 370px; padding-top: 3px; }
.rr2{ float: right; margin-top: 1px; margin-right: 20px; text-align: right;}
.rr2 a{ padding-left: 7px; background: transparent url(../img/sms15.gif) no-repeat 0 .45em; text-decoration: none; margin: 0; }
.rr33{ float: right; text-decoration: none; margin-top: 2px; margin-right: 20px; padding-left: 7px; }
.rr44{ float: right; text-decoration: none; padding-left: 7px; background: transparent url(../img/sms15.gif) no-repeat 0 .45em; }
.smsdet td.rr3{ text-align: center; font-weight: bold; color: White; font-size: 1.3em; background: #909CBA url(../img/sms14.gif) repeat-x; padding: 5px 0 0 0; vertical-align: middle; }
.smsdet td.rr3 p{ margin: 0; font-size: .75em; text-transform: uppercase; background: #FDA754 url(../img/sms16.gif) repeat-x; padding: 1px 0; margin-top: 6px; }
.smsdet td p.rr4{ margin: 0; padding: 4px 20px; font-size: 1.1em; line-height: 1.4em; }
.smsdet td p.rr4 strong{ color: #546598; }

.filtr3{ background: transparent url(../img/filter3.gif) no-repeat; color: Black; font-size: .9em; margin: 0; margin-left: -17px; width: 639px; padding-bottom: 0; position: relative; }
.filtr3 p{ margin: 0; padding: 10px 15px 12px 15px;}
.filtr3 select{ width: 10em; vertical-align: middle; font-size: 1em;  font-family: "Arial CE", Arial, "Helvetica CE",helvetica, sans-serif;}
.filtr3 input{ font-size: 1em; padding: 1px 2px; font-family: "Arial CE", Arial, "Helvetica CE",helvetica, sans-serif; }
#index .filtr3{ margin-left: 0; }

.odkazyvpravo{ margin: 0; float: right; text-align: right; width: 400px; padding: 16px 10px 0 0; }
.odkazyvpravo a{ padding-left: 7px; background: transparent url(../img/sip.gif) no-repeat 0 .4em; line-height: 1.25em; text-decoration: none; margin-left: 13px; }

}