/* 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: 32px 0 50px;
}

h1 {
/*
  výroční logo
  top: 22px; left: 57px;
  width: 170px; height: 167px;
*/
  position: absolute;
  top: 23px; left: 25px;
  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, h6 {
  color: #315c83;
  margin: 1em 20px .33em 20px;
  font: normal bold 165%/1.4 Arial, Tahoma, sans-serif;
}
h2 {
  margin-bottom: 1em;
  font-weight: normal;
  border-bottom: 1px dotted #87a6c2;
}
h2 small { font-size: 75%; }
h3 { font-size: 130%; }
h4, dt { font-size: 110%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; font-weight: normal; }

dl, ul, ol, p, blockquote, address, form, hr { margin: 0 20px 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;
  padding: 0 0 0 13px;
  width: 235px;
  float: left;
  font-size: 110%;
  color: #315c83;
}
#menu h4 {
  margin: 1em 0 0;
  padding: 5px 5px 0;
  min-height: 30px;
  font: normal bold 120%/1.4 Arial, sans-serif;
  text-align: center;
  color: #315c83;
  background: #d8e6f2 url("../images/layout/back-menu-h4.png") 0 0 repeat-x;
  border: 2px solid #87a6c2;
  border-bottom: 0;
  border-radius: 15px 15px 0 0;

  /* [OBSOLETE?] */
  -moz-border-radius: 15px 15px 0 0;
  -webkit-border-radius: 15px 15px 0 0;
  /* [END OBSOLETE?] */
}
#menu ul {
  margin: 0;
  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;
  border-bottom: 1px dotted #87a6c2;
}
#menu ul ul {
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
}
#menu ul ul li {
  margin: 0;
  border-top: 1px dotted #87a6c2;
  border-bottom: 0;
}
#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; }

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

/* tabulky */
table {
  clear: both;
  margin: 0 auto 1em auto;
  width: 548px;
  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: 836px;
  position: relative;
  margin: 0 auto;
  text-align: left;
  background: #b2cde6 url("../images/layout/back-page.png") 1px 0 repeat-x;
  border: 2px solid #87a6c2;
  border-radius: 70px 70px 0 0;
  box-shadow: 0 0 13px 0 rgba(0,0,0,.5);

  /* [OBSOLETE?] */
  -moz-border-radius: 70px 70px 0 0;
  -moz-box-shadow: 0 0 13px 0 rgba(0,0,0,.5);

  -webkit-border-radius: 70px 70px 0 0;
  -webkit-box-shadow: 0 0 13px 0 rgba(0,0,0,.5);
  /* [END OBSOLETE?] */
}

#contain {
  width: 588px;
  margin: 20px 0 0;
  float: left;
}

#header-img {
  margin: 24px 25px 15px 0;
  float: right;
}

#footer {
  clear: both;
  margin: 0;
  padding: 5px 8px;
  font-size: 84.61%;
  text-indent: 0;
  background: url("../images/layout/back-footer.gif") 0 100% repeat-x;
}

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

#volebni-rad p { margin-left: 40px; text-indent: 0; }
#volebni-rad p em { display: inline-block; font-style: normal; font-weight: bold; margin-left: -20px; width: 2.5em;}
#volebni-rad ol { margin-left: 40px; list-style: lower-alpha; }

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

.no-list-style { list-style: none; }

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; }



.col-h-l{float:left; display:inline; width:48%;}
.col-h-r{float:right; display:inline; width:48%;}