@media screen, projection, tv{
html,body{ font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif; background-color: #ECECEC; color: black; text-align: center; }
/*    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Arial, lucida, 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;
*/
body{ background: #ECECEC url(../img/mainback.gif) repeat-x; }

hr{ height: 1px; color: #e8e8e8; background: #e8e8e8; clear: both; margin: 0; padding: 0; border: 0; }
address{ font-style: normal; display: block; margin: .5em 0; }
input, textarea, select{font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif;  border: 1px solid black;}
h1{ font-size: 1.5em; margin: .8em 0; }
h2{ font-size: 1.6em; margin: 0 0 .4em 0; color: black; text-transform: uppercase; line-height: 1.9em; }
h3{ font-size: 1.2em; color: #F80E20; }
a{ color: #F80E20; }
a:hover, #pata a:hover{ color: #00A4AE; }

.formik input, .formik select, .formik textarea{ margin: 3px 0; border: 1px solid black; color: #262B53; } 
.btn{ background-color: #F80E20; color: White; border-color: #F80E20; text-transform: uppercase; padding: 1px 15px; }
.red{ color: #F80E20 !important; }
.form{ background-color: #F1F1F1; padding: 5px 15px 10px 15px; margin-bottom: 1em; }
.form td{ padding: 2px 5px; }

#cont{ background: transparent url(../img/back2.gif) no-repeat 50% 0;  }
#base{ margin: 0 auto; text-align: left; width: 967px; font-size: .75em; position: relative; line-height: 1.3em; padding: 0 15px; text-align: left; }
#head{ background: transparent; padding-bottom: 19px; }
#head h1{ color: white; background-color: black; position: relative; overflow: hidden; line-height: 1.2em; margin: 0 0 0 0; }
#head h1 span, #head h1{ width: 218px; height: 192px; }
#head a{ background-color: black; color: White; text-decoration: none; }
#head h1 span{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/logo.gif) no-repeat; color: White; }

#menu{ position: absolute; top: 211px; left: 15px; background-color: transparent; color: White; width: 82em; min-width: 952px; }
#menu ul{ margin: 0; list-style-type: none; width: 82em; min-width: 952px; }
#menu li{ float: left; background: #00A4AE url(../img/li.gif) no-repeat 100% 100%; padding-right: 3px; }
#menu a{ display: block; background-color: #00A4AE; color: White; text-decoration: none; padding: 46px 9px 9px 9px; line-height: 1.4em; }
#menu a:hover{ background-color: #006E75; color: White; }
#menu .bezpozadi a{ padding-left: 12px; padding-right: 12px; }
#menu #eng a{ padding: 46px 8px 9px 8px;  }
#menu #eng .bezpozadi a{ padding-left: 6px; padding-right: 6px; }

#main{  width: 967px;}
#plocha{ background-color: White; margin-left: 217px; padding: 10px 20px 15px 26px; margin-top: 7.7em; height: 39em; line-height: 1.5em; }
html>body #plocha{ height: auto; min-height: 39em; }
#plocha ul, #plocha ol{ margin-left: 1.5em; }
#plocha ul{ list-style-type: square; }
#pata{ background-color: Black; color: White; font-size: .9em; position: relative; width: 967px; }
#pata a{ background-color: Black; color: #F80E20; }
#pata a.net{ color: White; text-decoration: none; margin-right: 50px; }
#pata a.net span{ text-decoration: underline; color: #F80E20; }
#pata p{ margin: 0; line-height: 2em; padding: 12px 17px 12px 17px; }

#flash1, #flash2, #flash3{ display: block; position: absolute; top: 383px; left: 15px; }
#flash1{ top: 0; left: 233px;   background: none; }
#flash-in{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/img/top2.png'); height: 40px;  width: 731px; }
html>body #flash-in{ background: transparent url(../img/top2.png) no-repeat 0 0; }
#flash3{ left: 0; top: -163px; }

.galerka{ float: right; margin: .3em 0 .2em .8em; width: 158px; }
.galerka img{ display: block; margin: 0 auto 0px auto;  float: none !important;  border: 4px solid #EBEBEB;}
.galerka p{ /*padding: 4px; background-color: #D8D4D4; line-height: 1.4em;*/ margin-bottom: 15px; }

.duvody{ border-bottom: 4px solid #CECCCD; padding-bottom: 20px; margin-bottom: 20px; width: 705px; }
.sloup{ float: left; width: 132px; margin-right: 9px; font-size: .9em; }
.sloup h3{ margin: 0; color: #E70023; text-transform: uppercase; line-height: 1.5em;  font-size: 1.15em; }
.sloup h3 span{ display: block; font-weight: normal; color: #B2B2B2; font-size: .9em; }
.sloup p{ margin: .5em 0; line-height: 1.3em; }
.sloup .pic{ border-bottom: 3px solid black; border-left: 1px solid #CECCCD; }

.akt{ clear: both; padding: .4em 0; line-height: 1.3em; }
.akt img{ float: left; display: inline; margin: .4em 15px .2em 0;   border: 4px solid #EBEBEB;}
.akt p{ margin: 0; font-size: .9em; }
.akt h3{ margin: 0 0 .3em 0; line-height: 1.2em; font-size: 1em; }
.vice{ background: transparent url(../img/vice.gif) no-repeat 0 .6em; line-height: 2.1em; padding-left: 9px; }

.partneri td{ vertical-align: baseline; padding: 15px 0; }
.partneri img{ display: block; margin: 0 auto; }
.hra{ background-color: #006666; padding-left: 10px; }

div.potvrzeni{ width: 230px;  background-color: #00A4AE; top: 320px; padding-bottom: 10px; left: 50%; color: white; text-align: center; font-weight: bold; position: absolute; border: 1px solid black; }
div.potvrzeni p{ padding: 15px 0 10px 0; margin: 0; }
div.potvrzeni input.btn{ font-weight: bold; }

table.tab{ font-size: 1em; border-collapse: collapse; margin: .8em 0; width: 100%; line-height: 1.2em; font-size: .9em; border: 1px solid black; }
table.tab th{ color: white; background-color: black; padding: 4px 7px; font-weight: normal; text-align: left; border-right: 1px solid white;   }
table.tab td{border: 1px solid black; padding: 4px 7px; background-color: white; color: black; }
table.tab tr.sec td{ background-color: #F0F0F0; color: black; }
table.tab tr.sec td a{ background-color: transparent !important ; }

table.top100{ border-width: 0; border-top-width: 1px; }
table.top100 td{ border: 0; border-bottom: 1px solid black; }

#mutace{ position: absolute; top: 153px; width: 216px; text-align: center; font-size: .9em; }
#mutace a{ color: White; background-color: Black; }
#mutace a:hover{ color: #00A4AE; background-color: black; }

  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;}

#video{ float: right; width: 320px;  }
#video h2{ margin: 0 0 5px 10px; color: White; }
#aktuality{ float: left; padding: 7px 10px; width: 350px; background: #F4F4F4; }
.video{ width: 300px; padding: 7px 10px; color: White; background: #00A4AE; }
#aktuality h2{ margin-bottom: 0; }

.pdf{ background: transparent url(/img/i-pdf.gif) no-repeat 0 0; padding: 4px 0 4px 30px; }
.doc{ background: transparent url(/img/i-doc.gif) no-repeat 0 0; padding: 4px 0 4px 30px; }
.xls{ background: transparent url(/img/i-excel.gif) no-repeat 0% 0; padding: 4px 0 4px 30px; }
.zip{ background: transparent url(/img/i-archive.gif) no-repeat 0% 0; padding: 4px 0 4px 30px; }

.fc{ width: 320px;  /*position: absolute; left: 7px; top: 490px;*/ margin: 10px 0 0 0; position: relative; height: 179px; }
.fc span{ display: block; border-top: 1px solid #94A3C4; position: absolute; bottom: 0; left: 0; width: 320px; background: White; }

.reg{
	position: absolute; left: 17px; top: 303px; text-align: center;  text-transform: uppercase; font-size: .9em; width: 210px;
}
.reg a{ color: #00A4AE; text-decoration: none; }

}