html, body {
	
font-family: 'Lobster', cursive;*/
/*font-family: 'Kanit', sans-serif;*/
font: 12px;	color: Black; zoom: 100%;
}
body {
	margin: 0;
	padding: 0;
	background: #1a1519 url(../img/bg.gif) repeat top;
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm){ /* opera + google chrome */
	html, body{zoom: 0.9;}
}
p,ul,li,a,img,h1,h2,h3,h4,h5,table,tr,td,form,input,select{	margin: 0px;	padding: 0px;	border: none;}

h1, h2, h3{	border-bottom: 0px none Black;	color: #464646;	text-align: center;}

h1{	font-weight: bold;	font-style: normal;	font-size: 2.8em;	margin: 90px 0px 45px 0px;	color: #8a4211;	padding: 20px;	position: relative;	z-index: 80;}

h2{	font-weight: normal;	font-style: normal;	font-size: 1.7em;	margin: 20px 0px 20px 0px;	color: #4d2f09;}

.horizontalnioddelovac{	display: block;	height: 20px;	clear: both;	float: none;	background-color: #968985;	margin: 0px 0px 10px 0px;}
.horizontalnioddelovacclear{	display: block;	height: 20px;	clear: both;	float: none;	margin: 0px 0px 0px 0px;}


#bgpruh{	position: absolute;	padding: 0;	height: 561px;	width: 100%;	z-index: 10;	top: 0px;	background: transparent url(../img/bg-pruh.jpg) repeat-x top;	z-index: 0;}
#bgmenu{	position: absolute;	padding: 0;	height: 116px;	width: 100%;	z-index: 10;	top: 70px;	background: transparent url(../img/bg-menu.gif) repeat-x top;	z-index: 0;}

#zidledekorREspo{
	background-image: url(../img/zidle2.png);
	background-repeat: no-repeat;
	background-size: 100% 100%; /*width: 420px;*/
	height: 140px;
	width: 213px;
	display: none;
	margin: 0px auto 5px auto;
}

#zidledekor{
	background-image: url(../img/zidle1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -50px;
	left: -10px;
	z-index: 120; /*height: 780px;*//*width: 420px;*/
	height: 520px;
	width: 280px;
}
@media only screen and (max-width: 1560px) {
 #zidledekor{
	
	top: -30px;
	left: -15px;
	height: 459px;
	width: 247px;
 }
}
@media only screen and (max-width: 1460px) {
 #zidledekor{	display: none;}
 
#zidledekorREspo{
	display: block;
}
}


#linkaA{
	position: absolute;
	padding: 0;
	height: 1px;
	width: 100%;
	z-index: 10;
	top: 69px;
	background: transparent url(../img/linka-a.gif) repeat-x top;
	z-index: 1;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
}
.linkaA{
	padding: 0;
	height: 1px;
	width: 100%;
	background: transparent url(../img/linka-a.gif) repeat-x top;
	z-index: 1;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
}



#linkaB{
	position: absolute;
	padding: 0;
	height: 1px;
	width: 100%;
	z-index: 10;
	top: 185px;
	background: transparent url(../img/linka-b.gif) repeat-x top;
	z-index: 1;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
}

.linkaB{

	padding: 0;
	height: 1px;
	width: 100%;
	background: transparent url(../img/linka-b.gif) repeat-x top;
	z-index: 1;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
}

.fullwidthmenu{	background: #38342e;	height: 73px;	width: 100%;		position: relative;	z-index: 3000;padding: 0px;margin: 0px;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);}

#sliderbg{
	background: transparent url(../img/bg-slider.png) repeat-x;
	background-size: auto 100%;
	height: auto;
}
#sliderpos{
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
	z-index: 20;
}
.cleanerw20{
	width: 100%;
	background-color: White;
	height: 20px;
	position: relative;
	z-index: 30;
}
#mypage{	position: absolute;	padding: 0;	height: auto;	width: 100%;	z-index: 10;	top: 240px;}

@media only screen and (max-width: 480px) {
#mypage{	top: 223px;}
}

.definovanasirka{	margin: 0px auto 0px auto;padding: 0;	width: 1280px;	height: auto;	position: relative;}
.obalkapadd{
	padding: 5px 65px 15px 65px;
	background: transparent url(../img/content6.png) repeat-y top;
	background-size: 100% auto;
}
.padd15{	padding: 15px 15px 15px 15px;}
.m0{	margin: 0px;}
.fullwidth{	width: 100%;padding: 0px;margin: 0px;}

.bgliligray{background-color: #f2f2f2;}
.bgaktuality{
	background: transparent url(../img/aktuality-bg.png) repeat;
	position: relative;
}
.bgwhite{background-color: #ffffff;}
.bgligray{background-color: #f4f4f4;}
.bgmigray{background-color: #968985;}

.cleawbig{	clear: both;	height: 25px;}
.vystred{	text-align: center;}
.onlinerezervace{	cursor: pointer;}

#sloganPodstranky{	position: absolute;	top: 10px;	z-index: 40;	width: 90%;	text-align: center;	margin: 0px 5% 0px 5%;}
#sloganPodstranky h2.slogan{	color: #cacade;	font-family: 'Great Vibes', cursive;	font-size: 6em;	padding: 25px 0px 0px 0px;	margin: 0px 0px 0px 0px;}


#contenttexty{
	z-index: 45;
	position: relative;
}

@media only screen and (max-width: 1420px) {
	#obalka{	margin-left: 0px;	left: 0;	width: 100%;top: 0px;-webkit-border-radius: 0px;	-moz-border-radius: 0px;	border-radius: 0px;}
	
	.definovanasirka{	width: 100%;	padding: 0px;margin: 0px;}
	.obalkapadd{	padding: 5px 25px 15px 25px;margin: 0px;}	
	
}

@media only screen and (max-width: 1200px) {
	h1{	font-size: 2.2em;	margin: 80px 0px 45px 0px;	padding: 20px;}
  #sloganPodstranky h2.slogan{	color: #e3e3e3;	font-family: 'Great Vibes', cursive;	font-size: 5em;}
}

@media only screen and (max-width: 1000px) {
	h1{	font-size: 2em;	margin: 60px 0px 45px 0px;	padding: 20px;}
  #sloganPodstranky h2.slogan{	color: #e3e3e3;	font-family: 'Great Vibes', cursive;	font-size: 4em;}
}

@media only screen and (max-width: 800px) {
	h1{	font-size: 1.8em;	margin: 50px 0px 45px 0px;	padding: 20px;}
  #sloganPodstranky h2.slogan{	color: #e3e3e3;	font-family: 'Great Vibes', cursive;	font-size: 3em;}
}

@media only screen and (max-width: 640px) {
	.obalkapadd{	padding: 5px 12px 15px 12px;}
	h1{	font-size: 1.7em;	margin: 40px 0px 45px 0px;	padding: 20px;}
  #sloganPodstranky h2.slogan{	color: #e3e3e3;	font-family: 'Great Vibes', cursive;	font-size: 2.6em;}
}
@media only screen and (max-width: 480px) {
	h1{	font-size: 1.6em;	margin: 30px 0px 45px 0px;	padding: 20px;}
  #sloganPodstranky h2.slogan{	color: #e3e3e3;	font-family: 'Great Vibes', cursive;	font-size: 2em;}
}


#hlavickahorni{	width: 100%;	padding: 0px 0px 0px 0px;	height: 40px;	margin: 0px auto 0px auto;	}

#zaklinka{	width: 305px;	right: 25px;	top: 18px;	position: absolute;	font-size: 22px;	color: #d7cfb9;	text-align: right;}
.zaktel{	color: #d7cfb9;	font-weight: 700;	display: block;}

#zaklinkahide640{	display: block;	float: left;padding-right: 14px;}
#zaklinkashow640{	display: none;	float: left;padding-right: 8px;}

#rezervaceUbytovani{	width: 240px;	right: 25px;	top: 85px;	position: absolute;	font-size: 25px;	color: #342010;	text-align: right;}
#rezervaceUbytovani a{	display: block;	background-color: #d6cdbf;	text-decoration: none;	text-align: center; font-size: .7em;	font-weight: bold;	color: #38342e;	padding: 10px 0px 10px 0px;}
#rezervaceUbytovani a:hover{	display: block;	background-color: #2a2723;	text-decoration: none;	font-weight: bold;	color: #faf7f2;}


#menu{	padding: 0px;	width: 100%;	text-align: right;	margin: 1px 0px 0px 1px;}

#hlavickaspodni{height: 150px;width: 100%;}

#logo{	padding: 0;	height: 230px;	width: 275px;	background: transparent;	margin: 5px 3% 0px 60px;	text-align: left;	position: absolute;z-index: 70;}
#logomobil{	display: none;}
#logo img{	width: auto;	height: 100%;margin: 0px 0px 0px 0px;}
#logo:hover{	filter: brightness(1.25);}

#callme{	padding: 0;	height: 60px;	width: 16%;	background: transparent;	margin: 13px 0px 0px 0px;	text-align: left;	float: left;margin-right: 3.5%;}
#callme img{	width: 100%;	height: auto;}

#menu ul{	margin: 0px 0px 0px 0px;	padding: 4px 0px 0px 0px;	width: 100%;	text-align: right;}
#menu li {	margin: 0px 4px 0px 4px;	padding: 0;	list-style: none;	display: block;	color: #f4f4f4;	float: right;	text-align: right;}
#menu li a {	margin: 1px 0;	padding: 3px 15px 0px 15px;	color: #9e9e9e;	text-decoration: none;	font-weight: normal;	height: 35px;	display: block;	float: left;}
#menu li a:hover {	color: #5e5e5e;	text-decoration: underline;	}



@media only screen and (max-width: 1350px) {
#logo{width: 28%;	background: transparent;	margin: 0px 3% 0px px;	margin-right: 2.5%;}

}

@media only screen and (max-width: 1040px) {
#logo{	width: 28.5%;	background: transparent;	margin: 20px 3% 0px px;	margin-right: 1.5%;	margin-top: 10px;}
#callme{width: 20%;	background: transparent;	margin: 10px 0px 0px 0px;	text-align: left;	float: left;margin-right: 3.5%;}

}

@media only screen and (max-width: 980px) {
#logo{	height: 150px;	width: 179px;	background: transparent;	margin: 0px 3% 0px px;	margin-right: 3%;	top: 43px;}
/*#callme{	width: 0%;	display: none;}*/


}

@media only screen and (max-width: 640px) {
#hlavickaspodni{height: 150px;}

#logo{	width: 50%;	background: transparent;	margin: 5px auto 5px auto;	float: none;	clear: both;}
}

@media only screen and (max-width: 480px) {
	#logo{	display: none;}
	#logomobil{
	display: block;
	width: 179px;
	height: 150px;
	margin: 0px auto 8px auto;
	position: relative;
	
	z-index: 70;
}
	#logomobil img{	width: auto;	height: 100%;margin: 0px 0px 0px 0px;}
	#zaklinka{	width: 100%;	right: 0px;	top: 70px;	position: absolute;	font-size: 18px;	text-align: center;}
	#hlavickaspodni{	height: 105px;	}

	#zaklinka{
	width: 100%;
	right: 0px;
	top: 150px;
	position: absolute;
	font-size: 16px;
	color: #d7cfb9;
	text-align: center;
}
	#rezervaceUbytovani{	width: 240px;	right: 0px;	top: 65px;	position: absolute;	font-size: 25px;	color: #342010;	text-align: right;	left: 50%;	margin-left: -120px;}
	#rezervaceUbytovani a{	display: block;	font-size: .6em;	color: #38342e;	padding: 8px 0px 8px 0px;}
	
}

@media only screen and (max-width: 840px) {#menu li a {font-size: 13px;}}
@media only screen and (max-width: 780px) {#menu li a {font-size: 12px;}}
@media only screen and (max-width: 760px) {
#menu{display: none;}
#uzivatelblok{	padding: 0;	width: 200px;	color: #f0f0f0;	height: 60px;	float: right;	margin: 4px auto 0px auto;}
}


#contenttexty p, #contenttexty ul, #contenttexty li, #contenttexty table{	font-size: 20px;	position: relative;	z-index: 80;} 
 
#contenttexty h2{	font-size: 1.9em;	position: relative;	z-index: 80;	font-weight: bold;	text-decoration: underline;}  

#contenttexty p{	text-align: center;	margin: 5px 50px 15px 50px;	color: #383838;	}
#contenttexty a{	text-decoration: none;	color: #636057;}
#contenttexty a:hover{	text-decoration: underline;	color: #695943;}
#contenttexty ul{	text-align: center;	margin: 5px 50px 15px 50px;	color: #383838;	list-style: none inside none;}
#contenttexty li{	text-align: center;	margin: 5px 5px 10px 5px;	color: #383838;	list-style: none inside none;}

table.cenik{	width: 60%;	margin: 0px 20% 20px 20%;}
table.cenik td{	padding: 7px 10px 7px 10px;	background-color: #f1f1f1;}
table.cenik td.infoCenik{	width: 60%;	font-weight: bold;}
table.cenik td.cenikSuma{	width: 40%;	font-weight: bold;	text-align: right;}



@media only screen and (max-width: 1000px) {
#contenttexty p, #contenttexty ul, #contenttexty li, #contenttexty table{	font-size: 1.1em;	} 
table.cenik{	width: 70%;	margin: 0px 15% 20px 15%;}
}

@media only screen and (max-width: 760px) {
#contenttexty p, #contenttexty ul, #contenttexty li, #contenttexty table{	font-size: 1em;	}  
table.cenik{	width: 84%;	margin: 0px 8% 20px 8%;}
#contenttexty h2{	font-size: 1.5em;}
}
@media only screen and (max-width: 480px) {
#contenttexty p, #contenttexty ul, #contenttexty li, #contenttexty table{	font-size: .9em;	text-align: justify;}  
table.cenik{	width: 90%;	margin: 0px 5% 20px 5%;}
#contenttexty h2{	font-size: 1.35em;}


}

.informacnibloknadpis{	text-transform: uppercase;	font: normal bold 13px Trebuchet MS;	color: White;}
a.informacniblokodkaz{	float: left;	text-decoration: none;	color: #f4f4f4;	width: 239px;	text-align: center;	margin: 2px 3px 2px 3px;	padding: 4px 0px 4px 0px;		border: 1px solid #0a5e7f;	background: #164f60;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;}
a.informacniblokodkaz:hover{	background-color: #257da3;	color: White;}


a#butregistrovat{	float: left;	text-decoration: none;	background-color: #016fba;	color: White;	width: 80px;	text-align: center;	margin: 2px 3px 2px 3px;	padding: 4px 0px 4px 0px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;}
a#butregistrovat:hover{	background-color: #a8e0f9;	color: Black;}
a#butprihlasit{	float: left;	text-decoration: none;	background-color: #016fba;	color: White;	width: 58px;	text-align: center;	margin: -5px 3px 2px 3px;	padding: 3px 0px 3px 0px;   -webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;}
a#butprihlasit:hover{	background-color: #a8e0f9;	color: Black;	text-decoration: none;}

#topmenu{color: #CF7332;	position: absolute;	margin-left: -500px;	_margin-left: -500px;	left: 50%;	top: 55px;	padding: 0;	z-index: 80;	width: 1000px;	background: url(../img/menu.gif) no-repeat top;	text-align: right;}
#topmenu ul{	margin: 5px 40px 0px 0px;	padding: 0;}
#topmenu li {	margin: 0;	padding: 0;	list-style: none;	width: 185px;	_width: 170px;	_height: 32px;	min-height: 32px;	display: inline;}
#topmenu li a {	_height: 28px;	min-height: 28px;	margin: 1px 0;	padding: 3px 0 0 15px;	font-size: 12px;	color: #CF7332;	text-decoration: none;}
#topmenu li a:hover {	text-decoration: underline;}


#drobeckova{	height: 24px;}
#bgpodmenu {	height: auto;	background: transparent url(../img/bg-podmenu.gif) no-repeat top;	margin: 4px 0px 0px 0px;}

#blok {	float: right;	width: 81%;	height: auto;	color: Black;	margin-right: 1.5%;}
#blokdokument {	height: auto;	color: Black;	margin-right: 25px;	margin-left: 1%;}
#leva{	width: 15.5%;	height: auto;	float: left;	margin: 5px 2% 5px 0px;	_margin-left: 1%;	color: #AF5500;}

@media only screen and (max-width: 980px) {
#blok {	width: 72%;	height: auto;	color: Black;	margin-right: 15px;}
#blokdokument {	height: auto;	color: Black;	margin-right: 25px;	margin-left: 25px;}
#leva{	width: 24%;	height: auto;	float: left;	margin: 5px 2% 5px 0px;	_margin-left: 1%;	color: #AF5500;}
}
@media only screen and (max-width: 810px) {
#blok {	width: 96%;	margin-right: 2%;	margin-left: 2%;	float: none;}
#blokdokument {	height: auto;	color: Black;	margin-right: 25px;	margin-left: 25px;}
#leva{	width: 96%;	margin-right: 2%;	margin-left: 2%;	height: auto;	float: none;}
}

#rychla_navigace, .rychla_navigace{	color: #737373;	margin-top: 10px;	margin-bottom: 10px;}
#rychla_navigace a, .rychla_navigace a{	color: #737373;	text-decoration: underline;}
#rychla_navigace a:hover, .rychla_navigace a:hover{	color: #2a68b1;	text-decoration: none;}


#rychla_navigace2, .rychla_navigace2{	color: #e9d6a0;	margin-top: 10px;	margin-bottom: 10px;}
#rychla_navigace2 a, .rychla_navigace2 a{	color: #5c91b2;	text-decoration: underline;}
#rychla_navigace2 a:hover, .rychla_navigace2 a:hover{	color: #2a68b1;	text-decoration: underline;}



#levacontent{	padding: 10px 10px 25px 0px;	background: transparent url(../img/lsubmenu.gif) no-repeat top;}
#levacontent h2{	margin: 6px 0px 5px 0px;	text-align: center;}
#leva a{	color: #FBA229;	text-decoration: underline;}
#leva a:hover{	color: #FBA229;	text-decoration: none;}

/*------------l menu menu-------------*/

.cleaner {clear: both; visibility: hidden;}


/*  SECTIONS  */
.section {	clear: both;	padding: 0px;	margin: 0px;}

/*  COLUMN SETUP  */
.col {	display: block;	float:left;	margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF SIX  */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83.06%;}
.span_4_of_6 {width: 66.13%;}
.span_3_of_6 {	width: 48.0%;}
.span_2_of_6 {	width: 31.26%;}
.span_1_of_6 {width: 15.33%;}

.span_3_of_4 {	width: 72%;}
.span_2_of_4 {	width: 48%;}
.span_1_of_4 {width: 21.8%;}

.subinformace{	width: 100%;	height: auto;}
.subinformace img{	width: 100%;	height: auto;}



/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 680px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6, .span_1_of_4, .span_2_of_4, .span_3_of_4  { width: 100%; }
	#worldpic{display: none;}
	.footercontent{width: 100%;}
}
@media only screen and (max-width: 810px) {
.span_3_of_4 {	width: 72%;}
.span_2_of_4 {	width: 48%;}
.span_1_of_4 {width: 48%;}
}
@media only screen and (max-width: 680px) {
.span_1_of_4 {width: 100%;}
.predelspodnipaticky{	display: none;}
}



.boxkatalogsekce{	padding: 0px 0px 6px 0px;	margin: 25px 0px 15px 0px;	border-bottom: 2px solid Gray;}
.boxkatalogsekce ul{	padding: 0px;	margin: 0px;}
.boxkatalogsekce li.katalogfolder{	padding: 0px 0px 2px 0px;	margin: 0px 4px 3px 0px;	height: 28px;	float: left;	width: 230px;	list-style: none inside none;}

.boxkatalogsekce li.katalogfolderin{	background: transparent url(../img/folder3a.gif) no-repeat left;	padding: 0px 0px 10px 0px;	margin: 3px 0px 6px 0px;	}
.boxkatalogsekce li a{	padding: 2px 0px 0px 2px; /*display: block;*/	font: 12px Trebuchet MS;	text-decoration: none;	color: Black;	text-transform: uppercase;	border-bottom: 1px solid Silver;	width: 224px;	display: block;}
.boxkatalogsekce li a:hover{	color: #ac0000;}
.sirkaboxkatalogsekce{	width: 187px;	float: left;	display: block;}

.boxkatalogvyrobce{	padding: 0px 0px 6px 0px;	margin: 25px 0px 15px 0px;	border-bottom: 2px solid Gray;}
.boxkatalogvyrobce ul{	padding: 0px;	margin: 0px;}
.boxkatalogvyrobce li.katalogfolder{	padding: 0px 0px 2px 0px;	margin: 0px 4px 3px 0px;	height: 28px;	float: left;	width: 230px;	list-style: none inside none;}

.boxkatalogvyrobce li.katalogfolderin{	background: transparent url(../img/folder3a.gif) no-repeat left;	padding: 0px 0px 10px 0px;	margin: 3px 0px 6px 0px;	}
.boxkatalogvyrobce li a{	padding: 2px 0px 0px 2px; /*display: block;*/	font: 12px Trebuchet MS;	text-decoration: none;	color: Black;	text-transform: uppercase;	border-bottom: 1px solid Silver;	width: 224px;	display: block;}
.boxkatalogvyrobce li a:hover{	color: #ac0000;}




.line{background: url(../img/line.gif) no-repeat top;	height: 3px;margin: 3px 0px 3px 0px;clear: both;}

p.subnadpis{
	font: bold 15px Trebuchet MS;
	color: #18556a;
	padding: 2px 0px 7px 3px;
}
a.krizeni{	background-color: #368eb2;	border: 1px solid #18556a;	color: #e2eef3;	padding: 3px 5px 3px 5px;	text-decoration: none;	display: block;	margin: 0px 3px 3px 3px;	float: left;}
a.krizeni:hover{	background-color: #368eb2;	border: 1px solid #18556a;	color: White;	padding: 3px 5px 3px 5px;	text-decoration: underline;}

div#clona{	width: 100%;	height: 100%;	background: transparent url(../img/black60.png) repeat;	position: fixed;	left: 0%;	z-index: 150;	top: 0px;}
div#bloksuperior{	width: 780px;	height: auto;	background: White;	position: absolute;	left: 50%;	z-index: 250;	top: 80px;	margin-left: -390px;	-webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px;	box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.55);	-moz-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.55);	-webkit-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.55);}
.superiorimgprocobjed{	width: 520px;	height: auto;	display: block;	margin: 0px auto 5px auto;}




.ikonka2home{	float: left;	margin-right: 55px;	margin-bottom: 0px;	box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.55);	-moz-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.55);	-webkit-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.55);	border: 8px solid White;	margin-left: 20px;	}
#ikonkauvypisu{	margin-bottom: -4px;}
#homevirtual{	margin: 40px 50px 0px 0px;}
#homevirtual p{	font: bold 14px Trebuchet MS;	margin: 20px 0px 0px 10px;	padding-left: 10px;}

.virtualniprohlidka{	border: 1px solid #740922;	background: #24515d url(../img/virtualniprohlidka.gif) repeat-x top;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;	color: White;	padding: 14px 10px 14px 10px;	font: bold 17px Trebuchet MS;	cursor: pointer;	text-decoration: none;	/*display: block;*/	margin: 5px 0px 15px 0px;}
.virtualniprohlidka:hover{	color: Yellow;	text-decoration: none;}

.produktvyskaformular{height: 36px;float: none;}
.produktnazevformprvek{	width: 120px;	float: left;	font: bold 14px Trebuchet MS;	padding-top: 9px;}
input.prihlaseniinput{	border: 2px solid #c8c8c8;	padding: 4px 4px 4px 4px;	width: 192px;	color: #505050;	margin: 4px 0px 4px 0px;	FONT-FAMILY: "Trebuchet MS";	FONT-SIZE: 13px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;	font: bold;	text-align: left;	font-weight: bold;}

a#navigacnisipka{	display: block;	width: 44px;	height: 44px;	background: transparent url(../img/navigacnisipka.png) no-repeat top;	position: fixed;	bottom: 140px;	margin-left: 500px;	_margin-left: 500px;	left: 50%;	padding: 0;	z-index: 80;	cursor: pointer;}

/*-----------------takalog*/
h2.h2katal01{	font: bold 16px Trebuchet MS;	color: Gray;	margin: 0px 0px 5px 0px;	padding: 0px 0px 3px 0px;	text-align: left;	border: none;	border-bottom: 0px none;	clear: both;}
a.katal01{	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;	border: 1px solid Silver;	color: #292929;	font: bold 21px Trebuchet MS;	display: inline-table;	text-align: center;	width: 100%;	margin: 0px .3% 0px .3%;	padding: 9px 0px 9px 0px;	text-decoration: none;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0f3fa+0,d8f0fc+50,b8e2f6+51,b6dffd+100;Shape+2+Style */
background: rgb(224,243,250); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(224,243,250,1) 0%, rgba(216,240,252,1) 50%, rgba(184,226,246,1) 51%, rgba(182,223,253,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 ); /* IE6-9 */

}
a.katal01:hover{
	color: White; /* Permalinkcolor: #292929; - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3c5bd+0,e86c57+50,ea2803+51,ff6600+75,c72200+100;Red+Gloss */
	background: rgb(243,197,189); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(243,197,189,1) 0%, rgba(232,108,87,1) 50%, rgba(234,40,3,1) 51%, rgba(255,102,0,1) 75%, rgba(199,34,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */
}
div.boxkatal01vnorene{	width: 100%;	height: auto;	clear: both;	text-align: center;}
ul.katal01vnorena li{	display: inline-table;	margin: 0px .3% 0px .3%;	padding: 9px 0px 9px 0px;	width: 30%;	list-style: none inside none;}

ul.katal01vnorena li a{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;	border: 1px solid Silver;	color: #292929;	font: bold 16px Trebuchet MS;	display: inline-table;	text-align: center;	width: 100%;	margin: 0px .3% 0px .3%;	padding: 9px 0px 9px 0px;	text-decoration: none; background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
ul.katal01vnorena a:hover{
	color: White; /* Permalinkcolor: #292929; - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3c5bd+0,e86c57+50,ea2803+51,ff6600+75,c72200+100;Red+Gloss */
	background: rgb(243,197,189); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(243,197,189,1) 0%, rgba(232,108,87,1) 50%, rgba(234,40,3,1) 51%, rgba(255,102,0,1) 75%, rgba(199,34,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */
}

div.scrollerbox{	height: 450px;	overflow: scroll;	padding: 10px;}

div.mapkaright{	width: 45%;	float: right;	margin: 0px 0px 15px 25px;	height: auto;}
div.mapkaright IFRAME{	width: 100%;	height: 350px;	margin-bottom: 15px;}
div.prvozovnaleftcont{	width: 52%;	float: left;	height: auto;}
div.ilu_obrazekfirma{	float: left;	margin: 0px 25px 15px 0px;	width: 250px;	height: 250px;	overflow: hidden;	text-align: center;}
div.ilu_obrazekfirma img{	width: auto;	height: 100%;}

ul#prodejnygalerie{	width: 100%;	margin: 0px;	padding: 0px;}
ul#prodejnygalerie li{	width: 47%;	height: 200px;	margin: 0px;	padding: 0px;	float: left;	list-style: none inside none;	display: block;	margin: 0px 1.5% 15px 1.5%;	overflow: hidden;	text-align: center;}
ul#prodejnygalerie li img{	width: auto;	height: 100%;	margin: 0px;	padding: 0px;}

div.prodejnapoppis li{	display: inline;	float: left;}

div.dokumentcontent ul{	margin: 0px 0px 12px 0px;}
 div.dokumentcontent p{	margin: 0px 0px 12px 15px;}
div.dokumentcontent li{	list-style: none inside none;	margin: 0px 0px 5px 0px;padding: 0px 0px 0px 15px;}
div.dokumentcontent a{	text-decoration: none;	color: #ec00a0;}
div.dokumentcontent a:hover{	text-decoration: underline;	color: #ec00a0;}

div.dokumentcontent ul.natretiny li{	display: block;	width: 30%;	margin: 0px 1.5% 5px 1.5%;	padding: 0px;	float: left;}
div.dokumentcontent ul.natretiny li ul li{	margin: 0px 0px 5px 10px;	padding: 0px;	width: 100%;	float: none;}

div#filtr{
	height: auto;
	margin: 0px 0px 0px 0px;
	color: Black;
	width: 100%;
	position: relative;
	/*border: 1px solid #d5d5d5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
	padding: 7px;
}

#loadingdata{	width: 80%;	margin: 10px auto 15px auto;	height: auto;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;	background-color: #f1f2f1;	display: none;}
#loadingdata img{	width: 100%;	height: auto;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;}

div#filtr .filtrjmeno{	display: block;	float: left;	padding: 10px 15px 0px 20px;	width: 200px;}
div#filtr span.volba{	font-size: 16px;cursor: pointer;/*background: Blue url(../img/select-kachle2.png) no-repeat 0px 5px;*/}

div#filtr .fitrvolba{	display: block;	float: left;	padding: 10px 0px 20px 2.5%;	position: relative;	width: 20.5%;	height: auto;	background: transparent url(../img/select-kachle2.png) no-repeat 3px 14px;	opacity: .85;	margin-left: 1%;}
div#filtr .fitrvolba:hover{	opacity:1;}

.fitrvolba:hover .dropdownfiltr {	opacity: 1;	display: block;}

div#filtr div.FitrObsahParametru{	float: left;	width: 23%;	margin: 0px 1% 0px 1%;}

div#filtr div.paramertNadpis {
	background-color: #ededed;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 7px 5px 7px;
	font-size: 1.1em;
	margin-bottom: 5px;
}


div#filtr ul{	list-style: none inside none;}

.dropdownfiltr{	position: absolute;	padding-top: 6px;	font-size: 13px;	opacity: 0;	-webkit-transition: top 0.2s ease, opacity 0.2s ease-in;	-moz-transition: top 0.2s ease, opacity 0.2s ease-in;	-ms-transition: top 0.2s ease, opacity 0.2s ease-in;	-o-transition: top 0.2s ease, opacity 0.2s ease-in;	transition: top 0.2s ease, opacity 0.2s ease-in;	width: 150%;	display: none; /*display: block;*/	height: 200px;	background-color: transparent;	z-index: 30000;	top: 29px;}
.droppaddfiltr{	padding: 10px 5% 10px 5%;	border: 1px solid rgba(170,170,170,1);	background-color: White;	background-color: #ccc \9; /*fallback for old IE*/	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;	height: auto;	background: White none no-repeat;}

div.prvnifiltr{	left: 0%;	right: auto;}
div.druhyfiltr {	left: 0%;	right: auto;}


div.dropcontfiltr{	width: 100%;	height: auto;}
div.dropcontfiltr ul {	margin: 0px;	padding: 0px;}
div.dropcontfiltr ul li{	list-style: none inside none;	margin: 0px 0px 5px 0px;	font-size: 17px;	padding: 0px;}
div.dropcontfiltr ul li.polovicni{	display: block;	float: left;	width: 50%;}

.barvicky{	display: block;	float: left;	width: 32px;	height: 22px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;	margin: 0px 5px 0px 0px;	/*border: 1px solid #8d8d8d;*/-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);}

input.filtrovat{	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;	background-color: #ff0097;	color: White;	padding: 5px 20px 5px 20px;	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);	font-family: 'Oswald', sans-serif;	font-size: 18px;	margin-top: 4px;	cursor: pointer;}
input.filtrovat:hover{	background-color: #ff0097;	color: White;}



/*////////////////////////*/



#vybranyfiltr{	display:block;	height: auto;	margin: -20px 25px 15px 25px;	float: none;	clear: both;	position: relative;	top: 0px;}
.vybranavolba{
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px 10px 10px 0px;
	background-color: #d4d4d4;
	cursor: pointer;
	display: block;
	float: left;
}
.vybranavolba:hover{	background-color: #90180b;	color: White;}

.neviditelne{	display: none;float: left;	padding: 5px;margin: 0px 15px 5px 0px;}
.viditelne{	display: block;	padding:0px;margin: 0px 15px 5px 0px;	float: left;}
.alert{	padding: 25px;	margin: 15px;	text-align: center;	font-size: 28px;	background-color: #e9e9e9;	color: #ff0097;}
/*---------ratio buttons---------*/

div#filtr input[type=checkbox]:not(old),
div#filtr input[type=radio   ]:not(old){  width   : 28px;  margin  : 0;  padding : 0;  opacity : 0;}
div#filtr input[type=checkbox]:not(old) + label,
div#filtr input[type=radio   ]:not(old) + label{  display      : inline-block;  margin-left  : -28px;  padding-left : 28px;  background   : url('../img/checks.png') no-repeat 0 0;  line-height  : 24px;}

div#filtr input[type=checkbox]:not(old):checked + label{  background-position : 0 -24px;}
div#filtr input[type=radio]:not(old):checked + label{  background-position : 0 -48px;}
/*---------ratio buttons---------*/

/*---------- poutaci ctverecky*/
#contentsquare{	font-size: .85em; display: block;	text-align: center;	margin: 5px 0px 15px 0px;	padding: 0px;}
#contentsquare li{	display: inline-table;	margin: 0px .2vw .5vw .2vw;	width: 6vw;	height: 7vw;	text-align: center;	overflow: hidden;	list-style: none inside none;	padding: 0px;}


#contentsquare a{	color: Black;	text-decoration: none;	text-align: center;	background-color: transparent;	width: 6vw;	height: 5vw;	display: block;	background-size: 100% auto;	background-repeat: no-repeat;	background-position: 0 0px;	cursor: pointer;	padding: 0px;	overflow: hidden;}
#contentsquare a:hover{	text-decoration: none;background-position: 0 -6vw; }

a.csprodukty{	background: url(../img/a-home-new-produkty.png);}
a.csprodukty:hover{	background:url(../img/a-home-new-produkty.png);}
a.csvenkovni{	background: url(../img/a-home-new-venkovni.png);}
a.csvenkovni:hover{	background:url(../img/a-home-new-venkovni.png);}
a.csrimske{	background: url(../img/a-home-new-rimske.png);}
a.csrimske:hover{	background: url(../img/a-home-new-rimske.png);}
a.csmarkyzy{	background: url(../img/a-home-new-markyzy.png);}
a.csmarkyzy:hover{	background: url(../img/a-home-new-markyzy.png);}
a.cszavesy{	background: url(../img/a-home-new-zavesy.png);}
a.cszavesy:hover{	background: url(../img/a-home-new-zavesy.png);}
a.cstextilni{	background: url(../img/a-home-new-textilni-rolety.png);}
a.cstextilni:hover{	background: url(../img/a-home-new-textilni-rolety.png);}
a.csrolety{	background: url(../img/a-home-new-rolety.png);}
a.csrolety:hover{	background: url(../img/a-home-new-rolety.png);}
a.csdotazy{	background: url(../img/a-home-new-poradna.png);}
a.csdotazy:hover{	background: url(../img/a-home-new-poradna.png);}

#contentsquare a span.infosquaretext {	font-size: .85em;	margin: 0px auto 0px auto;	display: block;	text-align: center;	text-transform: lowercase;	width: 100%;}


@media screen and (-webkit-min-device-pixel-ratio:0) {  /* opera + google chrome */
	#contentsquare li{
	margin: 0px 5px 15px 5px;
 	width: 6vw;
	}
	#contentsquare a span.infosquaretext {	/*padding-top: 3.6vw;*/}
}


/*---------------------------lasty galery--------------------------*/
.lastygalery{	cursor: pointer;}

div#lastygaleryclona{	display: none;z-index: 99999;	width: 100%;	height: 100%;	position: fixed;	background: transparent url(../img/lastygalery.png) repeat;}
div#lastygalery{	z-index: 100000;	top: 5%;	left: 5%;	width: 90%;	height: 90%;	text-align: center; /*background-color: Aqua;*/	position: fixed; /*overflow: hidden;*/	display: none;}

div#lastygalery #lastygalerypic{	height: 96%;	border: 10px solid White;	width: auto;	max-width: inherit;	max-height: inherit;	box-shadow: 0 3px 6px rgba(0,0,0,0.9);}

@media screen and (orientation: portrait) {
  div#lastygalery #lastygalerypic {
	max-width: 96%;
	height: auto;
}
}

@media screen and (orientation: landscape) {
  div#lastygalery #lastygalerypic {
	max-height: 96%;
}
}

a#lastygaleryclose{	z-index: 100010;	display: block;	position: absolute;	width: 50px;	height: 50px;	opacity: .7;	background: transparent url(../img/lastygalery-close-icon.png) no-repeat top;	top: 10px;	left: 50%;	cursor: pointer;	margin-left: 0px;}
a#lastygaleryclose:hover{	opacity: 1;}

.lastygalerylist{	z-index: 100010;	display: block;	position: absolute;	width: 70px;	height: 109px;	opacity: .7;	top: 40%;	left: 50%;	cursor: pointer;	margin-left: 0px;}
a.lastygalerylist:hover{	opacity: 1;}
a#lastygalerypredchozi{	background: transparent url(../img/lastygalery-left.png) no-repeat top;	margin-left: 0px;}
a#lastygalerynasledujici{	background: transparent url(../img/lastygalery-right.png) no-repeat top;	margin-left: 200px;}

/*------HOME NEWS-------*/

.homenews{
	/*background-color: #f4f4f4;*/
	padding: 10px 15px 15px 15px;
	text-align: center;
	/*background: transparent url(../img/black50.png) repeat;*/
}
.homeaktualita{
	width: 24%;
	margin: 10px 1% 2% 1%;
	display: inline-table;
	overflow: hidden;
	background: #f3efeb;
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}
.homeaktualitaobrazek{
	width: 100%;
	height: 150px;
	text-align: center;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
}
.homeaktualitaobrazek img{
	height: 150px;
	width: auto;
	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);
	margin: 0px auto 0px auto; /* position: absolute; top:0%; */
/*left:50%;margin-left:-50%;*/
	border: 12px solid #f3efeb;
}
.homeaktualitaobrazek img:hover{  -webkit-filter: grayscale(0%);  filter: grayscale(0%); /*height: 165px; top:-5%;*/ /* left:50%;margin-left:-55%;*/}
.homeaktualitaobrazek img {transition: all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;}
.altualitah3{
	color: #f4efe9;
	text-decoration: none;
	height: 35px;
	display: block;
	font-weight: normal;
}
.altualitah3:hover{	color: #fffefc;	text-decoration: none;}
.homeaktualita p{	font-size: 1em;	font-style: italic;	color: #484848;	text-align: center;	height: 74px;	overflow: hidden;}



.homenadpis{	font-size: 1.45em;	text-align: center;	color: #ffffff;	margin: 20px 20px 20px 20px; text-shadow: 1px 1px #000000;}
.homenadpisclener{	height: 3px;	width: 15%;	margin: 0px auto 20px auto;	background-color: #2a68b1;	clear: both;}
.homedoplnkovytext{	font-style: italic;	color: #5d5d5d;	text-align: center;}

#mapka{	width: 100%;	height: 450px;}
#mapka iframe{	width: 100%;	height: 450px;}

/////////////////*sroler*/

.mscrolerhorizontal{
	max-height: 206px;
	width: 95%;
	overflow: hidden;
	padding: 12px 2% 0px 2%;
	margin: 0px auto 0px auto;
	background-color: #f4f4f4;
}

.mscrolerhorizontal li{	position: relative;}

ul.timelinegalery, ul.timelinegalery li{list-style: none inside none;}
ul.timelinegalery{	margin: 0px;	padding: 0px;	max-width: auto; 	display: block;}
ul.timelinegalery li{	display: block;	margin: 0px 15px 15px 0px;	float: left;	padding-bottom: 15px;	}
ul.timelinegalery li img{height: 180px;	width: auto;border: 4px solid White;}

/////////////////*galerz meu*/

.gallerymenu {
	display: flex;
	flex-wrap: wrap; /* Compensate for excess margin on outer gallery flex items */
   margin: -1rem -1rem;
	text-align: center;
	/*background: Aqua;
	margin: 0px 120px 0px 120px;*/
}

.gallerymenu-item {
	flex: 1 0 12rem; /* Margin value should be half of grid-gap value as margins on flex items don't collapse */
	margin: 1rem;
	box-shadow: 0.3rem 0.4rem 0.4rem rgba(0, 0, 0, 0.4);
	overflow: hidden;
	position: relative;
}

.gallerymenu-item  a{	color: #e6e6e6;	text-decoration: none;}
.gallerymenu-item  a:hover{	color: white;	text-decoration: none;}

.gallerymenu-image {	display: block;	width: 100%;	height: 100%;	object-fit: cover;	transition: transform 400ms ease-out;}
.gallerymenu-image:hover {	transform: scale(1.15);}
.gallerymenu-text{	display: block;	background: transparent url(../img/b75.png) repeat top;	text-align: center;	padding: 8px 8px 8px 8px;	position: absolute;	bottom: 0px;	z-index: 90;	width: 100%;}
/*

The following rule will only run if your browser supports CSS grid.

Remove or comment-out the code block below to see how the browser will fall-back to flexbox styling. 

*/

@supports (display: grid) {
	.gallerymenu {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
		grid-gap: 2rem;
	}

	.gallerymenu,
	.gallerymenu-item {
		margin: 0;
	}
}


/*------Footer-------*/

#patka {
	margin: 0px 0px 0px 0px;
	clear: both;
	height: auto;
	width: 100%;
	background: transparent url(../img/black50.png) repeat top;
}
#patkaobsah {	padding: 0px;	text-align: center;	margin: 0px;	height: auto;	width: 100%;}
#patkaposun{	height: 25px;}
#patkadefine{	width: 90%;	margin: 10px auto 24px auto;	text-align: left;	border-bottom: 1px dotted #373737;	padding-bottom: 20px;}


#patkadefine h3{	text-transform: uppercase;	font-family: 'Oswald', sans-serif;	font-size: 1.1em;	color: #f4f4f4;	margin: 0px 0px 15px 0px;	padding: 0px 0px 0px 0px;	text-align: center;	font-weight: normal;}
#patkadefine h3 a{	color: #f4f4f4;	text-decoration: none;}
#patkadefine h3 a:hover{	color: #ffffff;	text-decoration: underline;}


#patkadefine ul,#patkadefine li {	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;}
#patkadefine li{	list-style: none inside none;padding: 0px 0px 0px 10px;}
#patkadefine li a{	font-family: 'Oswald', sans-serif;	font-size: .95em;	color: #e6e6e6;	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;	font: normal;	text-decoration: none;}
#patkadefine li a:hover{	color: #ffffff;	text-decoration: underline;}

#patka2{	width: 90%;	margin: 0px auto 0px auto;	text-align: center;	padding-bottom: 25px;	color: #efefef;}

#patka2 a{	color: #f4f4f4;	text-decoration: none;}
#patka2 a:hover{	color: #ffffff;	text-decoration: underline;}

#patka2 ul, #patka2 li{	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;}
#patka2 li{	list-style: none inside none;padding: 0px 0px 0px 10px;}

span.fcallme{	display: block;	margin: 0px auto 0px auto;	background: transparent url(../img/fcallme2.png) no-repeat left;	padding: 6px 0px 6px 40px;	color: White;	font-size: 1.4em;	width: 170px;}
span.fcallmestr, span.fcallmeinfo{	display: block;}
span.fpostme{	display: block;	margin: 0px auto 0px auto;	background: transparent url(../img/fpostme.png) no-repeat left;	padding: 6px 0px 6px 40px;	color: White;	font-size: 1.15em;	font-weight: normal;	width: 170px;	}
span.femail{	display: block;}
span.femail a{	color: #e6e6e6;text-decoration: none;}
span.femail a:hover{	color: #ffffff;	text-decoration: underline;}

span.fcalounictvi{	display: block;	margin: 0px auto 0px auto;	background: transparent url(../img/fcalounictvi.png) no-repeat left;	padding: 6px 0px 6px 40px;	color: White;	font-size: 1.15em;	font-weight: normal;	width: 170px;	}


span.fshipping{	display: block;	margin: 0px auto 0px auto;	background: transparent url(../img/fshipping.png) no-repeat left;	padding: 6px 0px 6px 40px;	color: White;	font-size: 1.15em;	font-weight: normal;	width: 170px;	}
span.ffacebook{	display: block;	margin: 0px auto 0px auto;	background: transparent url(../img/ffacebook.png) no-repeat left;	padding: 6px 0px 6px 40px;	color: White;	font-size: 1.15em;	font-weight: normal;	width: 110px;	}

.predelspodnipaticky{	display: none;	width: 100%;	height: 10px;	clear: both;}

@media only screen and (max-width: 1280px) {
	span.fcallme{font-size: 1.1em;	}
	span.fpostme{font-size: 1.1em;}
}

@media only screen and (max-width: 1100px) {
#patkadefine{	width: 96%;}
span.fcallme{		font-size: 1em;	width: 150px;}
span.fpostme{		font-size: 1em;	width: 150px;	}
span.fshipping{		font-size: 1em;	width: 150px;	}
span.ffacebook{			font-size: 1em;	width: 100px;	}
}

@media only screen and (max-width: 810px) {
#patkadefine{	width: 96%;}
span.fcallme{	background: transparent url(../img/fcallme.png) no-repeat left;	padding: 6px 0px 6px 10%;		font-size: 1.3em; width: 170px;}
span.fpostme{	background: transparent url(../img/fpostme.png) no-repeat left;	padding: 6px 0px 6px 10%;		font-size: 1.05em;	width: 170px;	}
span.fshipping{	background: transparent url(../img/fshipping.png) no-repeat left;	padding: 6px 0px 6px 10%;		font-size: 1.05em;	width: 170px;	}
span.ffacebook{	background: transparent url(../img/ffacebook.png) no-repeat left;	padding: 6px 0px 6px 10%;		font-size: 1.05em;	width: 110px;		}
.predelspodnipaticky{	display: block;}
}

@media only screen and (max-width: 640px) {.hide640{	display: none;}.obrazekstred{	width: 100%;	height: auto;}}
@media only screen and (max-width: 420px) {.hide420{	display: none;}}


#kalendar {	position: absolute;	z-index: 500000000;	top: 120px;	left: 180px;	display: none;	padding: 0px;	background-color: White;	border: 1px solid #909090;	border-right: 1px solid #c8c8c8;	border-bottom: 1px solid #c8c8c8;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;	-moz-box-shadow: 0 0 4px #8a7f5d;	-webkit-box-shadow: 0 0 4px #8a7f5d;	box-shadow: 0px 0px 4px #8a7f5d; }
#kalendar2 {position: absolute; z-index: 500000000; top: 140px; left: 180px; display: none; padding: 0px;	background-color: White;	border: 1px solid #909090;	border-right: 1px solid #c8c8c8;	border-bottom: 1px solid #c8c8c8;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;	-moz-box-shadow: 0 0 4px #8a7f5d;	-webkit-box-shadow: 0 0 4px #8a7f5d;	box-shadow: 0px 0px 4px #8a7f5d; }

table.tabulkakalendar{	font: 13px Trebuchet MS;-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;	}
table.tabulkakalendar img{	cursor: pointer;opacity:.85;border: 1px solid #e2001a;}
table.tabulkakalendar img:hover{	cursor: pointer;	opacity: 1;	border: 1px solid White;border-radius: 50%;}


table.tabulkakalendar td {	font-size: 15px;	padding: 13px 9px 13px 9px;	text-align: center;}
table.tabulkakalendar th{	color: white;	background-color: #e2001a;	border-bottom: none;	font: 18px Trebuchet MS;	text-align: center;	padding: 10px;	width: 24px;}
/*table.tabulkakalendar th:first-child, table.tabulkakalendar thead th + th + th {background-color: #eeeeee; cursor: pointer;}*/
table.tabulkakalendar td.dnes {	color: White;	background-color: #8a7f5d;}
table.tabulkakalendar td.akt {color: #8a7f5d; background-color: #8a7f5d;}
table.tabulkakalendar td {	cursor: pointer;	color: Black;border-radius: 50%;}
table.tabulkakalendar td.volny:hover{	background-color: #e0e0e0;border-radius: 50%;}

@media only screen and (max-width: 640px) {
#kalendar {	left: 50px;		 }
#kalendar2 { left: 50px; }

}