body 
{
	font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
	/* Helvetica, Arial CE, Verdana, Arial, sans-serif; */
	font-size: 14px;
	line-height: 1.5;
	margin: 0 0 0 0;
	color: #484848;
}

.sticky-hide {
	display: none;
}

.sticky-show {
	display: inline;
}

div.main {
	width: 100%;
	background-color: white;
}

div.nazev {
	font-size : 48px;
}

div.hlavni {
	text-align : justify;
	max-width: 900px;
	margin: 10px;
}

table {font-size: 14px;}

img {
	border-radius: 5px;
}

div.hlavicka {
	padding-bottom : 25px;
	padding-right : 10px;
	padding-top : 5px;
	padding-left : 10px;
	background-color: aliceblue;
}

.desktop {
display: none;
	}
	@media(min-width:960px) {
	.desktop {
		display: block;
}}

.mobile {
display: block;
		}
		@media(min-width:960px) {
		.mobile {
			display: none;
	}}

#menu-box {
	background: #3BBBDA;
	border-bottom: #3BBBDA 1px solid;
}

#menu-mobile {
	background: #3BBBDA;
	color: white;
	text-transform: uppercase;
	font-weight: bolder;
	padding-right: 10px;
}

#menu-mobile ul li {
	border-bottom: dotted 1px white;
}

#menu-mobile a {
	text-decoration: none;
	line-height: 2.3;
}

#menu {
	width: 880px;
	margin: 0 0 0 0px;
}

#menu li {
  float: left;
  display: inline;
  list-style-type: none;
  text-align: center;
  margin-right: 2px;
}

#menu li a {
	text-decoration: none;
	color: black;
	float: left;
	display: inline;
	line-height: 28px;
	padding: 0 5px;
	font-weight : bold;
	width: 100px;
	font-size: 18px;
}

#menu li.first a {}
#menu li a:hover {
	background-color: #3BBBDA;
	border-bottom: 3px solid white;
	color: white;
	font-weight: bolder;
}

#menu li a.active {
	background-color: #3BBBDA;
	border-bottom: 3px solid white;
	color: white;
	font-weight: bolder;
}

#lang {
	display: inline-flex;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px
}

#lang div a {
	background-color: white;
	padding: 10px 20px 10px 20px;
	margin: 4px;
}

#cenik {display: grid}
@media(min-width:900px) 
	{#cenik {display: flex}
}
/* Clearfix */
.clearfix:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
  content: ' ';
}

.clearfix {min-height: 1px;}
.clearfix {display: inline-block;}

/* Backslash hack - nemel by to videt IE/Mac \*/
.clearfix {display: block;}
/* Konec hacku */

div.vlajky{
  float: right;
  margin-top:6px;
  margin-bottom:0px;
 }

.vlajky a {display: block; float: left; width: 23px; height: 18px; overflow: hidden;}
.vlajky a:hover {text-indent: -23px;}
.vlajky a img {border: none; }
.vlajky a.active {text-indent: -23px;} 

div.levy {
	display: block;
	width: 250px;
	float: left;
	margin-left: 0px;
	}
	@media(max-width:800px) {
   		div.levy  {
  		display: none;
}}

div.levy img {
	border : 1px solid Black;
	margin : 10px 0px 5px 0px;
}

div.male img {
	border : 1px solid Black;
	margin : 0px 1px 3px 1px;
}

div.kontakt {
	background : #F1F9FE;
	border: 1px solid #D3DEE2;
	width: 222px;
	text-align: left;
	padding: 5px;
}

div.okoli {
	max-width: 1080px;
	text-align: left;
	margin: 5px;
}

div.hideme {
	opacity: 0;
}

/* Fade In */
.fade-in {
	opacity: 1;
	animation: fade-in 2s ease-in; 
  }
  
  @keyframes fade-in {
	from {
	  opacity: 0;
	}
  
	to {
	  opacity: 1;
	}
  }

.resp2 {
	display: grid;
	}  
	@media(min-width:600px) {
		.resp2 {display: flex;}
		.resp2 div {width: 50%}
	}

.apt_detail {
	display: grid;
	}  
	@media(min-width:600px) {
		.apt_detail {display: flex; }
		.apt_detail div.info {width: 40%; border: 1px solid gray; margin: 10px; padding-left: 5px; padding-right: 20px; font-size: smaller}
	}	

.under { border-top: 1px solid gray; font-size: smaller}

.resp3 {
	display: grid;
	padding: 0;
	}  
	@media(min-width:600px) {
		.resp3 {display: flex;}
		.resp3 div {width: 33.3%; padding: 1px; margin-bottom: -5px;}
	}

.resp3 img {
	border-radius: 0
}

.resp4 {
	display: grid;
	padding: 0px;
	}  
	@media(min-width:600px) {
		.resp4 {display: flex;}
		.resp4 div {width: 25%}
	}

.resp4 img {
	border-radius: 0
}

.resp-img4 {
	display: grid;
	}  
	@media(min-width:600px) {
		.resp-img4 {display: flex;}
	}

.resp-img2 {
	display: grid;
	margin-bottom: 5px;
	}  
	@media(min-width:600px) {
		.resp-img2 {display: flex;}
		.resp-img2 div {width: 50%}
	}	

div.okoli img {
	border : 1px solid Black;
	margin : 1px 5px 1px 5px;
}

div.kontakt h1 {
	color: orange;
	font-size : 16px;
	text-align: center;
}

h1 {
	color: #3BBBDA;
	line-height: 1;
}

table.cenikc {width: 420px}

.cenikc th {
	background-color : #ECECEC;
	text-align : center;
	font-weight : bold;
}
.cenikc td {
	background-color : White;
	text-align : center;
	color : #494949;
}

.row1 td {
	background-color : #FFFF99;
	font : bold italic;
}
.row2 td {
	background-color : #FFFF66;
	font : bold italic;
}
.row3 td {
	background-color : #FFCC66;
	font : bold italic;
}
.row4 td {
	background-color : #FF9933;
	font : bold italic;
}

div.box {background : #F1F9FE;
	margin-top: 5px;
	border: 1px solid #D3DEE2;
	text-align: left;
	padding: 5px;}

.box h3 {margin: 0; border-bottom: 1px solid #D3DEE2;}

/* pøíspìvky */

.prispevek{
text-align: left;
max-width: 600px;
margin: 5px auto 0 auto;
border-top: 1px #00b058 solid dotted;
border-bottom: 1px #00b058 solid dotted;
}

.prispevek p{
padding: 2px;
}


p .jmeno{
font-size: 12px;
color: silver;
font-weight: bold;
}

.web, .email, .datum {
font-size: 10px;
color: silver;
font-style: italic;
padding: 2px 4px;
}

.id{
font-size: 10px;
padding: 2px;
}

.nahoru{
font-style: italic;
padding: 0 2px;
font-size: 10px;
}

.nutne{
font-weight: bold;
font-size: 110%;
color: red;
}

#formular{
width: 200px;
margin: 5px auto;
text-align: left;
}

.upoutavka {
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
	animation: moveLeftRight 10s infinite ease-in-out;
	background-color: yellow;
	color: black;
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	text-align: center;
	font-weight: bold;
}

.upoutavka-red {
	position: relative;
	padding-left: 40px;
	padding-right: 40px;

	animation: moveLeftRight 10s infinite ease-in-out;
	background-color: red;
	color: yellow;
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	text-align: center;
	font-weight: bold;
}

@keyframes moveLeftRight {
	0% {left: 0px; }
	50% {left: 50px; }
	100% { left: 0;	}
}

.apt {
	border: solid gray 1px;
	border-radius: 5px;
}

.apt-img {
	margin: 5px;
}

.apt-desc {
	margin: 5px;
}
p.cena {
	font-weight: bold;
	color: #3BBBDA;
}

.button {
  background-color: #3BBBDA;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
  margin-right: 10px;
  border-radius: 5px;
}

.button2 {
	background-color: white;
	border: #3BBBDA solid 1px;
	color: #3BBBDA;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	margin-right: 10px;
	border-radius: 5px;
  }

h2 a {
	text-decoration: none;
}