/* CSS Document */
html,body {font-size:.9em; font-family: "Open Sans", Arial, Tahoma;}
body.app{background:#D6DDED url("../pic/strom-bg.png") center center;background-repeat:no-repeat;;} 
iframe{height:100%;width:10%;border:0px;margin:0px;padding:0px;}

#tools {
  position:fixed;top:0px;left:0px;
  background:rgba(240,240,240,.9);
  border-bottom:1px #808080 solid;
  width:100%;
  padding:4px;
  z-index:99;
  cursor:default;
  hei ght:34px;
}
#tools > span {
  border:1px #C0C0C0 solid;
  background: #FFFFFF;
  padding:1px;
  padding-left:4px;
  padding-right:4px;

}
#popup  {opacity:0;border-radius: 5px;visibility:hidden;left:7%;right:15%;top:80%;height:auto;position:fixed;z-index:99;background:rgba(192,192,255,.9);padding:10px;color:#000;transition:all 1s;}


#frmfields {max-width:1100px; padding:15px;border-radius: 8px;left:7%;right:7%;top:6%;heig ht:80%;position:fixed;z-index:9;background:rgba(198,198,237,.9);border:1px #A0A0FF solid;box-shadow: 10px 10px 10px rgba(0, 0, 0, .2);}
#frmfields h1 {margin:0px;padding:0px;}
#frmfield {
  float:left;
  b ackground:#E0E0FF;
  font-size:1em;
  margin:0px;
  padding:2px;
}
#frmfields button {font-size:1.7em;}

#table,#table2 {mar gin-top:34px;background:white;}
#table th {background: #FFFFA0;color:#000050;font-weight:bold;border-right:1px #707070 solid;bold;border-top:1px #707070 solid;border-bottom:1px #707070 solid;}
#table td {border-bottom:1px #A0A0A0 solid;border-right:1px #A0A0A0 solid;wh ite-space: nowrap;}
#table TABLE,#table2 table{
    border-spacing: 1px;
    border-collapse: separate;
    border:1px #CCCCCC solid;
   font-size:.9em;
   empty-cells: show;

}
 #table2 th {background: #76933C;color:#FFFFFF;font-weight:bold;border-top:1px #707070 solid;border-bottom:1px #707070 solid;}
 #table2 td {padding:1px;border-bottom:1px #A0A0A0 solid;border-right:1px #A0A0A0 solid;}

TR.celkem {font-weight:700;}
TR.ccelkem {color:#FF0000;font-weight:700;}

#tit {
  font-size:1.7em;
  font-weight: 900;
}
#bbar {float:right;}


ul {  margin:0px;
  padding:0px;
//  padding-left:3px;
//  padding-right:3px;
  
  list-style:none;
}
 


th.popisv {
  height: 120px;
  white-space: nowrap;
                                                                                                       
 }
 rotate {
  /* Something you can count on */
}

th.popisv > div {
  -ms-transform: translate(0px, 55px) rotate(270deg);
  transform: translate(0px, 55px) rotate(270deg);
  width: 20px;
}
th.popisv > div > span {
  border-bot tom: 1px solid #ccc;
  padding: 0px 5px;
}

@page { margin: .5cm } 
@page rotated { size : landscape }
table { page : rotated }


#whisperer {z-index:99;display:;position:fixed;height:auto;border:1px #BBBBBB solid;box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);font-size: 1.5em;z-index:20;cursor:pointer;max-height:500px;overflow:auto}
#whisperer li{padding:1px;list-style:none;flo at: left;}
  #list1 li{  list-style:none; display:inline;padding:0px;padding-left:8px;padding-right:px;font-size: 1.5em;  font-family: "Courier New", Courier, monospace;font-weight:bold}
#wmenu {width:100%;}
  #wmenu li{  list-style:none; display:inline;padding-left:8px;padding-right:20px;pad ding-top:20px;}
#whisperer span{font-size:.8em;display:block;text-indent:30px;}
#whisperer span.defp{color:#404040;font-size:.8em;display:inline;margin-left:5px;}
#keyb,#keys {
  font-family: "Courier New", Courier, monospace;
  font-size: 2.2em;
}
#keyb li,#keys li {
  list-style:none;
  float: left;
  padding: 5px;
  padding-left: 16px;
  padding-right:16px;
  text-align:center;
  border: 1px #DDDDDD solid;
}
#toolbar {backg round:#F0F0F0;text-align:right;width:100%;clear:both;padding-top:15px;}
#toolbar li{display:inline;padding:15px;margin-right:10px;}

#whisperer {background:#F0F0FF;border:1px #BBBBBB solid;box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);}
#whisperer li {color:#000000}
#whisperer li:hover {background:#D0D0FF;color:#000}
    #list1 li{color:#000070;}
#wmenu {background:#DCDCEB;}    
#wmenu li {background:#DCDCEB;color:blue;border:1px #EEEEEE solid;}
#wmenu li:hover,#wmenu li.act {background:#F0F0FF;color:blue;}

#questionfield {left:0%;right:0%;top:0%;height:100%;position:fixed;z-index:90;back ground:rgba(0,0,20,.7)}
#question {border-radius: 5px;left:15%;right:15%;top:40%;height:auto;position:fixed;z-index:99;padding:10px;}
#question h1{font-size:1.3em;margin:0px;padding:2px;padding-bottom:12px;}
#question p{margin:10px;padding:2px;padding-bottom:12px;}
#question {background:rgba(0,0,40,.7);color:#FFFFFF;}
#question h1{color:#B0CFFF;border-bottom:1px #DDDDDD solid}



.err {background: #FFA0A0;}
.warn {color:red;font-weight:bold;font-size:23px;}
.warnok {color:green;font-weight:bold;font-size:23px;}



#tile {
  float:left;
  margin:5px;
  padding:10px; 
  height: 120px;
  width: 200px;
  text-align:center;
  border: 1px #808080 solid; border-radius: 5px;
}
#tile img {
  display:block;
  margin-left: auto;
  margin-right: auto ;
}

.tabmouse{background:#E0E0FF;}

 .nalk {color:brown;font-weight:bold;}

 .nal0 {background:#FFA0A0;}
 .nald0 {background:#FF0000;color:#000000;}

 .nal1 {background:#FFCC99;}
 .nald1 {background:#FF6600;color:#FFFFFF;}

 .nald2 {background:#FFCC00;color:#000;}
 .dati {background:#D8E4BC;}
 .datc {text-align:center;}
 .datr {text-align:right;}


#patka {clear:both;color:gray;font-size:10px;margin-top:10px;}


.cb {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: 0.5;

}
.lokalita {font-weight:700}


#map {background:white;width:1%;display: table;}
#maptool {width:99%}
#maptool span {padding:3px;margin:3px;border:1px #D0D0D0 solid;}
#djtsk {float:right;}

#platno {
	position:fixed;top:0px;left:0px;width:100%;height:110%;background:rgba(0,0,0,.7);
	text-align:center;
}
#stahuji {position:fixed;top:17%;left:20%;right:20%;background:#C0C0C0;border: 1px black solid;font-size:20px;height:40px;padding:10px;}
#picbar {position:fixed;top:50px;left:0px;width:180px;border:1px red solid}
#picbar button {margin:10px;}
#snimek {display:inline-block}


#table2 h1{font-size:1.4em;margin:0px;text-align:center}
#table2 h2{color:red;font-size:1.2em;margin:0px;padding:0px;text-align:center}
#table2 h3{color:black;font-weight:normal;font-size:.9em;margin:0px;padding-bottom:5px;text-align:center}
.nowrap{white-space: nowrap}


@media screen and (max-width: 640px){
	#tile {
		float:left;
		margin:2px;
		padding:5px; 
		height: 95px;
		width: 20vw;
		text-align:center;
	}
	#tile img {width:65%}

}

@media print {
@page {size: landscape}

#table2 > table{
    border-spacing: 0px;
    border-collapse: collapse;
    border:.5pt #000000 solid;

}

#table2 tr{
    page-break-inside:avoid; page-break-after:auto ;
}
#table2 th{
    border:.5pt #000000 solid;
}
#table2 td{
    border:.5pt #000000 solid;
    hei_ght:18pt;
   font-size:7pt;

}


}
@page {
size: A4 landscape;
}