body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black;
  background-color: white;
  background-image: url(sysimg/bg-271b.gif);
  background-position: top left;
  background-repeat: repeat-y;
  margin:  0;
  padding: 0;
}

.csshide   { display: none; }
.arrow     { font-weight: 900; letter-spacing: -1px; font-family: Arial, Helvetica, sans-serif;
             color: rgb(255,51,0); background-color: transparent;  }
.thispage  { color: rgb(204,0,0); }
.centered  { text-align: center; }
.raligned  { text-align: right; }
.bolded    { font-weight: bold; }
.bgf       { background-color: rgb(242,248,252); }

a:link    { color: rgb(0,102,191);   }
a:visited { color: rgb(0,51,102);  }
a:active  { color: rgb(232,153,0); }
a:hover   { color: rgb(255,0,51);  }

a img { border: none; } 

div {
  margin: 0; padding: 0;
}

h1 {
  margin: 0 0 20px 0;
  font-size: 150%;
  color: rgb(204,0,0);
}
h2 {
  margin: 20px 0 12px 0;
  font-size: 115%;
  color: rgb(153,0,0);
}
h2.bg {
  margin: 20px 0px 12px -15px;
  padding: 2px 0px 2px 15px;
  background-color: rgb(235,240,250);
}
h2.bg2 {
  margin: 20px 0px 12px -15px;
  padding: 2px 0px 2px 15px;
  background-color: rgb(215,225,245);
}
h3 {
  margin: 16px 0 12px 0;
  font-size: 100%;
  color: rgb(0,51,102);

  color: rgb(102,0,0);
  color: rgb(0,102,153);  
}
h4 {
  margin: 0 0 12px 0;
  font-size: 85%;
  color: rgb(0,51,102);
  color: rgb(0,102,153);
}
h4.courselist {
  margin: 15px 0 6px 0;
}
address {
  margin: 0 0 12px 0;
  font-size: 90%;
  font-style: normal;
  line-height: 150%;
  padding-left: 15px;
  border-left: 2px dotted silver;
}

p, address {
  margin: 0 0 12px 0;
  font-size: 80%;
}

div.perex {
  padding: 5px 0;
  color: rgb(0,16,64);
}
div.perex p {
  font-size: 85%;
}
p.slogan {
  margin: 25px auto;
  padding: 24px 10px 16px 10px;
  font-size: 95%;
  color: rgb(102,0,0);
  background-color: rgb(255,255,224);
  text-align: center;
  line-height: 170%;
  width: 30em;
  border: 1px solid rgb(102,153,204);
  background-image: url(sysimg/hbar22.png);
  background-position: top left;
  background-repeat: repeat-x;
}
p.images {
  text-align: center;
}
p.images img {
  margin: 6px;
}
p.gotop {
  text-align: right;
  margin: 10px;
}

div.msgerror {
  margin: 30px 0;
  padding: 10px 10px;
  color: rgb(128,0,0);
  background-color: rgb(255,255,204);
  border: 1px solid rgb(128,64,64);
  font-size: 80%;
  width: 600px;
}
div.msgerror strong {
  color: rgb(153,0,0);
  border-bottom: 3px double rgb(153,0,0);
}


ul, ol {
  margin-bottom: 6px;
}

li {
  font-size: 80%;
  padding-bottom: 6px;
}

/* výchozí tabulka s neviditelnými okraji buněk*/
table {
  border: none;
  border-collapse: collapse;
  margin: 16px auto 16px 0;
}
td, th {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  padding: 4px 8px;
  font-size: 80%;
  border: none;
  background-color: white;
}
td p, th p {
  margin: 0 0 8px 0;
  font-size: 100%;
}
td, th {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  padding: 6px 8px;
  font-size: 80%;
  border: none;
  background-color: white;
}
table.centertd td {
  text-align: center;
}


/* tabulka s viditelnými okraji buněk */
table.bordered td {
  border: 1px solid silver;
}
table.bordered th {
  border: 1px solid silver;
  color: rgb(102,0,0);
  background-color: rgb(255,255,204);
  font-size: 90%;
}
table.centered {
  margin-left: auto;
  margin-right: auto;
}
/* vícesloupcová sazba do neviditelné tabulky */
table.ncols th, table.ncols td {
  padding: 0 30px 16px 0;
}

.coursedetail, .coursedetail2 {
  margin: 0 0 6px 25px;
}
.coursedetail p, .coursedetail2 p {
  margin: 0;
}
.coursedetail .infotype, .coursedetail2 .infotype {
  float: left;
  width: 150px;
  margin-right: 15px;
}
.coursedetail .infotype, .coursedetail2 .infotype,
.coursedetail em,        .coursedetail2 em {
  font-style: italic;  
  color: #555;
}
.togglelabel {
  color: rgb(0,102,191);
  text-decoration: underline;
  cursor: hand;
}
 
/* tabulka kurzů */

.ctName {
  color: rgb(0,102,191);
  width: 380px;
  text-align: left;
}
.ctName strong {
  font-weight: bold;
  border-bottom: 1px dotted rgb(0,102,191);
}

.ctDetail {
  width: 380px;
  padding: 3px 0 0 ;
  text-align: left;
}
.ctDetail em {
  color: #555;
}

table.centertd td.ctHeading, td.ctHeading {
  text-align: left;
  color: rgb(102,0,0);
  font-weight: bold;
  padding-top: 20px;
  border-top-width: 3px;
  border-top-style: double;
  font-size: 85%;
}



.simpleform label {
  float: left;
  width: 120px;
  margin-right: 15px;
  padding-top: 1px;
  text-align:right;
}

.simpleform p {
  margin: 10px 15px;
}

.simpleform p.buttons {
  padding-left: 135px;
}

.orderform label {
  float: left;
  width: 185px;
  margin-right: 15px;
  padding-top: 1px;
  text-align:right;
}

.orderform p {
  margin: 10px 0px;
}

.orderform h4 {
  border-bottom: 2px solid silver;
  margin: 20px 0 12px 0;
}

.orderform fieldset {
  border: none;
}
.orderform p.buttons {
  padding-left: 200px;
}

.SendButton {
  color: rgb(80,0,0);
  font-weight: bold;
}



div#logo {
  position: absolute;
  left: 10px; top: 1px; width: 250px;
  text-align: left;
  z-index: 100;
}

div#header {
  border-bottom: 1px solid rgb(128,191,232);
  background-color: #99CCFF;
  background-image: url(sysimg/bg-270b.gif);
  background-position: top left;
  background-repeat: repeat-y;
}
div#header p {
   padding: 20px 20px 12px 160px;
   margin:0;
   color: rgb(0,51,102);  
}
div#header strong {
  font-size: 200%;
}
div#header em {
  font-size: 140%;
  font-style: normal;
  font-weight: bold;
}

div#hbar {
  background-color: rgb(102,153,204);
  background-image: url(sysimg/hbar21.png);
  border-bottom: 2px solid rgb(102,153,204);
  height: 24px;
  padding: 5px 20px 0 160px;
  font-size: 90%;
}
div#hbar strong {
  color: rgb(204,0,0);
}


div#menu0 {
  position: absolute;
  top: 80px; left: 10px;
  width: 250px;
  padding-top: 3em;
}
div#menu {
  margin: 0 0 10px 0;
  padding: 12px 8px 4px 8px;
  color: black;
  background-color: rgb(204,225,255);
  border: 1px solid rgb(102,153,204);
  background-image: url(sysimg/hbar22.png);
  background-position: top left;
  background-repeat: repeat-x;
}

div#menu ul {
  margin:  0;
  padding: 0;
}
div#menu li {
  margin:  10px 0;
  padding: 0;
  font-weight: bold;
  font-size: 85%;
  list-style-type: none;
}
div#menu li ul {
  margin-left:  1.5em;
}
div#menu li li {
  font-family: Arial, Helvetica, sans-serif;
  margin:  4px 0;
  font-weight: normal;
  font-size: 90%;
  list-style-type: disc;
}

div#content {
  margin: 0 0px 0px 271px;
  padding: 8px 0 0 0;
  color: black;
  background-color: white;
}

div#main {
  margin: 15px;
}



div#footer {
  margin: 15px;
  padding: 4px 0;
  color: rgb(153,153,153);
  border-top: 2px dotted rgb(204,212,220);
}
div#footer p {
  margin: 3px 0;
  font-size: 75%;
}

div#footer strong {
  font-size: 108%;
}

div#footer em, div#footer strong, div#footer a {
  color: rgb(80,80,80);
}


p.gotop a:link,    div#footer a:link,     div#menu a:link    { text-decoration: none;     }
p.gotop a:visited, div#footer a:visited,  div#menu a:visited { text-decoration: none;     }
p.gotop a:active,  div#footer a:active,   div#menu a:active  { text-decoration: underline;}
p.gotop a:hover,   div#footer a:hover,    div#menu a:hover   { text-decoration: underline;}