/*	
**************************************************
		ALZA.CZ Automaticke doplnovani parametrickych tabulek v premiovych popisech na zaklade JSON data - varianta Filamenty (3D tisk)
		www.alza.cz/json-automaticky-plnene-parametricke-tabulky
		i.alza.cz/Foto/or/products/parametricka-tabulka-filamenty-3d-tisk/index-v2.html

		Autor: Tomas Jares
		E-mail: info@tomasjares.com
		Datum: cervenec 2019
**************************************************
    */

	@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-tabulka {
		font-family: "Raleway", "Verdana", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
		font-weight: 400;
		margin: 0 auto;
		background-color: white;
	}

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

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

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

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

	#celek-tabulka .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: 80%;
		margin-top: 5em;

	}

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

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

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

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

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

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

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

	@media screen and (max-width:799px) {


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

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

		}

		#celek-tabulka .blok.paty .prvni .obrazek {
			text-align: center;
		}

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

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

	}