body
{
	margin:0;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	text-align: center;
	padding: 0;
	font-size: small !important;
	background: #F1F4F5;
	color:#414c50;
}
* {
	padding: 0;
	margin: 0;
	border: 0px none;
}
.invisible {
     position:absolute;
     top:-2000px;
     left:0;
     width:1px;
     height:1px;
     overflow:hidden;
}
br.clear {
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
.right {
	text-align:right;
}
.center {
	text-align:center;
}
p {
	line-height:1.4em;
}
#page {
	width:756px;
	margin:0px auto;
	text-align:left;
	position:relative;
}
#bg-slecna {
	position:absolute;
	right:0px;
	bottom:0px;
	z-index:2;
	height:166px;
	width:200px;
	background:url(../content/images/layout/bg-slecna-1.png) left top no-repeat;
	_background:url(../content/images/layout/bg-slecna.png) left top no-repeat;
}
#bg-slecna a{
	display:block;
	height:40px;
	width:40px;
	margin-top:80px;
	margin-left:30px;
}

/*Header*/
#header {
	background:url(../content/images/layout/bg-header.png) left top no-repeat #ff8901;
	height:139px;
	overflow:hidden;
	position:relative;
}
/*Main-menu*/
#header #main-menu {
	width:201px;
	position:absolute;
	overflow:hidden;
	top:9px;
	left:22px;
}
#header #main-menu ul{
	list-style-type:none;
	text-align:center;
	margin-top:5px;
}
#header #main-menu ul li{
	height:32px;
	margin-bottom:6px;
}
#header #main-menu ul li a{
	color:#ffffff;
	font-size:1.5em;
	text-decoration:none;
	display:block;
	cursor:pointer;
	overflow:hidden;
	width:201px;
	height:32px;
	position:relative;
}
#header #main-menu ul li a span{
	display:block;
    position:absolute; left:0; top:0; z-index:1;
	width:201px;
	height:32px;
}
#header #main-menu ul li a.firma span{
	background:url("../content/images/layout/main-menu-firma.png") top left no-repeat;
}
#header #main-menu ul li a.internet span{
	background:url("../content/images/layout/main-menu-internet.png") top left no-repeat;
}
#header #main-menu ul li a.televize span{
	background:url("../content/images/layout/main-menu-televize.png") top left no-repeat;
}
#header #main-menu ul li a:hover
#header #main-menu ul li a.act{
	color:#333333;
}
#header #main-menu ul li a:hover span,
#header #main-menu ul li a.act span{
	background-position:-249px 0px;
}

/*Main-menu*/
/*Logo*/
a#logo{
	color:#f5901e;
	font-weight:bold;
	font-size:2.8em;
	display:block;
	cursor:pointer;
	text-decoration:none;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	overflow:hidden;
	width:280px;
	height:60px;
	float:none;
	margin-top:15px;
	margin-left:0;
}
a#logo span{
	display:block;
    position:absolute; left:16.5px; top:0; z-index:1;
	background:url("../content/images/layout/logo1.png") center center / 247px 47.4px no-repeat;
	width:247px;
	height:52px;
}
/*Logo*/
/*Kontakt-vizitka*/
#kontakt-vizitka {
	position:absolute;
	width:220px;
	height:115px;
	overflow:hidden;
	text-align:center;
	margin:0px auto;
	top:14px;
	left:523px;
}
#kontakt-vizitka h2{
	font-size:1.5em;
	position:relative;
	overflow:hidden;
	width:80px;
	height:27px;
	margin:0px auto;
	margin-bottom:10px;
}
#kontakt-vizitka h2 span{
	display:block;
    position:absolute; left:0; top:0; z-index:1;
	background:url("../content/images/layout/header-kontakt-nadpis.png") top left no-repeat;
	width:80px;
	height:27px;
}
/* Velikost e-mailu a telefonu podle původní grafiky */
#kontakt-vizitka h3{
	font-size:1.8em;
	line-height:1.2em;
	font-weight:bold;
	margin:0;
}
#kontakt-vizitka h3 a{
	color:#414c50;
	text-decoration:none;
}
#kontakt-vizitka p{
	font-size:2.2em;
	line-height:1.1em;
	margin:0;
	font-weight:bold;
}
#kontakt-vizitka p a{
	color:#414c50;
	text-decoration:none;
}
#kontakt-vizitka p a{
	color:#414c50;
	text-decoration:none;
}
#kontakt-vizitka p a:hover{
	color:#6f7374;
	text-decoration:none;
}
/*Kontakt-vizitka*/
/*Header*/

/*Submenu*/
#submenu {
	background:url(../content/images/layout/bg-sub-menu.png) left top no-repeat #424f53;
	height:68px;
	overflow:hidden;
}
#submenu ul{
	list-style-type:none;
	text-align:center;
	padding-top:13px;
	margin-left:28px;
}
#submenu ul li{
	font-size:1.8em;
	font-weight:bold;
	display:inline;
}
#submenu ul li a{
	color:#ffffff;
	text-decoration:none;
	padding-bottom:21px;
	height:20px;
	overflow:hidden;
	float:left;
	margin:8px 9px;
}
#submenu ul li a:hover, #submenu ul li a.act{
	color:#ff8b00;
	background:url(../content/images/layout/submenu-hover.png) center bottom no-repeat;
}
/*Submenu*/

/*Main*/
#main-wrapper {
	margin:0px 1px 0px 2px;
	background-color:#F1F4F5;
	border-left:1px solid #eff0f2;
	border-right:1px solid #eff0f2;
}
#main {
	border-left:1px solid #e5e6e8;
	border-right:1px solid #e5e6e8;	
	background:url(../content/images/layout/bg-main.png) left top repeat-x #fdfdff;
	padding:7px 19px;
	_width:711px;
	font-size:0.9em;
	min-height:200px;
	_height:200px;
}
#main h1{
	font-size:1.7em;
}
#main h2{
	font-size:1.3em;
	margin:1.5em 0em 0.7em 0em;
}
#main h2.after-h1{
	margin:0.7em 0em 0.7em 0em;
}
#main h3{
	font-size:1.1em;
	margin:0.7em 0em 0.7em 0em;
}
#main p{
	margin:0.7em 0em;
}
#main a{
	color:#414c50;
	font-weight:bold;
}
#main a:hover{
	color:#ff8800;
}
#main img{
	border:1px solid #414c50;
}
#main ul {
	margin:0.7em 0em 0.7em 2em;;
}
#main li {
	list-style-type:none;
	background:url(../content/images/layout/odr.png) left top no-repeat;
	padding-left:30px;
	padding-bottom:3px;
	line-height:1.4em;
}

#main .boxik-content{
	padding-bottom:20px;
}
*|html #main .boxik-content, x:-moz-any-link {
	padding-bottom:5px;
}

#main .float-left {
	float:left;
}
#main .float-left-text {
	margin-left:180px;
}
#main .float-right {
	float:right;
}
#main .float-right-text {
	margin-right:180px;
}
/*tab-normal*/
.tab-normal {
	border-collapse:collapse;
	margin:0.4em 0em;
}
.tab-normal tr{
	background:#F1F4F5;
}
.tab-normal tr.suda{
	background:#f0f0f0;
}
.tab-normal th{
	background:#ff9000;
	padding:5px 30px 5px 5px;
	font-size:1.2em;
	border:1px solid #d27802;
	color:#ffffff;
}
.tab-normal td{
	padding:3px 30px 3px 5px;
	border:1px solid #CCCCCC;
}
/*tab-normal*/



/*news-box*/
#news-box {
	background-color:#ff9000;
	border:1px solid #CCCCCC;
	color:#ffffff;
	padding:0px 15px;
	margin-top:15px;
}
#news-box h2,
#news-box .opening-hours-title{
	margin:0.7em 0em 0.7em 0em;
}
#news-box .opening-hours-title {
	text-align: center;
	line-height: 1.25;
}
@media (min-width: 781px) {
	#news-box .opening-hours-title {
		font-size: clamp(1.25rem, 1.8vw, 2rem);
	}
}
#news-box li{
background:url(../content/images/layout/odr-white.png) left top no-repeat;
}
/*news-box*/
/*Main*/

/*Footer*/
#footer {
	background:url(../content/images/layout/bg-footer.png) left top no-repeat;
	height:75px;
	color:#ffffff;
	font-size:0.95em;
	padding-bottom:9px;
}
#footer p{
	padding:6px 0px 0px 30px;
}
#footer a{
	color:#ffffff;
	text-decoration:underline;
}
#footer a:hover{
	color:#ff8800;
}
/*Footer*/

/* Responzivita: na desktopu zůstává původní rozložení. */
img, video, iframe { max-width: 100%; }
#main { overflow-wrap: break-word; min-width: 0; }
#main img { max-width: 100%; height: auto; }
#main table { max-width: 100%; }

@media (max-width: 780px) {
  #page { width: 100%; max-width: 756px; }
  #header { height: auto; min-height: 0; overflow: visible; padding: 10px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; background: #ff8901; }
  #header #main-menu { position: static; width: 100%; overflow: visible; }
  #header #main-menu ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; margin: 0; padding: 0; }
  #header #main-menu ul li { height: auto; min-width: 0; margin: 0; }
  #header #main-menu ul li a { width: auto; height: auto; min-height: 42px; display: flex; align-items: center; justify-content: center; padding: 6px 2px; box-sizing: border-box; border-radius: 5px; background: linear-gradient(#ffad19, #f47b00); font-size: 1.15em; }
  #header #main-menu ul li a span { display: none; }
  #header #main-menu ul li a.act { background: linear-gradient(#fff0c7, #ffb33d); color: #424f53; box-shadow: inset 0 0 0 1px rgba(255,255,255,.65); }
  a#logo { position: relative; left: auto; transform: none; float: none; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; max-width: none; height: 54px; margin: 0; background: transparent; }
  a#logo span { position: static; display: block; width: 267.54px; max-width: 100%; height: 52px; background-image: url("../content/images/layout/logo2.png"); background-size: contain; background-position: center center; background-repeat: no-repeat; filter: none; opacity: 1; }
  #kontakt-vizitka { position: static; width: 100%; height: auto; min-height: 0; box-sizing: border-box; margin: 0; padding: 8px 10px 12px; overflow: visible; border-radius: 8px; background: linear-gradient(#ff9d0a, #ff8200); text-align: center; }
  #kontakt-vizitka h2 { margin: 0 auto 5px; }
  #kontakt-vizitka h3 { font-size: clamp(1.35em, 5vw, 1.65em); line-height: 1.3; overflow-wrap: anywhere; }
  #kontakt-vizitka p { font-size: clamp(2em, 8vw, 2.6em); line-height: 1.15; }
  #submenu { height: auto; min-height: 0; padding: 5px; box-sizing: border-box; overflow: visible; background: #424f53; border-radius: 0 0 8px 8px; }
  #submenu ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: stretch; gap: 0; margin: 0; padding: 0; }
  #submenu ul li { display: block; float: none; min-width: 0; font-size: 1.15em; }
  #submenu ul li a { float: none; display: flex; align-items: center; justify-content: center; text-align: center; height: 100%; min-height: 44px; padding: 10px 5px; margin: 0; box-sizing: border-box; overflow-wrap: anywhere; }
  #submenu ul li a.act { border-bottom: 2px solid #ff8901; }
  #main-wrapper { margin: 0; background-size: auto 2px; }
  #main { padding: 16px; box-sizing: border-box; width: 100%; }
  #main h1 { font-size: clamp(1.4em, 5vw, 2em); line-height: 1.2; overflow-wrap: anywhere; }
  #main h2 { line-height: 1.25; }
  #main .float-left, #main .float-right { float: none; max-width: 100%; margin: 10px auto; }
  #main .float-left-text, #main .float-right-text { margin-left: 0; margin-right: 0; }
  #main table { display: block; width: 100%; overflow-x: auto; }
  #bg-slecna { display: none; }
  #footer { width: 100%; max-width: 100%; box-sizing: border-box; background-size: 100% 75px; }
  #footer p { padding: 8px 12px; }
}

@media (max-width: 420px) {
  body { font-size: 16px !important; }
  #header { padding: 8px; gap: 8px; }
  #header #main-menu ul li a { min-height: 40px; font-size: 1em; }
  a#logo { height: 60px; }
  #kontakt-vizitka h3 { font-size: 1.35em; }
  #kontakt-vizitka p { font-size: 2em; }
  #submenu ul li { font-size: 1em; }
  #submenu ul li a { padding: 9px 7px; }
  #main { padding: 14px 12px; }
  #main p, #main li { line-height: 1.5; }
  #footer { height: auto; min-height: 75px; }
}


/* Oprava paticky: bez puvodni fotografie, plna sirka a spravne prizpusobeni obsahu. */
#bg-slecna { display: none !important; }
#footer {
  width: 100%;
  height: auto;
  min-height: 58px;
  box-sizing: border-box;
  padding: 0;
  background: linear-gradient(135deg, #65777d 0%, #414c50 100%);
  color: #fff;
  border-top: 3px solid #ff8901;
}
#footer p {
  padding: 19px 12px;
  margin: 0;
  text-align: center;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
#footer a { color: #fff; }
#footer a:hover { color: #ffb347; }
@media (max-width: 767px) {
  #footer p { padding: 16px 10px; }
}