/* GENERAL */
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, blockquote, th, td { 
  margin: 0; padding: 0; 
}
body {
  font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
  color: #ffffff; 
  font-size: 1em;
	background-color: #8fba42;
}
.cleaner {
  clear: both;
}
.novisible {
  display: none;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.aleft {
  float: left;
}
.aright {
  float: right;
}
.imgleft {
  float: left;
  padding: 0px 5px 5px 0px;
}
.imgright {
  float: right;
  padding: 0px 0px 5px 5px;
}
.spacer {
  display: block;
  height: 5px;
}
.italic {
  font-style: italic;
}
.brdr {
  margin: 2px;
  padding: 2px;
  border: 1px solid #dacf04;
}
a {
  color: #dacf04;
  text-decoration: underline;
}
a:hover {
  color: #ffffff;
  text-decoration: underline;
}
h1 {
  display: block;
  width: 300px;
  height: 23px;
  padding: 0px 0px 7px 0px;
  background-repeat: no-repeat;
	background-position: top left;
}
h1.darja {
  background-image:url("../images/n_shiatsu-school.gif");
}
h1.shiatsu {
  background-image:url("../images/n_co-je-shiatsu.gif");
}
h1.onas {
  background-image:url("../images/n_o-nas.gif");
}
h1.kurzy {
  background-image:url("../images/n_kurzy.gif");
}
h1.lektori {
  background-image:url("../images/n_lektori.gif");
}
h1.dalsi-kurzy {
  background-image:url("../images/n_dalsi-kurzy.gif");
}
h1.kurzy-druhy {
  background-image:url("../images/n_kurzy-druhy.gif");
}
h1.kurzy-frekvence {
  background-image:url("../images/n_kurzy-frekvence.gif");
}
h1.absolventi {
  background-image:url("../images/n_absolventi.gif");
}
h1.terminy {
  background-image:url("../images/n_terminy.gif");
}
h1.prihlaska {
  background-image:url("../images/n_prihlaska.gif");
}
h1.misto-konani {
  background-image:url("../images/n_misto-konani.gif");
}
h1.news {
  background-image:url("../images/n_news.gif");
}
h2 {
  display: block;
  width: 400px;
  height: 23px;
  padding: 0px 0px 7px 0px;
  background-repeat: no-repeat;
	background-position: top left;
}
h2.aktuality {
  background-image:url("../images/n_aktuality.gif");
}
h2.nabizime {
  background-image:url("../images/n_nabizime.gif");
}
h1 span, h2 span {
  position: relative;
	left: -9999px;
}
h3 {
  padding: 0px 0px 7px 0px;
  color: #dacf04;
  font-size: 1.0em;
}

/* PAGE MODEL */
div#main {
	position: absolute;
	top: 303px;
	left: 0px;
  width: 100%;
}
div#main div#content {
	margin: 0px auto 0px auto;
	width: 811px;
	position: relative;
	background-position: top left;
	background-repeat: repeat-y;
	background-image: url("../images/bgr-subpage.jpg");
}
div#main div#content div#subpage {
	position: relative;
	margin: 0px auto 0px auto;
	min-height: 250px;
	width: 771px;
	font-size: 0.8em;
	text-align: left;
}
div#main div#content div#subpage div#maincontent {
	float:right;
	width:520px;
	margin: 5px 10px 10px 5px;
}
div#main div#content div#subpage div#sidepanel {
	float:left;
	width: 204px;
	margin: 5px 15px 10px 15px;
}


/* HEADER AND MENU */
div#top {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 303px;
}
div#top div#header {
	top: 0px;
	left: 0px;
	height: 303px;
	width: 811px;
  position: relative;
  margin: 0px auto 0px auto;
  overflow: hidden;
  background-repeat: no-repeat;
	background-position: top left;
	background-image:url("../images/main-image.jpg");
}
div#top div#header div#logo {
	float: left;
  height: 89px;
	width: 200px;
	margin: 0px 0px 0px 33px;
}
div#top div#header div#logo a {
	display: block;
  height: 75px;
	width: 206px;
	margin: 10px 30px 0px 10px;
	text-decoration: none;
}
div#top div#header div#logo a:hover {
	display: block;
	text-decoration: none;
}
div#top div#header div#logo span {
	position: relative;
	left: -9999px;
}
div#top div#header div#distance {
  top: 0px;
	left: 271px;
  float: right;
  margin-right: 20px;
  height: 250px;
	width: 520px;
}


/* MAIN MENU */
div#top div#header div#mainmenu {
	top: 0px;
	left: 271px;
	float: right;
	height: 30px;
	margin-right: 20px;
	width: 520px;
}
div#top div#header div#mainmenu ul {
	float: right;
  display: block;
	list-style: none;
	color: #ffffff;
	font-size: 0.8em;
	padding: 0px;
}
div#top div#header div#mainmenu ul li {
	display: inline;
	
}
div#top div#header div#mainmenu ul li a {
	display: block;
  float: left;
  height: 29px;
  background-repeat: no-repeat;
	background-position: top left;
	text-decoration: none;
}
div#top div#header div#mainmenu ul li a:hover {
  background-position: 0px -29px;
  text-decoration: none;
}
div#top div#header div#mainmenu ul li a span {
  position: relative;
	left: -9999px;
}


/* MAIN MENU */
div#top div#header div#mainmenu ul li.shiatsu a {
	width: 64px;
	background-image:url("../images/menu_shiatsu.gif");
}
div#top div#header div#mainmenu ul li.onas a {
	width: 52px;
	background-image:url("../images/menu_onas.gif");
}
div#top div#header div#mainmenu ul li.kurzy a {
	width: 57px;
	background-image:url("../images/menu_kurzy.gif");
}
div#top div#header div#mainmenu ul li.lektori a {
	width: 64px;
	background-image:url("../images/menu_lektori.gif");
}
div#top div#header div#mainmenu ul li.dalsi-kurzy a {
	width: 92px;
	background-image:url("../images/menu_dalsikurzy.gif");
}
div#top div#header div#mainmenu ul li.absolventi a {
	width: 89px;
	background-image:url("../images/menu_absolventi.gif");
}
div#top div#header div#mainmenu ul li.terminy a {
	width: 80px;
	background-image:url("../images/menu_terminy.gif");
}


/* FOOTER COPYRIGHT */
div#main div#content div#footer {
	width: 811px;
  height: 64px;
  font-size: 0.7em;
  clear: both;
  background-repeat: no-repeat;
	background-position: top left;
  background-image:url("../images/bgr-footer.jpg");
}
div#main div#content div#footer div#copy {
	float: right;
	display: block;
	width: 280px;
	color: #01723d;
	padding: 30px 35px 0px 10px;
	text-align: center;
	line-height: 1.4em;
}
div#main div#content div#footer div#copy a {
	color: #01723d;;
	text-decoration: underline;
}
div#main div#content div#footer div#copy a:hover {
	color: #000000;
	text-decoration: none;
}


div#sidepanel ul#news {
  display: block;
  float: left;
  width: 100%;
	list-style: none;
	padding: 0px 0px 15px 0px;
}
div#sidepanel ul#news li {
	display: block;
	float: left;
	width: 100%;
	padding: 0px 0px 8px 0px;
}
div#sidepanel ul#news li span {
	font-weight: bold;
}
p.more {
	float: right;
	font-size: 0.85em;
	padding: 0px 0px 0px 12px;
	margin: 3px 0px 0px 0px;
  background-repeat: no-repeat;
	background-position: 0px 4px;
	background-image:url("../images/bgr-more.gif");
}
div#main div#content div#subpage div#maincontent p {
	margin: 0px 0px 8px 0px;
}

div#sidepanel ul#sidemenu {
	float: left;
	list-style: none;
	padding: 20px 10px 20px 10px;
}
div#sidepanel ul#sidemenu li {
	padding: 3px 0px 3px 0px;
}
div#sidepanel ul#sidemenu li a {
	text-decoration: none;
}
div#sidepanel ul#sidemenu li a:hover {
	text-decoration: underline;
}

div#maincontent ul {
  list-style: none;
	padding: 0px 0px 10px 0px;
}
div#maincontent ul li {
  font-size: 0.9em;
	line-height: 1.4em;
	padding: 3px 0px 3px 12px;
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position: 4px 12px;
	background-image:url("../images/bgr-li.gif");
}
div#maincontent ul li ul li {
	font-size: 1.0em;
}

div#maincontent ul.foto {
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px; 
  width: 510px;
  float: left;
	list-style: none;
}
div#maincontent ul.foto li {
	list-style: none;
	float: left;
	width: 170px;
	text-align: center;
	background: none;
	padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px; 
}
div#maincontent ul.foto li p {
  margin: 3px 0px 3px 0px;
  padding: 0;
}

div#maincontent ul.half {
  display: block;
  float: left;
  width: 520px;
	list-style: none;
}
div#maincontent ul.half li {
	display: block;
	float: left;
	width: 245px;
	font-size: 0.9em;
	padding: 0px 0px 4px 12px;
	margin: 3px 0px 0px 0px;
	font-weight: bold;
	color: #dacf04;
	background-repeat: no-repeat;
	background-position: 3px 6px;
	background-image:url("../images/bgr-li.gif");
}
div#main div#content div#subpage div#maincontent table#report {
  border-collapse:collapse;
  border-bottom: 1px solid #dacf04;
  width: 100%;
}
/*div#main div#content div#subpage div#maincontent table#report tr {
  border-top: 1px solid #dacf04;
}*/

div#main div#content div#subpage div#maincontent table#report tr td {
  border-top: 1px solid #dacf04;
  padding: 3px 10px 3px 0px;
}
div#main div#content div#subpage div#maincontent table#report tr td.arrow {
  width: 20px;
}
div#main div#content div#subpage div#maincontent table#report tr.noline td {
  border-top: none;
  padding: 3px 10px 3px 0px;
}
div#main div#content div#subpage div#maincontent table#report tr td p {
  padding: 3px 0px 3px 0px;
  margin: 0px 0px 0px 0px;
}
div#main div#content div#subpage div#maincontent table#report tr td p span {
  padding: 0px 30px 0px 0px;
}
div#main div#content div#subpage div#maincontent table#report div.arrow { 
  background:transparent url(../images/arrows.png) no-repeat scroll 0px -10px; 
  width:10px; 
  height:10px; 
  display:block;
}
div#main div#content div#subpage div#maincontent table#report div.up { background-position:0px 0px;}

div#main div#content div#subpage div#maincontent form fieldset {
  border: none;
	display: inline;
}
div#main div#content div#subpage div#maincontent form fieldset legend {
  display: none;
}
div#main div#content div#subpage div#maincontent ul.form, div#main div#content div#subpage div#maincontent ul.formbr {
  float: left;
  width: 500px;
	list-style: none;
}
div#main div#content div#subpage div#maincontent ul.form li, div#main div#content div#subpage div#maincontent ul.formbr li {
	float: left;
	width: 480px;
	padding: 0px 0px 4px 12px;
	margin: 3px 0px 0px 0px;
	background-image: none;
}
div#main div#content div#subpage div#maincontent ul.form li.half, div#main div#content div#subpage div#maincontent ul.formbr li.half {
	float: left;
	width: 230px;
	padding: 0px 0px 4px 12px;
	margin: 3px 0px 0px 0px;
}
div#main div#content div#subpage div#maincontent ul.form li.cena {
	float: left;
	width: 250px;
  padding: 0px 0px 4px 12px;
	margin: 3px 0px 0px 0px;
	background: #ffffff;
	color: #000000;
}
div#main div#content div#subpage div#maincontent ul.form li label {
	float: left;
	width: 50px;
}
div#main div#content div#subpage div#maincontent ul.form li label.long {
	float: left;
	width: 150px;
}
div#main div#content div#subpage div#maincontent ul.form li label.longer {
	float: left;
	clear: right;
	width: 250px;
}
div#main div#content div#subpage div#maincontent ul.form li.submit, div#main div#content div#subpage div#maincontent ul.formbr li.submit {
  width: 120px;
  padding: 10px 0px 5px 200px;
  text-align: center;
}
div#main div#content div#subpage div#maincontent ul.formbr li label {
	display: block;
  width: 200px;
  height: 17px;
  clear: right;
  font-size: 0.95em;
}
div#main div#content div#subpage div#maincontent ul.formbr li.half input {
  height: 18px;
  width: 210px;
  padding: 1px 0px 0px 0px;
  font-size: 1em;
}
div#main div#content div#subpage div#maincontent ul.formbr input.kod {
  height: 18px;
  width: 100px;
  padding: 1px 0px 0px 0px;
  margin: 0px 20px 0px 0px;
  font-size: 1em;
}

div#main div#content div#subpage div#maincontent ul.formbr li input {
  height: 18px;
  width: 451px;
  padding: 1px 0px 0px 0px;
  font-size: 1em;
}

div#main div#content div#subpage div#maincontent ul.formbr li.submit input {
  height: 100%;
  width: 100%;
  padding: 1px 0px 0px 0px;
  font-size: 1em;
}

div#main div#content div#subpage div#maincontent ul.formbr li select {
  height: 20px;
  width: 210px;
  padding: 1px 0px 0px 0px;
  font-size: 1em;
}


div#main div#content div#subpage div#maincontent ul.oblast {
  float: left;
  width: 100%;
	list-style: none;
	padding: 0px 0px 10px 0px;
}
div#main div#content div#subpage div#maincontent ul.oblast li {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-image: none;
}
div#main div#content div#subpage div#maincontent ul.oblast li span {
  padding: 0px 30px 0px 0px;
}
div#main div#content div#subpage div#maincontent h2.zakladni-kurz {
  color: #99c251;
}
div#main div#content div#subpage div#maincontent h2.prvni-rocnik {
  color: #f29400;
}
div#main div#content div#subpage div#maincontent h2.druhy-rocnik {
  color: #ffff00;
}
div#main div#content div#subpage div#maincontent h2.treti-rocnik {
  color: #b5b5b5;
}
div#main div#content div#subpage div#maincontent h2.uvod-zaver {
  color: #84d0f0;
}

div#main div#content div#subpage div#maincontent h2.terminy {
  color: #99c251;
  font-size: 1.2em;
  clear: both;
}

div#main div#content div#subpage div#maincontent div#perex {
  padding: 0px 0px 10px 0px;
}
div#main div#content div#subpage div#maincontent div p {
  padding: 0px 0px 8px 0px;
  margin: 0px 0px 0px 0px;
}

div#main div#content div#subpage div#maincontent div.zakladni-kurz p {
  color: #99c251;
}
div#main div#content div#subpage div#maincontent div.prvni-rocnik p {
  color: #f29400;
}
div#main div#content div#subpage div#maincontent div.druhy-rocnik p {
  color: #ffff00;
}
div#main div#content div#subpage div#maincontent div.treti-rocnik p {
  color: #b5b5b5;
}
div#main div#content div#subpage div#maincontent div.uvod-zaver p {
  color: #84d0f0;
}

div#main div#content div#subpage div#maincontent h2#terminy {
  font-size: 1.2em;
  color: #dacf04;
  padding: 15px 0px 8px 0px;
}
div#main div#content div#subpage div#maincontent div#ruzice {
  display: block;
  float: left;
  width: 310px;
  height: 300px;
  background: url(../images/kurzy-ruzice.jpg) no-repeat 0px 0px;  
  padding: 0px;
  margin: 0px;
}
div#main div#content div#subpage div#maincontent div#ruzice span {
  display: none;
}
div#main div#content div#subpage div#maincontent div#ruzice div span {
  display: none;
}
div#main div#content div#subpage div#maincontent div#ruzice div a {
  text-decoration: none;
}
div#main div#content div#subpage div#maincontent div#ruzice div a:hover {
  text-decoration: none;
}
div#main div#content div#subpage div#maincontent div#ruzice div#ohen {
  position: relative;
  top: 0px;
  left: 103px;
  width: 100px;
  height: 100px;
  padding: 0px;
  margin: 0px;
}
div#main div#content div#subpage div#maincontent div#ruzice div#drevo {
  position: relative;
  top: -155px;
  left: 0px;
  width: 100px;
  height: 115px;
}
div#main div#content div#subpage div#maincontent div#ruzice div#zeme {
  position: relative;
  top: -40px;
  left: 205px;
  width: 100px;
  height: 115px;
}
div#main div#content div#subpage div#maincontent div#ruzice div#voda {
  position: relative;
  top: -150px;
  left: 50px;
  width: 100px;
  height: 105px;
}
div#main div#content div#subpage div#maincontent div#ruzice div#kov {
  position: relative;
  top: -257px;
  left: 155px;
  width: 100px;
  height: 105px;
}
div#main div#content div#subpage div#maincontent div#ruzice div a {
  display: block;
  width: 100px;
  height: 112px;
}

div#main div#content div#subpage div#maincontent div.end {
  width: 100%;
  border-top: 1px solid #dacf04;
}