/* pro tisk */
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;
}
#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 .item {
display: inline;
float: left;
width: 205px;
margin: 0 6px 0 2px;
}
#main .item3 li{
padding: 0;
}

#homepage #main .item {
display: inline;
float: left;
width: 305px;
height: 260px;
margin: 0px;
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 {
display:none;
width: 245px;
float: left;
position: relative;
left: 0;
top: 0px;
}
#homepage #side
{
/* top: -295px; */
top: -525px;
margin-bottom: -525px;
}
#otherside {
display: none;
}
#header {
display:none;
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: 0;
height: 214px;
padding-left: 245px;
overflow: hidden;
display: block;
background: transparent;
}
a#menujump {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}
#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: 0;
right: 18px;
}
#menu h2 {
display: none;
}
#menu ul {
padding: 6px 0;
}
#menu ul li {
display: inline;
}
#menu  li a{
float: left;
display: block;
height: 30px;
width: 90px;
color: white;
text-align: center;
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: 2em;
clear: both;
margin: 5px 10px 0 245px;
padding: 5px 15px 0 15px;
text-align: right;
background: #f6f6f4;
}
#lista {
display:none;
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;
}
#homepage h1 {
display: none;
}
b, strong {
color: #585858;
}
h1 {
font-size: 210%;
padding-left: 25px;
font-weight: normal;
color: #585858;
background: url(images/odrazka.gif) no-repeat left top;
}
#homepage h2 {
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;
}
.right {
float: right;
}
.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;
}

#news {
  padding: 10px 15px 10px 5px;
}
#news h3 {
}
#news h4 {
  width: 100%;
  position: relative;
  font-size: 90%;
  padding: 0 0 0 0;
  text-align: right;
}
#news h4 a {
  display: block;
  position: relative;
  font-size: 150%;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
}
#news h4 a:hover {
  text-decoration: underline;
}
#news p {
  padding: 5px 0;
  font-size: 120%;
}