body {font-family:'Tahoma CE', Tahoma, 'Arial CE', 'Helvetica CE', Arial, lucida, sans-serif;
      font-size:100%; padding:0; margin:0; font-style:normal; background:url("../grafika/pozadi.jpg") top left repeat-x; color:#000000;}

h1 {margin:0; padding:0; font-weight:normal;}
h2 {margin:0; padding:0; text-align:left; color:#3AAFE4; font-size:1.1em; padding:.6em 0;}
h3 {margin:0; padding:.8em 0 0 0; text-align:left; color:#3AAFE4; font-size:1.2em;}
h4 {margin:0; padding:.7em 0 0 0; text-align:left; color:#3AAFE4; font-size:1.1em;}
h5 {margin:0; padding:.6em 0 0 0; text-align:left; color:#3AAFE4; font-size:1.0em;}
h6 {margin:0; padding:.5em 0 0 0; text-align:left; color:#3AAFE4; font-size:.9em;}

p {margin:0; padding:.2em 0; font-size:.8em;}
a {color:#000000; text-decoration:underline; cursor:pointer;}
a img {border:0;}
img {max-width:100%; height:auto; border:0;}
img[style*="left"]  {margin:0 .8em .5em 0;}
img[style*="right"] {margin:0 0 .5em .8em; }

/* layout */
#hlavniobal {position:absolute; left:0; width:100%; height:100%; margin:0; padding:0; text-align:center; background:url("../grafika/pozadi-hlava.jpg") top center no-repeat;}

#obal {max-width:1140px; margin:0 auto;}

#hlava {width:100%; height:500px; position:relative; text-align:center; background:url("../grafika/hlava.jpg") top center no-repeat;}
    #hlavanadpis {padding:.5em 0 0 1%; font-size:1.1em; text-align:left; float:left;}
        #hlavanadpis a {text-decoration:none; color:#06376C;}
        #hlavanadpis span {color:#ffffff; line-height:1.7em;}
    #kontakt {padding:.5em 1% 0 0; font-size:1.5em; text-align:right; float:right; color:#06376C;}

#menu {width:14%; margin:0 0 0 1%; float:left; border-top:1px dotted #B2DEF7;}

#pravy {width:19%; float:right; margin:0 1% 0 0; border-top:1px dotted #B2DEF7;}

#prostredni {width:65%; float:right; border-top:1px dotted #B2DEF7;}
    #text {margin:0; color:#000000; text-align:justify;}

#levy {width:14%; float:left; clear:left; margin:0 0 0 1%;}

#pata {height:65px; width:100%; margin:0; color:#ffffff; background:#B2DEF7;}
    #patatext {text-align:right; max-width:1140px; margin:0 auto; padding:.3em 1% 0 0; font-size:.6em;}
    #patatext a {color:#ffffff; text-decoration:none;}
    #patatext a:hover {text-decoration:underline;}

/* obsah - menu */
.menu ul {list-style-type:none; margin:0; padding:0;}
.menu>ul {padding:0;}
.menu li {display:block;}
.menu a {display:block; cursor:pointer; margin:0; padding:.4em; text-align:left; color:#3AAFE4; text-decoration:none;}

.menu>ul>li {border-top:1px dotted #B2DEF7;}
.menu>ul>li:first-child {border-top:0;}
.menu>ul>li>div.collapsed {margin:0; font-size:1.1em;}
.menu>ul>li>div.expanded {margin:0; font-size:1.1em;}
.menu>ul>li.page {margin:0; font-size:1.1em;}

.menu>ul>li>ul>li {margin:0 0 0 1.2em; border-top:1px dotted #B2DEF7;}

.placeholder {outline:1px dashed #4183C4;}
.mjs-nestedSortable-error {background:#fbe3e4 !important; border-color:transparent;}
.sortable a {cursor:move;}

.hidesubmenu {display:none;}
.showsubmenu {display:block;}

.addcatpage {height:40px;}

/* obsah - sloupce */
.sloupec {margin-top:3em; padding-bottom:3em; min-height:100px; text-align:left;}
.ram {margin:2em 0 4em 0; padding:.5em; border-radius:1em; font-size:.8em;}
.ram:last-child {margin-bottom:0;}
    .ram_c {background:#F6C5B4; color:#96222F;}
    .ram_m {background:#B2DEF7; color:#05376C;}
    .ram_z {background:#D2E6A9; color:#005F3D;}
    .ram_zl {background:#FFFCC7; color:#96222F;}

.kytka {width:62px; height:58px; position:relative; top:-35px; left:-0.5em;}
    .kytka_c {background:url("../grafika/kytka-c.png") top left no-repeat;}
    .kytka_m {background:url("../grafika/kytka-m.png") top left no-repeat;}
    .kytka_z {background:url("../grafika/kytka-z.png") top left no-repeat;}
    .kytka_zl {background:url("../grafika/kytka-zl.png") top left no-repeat;}

.ram-text {position:relative; top:-30px; margin:0 .5em -20px .5em; font-size:1em;}
.ram-text p {font-size:1.1em;}

/* obsah - hlavni */
.galerie-seznam {margin:.3em 0; padding:.2em 0; color:#000000;}
    .galerie-seznam .nazevgalerie a {font-size:.9em !important; font-weight:bold; color:#3AAFE4 !important; padding:0 0 .3em 0;}
    .galerie-seznam .uvodnifoto {float:left; padding:0 .8em .8em 0;}
    .galerie-seznam .uvodnifoto img {border:0;}
    .galerie-seznam .popisgalerie {}

#menugalerie ul {display:block; list-style:none; margin:0;  padding:0;}
    #menugalerie a {display:block; color:#000000; text-decoration:none;}

.galerie {margin:.9em 0 0 0; padding:0; text-align:justify; color:#000000;}
    .galerie img {border:0; margin:.3em;}
    .galerie ul {list-style:none; margin:0; padding:0;}
    .galerie li {float:left; margin:0; padding:0;}
    .galerie h2, .galerie h3, .galerie h4 {color:#3AAFE4;}
    .galerie-popis {margin:0 0 1em 0;}

/* ... */
.cleaner {clear:both; visibility:hidden;}

/* media queries */

@media screen and (max-width:980px) {
    body {background:none;}
    #hlavniobal {background:none;}
    #hlava {height:430px; background:url("../grafika/hlava980.jpg") top center no-repeat;}
    #hlavanadpis {font-size:.9em;}
        #hlavanadpis span {line-height:1.5em;}
    #kontakt {font-size:1.3em;}
    #menu {width:25%; float:left; clear:left; margin:0;}
    #pravy {width:24%; float:left; clear:left; margin:0 0 -47px 1%; border-top:0;}
    #telo {position:relative;}
    #prostredni {width:75%; border-top:1px dotted #B2DEF7; position:absolute; right:0;}
    #levy {width:24%; float:left; clear:left; margin:0 0 0 1%;}
}

@media screen and (max-width:760px) {
    #hlava {height:332px; background:url("../grafika/hlava760.jpg") top center no-repeat;}
    #hlavanadpis {font-size:.7em;}
        #hlavanadpis span {line-height:1.2em;}
    #kontakt {font-size:1em;}
    #menu {width:30%;}
    #pravy {width:29%;}
    #prostredni {width:70%;}
    #levy {width:29%;}
}

@media screen and (max-width:500px) {
    #hlava {height:350px; background:#B2DEF7 url("../grafika/hlava500.jpg") bottom center no-repeat;}
    #hlavanadpis {width:98%; float:none; font-size:1em; text-align:center;}
        #hlavanadpis span {line-height:1.2em; color:#06376C;}
    #kontakt {width:98%; float:none; font-size:1em; text-align:center;}
    #menu {width:100%; margin:.8em 0 .3em 0; border-top:1px dotted #B2DEF7; font-size:1.5em; background:#94D0F4;}
    .menu a {text-align:center; color:#ffffff;}
    .menu>ul>li {border-top:1px solid #ffffff;}
    .menu>ul>li>ul>li {border-top:1px dotted #ffffff; margin:.1em 0; padding:0; font-size:.7em;}
    #pravy {width:94%; margin:0 3%; border-top:0;}
    #prostredni {width:100%; border-top:0; position:relative; left:0;}
    #levy {width:94%; margin:0 4%;}
}

/* admin */
#nastroje {position:absolute; margin:0 auto; padding:0; width:100%; background:#ffffff; z-index:10;}
.submit {text-align:center; margin-top:5px;}
.submit input {border:1px solid #D3D3D3; padding:1px 20px;}

#text {padding:0 20px;}
#text .input-nadpis {margin:8px 0 2px 0;}
#text input {width:99%; margin:0 0 8px 0;}

.cke_wysiwyg_div {min-height:80px;}

#editgal {margin-top:20px;}

.addpage {border:1px solid red; height:40px; margin:0;}
.addgallery {width:220px; height:80px; margin-top:10px;}

#uploader {color:#000000;}

#prihlasen {padding:5px; background:#000000; text-align:center; color:#ffffff;}
    #prihlasen a {color:#ffffff; text-decoration:none; font-size:.8em;}
#hlasky {position:absolute; width:100%;}
#potvrzeni {width:699px; margin:0 auto; padding:3px; background:#FEFE9B; border:2px solid green; border-top:0; border-radius:0 0 10px 10px; color:#000000; font-weight:bold; font-size:14px; text-align:center;}
#chyba {width:699px; margin:0 auto; padding:3px; background:#FEFE9B; border:2px solid red; border-top:0; border-radius:0 0 10px 10px; color:#000000; font-weight:bold; font-size:14px; text-align:center;}