html, body {	font-family: Trebuchet MS, sans-serif;	font: 14px;	zoom: 100%;}
body {
	margin: 0;
	padding: 0;
	background: #ffffff; /*url(../img/bg.jpg) repeat-x top*/
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm){ /* opera + google chrome */
	html, body{zoom: 0.9;}
}

#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%; }
#obalka{	position: absolute;	padding: 0;	height: auto;	margin-left: 0px;	left: 0%;	width: 100%;	z-index: 10;	top: 0px; }
.definovanasirka{	margin: 0px auto 0px auto;	width: 1040px;	height: auto;	position: relative;}

.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;	position: relative;}

#vlajky{	position: absolute;	width: 122px;	height: 19px;	top: 19px;	text-align: center;	right: 60px;	}
#vlajky2{	position: absolute;	top: 70px;	right: 90px;	z-index: 209;	width: 122px;	height: 19px;	text-align: center;}
#vlajky a, #vlajky2 a{	display: inline-block;	width: 29px;	height: 19px;	margin: 0px 4px 0px 4px;	padding: 0px;}
a#flaCZ{	background: transparent url(../img/fl-cz.gif) no-repeat top;}
a#flaEN{	background: transparent url(../img/fl-en.gif) no-repeat top;}
a#flaDE{	background: transparent url(../img/fl-de.gif) no-repeat top;}
a#flaPL{	background: transparent url(../img/fl-pl.gif) no-repeat top;}


#obalkapadd, .obalkapadd{	padding: 5px 0px 15px 0px;}

@media only screen and (max-width: 1040px) {
#obalka{	margin-left: 0px;	left: 0;	width: 100%;top: 0px;}
.definovanasirka{	width: 100%;	}
#obalkapadd, .obalkapadd{	padding: 5px 15px 15px 15px;}
#vlajky{	position: absolute;	width: 80px;	height: 19px;	top: 10px;	text-align: center;	right: 10px;	}
#vlajky2{	position: absolute;	top: 10px;	right: 10px;	z-index: 209;	width: 80px;	height: 11px;	text-align: center;}
#vlajky a, #vlajky2 a{	display: inline-block;	width: 15px;	height: 10px;	margin: 0px 4px 0px 4px;	padding: 0px; background-size: 15px 10px;}
}



@media only screen and (max-width: 640px) {
#obalkapadd, .obalkapadd{	padding: 5px 6px 15px 6px;}
#vlajky a, #vlajky2 a{	display: inline-block;	width: 15px;	height: 10px;	margin: 0px 4px 0px 4px;	padding: 0px;}
}


#hlavickahorni{	width: 100%;	padding: 0px 0px 0px 0px;	height: 35px;	margin: 0px auto 0px auto;	background: #137099; /*background: #013264;	*/	color: #White;	font-size: .8em;	z-index: 110;	position: fixed;	top: 0px;	left: 0px;}
#zaklinka{	width: 180px;	left: 15px;	top: 8px;	position: absolute;	font-size: 18px;	}
.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;}



#kosik{right: 10px;	top: 2px;	padding: 0;	width: 170px;	position: absolute;	font-size: 16px;	}
.zakbasket{	color: White;	font-size: .8em;	padding-top: 2px;	position: absolute;	top: 4px;	left: 30px;}
.PKbasket{	display: inline-block;	float: left;	background-color: #ca4848;	color: White;	font-weight: bold;	padding: 2px 4px 2px 4px;	vertical-align: middle;	margin-right: 7px;}

a#basket {	width: 127px;	height: 23px;	display: block;	background: transparent url(../img/hlavhor-kosik.gif) no-repeat left;	position: relative;	top: 0px;}



@media only screen and (max-width: 900px) {
#zakmail{	display: none;}
#kosik{right: 10px;	top: 2px;	padding: 0;	width: 110px;	position: absolute;	font-size: 16px;	}
}

#kosiktext{	margin-top: 12px;	color: White;	font-size: 17px;	margin-left: 10px;}
.kosiktexty{	display: block;color: White;}
.kosikkusy{	margin-top:12px;	display: block;	color: #2a68b1;}

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

#searcharray{	height: 30px;	width: 206px;	right: 15px;	top: 49px;	position: absolute;	background: transparent;}
#searcharray2{	height: 30px;	width: 206px;right: 45px;	top: 109px;	position: absolute;	background: transparent;	z-index: 150;}
#search-header{	background: #ffffff;border: 1px solid #9d9d9d;border-radius: 15px 15px 15px 15px;-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;height: 30px;width: 206px;	position: relative;	text-align: left;	right: 0px;	top: 0px;}
#search-header input.search-form_it{	width: 186px;	border: none;	box-shadow: none;	margin: 0;	padding: 5px 12px;	font-size: 14px;	color: #2b4660!important;	font-family: 'Nunito Sans', sans-serif;	float: left;	position: absolute;	left: 0px;	top: 0px;	background: transparent;}
#search-header button#search-form_is{
	margin-bottom: 0;
	position: absolute;
	right: 10px;
	top: 8px;
	background: none;
	border: none;
	box-shadow: none;
	cursor: pointer;
	opacity: .75;
	background-color: transparent;
	background-image: url(../img/lupa-mini.png);
	height: 15px;
	width: 15px;
	background-repeat: no-repeat;
	background-position: center;
}
#search-header button#search-form_is:hover{color:#000;}
#searchform input{vertical-align:top;}
#searchform #s{width:100%;height:38px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

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

#horniposun{	width: 100%;	position: relative;	height: 35px;}

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

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

#logo{	padding: 0;	height: 98px;	width: 275px;	background: transparent;	margin: 0px;	position: absolute;	top: 8px;	left: -2px;}
#logo img{	width: auto;	height: 100%;margin: 0px 0px 0px 0px;}
#logomobile{display: none;}


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

#headmenu{	margin: 40px 0px 0px 0px;	padding: 0px 0px 0px 0px;	width: 450px;	float: left;}
#headmenu ul, #headmenu li{	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;	list-style: none inside none;	display: inline;}
#headmenu ul li a {	margin: 0px 0px 0px 0px;	padding: 15px 14px 15px 14px;	text-decoration: none;	color: White;	font-size: 17px;	cursor: pointer;}
#headmenu ul li a:hover {	background-color: #2e8301;}

@media only screen and (max-width: 1040px) {
	#logo{	margin: 0px auto 0px 20px;	}
}
@media only screen and (max-width: 768px) {
	#hlavickaspodni{	height: 150px;	}
	#searcharray{top: 37px;	}
}



@media only screen and (max-width: 640px) {
	#hlavickaspodni{height: 150px;}
	#hlavickahorni{	height: 37px;}
	#zaklinka{	width: 240px;	left: 5px;	top: 7px;		font-size: 17px;	}
	.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;}
   #logo{	margin-left:-123px; height: 88px;width: 246px;	position: absolute;	top: 6px;left: 51%;}
	#searcharray{top: 85px;	left: 50%; margin-left:-103px;}
}

@media only screen and (max-width: 540px) {
#searcharray2{
	height: 30px;
	width: 206px;
	left: 50%;
	/*bottom: -28px;*/
	position: relative;
	background: transparent;
	z-index: 10;
	margin-left: -103px;
	top: 18px;
}

}

@media only screen and (max-width: 480px) {
	#zaklinka{	display: none;}
	#logo{	height: 60px;	width: 168px;	margin-left:-123px;	margin-left:-84px;top: 10px;}
	#searcharray{top: 76px;	left: 50%; margin-left:-103px;}
}
/*
@media only screen and (max-width: 360px) {
	#searcharray2{
	top: 170px;
}
}
@media only screen and (max-width: 320px) {
	#searcharray2{
	top: 122px;
}
}
*/
@media only screen and (max-width: 360px) {
	#searcharray2{
	top: 16px;
}
}
@media only screen and (max-width: 320px) {
	#searcharray2{
	top: 16px;
}
}
.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;}


a#butregistrovat{	float: left;	text-decoration: none;	background-color: #1c59a0;	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: #1c59a0;	color: Black;}
a#butprihlasit{	float: left;	text-decoration: none;	background-color: #1c59a0;	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: #1c59a0;	color: Black;	text-decoration: none;}


#uzivatelblok a.zakladni{	color: #edf2f7;	text-decoration: none;}
#uzivatelblok a.zakladni:hover{	color: white;	text-decoration: none;}

#uzivateltext{	margin-top: 5px;}

a#uzivatel1 {	width: 30px;	background: url(../img/prihlasit-but.png) no-repeat 0 -29px; height: 29px; display: block;}
a#uzivatel1:hover {		background: url(../img/prihlasit-but.png) no-repeat 0 0px; display: block;}
div#uzivateld {	width: 30px;	height: 29px;	float: left;	margin: 2px 10px 0px 0px;}


a#uzivatel2 {	width: 140px;	background: url(../img/prihlasit-but.png) no-repeat 0 -29px;	height: 29px;	display: block;	padding-left: 40px;	float: left;	margin: -4px 5px 0px 0px;}
a#uzivatel2:hover {		background: url(../img/prihlasit-but.png) no-repeat 0 0px; display: block;}
.zakladniposun{	padding-top: 4px;	display: block;}


#kosik a{	color: #FFB400;}
#kosik a:hover{	color: White;}

#uzivatel a{	color: #FFB400;}
#uzivatel a:hover{	color: #2a68b1;}

#uzivatel{	position: absolute;	padding: 0;	margin-left: 280px;	_margin-left: 280px;	left: 50%;	width: 215px;	z-index: 85;	top: 58px;	color: Silver;	height: 200px;}
Table.uzivatel{	margin: 0;	padding: 0;}
Table.uzivatel tr{	height: 27px;}


#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: 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: #137099;	position: relative;}
.rnpadd{	padding: 20px 15px 0px 38px;}

@media only screen and (max-width: 640px) {
#rychla_navigace, .rychla_navigace{	height: 40px;}
.rnpadd{	padding: 15px 15px 15px 20px;}
}
@media only screen and (max-width: 420px) {
#rychla_navigace, .rychla_navigace{	height: auto;}
.rnpadd{	padding: 10px 10px 10px 10px;}
}

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

#submenu{	width: 99%;	margin: 0px 1% 5px 0%;}

#submenu ul{	padding: 0px;	margin: 8px 0px 40px 0px;	font-family: 'Open Sans', sans-serif;	font-size: 16px;	width: 100%;}
#submenu li.submenusortiment{	margin: 10px 0px 0px 0px;	width: 100%;	border: 0px solid #000000;	color: White;	text-align: center;	font-size: 18px;	padding: 8px 0px 7px 0px;	background: #2a68b1; }

#submenu li {	margin: 2px 0px 1px 0px;	padding: 0;	list-style: none;	width: 100%;	min-height: 23px;	font-family: 'Open Sans', sans-serif;	font-size: 18px; }
#submenu li:hover {background-color: #f0f3f7;}

#submenu li.aktivni {	background: #e9eef4 url(../img/submenuliactive.png) no-repeat 6px 11px;}

#submenu li.zarazene {width: 94%;	margin: 0px;	padding-left: 6%;}
#submenu li.zarazeneaktivni {width: 94%;	background: #e9eef4 url(../img/submenuliactive.png) no-repeat 22px 11px;	margin: 0px;	padding-left: 6%;}

#submenu li.zarazene2 {width: 88%;	margin: 0px;	padding-left: 12%;}
#submenu li.zarazene2aktivni {width: 88%;	background: #e9eef4 url(../img/submenuliactive.png) no-repeat 40px 11px;	margin: 0px;	padding-left: 12%;}

#submenu li.zarazene3 {width: 92%;	background: #d1d1d1 url(../img/submenuliasub3.png) no-repeat 0 0px;	margin: 0px;	padding-left: 8%;}
#submenu li.zarazene3:hover {	background: #d1d1d1 url(../img/submenuliasub3.png) no-repeat 0 -23px;	margin: 0px;}
#submenu li.zarazene3aktivni {width: 92%;	background: #d1d1d1 url(../img/submenuliasub3active.png) no-repeat 0 0px;	margin: 0px;	padding-left: 8%;}
#submenu li.zarazene3aktivni:hover {	background: #d1d1d1 url(../img/submenuliasub3active.png) no-repeat 0 -23px;	margin: 0px;}

#submenu li a {	display: block;	width: 100%;	margin: 0px 2px 0px 20px;	padding: 5px 0px 5px 0px;	color: #151515;	text-decoration: none;}
#submenu li a:hover {color: #2a68b1;}

@media only screen and (max-width: 980px) {
#submenu{width: 94%;}
#submenu ul{width: 94%;}
#submenu li.submenusortiment{	width: 100%;}
#submenu li {	width: 98%;}
#submenu li.zarazene {width: 98%;}
#submenu li.zarazeneaktivni {width: 98%;}
#submenu li.zarazene2 {width: 98%;}
#submenu li.zarazene2aktivni {width: 98%;}
#submenu li.zarazene3 {width: 98%;}
#submenu li.zarazene3aktivni {width: 98%;}
#submenu li a {width: 98%;}
}
@media only screen and (max-width: 780px) {
#submenu{width: 100%;}
}
*/
/*------------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;}


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: #0a6790;}
div.dokumentcontent a:hover{	text-decoration: none;	color: #0179ae;}

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

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


#razeni-select {	right: 0;	display: block;	float: left; }
#razeni-select ul {  text-align: left;  display: inline;  margin: 0;  padding: 0px 4px 17px 0;  list-style: none;}
#razeni-select ul li.vybraneli {	display: inline-block;	margin-right: -4px;	position: relative;	padding: 0px 8px 4px 0px;	cursor: pointer;	width: 280px; /*background: transparent url(../img/select-kachle2.png) no-repeat 265px center;*/	font-size: 16px; /*font-weight: bold;*/	opacity: 1;	filter: alpha(opacity=100); /* For IE8 and earlier */	background-image: none;}


#razeni-select ul li:hover { background-image: none; color: #212121;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;}
#razeni-select ul li ul {	padding: 0;	position: absolute;	top: 28px;	left: 0;	width: 100%;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;	display: none;	opacity: 0;	visibility: hidden;	border: 1px solid #cecece;	font-size: 17px;	font-weight: normal;	z-index: 99999999999999;	background-color: White;}
.sdileny-select ul li ul li {	padding: 0px 0px 0px 2%;	margin: 0px;	background: #fff;	display: block;	color: #2f2f2f;	-webkit-border-radius: 0px;	-moz-border-radius: 0px;	border-radius: 0px;	width: 98%;	/*height: 25px;*/}
#razeni-select ul li ul li:hover { background: #555555;  color: #fff;}
#razeni-select ul li:hover ul {  display: block;  opacity: 1;  visibility: visible;}

#razeni-select ul li ul li a {	padding:4px 0px 4px 36px;text-decoration: none;	color: #353535;	font-weight: normal;	display: block;	cursor: pointer;/*height: 25px;*/}
#razeni-select ul li ul li a:hover {	text-decoration: none;	color: White;}
#razeni-select ul li ul li a span.ikonanamevybrano {	font-weight: bold;}
#razeni-select ul li ul li a span.ikonaname {	font-weight: normal;}


#razeni-select ul li .odAdoZ {background: transparent url(../img/ikony-filtr-adoz.png) no-repeat;}
#razeni-select ul li .odnejlevnejsiho {background: transparent url(../img/ikony-filtr-nejlevnejsi.png) no-repeat;}
#razeni-select ul li .odnejdrazsiho {background: transparent url(../img/ikony-filtr-nejdrazsi.png) no-repeat;}
#razeni-select ul li .pouzeslevy {background: transparent url(../img/ikony-filtr-slevy.png) no-repeat;}


#razeni-select ul li .ikonahlavni {padding-left: 36px; background-size: 28px 72px;background-position: 0px 0px;}

#razeni-select ul li .ikona {padding:4px 0px 4px 36px; background-size: 28px 72px;background-position: 0px 4px;}
#razeni-select ul li .ikona:hover {background-position: 0px -32px;}

.razenirazeni{	display: none;}

div#filtr .fitrvolbaclear{	display: block;	float: left;	padding: 10px 0px 20px 2.5%;	position: relative;	width: 22.5%;	height: auto;	margin-left: 1%;}

div#filtr a#vycistifiltr {	color: #202020;	width: 90px;	padding: 4px 6px 4px 6px;	background: #dfdfdf;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;	cursor: pointer;	text-align: center;	float: right;	font-size: 16px;	text-decoration: none;	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);	margin-top: -3px;}
div#filtr a#vycistifiltr:hover  {	background: #ec008c;	color: White;	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}


@media only screen and (max-width: 1320px) {
	div#filtr .fitrvolba{	padding: 10px 0px 20px 3%;width: 20.0%;margin-left: 1%;}
}
@media only screen and (max-width: 1140px) {
	div#filtr .fitrvolba{	padding: 10px 0px 20px 3.5%;width: 19.5%;margin-left: 1%;}
}
@media only screen and (max-width: 910px) {
	div#filtr .fitrvolba{	padding: 10px 0px 20px 4%;width: 19%;margin-left: 1%;}
}
@media only screen and (max-width: 680px) {
	.volba640{	width: 9%;	padding-left: 8%;	display: inline-block;}
	
	#razeni-select {width: 37%;padding: 10px 0px 20px 5%;}
	.razenirazeni{	display: block;	float: left;}
	.ikonanamezahlavi{	display: none;}
	
	div#filtr .fitrvolbaclear{	padding: 10px 0px 20px 1%;	position: relative;	width: 17%;	height: auto;	margin-left: 1%;}
	div#filtr a#vycistifiltr {	color: #202020;	width: 70px;	padding: 4px 4px 4px 4px;		margin-top: -3px;}
}
@media only screen and (max-width: 380px) {
	#razeni-select {width: 32px;}
	#razeni-select ul li .ikona {	padding-left: 34px;	overflow: hidden;width: 34px;}
	#razeni-select ul li .ikonaname{	display: none;}
	#razeni-select ul li ul {  width: 40px;}
}


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



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


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

.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: 150;	width: 100%;	height: 405px;	}
.footerblok{	float: left;	height: 350px;}

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

.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 #ccd8de;	background-color: #f7ebec;	color: Black;}

#OdesliNewsLetter{	text-align: center;	width: 90%;	display: block;	margin: 0px 5% 10px 5%;	border: 0px none White;	background-color: #0d5a81;	color: #c7d9e2;	font-weight: bold;	font-size: 13px;	padding: 8px 0px 8px 0px;	cursor: pointer;}
#OdesliNewsLetter:hover{	background-color: #094d6f;	color: #ffffff;}
#OdesliNewsLetter:disabled {	background: #137099;	color: #3d9fcb;	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;	text-indent: 200px;}
.fb3socialic:hover{	filter:saturate(1.6);}

#fb3facebook{	background: transparent url(../img/fo-facebook.png);	width: 44px;	height: 44px;	overflow: hidden;}


.fb4fooTitle{	background-color: #cfdadf;	color:#0d5a81;	padding: 33px 15px 0px 15px;	font-size: 32px;	font-weight: bold;	text-transform: uppercase;	margin: 0px;}
.fb4foocont{	background-color: #165d81;	display: block;	margin: 0px;	padding: 15px;	color: White;	font-size: 15px;	position: relative;	height: 246px;}
.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: #ccd8de;	font-size: 22px;	font-weight: bold;	text-transform: uppercase;}


#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 #147ba8;	color: White;margin-top: 33px;}
	.fb3{	width: 23%;	float: left;border-left: 1px solid #147ba8;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;}
	#footer{		height: auto;}
	.footerblok{	float: left;	height: 350px;}
	.fb1{	width: 32%;		margin-top: 33px;	margin-left: 2%;}
	.fb2{	width: 31%;	border-left: 1px solid #147ba8;	color: White;margin-top: 33px;}
	.fb3{	width: 28%;	float: left;border-left: 1px solid #147ba8;margin-top: 33px;}
	.fb4{
	width: 100%;
	float: none;
	margin: 0px 0% 0px 0%;
	height: auto;
	clear: both;
}
	.fb4fooTitle{	padding: 15px 15px 15px 15px;	font-size: 32px;		margin: 0px;}
	.fb4foocont{	background-color: #126488;	display: block;	margin: 0px;	padding: 15px;	color: White;	font-size: 15px;	position: relative;	height: 75px;}
	.fb4foocont a{	color: White;	text-decoration: none;	position: absolute;	bottom: 15px;	right: 15px;}
	.fb4foocont a:hover{	color: White;	text-decoration: underline;}
}
@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 #147ba8;margin-top: 33px;}
}


@media only screen and (max-width: 420px) {
	.footerblok{	text-align: center;	}
	.fb1, .fb2, .fb3, .fb4{	width: 100%;	float: none;	clear: both;	height: auto;	margin-left: 0%;	border-left: 0px none #147ba8;	text-align: center;}
	#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: #e4f2f9;	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: 22%;	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/bl75.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: #e2eaed;	/*background-color: #e7eaf5;*/}

.bgligragradi{	

background: #09668f;
background: -moz-linear-gradient(top,  #09668f 0%, #2e95c3 100%); 
background: -webkit-linear-gradient(top,  #09668f 0%,#2e95c3 100%); 
background: linear-gradient(to bottom,  #09668f 0%,#2e95c3 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09668f', endColorstr='#2e95c3',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) {
#homeTop{	position: relative; top:36px;}

#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: 4px;	height: 60px;	width: 168px;left: 1%;}
#homeTopTitle{		bottom: 10px;	top: auto;width: 90%;		left: 1%;		font-size: 20px;}
#homeTopDescription{	display: none;}
}

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

.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 .filtrBunka4Name{	font-size: .9em;	font-weight: bold;	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%;}
}



.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: #fcfcfc;	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: 150px;	display: none;	padding: 0px;	background-color: White;	border: 1px solid #014f70;	border-right: 1px solid #014f70;	border-bottom: 1px solid #014f70;		-moz-box-shadow: 0 0 4px #014f70;	-webkit-box-shadow: 0 0 4px #014f70;	box-shadow: 0px 0px 4px #014f70; }
#kalendar2 {position: absolute; z-index: 50000; top: -50px; left: 450px; display: none; padding: 0px;	background-color: White;	border: 1px solid #014f70;	border-right: 1px solid #014f70;	border-bottom: 1px solid #014f70;		-moz-box-shadow: 0 0 4px #014f70;	-webkit-box-shadow: 0 0 4px #014f70;	box-shadow: 0px 0px 4px #014f70; }
#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 #014f70;}
table.tabulkakalendar img:hover{	cursor: pointer;	opacity: 1;	border: 1px solid White;border-radius: 50%;}

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

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

table.cenik th.cenikvybrany{	background-color: #bbc9cf;	font-weight: bold;	padding: 7px 9px 7px 9px;	color: Black;}
table.cenik td.cenikvybrana{	background-color: #c8d6db;	font-weight: normal;	padding: 7px 9px 7px 9px;}

a.remKosik{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 21px;
	height: 21px;
	opacity: .8;
	background: transparent url(../img/remove.png) no-repeat center;
	cursor: pointer;
	z-index: 200;
}
a.remKosik:hover{	opacity: 1;}

#showresponsive{
	display: none;
}

ul#subkategory{	display: block;	list-style: none inside none;	margin: 15px 0px 15px 0px;}

ul#subkategory a{	text-decoration: none;	color: #e6ecf3;	display: block;	padding: 15px 3% 15px 3%;	background-color: #2a68b1;	text-align: center;	display: table-cell;	vertical-align: middle;	height: 58px;   width: 94%;}
ul#subkategory a:hover, ul#subkategory a:focus{	text-decoration: none;	color: white;background-color: #1c59a0;}

ul#subkategory li{	display: block;	float: left;	width: 30%;		margin: 0px 1.5% 10px 1.5%;	padding: 0px 0px 0px 0px;	overflow: hidden;	color: white;}

ul#subkategory h2{	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;	font-size: 1em;	width: 100%;	border-bottom: 0px none Aqua;	display: table;}
ul#subkategory span.subkategoryimg{	display: block;	background-color: White;	padding: 2px 2px 0px 0px;	width: 100px;	float: left;}
ul#subkategory span.subkategoryimg img{	width: 96px;	height: 96px;}
@media only screen and (max-width: 900px) {
#showresponsive{
	display: block;
}
}
@media only screen and (max-width: 1040px) {
	ul#subkategory li{	width: 30%;	margin: 0px 1.5% 10px 1.5%;}
	ul#subkategory a{	padding: 15px 3% 15px 3%;	  width: 94%;}
}
@media only screen and (max-width: 820px) {
	ul#subkategory h2{	font-size: .85em;	}
}
@media only screen and (max-width: 640px) {
	ul#subkategory a{height: 78px;}
}
@media only screen and (max-width: 480px) {
	ul#subkategory a{height: 96px;}
	ul#subkategory h2{	font-size: .8em;	}
}


/*---------cookie-bar---------*/
#cookie-bar {
	background: #111111;
	height: auto;
	line-height: 24px;
	color: #eeeeee;
	text-align: center;
	padding: 15px 30px 15px 30px;
}
#cookie-bar.fixed {	position: fixed;	bottom: 0;	left: 0;	width: 94%;	z-index: 100000000;padding: 15px 3% 15px 3%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block;  text-decoration:none;  }
#cookie-bar a.info {	text-decoration: underline;}
#cookie-bar a.info:hover {	text-decoration: none;}
#cookie-bar .cb-enable {background:#137099;margin-left:8px;padding:6px 10px;}
#cookie-bar .cb-enable:hover {background:#087db0;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}
/*---------cookie-bar---------*/
a#navigacnisipka{
	display: block;
	width: 44px;
	height: 44px;
	background: transparent url(../img/navigacnisipka.png) no-repeat top;
	position: fixed;
	bottom: 30px;
	margin-left: 10px;
	_margin-left: 10px;
	right: 10%;
	padding: 0;
	z-index: 1800000;
	cursor: pointer;
}

@media only screen and (max-width: 480px) {
	a#navigacnisipka{	margin-left: 0px;	_margin-left: 0px; right: 15px;bottom: 15px; }
}