html {
  width:100%;
  height:100%;
  min-height:100%;
}

body {
  position:relative;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  min-height:100%;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  font-family:Arial,Verdana,Tahoma,Trebuchet MS,Helvetica,sans-serif;
  font-size:14px;
	line-height:18px;
  font-weight:normal;
  color:#000;
  background-color:#fff;
}

.Cleaner {
  clear:both;
}

.MainWrap {
  position:relative;
	top:0px;
	left:0px;
	width:1100px;
	margin:0px auto;
	padding:50px 25px 50px 25px;
}

input,
textarea
{
  font-family:Arial,Verdana,Tahoma,Trebuchet MS,Helvetica,sans-serif;
  font-size:14px;
	line-height:16px;
  font-weight:normal;
  color:#000;
  border:0;
} 

.Hlavicka .TableLike div.TextContent input{line-height:18px;height:18px;max-height:18px;padding:0;width:204px;}
/*input[type="text"] {
height:18px; 
	 margin:0px;
	 padding:0px;
	 width:100%;
}*/

textarea
{
  border:1px solid #a2a2a2;	
} 

.Uvodnik,
.Informace
{
   width:800px;
   margin:0px auto 25px auto; 
   text-align:justify;
}

.Informace p {
    float:right;
    width:770px;
    margin-top:0px;
    margin-bottom:5px;
}

.TableLike input,
.TableLike label,
.TableLike textarea
{
	 vertical-align:top;
}


h1 {
	 line-height:60px;
	 margin:0px 0px 0px 0px;
	 padding:0px 0px 0px 0px;
	 vertical-align:top;

	 color:#1a3678;
}

h1 img {
	 margin-right:30px;
	 float:left;
}

h1 span {
	 display:inline-block;
	 height:56px;
	 padding:4px 0px 0px 0px; 
}

.Header {
	 position:relative;
	 top:0px;
	 left:0px;
	 width:auto;
	 height:auto;
	 margin:0px 0px 30px 0px;
	 padding:0px 0px 30px 0px;	 
	 border-bottom:1px solid #a2a2a2;	
}

.Header P {margin:0 0 0 70px;color:#1D3577;}
.nabidka{position: absolute;top: -140px;right: 0;font-size: 20px;color: #1D3577;font-weight: bold;}

.Telo {
	 position:relative;
	 top:0px;
	 left:0px;
	 width:auto;
	 height:auto;
	 margin:0px 0px 0px 0px;
	 padding:0px 0px 0px 0px;	 
}

.Footer {
	 position:relative;
	 top:0px;
	 left:0px;
	 width:auto;
	 height:auto;
	 margin:30px 0px 0px 0px;
	 padding:15px 0px 0px 0px;	 
	 border-top:1px solid #a2a2a2;	
}



.TableLike {
	 position:relative;
	 top:0px;
	 left:10px;
	 display:table;
	 height:auto;
	 margin:0px 0px 0px 0px;	 
	 padding:0px 0px 0px 0px;	
   max-width:740px; 
}

.TableRow {
	 display:table-row;
}

.TableCell {
	 display:table-cell;
}

.Hlavicka {
     width:800px;
	 margin:0px auto 30px auto;	 
	 padding:25px 0px;
	 background:#dfdfdf;
}

.TableLike {


}

.Hlavicka .TableLike .TableCell {
	 padding:3px 4px 12px 25px;
	 vertical-align:top;	 
}

.Hlavicka .TableLike label {
	 display:inline-block;
	 text-align:right;
	 margin-right:10px;
     margin-top:5px;
	 width:110px;
	 font-weight:normal;	
}

.Hlavicka .TableLike.Datumy label {
	 width:280px;	
}

.Hlavicka .TableLike label.Skupina {
	 border-bottom:1px solid #000;		
	 width:340px;
	 font-weight:bold;
	 text-align:left;
	 margin-top:20px;
	 margin-bottom:15px;
	 font-weight:bold;	 
	 font-size:14px;
     padding-bottom:3px;
}

.Hlavicka .TableLike div.TextContent {
	 width:204px;
	 display:inline-block;
	 text-align:left;
    border:1px solid #a2a2a2;	
    background-color:#fff;
     word-wrap: break-word;
     padding:4px 5px; 
}

.Hlavicka .TableLike.Datumy div.TextContent {
	 width:100px;
}

.OtazkaOne {
	 width:800px;
   margin:0px auto 25px auto; 
}

.OtazkaOne label {
   font-weight:bold;
	 display:block;
	 margin-bottom:5px;
}

.OtazkaOne textarea {
	 width:788px;
	 max-width:788px;
	 height:100px;
	 max-height:450px;
	 min-height:50px;
	 padding:4px 5px;
}

.TlacitkaWrap {
	 width:800px;
	 margin:0px auto 30px auto;	 
}

.TlacitkaWrap input {
	 height:35px;
	 padding:0px 25px;
	 font-size:14px;
	 font-weight:bold;
	 margin-right:10px;
	 cursor:pointer;
}

.Hlavicka .TableLike .FullCell label.Skupina {width:720px;}
.Hlavicka .TableLike .FullCell {width:720px;}
.Hlavicka .TableLike .Tros label{display:block;text-align:left;width:auto;margin-bottom:2px;}
.Hlavicka .TableLike .FullCell div.TextContent {width:572px;}

UL{margin:0;padding:0;list-style-type: none;}
UL.files {display:block;margin:0 20px;padding:10px 20px;background:#fff;}
UL.files LI{margin:8px 0;font-weight: bold;color:#424242;}
UL.files LI:before {content: "/";font-weight: bold;padding:0 3px 0 0;font-size:110%;}
UL.files LI A{color:#1D3577;text-decoration:none;font-size:110%;font-weight: normal;padding:3px;border-radius:3px;}
UL.files LI A:hover{background:#EDEDED;color:#394F8E;}
UL.files LI LI{margin:2px 0 8px 40px;}
UL.files LI LI:before {content: "";}
UL.files LI A:before {content: "\2261";border:1px solid;height:12px;line-height:12px;font-size: 14px;display:inline-block;padding:0;vertical-align:middle;margin:0 4px 2px 0;overflow:hidden;}
A.download_all {margin:10px 20px 0 20px;display:block;text-align:center;background:#fff;padding:8px 0;color:#1D3577;text-decoration:none;font-size:110%;font-weight: normal;}
A.download_all:before {content: "\25bc";border:0;border-bottom:2px solid;margin-right:4px;height:12px;line-height:12px;font-size: 14px;display:inline-block;padding:0;vertical-align:middle;}
A.download_all:hover{background:#EDEDED;color:#394F8E;}

UL.files LI A.download_all{color:#1D3577;font-weight: normal;padding:3px;border-radius:3px;width:auto;margin:0 0 0 4px;display:inline-block;text-align:left;height:20px;width:65px;font-size:12px;overflow:hidden;white-space:nowrap;vertical-align: middle;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
UL.files LI A.download_all:hover{background:#EDEDED;color:#394F8E;width:130px;font-size:14px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
UL.files LI A.download_all:before {content: "\25bc";border:0;border-bottom:2px solid;margin:0 4px 4px 0;}

.droparea .TableLike div.TextContent {
  width: 710px;
  border: none;
  background: none;
  padding: 4px 5px;
  display:block;
  overflow:auto;
}

#divUpload {
  width: 100px;
  height: 30px;
  text-align:right;
  overflow:hidden;
  border: 1px solid #0072FF;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

#divUpload INPUT {
  display:block;
  width: 100px;
  height: 30px;
  max-height: 30px;
  padding:0;
  background: url(adv/cont_upload.png) no-repeat 28px 6px;
  border:0;
  float:right;
}

#divUpload INPUT::-ms-browse{background:none;border:0;}
#divUpload INPUT::-ms-value{background:none;border:0;}             

label.filebutt input[type="file"] {
    position: fixed;
    top: -1000px;
}

.Hlavicka .TableLike .filebutt {
    /*border: 2px solid #777; */
    border-radius: 4px;
    padding: 0;
    margin: 0;
    background: #ff740c;
    display: inline-block;
    text-align: center;
    width: 710px;
    height:52px;
    line-height:52px;
    color:#fff;
    font-weight: bold;
    font-size: 18px;
    
}

.Hlavicka .TableLike .filebutt:hover {
    background: #FF9C3A;
}

.poznamka{margin: 0 0 0 40px;}
/*
.filebutt:active {
    background: #CCF;
}
.filebutt :invalid + span {
    color: #A44;
}
.filebutt :valid + span {
    color: #4A4;
} */

.Hlavicka .TableLike .filebutt SPAN:before {content: "\2261\A";font-size: 17px;}
#divUploaded{  border: 1px solid #a2a2a2;background-color: #fff;padding: 5px 6px;}
#divUploaded:empty{display:none;}
#divUploaded DIV{display:block;color:#1D3577;line-height:30px;padding:0 4px;}
#divUploaded DIV:hover{background:#f1f1f1;}
#divUploaded SPAN{display:inline-block;width:645px;}
#divUploaded SPAN:before {content: "\2261";border:1px solid;height:12px;display:inline-block;padding:0;vertical-align:middle;margin:0 3px 2px 0;overflow:hidden;line-height:12px;}
#divUploaded SPAN.remove_cont{width:20px;text-align:center;}
#divUploaded SPAN.remove_cont:before {content: "";display:none;}
#divUploaded SPAN.remove_cont A{width:20px;height:20px;line-height:20px;display:inline-block;text-align:center;text-decoration:none;color:#fff;border-radius:11px;background:#aaa;font-size:16px;}
#divUploaded DIV:hover SPAN.remove_cont A{background:#ff740c;}
#divUploaded DIV:hover SPAN.remove_cont A:hover{background:#FF9C3A;}
#divInfoUpload{
position:fixed;top:30%;margin:0 0 0 -125px;left:50%;width:250px;height:auto;z-index:50;border:1px solid #B4B4B4;background:#fff;padding:0px;-moz-box-shadow: 1px 1px 20px #888;-webkit-box-shadow: 1px 1px 20px #888;box-shadow: 1px 1px 20px #888;
cursor:default;
color:#000;
}
/*
#divInfoUpload:empty{display:none;}
#divInfoUpload H1{width:250px;max-width:230px;font-size:12px;margin:0;text-align:center;display:inline-block;zoom:1;*display:inline;vertical-align:top;height:35px;line-height:35px;padding:0 10px;font-weight:normal;color:#666}
#divInfoUpload H2{width:250px;font-size:13px;margin:0;display:inline-block;zoom:1;*display:inline;vertical-align:top;line-height:35px;padding:0;font-weight:normal;}
#divInfoUpload TABLE#upltable {width:100%;height:35px;margin:0;vertical-align:top;border-collapse:collapse;}
#divInfoUpload TABLE#upltable TD,.divInfoUpload TABLE#upltable TBODY {height:35px;padding:0;}
SPAN.ufname{margin:0;text-align:center;display:inline-block;zoom:1;*display:inline;vertical-align:top;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
SPAN#uplresult{width:250px;max-width:230px;display:inline-block;zoom:1;*display:inline;vertical-align:top;height:35px;line-height:35px;padding:0 10px;font-size:14px;color:#ff740c;text-align:center;}
SPAN.uitem{display:inline-block;zoom:1;*display:inline;vertical-align:top;height:20px;width:20px;line-height:20px;margin:7px 2px 7px 12px;}
SPAN.upldone {border:1px solid #56A54F;background:#72BC6B;-moz-border-radius: 13px;border-radius: 13px;}
SPAN.uplprogress {border:1px solid #a1dbff;background:#CEECFF url(icon/loading.gif) 50% 50% no-repeat;background-size: 60% Auto;-moz-border-radius: 13px;border-radius: 13px;}
SPAN.uplfailed {border:1px solid #b53e3e;background:#db7777;-moz-border-radius: 13px;border-radius: 13px;}
#divInfoUpload BR{display:none;}  */

.Hlavicka .TableLike .conditions LABEL {width:200px; }
.Hlavicka .TableLike .conditions  div.TextContent {background:none;border:0;text-align:left;width:20px;}
.Hlavicka .TableLike .conditions  div.TextContent INPUT{width:auto;height:auto;}


    .uplInProgress:before {content: "\2026";/*border:1px solid #a1dbff;background:#CEECFF;*/height:12px;width:12px;border-radius:6px;display:inline-block;padding:0;vertical-align:middle;margin:0 4px 0 2px;overflow:hidden;line-height:5px;font-weight:bold;font-size:13px;color:#006AFF;}
    #divUploaded DIV.uplFailed{color:#b53e3e;}
    .uplFailed:before {content: "fail";border:1px solid #b53e3e;background:#db7777;height:10px;width:10px;border-radius:6px;display:inline-block;padding:0;vertical-align:middle;margin:0 6px 0 2px;overflow:hidden;line-height:12px;color:transparent;}
    .uplSuccess:before {content: "ok";border:1px solid #56A54F;background:#72BC6B;height:10px;width:10px;border-radius:6px;display:inline-block;padding:0;vertical-align:middle;margin:0 6px 0 2px;overflow:hidden;line-height:12px;color:transparent;}
    
    .attention{padding:20px;background:#f1f1f1;/*color:#4f4f4f;font-size:12px;line-height:14px;*/line-height:15px;}
    
@-webkit-keyframes progress {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes progress {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes progress {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes progress {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.uplInProgress:before {
  -webkit-animation: progress 0.5s infinite; /* Safari 4+ */
  -moz-animation:    progress 0.5s infinite; /* Fx 5+ */
  -o-animation:      progress 0.5s infinite; /* Opera 12+ */
  animation:         progress 0.5s infinite; /* IE 10+, Fx 29+ */
}