/* HLAVNÍ OBSAH - top */

#top h1 {font-size: 26px; font-weight: bold; margin: 40px 0 30px 0;}
#top h2 {font-size: 22px; font-weight: bold; margin: 35px 0 25px 0;}
#top h3 {font-size: 18px; font-weight: bold; margin: 30px 0 20px 0;}
#top h4 {font-size: 16px; font-weight: bold; margin: 25px 0 15px 0;}
#top .product-name h2 {font-size: 16px; margin: 0;}
#description, #quick-nav {margin: 20px auto; width: 80%; font-size: 14px; line-height: 1.6em;}
#description p {text-align: left; margin-bottom: 20px;}
#description em {font-style: italic;}
#description ol {list-style: decimal; margin: 0 0 20px 30px;}
#description ul {list-style: disc; margin: 0 0 20px 30px;}
#description a {font-weight: normal;}
#description img.fr-fic {margin: 5px; max-width: 100%;}
#description img.fr-dii {display: inline-block;}
#description img.fr-dii.fr-fil {float: left; margin: 5px 5px 5px 0;}
#description img.fr-dii.fr-fir {float: right; margin: 5px 0 5px 5px;}
#description img.fr-dib {display: block; margin: 5px auto;}
#description img.fr-dib.fr-fil {margin-left: 0;}
#description img.fr-dib.fr-fir {margin-right: 0;}
#disclaimer {margin: 20px auto; width: 80%; line-height: 1.4em;}
.product {display: flex; font-weight: bold;}
.product-rank {width: 6%; font-size: 30px;} /* Na maximálně 2 cifry, např. 99. */
.product-first-row {display: flex; width: 50%;}
.product-second-row {display: flex; width: 13%;} /* Maximálně např. 835 974 Kč */
.product-first-row-for-2 {width: 37%;}
.product-second-row-for-2 {width: 26%;} /* 2x tolik pro 2 sloupce místo jednoho */
.product-buttons {width: 31%; flex-wrap: wrap;}
.product-rank, .product-image, .product-name, .product-parameter-title, .product-parameter-value, .product-buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f9f9f9;
	border: 1px solid #fff;
	box-sizing: border-box;
	padding: 5px;
}
.product-image {width: 20%;}
.product-name {width: 80%; text-align: left; justify-content: normal;}
.product-parameter {display: flex; width: 100%; font-size: 16px;}
.product-parameter-title {width: 100%; font-weight: normal; display: none;}
.product-parameter-value {width: 100%;}
.selection-header .product-rank, .selection-header .product-image, .selection-header .product-name, .selection-header .product-parameter-title, .selection-header .product-parameter-value, .selection-header .product-buttons {
		font-size: 12px;
		font-weight: normal;
		padding: 10px 5px;
	}
#top .product-image img {max-width: 100%; max-height: 60px;}
#top a.button-big {
    display: inline-block;
    text-transform: uppercase;
    padding: 13px 35px;
    border-radius: 4px;
    margin: 15px;
    color: white;
    background: #f00a28;
    font-weight: normal;
}
#top a.button-small {
    cursor: pointer;
    text-transform: uppercase;
    padding: 8px 0px;
    border-radius: 4px;
    color: white;
    background: #4a525d;
    margin: 3px;
    font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	width: 116px;
}
#top a.button-small strong {
	font-size: 14px;
}
#top a.button-small strong.button-price {
	font-size: 16px;
	text-transform: none;
}
#top a.red {background: #f00a28;}
#top a.black {background: #000000;}
#top a.bubble {
	display: inline-block;
	padding: 7px 10px;
	margin: 5px;
	background: #f9f9f9;
	border-radius: 4px;
	border: 1px solid #e9e9e9;
}
#top a.button-big:hover, #top a.button-small:hover, #top a.bubble:hover {
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1);
}
#top a.bubble:hover {
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
}
	

@media screen and (max-width: 800px) {
	#top h1 {margin-top: 30px;}
	#top h2 {margin-top: 30px;}
	#top h3 {margin-top: 25px;}
	#top h4 {margin-top: 20px;}
	#top .product-name h2 {font-size: 18px;}
	#description, #quick-nav {margin: 20px auto; width: 100%;}
	#description img.fr-dii.fr-fil, #description img.fr-dii.fr-fir {float: none; display: block; margin: 0 auto 20px auto; width: 100% !important;}
	#disclaimer {width: 100%; font-size: 11px;}
	.product {display: block; border: 1px solid #e9e9e9; margin: 15px 0;}
	.product-rank, .product-image, .product-name, .product-buttons {border: 0;}
	.product-rank, .product-first-row, .product-second-row, .product-buttons {width: 100%;}
	.product-image {width: 26%; background: #fff;}
	.product-name {width: 74%; text-align: center; justify-content: center; background: #fff;}
	.product-second-row {display: block;}
	.product-parameter-title {font-size: 14px; display: flex;}
	.selection-header {display: none;}
	#top .product-image img {max-width: 80px; max-height: 80px;}
	#top a.button-small {font-size: 11px; width: 96px;}
	#top a.button-small strong {font-size: 12px;}
	#top a.button-small strong.button-price {font-size: 14px;}
}

#top .flash {
	background: #F8E4DFFF;
	border: red 1px solid;
	padding: 20px;
	margin-bottom: 20px;
}