/*html { background: #efefdc;
    width: 100%;
   height:100%;
 }*/
/*html,*/
body {
  /* width: 960px; */
   width: 100%;
   height:100%;
   margin: 0;
   /* margin: 20px auto; */
	/*color: #000; */
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
   /*	background-color: #fff;  */
   font-size:11px;
    /*font-size: 140%;*/
	text-align: left;
	min-width: 765px;
	/*background: transparent; */
    background-color: #D7D7D7;
  /* overflow:  visible;   */
   /*background-image: url(../pics/pozadi.gif); */
}

th {
  text-align: center;
}

#WebContainer{
  overflow: visible ;
/*width: 960px;*/
width: 100%;
height: 100%;
background-color:ffffff;
/*border:1px solid #000000;  */
/*border: 1px solid #777799;*/
margin:0;
text-align:left;
/*padding-left: 2%; */
}
/*body, #WebContainer, #hlavicka
{
  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
   -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}*/

.podtrzeni {
	border-bottom:2px solid #ddd;
}

.prava {
	float:right;
} 

.leva {
	float:left;
} 

.center {
	margin: 0 auto;
}

h1 {
	display:none;
}

h2 {
	color: #339;
	line-height: 1.1;
	font-size: 16px;
	margin: 0 1em 1em 0;
}

h3 {
margin: 5px 0 5px 0;
color: #007;
line-height: 1.1;
font-size: 11px;
}

ul {
	margin: 0 0 10px 0;
}
ul ul{
	margin: 5px 0 0 10px;
}
ol {margin: 0 0 0 0;}
ol ol {margin: 0 0 0 0;}
li {
	margin: 0;
	list-style-type: none;
}
P {
margin-top: 5px;
line-height:13px;
}

a {
	color:#00f;
	text-decoration:none;
}

a:visited {
	color:#00f;
}

form{
	background-color:#fff;
	padding:10px;
	text-align:left;
	/*border:1px solid #66c; */
}

label {
	float:left;
   /*	width:100px;*/
   font-size:11px;
   padding:2px;
	margin-right:1em;
	padding-left:0em;
	color:#000;
}

textarea, input, select {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
padding:2px;
margin:2px;
border:1px solid #000;
}


#hlavicka {
	height: 61px;
	margin: 0 auto;
   /* font-weight: bold; */
   background: #fff url(../pics/intranet_01.jpg) top left no-repeat;
   background-size: cover;
	text-align:left;
}


#hlavicka a {
	float: right;
	margin: 17px 1px; /*17px 10px 5px 1px; */
	text-decoration: none;
	display:  block;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background:   #6699FF;
	/*font-size:11px; */
	font-style: normal;
    font-size: 12px;
	color: #FFFFCC; /* #efefdc; #FFCC33;  */
	width: 6em;
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #5CC3FF), color-stop(1, #0060BF));
	background-image: -ms-linear-gradient(top, #5CC3FF, #0060BF);
	background-image: -o-linear-gradient(top, #5CC3FF, #0060BF);
	background-image: -moz-linear-gradient(top, #5CC3FF, #0060BF);
	background-image: -webkit-linear-gradient(top, #5CC3FF, #0060BF);
	background-image: linear-gradient(to bottom, #5CC3FF, #0060BF);
	border-radius: 8px;
	/*box-shadow: 1px 1px #808080; */



}

#hlavicka a:visited {
	/*color:  #FFCC33;*/
    color:  #FFFFFF;
}

#hlavicka a:hover {
	/*background-color: #FFCC33; */
	color:#FFCC33;
}

#kontejner {
	margin: 0;
	height: auto;
	min-height: 90%;
	/*_height: 90%;  */
	padding: 5px;
	font-size: 11px;
	background: #fff;
	overflow: visible;
    width: auto;
   /* background-image: -webkit-gradient(linear, top right, bottom left, color-stop(0, #CFCFCF), color-stop(1, #FFFFFF));
    background-image: -ms-linear-gradient(top right, #CFCFCF, #FFFFFF);
    background-image: -o-linear-gradient(top right, #CFCFCF, #FFFFFF);
    background-image: -moz-linear-gradient(top right, #CFCFCF, #FFFFFF);
    background-image: -webkit-linear-gradient(top right, #CFCFCF, #FFFFFF);
    background-image: linear-gradient(to bottom left, #CFCFCF, #FFFFFF)*/

}

#konttext {
	margin:0;
	padding:0 10px 10px 10px;
	height:100%;
	margin-right:310px;
	background-color:#fff;
}

.kontejnerlogin {
  _text-align:center;
  background:#fff;
}

#foot {
	background-color: #f7f7f7;
	color: #999;
	font-size: 10px;
	height: 40px;
	margin: 0 auto;
	border-top: 1px solid #0181C2;
	padding: 1em 0;
	text-align: center;
}

#foot a {
	color:#999;
}


#secform {
	width:600px;
	margin:5em auto 0;
	text-align:center;
}

#regform {
	width:40em;
	margin:0 auto;
}

#ipruh {
	font-size: 10px;
	padding: 1px 1em;
	height: 15px;
	background-image: url(../pics/intranet_02.jpg);
	text-align: left;
	color: #333;
}

#ipruh a {
	color:#00f;
	text-decoration:none;
}

#lmenu {
	margin: 0;
	font-size: 10px;
	height: 21px;
	padding: 0px 1em 0px;
	background-image: url(../pics/intranet_03.jpg);
	text-align: left;
	color: #333;
	z-index: 10;
}

#lmenu .tlacitko {
    color:#000;
	float:left;
	margin:0;
	padding:0;
	margin-right: 1em;
}

#lmenu .tlacitko a {
	font-size:11px;
	line-height:20px;
   color:#000;
	text-decoration:none;
	padding: 0px 15px;
   /*	bsorder-bottom: 2px solid #aaa;
	bsorder-left: 2px solid #ddd;
	bsorder-right: 2px solid #aaa;*/
	background-color:transparent;
}

#lmenu .active a {
	background-color: #FFFFCC;
    color: #000000;
}

#lmenu .tlacitko a:hover {
   color:#000000;
   /*font-weight: bold;*/
	text-decoration: none;
}


#infobox {
	float:left;
	width:200px;
	margin:0;
}

#infobox h3 {
	background-color: #9cF;
	color: #333;
	margin: 0;
	padding: .2em 2em;
	border: 1px solid	#B3906B;
	font-size:1em;
}

.oddil {
	text-align: left;
	margin:0;
	padding:0;
	background-color: #fff;
}

.oddil p {
	padding:0 0.5em 0 1em;
	color:#33c;
}

#main{
	padding: 0;
	margin:0;
	margin-left: 210px;
}

.warn {
	text-align:center;
	margin:2em;
	font-size:14px;
	color:#f00;
}


.menu {
	margin:0px;
	background-color:#fff;
	padding:0px;
}

.menu li {
 margin:0 0 0.5em;
 font-weight:bold;
 padding:.5em;
 float:left;
 width:25%;
 background: url(../pics/pas.jpg) repeat-x;
}

.menu li ul{
	margin: 0.5em;
}

.menu li ul li{
	border:0;
	margin:0;
   font-weight:normal;
	margin-top:5px;
	padding-left: 30px;
	background: url(../pics/hrnec.jpg) no-repeat;
	width:100%;
}

.h2pic  {
	   width:6em;
		padding:0 .5em;
		border-bottom:2px solid #6B8FB3;
		border-left:1px solid #6B8FB3;
		height:18px;
		line-height:18px;
		color:#336;
		float:left;
}

.cistic {
		font-size:1px;
      clear:both;
      height:1px;
      margin: -5px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
}


#sitemap {
width:auto;
margin:0;
padding:5px 0 0 0;
}

#sitemap li ul {
font-weight: normal;
margin: 0 0 0 2em;
border-left: 1px solid Black;
margin-bottom:1em;
background:#fff;
}

#sitemap li ul a {
background:#fff;
margin:0;
}

#sitemap li {
	padding:2px;
}


#sitemap a {
	margin:0 1em;
	text-decoration:none;
	padding: .5em 0 0 .5em;
	display:block;
	width:100%;
}

.seznam {
	margin:2% 1%;
	width:98%;
	font-size:10px;
	border-collapse: collapse;
	border:none;
}

.seznam tr {
	margin: 10px 0;
}

.seznam th {
	background-color: #A9C2E2;
	text-align:center;
	padding:2px 5px;
}

.seznam td {
	padding:2px 5px;
	border:1px solid #888;
	vertical-align: sub;
}

.seznam p {
	margin:2px;
	border-top:2px solid #eee;
}

.seznam a {
	float:left;
	text-decoration:none;
	padding:1px;
	display:inline-block;
}

.seznam a img{
	text-decoration:none;
	display:inline-block;
}

.seznam img {
	border:none;
}

.seznam a span {
	color:#000;
}

.seznam thead td {
	height:30px;
	padding:5px;
	border:none;
}

.nastenka tbody td {
	height:50px;
}

.seznam .suda {
	background-color: #e8e8e8;
}


.seznam .seda {
   font-style:italic;
	color:#333;
}

.konec {
	color:#f55;
}

.aktivni {
	color:#000;
}


.oddil
{
    background-color: #ccc ;
    text-align : center;
    color : Black;
	 margin:0 10px;
}

/*.zalozka {
	background: #eee;
	color:#00f;
	padding: 2px 0px 2px 0px;
	cursor: hand;
	text-align: center;
	margin-right: 15px;
	width:45px;
	display: inline-block;
	float: left;
}*/

.zalozka {
    background : #eee;
    color:#00f;
    /*color:#FFFFCC;*/
    padding : 2px 5px; 
   /* padding : 2px 2px; */
    cursor : pointer;
    text-align:center;
    margin-left:5px;
    margin-top:0.5em;
	display:inline-block;
    float:left;
    /*background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #5CC3FF), color-stop(1, #0060BF));
	background-image: -ms-linear-gradient(top, #5CC3FF, #0060BF);
	background-image: -o-linear-gradient(top, #5CC3FF, #0060BF);
	background-image: -moz-linear-gradient(top, #5CC3FF, #0060BF);
	background-image: -webkit-linear-gradient(top, #5CC3FF, #0060BF);
	background-image: linear-gradient(to bottom, #5CC3FF, #0060BF);*/

    /*box-shadow: 2px 2px 1px 0 #808080;
    border-top-color: #808080;
    border-left-color: #808080;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border: 1px solid;*/
    /*border-radius: 3px; */
}

.penize {
	/*background-color: #CCDFF0; */
   /*  background-color: #CAD9EC;  */
   /* background-color: #A9C2E2; */
    background-color:  #BED1E9;/
    color : #C2D2E5;
    font-size:11px;
}

#smlouva {
padding:1em;
}

.smlmain {
     font-size:11px;
}

.ovl {
	width: 98%;
	height: 29px;
	margin: 0 auto;
	margin-top: 1em;
	padding: 2px 1% 2px 1%;
	background-color: #f6f6f6;
	border-top:2px solid #eee;
	border-bottom:2px solid #eee;
}

.ovl a {
	margin-left:10px;
	color:#33f;
}

#orgstr ul {
	margin: 0 0 1em 0em;
	padding: 0.5em 1em;
	list-style: none;
	font-size:10px;
}

#orgstr ul li {
	fsont-weight:bold;
}

#orgstr li span {
	margin-right:1em;
}

#orgstr ul  ul {
	margin: 0 0 1em 2em;
	border-left: 3px solid #777;
	border-bottom: 3px solid #777;
	border-top: 2px solid #eee;
	border-right: 2px solid #eee;
	background:#fff;
}

#kalendar {
   clear:right;
	float: right;
	width: 300px;
	font-size: 9px;
	border-left:3px solid #ddd;
}

#kalendar td {
	color: #333;
	border: none;
	border-bottom: 1px solid #ddd;
}

#kalendar th {
	background-color: #FFF2D7;
}

#kalendar caption {
	font-size: 12px;
	background-color: #eee;
	color: #333;
	padding: 2px 5px;
	letter-spacing: 5px;
	border-bottom: 5px solid #fff;
}


#kontakt {
	clear:right;
	float: right;
	width: 300px;
	font-size: 10px;
	margin-top:10px;
}

#kontakt td {
	border:none;
	border-top:1px solid #ddd;
}

#kontakt th {
	background-color: #eee;
}

#kontakt caption {
	font-size: 12px;
	background-color: #FFDDBB;
	color:#333;
	padding: 2px 5px;
	border-bottom:5px solid #fff;
	text-align:left;
}

.text {
	font-size:12px;
	text-align:justify;
	margin-right:350px;
	margin-top:20px;
	width:590px;
}

.smernice {
	width:790px;
	margin: 0 auto;
}

.message {
	width: 950px;
	margin: 15px auto 5px;
	border-top: 4px solid #eef;
	border-left: 4px solid #eef;
	background-color: #f6f6ff;
}

.message td {
	padding: 2px 5px;
}	

.message .subj {
	font-size: 12px;
	font-weight: bold;
	color:#444;
	letter-spacing: 1px;
}

.message .plati {
}
.message .text {
	height: auto;
	min-height: 16px;;
	_height: 16px;
	font-style:italic;
}

.message a {
	color:#33f;
}


#aktuality {
	clear:right;
	float: right;
	width: 300px;
	font-size: 10px;
}

#aktuality td {
	border:none;
}

#aktuality th {
	background-color:#eee;	
}

#aktuality caption {
	font-size: 12px;
	background-color: #FFDDBB;
	color: #000;
	padding: 2px 5px;
	border-bottom: 5px solid #fff;
	font-style: normal;
	text-align:left;
}


#pr {
	clear:right;
	float: right;
	width: 300px;
	font-size: 11px;
	margin-top:10px;
}

#pr th {
	background-color:#eee;	
}


#pr caption {
	font-size: 12px;
	background-color: #ffcc66;
	color: #000;
	padding: 2px 5px;
	border-bottom: 5px solid #fff;
	text-align: left;
	margin-right: 150px;
}

#pr {
	clear:right;
	float: right;
	width: 300px;
	font-size: 11px;
	margin-top:10px;
}

#pr caption {
	font-size: 12px;
	background-color: #d2ffd3;
	color: #000;
	padding: 2px 5px;
	border-bottom: 5px solid #fff;
	text-align: left;
	margin-right: 150px;
}


#tiskove {
	clear:right;
	float: right;
	width: 300px;
	font-size: 10px;
	margin-top:10px;
}

#tiskove td {
	border:none;
}

#tiskove th {
	background-color:#eee;	
}


#tiskove caption {
	font-size: 12px;
	background-color: #d5ccff;
	color: #000;
	padding: 2px 5px;
	border-bottom: 5px solid #fff;
	text-align:left;
	margin-right:150px;
}

.kalendar {
	border: none;
	width: 100%;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	background-color: #DDDDFF;
}

.kalendar td {
	padding: 2px 5px;
}


.akce {
	psadding:0 5px 5px 5px;
	border-top: 3px solid #ccF;
	margin-bottom:15px;
	width:600px;
}

hr {
	color:#888;
	width:100%;
}


.mistab {
	margin:2% 1%;
	width:98%;
	font-size:10px;
	border-collapse: collapse;
	border:none;
}

.mistab .seda{
	background-color: #ddd;
}

.mistab caption {
	font-size:12px;
	background-color:#A9C2E2;
	padding:2px;
}

.mistab tr {
	margin: 10px 0;
}

.mistab th {
	background-color: #C9E2F2;
	text-align:center;
	padding:2px 5px;
	border:1px solid #888;
}

.mistab td {
	padding:2px 5px;
	border:1px solid #888;
	vertical-align: sub;
	text-align:right;
}

.mistab thead td {
	height:30px;
	padding:5px;
	border:none;
}
.zber {
	padding: 0 1em;
	margin: 2em auto 1em;
	background-color: #FEE8BA;
	font-size: 9px;
	border: none;
	width: auto;
}
.carna{
	color: #E0F4FF;
    background: #000066;
	padding: 2px;
}

br.clear {clear:both}

.loader {
    border: 6px solid #f3f3f3; /* Light grey */
    border-top: 6px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
    margin: auto;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}