html, body {	font-family: Trebuchet MS, sans-serif;	font: 12px/140%;	zoom: 100%;}
body {
	margin: 0;
	padding: 0;
	background: #e6af66 url(../img/bg-cont.gif) repeat-y; /*url(../img/bg.jpg) repeat-x top*/
	background-repeat: repeat-y;
	background-size: 100% auto;
}



#filtrOther{	padding: 15px 0px 15px 0px;	margin-bottom: 15px;}

#filtrHome{	width: 1040px;	position: absolute;	bottom: -25px;	height: 172px;	background: #156892;	z-index: 100;	left: 50%;	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,60,88,1);	-moz-box-shadow: 0px 0px 5px 0px rgba(0,60,88,1);	box-shadow: 0px 0px 5px 0px rgba(0,60,88,1);	padding: 15px 20px 15px 20px;	margin-left: -540px;}


#filtrHome .filtrPadd{
	/*padding: 20px 30px 20px 30px;*/
}

.fitrPredel{	height: 15px;	clear: both;}
	
.filtrBunka4{	display: block;	float: left;	width: 23%;	padding: 0px 3% 0px 0px;}
.filtrBunka4 .filtrBunka4Name{	font-size: 1.1em;	font-weight: bold;	color: White;	display: block;	margin-bottom: 7px;}
.filtrInput {	border: 1px solid White;	padding: 7px 15px 7px 15px;	background-color: White;	color: #013264;	font-size: 1.1em;	width: 198px;}

.filtrInputInfo{	border: 1px solid #bd2527;	padding: 7px 15px 7px 15px;	background-color: #bd2527;	color: #fffc00;	font-size: 1.1em;	width: 198px;}

.filtrInput::placeholder {  color: #99aabb;} 

.filtrSubmit{	display: block;	float: left;	width: 22%;	padding: 0px 0px 0px 0px;	text-align: center;}

#filtrHledat{	width: 100%;	height: 62px;	background: #1784b4;	cursor: pointer;	color: White;	text-align: center;	text-transform: uppercase;	padding: 20px 0px 20px 0px;	font-size: 1.2em;	font-weight: bold;	font-family: 'Roboto', sans-serif;	margin-top: 4px;}
#filtrHledat:hover, #filtrHledat:focus  {	background: #2197cb;	cursor: pointer;	color: White;	font-family: 'Roboto', sans-serif;}


@media only screen and (max-width: 1580px) {
.filtrInput{	padding: 7px 15px 7px 15px;	font-size: 1.1em;	width: 208px;}

}
@media only screen and (max-width: 1280px) {
.filtrInput{	padding: 7px 10px 7px 10px;	font-size: 1em;	width: 158px;}
.filtrBunka4{
	font-size: .9em;
	font-weight: bold;
	color: White;
	display: block;
	margin-bottom: 6px;
	width: 30%!important;
}
.filtrBunka4Name{
	font-size: .9em!important;
	font-weight: normal!important;
	color: White;
	display: block;
	margin-bottom: 6px;
}
#filtrHledat{	height: 58px;	padding: 17px 0px 17px 0px;	font-size: 1.1em; margin-top: 4px;}
}



#filtrOther .filtrBunka4{	display: block;	float: left;	width: 23%;	padding: 0px 3% 0px 0px;}
#filtrOther .filtrSubmit{	display: block;	float: left;	width: 22%;	padding: 0px 0px 0px 0px;	text-align: center;}
#filtrOther .filtrInput{	border: 1px solid White;	padding: 7px 15px 7px 15px;	background-color: White;	color: #013264;	font-size: 1.1em;	width: 198px;}

@media only screen and (max-width: 1040px) {
#filtrHome{	width: 94%;	left: 0%;	padding: 15px 3% 15px 3%;	position: relative;	bottom: 0px;	height: 172px;	margin-bottom: 15px;	margin-left: 0px;}
.filtrPadd{	padding: 0px 30px 0px 30px;}
}


@media only screen and (max-width:980px) {
   #filtrHledat{	width: 100%;	height: 62px;	text-transform: uppercase;	padding: 18px 0px 18px 0px;	font-size: 1.1em;	font-weight: bold;margin-top: 4px;}

	#filtrOther .filtrBunka4{	display: block;	float: left;	width: 23%;	padding: 0px 1% 0px 0px;}
	#filtrOther .filtrSubmit{	display: block;	float: left;	width: 28%;	padding: 0px 0px 0px 0px;	text-align: center;}
	#filtrOther .filtrInput, .filtrInput{	border: 1px solid White;	padding: 5px 3% 5px 3%;	background-color: White;	color: #013264;	font-size: .9em;	width: 94%;}
}

@media only screen and (max-width:740px) {
	#filtrHome{height: 126px;}

   #filtrHledat{	width: 100%;	height: 48px;	text-transform: uppercase;	padding: 14px 0px 14px 0px;	font-size: 1.1em;	font-weight: bold;margin-top: 2px;}
	.filtrPadd{	padding: 0px 14px 0px 14px;}
	
	#filtrOther .filtrBunka4{	display: block;	float: left;	width: 23%;	padding: 0px 1% 0px 0px;}
	#filtrOther .filtrSubmit{	display: block;	float: left;	width: 28%;	padding: 0px 0px 0px 0px;	text-align: center;}
	#filtrOther .filtrInput, .filtrInput{	border: 1px solid White;	padding: 5px 3% 4px 3%;	background-color: White;	color: #013264;	font-size: .8em;	width: 94%;}
}
@media only screen and (max-width:540px) {
#filtrHome{margin-top:40px;height: 126px;}
	#filtrHledat{	width: 100%;	height: 44px;	text-transform: uppercase;	padding: 12px 0px 12px 0px;	font-size: 1.1em;	font-weight: bold;margin-top: 2px;}
	.filtrPadd{	padding: 0px 10px 0px 10px;}
	
	#filtrOther .filtrBunka4{	display: block;	float: left;	width: 23%;	padding: 0px 1% 0px 0px;}
	#filtrOther .filtrSubmit{	display: block;	float: left;	width: 28%;	padding: 0px 0px 0px 0px;	text-align: center;}
	#filtrOther .filtrInput, .filtrInput{	border: 1px solid White;	padding: 5px 3% 4px 3%;	background-color: White;	color: #013264;	font-size: .7em;	width: 94%;}
}

@media only screen and (max-width:480px) {
	.hide480{
	display: none;
}
}

/*galerz meu*/

.DohledanePokoje {	text-align: center;	width: 100%;}

.DohledanePokojePokoj {	display: inline-block;	width: 30.3%;	margin: 1% 1.5% 1% 1.5%;	box-shadow: 0.3rem 0.4rem 0.4rem rgba(0, 0, 0, 0.4);	overflow: hidden;	position: relative;	height: 177px;}

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

.DohledanePokojePokoj  a img{	display: block;	width: 100%;	height: 100%;	object-fit: cover;	transition: transform 400ms ease-out;}
.DohledanePokojePokoj:hover  a img{	transform: scale(1.15);filter: grayscale(0%);}
.DohledanePokojePokojNazev{	display: block;	text-align: center;	padding: 4px 8px 4px 8px;	position: absolute;	bottom: 20px;	z-index: 100;	width: 100%;	text-transform: uppercase;	font-weight: bold;font-size: .8em;}
.DohledanePokojePokojLuzka{	display: block;	text-align: center;	padding: 4px 8px 4px 8px;	position: absolute;	bottom: 0px;	z-index: 100;	width: 100%;	text-transform: uppercase;	font-size: .7em;}
.DohledanePokojePokojCena{	display: block;	background: White;	text-align: center;	padding: 4px 8px 4px 8px;	position: absolute;	bottom: 44px;	z-index: 100;	width: 40%;	font-size: .7em;	right: 4px;}

.PokDeSel a img{	filter: grayscale(100%);}
.PokSel a img{	filter: grayscale(0%);}

.PokDeSel .DohledanePokojePokojCena{color: Black;}
.PokSel .DohledanePokojePokojCena{color: Red;}

.PokDeSel .DohledanePokojePokojNazev, .PokDeSel .DohledanePokojePokojLuzka{background: transparent url(../img/b75.png) repeat top;	}
.PokSel .DohledanePokojePokojNazev, .PokSel .DohledanePokojePokojLuzka{background: transparent url(../img/bn80.png) repeat top;	}



@media only screen and (max-width: 980px) {
.DohledanePokojePokoj {	width: 30%;	margin: 1% 1.5% 1% 1.5%;	}
}
@media only screen and (max-width: 720px) {
.DohledanePokojePokoj {	width: 47%;	margin: 1% 1.5% 1% 1.5%;	}
}
@media only screen and (max-width: 460px) {
.DohledanePokojePokoj {	width: 47%;height: 120px!important;}
.DohledanePokojePokojNazev{	padding: 4px 4px 8px 4px;	text-transform: uppercase;	font-weight: normal;	font-size: .8em;}
}




#orel{	background: transparent;	width: auto;	height: 100%;	position: fixed;	top: 0px;	left: 0px;	z-index: 800;	margin: 0px;	display: block;}
#orelHalf{	background: transparent;	width: auto;	height: 75%;	position: fixed;	top: 0px;	left: 0px;	z-index: 800;	margin: 0px;	display: block;}
#orel img, #orelHalf img{	width: auto;	height: 100%;}
#marge{	background: transparent;	width: auto;	height: 100%;	position: fixed;	top: 0px;	right: 0px;	z-index: 800;	margin: 0px;	display: block;}
#margeHalf{	background: transparent;	width: auto;	height: 100%;	position: fixed;	top: 0px;	right: 0px;	z-index: 800;	margin: 0px;	display: block;}
#marge img,#margeHalf img {	width: auto;	height: 100%;}

.dekorace{	display: block;}
.dekorace640{	display: none;}

@media only screen and (max-width: 1420px) {
	#orelHalf{	background: transparent;	width: auto;	height: 55%;	z-index: 800;	margin: 0px;	display: block;}
	#margeHalf{	background: transparent;	width: auto;	height: 100%;right: -3%;	z-index: 5000;	margin: 0px;	display: block;}
}
@media only screen and (max-width: 1280px) {
	#orelHalf{	background: transparent;	width: auto;	height: 40%;	z-index: 800;	margin: 0px;	display: block;}
	#margeHalf{display: none;}
	
}
@media only screen and (max-width: 1080px) {
	#orelHalf{	background: transparent;	width: auto;	height: 60%;	z-index: 800;	margin: 0px;	display: none;}
	/*#margeHalf{	background: transparent;	width: auto;	height: 100%;	z-index: 5000;	margin: 0px;	display: block;}*/
}
@media only screen and (max-width: 640px) {
	#orelHalf{	position: absolute;	width: auto;	height: 188px;	z-index: 800;	margin: 0px;	display: block;}
	/*#margeHalf{	position: absolute;background: transparent;	width: auto;	height: 228px;	z-index: 5000;	margin: 0px;	display: block;right: 0%;}*/
	.dekorace{	display: none;}
	.dekorace640{	display: block;}
}


#logo{	padding: 0;	height: auto;	width: 17.55%;	background: transparent;	margin: 0px;	position: fixed;		top: 2px;	left: 18%;	z-index: 810;}
#logo img{	width: 100%;	height: auto;margin: 0px 0px 0px 0px;}
#logomobile{display: none;}

#totemSloup{	padding: 0;	width: 1.56%;	background: transparent url(../img/eldorado-totem-sloup.png) repeat-y;	margin: 0px;	position: fixed;	top: 150px;	left: 26.1%;	bottom: 0px;	z-index: 790;	background-size: 100% auto;}

@media only screen and (max-width: 1280px) {
	#logo{	width: 21.06%;left: 15%;}
	#totemSloup{	display: none;}
	#totemSloup{		width: 1.87%;	left: 24.6%;}
}

@media only screen and (max-width: 1080px) {
	#logo{	width: 21.06%;left: 1.5%;}
	#totemSloup{		width: 1.87%;	left: 11.2%;}
}
@media only screen and (max-width: 900px) {
	#logo{	width: 210px;left: 10px;top: 15px;}
	#totemSloup{	display: none;}
}


#hlavicky{	position: fixed;	width: 100%;	height: 263px;	z-index: 250;	top: 0px;	left: 0px;	background: Blue;	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);}

#obalka{	position: absolute;	padding: 0;	height: auto;	margin-left: 0px;	left: 0%;	width: 100%;	/*z-index: 10;*/	top: 0px;	padding-top: 290px;}

#bgpruhbody{	background: transparent url(../img/bg-pruh-body.gif) repeat-x top;	width: 100%;	height: 159px;	position: absolute;	top: 300px;	left: 0px;	z-index: 5;	margin: 0px;	display: block;}

#bgzahlavi{	position: absolute;	padding: 0;	height: 100%;	width: 100%;	z-index: 10;	top: 0px;	background: transparent url(../img/bd-zahlavi.png) no-repeat top;  background-image: url(../img/bd-zahlavi.png);  background-repeat: no-repeat;  background-size: 100%; }

.definovanasirka{	margin: 0px 20% 0px 30%;	width: 50%;	height: auto;	position: relative;}
.definovanasirkacenter{	margin: 0px auto 0px auto;	width: 70%;	height: auto;	position: relative;}
.bgContent{	padding: 0px 29px 0px 29px;	position: relative;	z-index: 100;}
.obalkapadd{	padding: 25px 50px 25px 50px;}

.bgLaMenu{
	width: 100%;
	height: 73px;
	background-color: #d20003;
	background: #d20003 url(../img/menu2.gif) repeat-x top;
	position: relative;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	z-index: 210;
}


.fullwidthmenu{	background: #e8f0f8;	height: 73px;	width: 100%;	-webkit-box-shadow: 0px 5px 5px 0px rgba(68,68,68,.25);	-moz-box-shadow: 0px 5px 5px 0px rgba(68,68,68,.25);	box-shadow: 0px 5px 5px 0px rgba(68,68,68,.25);	position: relative;	z-index: 3000;}
.homeheadblok{	background-color: #eeeeee;	margin: 0px 0px 16px 0px;	height: auto;}

.bgContentBott{
	background: transparent;
	width: 65%;
	height: auto;
	position: relative;
	left: 0%;
}
.bgContentBott img{	width: 100%;	height: auto;}

@media only screen and (max-width: 1280px) {
#obalka{	margin-left: 0px;	left: 0;	width: 100%;top: 0px;}
.definovanasirka{
	width: 90%;
	margin: 0px auto 0px auto;
}
.definovanasirkacenter{	margin: 0px auto 0px auto;	width: 100%;	height: auto;	position: relative;}
}

@media only screen and (max-width: 1080px) {
#obalka{	margin-left: 0px;	left: 0;	width: 100%;top: 0px;}
/*.definovanasirka{	width: 80%;		margin: 0px auto 0px auto;	}*/
.definovanasirkacenter{	margin: 0px auto 0px auto;	width: 100%;	height: auto;	position: relative;}
}
@media only screen and (max-width: 900px) {
.bgContent{	padding: 0px 9px 0px 9px;	position: relative;	z-index: 100;}
/*.definovanasirka{	margin: 0px 20% 0px 0%;	width: 80%;	height: auto;	position: relative;}*/
#obalkapadd, .obalkapadd{	padding: 5px 6px 15px 6px;}
}

@media only screen and (max-width: 640px) {
#logo{	margin-left:-100px; height: auto;width: 200px;	position: absolute;	top: 6px;left: 50%;}
#hlavicky{	position: absolute;	height: 263px;}
#obalka{	margin-left: 0px;	left: 0;	width: 100%;top: 15px;}
.definovanasirka{	margin: 0px 0px 0px 0px;	width: 100%;	height: auto;	position: relative;}
#obalkapadd, .obalkapadd{	padding: 5px 6px 15px 6px;}
.bgContentBott{	width: 100%;}
}




#hlavickahorni{	width: 100%;	padding: 0px 0px 0px 0px;	height: 35px;	margin: 0px auto 0px auto;	background: #980002; 	color: White;	font-size: .8em;	border-bottom: 1px solid White;}
#zaklinka{	width: 200px;	right: 20%;	top: 3px;	position: absolute;	font-size: 26px;	font-family: 'Lobster', cursive;	}
.zaktel{	color: White;	background: transparent url(../img/hlavhor-mobil.png) no-repeat left;	padding-left: 25px;	font-size: .8em;	padding-top: 0px;}

#zakmail{	width: 255px;	left: 200px;	top: 8px;	position: absolute;	font-size: 18px;	}
.zakmail{	color: White;	background: transparent url(../img/hlavhor-email.png) no-repeat 0px 0px;	padding-left: 32px;	font-size: .8em;	padding-top: 1px;}
#zakmail a{	color: White;	text-decoration: none;}
#zakmail a:hover{	color: #fff02e;	text-decoration: none;}

#zakuser{	width: 200px;	right: 100px;	top: 6px;	position: absolute;	font-size: 18px;	}
a.zakuser{	color: White;	background: transparent url(../img/hlavhor-user.gif) no-repeat left;	font-size: .8em;	display: block;	padding: 2px 5px 2px 32px;	cursor: pointer;}


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

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

.hp01{	position: relative;}

.oddvyskaa{	clear: both;	height: 15px;}

#hlavickapozadi{	width: 100%;	background: transparent url(../img/bg-zahlavi.jpg);	background-size: cover;	background-position: center;	border-bottom: 1px solid White;}

#hlavickaspodni{	width: 100%;	padding: 0px 0px 0px 0px;	height: 163px;	margin: 0px auto 0px auto;	clear: both;	position: relative;}

a#rezervacebutton{
	position: absolute;
	display: block;
	background: transparent url(../img/rezervace-button.png) no-repeat 0 0px;
	width: 247px;
	height: 91px;
	text-indent: 300px;
	cursor: pointer;
	text-decoration: none;
	top: 34px;
	right: 25px;
	overflow: hidden;
}

a#rezervacebutton:hover{
	position: absolute;
	display: block;
	background: transparent url(../img/rezervace-button.png) no-repeat 0 -91px;
	width: 247px;
	height: 91px;
	text-indent: 300px;
	cursor: pointer;
}

@media only screen and (max-width: 480px) {
a#rezervacebutton{
	position: absolute;
	background: transparent url(../img/rezervace-button.png) no-repeat 0 0px;
	background-size: 122px 90px;
	width: 122px;
	height: 45px;
	text-decoration: none;
	top: 145px;
	right: 50%;
	overflow: hidden;
	margin-right: -61px;
	z-index: 50000000;
}

a#rezervacebutton:hover{


	background: transparent url(../img/rezervace-button.png) no-repeat 0 -45px;
	background-size: 122px 90px;
	width: 122px;
	height: 45px;

}
}

@media only screen and (max-width: 640px) {
	#hlavickaspodni{height: 190px;}
	#hlavickahorni{	height: 37px;}
	#zaklinka{	width: 240px;	left: 5px;	top: 7px;	font-size: 17px;	display: none;}
	.zaktel{	color: #db1b1b;	font-weight: 700;}
	#zaklinkahide640{	display: none;	float: left;	padding-right: 14px;}
	#zaklinkashow640{	display: block;	float: left;padding-right: 8px;}
	#kosiktext{	font-size: 15px;	padding-top: 6px;}
}
@media only screen and (max-width: 569px) {
	#hlavickaspodni{height: 190px;}

}



@media only screen and (max-width: 480px) {
	#zaklinka{	display: none;}
}




.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 #3456d2;	background: #3456d2;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;}
a.informacniblokodkaz:hover{	background-color: #4869e1;	color: White;}


#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;}

#blok {
	float: none;
	width: 100%;
	height: auto;
	color: Black;
	margin-right: 0%;
	background-color: Aqua;
}
#blokdokument {	height: auto;	color: Black;	margin-right: 25px;	margin-left: 1%;}


@media only screen and (max-width: 980px) {
#blok {	width: 98%;	margin-right: 1%;	margin-left: 1%;	float: none;}
#blokdokument {	height: auto;	color: Black;	margin-right: 25px;	margin-left: 25px;}
}
@media only screen and (max-width: 810px) {
#blok {	width: 98%;	margin-right: 1%;	margin-left: 1%;	float: none;}
#blokdokument {	height: auto;	color: Black;	margin-right: 25px;	margin-left: 25px;}
}

@media only screen and (max-width: 640px) {
#blok {	width: 100%;	margin-right: 0%;	margin-left: 0%;	float: none;}
#blokdokument {	height: auto;	color: Black;	margin-right: 25px;	margin-left: 25px;}
}

#rychla_navigace, .rychla_navigace{	color: White;	font-size: 13px;	text-align: left;	height: 50px;background-color: #3456d2;}
.rnpadd{	padding: 20px 15px 0px 38px;}

#rychla_navigace a.zakladni, .rychla_navigace a.zakladni, .a.zakladni{	color: White;	text-decoration: none;	padding: 11px 4px 9px 4px;}
#rychla_navigace a.zakladni:hover, .rychla_navigace a.zakladni:hover, .a.zakladni:hover{	text-decoration: underline;}

#rychla_navigace a.gohome, a.gohome{	color: White;	text-decoration: none;		cursor: pointer;	text-indent: 400px;	padding: 0px;	}
#rychla_navigace a.gohome:hover, a.gohome:hover{
	text-decoration: underline;
}

#rychla_navigace a.zvoleny, a.zvoleny{	color: White;	text-decoration: none;	padding: 11px 4px 9px 4px;	font-weight: bold;}
#rychla_navigace a.zvoleny:hover, a.zvoleny:hover{	text-decoration: underline;}

#rychla_navigace2, .rychla_navigace2{	color: White;	margin-top: 10px;	margin-bottom: 10px;}
#rychla_navigace2 a, .rychla_navigace2 a{	color: White;	text-decoration: underline;}
#rychla_navigace2 a:hover, .rychla_navigace2 a:hover{	color: #266396;	text-decoration: underline;}


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

/*  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;}


p,ul,li,a,img,h2,h3,h4,h5,table,tr,td,form,input,select{	margin: 0px;	padding: 0px;	border: none;}

.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;}

#status{	background-color: #e4e4e4;	color: #ec008c;	text-align: center;	margin: 10px 0px 10px 0px;	padding: 15px 15px 15px 15px;	font-size: 18px;}
.obchodnipodminkybox0{	border: 1px solid #b0b0b0;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;	width: 96%;	height: auto;	padding: 15px 1% 15px 1%;	margin: 10px auto 15px auto;}
.obchodnipodminkybox{	height: 150px;	overflow: auto;}

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;}


div#bloksuperiorhead{	height: 115px;	margin: 20px auto 10px auto;	text-align: center;}
div#bloksuperiorcontent{	background-color: #f7f6f4;	-webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px;	width: 704px;	margin: 5px auto 15px auto;	border: 1px solid #ededed;}
div#bloksuperiorcontentpadd{	padding: 15px 20px 15px 20px;}

@media only screen and (max-width: 790px) {
div#bloksuperior{	width: 96%;	height: auto;	background: White;	position: absolute;	left: 2%;	z-index: 250;	top: 10px;	margin-left: 0px;	-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: 90%;	height: auto;	display: block;	margin: 0px auto 5px auto;}
div#bloksuperiorcontent{	background-color: #f7f6f4;	-webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px;	width: 96%;	margin: 5px auto 15px auto;	border: 1px solid #ededed;}
div#bloksuperiorcontentpadd{	padding: 15px 8px 15px 8px;}
}

div#vystredsuperior{	text-align: center;	margin: 5px auto 15px auto;}
a#zpetdokosiku{	width: 122px;	overflow: hidden;	display: block;	margin: 5px auto 15px auto;	cursor: pointer;	text-align: center;	background-color: #6b6b6b;	color: White;	padding: 8px 12px 8px 12px;	text-decoration: none;}
a#zpetdokosiku:hover{	background-color: #062d67;}


.pokracovatobjednavka  {	color: White;	width: 180px; 	padding: 6px 0px 12px 0px;	cursor: pointer;	text-align: center;	font: normal 1.5em 'Open Sans', sans-serif;	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);background: #3456d2; }
.pokracovatobjednavka:hover  {background: #294bc5; }

#zpetdokosiku2  {	color: White;	width: 180px;	padding: 6px 0px 12px 0px;		cursor: pointer;	text-align: center;	font: normal 1.5em 'Open Sans', sans-serif;	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);	background: #3456d2; /* Old browsers */	text-decoration: none;	display: block;	margin-top:-14px;}
#zpetdokosiku2:hover  {background: #294bc5; }

@media only screen and (max-width: 680px) {
.pokracovatobjednavka  {	width: 140px; 	padding: 6px 0px 12px 0px;		cursor: pointer;	text-align: center;	font: normal 1.4em 'Open Sans', sans-serif; }
#zpetdokosiku2  {	width: 140px;	padding: 6px 0px 12px 0px;		font: normal 1.4em 'Open Sans', sans-serif;	margin-top:-14px;}
}


.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;}


.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: 'Open Sans', sans-serif;	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;}


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;
	text-align: justify;
}
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: #a91113;}
div.dokumentcontent a:hover{	text-decoration: underline;	color: #a91113;}

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;}

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



#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---------*/


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

.homenadpis{	font-size: 1.3em;	text-align: center;	font-weight: bold;	color: #464646;	margin: 20px 20px 20px 20px;}
.homenadpisclener{	height: 3px;	width: 15%;	margin: 0px auto 20px auto;	background-color: #2e8301;	clear: both;}
.homedoplnkovytext{	font-style: italic;	color: #5d5d5d;	text-align: center;}



/*------Footer-------*/
#footerII{	padding: 0px;	z-index: 150;	width: 100%;	height: 50px;	text-align: center;	padding-top: 50px;	background: transparent url(../img/bg-logo.png) repeat top;}
#footerII p{	color: White;	margin: 0px auto 5px auto;	font-size: 14px;}
#footerII a{	color: #205306;	text-decoration: none;}
#footerII a{	color: #205306;	text-decoration: underline;}


#footer{
	padding: 0px;
	z-index: 50050;
	width: 100%;
	height: 452px;
	background-color: #031d3f;
	background: #031d3f url(../img/bg-footer.jpg);
	background-size: cover;
	background-position: center;
	border-top: 5px solid White;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	position: relative;
}
.footerblok{	float: left;	height: 350px;}

.fb1{	width: 25%;	text-align: left;	margin-top: 33px;}
.fb2{	width: 25%;	border-left: 1px solid #d2a4a4;	color: White;margin-top: 33px;}
.fb3{	width: 24%;	float: left;border-left: 1px solid #d2a4a4;margin-top: 33px;}
.fb4{	width: 25%;	float: left;}
.cleanerfzasek{
	display: none;
}


.fb1info{	text-align: left;	margin: 5px 0px 0px 0px;	color: White;	font-size: 14px;	padding: 2px 0px 12px 28px;}
.fb1info a{	color: #fcfefb;	text-decoration: none;}
.fb1info a:hover{	color: White;	text-decoration: underline;}

.fb1tel{	background: transparent url(../img/fo-mobil.gif) no-repeat top left;	font-weight: bold;}
.fb1mail{	background: transparent url(../img/fo-email.gif) no-repeat top left;font-weight: bold;}
.fb1adress{	background: transparent url(../img/fo-misto.gif) no-repeat top left;}

.fooblokco2{	margin: 0px;	padding: 0px 10px 10px 20px;	text-align: left;}

.fb2newsmailinfo{	font-size: 14px;font-weight: bold;}
.fb2newsmailinfo2{	padding: 0px 0px 2px 0px;	margin: 0px;}

.fb2formpodmin{	color: White;	font-size: 12px;}

.fb2newsMailovka{	border: 0px solid White;	background-color: White;	color: #515151;	padding: 10px 4% 10px 4%;	width: 88%;	margin-bottom: 12px;}
.fb2newsMailovka:hover{	border: 0px solid #8f3737;	background-color: #f7ebec;	color: Black;}


#OdesliNewsLetter{
	text-align: center;
	width: 90%;
	display: block;
	margin: 0px 5% 10px 5%;
	border: 0px none White;
	background-color: #ca4848;
	color: #f6efef;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	padding: 8px 0px 8px 0px;
	cursor: pointer;
}
#OdesliNewsLetter:hover{
	background-color: #bf3a3a;
	color: #ffffff;
}
#OdesliNewsLetter:disabled {
	background: #9a3e3f;
	color: #b66162;
	cursor: wait;
	text-decoration: line-through;
}



.newsletterSouhlCheck{	display: block;	float: left;	width: 10%;}
span.newsletterSouhlas{	padding-left: 10%;	display: block;	color: White;	font-size: 12px;	width: 85%;}

.fooblokco3{	margin: 0px;	padding: 0px 10px 10px 10px;	text-align: left;}

.fb3social{	padding-top: 25px;}
.fb3socialic{	display: inline-block;	width: 44px;	height: 44px;	cursor: pointer;	margin: 0px 15px 6px 0px;}
.fb3socialic:hover{	filter:saturate(1.6);}

.fb3facebook{	background: transparent url(../img/fo-facebook.png);}
.fb3instagram{	background: transparent url(../img/fo-instagram.png);}
.fb3youtube{	background: transparent url(../img/fo-youtube.png);}

.fb4fooTitle{	background-color: #00050a;	color: White;	padding: 20px 15px 4px 15px;	font-size: 28px;	margin: 0px;	font-family: 'Lobster', cursive;}
.fb4fooTitle a{	color: White;	text-decoration: none;}
.fb4fooTitle a:hover{	color: #f4e6e6;	text-decoration: none;}


.fb4foocont{	background-color: #07274e;	display: block;	margin: 0px;	padding: 15px;	color: White;	font-size: 15px;	position: relative;	height: 206px;}
.fb4foocont a{	color: White;	text-decoration: none;	position: absolute;	bottom: 15px;	right: 15px;}
.fb4foocont a:hover{	color: White;	text-decoration: underline;}

p.footerTitle{	text-align: left;	margin: 0px 0px 28px 0px;	color: #d9c6c2;	font-size: 22px;	font-weight: bold;		font-family: 'Lobster', cursive;}


#footerbhomanslogan{	margin: 0px;	padding: 20px 15px 10px 15px;	color: White;	text-align: left;}
#footerlogobohman{	margin: 0px;	padding: 30px 15px 10px 15px;	color: White;	text-align: left;}
#footerlogobohman img{	width: 50%;	height: auto;	margin: 0px 0px 0px 0px;}

#footer ul, #footer li{	padding: 0px;	margin: 0px;	text-align: left;	list-style: none inside none;	color: White;}
#footer ul{	margin: 5px 0px 5px 0px;}
#footer li{	margin: 2px 0px 12px 0px;}
#footer .fooblokco3 li a{	font-size: 14px;	color: #fcfefb;	padding: 4px 5px 4px 18px;	text-decoration: none;	text-transform: uppercase;	font-weight: bold;}
#footer .fooblokco3 li a:hover, #footer li a:focus{	color: #ffffff;	text-decoration: underline;}

.homenadpisclener{	height: 3px;	width: 15%;	margin: 0px auto 20px auto;	background-color: #2a68b1;	clear: both;}

.socialnisite1{	text-align: center;	margin: 5px 0px 0px 0px;	height: 50px;	margin-bottom: 20px;}
.socialnisite1 a.soccsite{	width: 47px;	margin: 0px 7px 0px 7px;	display: inline-table;	height: 47px;	opacity: .9;	background-color: Blue;	text-decoration: none;}
.socialnisite1 a.soccsite:hover{	opacity:1;}

.socialnisite1 a.facebook{	background: transparent url(../img/soc-facebook.png) no-repeat;}
.socialnisite1 a.twiter{	background: transparent url(../img/soc-twiter.png) no-repeat;}
.socialnisite1 a.youtube{	background: transparent url(../img/soc-youtube.png) no-repeat;}
.socialnisite1 a.linkedin{	background: transparent url(../img/soc-linkedin.png) no-repeat;}
.socialnisite1 a.google{	background: transparent url(../img/soc-google.png) no-repeat;}
.socialnisite1 a.insta{	background: transparent url(../img/soc-instagman.png) no-repeat;}
@media only screen and (max-width: 1040px) {
	.fb1{	width: 24%;	text-align: left;	margin-top: 33px;	margin-left: 2%;	}
	.fb2{	width: 25%;	border-left: 1px solid #d2a4a4;	color: White;margin-top: 33px;}
	.fb3{	width: 23%;	float: left;border-left: 1px solid #d2a4a4;margin-top: 33px;}
	.fb4{	width: 25%;	float: left;}
	.fb4fooTitle{	padding: 36px 15px 0px 15px;	font-size: 38px;		margin: 0px;}
}
@media only screen and (max-width: 920px) {
.fb4fooTitle{	padding: 45px 15px 0px 15px;	font-size: 32px;		margin: 0px;}
}
@media only screen and (max-width: 800px) {
.fb4fooTitle{	padding: 54px 15px 0px 15px;	font-size: 26px;		margin: 0px;}
}

@media only screen and (max-width: 768px) {
	.cleanerfzasek{	display: block;	width: 100%;	float: none;	clear: both;	height: 15px;}
	
	.footerblok{	float: left;	height: 350px;}
	.fb1{	width: 32%;		margin-top: 33px;	margin-left: 2%;}
	.fb2{	width: 31%;	border-left: 1px solid #d2a4a4;	color: White;margin-top: 33px;}
	.fb3{	width: 28%;	float: left;border-left: 1px solid #d2a4a4;margin-top: 33px;}
	.fb4{	width: 100%;	float: none;	margin: 0px 0% 0px 0%;height: auto;}
	.fb4fooTitle{	padding: 15px 15px 15px 15px;	font-size: 32px;		margin: 0px;}
	.fb4foocont{	background-color: #9f9f9f;	display: block;	margin: 0px;	padding: 15px;	color: White;	font-size: 15px;	position: relative;	height: 50px;}
	.fb4foocont a{	color: White;	text-decoration: none;	position: absolute;	bottom: 15px;	right: 15px;}
	.fb4foocont a:hover{	color: White;	text-decoration: underline;}
	#footer{	height: auto;}
	.fb4fooTitle{	background-color: transparent;}
}
@media only screen and (max-width: 568px) {
	.fb2{	display: none;}
	.fb1{	width: 48%;		margin-top: 33px;	margin-left: 2%;}
	.fb3{	width: 49%;	float: left;border-left: 1px solid #d2a4a4;margin-top: 33px;}
}


@media only screen and (max-width: 380px) {
	.fb1, .fb2, .fb3, .fb4{
	width: 100%;
	float: none;
	clear: both;
	height: auto;
	text-align: center;
	margin-left: 0%;
	border-left: 0px none #d2a4a4;
}
	#footer ul, #footer li{	text-align: center;	}
	.fb1info{	text-align: center;	padding: 2px 0px 8px 0px;}
	.fb1tel,.fb1mail,.fb1adress{	background-image: none;}
p.footerTitle{
	text-align: center;
	margin: 0px 0px 15px 0px;
	color: #d9c6c2;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 15px;
}
.fb3social{	padding-top: 25px;text-align: center;}
.fb3socialic{	display: inline-block;	width: 44px;	height: 44px;	cursor: pointer;	margin: 0px 6px 6px 6px;}
.fb3socialic:hover{	filter:saturate(1.6);}
.fb4foocont a{
	text-decoration: none;
	position: static;
	bottom: 0px;
	right: 0px;
	display: block;
	margin: 0px auto 5px auto;
	padding-top: 10px;
}

}

/* kosik a objednavky*/
ul#objeheader{	display: block;	width: 100%;	list-style: none inside none;	margin: 0px 0px 0px 0px;	padding: 0px;	height: 62px;}
ul#objeheader li{	width: 24.6%;	margin: 0px .4% 0px 0px;	background-color: #eeeeee;	position: relative;	text-align: center;	text-transform: uppercase;	color: #9d9d9d;	font-weight: bold;		padding: 11px 0px 11px 0px;	float: left;}
ul#objeheader li.objeheaderLiLast{	width: 25%;	margin: 0px 0% 0px 0px;}
ul#objeheader li.active{	background-color: #ca4848;	color: #ffffff;}

span.objeheaderCont{	font-size: 14px;font-weight: bold;}

span.objeheaderNbr{	font-size: 22px;font-weight: bold;	position: absolute;	left: 20px;top: 7px;color: #c8c8c8;}
ul#objeheader li.active span.objeheaderNbr{	color: #e7b2ac;}

#kosikSumar{	width: 100%;	position: relative;	margin: 0px 0px 18px 0px;	height: 122px;}
#kosikSumarVoucher{	width: 254px;	position: absolute;	right: 265px;	top: 0px;	height: 122px;	border: 1px solid #eeeeee;}
#kosikSumarVoucherTitle{	color: #4a4a4a;	text-transform: uppercase;	font-weight: bold;	font-size: 16px;	padding: 15px 0px 0px 0px;	width: 176px;	margin: 0px auto 0px auto;}

#kosikSumarSuma{	width: 260px;	position: absolute;	right: 0px;	top: 0px;}
#kosikSumarSumaTop{	border-left: 1px solid #eeeeee;	border-top: 1px solid #eeeeee;	border-right: 1px solid #eeeeee;	width: 258px;}
#kosikSumarSumaTitle{	color: #c64947;	text-transform: uppercase;	font-weight: bold;	font-size: 16px;	padding: 12px 0px 8px 17px;	margin: 0px;}

#kosikSumarVoucherKod{	width: 180px;	margin: 0px auto 7px auto;}
#SlevovyKod{	width: 164px;	margin: 0px auto 0px auto;	border: 1px solid #eeeeee;	padding: 6px 7px 6px 7px;	color: #2a2a2a;	text-transform: uppercase;	font-size: 11px;	font-family: Arial;}
#SlevovyKod:hover{	border: 1px solid #ca4848;	color: Black;}

#kosikSumarVoucherButt{	width: 178px;	margin: 0px auto 0px auto;	display: block;	color: White;	background-color: #4a4a4a;	text-align: center;	padding: 13px 0px 13px 0px;	font-weight: bold;	font-size: 16px;	cursor: pointer;	text-transform: uppercase;}
#kosikSumarVoucherButt:hover{	background-color: #323232;}


#kosikSumarSumaMezi{	color: #4a4a4a;	font-size: 12px;	padding: 14px 0px 8px 13px;}
.kSSZahl{	display: block;	float: left;	width: 135px;}

#kosikSumarSumaFin{	display: block;	background-color: #4a4a4a;	color: White;	padding: 13px 18px 13px 18px;	font-weight: bold;	font-size: 16px;}


@media only screen and (max-width: 1040px) {
span.objeheaderNbr{	display: none;}
}


/*galerz meu*/

.gallerymenu {	text-align: center;	width: 100%;}

.gallerymenu-item {	display: inline-block;	width: 30.3%;	margin: 1% 1.5% 1% 1.5%;	box-shadow: 0.3rem 0.4rem 0.4rem rgba(0, 0, 0, 0.4);	overflow: hidden;	position: relative;	height: 157px;}

.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/bn80.png) repeat top;	text-align: center;	padding: 8px 8px 8px 8px;	position: absolute;	bottom: 0px;	z-index: 100;	width: 100%;	text-transform: uppercase;	font-weight: bold;}

@media only screen and (max-width: 980px) {
.gallerymenu-item {	width: 30%;	margin: 1% 1.5% 1% 1.5%;	}
}
@media only screen and (max-width: 720px) {
.gallerymenu-item {	width: 47%;	margin: 1% 1.5% 1% 1.5%;	}
}
@media only screen and (max-width: 460px) {
.gallerymenu-text{
	padding: 8px 4px 8px 4px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: .8em;
}
}

.bobkontakt{	text-align: center;	margin: 5px 0px 0px 0px;	height: 80px;	margin-bottom: 15px;	display: block;}
a.jabob{	width: 79px;	margin: 0px 7px 0px 7px;	display: inline-table;	height: 80px;	opacity: .9;	background-color: Blue;	text-decoration: none;	background: transparent url(../img/bob-erb.png) no-repeat;}
a.jabob:hover{opacity: 1;}

.bobmail{	width: 189px;	display: inline-table;	margin: 0px 7px 0px 7px;	text-align: center;	height: 40px;}
.bobtel{	width: 189px;	display: inline-table;	margin: 0px 7px 0px 7px;	text-align: center;	height: 40px;}

.bobmail p, .bobtel p{	/*margin-top: 30px;*/	text-align: center;}

.smallhide640{	font-size: 13px;	}

@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;}}

.vyska15{	height: 15px;}
.vyska25{	height: 25px;}
.vyska40{	height: 40px;}
.vyska50{	height: 50px;}

.r2{		-webkit-border-radius: 2px;	-moz-border-radius: 2px;	border-radius: 2px;}
.r4{		-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;}
.r50{		-webkit-border-radius: 50%;	-moz-border-radius: 50%;	border-radius: 50%;}

.bgligrablu{	background-color: #e7eaf5;}

.bgligragradi{	

background: #ba2224;
background: -moz-linear-gradient(top,  #ba2224 0%, #e44c4e 100%); 
background: -webkit-linear-gradient(top,  #ba2224 0%,#e44c4e 100%); 
background: linear-gradient(to bottom,  #ba2224 0%,#e44c4e 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba2224', endColorstr='#e44c4e',GradientType=0 ); 


}


#homeTop{	position: relative;}

#homeTopLogo{	position: absolute;	top: 50px;	height: 98px;	width: 275px;	background: transparent;	z-index: 100;	left: 21%;}
#homeTopLogo img{	width: auto;	height: 100%;margin: 0px 0px 0px 0px;}

#homeTopTitle{	position: absolute;	top: 180px;	height: auto;	width: 800px;	background: transparent;	z-index: 100;	left: 18%;	color: White;	font-family: 'Kaushan Script', cursive;	font-size: 70px;	text-shadow: 0px 0px 5px #064253;}
#homeTopDescription{	position: absolute;	top: 310px;	height: auto;	width: 475px;	background: transparent;	z-index: 100;	left: 19%;	color: White;	text-shadow: 0px 0px 5px #064253;	font-size: 1.3em;	font-weight: bold;}

@media only screen and (max-width: 1700px) {
#homeTopLogo{	top: 30px;	height: 98px;	width: 275px;left: 18%;}
#homeTopTitle{		top: 160px;	width: 800px;		left: 15%;		font-size: 70px;}
#homeTopDescription{	top: 290px;	width: 475px;		left: 16%;	font-size: 1.3em;}
}

@media only screen and (max-width: 1500px) {
#homeTopLogo{	top: 15px;	height: 98px;	width: 275px;left: 13%;}
#homeTopTitle{		top: 115px;	width: 800px;		left: 10%;		font-size: 70px;}
#homeTopDescription{	top: 235px;	width: 475px;		left: 11%;	font-size: 1.3em;}
}
@media only screen and (max-width: 1280px) {
#homeTopLogo{	top: 10px;	height: 98px;	width: 275px;left: 6%;}
#homeTopTitle{		top: 110px;	width: 800px;		left: 4%;		font-size: 55px;}
#homeTopDescription{	top: 220px;	width: 475px;		left: 5%;	font-size: 1.2em;}
}
@media only screen and (max-width: 1040px) {
#homeTopLogo{	top: 10px;	height: 98px;	width: 275px;left: 3%;}
#homeTopTitle{		top: 110px;	width: 70%;		left: 3%;		font-size: 42px;}
#homeTopDescription{	top: 190px;	width: 40%;		left: 4%;	font-size: 1.15em;}
}

@media only screen and (max-width: 900px) {
#homeTopLogo{	top: 10px;	height: 98px;	width: 275px;left: 3%;}
#homeTopTitle{		top: 110px;	width: 70%;		left: 3%;		font-size: 32px;}
#homeTopDescription{	top: 190px;	width: 40%;		left: 4%;	font-size: 1em;}
}
@media only screen and (max-width: 736px) {
#homeTopLogo{	top: 10px;	height: 84px;	width: 235px;left: 3%;}
#homeTopTitle{		top: 97px;	width: 70%;		left: 3%;		font-size: 24px;}
#homeTopDescription{	top: 135px;	width: 40%;		left: 4%;	font-size: .9em;}
}
@media only screen and (max-width: 640px) {
#homeTopLogo{	top: 10px;	height: 84px;	width: 235px;left: 3%;}
#homeTopTitle{		bottom: 25px;	top: auto;width: 70%;		left: 3%;		font-size: 24px;}
#homeTopDescription{	display: none;}
}
@media only screen and (max-width: 480px) {
#homeTopLogo{	top: 0px;	height: 84px;	width: 235px;left: 1%;}
#homeTopTitle{		bottom: 10px;	top: auto;width: 90%;		left: 1%;		font-size: 20px;}
#homeTopDescription{	display: none;}
}


.contentText{	font-size: 1em;	color: #092735;}
.contentText a{	color: #ff7800;	text-decoration: none;}
.contentText a:hover{	color: #ff7800;	text-decoration: underline;}

a.googlemapsicon{
	cursor: pointer;
	display: inline-block;
	width: 103px;
	height: 27px;
	background: transparent url(../img/google-maps.gif) no-repeat top;
	oapcity: .9;
	vertical-align: middle;
}
a.googlemapsicon:hover{	oapcity: 1;}

.ObsaRadek{
	height: auto;
	background-color: #e7eef2;
	padding: 5px;
	margin: 0px 0px 3px 0px;
}
.ObsaRadekName{
	position: relative;
	font-size: 13px;
	font-weight: bold;
	text-transform: lowercase;
	width: 110px;
	display: block;
	float: left;
	padding-top: 10px;
}

.denObsa{
	opacity: 1;
	display: block;
	position: relative;
	width: 24px;
	height: 34px;
	margin: 0px 1px 3px 1px;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	overflow: hidden;
	text-decoration: none;
	float: left;
}
/*.denObsa:hover{opacity:1;-webkit-box-shadow: 0px 0px 3px 0px rgba(8,175,0,1);-moz-box-shadow: 0px 0px 3px 0px rgba(8,175,0,1);box-shadow: 0px 0px 3px 0px rgba(8,175,0,1);}*/

.denObsaJmDen{	display: block;	background-color: #9e9e9e;	color: White;	font-size: 9px;	text-align: center;	padding: 0px;}

.denObsaCont{	position: relative;	width: 24px;	height: 24px;border-radius: 0px 0px 4px 4px;	-moz-border-radius: 0px 0px 4px 4px;	-webkit-border-radius: 0px 0px 4px 4px;	}

.denVolny{	background: url(../obsluha/images/den-volny.gif);}
.denVolnyObsa{	background: url(../obsluha/images/den-obsazeny-start.gif);}
.denVolnyReze{	background: url(../obsluha/images/den-reyervovany-start.gif);}
.denVolnyMaji{	background: url(../obsluha/images/den-volny-majitel.gif);}

.denObsaz{	background: url(../obsluha/images/den-obsazeny-full.gif);}
.denObsazVolny{	background: url(../obsluha/images/den-obsazeny-konec.gif);}
.denObsazReze{	background: url(../obsluha/images/den-obsazeny-konec-rezervovany.gif);}
.denObsazMaji{	background: url(../obsluha/images/den-obsazeny-majitel.gif);}

.denReze{	background: url(../obsluha/images/den-reyervovany-full.gif);}
.denRezeVolny{	background: url(../obsluha/images/den-reyervovany-konec.gif);}
.denRezeObsa{	background: url(../obsluha/images/den-obsazeny-start-rezervovany.gif);}
.denRezeMaji{	background: url(../obsluha/images/den-reyervovany-majitel.gif);}

.denMaji{	background: url(../obsluha/images/den-majitel-full.gif);}
.denMajiVolny{	background: url(../obsluha/images/den-majitel-volno.gif);}
.denMajiObsa{	background: url(../obsluha/images/den-majitel-obsazeno.gif);}
.denMajiReze{	background: url(../obsluha/images/den-majitel-rezervace.gif);}


.denObsaNbr{
	display: block;
	color: #303030;
	font-size: 10px;
	text-align: center;
	font-weight: normal;
	padding: 2px 0px 0px 0px;
	background-color: White;
	width: 16px;
	height: 14px;
	position: absolute;
	top: 4px;
	left: 4px;
}

.denObsaMesic{	display: block;	color: #454545;background-color: #9e9e9e;	font-size: 9px;	text-align: center;}

.obsaStetec{padding: 6px 0px 6px 0px;	display: block;	float: left;	width: 80px;	font-size: 15px;	font-weight: bold;}

a.obsaStetecButt{
	display: block;
	float: left;
	width: 130px;
	margin: 0px 5px 8px 5px;
	padding: 6px 0px 6px 0px;
	text-align: center;
	opacity: .5;
	cursor: pointer;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	color: White;border-radius: 4px 4px 4px 4px;	-moz-border-radius: 4px 4px 4px 4px;	-webkit-border-radius: 4px 4px 4px 4px;
	border: 2px solid #ffffff;
}
a.obsaStetecButt:hover{	opacity:1;}

a.obStBuSel{	opacity: 1;	border: 2px solid #000000;}



#kalendar {	position: absolute;	z-index: 50000;	top: -50px;	left: 50%;margin-left: -150px;	display: none;	padding: 0px;	background-color: White;	border: 1px solid #980002;	border-right: 1px solid #980002;	border-bottom: 1px solid #980002;		-moz-box-shadow: 0 0 4px #841516;	-webkit-box-shadow: 0 0 4px #841516;	box-shadow: 0px 0px 4px #841516; }
#kalendar2 {position: absolute; z-index: 50000; top: -50px; left: 450px; display: none; padding: 0px;	background-color: White;	border: 1px solid #980002;	border-right: 1px solid #980002;	border-bottom: 1px solid #980002;		-moz-box-shadow: 0 0 4px #841516;	-webkit-box-shadow: 0 0 4px #841516;	box-shadow: 0px 0px 4px #841516; }
#kalendar3 {
	position: absolute;
	z-index: 500000;
	top: 490px;
	left: 100%;
	display: none;
	padding: 10px;
	background-color: White;
	border: 1px solid #014f70;
	border-right: 1px solid #014f70;
	border-bottom: 1px solid #014f70;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 4px #014f70;
	-webkit-box-shadow: 0 0 4px #014f70;
	box-shadow: 0px 0px 4px #014f70;
	margin-left: -450px;
}
table.tabulkakalendar{	font: 13px Trebuchet MS;-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;	 border-collapse: collapse;}
table.tabulkakalendar img{	cursor: pointer;opacity:.85;border: 1px solid #980002;}
table.tabulkakalendar img:hover{	cursor: pointer;	opacity: 1;	border: 1px solid White;border-radius: 50%;}

table.tabulkakalendar thead{
	background-color: #980002;
}

table.tabulkakalendar td {	font-size: 15px;	padding: 13px 9px 13px 9px;	text-align: center;}
table.tabulkakalendar th{	color: white;	background-color: #980002;	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%;}



table.cenik{	font: 13px Trebuchet MS;-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;	 border-collapse: collapse;}
table.cenik th{
	background-color: #eaeaea;
	font-weight: bold;
	padding: 7px 9px 7px 9px;
	color: Black;
}
table.cenik td{
	background-color: #fafafa;
	font-weight: normal;
	padding: 7px 9px 7px 9px;
}
table.cenik td.cena{
	text-align: center;
}
table.cenik th.termin{
	text-align: left;
}