* {
  font-family: Verdana;
  }
body {
  font-size: 100%;
  margin: 0px;
  padding: 0px;
}
img {
  border: 0px;
  }
a {
  color: #6f9acd;
}
ul, ol, li {
  margin-left: 15px;
  padding-left: 0px;
}
ul, ol {
  margin-bottom: 10px;
}  
ul ul, ol ol {
  margin-top: 5px;
  margin-bottom: 5px;
}
td {
  vertical-align: top;
}
h1 {
  font-size: 16px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  color: #363636;
}
h2 {
  font-size: 14px;
  margin-bottom: 5px;
}
h3, .h3 {
  font-size: 12px;
  font-weight: bold;
}
a:hover {
  color: #3868a2;
}
p {
  line-height: 1.4;
  /*text-align: justify;*/
}
ul.highlight,
ul.highlight a {
  color: #EB7C10;
}
#container-outter {
  width: 960px;
  margin: auto;
}
#container-inner {
  width: 960px;
  float: left;
  position: absolute;
  clear: both;
  background-image: url('../img/layout/bg_container.png');
  background-repeat: repeat-x;
  background-position: 0 20px;
}
#logo {
  position: absolute;
  top:23px;
  left: 10px;
  float: left;
  clear: both;
  width: 280px;
  height: 60px;
  z-index: 99;
  overflow: hidden;
}
#submenu {
  /*border-bottom: 2px dotted #ea7a10;*/
  float: left;
  width: 100%;
  background-color: #ea7a10;
  margin-bottom: 10px;
}
#submenu ul {
  margin: 15px;
}
#submenu li {
  display: inline;
}
#submenu li {
  list-style: none;
  margin: 5px;
}
#submenu li,
#submenu a {
  color: #ffffff;
  white-space: nowrap;
}

#header {
  width: 960px;
  position: absolute;
  clear: both;
  float: left;
  height: 75px;
  top: 20px;
  z-index: 2;
  text-align: right;
  vertical-align: bottom;
}
  #header .inner {
    margin-right: 30px;
  }
  #header a {
    float: right;
    font-size: 55%;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #6d6d6d;
    color: #c3c3c3;
  }
  #header a:hover {
    color: #ffffff;
  }
  #header a.noborder {
    border: 0px;
  }
#picture {
  width: 727px;
  position: absolute;
  float: left;
  clear: both;
  height: 330px;
  top: 20px;
  right: 0px;
  z-index: 1;
}  
#main {
  clear: both;
  width: 960px;
  padding-top: 352px;
  font-size: 11px;
}
#akce_kod {
  position: absolute;
  clear: both;
  float: left;
  z-index: 14;
  top: 38px;
  left: 480px;
  background-color: #FEF200;
  padding: 10px;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}
#akce_kod span {
  font-size: 11px;
}
#akce_kod a {
  color: #000000;
  text-decoration: none;
  }
  #akce_kod a span {
    color: #f00000;
  }  

#menu {
  position: absolute;
  clear: both;
  float: left;
  z-index: 11;
  top: 97px;
  left: 0px;
  background-image: url('../img/layout/bg_menu2.png');
  width: 233px;
  height: 253px;
}
  #menu ul {
    padding-left: 20px;
    padding-top: 3px;
    margin-top: 0px;
    width: 160px;
  }
  #menu li {
    margin: 0px;
    list-style: none;
    height: 18px;
    overflow: hidden;
    padding-bottom: 6px;
    padding-top: 6px;
    /*border-bottom: 1px dashed #f3b730;*/
  }
  #menu a {
    padding-left: 30px;
    font-size: 90%;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    /*text-transform: uppercase;*/
  }
  #menu a:hover {
    text-decoration: underline;
  }
#footer {
  width: 920px;
  padding: 20px;
  margin-bottom: 20px;
  float: left;
  clear: both;
  text-align: center;
  background-color: #e4eeea;
  font-size: 55%;
  color: #727272;
}  
#secondary {
  float: left;
  width: 231px;
}
#primary {
  float: right;
  width: 727px;
}
  #primary.wide {
    width: 960px;
    float:left;
  }
  #primary .inner {
    margin: 15px;
    clear: both;
    font-size: 95%;
  }
  #primary.wide .inner {
    margin-left: 0px;
    margin-right: 0px;
  }
  #primary .inner, #secondary {
    color: #727272;
  }

/*aktuality*/

.news {
  margin-top: 20px;
  color: #727272;
}
.news * {
  line-height: 1.3;
}
.aktualita {
  clear: both;
  float: left;
  margin-bottom: 15px;
  width: 100%;
}
.aktualita .text {
  margin-top: 10px;
}
.aktualita h3,
.aktualita div.h3 {
  line-height: 1;
  margin: 0px;
  padding: 0px;
  margin-top: 10px;
}
.aktualita h3 a,
.aktualita div.h3 a  {
  font-size: 90%;
}
.aktualita a {
  font-weight: normal;
  color: #000000;
}
.aktualita .ilu {
  margin-top: 10px;
  width: 92px;
  float: left;
}
.aktualita .perex {
  font-weight: bold;
  font-style: italic;
}
.aktualita .date {
  color: #000000;
}
.aktualita .today {
  background-color: #b00000; 
  color: #ffffff;
  font-weight: bold;
  padding: 2px;
}  
.aktualita .attachments {
  margin-top: 10px;
}
.aktualita .attachments ul,
.aktualita .attachments li {
  margin: 0px;
  padding: 0px;
}
.aktualita .attachments ul {
  margin-left: 20px;
}
.schedule {
  margin-top: 5px;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #000000;
}
.schedule td {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 4px;
  background-color: #f0f0f0;
}
.schedule .time {
  font-size: 9px;
  color: #333333;
  text-align: center;
}
.schedule .class {
  background-color: #58BAD3;
  color: #ffffff;
  border: 1px solid #000000;
}
  .schedule td.class.typ-kurzy-deti {
    background-color: #808E18;
    color: #ffffff;
  }
  .schedule td.class.typ-kurzy-rd {
    background-color: #8127B5;
  }
  .schedule .class a {
    color: #CFF6FF;
    font-weight: bold;
  }
  .schedule .class span.people a {
    color: #ffffff;
    font-weight: normal;
  }
  .schedule .class span.time {
    font-style: italic;
    color: #ffffff;
  }
  .schedule .place1 {
    background-color: #f0f0f0;
    background-image: url('../img/layout/bg_schedule_empty.png');    
  }
  .schedule .place2 {
    background-color: #e7e8e4;
    background-image: url('../img/layout/bg_schedule_empty_2.png');
  }  
  .schedule .place2 {
    background-color: #e7e8e4;
    background-image: url('../img/layout/bg_schedule_empty.png');
  }    
  .schedule .class.place1 {
    background-image: none;
    background-color: #EA7910;
    /*background-image: url('../img/layout/bg_schedule_class.png');*/
  }
  .schedule .class.place1 a {
    color: #ffffff;
  }
  .schedule .class.place2 {
    background-image: none;
    background-color: #FFD5AF;
    /*background-image: url('../img/layout/bg_schedule_class_2.png');*/
  }
  .schedule .class.place2,
  .schedule .class.place2 span.people a,
  .schedule .class.place2 span.time,
  .schedule .class.place2 a {
    color: #9F3800;
    color: #000000;
  }
  .schedule .class.place3 {
    background-color: #58BAD3;
    background-image: url('../img/layout/bg_schedule_class.png');
  }
.schedule .place {
  border-right: 1px solid #000000;
  background-image: url(none);
  vertical-align: middle;
  font-size: 85%;
  font-style: italic;
  text-align: center;
  color: #000000;
  width: 70px;
}
.schedule .day {
  border-right: 1px solid #000000;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
  color: #000000;
  width: 70px;
}
.schedule .row1 {
  border-top: 1px solid #000000;
}
    .schedule td.class.place2.typ-kurzy-deti span.time,
    .schedule td.class.place2.typ-kurzy-deti span.place a,
    .schedule td.class.place2.typ-kurzy-deti span.time a,
    .schedule td.class.place2.typ-kurzy-deti a {
      color: #ffffff;
    }


.next-classes {
  width: 100%;
}
.next-classes td {
  padding-right: 4px;
  padding-bottom: 4px;
}
.next-classes .day,
.next-classes .people {
  white-space: nowrap;
}
.next-classes .people {
  text-align: right;
}
.next-classes .time {
  white-space: nowrap;
}
.next-classes .time,
.next-classes .place {
  text-align: center;
}
.people td {
  padding-bottom: 8px;
}
.people .photo {
  padding-right: 8px;
}
.people .photo img,
.gallery img {
  padding: 1px;
  border: 1px solid #124b84;
  background-color: #81cadd;
}
.people .surname {
  padding-bottom: 2px;
  }
.people .surname a {
  font-weight: bold;
  color: #125088;
}
.people .description {
  /*font-size: 90%;*/
}
.gallery {
  width: 156px;
  float: left;
  text-align: left;
  padding-bottom: 6px;
}
.gallery.block {
  display: block;
  width: 100%;
  clear: both;
}
.photo.gallery {
  width: 100%;
  float: none;
}
.gallery img {
  margin: 6px;
  margin-left: 0px;
  margin-bottom: 0px;
}
.image {
  float: left;
  margin: 10px;
  margin-left: 0px; 
  padding: 1px;
  border: 1px solid #124b84;
  background-color: #81cadd;  
}
.image img {
  float: left;
}
.pricelist td {
  padding: 2px;
  padding-right: 12px;
  padding-left: 0px;
}
.pricelist .price {
  text-align: right;
}
.pricelist .unit {
  text-align: right;
}
#note {
  width: 220px;
  margin: 8px;
  margin-left: 15px;
  margin-right:0px;
  float: right;
  background-color: #f0f0f0;
  background-image: url('../img/layout/bg_schedule_empty.png');
  color: #000000;  
}
#note a,
#note h3 {
  color: #155690;
}
#note table,
#note p {
  /*margin-top: 0px;*/
  width: 180px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
#note p {
  font-size: 85%;
}
#note td {
  padding-right: 4px;
}
#note .unit {
  text-align: left;
}
#note .price {
  padding-right: 0px;
  font-weight: bold;
  color: #b00000;
}
#note h3 {
  margin:  10px;
  border-bottom: 1px solid #d1ecf3;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
#secondary .aktualita .text strong {
  color: #7A8F00;
}
