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

html {
  background: #ffffff url("../images/layout/back-html.gif") 50% 2px;
  font: .8em/1.4 Arial, sans-serif;
  color: black;
}
* html { font-size: 80%; }

body {
  text-align: center;
  margin: 20px 0 50px;
  background: url("../images/layout/back-body.png") 50% 0 repeat-y;
}

h1 {
/*
  výroční logo
  top: 22px; left: 57px;
  width: 170px; height: 167px;
*/
  position: absolute;
  top: 35px; left: 37px;
  width: 212px; height: 100px;
  overflow: hidden;
}
h1 span {
  position: absolute;
  top: 0; left: 0;
  display: block;
  width: 100%; height: 100%;
  background: url("../images/logo.png") no-repeat;
}

h2, h3, h4, h5 {
  color: #315c83;
  margin: 1em 20px .33em 20px;
  font: normal bold 165%/1.4 Arial, Tahoma, sans-serif;
}
h2 {
  margin-bottom: 1em;
  font-weight: normal;
  background: url("../images/layout/back-menu-li.gif") 0 100% repeat-x;
}
h2 small { font-size: 75%; }
h3 { font-size: 130%; }
h4, dt { font-size: 110%; }
h5 { font-size: 100%; }

dl, ul, ol, p, blockquote, address, form, hr { margin: 0 20px 1em; }
p, blockquote, dd { 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; }

img { border: 2px solid #87a6c2; }
img#header-img { border: 0; }

address {
  font-style: normal;
  line-height: 1.7em;
}
address span, span.width {
  display: block;
  width: 7em;
  float: left;
}
h4 span.width { height: 1.5em; }

hr {
  height: 1px;
  color: #315c83;
  background-color: #315c83;
  border: 0px solid #315c83;
}

em { font-style: italic; }
q, blockquote { font-style: italic; color: #234d75; }
q:before, q:after { content: ""; }
blockquote {
  border: 2px solid #a3c2e0;
  background: #c2d8eb url("../images/layout/back-blockquote.gif") 5px 5px no-repeat;
}
blockquote p { margin: 1em 15px; }

/* menu */
#menu {
  margin-top: 20px;
  width: 260px;
  float: left;
  font-size: 110%;
  color: #315c83;
}
#menu h4 {
  margin: 1em 0 0 25px;
  padding: 5px 5px 0;
  font: normal bold 120%/1.4 Arial, sans-serif;
  text-align: center;
  color: #315c83;
  background: #87a6c2 url("../images/layout/back-menu-h4.png") 0 0 no-repeat;
}
#menu ul {
  margin: 0 0 0 25px;
  padding-bottom: 5px;
  background: #d8e6f2;
  border: 2px solid #87a6c2;
  border-top: 0;
}
#menu ul li {
  list-style-type: none;
  padding: 5px 0 1px;
  margin: 0 10px;
  background: url("../images/layout/back-menu-li.gif") 0 100% repeat-x;
}
#menu ul ul {
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
}
#menu ul ul li {
  margin: 0;
  background: url("../images/layout/back-menu-li.gif") 0 0 repeat-x;
}
#menu ul ul    a:link, #menu ul ul    a:hover, #menu ul ul    a:visited { margin-left: 30px; }
#menu ul ul ul a:link, #menu ul ul ul a:hover, #menu ul ul ul a:visited { margin-left: 50px; }
* html #menu ul ul { background: url("../images/layout/back-menu-li.gif") 0 100% repeat-x; }

#menu p {
  margin: 1em 0 0 25px;
  text-align: center;
  text-indent: 0;
}

/* tabulky */
table {
  clear: both;
  margin: 0 auto 1em auto;
  width: 550px;
  border-collapse: collapse;
  border-top: 1px solid #87a6c2;
}

th, td {
  border-bottom: 1px solid #87a6c2;
  padding: 2px 5px;
}
th { color: #315c83; }
table.th-vertical th, table.th-horizontal th, th.th-horizontal, .colored { background: #9cb9d4; }
table.th-vertical th {
  width: 33%;
  text-align: right;
  padding-right: 10px;
  border-right: 2px solid #87a6c2;
}
table.th-horizontal th, th.th-horizontal {
  text-align: left !important;
  border-width: 2px;
  border-right-width: 0 !important;
}

table.th-narrow th { width: 10% !important; }
table.td-vertical-top td, .td-vertical-top { vertical-align: top !important; }
table img { border: 0; }
.no-border, .no-border td, .no-border th { border: 0 !important; }
table.center td, table.center th { text-align: center !important; }

/* id # */
#bezdratova-skola, #odysseus {
  text-align: center;
  margin: 0 20px;
  padding-top: 5px;
  text-indent: 0;
}
#bezdratova-skola { margin-top: 1em; }

#page {
  width: 860px;
  position: relative;
  margin: 0 auto;
  text-align: left;
  background: url("../images/layout/back-page.png") 50% 0 no-repeat;
}

#contain {
  width: 590px;
  margin: 20px 0 -15px;
  float: left;
}

#header-img {
  margin: 36px 37px 15px 0; /* původně 36px 37px 0 0 */
  float: right;
}

#footer {
  position: relative;
  top: 30px;
  clear: both;
  margin: 0;
  padding: 0 20px;
  height: 30px;
  line-height: 18px;
  font-size: .85em;
  text-indent: 0;
  background: url("../images/layout/back-footer.png");
}
* html #footer { background: url("../images/layout/back-footer-ie.png"); }

#program-oslav {
  min-height: 223px;
  background: url("../images/program-oslav-back.png") 50% 50% no-repeat;
}

/* class . */
.clear { clear: both; }
.cleaner {
  visibility: hidden;
  clear: both;
}
.no-show { display: none; }
.no-indent { text-indent: 0 !important; }
.no-border { border: 0 !important; }

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

.float-right { float: right; }

.left-margin { margin-left: 20px; }
.left-margin h3, .left-margin h4, .left-margin h5 { margin-left: 0; }

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

.web { color: black; }

.name, .phone, .email, .fax, .map, .ic, .bank {
  width: 10em;
  padding-left: 25px;
  clear: left;
  background: url("../images/layout/house.png") 0 50% no-repeat;
}
.phone { background-image: url("../images/layout/phone.png"); }
.email { background-image: url("../images/layout/email.png"); }
.fax   { background-image: url("../images/layout/fax.png"); }
.map   { background-image: url("../images/layout/map.png"); display: block; }
.ic    { background-image: url("../images/layout/ic.png"); }
.bank  { background-image: url("../images/layout/bank.png"); }

.test {
  overflow: auto;
}
.test li {
  list-style-type: lower-alpha;
  width: 20%;
  margin: 0 0 0 5%;
  padding: 0;
  float: left;
}
.question {
  margin-bottom: 0;
  text-indent: 0;
  font-style: italic;
}

.bannerText {
  line-height: 1.5;
  font-size: 84.61%;
  margin: .5em 20px;
}


/* odkazy */
a:link, a:hover, a:visited { color: #315c83; }
a:hover { color: black; overflow: visible; } /* overflow je nastaven pro IE, jinak by ramecek pri hoveru nebyl kolem celeho obrazku */

a:hover img { border-color: #315c83; }

#menu ul a:link, #menu ul a:hover, #menu ul a:visited {
  display: block;
  text-decoration: none;
  margin-left: 10px;
  background: url("../images/layout/arrow.gif") -100px 50% no-repeat;
}
#menu ul a:hover, #menu ul a.active:visited {
  color: black;
  padding-left: 10px;
  background-position: 0 50%;
}

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