@charset "utf-8";
/* CSS Document */

.container-proba5 {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: auto auto auto auto 3em auto auto auto auto auto 3em auto;
	grid-gap: 1em 1em;
}
.kalkul .container-proba5{
	box-shadow: inset 0 0.1em 1em 0.1em #808080;padding:1.5em; line-height:1.5; margin:1em;
font-size: 1.2em;

line-height: 1.2em;
float: left;
padding: 2em;
width: 94%;		
margin:  0.8em 1em 0 0.8em;
position: initial;
}

.vid1 {
	grid-area: 1 / 1 / 2 / 7;
	place-self: center;
	font-size: 1.2em;
}

.metal1 {
	grid-area: 2 / 1 / 3 / 3;
	place-self: center;
	
}

.v-metal {
	grid-area: 2 / 3 / 3 / 7;
}

.t-d {
	grid-area: 3 / 1 / 4 / 3;
	place-self: center;
	
}

.t-t {
	grid-area: 3 / 3 / 4 / 5;
	place-self: center;
	
}

.t-ns {
	grid-area: 3 / 5 / 4 / 7;
	place-self: center;
	
}

.p-d {
	grid-area: 4 / 1 / 5 / 3;
	
}

.p-t {
	grid-area: 4 / 3 / 5 / 5;
	
}

.p-ns {
	grid-area: 4 / 5 / 5 / 7;
	
}

.t-rez {
	grid-area: 5 / 1 / 6 / 3;
	place-self: center;
	
}

.p-rez {
	grid-area: 5 / 3 / 6 / 7;
	
}

.item-13 {
	grid-area: 6 / 1 / 7 / 7;
}

.vid-2 {
	grid-area: 7 / 1 / 8 / 7;
	place-self: center;
	
}

.metal-2 {
	grid-area: 8 / 1 / 9 / 3;
	place-self: center;
	
}

.v-metal2 {
	grid-area: 8 / 3 / 9 / 7;
}

.t-d2 {
	grid-area: 9 / 2 / 10 / 4;
	place-self: center;
	
}

.t-da {
	grid-area: 9 / 4 / 10 / 6;
	place-self: center;
}

.p-d2 {
	grid-area: 10 / 2 / 11 / 4;
}

.p-da {
	grid-area: 10 / 4 / 11 / 6;
}

.t-rez2 {
	grid-area: 11 / 1 / 12 / 3;
	place-self: center;
	
}

.p-rez2 {
	grid-area: 11 / 3 / 12 / 7;
	
}