body {height: 100%; margin:0; padding:0; background: url(../images/bg-main.jpg) top repeat-x; font-family:"Georgia",Arial,Helvetica,sans-serif; font-size:12px; color:#ffffff;}
html {height: 100%;}
.clear {clear: both;}
a {color: white;}
img {border: none;}
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -166px;}
.push {height: 166px;}

#header {width: 899px; margin: 20px auto auto auto; position: relative;}
#header .piva {z-index:100; width: 195px; height: 176px; background: url(../images/pivka.png) top left no-repeat; position: absolute; top: 136px; left: 752px;}
#header #Hleft {width: 333px; height: 290px; background: url(../images/bg-logo.png) top left no-repeat; float: left;}
#header #Hright {width: 566px; height: 290px; background: url(../images/bg-slider.png) top left no-repeat; float: left;}
#header #Hright #slideshow {position:relative; height:255px; width: 547px; margin: 12px 0 0 6px;}
#header #Hright #slideshow img {position:absolute; top:0; left:0; z-index:8;}
#header #Hright #slideshow img.active {z-index:10;}
#header #Hright #slideshow img.last-active {z-index:9;}


#content {width: 899px; margin: 20px auto auto auto;}
#content #leftContent {width: 270px; float: left; margin: 0 24px 0 13px;}
#content #leftContent #menu-title {margin: 23px 0 0 0; padding: 5px 0 0 15px; width: 245px; height: 39px; font-size: 2.1em; font-weight: bold; background: url(../images/bg-menu.png) top left no-repeat;}
#content #leftContent #panel-title {margin: 27px 0 10px 0; padding: 5px 0 0 15px; width: 245px; height: 39px; font-size: 2.1em; font-weight: bold; background: url(../images/bg-menu.png) top left no-repeat;}
#content #leftContent ul.menu {font-weight: bold; margin: 10px 0 0 15px; padding: 0; list-style: none; font-size: 1.3em;}
#content #leftContent ul.menu li {display: block; background: url(../images/pivo-prazdne.png) top left no-repeat; height: 23px; padding: 7px 0 0 32px; margin: 0 0 5px 0;}
#content #leftContent ul.menu li.act {background: url(../images/pivo-plne.png) top left no-repeat; color: #ffca2c;}
#content #leftContent ul.menu li.act a {color: #ffca2c;}
#content #leftContent ul.menu li:hover {background: url(../images/pivo-plne.png) top left no-repeat; color: #ffca2c;}
#content #leftContent ul.menu li:hover a {color: #ffca2c;}
#content #leftContent ul.menu li a {display: block; text-decoration: none; color: white;}
#content #rightContent {width: 584px; float: left;}
#content #rightContent h1 {margin: 0 0 20px 0; padding: 28px 0 0 75px; font-size: 2.1em; width: 509px; height: 50px; background: url(../images/h1.png) top left no-repeat;}
#content #rightContent a {color:#ffffff;}

#footer {width: 901px; height: 166px; margin: 20px auto auto auto; background: url(../images/bg-footer.png) top left no-repeat;}
#footer p {padding: 127px 10px 0 0; margin: 0; text-align: right;}

.oznamy {color: #BBBBBB; font-size: 0.8em; width: 850px;  margin: 0 auto; background: #141E18; padding: 0 25px 0 25px;}
.oznamy a {color: #BBBBBB !important; text-decoration: none;}
.dulezite {color: #BBBBBB; font-size: 0.8em; width: 850px;  margin: 0 auto; background: #141E18; padding: 0 25px 0 25px;}
.dulezite a {color: #BBBBBB !important; text-decoration: none;}
.zoznam {color: #BBBBBB; font-size: 0.8em; width: 850px;  margin: 0 auto; background: #141E18; padding: 0 25px 0 25px;}
.zoznam a {color: #BBBBBB !important; text-decoration: none;}
.trop {color: #BBBBBB; font-size: 0.8em; width: 850px;  margin: 0 auto; background: #141E18; padding: 0 25px 0 25px;}
.trop a {color: #BBBBBB !important; text-decoration: none;}
.partner {color: #BBBBBB; font-size: 0.8em; width: 850px;  margin: 0 auto; background: #141E18; padding: 0 25px 0 25px;}
.partner a {color: #BBBBBB !important; text-decoration: none;}
.souhrn {color: #BBBBBB; font-size: 0.8em; width: 850px;  margin: 0 auto; background: #141E18; padding: 0 25px 0 25px;}
.souhrn {color: #BBBBBB !important; text-decoration: none;}

.article-navigation {display: none;}

/* ----- systemove ----- */

/* tagy */
legend {color: #ffffff;}

/* boxy */
.searchform input.q {width: 100px;}

/* vypis */
.list-perex-image {border: 1px solid #D7D7D7; max-width: 96px; float: left; margin: 0 4px 4px 0;}
.list-info {color: #D7D7D7;}
.list-info a {text-decoration: none; color: #D7D7D7;}

/* clanek */
.article-navigation {border-bottom: 1px solid #dcdcdc;}
.article-perex {color: #ffffff;}
.article-perex-image {border: 1px solid #D7D7D7; float: right; max-width: 150px; margin: 0 8px 8px 8px;}
.article-info {width: 646px; color: #D7D7D7;}
.article-info a {color: #D7D7D7; text-decoration: none;}
.ratetable {border: 1px solid #D7D7D7;}

/* anketa a shoutbox */
.poll, .sbox {border: 1px solid #dcdcdc; background-color: #fafafa;}

    /* individualni pro anketu */
    .poll-answer {border-top: 1px solid #dcdcdc;}
    .poll-question div {color: #a4a4a4; font-size: 9px;}
    
    /* individualni pro shoutbox */
    .sbox-item {border-top: 1px solid #dcdcdc;}
    
/* prispevky / komentare */
.posts-comments, .posts-book {border-top: 1px solid #dcdcdc;}
.post {}
.post-hl {}
.post-author {font-weight: bold; text-decoration: none; color: #0079A8;}
.post-author-guest {font-weight: bold; color: #ffffff;}
.post-subject {font-weight: bold;}
.post-info {color: #D7D7D7;}
.post-postlink {color: #9A9A9A !important;}
.post-body {border-bottom: 1px solid #eaeaea;}
.post-body-withavatar img.avatar2 {border: 1px solid #EDEDED;}
/*.post-body-withavatar .post-body-text {}*/
.post-answer {border-left: 1px solid #eaeaea;}

/* temata na foru */
.topic-table {background-color: #FAFAFA;}
.topic-table td {border: 1px solid #ededed;}
.topic-hl, .topic-table thead td {background-color: #F7F7F7;}
.topic-pages a {border: 1px solid #ededed; background-color: #fff;}

/* galerie */
.gallery td {}
.gallery img {border: 1px solid #dcdcdc;}

/* vzkazy */
.messages-menu a {border-right: 1px solid #dcdcdc;}
.messages-table {width: 646px; border: 1px solid #dcdcdc;}

/* tabulky (vypis uzivatelu, seznam temat fora) */
.widetable, .widetable2, .topic-table {width: 646px;}
.widetable {border: 1px solid #dcdcdc;}

/* profil */
.avatar {border: 1px solid #000000;}

/* systemove zpravy */
.message1, .message2, .message3 { border: 1px solid #e1e1e1;}

/* ruzne */
.bborder {border-bottom: 1px solid #dcdcdc;}
.hint {color: #808080;}
.cimage {border: 1px solid #dcdcdc;}
.exp {border-bottom: 1px dashed #808080;}