html { font-size: small; }
html, body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
.hidden { display: none; }
.clear { float: none; clear: both; height: 1px; overflow: hidden; }

/* ------------------- zakladny layout ---------------------- */
body { overflow: hidden; background: #fff url('/assets/images/style/bg-top-right.png') repeat-x 0 0; color: #422e01; }
p { line-height: 130%; }
h1, h2, h3, h4 { color: #be6a0d; font-family: "Trebuchet MS"; line-height: 130%; }
h5, h6 { color: #7c350b; line-height: 130%; }
h2 { font-size: 287%; font-weight: normal; /*margin-bottom: 1.5em;*/ }
h3 { font-size: 221%; font-weight: normal; }
h4 { font-size: 170%; font-weight: normal; }
h5 { font-size: 130%; font-weight: bold; }
h6 { font-size: 100%; font-weight: bold; }

a:link, a:active, a:visited { color: #a50004; }
a:hover { background-color: #a50004; color: #fff9e9; }
a img { border: none; background: none; }

/* google translate element */
#google_translate_element{ position: absolute; top: 10px; right: 50px; }

/* finty na pevnu sirku layoutu kvoli trave a zvieratkam */
#body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; }

/* rolovacie vnutro s prechodom */
#body-bg { min-height: 100%; margin: 0; padding: 0; background: url('/assets/images/style/bg-content.png') repeat-y 0 0; }

/* dekoracie - trava, zvieratko, tien */
#decorate_zvieratko { position: absolute; width: 303px; height: 250px; bottom: 15px; left: 930px; background-position: 0 0; background-repeat: no-repeat; }
#decorate_trava { position: absolute; width: 100%; height: 88px; left: 0; bottom: 0; background: url('/assets/images/style/trava.png') no-repeat 0 0; }

/* page - uzsi obsah + top background (zo sablony) */
#page { max-width: 900px; margin: 0; padding: 0; background-position: 0 0; background-repeat: no-repeat; }
#page-in { margin: 0; padding: 1px; }

/* ------------------- hlavicka ---------------------- */
#header { position: relative; margin: 0; padding: 0; height: 282px; } /* vyska hlavicky, kde zacina zaobleny obdlznik pre obsah */
#header a { background: none; }
#header h1 { margin: 0; padding: 0; }
#header h1 img { border: none; position: relative; top: 30px; left: 30px; }

#languages { list-style: none; margin: 0; padding: 0; display: block; position: absolute; top: 15px; right: 15px; } /* ul menu jazykov */
#languages li { display: inline; }
#languages li img { border: none; }

/* ------------------- obsah ---------------------- */
#content { display: block; width: 666px; float: right; }
#content-in { margin: 0; padding: 2em 35px; }
#content a { font-weight: bold; }

/* ditto */
#content .ditto_item { }
#content .ditto_pageTitle { margin-bottom: 0.8em; }
#content .ditto_pageTitle a { font-weight: normal; }
#content .ditto_introText { margin: 0 0 1em 0; padding: 0; }
#content .ditto_documentInfo { text-align: right; font-style: italic; }

/* jot */
.jot-err { font-weight: bold; color: red; padding: 5px; margin-bottom: 10px; }
.jot-cfm { font-weight: bold; color: green; padding: 5px; margin-bottom: 10px; }
.jot-row { margin-bottom: 1.5em; }
.jot-row-alt { }
.jot-row-author { }
.jot-row-me { }
.jot-row-up { }
.jot-row-new { }
.jot-comment { padding: .5em; }
.jot-comment hr { border: none; border-bottom: 1px solid #efcb8d; }

.jot-mod { float: right; width: 100px; text-align: right; color: #666; font-weight: bold; }
.jot-mod img { border: none; }
.jot-mod a { float: right; padding: 1px; padding-left: 2px; padding-right: 2px; }
.jot-mod a:hover { background-color: #666666; color: #666666; }

.jot-date { background-color: #efcb8d; border: 1px solid #422e01; width: 3.5em; padding: .5em; float: left; text-align: center; }
.jot-date-month { display: block; font-size: 1.2em; margin: 0 auto; font-weight: bold; text-transform: uppercase; line-height: 1em; }
.jot-date-day { display: block; font-size: 2em; margin: 0 auto; font-weight: bold; line-height: 1em; }
.jot-date-year { display: block; font-size: 1em; margin: 0 auto; font-weight: bold; line-height: 1em; }

.jot-subject {  }
.jot-message {  }
.jot-poster { }
.jot-nav { padding: .5em; }
.jot-list ul { }
.jot-subscribe { }

.jot-form { margin-bottom: 10px; }
.jot-form fieldset { border: 0; }
.jot-form label { display: block; }
.jot-user { margin: 0 0 0 80px; }

.jot-content { margin: 0 0 0 80px; }
.jot-extra { text-align: right; }
.jot-editby { font-size: 10px; color: #666666; font-style: italic; }

/* --- polls --- */
div.easypoll, div.pollresults{
width: 171px;
margin: 0px auto;
text-align: left;
}
div.easypoll form fieldset{
margin: 0px;
padding: 0px;
border: none;
}
div.pollvotes h3, div.pollresults h3{
margin: 0px;
font-size: 120%;
}
div.pollvotes ul, div.pollresults ul{
padding: 0px;
}
div.pollvotes ul li, div.pollresults ul li{
list-style-type: none;
}

/* ------------------- sidebar ---------------------- */
#sidebar { display: block; width: 232px; float: left; }

/* main menu */
/* level 1 */
#main_menu>ul { margin: 0; padding: 80px 2em 0 1em; list-style: none; }
#main_menu>ul>li { display: block; margin: 0; padding: 0; border-bottom: 1px solid #efcb8d; }
#main_menu>ul>li>a { display: block; margin: 0; padding: .3em 1em; text-decoration: none; }
#main_menu>ul>li>a:link, #main_menu>ul>li>a:active, #main_menu>ul>li>a:visited { color: #894b00; }
#main_menu>ul>li>a:hover { color: #fff9e9; background-color: #894b00; }
/* level 2 */
#main_menu>ul>li>ul { margin: 0; padding: 0; list-style: none; }
#main_menu>ul>li>ul>li { display: block; margin: 0; padding: 0; }
#main_menu>ul>li>ul>li>a { display: block; margin: 0; padding: .2em 1em .2em 2em; text-decoration: none; font-style: italic; }
#main_menu>ul>li>ul>li>a:link, #main_menu>ul>li>ul>li>a:active, #main_menu>ul>li>ul>li>a:visited { color: #894b00; }
#main_menu>ul>li>ul>li>a:hover { color: #fff9e9; background-color: #894b00; }

/* interaktivna mapa */
#int_mapa { margin: 0; padding: 2em 0; text-align: center; }
#int_mapa a:hover { background: none !important; }
#int_mapa a img { display: inline; }

/* ------------------- footer ---------------------- */
#footer { margin: 0; padding: 0 0 88px 232px; color: #e6c26e; text-align: center; font-size: 50%; }
#footer p { display: none; }