/* Common tag based styles */
body {margin: 0; background-color: #FFF1B4 !important; background-size: cover; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; position: relative;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.items div {clear:both; display: block; color: black; font-size:60px; line-height: 66px;}
.items h2 {font-size:68px; color: black; text-transform: uppercase; border-bottom: 1px solid #808080; margin-top: 30px;}
.items span {float:right; font-weight: bold;}
.info {position: absolute; top:6px; text-align: center; color: black; margin-bottom: 2px;}


/* Colors */
.aqua{ background-color:aqua; }
.blue{ background-color:blue; }
.yellow{ background-color:yellow; }
.greenyellow{ background-color:greenyellow; }
.green{ background-color:green; }

/* Height 100% to all the elements */
html, body, .container-table, .inline-row, .inline-row > div {height: 100%;}
/* We do the trick here with Table, table row and table-cell */
.container-table {display: table; width: 100%; /* Width is important for display:table */}
.inline-row { display: table-row; }
.inline-row > div { display: table-cell; text-align: center; vertical-align: middle; }
/* This will set our heights as we need them */
.inline-row > div > .row { height: 100%; }
.inline-row > div .row > div { height: 25%; border-bottom: 1px dotted #808080; vertical-align: middle;}
.inline-row > div .row > div:last-child {border-bottom: none;}
.fieldb {border-right: 1px dotted #808080; padding-right: 10px;}
.fieldb div img {vertical-align: middle; margin-top: 10px;}

.popisek {position: absolute; top: 10px; left:10px; color: black; z-index: 99; font-size: 32px; padding: 4px 8px;}

.detail {padding:20px; position: relative;}
.detail-nazev {font-size: 90px; font-weight:bold; color: black; position: absolute; top: 20px; left: 20px; text-align: left;}
.detail-nazev span {font-weight:normal; clear: both; display: block;}

.cena {background: #FEDA00; color:#000000; position: absolute; bottom: 20px; right:0px; font-size: 280px; font-weight: bold; padding: 0 48px;  text-align: right;}
.cena span {position: relative; bottom: 0px; right: 210px; font-size: 72px; margin-right: -210px; min-width: 200px; display: inline-block; z-index: 99; text-align: right;}
.fieldb img { width:  444px; height: 250px;}
.fielda img {width: 1250px;}

.horizontal {display: flex; justify-content: center; position: relative;}
.vertical {display: flex; flex-direction: column; justify-content: center;}

.A-neviditelne, .B-neviditelne, .T-neviditelne {display: none;}

@media (max-width: 767px) {

  }
@media (min-width: 768px) {

  }
@media (min-width: 992px) {

  }
@media (min-width: 1200px) {

  }