body {font-family: Arial; font-size: 10pt; padding: 0; width: 1000px; margin: auto;}

#hlavicka {width: 1000px; height: 150px; background-color: #a5b115;}

#obsah {margin-left: 20px; margin-right: 20px;}

#paticka {border-top: 1px solid #f1f1f1; margin-top: 20px; text-align: right; color: gray; padding-top: 7px; padding-bottom: 20px;}

#paticka div {padding-left: 170px;}
#paticka.valid {float: right;}

#logo {margin: 5px 20px; width: 400px; border: none;}

#menu {padding-top: 10px; padding-bottom: 0px;}

#menu > ul
{
 display: block;
 margin: auto;
 margin-left: 20px;
 padding: 0px 0px 10px 0px;
 font-variant: small-caps;
 font-size: 14pt;
 height: 35px;
}

#menu > ul li{display: inline-block; float: left;}

#menu > ul li a
{
 display: block;
 padding: 5px 10px 5px 0px;
 color: #9a996d;
}

#menu > ul li ul li
{
 display: list-item;
 list-style-type: none;
 margin-left: -10px;
}

#menu > ul li ul li a
{
 display: list-item;
 list-style-type: none;
 border: none;
 width: 200px;
 background-color: #f8f8f8;
 position: relative;
 z-index: 1000;
 padding-left: 10px;
}

#menu > ul li ul li a:hover {background: #eee;}

#menu > ul ul
{
 visibility: hidden;
 position: absolute;
 padding: 0px;
 margin-top: 0px;
 width: 300px;
}

#menu > ul li:hover ul {visibility: visible;}


#hlavicka ul {position: absolute; top: 0px; width: 970px;}
#hlavicka ul li {float: right; margin-right: 5px; list-style-type: none;}
#hlavicka ul li a {padding-top: 0px; padding-left: 6px; color: white;}
#hledat {margin-top: -2px;}
#domu {margin-top: -1px;}
#rss-hlavicka {padding-left: 22px; background: url('../images/design/rss.png') 13px 0px no-repeat;}
#lupa {float: right; cursor: pointer; border: none;}

/* obecne */
h1 {margin: 0px;}
h1 span {display: none;}
h2 {font-size: 16pt; font-weight: 100; margin-top: 15px; color: #9a996d;margin-bottom: 10px; text-transform: uppercase;}
h2.inverzni {color: white;}
h2.normal {font-variant: normal; font-size: 18pt; color: #a5b116; text-transform: none;}
h2 a {text-decoration: none;}
h2.inverzni a {color: white;}
h3 {color: #a5b116; font-size: 12pt; margin-bottom: -8px; margin-top: 15px;}
h4 {margin-bottom: -7px;}
.clean {clear: both;}

ul {list-style-type: square; padding-left: 16px;}
ol {padding-left: 20px; line-height: 20px;}
ol li {margin-top: 5px;}
.blok ul li {margin-bottom: 5px;}

a {color: #9a996d;}
a.white {color: white;}

.left {float: left;}
.right{float: right;}
.jedna-tretina-stred {width: 260px}
.dve-tretiny-stred {width: 260px; padding-right: 20px;}
.blok {padding-top: 10px;}

#odpovednost {color: #747678; margin-top: 10px; font-size: 8pt;}

/* uvod */
#levy-sloupec {float: left; width: 205px; margin-left: -20px;}

#pravy-sloupec {float: left; width: 205px; margin-right: -20px;}

#prostredni-sloupec {float: left; width: 550px; padding: 10px 20px;}


#dve-tretiny {float: left; width: 745px; }
#jedna-tretina {float: left; width: 215px; margin-left: 20px; margin-right: -20px;}



#rozcestnik {padding-top: 10px; padding-bottom: 10px; margin-top: 15px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;}
.oddeleni { padding-bottom: 5px; border-bottom: 1px solid #f1f1f1;}

#aktuality-uvod h2 {background: url('../images/design/aktuality-piktogram.png') 0 4px no-repeat; padding-left: 35px; }
#kalendar-uvod h2 {background: url('../images/design/kalendar-piktogram.png') 0 4px no-repeat; padding-left: 35px; }
#dulezite-uvod h2 {background: url('../images/design/dulezite-piktogram.png') 0 4px no-repeat; padding-left: 35px; }
#kontakt-uvod h2 {background: url('../images/design/kontakt-piktogram.png') 0 3px no-repeat; padding-left: 35px; }
#galerie-uvod h2 {background: url('../images/design/galerie-piktogram.png') 0 4px no-repeat; padding-left: 35px; }

#dulezite-uvod a
{
 color: white;
}

#aktuality-uvod a, #kalendar-uvod a
{
 color: white;
}

#aktuality-uvod
{
 background-color: #99986e;
 padding: 10px 20px;
 color: white;
}

#kalendar-uvod
{
 background-color: #a5b115;
 padding: 10px 20px;
 margin-top: 20px;
 margin-bottom: 20px;
 color: white;
}

#kalendar-uvod span {display: block;}

#dulezite-uvod {
 background-color: #a5b115;
 padding: 10px 20px;
 color: white;
}

#galerie-uvod { padding: 15px;}

#kontakt-uvod {
 background-color: #99986e;
 padding: 10px 20px;
 color: white;
}

.blok-hnedy
{
 background-color: #99986e;
 padding: 10px 20px;
 color: white;
 margin-bottom: 20px;
}

.blok-hnedy a, .blok-zeleny a  {color: white;}

.blok-zeleny
{
 background-color: #a5b115;
 padding: 10px 20px;
 color: white;
 margin-bottom: 20px;
}

.blok-zeleny ul li, .blok-hnedy ul li {margin-bottom: 5px;}


/* zamestnanci */
#publikace ul li, #publikace ol li {margin-bottom: 5px;}
#zamestnanec-vyuka ul li, #zamestnanec-vyuka ol li {margin-bottom: 5px;}

.zamestnanec-prehled {margin-bottom: 30px; line-height: 10px; height: 80px; margin-top: 25px; height: 85px;
overflow: hidden; border-bottom: 1px solid #eee;}

.green {color: #a5b116;}
.braun {color: #99986f; font-weight: bold;}

.konzultacni-hodiny span {width: 80px; display: inline-block; float: left;}


.zamestnanec-pozice {margin-bottom: 18px;}
.zamestnanec-info p span {width: 80px; display: inline-block;}
.zamestnanec-foto {width: 60px; float: left; margin-right: 10px;}
#adresa-detail-zamestnance { width: 300px;}
#foto-zamestnanec-detail {width: 175px; margin-bottom: 20px; padding-left: 20px; padding-right: 20px;}


#dalkove-studium-hlavicka {display: table;}
#dalkove-studium-hlavicka p {display: table-row; height: 20px;}
#dalkove-studium-hlavicka span {display: table-cell; padding-right: 10px;}



img.middle {height: 110px; border: 1px solid #eee; padding: 5px; margin: 5px;}

table.seminar td {min-width: 80px; vertical-align: top;}
table.seminar tr {margin-bottom: 10px;}

.novinka-autor, .kalendar-autor {margin-top: 5px; margin-bottom: 25px;}
.novinka-text, .kalendar-text {margin-top: 10px;}
#k_dnes {font-weight: bold;}

#galerie-uvod img {width: 170px; margin-bottom: 10px;}

ul.galerie li {float: left; height: 160px; width: 230px; list-style-type: none; text-align: center;}


.dulezite {float: left; width: 255px; height: 140px; padding-right: 20px; margin-bottom: 10px;}
.dulezite em {color: #a5b115; margin-bottom: 10px; height: 25px; display: block; font-style: normal;}

.nahledy-vt img {height: 300px; margin: 3px;}

.vt-tretina h2 {display: inline; margin-left: 20px;}
.vt-tretina img {margin-left: 15px;}

.notice {border: 1px solid #99986e; padding: 10px; background: #a5b115; color: white;}

#form-zavada input, #form-zavada select {height: 30px; margin-bottom: 5px; margin-left: 10px;}
#form-zavada textarea {margin-bottom: 5px; margin-left: 10px;}

.table {border: 1px solid grey;}

.table tr td, .table tr th {border: 1px solid grey;}

.obrazky-novinky {padding-top: 10px; padding-bottom: 10px;}

.obrazky-novinky img {margin-right: 10px;}

.videoyoutube {border: none;}