@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700&display=swap');

/* CSS Document */
/*body {
	margin: 0;*/
/* pouze pro šablonu zvlášť, při implementaci smazat! */
/*color: #222;
	background: #bae2fc url(https://cdn.alza.cz/Styles/full/images/bg-gradient.png) repeat-x top center;
	background: white;*/

#obal {
	margin: 0 auto;
	max-width: 1195px;
}

#celek {
	font-family: "Raleway", "Verdana", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-weight: 400;
	margin: 0 auto;
	background-color: white;
  	margin-top: 0;
}

#celek p,
#celek h2 {
	font-family: "Raleway", "Verdana", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}

#celek .blok {
	padding-left: 10%;
	padding-right: 10%;
	display: block;
}

#celek figure {
	margin: 0;
}

#celek .nadpis h2 {
	color: #002554;
	font-size: 3em;
	font-weight: 700;
	padding-bottom: 1em;
	margin: 0;
	line-height: 1.2em;
}

#celek .popisek p {
	font-size: 1.3em;
	line-height: 1.7em;
	padding-bottom: 1em;
	margin: 0em;
}

#celek .blok.prvni {
	margin: 0 auto;
	font-size: 0;
	/* Mezera mezi inline-block elementy - https://css-tricks.com/fighting-the-space-between-inline-block-elements/*/
	display: table;
	width: 100%;
	margin-top: 5em;
}

#celek .blok.prvni .box {
	background: none;
	display: table-cell;
	width: 33%;
	font-size: 16px;
	text-align: center;
	margin: 1em;
	padding-bottom: 3em;
}

#celek .blok.prvni .box.uprostred {
	background: none;
}

#celek .blok.prvni .box.vpravo {
	background: none;
}

#celek .blok.prvni .box .ikonka {
	margin: 1em
}

#celek .blok.prvni .box .nadpis {
	/*font-weight: 600;*/
	margin: 0.75em;
	text-transform: uppercase;
	font-size: 1em
}

#celek .blok.prvni .box .hodnota {
	color: #e21a7a;
	font-weight: 600;
	font-size: 1em;
}

#celek .pruh-oddeleni img {
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
	background: white;
	margin-top: 5em;
	margin-bottom: 5em;
}

#celek .blok.druhy {
	display: table;
}

#celek .blok.druhy .vlevo {
	width: 60%;
	float: left;
}

#celek .blok.druhy .vpravo {
	width: 40%;
	float: right;
}

#celek .blok.druhy .vpravo .obrazek {
	text-align: right;
}

#celek .blok.druhy .vpravo .obrazek img {
	width: 80%;
	padding: 10%;
}

#celek .blok.druhy .vlevo .nadpis p {
	text-transform: uppercase;
	color: #e21a7a;
	font-weight: 600;
	font-size: 1.5em;
	margin-bottom: 1em;
}

#celek .blok.druhy .vlevo .nazev p {
	font-size: 3em;
	margin-top: 0.75em;
}

#celek .blok.druhy .vlevo .nazev span img {
	vertical-align: middle;
	width: 1em;
	height: 5px;
	margin-right: 0.5em;
}

#celek .blok.druhy .vlevo .vlastnosti ul {
	font-size: 1.25em;
	line-height: 2em;
	list-style-image: url("../img/tick.png") !important;
	margin-top: 3em;
	margin-left: 1.5em !important;
}

#celek .blok.druhy .vlevo .vlastnosti ul li {
    background: none !important;
}

/*
#tabs #parametry #desc ul li, #tabs #popis #desc ul li {
    background: none !important;
}*/

#tabs #popis #desc .padesat_pp ul li,
#tabs #popis #desc .blok_pp ul li{
    /*background: none !important;
    font-size: 1.25em;*/
    line-height: 1.8em;
    /*list-style-image: url(../img/tick.png) !important;
    list-style-position: unset;
    margin-left: 1.5em !important;*/
}

#celek .blok.treti .boxy {
	display: table;
}

#celek .blok.treti .dots-vlevo {
	display: table-cell;
	vertical-align: middle;
}

#celek .blok.treti .obrazek {
	display: table-cell;
	vertical-align: middle;
}

#celek .blok.treti .dots-vpravo {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

#celek .blok.treti .dots-vlevo img {
	width: 100%;
}

#celek .blok.treti .obrazek img {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}

#celek .blok.treti .dots-vpravo img {
	width: 100%;
}

#celek .blok.treti .nadpis {
	text-transform: uppercase;
	color: #e21a7a;
	font-weight: 600;
	font-size: 1.5em;
	margin-bottom: 1em;
	text-align: center;
}

#celek .blok.treti .nazev {
	font-size: 3em;
	text-align: center;
	margin-bottom: 1.5em;
  	line-height: 1.5em;
}

#celek .blok.treti .text {
	margin-top: 3em;
	margin-bottom: 1.5em;
	color: black;
	text-align: center;
	line-height: 1.5em;
	font-size: 1.15em;
}

#celek .blok.ctvrty {
	margin-top: 6em;
}

#celek .blok.ctvrty .video {
	text-align: center;
}

#celek .blok.ctvrty .video iframe {
	border-radius: 20px solid;
	/*width: 80%;
	height: 30%;*/
}

#celek .pruh-oddeleni.pozicovani img {
	margin: 0.25em
}

#celek .pruh-oddeleni.pozicovani {
	margin-top: -3em;
}

#celek .blok.paty {
	margin-top: 5em;
}

#celek .blok.paty .boxy {
	display: table;
	width: 100%;
}

#celek .blok.paty .prvni,
#celek .blok.paty .druhy,
#celek .blok.paty .treti {
	display: table-cell;
	width: 33%;
	padding: 1em;
}

#celek .blok.paty .prvni .obrazek img,
#celek .blok.paty .druhy .obrazek img,
#celek .blok.paty .treti .obrazek img {
	width: 100%;
	margin-bottom: 2em;
}

#celek .blok.paty .prvni .nadpis,
#celek .blok.paty .druhy .nadpis,
#celek .blok.paty .treti .nadpis {
	color: #e21a7a;
	font-weight: 600;
	font-size: 1em;
	margin-bottom: 1em;
	text-align: center;
	line-height: 1.5em;
	font-size: 1.15em;
}

#celek .blok.paty .prvni .text,
#celek .blok.paty .druhy .text,
#celek .blok.paty .treti .text {
	width: 100%;
	margin-bottom: 1.5em;
	color: black;
	text-align: center;
	line-height: 1.5em;
	font-size: 1.15em;
}

@media screen and (max-width:1194px) {
	#celek .blok.druhy .vlevo .nadpis {
		font-size: 1em;
	}

	#celek .blok.druhy .vlevo .nazev {
		font-size: 2em;
	}

	#celek .blok.druhy .vlevo .vlastnosti ul {
		font-size: 1em;

	}

	#celek .blok.druhy .vpravo .obrazek img {
		width: 70%;
	}
}


@media screen and (max-width:799px) {
	#celek .blok.druhy .vpravo {
		width: 60%;
		float: unset;
		margin-left: 20%;
		margin-right: 20%;

	}

	#celek .blok.druhy .vpravo .obrazek {
		text-align: center;
		content-align: center;
	}

	#celek .blok.druhy .vlevo {
		width: 100%;
		float: unset;
		text-align: center;
	}

	#celek .blok.druhy .vlevo .vlastnosti ul {
		text-align: left;
		margin-left: 10%;
		width: 80%;
	}

	#celek .blok.paty .boxy {
		display: block;
		width: 100%;
	}

	#celek .blok.paty .prvni,
	#celek .blok.paty .druhy,
	#celek .blok.paty .treti {
		display: block;
		width: 90%;
		padding-right: 10%;
		text-align: center;
	}

	#celek .blok.paty .prvni .obrazek img,
	#celek .blok.paty .druhy .obrazek img,
	#celek .blok.paty .treti .obrazek img {
		width: 40%;
		text-align: center;

	}

	#celek .blok.paty .prvni .obrazek,
	#celek .blok.paty .druhy .obrazek,
	#celek .blok.paty .treti .obrazek {
		text-align: center;
	}

	#celek .blok.prvni .box {
		display: block;
		width: 100%;
		margin: 0;
	}

	#celek .pruh-oddeleni img {
		margin-top: 1em;
		margin-bottom: 1em;
	}

}