* {
    padding: 0;
    margin: 0;
}

html, body {
     height: 100%;
}

body {
    background: #f0f0f0 url('../image/bg.jpg') no-repeat center top;
    font-family: Verdana, "Geneva CE", lucida, sans-serif;
    font-size: 12px;
    color: #000000;
    text-align: center;
    padding-bottom: 20px;
}


div#main {
    width: 1000px;
    margin: 0 auto;
    min-height: 100%;
}

body>#main {
    height: auto;
}

*|html[xmlns*=""]  #main { 
    display: table;
    height: 100% 
} 

div#main div.top div.logo {
    float: left;
    width: 250px;
}

div#main div.top div.logo h1 {
    position: absolute;
    left: -5000px;
}

div#main div.top div.menu {
    float: right;
    padding-top: 11px;
    padding-right: 5px;
}

div#main div.top div.menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div#main div.top div.menu ul li {
    float: left;
    color: #cbccce;
    font-size: 14px;
}

div#main div.top div.menu ul li a {
    text-decoration: none;
    color: #57585a;
    padding: 0 5px;
    font-size: 14px;
}

div#main div.top div.menu ul li a:hover {
    color: #215E7D;
}


div#main div.text {
}

div#main div.text div.outer {
    margin: 0 8px;
    text-align: left;
}

div#main div.text div.outer div.inner {
    padding: 15px;
    text-align: left;
}

div#main div.text div.outer div.inner h2 {
    color: #1F5E7F;
    font-size: 22px;
    font-weight: normal;
    padding-bottom: 20px;
}


div#footer {
    position: relative;
    margin-top: -20px;
    height: 20px;
    clear: both;
    padding-top: 15px;
    background: url('../image/footer.gif') repeat-x left top;
}
  
div#footer .inner {
    width: 990px;
    color: #57585a;
    margin: 0 auto;
  }


div#footer div.inner span { color: #cbccce; }

div#footer div.inner a {
    text-decoration: none;
    color: #57585a;
}

div#footer div.inner a:hover {
    color: #000000;
}

div#footer div.inner div.left {
    float: left;
}

div#footer div.inner div.right {
    float: right;
}


a.a {
    text-decoration: none;
    color: #1F5E7F;
}

a.a:hover { color: #000000; }

/* ********************************* */
/*            Mini framework         */
/* ********************************* */


/* pozice textu */
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

/* format textu */
.fbold { font-weight: bold; }
.fnormal { font-weight: normal; }

/* velikost textu */
.fmini { font-size: 50%; }
.fsmall { font-size: 80%; }
.fbig { font-size: 120%; }
.fhuge { font-size: 150%; }

/* barvy */

.red { color: #FF0000; } 
.blue { color: #0000FF; } 
.green { color: #008000; }
.lime { color: #00FF00; }
.yellow { color: #FFFF00; }
.white { color: #FFFFFF; }
.black { color: #000000; }
.aqua { color: #00FFFF; }


/* margin - top */
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }

/* margin-bottom */
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }

/* margin */
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }

/* clear - cistic */
.clear {
    clear: both;
    margin: 0;
    padding: 0;
}

.menu_list {
  position: absolute;
  margin: 40px 0 0 100px;
  visibility: hidden;
  border-bottom-width: 0;
  line-height: 18px;
  z-index: 100;
  background: #C1CED1;
  width: 152px;
  text-align: left;
  padding: 3px;
}

.menu_list a {
  display: block;
  color: #ffffff;
  font-weight: bold;
  font-size: 10px;
  text-decoration: none;
}

.menu_list a:hover {
  background-color: #59859F;
}



/* *********************************** */
/*              Diskuze                */
/* *********************************** */

.diskuze_vlozeni {
    color: #000
}
.diskuze_vlozeni_pole {
    height: 20px;
    background: #ffffff;
    border: 1px solid #000000;
    padding-left: 5px;
    color: #000000;
}
.diskuze_vlozeni_velkepole {
    padding: 5px;
    background: #ffffff;
    border: 1px solid #000000;
    color: #000000;
}
.diskuze_vlozeni_tlacitko {
    background: #ffffff;
    border: 1px solid #000000;
    color: #000000;
    margin-left: 210px;
    margin-top: 5px;
    height: 25px;
    width: 150px;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
}
.diskuze_vlozeni_reakce {
    background: #BEBEBE;
    border: 1px solid #9E6530;
    padding: 5px;
}
#diskuze_vlozeni_odkaz   a:link {
    color: #000;
    text-decoration: underline;
}
#diskuze_vlozeni_odkaz   a:visited {
    color: #000;
    text-decoration: underline;
}
#diskuze_vlozeni_odkaz   a:active {
    color: #fff;
    text-decoration: underline;
    background: #9E6530
}
#diskuze_vlozeni_odkaz  a:hover {
    color: #fff;
    text-decoration: underline;
    background: #9E6530
}


#comments {
    margin-top: 10px;
    width: 550px;
    margin: 20px auto 0 auto;
}

#comments a {
    color: #000000;
    text-decoration: underline;    
}

#comments a:hover {
    color: #DFA60D;
}

#comments ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 550px;
    background: #FCE3E3;
}
#comments .nadpis {
    padding: 2px 15px 2px 10px;
    height: 36px;
    border-top:10px solid #65ABDE;
}
#comments .reakce_telo {
    padding: 7px 7px 7px 7px;
    background: #FCE3E3;
    margin: 0 0 0 50px;
    font-style: italic;
    border: 0;
}
#comments .reakce_telo .reakce_nadpis {
    border-bottom: 1px #000 solid;
    padding: 2px 0;
    color: #777777;
}
#comments .reakce_telo .reakce_text {
    padding: 10px 0 5px 0;
}
.kniha_mail_web {
    font-size: 9pt;
}