BODY {BEHAVIOR: url(csshover.htc); FONT-FAMILY: Arial; TEXT-ALIGN: center; BACKGROUND-COLOR: #EDEDED; color:#000000; -webkit-text-size-adjust: 100%; text-size-adjust: 100%;}


#top {WIDTH: 100%; HEIGHT: auto; float: left; BACKGROUND-COLOR: #4D5359; MARGIN-TOP: 10px;}
#topobal {MARGIN-LEFT: auto; WIDTH: 940px; MARGIN-RIGHT: auto; POSITION: relative; TEXT-ALIGN: left; BACKGROUND-COLOR: #4D5359;}
#logo {display: none;}
#logomobil {WIDTH: 940px; HEIGHT: auto; BACKGROUND-COLOR: #4D5359;}
#menupc {display: none;}

#hambacobal {
  position: absolute;
  top: 30px;
  left: 20px;
  width: 90px;
  height: 86px;
  BACKGROUND-COLOR: #EDEDED;
  border-radius:4px;
}

#middle {WIDTH: 100%; HEIGHT: auto; float: left; BACKGROUND-COLOR: #EDEDED;}
#nadpis {MARGIN-LEFT: auto; WIDTH: 940px; MARGIN-RIGHT: auto; POSITION: relative; TEXT-ALIGN: left; BACKGROUND-COLOR: #EDEDED;}
#middleobal {MARGIN-LEFT: auto; WIDTH: 940px; MARGIN-RIGHT: auto; POSITION: relative; TEXT-ALIGN: left; BACKGROUND-COLOR: #EDEDED;}
#emailmobil {WIDTH: 100%; BACKGROUND-COLOR: #ECECEC;}
#emailpc {display: none;}
#content {display: none;}
#contentmobil {WIDTH: 940px; HEIGHT: auto; float: left; margin-top: 10px; BACKGROUND-COLOR: #EDEDED;}
#contentuni {WIDTH: 940px; HEIGHT: auto; float: left; margin-top: 10px; BACKGROUND-COLOR: #EDEDED;}
#right {display: none;}

#bottom {WIDTH: 100%; HEIGHT: auto; float: left; BACKGROUND-COLOR: #4D5359; MARGIN-BOTTOM: 10px; MARGIN-TOP: 40px;}
#bottomobal {display: none;}
#bottomobalmobil {MARGIN-LEFT: auto; WIDTH: 940px; MARGIN-RIGHT: auto; POSITION: relative; TEXT-ALIGN: left; BACKGROUND-COLOR: #4D5359; PADDING-TOP: 10px;}

.bottomline {display: none;}
.bottomlineobalmob {MARGIN-LEFT: auto; WIDTH: 940px; MARGIN-RIGHT: auto; MARGIN-BOTTOM: 10px; POSITION: relative; TEXT-ALIGN: left; BACKGROUND-COLOR: #ECECEC;}
.bottomlineobal {display: none;}


.nabidka {WIDTH: 940px; HEIGHT: auto; BACKGROUND-COLOR: #EDEDED; MARGIN-BOTTOM: 8px;}
div.nabidka:hover {BACKGROUND-COLOR: #D9E2E7; border-radius:5px; box-shadow: 0px 0px 5px black;}
.nabidkaobr {WIDTH: 364px; HEIGHT: 220px; float: left;}
.nabidkatext {WIDTH: 576px; HEIGHT: 220px; float: left; PADDING-TOP: 3px;}
.obrazeknabidka {border: 12px solid white; margin: 8px 12px 8px 8px; box-shadow: 0px 0px 5px #000000;}

.border {border: 20px solid white; box-shadow: 0px 0px 5px #000000;}
.foto {margin: 0px;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:hover p.menupismo {color: #B85042;}
.text a:link   {color: #A01A21; font-weight: bold; text-decoration: none}
.text a:visited   {color: #A01A21; font-weight: bold; text-decoration: none}
.text a:hover   {color: #A01A21; font-weight: bold; text-decoration: underline}
.fototext a:link   {color: #A01A21; font-weight: bold; text-decoration: none}
.fototext a:visited   {color: #A01A21; font-weight: bold; text-decoration: none}
.fototext a:hover   {color: #A01A21; font-weight: bold; text-decoration: underline}
.table a:link   {color: #A01A21; text-decoration: none}
.table a:visited   {color: #A01A21; text-decoration: none}
.table a:hover   {color: #A01A21; text-decoration: underline}
.kapitola a:link   {color: #A01A21; font-weight: bold; text-decoration: none}
.kapitola a:visited   {color: #A01A21; font-weight: bold; text-decoration: none}
.kapitola a:hover   {color: #A01A21; font-weight: bold; text-decoration: underline}

.logo1 {
	font-family: Arial;
	font-size: 28pt;
	color: #F2F2E8;
	font-weight: normal;
	text-align: center;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 20px;
}
.menupismo {
	font-family: Arial;
	font-size: 30pt;
	line-height: 62px;
	color: #F2F2E8;
	font-weight: bold;
	text-align: center;
	margin-top: 0px; 
	margin-bottom: 0px;
}
.titulekmenu {
	font-family: Arial;
	font-size: 65px;
	color: #A01A21;
	font-weight: bold;
	text-align: center;
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top: 40px; 
	margin-bottom: 5px;
}
.titulektext {
	font-family: Arial;
	font-size: 65px;
	color: #A01A21;
	font-weight: bold;
	text-align: center;
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top: 50px; 
	margin-bottom: 5px;
}
.podtitulekmenu {
	font-family: Arial;
	font-size: 35px;
	color: black;
	font-weight: normal;
	text-align: center;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 50px;
}
.podtitulektext {
	font-family: Arial;
	font-size: 37px;
	color: black;
	font-weight: normal;
	text-align: center;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 50px;
}
.podtitulektextm {
	font-family: Arial;
	font-size: 37px;
	color: black;
	font-weight: normal;
	text-align: center;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 50px;
}
.book {
	font-family: Arial;
	font-size: 33px;
	color: #000000;
}
.kapitola {
	font-family: Arial;
	font-size: 36pt;
	color: #A01A21;
	font-weight: bold;
	text-align: center;
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top: 40px; 
	margin-bottom: 15px;
}

.navigace {
	font-family: Arial;
	font-size: 27pt;
	color: #A01A21;
	font-weight: bold;
	text-align: left;
	margin-left: 10px; 
	margin-top: 25px;
	margin-bottom: 10px;
}
.subnavigace {
	font-family: Arial;
	font-size: 30px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	margin-left: 10px; 
	margin-top: 0px;
	margin-bottom: 2px;
}
.textnovinky {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: center;
	margin-left: 10px; 
	margin-right: 10px; 
	margin-top: 5px; 
	margin-bottom: 5px;
}
.datum {
	font-family: Arial;
	font-size: 14px;
	color: #B85042;
	font-weight: bold;
	text-align: center;
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top: 5px; 
	margin-bottom: 5px;
}
.pata {
	font-family: Arial;
	font-size: 20px;
	color: #ECECEC;
	font-weight: normal;
	text-align: center;
	font-style: italic;
}
.pata a:link   {color: #ECECEC;}
.pata a:visited   {color: #ECECEC;}
.pata a:hover   {color: #ECECEC;}

.text {
	font-family: Arial;
	font-size: 31pt;
	line-height: 1.4;
	color: black;
	font-weight: normal;
	text-align: left;
	margin-left: 10px; 
	margin-right: 10px; 
	margin-top: 10px; 
	margin-bottom: 36px;
}
.fototext {
	font-family: Arial;
	font-size: 27pt;
	line-height: 1.1;
	color: black;
	font-weight: normal;
	text-align: center;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 50px;
}
.citatmobil {
	font-family: Arial;
	font-size: 30pt;
	color: black;
	font-weight: normal;
	text-align: center;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 50px;
}
.citat {display: none;}


.table {
	font-family: Arial;
	font-size: 16pt;
	color: black;
	font-weight: normal;
	text-align: center;
	margin: 0px
}

.noborder {
	border: 0px;
	margin-top: 40px;
	padding: 0px;
}

/*hamburger*/
#menu__toggle {
  opacity: 0;
}
#menu__toggle:checked + .menu__btn > span {
  transform: rotate(45deg);
}
#menu__toggle:checked + .menu__btn > span::before {
  top: 0;
  transform: rotate(0deg);
}
#menu__toggle:checked + .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
  left: 0 !important;
}
/*velikost a umístění hamburgeru*/
.menu__btn {
  position: absolute;
  top: 68px;
  left: 29px;
  width: 70px;
  height: 70px;
  cursor: pointer;
  z-index: 1;
}
/*síla čáry hambugeru*/
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 8px;
  background-color: #A01A21;
  transition-duration: .25s;
}
/*velikost mezer v hamburgeru*/
.menu__btn > span::before {
  content: '';
  top: -20px;
}
.menu__btn > span::after {
  content: '';
  top: 20px;
}
.menu__box {
  display: block;
  position: absolute;
  top: 122px; /*umístění pod hamburgerem*/
  left: -100%;
  width: 620px;
  height: 1160px;
  margin: 0;
  padding: 40px 40px 0px 40px;
  list-style: none;
  background-color: #EDEDED;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
  transition-duration: .25s;
  z-index: 1;
}
.menu__item {
  display: block;
  padding: 15px 15px;
  color: #A01A21;
  font-family: arial;
  font-size: 46px;
  line-height: 50px;
  font-weight: 600;
  text-decoration: none;
  transition-duration: .25s;
  z-index: 1;
}
.menu__item:hover {
  background-color: #A01A21;
  color: #EDEDED;
}