/* Start of CMSMS style sheet 'zus_styl' */
*{margin: 0px; padding: 0px}
body {background: url(images/bckg.jpg) repeat-x #FFFFFF; text-align: justify; font-family: Trebuchet MS, Verdana, Arial; font-size: 13px; line-height: 24px; color: #424242}
img {display: block; border: 0px none;}
.gallery {float: left}
.obrazek_vlevo {float: left; margin: 5px 20px 5px 0; padding: 6px; border: 1px solid #4E2A14}
.obrazek_vpravo {float: right; margin: 5px  0 5px 20px; padding: 6px; border: 1px solid #4E2A14}
#obal {display: block; position: relative; width: 1008px; margin: 0 auto;}
textarea, #odstavec .cms_textfield, #odstavec .cms_password {font-family: Trebuchet MS, Verdana, Arial; font-size: 13px; color: #424242; border: 1px solid #4E2A14}
#odstavec .cms_form label {display: inline-block; width: 120px}
#odstavec .btn {background: #4E2A14; color: white; border: 1px solid #4E2A14; padding: 2px; cursor: pointer}
#odstavec .btn:hover {background: #EED793; color: #4E2A14; border: 1px solid #4E2A14; padding: 2px}
li.newscategory {list-style-type: none}

#zahlavi {display: block; position: relative; float: left; width: 1008px; height: 181px; background: url(images/zahlavi.jpg) no-repeat; top: 80px; cursor: pointer; margin: 0 auto;}
#horizontal_menu {display: block; position: relative; float: left; width: 1008px; height: 26px; background: url(images/menu_bckg.jpg) no-repeat; top: 80px; margin: 0 auto;}
#horizontal_menu ul {display: inline; position: relative; float: left; width: 800px; font-family: Trebuchet MS; font-size: 14px; color: #FFFFFF; left: 275px; top: 2px; margin: 0 auto}
#horizontal_menu li {display: inline; list-style:none;padding-right:4px}
#horizontal_menu a {color: #FFFFFF; text-decoration: none;}
#horizontal_menu a:hover {color: #EED792; text-decoration: none;}
#horizontal_menu a.active {color: #EED792; text-decoration: none;}

#levy_stin {display: block; position: relative; float: left; width: 8px; height: 586px; background: url(images/levy_stin.jpg) no-repeat; top: 80px; margin: 0 auto;}
#pravy_stin {display: block; position: relative; float: right; width: 8px; height: 586px; background: url(images/pravy_stin.jpg) no-repeat; top: 80px; margin: 0 auto;}
#body {display: block; position: relative; float: left; width: 992px; background: url(images/body_bckg.jpg) repeat-y; top: 80px; margin: 0 auto;}

#vertical_menu {display: block; position: relative; float: left; width: 172px; margin: 0 auto;}
#vertical_menu a {color: #FFFFFF; text-decoration: none;}
#vertical_menu a:hover {color: #EED792; text-decoration: none;}
#vertical_menu a.menuactive span {color: #EED792; text-decoration: none;}
#vertical_menu li {width: 162px; height: 24px; list-style-type: none; color: #FFFFFF; text-align: left; font-size: 14px; background-color: #4E2A14; border-bottom: solid 2px #EED792; padding-top: 3px; padding-left: 10px;padding-bottom:3px}
#vertical_menu li:nth-child(3) {background-color: #0e99df}

#text {display: block; position: relative; float: right; width: 740px; right: 40px; padding-bottom: 250px; margin: 0 auto; min-height: 300px}

#odstavec {display: block; position: relative; display: inline-block; width: 740px; padding-bottom: 30px; top: 50px; margin: 0 auto;text-align:justify}
#odstavec .video_filter {margin-bottom: 20px; text-align: left}
#odstavec .video_filter li {list-style: none; display: inline-block; padding: 5px 10px; border: 1px solid #4E2A14; margin: 5px; cursor: pointer}
#odstavec .video_filter li:hover, #odstavec .video_filter li.active {background: #4E2A14; color: #fff}
#odstavec .video {border: none; width: 660px; height: 500px}
#odstavec .video_player {display: inline-block; padding: 5px; width: 355px; min-height: 240px; vertical-align: top; margin: 10px 0; text-align: center;}
#odstavec .video_player video {width: 320px}
#odstavec .video_player .popis {margin-top: 5px; color: #4E2A14; text-align: center}
#odstavec .video_player .popis i {margin-left: 10px; font-size: 15px}
#odstavec p {text-align: justify; font-size: 13px; line-height: 24px; color: #424242; padding-bottom: 10px; margin: 0 auto;}
#odstavec h1 {font-family: Georgia; text-align: left; font-size: 40px; color: #4E2A14; font-weight: normal; padding-bottom: 24px; padding-top:15px; margin: 0 auto;}
#odstavec h2 {font-family: Georgia; text-align: left; font-size: 22px; color: #4E2A14; font-weight: normal; padding-bottom: 5px; padding-top: 10px; margin: 0 auto;}
#odstavec a {color: #000000; text-decoration: underline;}
#odstavec a:hover {color: #000000; text-decoration: none;}
#odstavec .carka {display: block; position: relative; float: left; border-bottom: dotted 1px #424242; width: 740px; top: -10px; height: 15px;}
#odstavec .kategorie {list-style: none}
#odstavec .ucitele {display: block; position: relative; float: left; width: 740px; padding-bottom: 20px}
#odstavec .ucitele img {float: left; margin-right: 15px; border: 1px solid #4E2A14; padding: 6px; width: 150px}
#odstavec .error_message li {color: red; list-style-type: none}
#odstavec .cms_submit {background: #4E2A14; color: white; border: 1px solid #4E2A14; padding: 2px; cursor: pointer}
#odstavec .cms_submit:hover {background: #EED793; color: #4E2A14; border: 1px solid #4E2A14; padding: 2px}

#aktuality {display: block; position: relative; float: left; width: 155px; top: 30px; padding-bottom: 180px; margin: 0 auto; text-align:left}
#aktuality p {display: block; position: relative; float: left; width: 150px; text-align: left; font-size: 12px; color: #424242; left: 10px; line-height: 18px; margin: 0 auto;}
#aktuality p.nadpis {margin-bottom: 5px; font-weight: bold}
#aktuality a {color: #424242; text-decoration: underline;}
#aktuality a:hover {color: #424242; text-decoration: none;}
#aktuality h1 {display: block; position: relative; float: left; width: 170px; font-family: Georgia; text-align: left; font-size: 22px; color: #4E2A14; font-weight: normal; padding-bottom: 14px; left: 10px; margin: 0 auto;}
#aktuality h2 {display: block; position: relative; float: left; width: 150px; font-family: Georgia; text-align: left; font-size: 22px; color: #4E2A14; font-weight: normal; padding-bottom: 14px; left: 10px; margin: 0 auto;}
#aktuality h3 {display: block; position: relative; float: left; width: 150px; text-align: left; font-size: 13px; color: #000000; font-weight: bold; padding-top: 4px; left: 10px; margin: 0 auto;line-height: 18px}
#aktuality .carka {display: block; position: relative; float: left; width: 150px; border-bottom: dotted 1px #424242; left: 10px; top: 5px; height: 10px; margin-bottom: 10px}

#footer {display: block; position: relative; float: left; width: 992px; height: 160px;margin: 0 auto;left:8px}
#footer p {display: block; position: relative; width: 505px; font-size: 13px; color: #4E2A14; top: 100px; margin: 0 auto;}
#footer a {color: #424242; text-decoration: underline;}
#footer a:hover {color: #424242; text-decoration: none;}

#pocitadlo {display: block; position: relative; text-align: center; width: 170px}

.back-to-top {
    position: fixed;
    bottom: 5em;
    right: 0px;
    text-decoration: none;
    color: #fff;
    background-color: #4E2A14;
    font-size: 17px;
    padding: 1.5em;
    display: none;
}

.back-to-top:hover {    
    background-color: #EED78D;
    color: #4E2A14
}

#slides {display: none; position: relative; top: -100px; left: 370px; width: 370px; height: 208px; border: 1px solid #4E2A14; margin-bottom: -120px}

#slides_band {display: none; width: 330px; height: 220px; border: 1px solid #4E2A14; float: left; margin-right: 15px; margin-top: 5px}

.banner {position: relative; top: -50px; left: -40px; width: 820px; height: 300px; overflow: auto}
.banner li { list-style: none; }
.banner ul li { float: left; }

.banner .dots {
position: absolute;
left: 10px;
right: 0;
bottom: 10px;
}
.banner .dots li {
display: inline-block;
width: 7px;
height: 7px;
margin: 0 3px;

text-indent: -999em;

border: 2px solid #fff;
border-radius: 6px;

cursor: pointer;
opacity: .4;

-webkit-transition: background .5s, opacity .5s;
-moz-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
}
.banner .dots li.active {
background: #fff;
opacity: 1;
}
.input_tag, textarea.input_tag {font-family: 'Trebuchet MS', Verdana, Arial; font-size: 13px; text-align: left}
.input_tag {width: 580px; height: 22px; border: none; background: #fff; color: #424242; border: 1px solid #4E2A14; padding: 8px; margin: 0px 0px 12px 0px;}
textarea.input_tag {height: 170px;}
textarea[name='address'] {height: 100px}
.submit {width: 150px; height: 49px; color: #eee; font-size: 17px; margin-top: 0px; color: #fff; background-color: #4E2A14; border: none; cursor: pointer;}
.submit:hover {background-color: #EED78D; color: #4E2A14}
#podatelna_frm label {display: block; text-align: left; font-weight: bold}
.asterisk {color: red}
.error {color: red; font-weight: bold; margin-bottom: 15px}
#frm_prihlaska {width: 100%; height: 1400px;}
/* End of 'zus_styl' */