/* ==================== CSS RESET ==================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0 auto;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	width: 100%;
	height: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
p {
	padding: 3px 0px 3px 0px;
}
a {
	color: #008a90;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
hr {
	width: 100%;
	height: 50px;
	background: url(../images/hr.png) repeat-x;
	margin: 0px 0px 0px 0px;
}
hr.cara {
	width: 100%;
	height: 1px;
	background: #d7d7d7;
	margin: 0px 0px 0px 0px;
}
h1 {
	color: ##1b1a21;;
	font-weight: normal;
	font-size: 30px;
	line-height: 1.2;
	padding: 0px 0px 10px 0px;

}
h1 strong {
	text-transform: uppercase;
}
h2 {
	color: #008a90;
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;

}
/* ==================== CSS RESET ==================== */
body {
	color: #272727;
	background: #f2f2f2;
	font-family: 'Exo 2', sans-serif;
	font-size: 15px;
	text-align: left;
	line-height: 1.5;
	height: 100%;
	overflow-x: hidden;
}
html, body {
    height: 100%;
}
body {
    margin: 0;
}
#cele{
    position: absolute;
left: 16px;
top: 16px;
right: 16px;
bottom: 16px;
width: 100%;
height: 100%;
min-height: 440px;
width: calc(100% - 32px);
height: calc(100% - 32px);
overflow: hidden;
border-radius: 10px;
box-shadow: 0 4px 16px rgba(0,0,0,.2);
}
.flex-container {
    height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.row {
    width: auto;
    padding: 20px 30px 20px 30px;
	background: #ffffff;
	border-radius: 10px;
	max-width: 400px;
box-shadow: 0 4px 16px rgba(0,0,0,.2);
z-index: 100;
}


ul#udaje{
    margin: 10px 0px 0px 0px;
	list-style: none;
	float: left;
	width: 100%;
}
ul#udaje li.nazev{
	float: left;
	width: 70px;
	font-weight: bold;
}
ul#udaje li.info{
	width: -moz-calc(100% - 70px);
	width: -webkit-calc(100% - 70px);
	width: -o-calc(100% - 70px);
	width: calc(100% - 70px);
}
.box_a {
    width: 100%;
	height: 100%;
	position: relative;	background: linear-gradient(20deg, #008990, #05686c 25%, #19bec5);
	
}

.cedus {
	position: absolute;
	bottom: 30px;
	left: 40px;
    color: #ffffff;
    font-size: 13px;
	font-weight: normal;
}
.cedus img {
    float: right;
    margin: 0px 0px 0px 5px;
}

#dialog{
   position: absolute;
height: auto;
width: 300px;
top: 0;
left: 0px;
z-index: 10000;
}
@media (max-width: 800px) {
body {
	background: linear-gradient(20deg, #008990, #05686c 25%, #19bec5);
}
.cedus {
	position: relative;
	bottom: 0px;
	left: 0px;
	float: left;
    color: #ffffff;
    font-size: 13px;
	font-weight: normal;
	margin: 10px 0px 10px 10px;
}
.box_a {
    width: 100%;
	height: auto;
	position: relative;
	float: left;
}
#cele{
    position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
width: 100%;
height: auto;
overflow: hidden;
border-radius:0;
box-shadow: 0;
float: left;
min-height: auto;

}
.row {
    width: auto;
    padding: 20px 30px 20px 30px;
	background: #ffffff;
	border-radius: 0;
	
box-shadow: 0;
}
.flex-container {
    height: auto;
    padding: 0;
    margin: 0;
	display: block;
}

}