body {
  margin:0px; padding:20px 0px;
  color:#000;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  background:#17A8F7 url(../images/bg-body.png) repeat-x;
}
h1,h2,h3,h4,h5 {
  margin:0px;
  text-align:left;
}
p {
  margin:0 0 10px 0;
}
form, dl, dt, dd {
  margin: 0px; padding: 0px;
}
img {
  border:0px none;
}
hr {
  float:none; clear:both;
  border: 0 none;
  border-top: 1px solid #17A8F7;
  height: 1px;
}
.clear {
  width:0px; height:0px;
  margin:0px; padding:0px;
  float:none; clear:both;
  line-height:0px; font-size:0px;
  border:0px none;
}

#body {
  position:relative;
  width:900px;
  margin:0px auto;
  padding:0px;
  background:#fff url(../images/bg-idbody.jpg) repeat-y;
}
#head {
  width:870px; height:180px;
  padding:15px 15px 5px 15px;
  background: url(../images/bg-head.jpg) no-repeat;
}
#head h1 a {
  position:absolute; left:15px; top:15px;
  width:120px; height:180px;
  font-size:10px;
  color:#fff;
}
#logo {
  position:absolute; left:0px; top:0px;
  width:120px; height:180px;
  background: url(../images/logo.jpg) no-repeat;
  cursor:pointer;
}
#flash-1 {
  position:absolute; left:137px; top:15px;
  width:6px; height:175px;
  display:none;
}
#imghead {
  position:absolute; right:15px; top:15px;
  width:740px; height:180px;
  background: url(../images/img-head.jpg) no-repeat;
}

#footer {
  width:850px;
  height:11px;
  padding:9px 25px 24px 25px;
  color:#fff;
  background: url(../images/bg-footer.jpg) bottom no-repeat;
}
#author {
  float:left;
  font-size:9px;
}
#pruh-kontakt {
  font-size:11px;
  text-align:right;
  line-height:10px;
}
#footer a {
  color:#fff;
  text-decoration:none;
}
#footer a:hover {
  color:#000;
  text-decoration:underline;
}

#page {
  position:relative;
  width:870px;
  padding:0 15px 5px 15px;
  background: url(../images/bg-page.jpg) top no-repeat;
}
#bg_page {
  width:870px;
  background:#fff url(../images/bg-content.jpg) repeat-y;
}
#content {
  float:right;
  width:610px;
  padding:5px 30px 10px 30px;
  font-size:76%;
  line-height:18px;
  text-align:justify;
  overflow:hidden;
}
#content h1 {
  padding:9px 0 3px 0;
  font-size:16px;
  line-height:20px;
  color:#AA8500;
}
#content h2 {
  padding:7px 0 3px 0;
  font-size:14px;
  line-height:16px;
  color:#007DCD;
}
#content h3 {
  padding:5px 0 0 0;
  font-size:12px;
  line-height:16px;
  color:#007DCD;
}

.reference {
  width:610px;
}
#content .reference h2 {
  padding:0px;
  font-size:12px;
  line-height:14px;
  color:#AA8500;
}

#content ul {
  padding:0px; margin:0 0 10px 16px;
}
.anot_img {
  float:right;
  width:520px;
}

#content_part {
  width:670px;
  float:left;
}
#content_part #content {
  position:relative;
  width:410px;
  float:right;
}
#content_part .reference {
  width:410px;
}
#content_part .anot_img {
  width:310px;
}

#gallery, .gallery {
  width:610px;
  padding:10px 0;
  text-align:center;
}
#gallery img, .gallery img {
  width:80px;
  margin:0 3px;
}

#right_part {
  float:right;
  width:200px;
  font-size:70%;
}

#left_part {
  position:relative;
  float:left;
  width:200px;
  font-size:70%;
}
#left_part.brd, #right_part.brd {
  border-top: 2px solid #202F3B;
}
.banner_1 {
  position:absolute; left:15px; top:0px;
}
.banner_1.foto {
  position:absolute; left:0px; top:0px;
}
.banner_1 div {
  border-bottom: 2px solid #202F3B;
}

#left_part h2, #right_part h2 {
  padding:5px 0 0 0;
  font-size:12px;
  line-height:14px;
  color:#AA8500;
}
#left_part h2 a, #right_part h2 a, #content .reference h2 a {
  color:#000;
  text-decoration:none;
}
.left_block {
  position:relative;
  width:180px;
  padding:5px 0 10px 15px;
}
.anot_lektor {
  width:180px;
  padding:3px 0 3px 15px;
  border-bottom: 1px solid #AA8500;
}

.hmenu {
  position:relative;
  display:block;
  width:185px;
  height:20px;
  padding:7px 0 3px 15px;
  font-size:13px;
  font-weight:bold;
  text-transform: uppercase;
  background: url(../images/hmenu-y.jpg) top;
}
.hmenu_r {
  background: url(../images/hmenu.jpg) top;
}

.bmenu {
  position:relative;
  display:block;
  width:200px;
  height:12px;
  padding:0px;
  font-size:1px;
  line-height:1px;
  background: #fff url(../images/bmenu-y.jpg) top no-repeat;
}
.bmenu_r {
  background: url(../images/bmenu.jpg) top no-repeat;
}
.bmenu.last {
  height:7px;
}

.left_menu {
  width:200px;
  padding:0px; margin:0px;
  list-style-type:none;
  font-size:12px;
  line-height:16px;
}
.left_menu ul {
  padding:0px; margin:0px;
  list-style-type:none;
  font-size:11px;
}
.left_menu li {
  float:left;
  width:200px;
  background: url(../images/bg-menu-y.jpg) top;
  border-top: 1px solid #FFD231;
}
.left_menu.menu_r li {
  background: url(../images/bg-menu.jpg) top;
  border-top: 1px solid #6EC8FA;
}
.left_menu a {
  display:block;
  width:180px;
  padding:3px 5px 2px 15px;
  color:#202F3B;
  text-decoration:none;
}
.left_menu ul a {
  display:block;
  width:170px;
  padding:3px 0 2px 30px;
  font-weight:normal;
  color:#202F3B;
  text-decoration:none;
  background: url(../images/bg-menu.gif) 15px 7px no-repeat;
}
.left_menu ul ul a {
  width:160px;
  padding:3px 0 2px 40px;
  background: url(../images/bg-menu.gif) 30px 7px no-repeat;
}
.left_menu a.sel, .left_menu a:hover {
  background-color:#F7C001;
}
.left_menu.menu_r a.sel, .left_menu.menu_r a:hover {
  background-color:#38A8F0;
}

.odkaz, .external {
  color:#000;
  text-decoration:underline;
}
.odkaz:hover, .external:hover, #left_part h2 a:hover, #right_part h2 a:hover, #content .reference h2 a:hover {
  color:#AA8500;
  text-decoration:underline;
}
.txt-c {
  text-align:center;
}
.txt-r {
  text-align:right;
}
.blue {
  color:#AA8500;
}
.autor {
  text-align:right;
  font-size:90%;
}

.foto-l {
  float:left;
  margin:3px 10px 0 0;
}
.foto-p {
  float:right;
  margin:3px 0 0 10px;
}
.fm-l {
  float:left;
  width:80px;
  margin:3px 7px 0 0;
}
.fm-l2 {
  float:left;
  width:60px;
  margin:3px 7px 0 0;
}
.fm-p {
  float:right;
  width:80px;
  margin:3px 0 0 7px;
}
.fm-lektor {
  float:left;
  width:42px; height:56px;
  margin:3px 7px 0 0;
}
.f-lektor {
  float:left;
  width:75px;
  margin:10px 20px 10px 0;
}

.img-l {
  float:left;
  width:200px;
  margin:3px 10px 5px 0;
}
.img-l2 {
  float:left;
  height:200px;
  margin:3px 10px 5px 0;
}
.img-p {
  float:right;
  width:200px;
  margin:3px 0 5px 10px;
}
.img-p2 {
  float:right;
  height:200px;
  margin:3px 0 5px 10px;
}

#content .mm {
  padding-top:5px; font-size:80%; text-align:center;
}
#content .mm span {
  font-size:100%; color:#fff;
}
#content .mm a, #content .mm a span {
  text-decoration:none;
  color:#000;
}
#content .mm a:hover, #content .mm a:hover span {
  text-decoration:underline;
  color:#AA8500;
}


/*xxxxxxxxxxxxxxxxxxxxxxx*/

table {
  margin-bottom:10px;
  text-align:left;
  border:1px solid #8a96b4;
  border-collapse:collapse;
}
table td {
  margin:0px; padding:2px 5px;
  vertical-align:top;
  border-top:1px solid #9BDAFC;
}
table th {
  margin:0px; padding:2px 5px;
}
table tr.th {
  font-size:88%;
  background:#9BDAFC;
}
.sysbut {
  margin:0px;
  vertical-align:middle;
  background-color: transparent;
  border:1px solid #fff;
}
.sysbuthover {
  margin:0px;
  vertical-align:middle;
  background-color:#D3E7FF;
  border:1px solid #8a96b4;
}


/* přihláška - nabídka kurzů */
#nab-kurz ul {
  float:left;
  width:200px;
  padding:10px 0 0 0; margin:0px;
  font-weight:bold;
  list-style-type:none;
}
#nab-kurz ul ul {
  padding:5px 0 0 11px; margin:0px;
  font-weight:normal;
}
#nab-kurz li a {
  padding: 5px 0 5px 10px;
  background: url(../images/bg-menu.gif) 0px 8px no-repeat;
}
