html, body{
    margin: 0;
    padding: 0;
}
body{
    text-align: center;
    font-family: Verdana, Arial, sans-serif;
    font-size: 90%;
    background: white url('./images/bg.jpg') top center no-repeat;
    color: black;
    letter-spacing: 1px;
}
body.wob{
    background-image: none;
}
#wrapper{
    width: 905px;
    margin: 0 auto;
    text-align: left;
}
#hlavicka{
    position: relative;
    width: 905px;
    height: 115px;
}
#hlavicka h1{
    position: absolute;
    margin: 0;
    top: 35px;
    left: 20px;
    overflow: hidden;
    font-weight: normal;
    font-size: 40px;
}
#hlavicka h1 a{
    text-decoration: none;
    color: #404332;
}
#hlavicka h1 a .zelene{
    color: #A6C924;
    font-weight: bold;
}
#hlavicka img#logo{
    position: absolute;
    top: 15px;
    left: 0px;
}

#hlavicka #vyhledavani{
    position: absolute;
    width: 300px;
    right: 0;
    top: 45px;
}
#hlavicka #vyhledavani p{
    margin: 0;
    padding: 0;
}
#hlavicka #vyhledavani #q{
    width: 213px;
    height: 30px;
    background: white url('./images/vyhledavani-bg.png') top left no-repeat;
    border: 0;
    font-size: 80%;
    float: left;
    margin:0;
}
#hlavicka #vyhledavani #q input{
    width: 205px;
    height: 20px;
    margin: 4px;
    border: 0;
    color: black;
    background-color: white;
}
#hlavicka #vyhledavani input#qSubmit{
    position: relative;
    left: 5px;
    height: 30px;
    border-width: 2px;
}

#horniMenu{
    width: 905px;
    height: 40px;
    margin-bottom: 5px;
    overflow: hidden;
}
#horniMenu .box{
    float: left;
    width: 296px;
    height: 30px;
    padding-top: 10px;
    background: #C1C1C1 url('./images/horni-odkazy-bg.png') top left no-repeat;
    color: black;
    font-weight: bold;
    margin: 0 4px;
    overflow: hidden;
}
#horniMenu .box *{
    display: block;
    width: 266px;
    height: 0;
    padding: 5px 15px 25px;
}
#horniMenu .box a{
    color: black;
    text-decoration: none;
}
#horniMenu .box a:hover,
#horniMenu .box a:focus{
    color: #46892C;
}
#horniMenu .box.first{
    margin-left: 0;
}
#horniMenu .box.last{
    margin-right: 0;
}

#mainImage{
    margin: 0;
    margin-bottom: 5px;
    width: 905px;
    height: 220px;
    overflow: hidden;
}
#mainImage img.first{
    display: block;
}

#spodniMenu{
    width: 905px;
    height: 185px;
    margin-top: 5px;
}

.demoSpodniMenu .box{
    color: white;
    font-size: 121%;
}
#spodniMenu .box,
.demoSpodniMenu .box{
    float: left;
    width: 255px;
    height: 165px;
    background: #C1C1C1;
    color: white;
    font-weight: bold;
    margin: 0 5px;
    padding: 10px 20px;
}

.demoSpodniMenu.spodniMenuSortable .box.prvni,
.demoSpodniMenu.spodniMenuSortable .box.druhy,
.demoSpodniMenu.spodniMenuSortable .box.treti{
    margin: 10px 5px;
    float: none;
    cursor: move;
}
.demoSpodniMenu.spodniMenuSortable .ui-state-highlight{
    width: 255px;
    height: 165px;
    background: #C1C1C1;
    margin: 10px 5px;
    padding: 10px 20px;
}

#spodniMenu .box.prvni,
.demoSpodniMenu .box.prvni,
.demoSpodniMenuPrvni{
    margin-left: 0;
    background: #A6C924;
}
#spodniMenu .box.druhy,
.demoSpodniMenu .box.druhy,
.demoSpodniMenuDruhy{
    background: #F8C301;
}
#spodniMenu .box.treti,
.demoSpodniMenu .box.treti,
.demoSpodniMenuTreti{
    margin-right: 0;
    background: #E77830;
}
.demoSpodniMenu .box.prvni,
.demoSpodniMenu .box.druhy,
.demoSpodniMenu .box.treti{
    margin: 0 5px;
}
.demoSpodniMenuPrvni,
.demoSpodniMenuDruhy,
.demoSpodniMenuTreti{
    margin: 0;
}
#spodniMenu h2,
.demoSpodniMenu h2{
    font-variant: small-caps;
    margin: 5px 0;
    letter-spacing: 2px;
    font-size: 170%;
    font-family: calibri, verdana, arial, sans-serif;
}
#spodniMenu p,
.demoSpodniMenu p{
    line-height: 150%;
    font-weight: normal;
    margin-top: 0;
}
#spodniMenu p.tlacitko,
.demoSpodniMenu p.tlacitko{
    margin-top: 25px;
}

#obsahWrapper{
    width: 905px;
    background: url('./images/content-bg.png') top left repeat-y;
    margin-top: 15px;
    font-size: 80%;
}
#obsahWrapper.bgUzke{
    background-image: url('./images/content-bg-uzke.png');
}
#obsahWrapper p{
    line-height: 180%;
}

#lmenu{
    float: left;
    width: 167px;
    margin: 0 30px 10px 0;
}
#lmenu .box{
    background: url('./images/box-levy-bg.png') bottom center no-repeat;
    padding: 0 10px 12px;
    margin-bottom: 25px;
    letter-spacing: 0;
    width: 147px;
}
#lmenu .box ul{
    margin: 0;
    margin-bottom: -8px;
    padding: 0;
    list-style-type: none;
}
#lmenu .box li{
    margin: 8px 0;
}
#lmenu .box .infomail{
    font-size: 95%;
    line-height: 150%;
}
#lmenu h2, #rmenu h2{
    font-family: calibri, verdana, arial, sans-serif;
    font-variant: small-caps;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 5px 0 10px;
}
#lmenu a,
#lmenu a:link,
#lmenu a:visited {
    display: block;
    text-decoration: none;
    color: #969593;
    font-weight: bold;
}
#lmenu a:hover, #lmenu a:focus, #lmenu a.selected{
    color: #46892C;
}
#lmenu a.selected{
    font-weight: bold;
}

#lmenu #infomail p{
    margin: 0;
    line-height: 120%;
}
#lmenu #infomail input.text{
    width: 100%;
    margin-bottom: 5px;
}
#lmenu #infomail label {
    font-size: 90%;
}

.leveMenuSortable,
.praveMenuSortable{
    cursor: move;
}
.leveMenuSortable li,
.praveMenuSortable li{
    margin: 10px;
}

#rmenu{
    float: right;
    width: 175px;
    margin-bottom: 10px;
}
#rmenu .box{
    display: block;
    background: url('./images/box-pravy-bg.gif') bottom left no-repeat;
    margin: 5px 0;
    width: 165px;
    min-height: 50px;
    font-size: 125%;
    font-weight: bold;
    font-family: calibri,verdana,sans-serif;
    letter-spacing: 0;
    padding: 5px 5px 0;
    color: #969593;
    margin: 0 0 10px;
}
#rmenu .box img{
    float: left;
    margin: 7px 8px 25px 5px;
}
#rmenu strong{
    display: block;
    color: #46892c;
}
#rmenu p{
    line-height: 130%;
}
#rmenu a,
#rmenu a:link,
#rmenu a:visited,
#rmenu a:hover,
#rmenu a:focus{
    color: #969593;
    text-decoration: none;
}
#obsah{
    float: left;
    width: 690px;
    padding-bottom: 10px;
    background: white;
    text-align: left;
}
#obsah.uzky{
    width: 510px;
}
#obsah.siroky{
    width: 905px;
}
#pata{
    clear: both;
    background: white;
    padding-top: 5px;
}
#pata p{
    border-top: 5px solid #C1C1C1;
    margin: 0;
    padding: 5px 0;
    font-size: 80%;
    letter-spacing: 0;
}

.btn{
    background: #ECECEC url('./images/btn-bg.png') top left repeat-x;
    color: black;
    font-size: 12px;
    padding: 6px;
    border: 2px solid #DAD9D9;
    border-bottom-color: #595857;
    border-right-color: #595857;
    font-weight: bold;
}
input.btn{
    letter-spacing: 1px;
    font-family: verdana, arial, sans-serif;
    cursor: pointer;
}

input.input{
    color: black;
    background: white;
    font-size: 12px;
    padding: 6px;
    border: 2px solid #595857;
    font-weight: bold;
    vertical-align: bottom;
}

a.btn, a.btn:link, a.btn:visited, a.btn:hover, a.btn:focus{
    color: black;
    text-decoration: none;
}

.nodisplay{
    display: none;
}

#obsah h1, #obsah h2, #obsah h3, #obsah h4, #obsah h5, #obsah h6{
    font-family: calibri, verdana, arial, sans-serif;
    letter-spacing: 2px;
    font-weight: bold;
    font-variant: small-caps;
    margin: 0;
    padding: 0;
}
#obsah h1{
    font-size: 200%;
}
#obsah h2{
    font-size: 175%;
}
#obsah h3{
    font-size: 150%;
}
#obsah h4{
    font-size: 110%;
}
#obsah h3, #obsah h4, #obsah h5, #obsah h6{
    font-weight: normal;
}
#obsah p{
    margin: 5px 0 15px 0;
}

body#admin #obsah input[type=submit]{
    font-weight: bold;
    color: #46892C;
}
body#admin #obsah input[type=reset],
body#admin #obsah input.red{
    font-weight: bold;
    color: red;
}

body#admin #obsah input[type=submit][disabled],
body#admin #obsah input[type=reset][disabled],
body#admin #obsah input.red[disabled]{
    color: #969696;
}

#loadingopacity{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    _width: 100%;
    _height: 100%;
    background-color: black;
    color: white;
    Z-Index: 10;
    cursor: url('./images/error.ico'), default;
}
#loadingtext{
    width: 160px;
    display: none;
    position: fixed;
    _position: absolute;
    top: 40%;
    left: 44%;
    z-index: 14;
    padding: 5px;
    cursor: url('./images/error.ico'), default;
    border: 2px solid #BCBFCF;
    background-color: white;
    text-align: center;
    font-size: 90%;
}

hr{
    border: 0;
    border-top: 3px solid #C1C1C1;
    margin: 5px 0 15px;
}
a{
    color: #46892C;

}
a:link{
    text-decoration: underline;
}
a:visited{
    color: #A6C924;
}
a:hover, a:focus{
    text-decoration: none;
}

a img{
    border: 0;
}

table{
    border: 1px solid #C1C1C1;
    border-collapse: collapse;
}
table th, table td{
    border: 1px solid #C1C1C1;
    padding: 3px;
}
table th, table .zvyrazni{
    border-width: 2px;
    background: #EEE;
    vertical-align: baseline;
}

table th[rowspan]{
    vertical-align: middle;
}
table tr:hover{
    background: #EEE;
}
table tr:hover td.noHover{
    background-color: white;
}
table *.top{
    vertical-align: top;
}
table *.right{
    text-align: right;
}
table *.left{
    text-align: left;
}

table.noborder{
    border-width: 0;
}
table.noborder th,
table.noborder td{
    border-width: 0;
}
table.noborder tr:hover{
    background-color: inherit;
}

.nodisplay{
    display: none;
}

img.fll{
    float: left;
    margin: 0 20px 20px 0;
}

.center{
    margin: 0 auto;
    text-align: center;
}
form.center{
    width: 200px;
}

.right{
    text-align: right;
}

.chyba{
    font-weight: bold;
    color: #E77830;
}
.fatalError{
    font-weight: bold;
    background: #E77830 url('./images/warning.png') 5px 5px no-repeat;
    padding: 5px;
    padding-left: 100px;
    margin: 5px;
    min-height: 80px;
}
.ok{
    font-weight: bold;
    color: #46892C;
}
.wrongInput{
    border: 2px solid #E77830;
    background: pink;
}

#tinyMCE{
    padding-bottom: 10px;
    text-align: left;
    font-size: 80%;
    color: black;
    background: white;
    font-family: Verdana,Arial,sans-serif;
    letter-spacing: 1px;
    padding: 5px;
}
#tinyMCE h1, #tinyMCE h2, #tinyMCE h3, #tinyMCE h4, #tinyMCE h5, #tinyMCE h6{
    font-family: calibri, verdana, arial, sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    font-variant: small-caps;
}
#tinyMCE h1{
    font-size: 200%;
}
#tinyMCE h2{
    font-size: 175%;
}
#tinyMCE h3{
    font-size: 150%;
}
#tinyMCE h4{
    font-size: 110%;
}
#tinyMCE h3, #tinyMCE h4, #tinyMCE h5, #tinyMCE h6{
    font-weight: normal;
}
#tinyMCE p{
    margin: 5px 0 15px 0;
    line-height:180%;
}

#noScript{
    clear: both;
    padding: 5px;
    border: 2px solid #E7300F;
    background: #E77830;
    font-weight: bold;
    position: absolute;
    top: 95px;
}

#obsah .adminMainImages{
    width: 150px;
    text-align: center;
    border: 1px solid #969593;
    background: #C1C1C1;
    padding: 0;
    padding-bottom: 0;
    margin: 5px;
    float: left;
}
#obsah .sortable .adminMainImages{
    height: 150px;
    overflow: hidden;
    cursor: move;
    margin: 9px;
}
#obsah img.mouseOver{
    margin: 5px;
}
#obsah .sortableWrapper{
    background: #EEEEEE;
}
#obsah .sortable.used,
#obsah .sortable.unused{
    min-height: 180px;
    padding: 5px 0;
    margin: 5px;
}
#obsah .sortable.used .adminMainImages{
    height: 175px;
}
#obsah .sortable .ui-state-highlight{
    width: 150px;
    text-align: center;
    border: 1px solid #969593;
    background: #C1C1C1;
    padding: 0;
    padding-bottom: 0;
    margin: 5px;
    float: left;
    height: 150px;
    overflow: hidden;
    margin: 9px;
}
#obsah .sortable.used .ui-state-highlight{
    height: 175px;
}
#obsah .adminMainImages p{
    margin: 0;
    padding: 0;
}
#adminMainImagesOverflow{
    text-align: center;
    border: 2px solid #969593;
    background: white;
    display: none;
    position: absolute;
    padding: 0;
    width: 493px;
    height: 120px;
}
#adminImagesOverflow{
    text-align: center;
    border: 2px solid #969593;
    background: white;
    display: none;
    position: absolute;
    padding: 0;
    height: 120px;
}

.horniMenuSortable{
    margin: 10px;
    cursor: move;
}
#demoHorniMenu .box,
.horniMenuSortable .box{
    line-height: 100%;
    font-size: 118%;
    width: 296px;
    height: 30px;
    padding-top: 10px;
    background: #C1C1C1 url('./images/horni-odkazy-bg.png') top left no-repeat;
    color: black;
    font-weight: bold;
    margin: 5px;
    overflow: hidden;
}
#demoHorniMenu .box *,
.horniMenuSortable .box *{
    display: block;
    width: 266px;
    height: 0;
    padding: 5px 15px 25px;
}
#demoHorniMenu .box *{
    padding-top: 10px;
}
#demoHorniMenu .box a,
.horniMenuSortable .box a{
    color: black;
    text-decoration: none;
}
.horniMenuSortable .box a{
    cursor: move;
}
#demoHorniMenu .box a:hover,
#demoHorniMenu .box a:focus,
.horniMenuSortable .box a:hover,
.horniMenuSortable .box a:focus{
    color: #46892C;
}

.horniMenuSortable .ui-state-highlight{
    background: #A6C924;
    width: 296px;
    height: 30px;
    padding-top: 10px;
}
.clear{
    clear: both;
}
p.clear{
    height: 1px;
    width: 100%;
    overflow: hidden;
    margin-bottom: -1px;
}
.small{
    font-size: 95%;
    letter-spacing: 0.15px;
}


/******************************
 ANKETA
 ******************************/

.anketa{
    background: url('./images/box-levy-bg.png') bottom center no-repeat;
    padding: 0 10px 12px;
    margin-bottom: 25px;
    letter-spacing: 0;
    max-width: 157px;
    text-align: left;
}

.anketa > div{
    padding: 5px;
}

.anketa h2{
    padding: 0 5px;
}

.anketa a,
.anketa a:link,
.anketa a:visited,
.anketa a:active,
#lmenu .anketa a,
#lmenu .anketa a:link,
#lmenu .anketa a:visited,
#lmenu .anketa a:active{
    color: #969593;
    text-decoration: underline;
}

.anketa .odpoved{
    clear: both;
}

.anketa .barWrapper{
    float: left;
    width: 75%;
    margin-top: 5px;
    height: 10px;
    text-align: right;
    border: 1px solid #969593;
}
.anketa .barWrapper .bar{
    /* geomall: background: #E77711; */
    background: #A6C924;
    height: 100%;
    text-align: right;
}
.anketa .pocetHlasu{
    float: right;
    width: 23%;
    margin-top: 5px;
    height: 10px;
    text-align: right;
    font-size: 80%;
    letter-spacing: 0px;
}
.anketa .hlasovano{
    clear: both;
    padding-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: center;
}
.anketa .hlasovano .vysledky{
    text-align: right;
    font-size: 90%;
}