@charset "utf-8";

body {
  background-color: #1a3670;
  margin: 0;
}
body,
input[type=text],
input[type=password],
input[type=file],
textarea {
  font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;	
	}
a {
	color: #1a3670;
	}
h1 {
	color: #1a3670;
}
h2 {
	font-weight:bold;
	font-size:1.2em;
	color:#1a3670;
	margin:5px;
	}
input[type="text"],
input[type="password"],
input[type="file"],
textarea {
	border-radius: 8px;
	padding:4px;
	background: linear-gradient(#ddd, #fff);
	}
input[type="button"],
input[type="submit"],
input[type="button"]:disabled:hover,
input[type="submit"]:disabled:hover,
button,
button:disabled:hover {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: rgba(0, 0, 0, 0) linear-gradient(#eee, #ccc) repeat scroll 0 0;
	border-color: #ccc #888 #888 #ccc;
	border-image: none;
	border-radius: 8px;
	border-style: solid;
	border-width: 2px;
	padding: 5px 8px;
}

/*-------------- head ----------------------------------*/
#head,
#headBody {
	height:120px;
	}
#head {
	width:100%;
	background-image:url(../images/head_bgr.png);
	background-position:50%;
	background-repeat:no-repeat;
	}
#headBody {
	width:1000px;
	margin:0 auto;
	color:#FFF;
	position:relative;
	}
#headTit {
	width:500px;
	height:105px;
	padding-top:15px;
	left:0;
	font-size:2em;
	font-weight:bold;
	cursor:pointer;
	}
#headSubTit {
	position:absolute;
	font-size:1.8em;
	font-weight:bold;
	bottom:10px;
	right:0;
	}

/*-------------- body ----------------------------------*/
#body {
	display:table;
	width:1000px;
	margin:15px auto 0 auto;
	}
#leftMenu,
#main {
	display:table-cell;
	}
#leftMenu,
#navigace,
#mainBody {	
	background-color: #ddd;
	border: 1px solid #666;
	border-radius: 10px;
	padding: 8px;
	}
/*-------------- left Menu -----------------------------*/
#leftMenu {
	width:150px;
	text-align:center;
	vertical-align:top;
	}
#leftMenu a {
	display:block;
	margin:0 auto 10px auto;
	border-radius: 5px;
	width:130px;
	padding:5px 0;
	background-color:#FFF;
	text-decoration:none;
	font-weight:bold;
	}
#leftMenu a.login {
	background:#C30;
	color:#FFF;
	}
#leftMenu a:hover {
	background-color:#CCC;
	}
#leftMenu a.disabled,
#leftMenu a.disabled:hover {
	background-color:#FFF;
	color:#CCC;
	cursor:default;
	}
/*-------------- navigace ------------------------------*/
#navigace {
	margin-bottom:15px;
	}
#navigace .brick {
	display:inline-block;
	margin-bottom:-2px;
	width:15px;
	height:15px;
	background-color:#1a3670;
	}
#navigace a {
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
	color:#1a3670;
	}
/*-------------- login ---------------------------------*/
#login {
	margin:50px auto 40px auto;
	text-align:center;
	}
#login h1 {
	margin-bottom:50px;
	}
#loginBlok {
	width:300px;
	margin:0 auto;
	padding:25px;
	background-color:#1a3670;
	border-radius:15px;
	}
#login label {
	display:inline-block;
	width:50px;
	text-align:right;
	margin-right:5px;
	color:#FFF;
	}
#login input[type=text],
#login input[type=password] {
	width:150px;
	margin-bottom:15px;
	}
/*-------------- main ----------------------------------*/
#main {
	}
/*-------------- mainBody ------------------------------*/
#mainBody {
	min-height:550px;
	}
/*----------- list -------------------------------------*/
.list td:nth-child(1) {width:80px; text-align:center;}
.list td:nth-child(2) {width:600px;}
.list td:nth-child(3) {width:50px; text-align:center;}

#searchList td:nth-child(1) {width:100px; text-align:center;}
#searchList td:nth-child(2) {width:630px;}

.list {
	border-spacing: 1px 4px;
	border-bottom:1px solid #999;
	}

.list td {
	padding:3px 5px;
	}
/*------- thead -------*/
.list thead {
	display:block;
	}
.list thead tr {
	background-color:#1a3670;
	color:#FFF;
	font-weight:bold;
	}
.list thead .sipkaSort,
.list thead .sipkaSortD,
.list thead .sipkaSortA {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
		margin-bottom:1px;
    vertical-align: text-bottom;
}
.list thead .sipkaSortA {
    background-image: url("/Images/sortA_12.png");
}
.list thead .sipkaSortD {
    background-image: url("/Images/sortD_12.png");
}
.sortBtn {
	cursor:pointer;
	}
.sortBtn:hover {
	background-color:#666;
	}	
/*-------- typList -----*/
#typList .empty, #typList .fill {
	margin-left:2px;
	}
#typList .empty {
	color:#F99;
	}
#typList .fill {
	color:#6F9;
	}
/*------- tbody -------*/
.list tbody {
	width:100%;
	display: block;
	overflow: auto;
	height:460px;
}
#searchList tbody {
	height:auto;
	}
.list tbody tr {
	background-color:#FFF;
	}
.list .navigate {
	cursor:pointer;
	}
.list .navigate:hover {
	background-color:#EEE;
	}
.list .lastSel {
	background-color:#DFD;
	}
/*------- rowTitle -------*/
#searchList .rowTitle {
	background-color:#CCC;
	font-weight:bold;
	}
#searchList .rowTitle td:nth-child(1) {
	text-align:left;
	}
/*------------------ detail ---------------------------*/
#detail {
	padding:10px 20px;
	}
#detail>table td,
.multiuploadTbl,
.multiuploadTbl>table td {
	padding:5px;
	background-color:#FFF;
	border-radius: 5px;
	}
#detail>table td:nth-child(1) {text-align:right;}
#detail>table td label {
	width:150px;
	display:inline-block;
	text-align:right;
	margin-right:5px;
	}	
#detail .nahled {
	padding:15px;
	border-radius: 10px;
	background-color:#FFF;
	text-align:center;
	}
#detail .nahled img {
	border:1px solid #999;
	}
#detail .iNazev,
#detail .iZak
 {
	font-weight:bold;
	}
#detail .iNazev {
	width:322px;
	}
#detail .iZak {
	width:110px;
	}
#detail .oldZak {
	display:inline-block;
	max-width:390px;
	}
#detail .legenda {
	margin-top:10px;
	padding-top:2px;
	border-top:1px solid #BBB;
	font-size:0.8em;
	line-height:1.4em;
	}
#detail .oldZak a {color:#000;}
#detail .oldZak .old,
#detail .oldZak .old a,
#detail .legenda .old {color:#888;}
#detail .oldZak .digi,
#detail .legenda .digi {font-style:italic;}
#detail .oldZak .osvit,
#detail .legenda .osvit {font-weight:bold;}
#detail .oldZak .soub,
#detail .legenda .soub {font-weight:bold; cursor:pointer;}
#detail .oldZak .soub a { text-decoration:none;}
#detail .oldZak .hrom,
#detail .legenda .hrom {cursor:pointer;	text-decoration: underline;}
#detail input[type=checkbox],
.multiuploadTbl input[type=checkbox] {
	vertical-align:bottom;
	cursor:pointer;
	margin-bottom:6px;
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
	}
.half_selected {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
#detail textarea {
	width:97%;
	height:100px;
	}
#detail #PdfShow,
#detail #nahledShow {
	height:26px;
	padding-top:5px;
	}
#detail #PdfShow span,
#detail #nahledShow span {
	font-weight:bold;
	vertical-align:middle;
	}
#detail #PdfShow img,
#detail #nahledShow img {
	vertical-align:middle;
	}
#detail #PdfShow .trash,
#detail #nahledShow .trash {
	float:right;
	cursor:pointer;
	}	
#detail .changes,
#detail .error {
	display:none;
	}
#detail .error {
	color:#C30;
	}
#detail .red {
	background: linear-gradient(#eaa, #caa);
	}
#DoSklad {
	text-align:right;
	}
/*---- tooltip ------------------------------------------- */
.toolTip {
	position:relative;
	cursor: pointer;
	display:inline-block;
	}
.toolTipText {
	display:none;
	}
.toolTipTextShow {
	min-height:20px;
	padding:10px;
	background-color: #3D6199;
  color: White;
	position:absolute;
  z-index: 100;
  border-radius: 5px;
	white-space:nowrap;
	}
.toolTipTextShow:after {
	border: solid transparent;
	content: ' ';
	left: 100%;
	position: absolute;
	border-width: 10px;
	border-left-color: #3D6199;
	top: 10px;
}
/*------ table editZak -------------------------------*/
#detail .editZak td:nth-child(1) {width:150px;}
#detail .editZak td:nth-child(2) {width:100px;}
#detail .editZak td:nth-child(3) {width:100px;}
#detail .editZak td:nth-child(4) {width:140px;}

#detail .editZak thead {
	display: block;
	}
#detail .editZak tbody {
	display: block;
	overflow: auto;
	max-height:300px;
	}
#detail .editZak tbody input[type="text"] {
	padding:2px 4px;
	}
#detail .editZak td,
.multiuploadTbl>table td {
	border-radius: 0;
	text-align:center !important;
	}
#detail .editZak thead td,
.multiuploadTbl>table thead td {
	background-color:#DDD;
	font-weight:bold;
	}
#detail .editZak tbody td {
	border-bottom: 1px solid #666;
	vertical-align:middle;
	}
#detail .editZak tbody tr:last-child td {
	border-bottom: none;
	vertical-align:middle;
	}
/*------ table kontrola -------------------------------*/
#kontrola td:nth-child(1) {width:100px;}
#kontrola td:nth-child(2) {width:80px; text-align:right;}
#kontrola td:nth-child(3) {width:150px; text-align:left;}
#kontrola td:nth-child(4) {width:375px; text-align:left;}
#kontrola td:nth-child(5) {width:15px; text-align:left;}
#kontrola .warning {
	background-color:#FDD;
	}
/*------ table sklad ----------------------------------*/
#sklad td:nth-child(1) {width:100px;}
#sklad td:nth-child(2) {width:550px;}
#sklad td:nth-child(3) {width:80px; text-align:right;}
/*------ table cistka ---------------------------------*/
#cistka tbody {
	height:auto;
	}
#cistka td:nth-child(1) {width:160px;}
#cistka td:nth-child(2) {width:106px;}
#cistka td:nth-child(3) {width:100px; text-align:right;}
#cistka td:nth-child(4) {width:240px;}
/*---------- foot ------------------------------------*/
#foot {
	width:1000px;
	margin:10px auto 0 auto;
	border-top:1px solid #FFF;
	padding: 10px 0;
	color:#FFF;
	text-align:center;
	font-size:0.9em;
	position:relative;
	}
#foot .time {
	position:absolute;
	top:10px;
	right:0;
	font-size:0.9em;
	 }