body.rp {
  margin:5px 0;
	font-family:Arial, Verdana, Tahoma, sans-serif; 
	font-size:12px;
	background:#3c7f3a url("/img/vertical_bg.gif") top left repeat-x;
}

/* obecné třídy a entity */
em {
  font-weight:bold;
  font-style:italic;
}
strong {font-weight:bold;}
big {font-size:120%;}

h1 {font-size:26px;}
h2 {font-size:18px;}
h3 {font-size:14px;}

a {
  text-decoration:underline;
  color:#8a4400;
}
a:hover {
  color:red;
}
.center {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.error {
  text-align:center;
  margin:10px auto;
  padding:0.5em;
  color:black;
  background-color:#ffcccc;
  border:solid 2px black;
  font-weight:bold;
  font-size:14px;
}

/* zarovnávací čára */
hr.cleaner {
  visibility:hidden;
	clear:both;
	width:50%;
	height:1px;
	margin:-1px 0 0 0; 
  padding:0; 
	border:none; 
}
p.cleanleft { /* umístění pod obrázek v aktualitách */
  clear:left;
  padding:0;
}

/* layout */
#main {
  margin:0 auto;
  width:960px;
}
#header {
  height:154px;
  background:url("/img/header.jpg") top left no-repeat;
}
#footer {
  height:76px;
  background:url("/img/footer.jpg") top left no-repeat;
}
#body {
  background:url("/img/body_bg.gif") top left repeat-y;
  min-height:400px;
  height:400px;
}
body[class] #body {
  height:auto;
}
#menu-box {
  float:left;
  width:160px;
  margin:0; 
  padding:0;
  clear:none;
}
#online-box {
  float:right;
  width:273px;
  margin:0;
  padding:0;
  clear:none; 
/*  background:url("/img/nastenka-online.jpg") top left no-repeat; /* v době tábora */
  background:url("/img/nastenka-aktuality.jpg") top left no-repeat; /* zbytek roku */
}
#content {
  margin:0 280px 15px 160px;
  padding:0;
}

/* menu */
#menu {
  text-align:left;
  margin:20px 10px 10px 20px;
}
#menu a {
  display:block;
  height:30px;
  width:128px;
  margin:0;
  padding:0;
  border-top:solid 1px #cccccc;
}

/* #menu a .mtext {display:none;} /* skrytí pomocného textu */
a .mtext {display:none;} /* skrytí pomocného textu */

#onas { background:url("/img/button_up_onas.png") 0 0; }
#onas.active, #onas:hover { background:url("/img/button_up_onas.png") 0 30px; }
#aktuality { background:url("/img/button_up_aktuality.png") 0 0; }
#aktuality.active, #aktuality:hover { background:url("/img/button_up_aktuality.png") 0 30px;}
#aonline { background:url("/img/button_up_online.png") 0 0; }
#aonline.active, #aonline:hover { background:url("/img/button_up_online.png") 0 30px;}
#tabor { background:url("/img/button_up_tabor.png") 0 0; }
#tabor.active, #tabor:hover { background:url("/img/button_up_tabor.png") 0 30px;}
#kronika { background:url("/img/button_up_kronika.png") 0 0; }
#kronika.active, #kronika:hover { background:url("/img/button_up_kronika.png") 0 30px;}
#fotogalerie { background:url("/img/button_up_fotogalerie.png") 0 0; }
#fotogalerie.active, #fotogalerie:hover { background:url("/img/button_up_fotogalerie.png") 0 30px;}
#video { 
  background:url("/img/button_up_video.png") 0 0;
  border-bottom:solid 1px #cccccc;
}
#video.active, #video:hover { background:url("/img/button_up_video.png") 0 30px;}
#video.active {border-bottom:none;}
#pistenam { background:url("/img/button_down_pistenam.png") 0 0; }
#pistenam.active, #pistenam:hover { background:url("/img/button_down_pistenam.png") 0 30px;}
#jakpomoci { background:url("/img/button_down_jakpomoci.png") 0 0; }
#jakpomoci.active, #jakpomoci:hover { background:url("/img/button_down_jakpomoci.png") 0 30px;}
#hra { background:url("/img/button_down_hra.png") 0 0; }
#hra.active, #hra:hover { background:url("/img/button_down_hra.png") 0 30px;}
#klub {
  background:url("/img/button_down_klub.png") 0 0;
  border-bottom:solid 1px #cccccc;
}
#klub.active, #klub:hover { background:url("/img/button_down_klub.png") 0 30px;}
#klub.active {border-bottom:none;}

#b_odeslat, #b_login { 
  display:block;
  height:30px;
  width:120px;
  margin:0;
  padding:0;
  border:solid 1px #cccccc;  
}
#b_odeslat { background:url("/img/button_odeslat.png") 0 0;}
#b_odeslat:hover { background:url("/img/button_odeslat.png") 0 30px;}
#b_login { background:url("/img/button_login.png") 0 0;}
#b_login:hover { background:url("/img/button_login.png") 0 30px;}

#menu a.submenuup, 
#menu a.submenudown {
  display:block;
  height:auto;
  width:118px;
  margin:0;
  padding:3px 5px;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  border-top:solid 1px #cccccc;
}
#menu a.submenuup {color:#3c7f3a;}
#menu a.submenudown {color:#8a4400;}

#menu a.submenuup:hover,
#menu a.submenuup.active,
#menu a.submenudown:hover,
#menu a.submenudown.active {background-color:#ffff88;}
#menu a.submenuup.last, 
#menu a.submenudown.last {border-bottom:solid 1px #cccccc;}

/* online */
#online {
  height:240px;
  margin:52px 55px 0 20px;
  font-size:11px;
}
#online p {
  padding:0.8em 0.5em 0 0;
  margin:0;
  text-align:justify;
}
#online p a {
  color:black;
  text-decoration:underline;
}
#online p a:hover {
  color:#3c7f3a;
}
#reklama {
  text-align:center;
  margin-right:65px;
}
#reklama img {
  border:none;
  margin-bottom:30px;
}
#reklama h2 {
  padding:0 0 0.4em 0;
  margin:0;
  color:#8a4400;
}

/* footer */
#footer a {
  color:black;
  text-decoration:underline;
}
#footer a:hover {
  color:#3c7f3a;
}
#footer div.copyright {
  text-align:right;
  margin-right:60px;
  padding:15px 20px 5px 10px;
  font-size:80%;
  color:#666666;
}
#footer div.minimenu {
  text-align:center;
  margin-right:60px;
  padding:5px 10px 10px 10px;
}

/* content */
#content h1 {
	font-family:Arial Narrow, Arial, Verdana, Tahoma, sans-serif; 
  color:#3c7f3a;
  padding:0 0 0.2em 0;
  margin:0;
}
#content h2 {
  padding:0.4em 0 0.2em 0;
  margin:0;
  color:#8a4400;
}
#content h3 {
  padding:0.4em 0 0.2em 0;
  margin:0;
  color:black;
}
#content p {
  padding:0.5em 0;
  margin:0;
  text-align:justify;
}
#content div.ul {
  padding:0 0.5em 0.5em 0.5em;
  margin:0;
  text-align:left;
}
#content ul, #content ol {
  padding:0;
  margin:0 0 0 3em;
}
#content ul li {
  list-style:disc outside;
}
#content ol li {
  list-style-position:outside;
  padding:0.5em 0;
  text-align:justify;
}
#content img {
  border:solid 2px #8a4400;
}
#content img.left {
  float:left; 
  padding:0;
  margin:0 15px 15px 0;
  clear:none;
}
#content img.right {
  float:right; 
  padding:0;
  margin:0 0 15px 15px;
  clear:none;
}
#content img.center {
  padding:0;
  margin:10px 10px 15px 10px;
}
#content img.mapa {
  margin:0 auto 15px auto;
  padding:0;
}

.kontakty {
  margin-left:auto;
  margin-right:auto;
  border:none;
}
.kontakty td,
.kontakty th {
  text-align:left;
  vertical-align:top;
  padding-right:15px;
}
.kontakty th {
  font-size:14px;
  padding-bottom:10px;
}
.datum {
  color:#3c7f3a;
}

#content div.prispevek, #content div.prispevek1 { /* příspěvek v aktualitách */
/*  border-top:solid 2px #8a4400; */
  border-top:solid 2px #3c7f3a;
  padding:0;
  margin:20px 0 0 0; 
}
#content div.prispevek { /* ne první */
  clear:left;
} 

/* formulář */
fieldset {
  border:solid 1px #cccccc;
  background-color:#eeffee;
}
legend {
  text-align:left;
  font-weight:bold;
  background-color:#fcfcaa;
  padding:0.1em 0.5em;
  border:solid 1px black;
}
table.form {
  border:none;
  margin:10px;
}
.form td {
  padding:3px;
}
.form th {
  font-weight:bold;
  text-align:left;
  vertical-align:top;
  padding:3px;
}
.form th.center {
  text-align:center;
}

/* fotogalerie */
.foto {
  margin-left:auto;
  margin-right:auto;
  border:none;
}
.foto th {
  text-align:center;
  vertical-align:top;
  padding:5px;
}

/* hra */
table.results {
  margin:0.3em 2em 1em 2em;
  padding:0.1em 0.3em;
  border-top:solid 2px #8a4400;
  border-bottom:solid 2px #8a4400;
  border-collapse:collapse;
}
table.results th {
  font-weight:bold;
  text-align:left;
  border-bottom:solid 1px #8a4400;
  padding:0.1em 5em 0.1em 0.5em;
}
table.results td {
  text-align:left;
  border-bottom:solid 1px #3c7f3a;
  padding:0.1em 0.5em;
}

/* pilawood */
#pilawood {
  background:url("img/pilawood_film.png") top left repeat-y;
}
#pilawood p {
  margin-left:60px;
  margin-right:75px;
}