/* elementy */
* {
  margin: 0;
  padding: 0;
}

html {
  font: 0.8em/1.4 Trebuchet MS, Arial, sans-serif;
  color: black;
  height: 100%;
  /* pozadí nastaveno v příslušném schématu */
}
* html { font-size: 80%; }

body {
  height: 100%;
  text-align: center;
  /* pozadí nastaveno v příslušném schématu */
}

h1 {
  font-size: 200%;
  width: 507px; height: 63px;
  line-height: 63px;
  margin-left: 2px;
  float: left;
  overflow: hidden;
  position: relative;
}
h1 span {
  position: absolute;
  top: 0; left: 0;
  display: block;
  width: 100%; height: 100%;
  /* pozadí nastaveno v příslušném schématu */
}

h2, h3, h4, h5 {
  color: black;
  margin: .5em 20px .33em;
  font: italic normal 180%/1.4 Arial, Tahoma, sans-serif;
}
h3 { font-size: 135%; font-weight: bold; text-align: center; }
h4 { font-size: 100%; font-weight: bold; font-style: normal; }
h5 { font-size: 100%; }
#leftCol h3 { margin-top: 0; }

ul, ol, p, address, fieldset, #sign-up, hr { margin: 0 20px 1em; }
p { text-indent: 1em; }
li { margin-left: 25px; }

ul ul, ol ol { margin: 0; }
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }

address { font-style: normal; }
address span, span.width {
  display: block;
  width: 6em;
  float: left;
}

hr {
  height: 1px;
  color: black;
  background-color: black;
  border: 0px solid black;
}


#sign-up label {
  width: 33%;
  padding-right: 2%;
  display: block;
  float: left;
  clear: left;
}
#sign-up input {
  width: 65%;
  margin-bottom: 5px;
}
#sign-up .submit {
  width: auto;
  margin: .5em 0 0;
}

table {
  clear: both;
  margin: 0 20px 1em;
  border-collapse: collapse;
  border-top: 1px solid gray;
}

th, td {
  border-bottom: 1px solid gray;
  padding: 2px 5px;
}

/* # id */
#container { height: 100%; min-height: 100%; position: relative; } /* slouží pouze k napozicování patičky */
body>#container { height: auto; }
#page {
  width: 764px; 
  margin: 0 auto;
  text-align: left;
}

#main-menu {
  position: absolute;
  top: 0; left: 0;
  margin: 0;
  width: 100%; height: 40px;
  text-align: center;
  color: #bbbbbb;
  /* pozadí nastaveno v příslušném schématu */
  font: italic 1.3em/40px Trebuchet MS, Arial, sans-serif;
}
#main-menu ul {
  width: 764px; height: 40px;
  margin: 0 auto;
  list-style-type: none;
}
#main-menu li { float: left; width: 152px; margin: 0; }

#sections-menu {
  clear: both;
  width: 750px; height: 120px;
  margin: 0 7px;
  list-style-type: none;
}
#sections-menu li {
  float: left;
  height: 120px;
  margin: 0;
}

#header {
  padding-top: 40px;
  height: 190px;
  background-color: white !important;
}
#header em {
  display: block;
  height: 49px;
  padding-top: 14px;
  font-weight: bold;
  text-align: center;
  font-style: italic;
  font-size: 14px;
  /* barva písma nastavena v příslušném schématu */
}

#content {
  position: relative;
  width: 515px;
  padding-bottom: 65px;
  float: left;
}

#leftCol {
  position: relative;
  width: 249px;
  margin: 33px 0 98px; /* 82 - 65 patička, 17 spodní okraj menu, 16 mezera */
  background: white url("../images/back-leftCol.gif");
  float: right;
}
#leftCol #beginBack, #leftCol #endBack { position: absolute; width: 100%; height: 17px; }
#leftCol #beginBack {
  top: -17px;
  background: url("../images/back-leftCol-begin.gif");
}
#leftCol #endBack {
  bottom: -17px;
  background: url("../images/back-leftCol-end.gif");
}

#footer {
  position: absolute;
  bottom: 0; left: 0;
  width: 100%; height: 65px;
  overflow: hidden;
  text-align: center;
}
#footer p {
  width: 760px;
  margin: 13px auto 0;
  font-size: 13px;
  text-align: left;
}

#edit {
  position: absolute;
  top: 1em;
  right: 20px;
  padding-left: 20px;
  background: url("../texyla/icons/silk/edit.png") 0 50% no-repeat;
}

/* . class */
.cleaner {
  visibility: hidden;
  clear: both;
}

.side-menu {
  line-height: 1.8em;
  margin-left: 2px;
  margin-right: 2px;
  list-style-type: none;
  font-size: 1.1em;
}
.side-menu li {
  border-bottom: 1px dashed black;
  margin: 0;
}

.no-show { display: none; }
.no-indent { text-indent: 0; }
.no-margin { margin: 0; }

img.left  { margin: .5em 10px .5em 0; float: left; }
img.right { margin: .5em 0 .5em 10px; float: right; }

.center { text-align: center !important; text-indent: 0; }
.right  { text-align: right  !important; text-indent: 0; }

.float-right { float: right; }
.float-left { float: left; }

.web { color: white; }

/* odkazy */
a:link, a:hover, a:visited { color: blue; }
a:hover { color: black; overflow: visible; } /* overflow je nastaven pro IE, jinak by rámeček při hoveru nebyl kolem celého obrázku */

/* h1 a:link, h1 a:visited - barva nastavena v příslušném schématu */
h1 a:hover { color: black !important; }

#main-menu a:link, #main-menu a:hover, #main-menu a:visited {
  text-decoration: none;
  color: black;
}
#main-menu a:hover { color: white; }

#sections-menu a:link, #sections-menu a:hover, #sections-menu a:visited {
  display: block;
  width: 210px; height: 38px;
  overflow: hidden;
  padding: 82px 15px 0;
  text-align: right;
  font: italic 22px/25px Trebuchet MS, Arial, sans-serif;
  text-decoration: none;
  color: black;
  background: #cacaca url("../images/sections.jpg") 0 0;
}
a#garden:link,    a#garden:hover,    a#garden:visited    { background-position: 0% 0%; }
a#work-room:link, a#work-room:hover, a#work-room:visited { background-position: 50% 0%; margin: 0 15px; }
a#saw-work:link,  a#saw-work:hover,  a#saw-work:visited  { background-position: 100% 0%; }

a#garden:hover,    a#garden.active:link,    a#garden.active:visited    { background-color: #cde0c6; background-position: 0 100%; }
a#work-room:hover, a#work-room.active:link, a#work-room.active:visited { background-color: #f0e4ba; background-position: 50% 100%; }
a#saw-work:hover,  a#saw-work.active:link,  a#saw-work.active:visited  { background-color: #ead0d0; background-position: 100% 100%; }

.side-menu a:link, .side-menu a:hover, .side-menu a:visited {
  display: block;
  color: black;
  text-decoration: none;
  padding-left: 40px;
  background: 20px 60% no-repeat;
}

#footer a:link, #footer a:hover, #footer a:visited {
  text-decoration: none;
  color: black;
}
#footer a:hover { color: white; }