body {
  padding: 0;
  margin: 0;
  background: #603613 url(/img/bg_strip.png) repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #583a1c;
}

div#page {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 996px;
  height: 743px;
  background: white url(/img/background.jpg) no-repeat; 
}

/* logo */
/*
h1 {
  padding: 0;
  margin: 0;
  margin-left: 720px;
  display: block;
  width: 255px;
  height: 75px;
  background: transparent url(/img/logo.png) 0 5px no-repeat;
}

h1 span {
  display: none;
}

h2 {
  padding: 0;
  margin: 0;
  margin-left: 650px;
  display: block;
  width: 268px;
  height: 20px;
  background: transparent url(/img/zsms_text.png) 0 0 no-repeat;
}

h2 span {
  display: none;
}
*/
h1 {
  padding: 0;
  margin: 0;
  margin-left: 620px;
  display: block;
  width: 352px;
  height: 94px;
  background: transparent url(/img/slunkotext.png) 0 5px no-repeat;
}

h1 span {
  display: none;
}

h2 {
  display: none;
}

h2 span {
  display: none;
}


/* top menu */

div#topmenu a span {
  display: none;
}

div#topmenu {
  margin-top: 100px;
  margin-left: 280px;
}

div#topmenu a {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100px;
  height: 21px;
  float: left;
}

a#a-onas {
  background-image: url(/img/onas.png);
}

a#a-aktuality {
  background-image: url(/img/aktuality.png);
}

a#a-galerie {
  background-image: url(/img/galerie.png);
}

a#a-kontakty {
  background-image: url(/img/kontakty.png);
}

a#a-reference {
  background-image: url(/img/reference.png);
}

/* side menu */

/*
div.sidemenu ul {
  text-align: right;
  list-style: none;
}
*/

/*
div.sidemenu ul {
  margin: 0;
  padding: 0;
}

div.sidemenu ul li {
  height: 25px;
  width: 180px;
  background: transparent url(/img/sidemenu_row_bg.png) no-repeat;
}

div.sidemenu ul li a {
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  color: #583a1c;
  margin-right: 30px;
}

div.sidemenu ul li a:hover {
  color: red;
}

*/


/* content */
div#content {
  %z-index: -1;   /* IE z-index bug */
  position: absolute;
  top: 230px;
  left: 300px;
  width: 560px;
  height: 250px;
  font-size: 12px;
  overflow: auto;
}

div#subcontent {
  padding-left: 20px;
}

div#content h3 {
  padding-top: 15px;
  font-size: 18px;
  font-weight: bold;
}

div#content h3.ms {
  background: url(/img/ms_bg.png) 20px 0 no-repeat;
}

div#content h3.zs {
  background: url(/img/zs_bg.png) 20px 0 no-repeat;
}

/* galery */
div#galery {
  %z-index: -1;   /* IE z-index bug */
  position: absolute;
  top: 230px;
  left: 300px;
  width: 570px;
  height: 450px;
  font-size: 12px;
  overflow: auto;
}

div#galery .photo {
  padding: 3px;
  float: left;
}

div#galery h3 {
  padding-top: 15px;
  font-size: 18px;
  font-weight: bold;
}

div#galery h3.ms {
  background: url(/img/ms_bg.png) 20px 0 no-repeat;
}

div#galery h3.zs {
  background: url(/img/zs_bg.png) 20px 0 no-repeat;
}

div#galery h4 {
  color: #f5d33b;
  font-size: 14px;
}

/* images */

div#images {
  position: absolute;
  top: 500px;
  left: 320px;
  width: 560px;
  height: 180px;
}

div#images img {
  display: block;
  width: 154px;
  height: 154px;
  margin-left:1px;
}

div#images div {
  float: left;
  width: 162px;
  margin-right: 10px;
}

div.round-shadow {
  position: absolute;
  top: 0px;
  left: auto;
  width: 162px;
  height: 162px;
  background-image: url(/img/round_shadow.png);
}

/* foot */
div#foot {
  position: absolute;
  left: 70px;
  top: 700px;
  width: 180px;
  height: 40px;
  text-align: center;
}

div#foot a {
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  color: #583a1c;
}

div#foot span {
  font-size: 8px;
  font-weight: bold;
}
/* cleaner */
/*
div#cleaner {
  position: absolute;
  top: 543px;
  left: 800px;
  width: 241px;
  height: 200px;
  background: transparent url(/img/sunflower.png) no-repeat;
}*/
div#cleaner {
  position: absolute;
  top: 543px;
  left: 800px;
  width: 241px;
  height: 200px;
  background: transparent url(/img/slunecnice.png) no-repeat;
}

div#icampus {
  position: absolute;
  top: 692px;
  left: 530px;
}

div#icampus a img {
  border: 0;
}

div#maroart {
  position: absolute;
  font-size: 9px;
  top: 715px;
  left: 700px;
  color: #583a1c;
  width: 200px;
  height: 25px;
}

div#maroart a {
  color: #583a1c;
}

/* class */

.hidden {
  display: none;
}