* {
	margin: 0;
	padding: 0
}
body {
	font-family: Verdana, "Geneva CE", Tahoma, lucida, sans-serif;
	color: #000;
	font-size: x-small;
	background: #fef0d3 url("../img/body.gif") repeat-x;
	text-align: center;
	min-width: 830px;
	padding: 0 0 20px 0
}
html>body {
	font-size: small
}
.noscreen {
	width: 200px;
	position: absolute;
	left: 0;
	top: -1000px
}
hr {
	display: none
}
.end {
	clear: both
}
/* layout */
#main-out {
  width: 990px;
  text-align: center;
  margin: 0 auto;
  position: relative
}
/* note */
#note {
  width: 100px;
  height: 108px;
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 100;
  background: url("../img/pozn2.gif") no-repeat top left;
}
#note p {
  padding: 19px 23px 10px 10px;
  font-size: 85%
}
#note a {
  text-decoration: none;
  font-weight: bold
}
#note a:hover {
  color: red
}
#note span {
  text-decoration: underline !important;

}
/* note2 */
#note2 {
  width: 100px;
  height: 108px;
  position: absolute;
  top: 150px;
  right: 0;
  z-index: 100;
  background: url("../img/pozn.gif") no-repeat top left;
}
#note2 p {
  padding: 16px 23px 10px 10px;
  font-size: 85%;
  text-align: center;
}
#note2 a {
  text-decoration: none;
  font-weight: bold
}
#note2 a:hover {
  color: red
}
#note2 span {
  text-decoration: underline !important;
  
}
/* note3 */
#note3 {
  width: 100px;
  height: 108px;
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 100;
  background: url("../img/pozn.gif") no-repeat top left;
}
#note3 p {
  padding: 19px 23px 10px 10px;
  font-size: 85%
}
#note3 a {
  text-decoration: none;
  font-weight: bold
}
#note3 a:hover {
  color: red
}
#note3 span {
  text-decoration: underline !important;
  font-size: 120% !important;
}
/* /// note3 */
#main {
	text-align: left;
	width: 830px;
	margin: 0 auto;
	background: url("../img/main.gif") repeat-y;
	position: relative
}
#head {
	height: 87px;
	background: url("../img/head.gif") no-repeat right top;
	position: relative
}
#top {
	height: 111px;
	background: url("../img/top.gif") no-repeat
}
#content {
	background: url("../img/content.gif") no-repeat
}
#in {
	width: 100%;
	background: url("../img/in.gif") no-repeat;
	min-height: 400px;
	line-height: 1.5
}
#text {
	width: 609px;
	min-height: 630px;
	float: right;
	color: #515151
}
.box {
	padding: 0 0 5px 0
}
.box span {
	display: block;
	padding: 0 0 3px 0;
	border-bottom: 1px dotted #cecece
}
#foot {
	width: 830px;
	height: 112px;
	background: url("../img/foot.jpg") no-repeat;
	clear: both;
	position: relative;
	margin: 0 auto;
	text-align: center
}
#copy {
	width: 830px;
	margin: 0 auto 30px auto;
	text-align: right;
	font-size: 85%;
	background: none;
	color: #b77e05;
	line-height: 1.5;
	clear: both
}
/* menu */
#menu {
	width: 203px;
	float: left;
	font-size: 85%;
	font-weight: bold;
	padding: 35px 0 65px 0;
	overflow: hidden;
}
#menu ul {
	margin: 0 0 15px 54px
}
#menu li {
	list-style: none;
	width: 140px
}
#menu li.active {
	padding: 3px 10px 3px 0;
	font-weight: bold;
	background: url("../img/active.gif") no-repeat right center;
	color: #e2513e;
	border-bottom: 1px solid #963502;
	width: 130px;
	display: block;
}
#menu a {
	text-decoration: none;
	display: block;
	min-height: 1px;
	padding: 3px 10px 3px 0;
	font-weight: bold
}
#menu a:link, #menu a:visited {
	color: #963502;
	border-bottom: 1px solid #963502
}
#menu a:hover {
	background: url("../img/li.gif") no-repeat right center;
	color: #d3843d
}
/* headers */
#text address, #text p, #text h3, #text h4, #text ul, #text ol, #text dl {
	margin-right: 75px
}
h1, h1 span {
	width: 493px;
	height: 87px;
	font-size: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}
h1 span {
	display: block;
	background: url("../img/h1.gif") no-repeat;
	position: absolute;
	z-index: 2;
	cursor: pointer
}
h2 {
	color: #963502;
	text-align: right;
	font-size: 125%;
	margin: 5px 54px 13px 0;
	background: url("../img/h2.gif") no-repeat right center;
	padding: 0 20px 0 0;
	font-family: Tahoma, Verdana, Arial,  lucida, sans-serif;
}
h3 {
	font-size: 108%;
	padding: 4px 0 8px 25px;
	color: #e29000;
	background: url("../img/h3.gif") no-repeat left center;
	font-family: Tahoma, Verdana, Arial,  lucida, sans-serif;
}
h4 {
	font-size: 100%;
	padding: 0 0 4px 25px;
	color: #e29000;
	background: url("../img/h3.gif") no-repeat left center
}
h3 {
	color: #ba6b2b
}
h3.big {
	color: #ba6b2b;
	font-size: 110%
}
h4 {
	color: #515151;
	background: none;
	padding-bottom: 5px
}
#text h4.bord, #text p.bord {
	border-top: 1px solid #515151;
	border-bottom: 1px solid #515151;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 101%;
	margin-bottom: 15px;
	margin-left: 25px;
	text-align: right;
	font-weight: bold
}
/* par */
#text p, #text cite {
	padding: 0 5px 15px 25px
}
#text p.big {
	padding: 0 5px 15px 25px;
	font-size: 140%;
	color: #872F00
}
#text p.big2 {
	padding: 0 5px 15px 25px;
	font-size: 120%
}
#text p.pad-top {
	padding: 7px 5px 15px 25px
}
#copy p {
	text-align: right;
	padding: 0 33px 0 0
}
#text p.img {
	font-size: 1px;
	line-height: 1px;
	margin: 10px 0 6px 0
}
#text p.img img {
	margin-right: 24px
}
#text p.author {
	text-align: right;
	padding: 0 20px 0 0;
	margin: 0 54px 20px 0;
	background: url("../img/h2.gif") no-repeat right center
}
#text p.back {
	text-align: right;
	padding: 0 20px 0 0;
	margin: 0 54px 0px 0;
	background: url("../img/h2.gif") no-repeat right center
}
address {
	font-style: normal;
	padding-left: 25px;
	margin-bottom: 15px
}
.cen {
	text-align: center
}
#map {
	text-align: center;
	margin: 30px 0 5px 0
}
.under {
	text-decoration: underline
}
/* images */
.gal {
	margin: 0 75px 8px 25px;
	padding: 10px 0 0 0
}
.img img, .gal img, #map img {
	border: 3px double #f6a000;
	margin: 0 3px 0 0
}
.gal img {
	margin: 0 17px 12px 0
}
img.right {
	border: 3px double #f39f00;
	float: right;
	margin: 15px 0 10px 15px
}
img.nob {
	border: none
}
.box img {
	border: 1px solid #cecece
}
/* lists - seznamy */
#text dl {
	margin: 0 75px 8px 30px
}
#text ul {
	margin: 0 75px 8px 22px
}
#text ol {
	margin: 0 75px 8px 48px !important
}
#text li {
	padding: 0 0 8px 0
}
#text ul li {
	list-style: disc;
	margin-left: 20px
}
#text ul.bold li {
	font-weight: bold;

}
#text ol {
	margin-left: 50px
}
ol li {
	list-style: decimal
}
#text ol li ul li {
	list-style: circle
}
#text ol li ul, #text ul li ul {
	margin: 7px 0 0 0
}
#text .gal li {
	list-style: none;
	margin-left: 0
}
#text .gal ul {
	margin: 0
}
#text .gal li span {
	color: #ff0000;
	font-weight: bold
}
#text dl {
	margin-left: 25px
}
dt {
	font-weight: bold
}
dl.links dd {
	margin-bottom: 10px
}
.box dt {
	padding-bottom: 5px
}
dd {
	margin-bottom: 5px
}
#text ul#prog span {
	display: block
}
/* form */
.form {
	padding: 8px 0 20px 25px
}
form {
	width: 500px
}
fieldset {
	padding: 15px 0 15px 18px;
	border: 1px solid #f9c24d
}
legend {
	padding: 0 5px 5px 5px;
	font-weight: bold;
	color: #e29000
}
form br {
	display: none
}
label {
	display: block;
	cursor: pointer
}
input, textarea {
	border: 1px solid #f9c24d
}
input.dotaz {
	width: 60px;
	margin: 5px 0 0 0;
}
input {
	width: 320px;
	margin-bottom: 5px
}
textarea {
	width: 460px;
	height: 180px;
	margin: 0 0 6px 0
}
#text form p {
	font-size: 84%;
	padding: 0 0 10px 0;
	margin: 0
}
#text form p.button {
	text-align: center;
	margin: 0;
	padding: 0
}
p.button input {
	margin: 8px 0 6px 0;
	padding: 1px 0;
	width: 100px;
	cursor: pointer;
	background: #fef0d3
}
p.button input:hover {
	background: #FFF7E8
}
p.button-left input {
	margin: 8px 0 6px 0;
	width: 100px;
	cursor: pointer;
	text-align: left;
	background: #fef0d3
}
/* table */
table {
	border-collapse: collapse;
	font-size: 85%;
	color: #515151
}
caption {
	font-weight: bold;
	padding: 0 0 8px 0;
	color: #e29000
}
.table {
	padding: 5px 75px 15px 25px
}
table.skolne {
	font-weight: bold;
	width: 500px
}
table.skolne td {
	text-align: right
}
th, td {
	padding: 3px 5px;
	border: 1px solid #f9c24d;
	line-height: 1.5
}
th.date {
	width: 140px
}
th {
	text-align: left
}
/* table rozvrh */
table.rozvrh {
	font-weight: normal;
	font-size: 100%;
	width: 500px
}
table.rozvrh td {
	text-align: left
}
/* table rozvrh */
table.kontakty {
	font-weight: normal;
	font-size: 100%;
	width: 500px
}
table.kontakty td {
	text-align: left
}
/* links */
a:link, a:visited {
	color: #7D0800;
	text-decoration: underline;
	font-weight: normal
}
a:hover {
	color: #EF0F00;
	text-decoration: underline
}
#copy a:link, #copy a:visited {
	font-weight: normal;
	color: #b77e05
}
#copy a:hover {
	color: #000
}
#copy img {
	border: none
}
.gal a:hover img {
	border: 3px double #963502
}
dl.links a:link {
	font-weight: normal
}
a.externi {
	background: url("../img/externi.gif") no-repeat right center;
	padding: 3px 10px 3px 0
}
a.externi2 {
	background: url("../img/externi2.gif") no-repeat right center;
	padding: 0 7px 0 0;
	margin: 0 2px 0 0
}
a.fb {
	background: url("../img/fb.gif") no-repeat left center;
	padding: 3px 1px 3px 30px
}
/* box midi mp3 */
.box-music {
	width: 100%;
	padding: 5px 0 13px 0;
	margin: 0 0 18px 0;
	background: url("../img/line.gif") no-repeat left bottom;
	border: none;
}
.box-music img {
	border: none;
	margin: -5px 0 15px 24px;
}
.box-music2 {
	width: 100%;
	padding: 0 0 13px 0;
	margin: 0 0 18px 0;
	background: url("../img/line.gif") no-repeat left bottom;
	border: none;
}
.box-music2 img {
	border: none;
	margin: -5px 0 15px 24px;
}
/* ruzne */
em {
	font-weight: bold;
	font-style: italic;
}
#text p.leto {
	background: url("../img/slunce.gif") no-repeat right center;
	padding: 10px 100px 20px 0;
	margin: 0 78px 0 25px;
	font-weight: normal;
	font-style: normal
}
#jmeli {
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	height: 150px;
	z-index: 10;
	background: url("../img/jmeli2.gif") no-repeat right top
}
.box-border-top {
	width: 100%;
	padding: 20px 0 5px 0;
	margin: 22px 0 0 0;
	background: url("../img/line.gif") no-repeat left top;
	border: none;
}
.box-border-top img {
	border: none;
	margin: -5px 0 15px 24px;
}
#copy a.rss {
	background: url("../img/rss.jpg") no-repeat left center;
	padding: 0 2px 2px 16px !important
}
.red {
	font-size: 100%;
	color: #DF0E00;
	font-weight: bold
}
a.red {
	color: #C70D00
}
a.red:hover {
	color: red
}
#text span {
	font-weight: bold;
	font-style: italic
}
#menu a.rss {
	background: url("../img/rss.jpg") no-repeat left center;
	padding: 2px 2px 2px 16px !important
}
.box-new {
  width: 528px;
}
.box-new-in {
  width: auto;
  margin: 10px 0 20px 25px;
  padding: 18px 0 10px 0;
  background: #FFFBF2;
  border: 1px solid #FEE199
}
.box-new-in p {
  padding-right: 20px !important;
  margin-right: 0 !important;
}
/* SLIDE NOVE */
#slideshow {
	position: relative;
	margin: 5px 0 15px 25px;
	width: 488px;
	height: 146px;
	z-index: 1000;
}
#slideshow IMG {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	/*  opacity: 0.0;
*/
}
#slideshow IMG.active {
	z-index: 10;
	/*  opacity: 1.0;
*/
}
#slideshow IMG.last-active {
	z-index: 9;
}
a.strong {
  font-weight: bold
}
/* tooltip */
#easyTooltip {
	margin: 48px 0 0 -8px;
	padding: 3px 8px;
	border: 1px solid #B77E05;
	background: #FEF2BE;
	color: #963502;
	display: block;
	text-align: left;
	letter-spacing: 0px;
	z-index: 10000
}
#easyTooltip {
	font-size: 85%;
	font-weight: bold
}
a.mp3 {
  background: url("../img/mp3.gif") no-repeat left center;
  padding: 0 1px 0 18px
}
img.float-right {
  float: right;
  margin: 5px 25px 15px 15px
}