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

.container-proba3 {
  display: grid;
  width: 100%;
  height: auto;
   grid-template-areas: 
"t1 t12 t13"
 "rrr rrr rrr"
 "r21 r22 r23"
"r41 r42 r43"
"r61 r62 r63"
"r81 r82 r83"
"r101 r102 r103"
"r121 r122 r123"
"t131 t132 t133";	   

 grid-template-columns:1fr 1fr 1fr;
	grid-template-rows: repeat(9, 1fr);
	grid-column-gap: 2em;
}
.kalkul .container-proba3{
	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;
}


.t1 {
  grid-area: t1;
	place-self: center;
}
.t12 {
  grid-area: t12;
}
.t13 {
  grid-area: t13;
	place-self: center;
}
.rrr{
	grid-area: rrr;
}
.r21{
  grid-area: r21;
	place-self: center;
}
.r22 {
  grid-area: r22;
	place-self: center;
}
.r23 {
  grid-area: r23;
	place-self: center;
}

.r41 {
  grid-area: r41;
}
.r42 {
  grid-area: r42;
}
.r43 {
  grid-area: r43;
	place-self: center;
}

.r61 {
  grid-area: r61;
}
.r62 {
  grid-area: r62;
}
.r63 {
  grid-area: r63;
	place-self: center;
}

.r81{
  grid-area: r81;
}
.r82 {
  grid-area: r82;
}
.r83 {
  grid-area: r83;
	place-self: center;
}


.r101 {
  grid-area: r101;
}
.r102 {
  grid-area: r102;
}
.r103 {
  grid-area: r103;
	place-self: center;
}

.r121 {
  grid-area: r121;
}
.r122 {
  grid-area: r122;
}
.r123 {
  grid-area: r123;
	place-self: center;
}
.rrr {
  grid-area: rrr;
	
}

.t131 {
  grid-area: t131;
}
.t132 {
  grid-area: t132;

}
.t133 {
  grid-area: t133;
	place-self: center;
}
.r141 {
  grid-area: r141;
}
.r142 {
  grid-area: r142;
	
	
}
.r143 {
  grid-area: r143;
	place-self: center;
	
}