/* definitions for grid layouts*/

/* two columns layout - for ebk- barvy product presentation*/
/*with Autoprefixer conversion for IE 11 compatibility*/
.prod-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 3fr;
  grid-template-columns: 2fr 3fr;
  grid-template-areas: "a b";
  border: 1px solid black;
}
.prod-name {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: a;
}

.prod-content {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: b;
  background-color: #f1f1f1;
}

.prod-content ul li {
  font-size: 80%;
}

.prod-container > * {
	padding: 0.1em 0.5em 0.1em 0.5em;
}
.prod-container h2 {
   font-weight: bold;
   letter-spacing: 0.1em;
   color: Green;
}   
.prod-name span {
   display:block;
   width: 70%;
   margin-bottom: 2px;
}  
.rcorners {
  border-radius: 10px;
  border: 2px solid Green;
  padding: 5px;
} 
/*end of product layout definitions*/

/*definitions for hide/unhide product part*/
/*vlastní hide/unhide div je definovaný jako class .prod_content v jsdriven.css*/
.prod_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 3fr;
  grid-template-columns: 2fr 3fr;
  grid-template-areas: "a b" "c c";
  border: 1px solid black;
}
.prod_container > * {
	padding: 0.1em 0.5em 0.1em 0.5em;
	}
	
.prod_left_col {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: a;
  font-size: 80%;
}

.prod_right_col {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: b;
  font-size: 80%;
  background-color: #f1f1f1;
}
.prod_price_table {
  -ms-grid-row: 2;
  -ms-grid-column: 1 2;
  grid-area: c; 
}
.prod_cenik {
  border-collapse: collapse;
  width: 100%;
  background-color: LightGreen;
  margin-top:5px;
  margin-bottom:5px;
}
.prod_cenik td {
  border: 1px solid;
  padding: 2px 4px 2px 4px;
}
.prod_cenik tr td:nth-child(2) {text-align: right;}
.prod_cenik tr td:nth-child(3) {text-align: center;}
.prod_cenik tr td:nth-child(4) {text-align: right;}
.prod_cenik tr td:nth-child(5) {text-align: right;}