/* temp - reset cms.css */

.cookies {
	padding: 0 !important;
}
.cookies p {
	float: none !important;
	margin: 0 !important;
}






/* NASTAVENÍ */

	.cookies, .cookies > div {
		bottom: 0; /* pozice lišty */
	}
	.cookies > div, .cookies__expand {
	       background: #cccccc; /* barva pozadí lišty */
		color: #000000; /* barva textu */
	}
	a:link, a:visited {
		color: #006699; /* barva textových odkazů */
	}
	.cookies span a b, .cookies__expand > a {
		background: #006699; /* barva pozadí tlačtek */
		color: #ffffff; /* barva textu tlačítek */
	}
	a:hover, a:active {
		color: #000000; /* barva textových odkazĹŻ po najetí myši */
	}
	.cookies span a:hover b, .cookies__expand > a:hover {
		background: #000000; /* barva pozadí tlačítek po najetí myši */
		color: #ffffff; /* barva textu tlačítek po najetí myši */
	}
	.cookies.open span a:first-child b {
	       background: #999999; /* barva pozadí nepreferovaného tlačítka */
		color: #000000; /* barva textu nepreferovaného tlačítka */
	}

/* OBECNÉ */

	.cookies {
		background: rgba(0,0,0,0);
		bottom: 0;
	       font-family: 'Segoe UI', arial, helvetica, sans-serif;
		font-size: 16px !important;
	       left: 0;
		height: 0;
		line-height: 18px;
              min-width: 180px;
		padding: 0;
		position: fixed;                                                                                                /* bylo absolute */
		transition: background 1s ease, height 0.1s ease 1s;
	       width: 100%;
	       z-index: 9999;
	}
	.open {
		background: rgba(0,0,0,0.7);
		height: 100%;
		transition: background 1s ease, height 0.1s;
	}
	.cookies > div { /* = spodní lišta */
		box-shadow: 0 48px 48px 24px #000000;
              padding: 12px;
		position: fixed;
		transition: bottom 3s;
	}
	.cookies a {
		cursor: pointer;
	}
	.cookies > div > div > p { /* = obsah spodní lišty */
		margin: 0;
	}
       .cookies > div > div > p > a { /* = odkaz v liště */
		white-space: nowrap;
	}
	.cookies > div > div > p > span { /* = blok s tlačítky */
		display: block;
	}
	.cookies > div > div > p > span > a { /* = tlačítka */
		text-decoration: none;
	}
	.cookies > div > div > p > span > a b { /* = tlačítka */
		font-weight: normal;
		padding: 12px 24px;
              transition: background 1s, color 1s;
		white-space: nowrap;
	}

/* vel. XS */

	.cookies img { /* = ikonka */
		display: none;
	}
	.cookies > div > div > p { /* = obsah spodní lišty */
		text-align: center;
	}
	.cookies > div > div > p > a { /* = odkaz v liště */
		display: block;
		margin-bottom: 12px;
		padding: 12px;
	}
	.cookies > div > div > p > span { /* = blok s tlačítky */
		margin-bottom: -12px;
	}
	.cookies > div > div > p > span > a b { /* = tlačítka */
		display: block;
		margin-bottom: 12px;
	}
/*	.cookies__expand {
		margin-left: -12px;
		margin-right: -12px;
	}
	.cookies__expand > a > span {
		display: none;
	}
	.cookies__expand > div > p {
		padding: 12px 72px 12px 24px;
	}      */

/* vel. S + XM + M + L */

	@media screen and (min-width: 380px) {
	       .cookies > div > div > p > span > a b { /* = tlačítka */
			display: inline-block;
	      		margin: 0 6px;
		}
	}

/* vel. S */

	@media screen and (min-width: 380px) and (max-width: 639px) {
      		.cookies > div > div > p > a { /* = odkaz v liště */
			xmargin-bottom: 12px;
			xtext-align: right;
		}
		.cookies > div > div > p > span { /* = blok s tlačítky */
			margin: 0 -6px;
		}
      		.cookies > div > div > p > span > a b { /* = tlačítka */
			width: calc(50% - 60px);
		}
	}

/* vel. XM + M + L */

	@media screen and (min-width: 480px) {
		.cookies img {
			display: initial;
			height: 24px;
			margin: -3px 12px 0 -36px;
			position: absolute;
			width: auto;
		}
		.cookies > div > div > p { /* = obsah spodní lišty */
			padding-left: 36px;
			text-align: left;
		}
		.cookies > div > div > p > span { /* = blok s tlačítky */
	              margin: 0 -6px 0 -42px;
		}
	       .cookies > div > div > p > span > a b { /* = tlačítka */
			text-align: center;
		}
	}

/* vel. XM */

	@media screen and (min-width: 480px) and (max-width: 639px) {
		.cookies > div > div > p > a { /* = odkaz v liště */
			float: right;
		}
		.cookies > div > div > p > span { /* = blok s tlačítky */
			clear: both;
		}
	}

/* vel. M / L */

	@media screen and (min-width: 640px) {
              .cookies > div > div > p > span { /* = blok s tlačítky */
			white-space: nowrap;
		}
	/*	.cookies__expand {
			margin-left: 0;
			margin-right: 0;
		}
		.cookies__expand > a > span {
			display: initial;
                     margin-left: 6px;
		}
		.cookies__expand > div > p {
			padding: 12px 120px 12px 24px;
		}      */
	}

/* vel. M */

	@media screen and (min-width: 640px) and (max-width: 919px) {
              .cookies > div div > p > span { /* = část lišty s tlačítky */
              	float: right;
		}
      		.cookies > div > div > p > a { /* = odkaz v liště */
			margin: 0px 0 -18px -12px;
		}
	}


/* vel. L */

	.cookies > div > div {
		margin: 0 auto;
		max-width: 1024px;
		position: relative;
	}
	@media screen and (min-width: 920px) {
		.cookies img {
			margin-top: 6px;
		}
		.cookies > div > div > p {
			display: table-cell;
			vertical-align: middle;
		}
		.cookies > div > div > p > a { /* = odkaz v liště */
			display: inline;
			padding: 0;
		}
	       .cookies > div > div > p > span > a { /* = tlačítka */
			display: inline-block;
		}
	}

/* vel. XL */

	.cookies > div {
		width: calc(100% - 24px);
	}

/* rozevřená část */

	.cookies__expand { /* = expand */






	text-align: left;

	top: -12px;
	height: 0;


	overflow: hidden;


	position: absolute;

	transition: height 1s, margin 1s;
}
.open .cookies__expand {
	height: 30vh;
	margin-top: -30vh;

}
.cookies__expand > a { /* = křížekek zavření */
	cursor: pointer;

	right: 18px;
	top: 0;
	padding: 7px 12px;
	font-size: 125%;
	position: absolute;
	z-index: 2;
}
.cookies__expand > a i {
	font-style: normal;

}
.cookies__expand > div {
position: relative;
overflow: auto;
height: 100%;
}




/*
p, ul, ol, li, form {margin: 0; padding: 0;}

/*
.cookies {     float: left;}
*/



.cookies__expand {
	background: #cccccc;

	xfont-size: 16px;
	margin: 0;
	xoverflow: auto;
	xwidth: 100%;
	xfloat: left;
	xposition: relative;
}

/*
.expand > a {
	cursor: pointer;
	float: right;
	right: 0;
	top: 0;
	padding: 7px 12px;
	color: #000;
	font-size: 125%;
	position: absolute;
}


.open {
	background: rgba(0,0,0,0.7);
	top: 0;
	height: 100%;

}

.open .expand {
	height: 50vh;
	margin: -50vh 0 0 0;
}




/*
.cookies_inner {
margin: 0 auto;
 xposition: absolute;
  max-width: 800px;
   bottom: 0;
    left: 50%;
     transform: translateX(-50%);
     }
* /

.expand {
	text-align: left;
}
*/
.cookies__expand > div > p {
	padding: 12px 48px 12px 24px;
	xbackground: #ccc;
}
.cookies__expand > div {

}

.cookies form {
	background: #fff;
	color: #000;
	padding: 0 24px ;
	overflow: hidden;
	margin: 0;
}
.cookies form p {
	border-top: 1px solid #ccc;
	margin: -1px 0 0 0 !important;
	position: relative;
}


.cookies form label {

	padding: 18px 48px 18px 0;
	display: block;

}
.cookies form span {
	display: block;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 12px;
}
.cookies form input {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -12px;
}


/*
.cookies form {
	background: #fff;
	padding: 0 24px ;
	xfloat: left;
	xheight: 50vh;
	overflow: auto;
	xwidth: 100%;
	margin: 0;
}
.cookies form p {
	xpadding-bottom: 1em;
	xfloat: left;

	border-top: 1px solid #ccc;
	margin: -1px 0 0 0;
	position: relative;
}


.cookies form label {
	xcfloat: left;
	xwidth: calc(100% - 24px - 2vh);
	text-align: left;
	padding: 16px 48px 16px 0;
	display: block;

}
.cookies form span {
	display: block;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 16px;
}
.cookies form input {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -12px;
}

/*

.cookies form p:last-of-type {border-bottom: none;}





* /
@media screen and (max-width: 1024px) {
.cookies_bar { xheight: 130px;}
/*.cookies_window {bottom: 130px;}* /

}

@media screen and (min-width: 1025px) {

	.cookies_inner {width: 90%;}
/*	br {display: none;}* /


}