html,body{height:100%; width:100%; margin:0; padding:0;}

input[type=text]{width:269px; height:22px; font-size:18px; padding:1px;}
input[type=number]{width:269px; height:22px; font-size:18px; padding:1px;}
input[type=password]{width:269px; height:22px; font-size:18px; padding:1px;}
a{text-decoration:none; color:#000000;}
h2,h3{margin:5px 0;}



html {
  height: 100%;
}
body {
  height:auto;
 /* min-height:100%;*/
}

body{
	/*position:relative;*/
}
body::after {

  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  
}


@media print { 
		.hide,img{display:none;}
 }
 
	.menu {padding-top:3px;}
	.menu a{
		font-weight:bold;
		background-color:#eeeeee; 
		padding: 0.1em 0.3em;
	}
	.menu a:hover{
		background-color:#ccFFcc; 
		padding: 0.2em 0.3em;
	}
	
	.af{margin-top:3px;}
	.af td:first-child{ width:60px;}
	.af td{border-bottom:1px dotted #cccccc; border-right:1px dotted #dddddd; padding:2px;}
	.af a img{width:25px; margin-top:-2px; margin-bottom:-2px;}
	.af td:first-child a:first-child{float:left}
	.af td:first-child a:last-child{float:right}
	
	.af2  td:first-child{ width:auto;}
	
	.af3 td{border:1px dotted #cccccc;}
	.af4 td{text-align:center;}
	
	
	/* tabele */
	.frm{
		border-width: 1px; 
		border-style: dotted; 
		border-color: #cccccc; 
	
	}
	.frm td{ 
			border-width:0px 0px 1px 0px; 
			border-style: dotted; 
			border-bottom-color:#999999; 
			padding:2px;
	}
	.frm2 td{ 
			border-width:0px 1px 1px 0px; 
	}
	.frm input:not([type=checkbox]):not([type=radio]){width:300px;}
	
	

/*45-1 65-2 85-3 115-4 140-5 165-5+br 175-6 195-7 225-8*/
.content{position:relative; margin:auto; width:441px; margin-top:10px;}
.content0{height:60px; }
.content1{height:165px; }
.content2{height:190px;}
.content3{height:245px;}
.content4{height:45px;}
.content5{height:245px;}


.left  {float:left;  height:100%; width:120px;  background: center center / 110px 110px no-repeat;}
		.left0{background-image:url(img/z_sursa.png);}
		.left1{background-image:url(img/z_time.png);}
		.left2{background-image:url(img/z_client.png);}
		.left3{background-image:url(img/z_car.png);}
		.left4{background-image:url(img/z_gaj.png);}
		.left5{background-image:url(img/z_garant.png);}
.center{float:left;  height:100%; width:41px;}
.right {float:right; height:100%; width:275px;}



.brace {width:15px; height:16px;}
.brace_height{
	border-left:5px solid black; 
	margin-left:15px; 
	/* Firefox */
	height: -moz-calc(50% - 32px);
	/* WebKit */
	height: -webkit-calc(50% - 32px);
	/* Opera */
	height: -o-calc(50% - 32px);
	/* Standard */
	height: calc(50% - 32px);
}
.brace_part1 {
  border-left: 5px solid black;
  border-top-left-radius: 16px;
  margin-left: 15px;
}
.brace_part2 {
  border-right: 5px solid black;
  border-bottom-right-radius: 16px;
 /* margin-left: 5px; /* with: *,::before,::after {box-sizing:border-box;}*/
}
.brace_part3 {
  border-right: 5px solid black;
  border-top-right-radius: 16px;
  /* margin-left: 5px; /* with: *,::before,::after {box-sizing:border-box;}*/
}
.brace_part4 {
  border-left: 5px solid black;
  border-bottom-left-radius: 16px;
  margin-left: 15px;
}
.brace_sign{
	position:absolute;
	right:15px;
	
    -webkit-transform:scale(1.2,1); /* Safari and Chrome */
    -moz-transform:scale(1.2,1); /* Firefox */
    -ms-transform:scale(1.2,1); /* IE 9 */
    -o-transform:scale(1.2,1); /* Opera */
    transform:scale(1.2,1); /* W3C */
}


#hide1, #hide2{
	animation: fade 1s;
}

@keyframes fade {
	0% { 
		opacity: 0;
	}
	100% { 
		opacity: 1;
	}
}
@-webkit-keyframes fade {
	0% { 
		opacity: 0;
	}
	100% { 
		opacity: 1;
	}
}
@-moz-keyframes fade {
	0% { 
		opacity: 0;
	}
	100% { 
		opacity: 1;
	}
}
@-o-keyframes fade {
	0% { 
		opacity: 0;
	}
	100% { 
		opacity: 1;
	}
}



@keyframes fadeIn { 
  from { opacity: 0; } 
}
@-o-keyframes fadeIn { 
  from { opacity: 0; } 
}
@-moz-keyframes fadeIn { 
  from { opacity: 0; } 
}
@-webkit-keyframes fadeIn { 
  from { opacity: 0; } 
}