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

#celek *{
	-moz-box-sizing:border-box; 
    	-webkit-box-sizing:border-box; 
     	box-sizing:border-box;
}
#celek{
	max-width:1195px;
	width:100%;
	margin:0 auto;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#002659;
	font-size:16px;
	line-height:26px;
}
#celek .hodnoceni{
	margin:30px 0;
	min-height: 150px;
	display: flex;
}
#celek .procento{
	text-align:center;
	width:20%;
	min-height:148px;
	height:auto;
	background: #F0F0F0 url(https://i.alza.cz/Foto/LegendFoto/EN/Files/sablona/sablona38/img/sipka-modra.png) no-repeat center top;
	border-top:2px solid #00275A;
	border-bottom:2px solid #E6E6E6;
	display:inline-block;
	position: relative;
}
#celek .cislo{
	border: 3px solid #7E9F01;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height:118px;
	width:118px;
	margin: auto;
	line-height: 113px;
	font-size:40px;
	font-style:italic;
	position: absolute;
	vertical-align: middle;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
#celek .cislo::before{
	content:"HODNOCENÍ";
	font-size:12px;
	font-style:normal;
	position: absolute;
	top: 20px;
	left: 0px;
	right: 0px;
	line-height: 14px;
}
#celek .cisloSK::before{
	content:"HODNOTENIE";
}
#celek .cisloHU::before{
	content:"ÉRTÉKELÉS";
}
#celek .cisloEN::before{
	content:"RATING";
}
#celek .cisloDE::before{
	content:"BEWERTUNG";
}
.alza-at #celek .cislo::before{
	content:"BEWERTUNG";
}
#celek .cislo::after{
	content:"metacritic.com";
	font-size:12px;
	font-style:normal;
	position: absolute;
	bottom: 20px;
	left: 0px;
	right: 0px;
	line-height: 14px;
	color:#7E9F01;
}
#celek .tucne{
	font-weight:800;
}
#celek .heslo{
	width:80%;
	min-height: 148px;
	height: auto;
	background:#F0F0F0 url(https://i.alza.cz/Foto/LegendFoto/EN/Files/sablona/sablona38/img/citat.png) no-repeat 30px center;
	border-bottom:2px solid #E6E6E6;
	border-left:2px solid #FFFFFF;
	display: flex;
	line-height:34px;
	font-style:italic;
	align-items: center;
	justify-content: center;
	align-items: center;
	padding: 15px 15px 15px 140px;
	}
#celek .heslo p{
	font-size:22px;
	margin:0;
    width:100%;
    color:#00275b;
}
#celek section{
	display:inline-block;
	width:100%;
	position:relative;
	
}
#celek .fotky{
	display:flex;
	clear:both;
	width:100%;
}
#celek .fotky-dve{
	width:50%;
	height:490px;
	max-height:586px;
	position:relative;
	float:left;
}
#celek .strana-obr {
    	width: 50%;
    	float: right;
	position:relative;
}
#celek .fotky img{
	width:100%;
	-webkit-transition:all 0.3s ease;
  	-moz-transition:all 0.3s ease;
  	-o-transition:all 0.3s ease;
  	transition:all 0.3s ease;
	min-height:100%;
	object-fit: cover;
}
#celek .fotka{
	width:94.16%;
	height:230px;
	max-height:276px;
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
	}
#celek .fotka.vpravo{
	float:right;
	}
#celek figure{
	margin:0;
}
#celek figcaption {
    	position: absolute!important;
    	background: rgba(0,38,89,0.7);
    	color: #FFFFFF;
    	font-style: italic;
    	padding: 20px 30px;
    	bottom: 0px;
    	right: 0px;
    	left: 0px;
    	line-height: 19px;
}
#celek .figcaption {
    	background: rgba(0,38,89,0.7);
    	color: #FFFFFF;
    	font-style: italic;
    	padding: 20px 30px;
    	bottom: 0px;
    	right: 0px;
    	left: 0px;
    	line-height: 19px;
}
#celek .figcaption p {
    	font-size:16px;
	margin:0;
    line-height:26px;
    color: #FFF;
}
#celek figcaption p {
	line-height:26px;
  color: #FFF;
}
#celek figcaption p a{
	color:#FFFFFF;
}
#celek .fotky-dve figcaption {
    	width:100%;
}
#celek .fotky-dve figcaption.prvni {
    	width:94.16%;
}
#celek figcaption p{
	font-size: 16px;
    	margin: 0;
}
#celek .fotka-vys {
    	display: inline-block;
    	width: 100%;
	max-width:598px;
	height:490px;
	max-height:582px;
    	position: relative;
    	overflow: hidden;
    	vertical-align: top;
}
#celek .fig figcaption{
    	padding: 20px 30px;
	position:relative!important;
}
#celek .fotka-vys img {
    	position: relative;
	object-fit: cover;
	min-height:100%;
}
#celek .fig {
    	position: absolute;
    	bottom: 0;
    	right: 0;
    	left: 0;
	z-index:2;
}
#celek .popis-foto {
    	position: relative;
    	background: rgba(255,255,255,0.8);
    	margin-left: 30px;
    	font-style: italic;
    	font-weight: 800;
    	padding: 12px;
    	display: inline-block;
}
#celek .popis-foto p{
    	font-size: 18px;
    margin:0;
    color: #00275b;
    font-weight: 700;
}
#celek .fotka-velka{
	height:560px;
	max-right:580px;
	position: relative;
    	overflow: inherit;
    	clear: both;
    	margin: 30px auto;
    	display: inline-block;
	width:100%;
	}
#celek .fotka-velka img{
	width:100%;
}
#celek .fotka-velka figcaption {
    	position: absolute;
    	background: rgba(0,38,89,0.7) url(https://i.alza.cz/Foto/LegendFoto/EN/Files/sablona/sablona38/img/sipka-bila.png) no-repeat left 42px;
    	color: #FFFFFF;
    	font-size: 16px;
    	font-style: italic;
    	padding: 20px 30px;
	width: 50%;
    	bottom: 39px;
    	right: 50%;
    	left: 30px;
    	line-height: 26px;
    	border-left: 2px solid #FFFFFF;
	display:inline;
}
#celek .fotka-velka figcaption.vpravo {
    	right: 30px;
    	left: 50%;
	float: right;
    	width: initial;
    	display: block;
}
#celek .fotka-velka h3, #celek .fotka-velka h2 {
    	color: #FFFFFF!important;
    	font-weight: 800!important;
    	font-size: 26px;
    	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	padding:.5em 0;
}
#legend #celek .fotka-velka h3 {
    	margin:0;
}
#celek h4 {
    	margin:0;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:18px;
  font-weight:800;
}
#celek ul li {
    color: #FFF;
}
#celek .fotka:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
#celek .fotka-vys:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
#celek .pozadavky{
	min-height:280px;
	width:100%;
	margin-bottom:30px;
	clear:both;
	font-size:0;
}
#celek .doporucene{
	width:49%;
	height:auto;
	display: inline-block;
	vertical-align:top;
}
#celek .minimalni{
	width:49%;
	height:auto;
	float:right;
	display: inline-block;
	vertical-align:top;
}
#celek .pozadavky .nadpis {
	color:#FFFFFF;
	text-align:center;
	line-height:87px;
	font-size:18px;
	font-weight:800;
}
#celek .dop{
	background:#002659 url(https://i.alza.cz/Foto/LegendFoto/EN/Files/sablona/sablona38/img/sipka-zelena.png) no-repeat center top;
	border-top:2px solid #98C908;
}
#celek .min{
	background:#002659 url(https://i.alza.cz/Foto/LegendFoto/EN/Files/sablona/sablona38/img/sipka-cervena.png) no-repeat center top;
	border-top:2px solid #F00000;
}
#celek .parametry{
	min-height:193px;
	border:2px solid #E6E6E6;
	background:url(https://i.alza.cz/Foto/LegendFoto/EN/Files/sablona/sablona38/img/parametry-bg.png) repeat-x center top;
	display:inline-table;
	padding:30px;
}
#celek .parametry p{
	font-size: 16px;
    	margin: 0;
}
#celek .parametr {
    	display: inline-block;
    	clear: both;
    	width: 40%;
    	vertical-align: top;
	font-size:16px;
	font-weight:800;
}
#celek .parametr-vypis {
    	display: inline-block;
    	width: 59%;
	font-size:16px;
}
#celek .pripraven {
    	font-style: italic;
}
#celek p.otazka {
    	text-align: center;
    	font-weight: 800;
    	font-size: 18px;
}
#celek p.text {
    	text-align: center;
    	font-size: 16px;
}
#celek .tlacitka{
	margin:0 auto;
	width:100%;
}
#celek a.pc {
    	background: #002659;
    	width: 200px;
    	line-height: 40px;
    	display: inline-block;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	border-radius: 5px;
}
#celek .tlacitka{
	margin: 0 auto;
    	width: 100%;
    	display: flex;	
	margin-bottom:30px;
}
#celek .tlacitka a {
    	width: 200px;
    	line-height: 40px;
    	display: inline-block;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	border-radius: 5px;
    	color: #FFFFFF;
    	text-decoration: none;
    	font-weight: 800;
    	padding-left: 73px;
	-webkit-transition:all 0.3s ease;
  	-moz-transition:all 0.3s ease;
  	-o-transition:all 0.3s ease;
  	transition:all 0.3s ease;
}
#celek .tlacitka a.pc{
	background:#002659 url(https://i.alza.cz/Foto/LegendFoto/EN/Files/sablona/sablona38/img/pc.png) no-repeat 25px center;
}
#celek .tlacitka a.ntb{
	background:#002659 url(https://i.alza.cz/Foto/LegendFoto/EN/Files/sablona/sablona38/img/ntb.png) no-repeat 25px center;
}
#celek .tlacitka a.pc:hover {
    background:#98C908 url(https://i.alza.cz/Foto/LegendFoto/EN/Files/sablona/sablona38/img/pc.png) no-repeat 25px center;
	text-shadow: 1px 1px 2px #000000;
}
#celek .tlacitka a.ntb:hover {
    background:#98C908 url(https://i.alza.cz/Foto/LegendFoto/EN/Files/sablona/sablona38/img/ntb.png) no-repeat 25px center;
	text-shadow: 1px 1px 2px #000000;
}
#celek .stred{
	display:inline-block;
	margin:0 auto;
}
#celek .strana {
	width: 50%;
    	display: inline;
}
#celek .left{
	float:left!important;
}
#celek .fotky-dve.prava-strana{
	float:right;
}
#celek .fotky-dve.prava-strana .fotka-fig {
    	width: 94.16%;
    	float: right;
	margin-bottom:30px;
}
#celek .fotka-fig{
	max-height:276px;
	position:relative;
}
#celek .fotky-dve.prava-strana .fotka{
	width:100%;	
}
#legend .nabidka_obr {
    display: initial!important;
}
#legend #celek .fotka-fig, #celek .fotka-velka{
	overflow:hidden;
}
#legend #celek .fotka-velka{
	overflow:inherit;
}
#legend #celek .fotky-dve.prava-strana .fotka-fig{
	overflow:hidden;
}

@media screen and (max-width:799px){
#celek .hodnoceni{
	display:block;
	margin:0px;
}
#celek .procento{
	width:100%;
}
#celek .heslo {
    width: 100%;
    min-height: 148px;
    height: auto;
    background: #F0F0F0 url(https://i.alza.cz/Foto/LegendFoto/EN/Files/sablona/sablona38/img/citat.png) no-repeat 30px center;
    border-bottom: 2px solid #E6E6E6;
    border-left: 0px solid #FFFFFF;
    display: block;
    line-height: 34px;
    font-style: italic;
    text-align: center;
    padding: 15px;
}
#celek .heslo {
    width: 100%;
    min-height: 148px;
    height: auto;
    background: #F0F0F0 url(https://i.alza.cz/Foto/LegendFoto/EN/Files/sablona/sablona38/img/citat.png) no-repeat center 15px;
    border-bottom: 2px solid #E6E6E6;
    border-left: 0px solid #FFFFFF;
    display: block;
    line-height: 34px;
    font-style: italic;
    text-align: center;
    padding: 80px 10px 10px 10px;
}
#celek .fotka-velka figcaption {
    position: relative!important;
    background: rgba(0,38,89,1);
    right: 0px!important;
    color: #FFFFFF;
    padding: 20px 30px;
    width: 100%;
    display: block;
    left:0px;
    border-left:0;
}
#celek figcaption p {
    color: #FFFFFF!important;
    padding: 0px;
}
#celek .fotky-dve {
    width: 100%;
    height: auto;
    position: relative;
    float: none;
}
#celek .fotka {
    width: 100%;
    height: auto;
    margin-bottom: 0px!important;
}
#celek figcaption {
    position: relative;
    background: rgba(0,38,89,1);
}
#celek .fotka-fig {
    margin-top: 0px;
    max-height:100%;
}
#celek .strana-obr {
    width: 100%;
    float: none;
    position: relative;
}
#celek .fotka-velka{
    margin:0px auto;
    height:100%;
}
#celek .fotky-dve figcaption.prvni {
    width: 100%;
    position:relative!important;
}
#celek .fotky img {
    display: block;
}
#celek .fotka-vys {
    height: auto;
    max-width:100%;
}
#celek .fig {
    position: relative;
}
#celek .popis-foto {
    background: rgba(255,255,255,1);
    display: block;
    margin: 0;
    padding:0;
}
#celek .figcaption {
    background: rgba(0,38,89,1);
}
#celek .figcaption p {
    color: #FFFFFF!important;
    padding:0px;
}
#celek .fotka-velka figcaption.vpravo {
    right: 30px;
    left: 0px!important;
    position: relative!important;
}
#celek .fotka-velka h3{
    text-align:left!important;
}
#celek .fotky-dve.prava-strana .fotka-fig {
    width: 100%;
    float: none;
    margin-bottom: 0px!important;
}
#celek .fotky-dve figcaption {
    width: 100%;
    position: relative!important;
}
}