/* pro obrazovku */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
padding: 0;
margin: 0;
list-style: none;
}
body {
font-size: 62.5%;
text-align: center;
color: #333333;
font-family: sans-serif; 
background: #ffffff;
}
.date {
font-size: 10px;
color: #333333;
font-family: sans-serif; 
}
#content {
width: 927px;
background: #ffffff;
text-align: left;
margin: 10px auto;
position: relative;
}
#main {
width: 641px;
float: right;
position: relative;
right: 11px;
padding: 15px;
margin-bottom: 5px;
background: #f6f6f4;
}
#submain {
width: 641px;
float: right;
position: relative;
right: 11px;
padding: 15px;
margin-bottom: 5px;
background: #f6f6f4;
}
#submain p {
padding: 5px 10px;
}
#main .itemo {
display: inline;
float: left;
width: 205px;
margin: 10px 20px 10px 20px;
}
#main .item3 li{
padding: 0;
}

#main .itemh {
display: inline;
float: left;
width: 305px;
height: 260px;
margin: 0px;
overflow: hidden;
}
#main .itemnews {
display: inline;
float: left;
width: 295px;
height: 260px;
margin: 10px 5px 10px 5px;
overflow: hidden;

}
#main .item3 li{
padding: 0;
}
#submain .item {
display: inline;
float: left;
width: 315px;
height: auto;
margin: 0px;
overflow: hidden;
}
.category #main .item {
  width: 100%;
}
#submain .item li, #main .item li{
font-size: 110%;
}
#submain .item ul li ul li, #main .item li li {
font-size: 100%;
padding-bottom: 0;
}
#side {
width: 245px;
float: left;
position: relative;
left: 0px;
top: 20px;
}

#otherside {
display: none;
}
#header {
background: 100%;
height: 214px;
overflow: hidden;
position: relative;
background: url(images/header-bg.jpg) no-repeat left top;
}
#header a strong {
display: none;
}
#current a {
width: 0px;
height: 214px;
padding-left: 245px;
overflow: hidden;
display: block;
background: transparent;
}

#other {
display: none;
position: absolute;
top: 0;
right: 0;
background: black;
}
#other a {
color: white;
}
#menu {
width: 645px;
height: 42px;
overflow: hidden;
position: absolute;
top: 0px;
right: 18px;

}
#menu ul {
margin-top: 6px;
}
#menu li {
  float:left;
  height: 30px;
  width: 90px;
  text-align: center;
}
#menu  li a{
color: white;
text-decoration: none;
font-size: 100%;
}
#menu li a:hover {
color: #d1ff19;
text-decoration: underline;

}
#menu2 {
margin: 0;
}
#menu2 li a {
display: block;
height: 83px;
width: 0;
padding-right: 232px;
overflow: hidden;
margin: 5px 0;
}
#menu2 li.test-znalosti a {
background: url(images/banner1.gif) no-repeat left top;
}
#menu2 li.styl-uceni a {
background: url(images/banner2.gif) no-repeat left top;
}
#menu2 li.spravne-cteni a {
background: url(images/banner3.gif) no-repeat left top;
}
#menu2 li.test-znalosti a:hover {
background-position: left bottom;
}
#menu2 li.styl-uceni a:hover {
background-position: left bottom;
}
#menu2 li.spravne-cteni a:hover {
background-position: left bottom;
}

#menu3 {
width: 235px;
margin: 15px 0;
background: #f6f6f4 url(images/corner-rt.gif) no-repeat right top;
}
#menu3 ul {
background: transparent url(images/corner-rb.gif) no-repeat right bottom;
}
#menu3 li {
width: 195px;
line-height: 1.4em;
margin: 0;
padding: 8px 0 8px 25px;
border-bottom: 2px solid #ececec;
background: transparent url(images/sipka.gif) no-repeat 10px center;
}
#menu3 li a {
display: block;
}

ul li.individualni, ul li.skupinova, ul li.dospely, ul li.studenti, ul.menuSede li {
width: 235px;
height: 37px;
line-height: 37px;
margin: 10px 0 0 0;
border: none;
}
ul li.skupinova, ul li.studenti, ul.menuSede li  {
margin: 5px 0 10px 0;
}
ul li.individualni a, ul li.skupinova a, ul li.dospely a, ul li.studenti a, ul.menuSede li a {
display: block;
width: 220px;
padding: 0 0 0 15px;
height: 37px;
line-height: 37px;
background: #9c9c9c url(images/bannertop-bg.gif) no-repeat right top;
font-style: italic;
font-weight: bold;
font-size: 140%;
color: #ffffff;
text-decoration: none;
}
ul li.individualni a:hover, ul li.skupinova a:hover, ul li.dospely a:hover, ul li.studenti a:hover, ul.menuSede li a:hover {
background: #585858 url(images/bannertop-bg.gif) no-repeat right bottom;
color: #d1ff19;
}

form, fieldset, legend {
margin: 0;
padding: 0;
border: none;
}
fieldset {
margin: 5px 0;
}
legend {
font-size: 120%;
font-weight: bold;
}
form {
font-size: 110%;
width: 95%;
margin: 0 auto;
}
form li {
font-size: 120%;
}
form label {
width: 100%;
display: block;
font-size: 120%;
margin-bottom: 5px;
}
form label:hover {
color: #6c991e;
}
form ul {
width: 100%;
}
form ul li {
line-height: 1.4em;
}

#footer {
width: 641px;
background: transparent;
height: 3em;
clear: both;
margin: 5px 10px 0 245px;
padding: 5px 15px 0 15px;
text-align: right;
background: #f6f6f4;
}
#lista {
clear: both;
margin: 0 10px 5px 245px;
padding: 0 15px 5px 15px;
text-align: right;
background: #f6f6f4 url(images/footer-bg.gif) no-repeat left bottom;
}
h1, h2, h3, h4, h5, h6 {
font-family: sans-serif;
color: #585858;
font-weight: normal;
}

b, strong {
color: #585858;
}
.red {
color: #FD0F03;
}
h1 {
font-size: 180%;
padding: 0px 10px 10px 25px;
font-weight: normal;
color: #585858;
background: url(images/odrazka.gif) no-repeat left top;
}
.news {
font-size: 150%;
padding: 0px 10px 10px 25px;
font-weight: bold;
color: #585858;
background: url(images/odrazka.gif) no-repeat left top;
}
.odrazka {
font-size: 150%;
padding-left: 25px;
font-weight: bold;
color: #585858;
background: url(images/odrazka.gif) no-repeat left top;
}
h2 {
font-size: 160%;
font-weight: bold;
color: #6d9822;
margin: 1em 0 0.5em 0;
}
h3 {
color: #6d9822;
font-size: 140%;
font-weight: bold;
margin: 1em 0 0.5em 0;

}
h4 {
font-size: 130%;
}

#main p, #submain p {
font-size: 120%; 
margin: 0.5em 0;
line-height: 1.4em;
}
#main ul, #main ol, #submain ul, #submain ol {
margin: 0.5em 0;
}
#main ul li, #submain ul li {
list-style: disc url(images/sipka.gif);
margin-left: 2em;
font-size: 120%;
line-height: 1.2em;
padding: .1em 0;
}
#firemni-jazykove-kurzy #main ul li{
list-style: disc url(images/sipka.gif);
margin-left: 2em;
font-size: 120%;
line-height: 1.8em;
padding: .0em 0;
}
#firemni-jazykove-kurzy #main h1 {
margin-bottom: 1.6em;
}
#main ol li, #submain ol li {
list-style-type: decimal;
margin-left: 2em;
font-size: 120%;
}

#firemni-jazykove-kurzy .sloupec {
float: left;
width: 310px;
margin: 0 10px 0 0;
}

#main li li, #submain li li {
font-size: 100%;
} 
#firemni-jazykove-kurzy .mensi ul li{
font-size: 120%!important;
line-height: 1.4em!important;
}
.cleaner {
clear: both;
}
#main table, #submain table {
margin: 10px auto 0 auto;
width: 90%;
font-size: 120%;
background: white;
border-collapse: collapse;

}
#main table tr, #main table td {
border: 1px solid #aeaeae;
padding: .5em;
text-align: center;
}
#main table th, #submain table th {
text-align: left;
padding: .5em;
}
#main table th, #main table td, #submain table th, #submain table td {
vertical-align: middle;
}
#main table thead th, #submain table thead th {
text-align: center;
}
#main table .second, #submain table .second {
text-align: center;
}
#main table th + td, #submain table th + td { /* řešení pro prohlížeče nepodporující col/colgroup, musí být zvlášť kvůli IE */
text-align: center;
}
#main table thead th, #main table thead td, #submain table thead th, #submain table thead td {
border-bottom: black;
}
#main table tfoot th, #main table tfoot td, #submain table tfoot th, #submain table tfoot td {
border-top: black;
}
#main table tbody th, #submain table tbody th {
border-right: black;
}
#main table caption, #submain table caption {
caption-side: top;
font-style: italic;
text-align: left;
padding: 10px 10px 0px 30px;
font-size: 120%;
}
#main .bezLinek tr, #main .bezLinek td{
border: 0;
background: none;
}
#main .bezLinek {
border: 0;
background: none;
}
a { 
text-decoration: underline;
color: #585858;
font-weight: bold;
}
a:hover {
color: #6c991e;
text-decoration: none;
}
a img {
border: none;
}
.hidden {
display: none;
}
.left {
float: left;
margin: 10px 10px 10px 10px;
}
.right {
float: right;
margin: 10px 10px 10px 10px;
}
.center {
text-align: center;
}
.linklove {
display: none !important;
}
.wpdberror {
display: none
}
.zelene, .zelene strong, .zelene p {
color: #6d9822;
}
.button {
text-align: center;
display: block;
margin: 1em auto;
background: #6d9822;
color: white;
border: 3px solid #6d9822;
}
a.button {
text-decoration: none;
}
a.button:hover {
text-decoration: none;
color: #6d9822;
background: white;
}
#kurzy-pro-volny-cas #main h2{
color: #6d9822;
}

#leftblok {
  padding: 10px 15px 10px 5px;
}
#leftblok h1 {
display: none;
font-size: 100%;

}
#leftblok h2 {
font-size: 110%;
font-weight: bold;
color: #6d9822;
padding-left: 25px;
background: url(images/odrazka.gif) no-repeat left top;

}

#leftblok h3 {
  width: 100%;
  position: relative;
  font-size: 90%;
  padding: 0 0 0 0;
  text-align: right;
}
#leftblok h3 a {
  display: block;
  position: relative;
  font-size: 150%;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
}
#leftblok h3 a:hover {
  text-decoration: underline;
}
#leftblok h4 {
  width: 100%;
  position: relative;
  font-size: 90%;
  padding: 0 0 0 0;
  text-align: right;
}
#leftblok h4 a {
  display: block;
  position: relative;
  font-size: 150%;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
}
#leftblok h4 a:hover {
  text-decoration: underline;
}
#leftblok p {
  padding: 5px 0;
  font-size: 120%;
}
li.nov  {
  list-style: disc url(images/sipka.gif);
  margin-left: 2em;
  color: #0A189C;
}
tab.index {
  margin-left: 2em;
  color: #0A189C;
  border: 0px;
  width: 500px;
}