/*
  colors: http://wellstyled.com/tools/colorscheme2/index-en.html?triad;67;0;225;0.75;0.75;0.5;-0.9;0.5;0.5;0.1;0.9;0.5;-0.9;0.5;0.5;0.1;0.9;0.75;0.75;0.1;0.9;0.75;0.75;0.5;-0.9;0.5;0.5;0.5;-0.9;0.5;0.5;0.1;0.9;0.75;0.75;0
*/

@import url("reset.css");

* { color: #333; margin: 0; padding: 0; }

/******************************************************************************
 * Page
 *****************************************************************************/
body {
  margin: 0;
  padding: 0;
  background-color: #406480;
  font: 0.8125em Tahoma, Verdana, sans-serif;
}

#page {
  width: 960px;
  margin: 0 auto;
  background-color: white;
/*  background-color: #DFE7F2;*/
  /* min-width: 800px; */
}

/******************************************************************************
 * Header
 *****************************************************************************/
#head {
  padding: 10px 0 20px 90px;
  background-color: white;
  color: #3082BF;
}

#head h2 { font-weight: bold; font-size: 40px; }
#head h3 {
  font-weight: bold;
  font-size: 16px;
  margin: 10px 0 0 190px;
  color: #3082BF;
}
#head a { text-decoration: none; color: #3082BF; }

#footer {
  padding: 10px;
  clear: both;
  text-align: center;
  background-color: #e6cb73;
/*  background-color: #BF9E30;*/
  color: #807140;
/*  color: white;*/
}

/******************************************************************************
 * Top menu
 *****************************************************************************/
#top-menu {
  position: relative;
  display: block;
  height: 70px;
  *height: 72px;  /* ie asterisk hack */
  background-color: white; /*#E6CB73;*/
}

#nav {
  position: relative;
  padding-left: 30px;
}

#nav li {
  display: inline;
/*  padding-right: 15px;*/
  white-space: nowrap;
}

#nav a { text-decoration: none; }

#nav li a {
  padding: 7px;
  color: #807140;
  border: 2px solid #E6CB73;
  border-bottom: 0;
  font-weight: bold;
  font-size: 11px;
}

#nav li.on a {
  border: 2px solid #807140;
  border-bottom: 0;
}

/* secondary menu */
#nav li ul { display: none; }

#nav li.on ul,
#nav li.off ul {
  position: absolute;
  left: 0;
  top: 22px;
  *top: 29px;
  background-color: #E6CB73;
  padding: 8px 0 7px 60px;
  width: 960px; voice-family: "\"}\""; voice-family: inherit; width: 900px;
}

#nav li.on ul a,
#nav li.off ul a {
  border: 0;
  color: #807140;
}

#nav li.on ul { display: block; }

#nav li.off:hover ul {
  display: block;
  z-index: 6000;
}

#nav li a:hover,
#nav li:hover a {
  background-color: #E6CB73;
  color: #807140;
}

/******************************************************************************
 * Content
 *****************************************************************************/
#content {
  margin: 0 20%;
  padding: 1em;
  background-color: white;
}

#content p { margin: 0.5em 0; }
#content a { color: #444; }
#content a:hover { color: #000; }

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  color: #bf5d30;
  font-weight: bold;
/*  color: #771c15;*/
}

#content h1 {
/*  border-left: solid 1px #e67b73;*/
  font-size: 1.5em;
  margin: 0 0 1em 0;
}

#content h2 { margin: 2em 0 0.3em 0; font-size: 1.4em; }
#content h3 { margin: 1em 0 0.2em 0; font-size: 1.3em; }
#content h3.spolupracovnik-jmeno { margin: 1.7em 0 0.2em 0; font-size: 1.0em; }
#content h4 { font-size: 1.1em; margin: 1.2em 0 0.2em 0; }
#content h5 { margin: 1em 0 0.2em 0; font-size: 1em; }

#content div.odbtext {
  margin: 1em 0 1em 2em;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#content div.odbtext p.nazev { font-weight: bold; margin: 0; }
#content div.odbtext p.autor { margin: 0 0 0.5em 0; }
#content div.odbtext p { margin: 0.5em 0; }
#content div.odbtext p.soubor { margin: 0; }

#content ul { list-style: disc; }
#content li { margin: 0.1em 0 0.1em 2em; }

img { border: 0; }

#content .kratena-upozorneni { border: 1px solid #e6cb73; bottom: 0; margin: 1em 0 0 0; }
#content .kratena-upozorneni h2 { background-color: #fff3cc; color: black; font-size: 1em; margin: 0 0 5px 0; text-align: center; padding: 3px; font-weight: normal; }
#content .kratena-upozorneni img { margin: 0 10px 0 5px; }
#content .kratena-upozorneni table { border: 0; width: 100%; margin: 0; }

/******************************************************************************
 * Left and right sidebars
 *****************************************************************************/
#left-container { float: left; clear: both; width: 20%;
  font-size: 11px;
  background-color: #eff8ff;}
/*  background-color: #E7EEF3;}*/
#right-container { float: right; width: 20%;
  font-size: 11px;
  background-color: #eff8ff;}
/*  background-color: #E7EEF3;}*/


.column-block {
  margin: 0.8em;
  padding: 0 0 0.9em 0;
}

.column-block h2 {
  margin-bottom: 0.2em;
  display: block;
  color: #bf5d30;
/*  color: #771c15;*/
  border-bottom: solid 1px #bf5d30;
  font-size: 1.2em;
  font-weight: bold;
}

.column-block h3 {
  margin: 0.7em 0 0 0;
  padding: 0;
  font-size: 1em;
  font-weight: bold;
}

.column-block p { margin: 0; padding: 0; }
.column-block a { color: #444; } 
.column-block a:hover { color: #000; }

/******************************************************************************
 * Column block with links
 *****************************************************************************/
#odkazy, #odkazy li { list-style: none; margin: 0; padding: 0; }
#odkazy a {
/*  display: block;*/
  margin: 0; padding: 0; text-decoration: none; color: #444; }
#odkazy a:hover { color: black; } 

.red { color: red; }
address { font-style: normal; }

/******************************************************************************
 * Tables
 *****************************************************************************/
table {
  background-color: white;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  margin: 0.2em auto 1em auto;
  border-collapse: collapse;
  font-size: 0.9em;
}
td, th { vertical-align: top; padding: 0.3em; }
th { text-align: left; font-weight: bold; }
thead { background-color: #fff3cc; border-bottom: 1px solid #ddd; }
th.datum { width: 10em; }
th.letak, th.prihlaska { width: 5em; text-align: center; }
.cenik td { text-align: right; }
td.ar { text-align: right; }
td.al { text-align: left; }
td.ac { text-align: center; }
tr.even { background-color: #f3f3f3; }


/******************************************************************************
 * Form: Prihlaska na kurz
 *****************************************************************************/
form { margin: 1em 0; }
form table { border: 0; margin: 0; padding: 0; }
form th { text-align: right; font-weight: normal; }
form th.section { text-align: left; font-size: 1.3em; font-weight: bold; color: #bf5d30; border-top: 1px solid #ddd; }
input, textarea { background-color: #fff3cc; margin-right: 5px; }