@media screen, projection, tv{
html,body{ margin: 0; padding: 0; font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif;  font-size: 100%;  }
body{
	background: #3BB6F1 url(../img/back2.jpg) repeat;
}
/*    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Verdana, 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;
*/
.center{ text-align: center; }
.right{ text-align: right; }
.left{ text-align: left !important ; }
.bold{ font-weight: bold !important ; }
.small1{ font-size: .9em; }
.small2{ font-size: .8em; }
.kur{ font-style: italic; }
.under{ text-decoration: underline; }
.rozpal{ line-height: 1.4em; }
.clear{ clear: both; }

.obr{ float: left; margin: 0px 10px 5px 0; display: block;  border: 2px solid #CFCFCF; }
.obr2{ float: right; margin: 0px 0px 5px 15px; display: block; border: 2px solid #CFCFCF; }
.obr3{ float: none; margin: 0px 10px 5px 10px; display: block;  border: 2px solid #CFCFCF; }
.obr4{ border: 2px solid #CFCFCF; }
.obr5{ margin-left: 69px; border: 2px solid #CFCFCF; }

.odskok{ padding-top: 10px; }
.bezmarginu{ margin: 0 !important ; }
.nofloat{ clear: both; }
.proexp{ position: relative; }
.bezramu{ border: 0 !important; }
.hidden{ position: absolute; top: -10000px; left: -10000px; }

hr{ height: 1px; color: #e8e8e8; background: #e8e8e8; clear: both; margin: 0; padding: 0; border: 0; visibility: hidden; }
td{ vertical-align: top; }
fieldset{ border: 0; padding: 0; margin: 0; }
address{ font-style: normal; display: block; margin: 1em 10px; padding: 25px 0 0 0; line-height: 1.4em; }
legend{ visibility: hidden; }
label{ display: block; font-weight: bold; padding-right: 15px; }
label span{ font-weight: normal; }
input, textarea, select{ font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif;border: 1px solid #D87C06; margin: 1px 0; font-size: .9em; }
.btn{ background-color: #D87C06; color: white; font-weight: bold; padding: 1px 15px; cursor: pointer; font-size: 1.1em; }
textarea{ font-size: .9em; }
h2{ color: black; background: transparent url(../img/h2.gif) no-repeat 0 0; font-size: 1.2em; padding: 4px 10px 3px 30px; margin: 0 0 30px 0; }
a{ color: #D87C06; font-weight: bold; }
a:hover{ text-decoration: underline; color: Black; }

div#base{ width: 861px; margin: 0 auto; text-align: left; position: relative; padding: 31px 0 0 0; font-size: .75em; }
div#main{ background: White url(../img/top2.gif) no-repeat 0 0; padding-top: 164px; }
div#head{ margin: 0; display: block; position: absolute; z-index: 1000; top: 35px; left: 240px; padding: 1px 0;}
/*html>body div#head{  top: 36px; left: 240px;}*/
#logo-back{ position: absolute; top: 1px; left: -39px; z-index: 1; width: 301px; height: 306px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/img/logo5.png'); }
html>body #logo-back{ background: transparent url(../img/logo5.png) no-repeat; filter: none; }
#logo-back2{ width: 301px; height: 306px; position: absolute; top: 0px; left: 0px; z-index: 2; background: transparent url(../img/logo6.gif) no-repeat;}
h1 img{ border: 0; border-left: 4px solid white; border-right: 4px solid white; }
h1 a{ position: absolute; top: 0; left: 5px; z-index: 10; }
div#plocha{ margin: 0 4px 0 234px; height: 32em;  background: white url(../img/roh.jpg) no-repeat 0 31px; padding: 1px 10px 10px 20px; }
html>body div#plocha{ height: auto; min-height: 32em; }
.maxvyska div#plocha{  height: 44em;  }
html>body .maxvyska div#plocha{ height: auto; min-height: 43em; }
.ru-maxvyska div#plocha{  height: 46em;  }
html>body .ru-maxvyska div#plocha{ height: auto; min-height: 45em; }

div#plocha p{ text-align: justify; }
.index div#plocha{ padding-right: 0;  margin-right: 0; }
div#menu{background: #EB8001 url(../img/m-top2.jpg) no-repeat 0 0; z-index: 10000; position: absolute; left: 4px; top: 116px; width: 229px; padding-top: 39px; }
div#menu ul{ margin: 0; padding: 0; list-style-type: none; }
div#menu a{ color: white; text-decoration: none; background: #EB8001 url(../img/m.gif) no-repeat; font-weight: bold; display: block; padding: 8px 10px 8px 17px; font-size: 1.05em; }
div#menu p.dat{ color: Black; background: white url(../img/m-down.gif) no-repeat 0px 0; margin: 0; padding: 34px 10px 0 18px; }
div#menu p.deu{  padding-top: 30px; padding-left: 7px; background-color: White; background: white url(../img/m-down.gif) no-repeat 0px 0;}
div#menu p.enu{  padding-top: 30px; padding-left: 7px; background-color: White; background: white url(../img/m-down.gif) no-repeat 0px 0;}
div#menu p.rus{  padding-top: 30px; padding-left: 7px; background-color: White; background: white url(../img/m-down.gif) no-repeat 0px 0;}
div#menu p.dat span{ font-weight: bold; }
div#menu p.dat span.counter{ font-size: 1.8em; font-weight: normal; background-color: White; margin-top: 7px; display: block; }
div#menu a.first{ background: transparent none; }
div#menu li.aktivni a{ color: #FDEBAE; background-color: transparent; text-decoration: none; }
div#menu a:hover, div#webcam p a:hover{ color: #FDEBAE; background-color: transparent; text-decoration: underline; }
div#menu ul ul{ padding-left: 20px; background-color: #EB8001; color: White; display: none; }
div#menu ul ul a{ padding: 0px 3px 6px 8px; background: #EB8001 url(../img/sub.gif) no-repeat 0 6px; color: #FDEBAE; font-weight: normal; font-size: .9em; }
div#menu ul ul a:hover{ background-color: #EB8001; background-position: 0 -27px; color: White; }
div#plocha ul{ margin: 0; padding: 0; list-style: none; }
div#plocha ul li{ padding-left: 17px; line-height: 1.6em; background: White url(../img/li.gif) no-repeat 0 .7em; margin-left: 15px; }
div#menu ul .aktivni ul{display: block; }


#webcam{ background: White url(../img/webcam.jpg) no-repeat; float: right; width: 286px; padding: 14px 0 0 0; }
#pomoc{ text-align: center; }
#pomoc #webcam{ float: none; margin: 0 auto; text-align: left; }
#webcam .fot{ padding: 0 0 0 12px; background: White url(../img/webcam-l.gif) no-repeat; }
#webcam .fot p{ margin: 0; padding: 3px 9px 7px 9px; }
#webcam p.link{ margin: 0; text-align: right; background: white url(../img/webcam-d.jpg) no-repeat; padding: 4px 23px 15px 0; }
#webcam p.link a{ text-decoration: none; color: White; }
div#pata{ background: transparent url(../img/pata3.gif) no-repeat; padding: 15px 15px 15px 15px; text-align: center; font-size: .9em;  }
div#pata a{ color: #000000; font-weight: bold; }
.formik .pole, .formik textarea{ width: 200px; }
.formik .pole2{ width: 80px; }
#kon{ width: 290px; float: right; }
.ref{ padding: 10px 0; /*border-bottom: 1px solid #D87C06;*/ clear: both; }
.ref p{ margin: .3em 0; }
.ref h3{ font-size: 1em; margin-bottom: 0; color: #D87C06; }
.ref .rozpal{ font-size: .9em; text-align: left !important; }

span.pocitadlo {text-align: center !important; font-size: .9em; font-weight: bold;}

div.potvrzeni{ width: 230px; height: 110px; background-color: #87CEFA; color: black; text-align: center; font-weight: bold; position: absolute; border: 1px solid black; }
div.potvrzeni p{ padding: 15px 0 20px 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-collapse: collapse; margin: 12px 0; width: 570px; }
table.tab th{ color: White; background-color: #330066; padding: 4px 7px; font-weight: normal; text-align: left; border-right: 1px solid white; border-bottom: 1px solid white; }
table.tab td{ border: 1px solid #330066; padding: 4px 7px; }
tr.sec td{ background-color: #F7F6F6; color: black; }

#mutace{
	position: absolute; top: 0; right: 12px; 
}
#mutace img{
	 border: 0;
}
/*
Robert:
*/
h3{font-size:1.1em;margin:2em 0 0 0;padding:0;line-height:1em;clear:both;}
.endfl{clear:both;visibility:hidden;}

}