*{margin:0; padding:0;box-sizing:border-box;}
body{font-family:sans-serif;font-size:16px;line-height:160%}
img{border:none;}
h1{font-size:1.5em;height:30px;  font-weight:bold;  letter-spacing:0px;margin:0 0 20px 0;background:url("/plugins/templates/cccc/images/volant.png") left center no-repeat;padding:0px 0px 0px 50px;}
h4{height:20px;font-size:1.3em; font-weight:bold;  letter-spacing:0px;margin:0px;background:url("/plugins/templates/cccc/images/union_jack.png") left center no-repeat;padding:0px 0px 0px 50px;}
h2{font-size:1.2em;  font-weight:bold; color:rgb(204,0,0); letter-spacing:.5px;margin:0px;padding:0px;}
h3{color:rgb(48,48,48);margin:20px 0 5px 0;}
a{color:rgb(204,0,0);font-weight: bold;text-decoration: underline;text-align:left;}
a:hover{color:rgb(48,48,48);}
img{max-width:100%;}



#content-pad{margin-top:15px;}
#content{text-align:justify;margin-top:15px;}
#content img{margin:10px;}
#footer{font-size:0.9em;color:rgb(64,64,64);text-align:center;}
#footer a{font-size:0.9em;color:rgb(64,64,64);}

#main-pad{width:990px;margin-left:auto;margin-right:auto;}
#header{width:990px;height:147px;background-image:url('../images/header990.png');background-repeat:no-repeat;}
#menu{margin:0px;background:gray;width:100%;min-height:30px;}
#menu-end{display:none;}
#banner590{width:680px;margin-bottom:5px;text-align:right;font-size:0.8em;color:gray;}
#content-pad{width:680px;float:left;}
#content{clear:both;}
#content ul{list-style-type:disc;margin-left:2em;}
#right-pad{width:270px;float:right;background-color: rgb(228,228,228);padding:10px;}
#right-pad img{max-width:100%;}
#right-column{}
#footer{margin-top:4em;padding:1em;width:100%;width:990px;height:50px;background-image:url('../images/footer-bg.png');background-repeat:repeat-x;}


/* MENU */
/* remove the bullets,padding and margins from the lists */
.menu ul{list-style-type:none;padding:0;margin:0;}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{float:left;position:relative;z-index:100;}
/* use the table to position the dropdown list*/
.menu table{position:absolute;border-collapse:collapse;z-index:80;left:-1px;top:28px;}
/* style all the links */
.menu a,.menu:visited{font-weight:normal;display:block;font-size:1em;padding:4px 10px 5px 10px;color:white;background:none;text-decoration:none;margin-right:1px;text-align:left;border-right:1px dotted white;}
/* style the links hover */
.menu:hover{}
.menu a:hover{background:none;color:orange;}
/* hide the sub level links */
.menu ul ul{visibility:hidden;position:absolute;width:250px;height:40px;}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible;}
/* šířka a pozadí submenu */
.submenu a{width:150px;background-color:rgb(144,144,144);}
.submenu a:hover{color:orange;font-weight:bold;background-color:gray;}

.cleaner{clear:both;}

/* SYSTEM */
.topic-avatar {max-width: 64px; float: left; margin: 4px 12px 8px 0;}
input[type=text], input[type=password], input[type=submit], input[type=button], input[type=reset], button, select {padding: 3px;}
.posts-form-buttons .bbcode-button {display: inline-block; width: 16px; height: 16px; padding: 3px 4px; background: url(../images/bbcode/button-body.png) left top no-repeat;}
input{width:50%;}
.post-postlink {float: right; position: relative; right: 5px; font-size: 9px; color: #9A9A9A !important; text-decoration: none;}
.article-perex-image {border: 1px solid #dcdcdc; float: right; max-width: 150px; margin: 0 8px 8px 8px;}
.list-perex-image {border: 1px solid #dcdcdc; max-width: 120px; float: left; margin: 0 4px 4px 0;}
.topic-table {background-color: #FAFAFA; border-collapse: collapse;}
.topic-table td {padding: 5px; border: 1px solid #ededed;}
.topic-hl, .topic-table thead td {background-color: #F7F7F7;}
.topic-icon-cell {width: 41px; padding-right: 0 !important; border-right: none !important;}
.topic-main-cell {width: 50%; border-left: none !important; white-space: nowrap;}
.topic-pages {margin-left: 0.5em;}
.topic-pages a {display: inline-block; padding: 0 4px; margin: 0 2px; border: 1px solid #ededed; background-color: #fff; text-decoration: none;}
.bbcode-img {max-width: 400px; max-height: 800px;}
/* */

.box-title{display:none;}
.box-item a{color:black;}

/* vypis */
.list-title {margin: 5px 0 3px 0; padding: 0px;}
.list-title a {color:rgb(204,0,0);}
.list-perex {clear:both;padding: 0 !important; margin: 0 0 3px 0 !important;}
.list-info {text-align:right;font-size: 0.8em;color: #808080; padding: 4px 0 15px 0 !important; clear: both;}
.list-info span {font-weight: bold;}
.list-info a {text-decoration: none; color: #808080;}

/* boxy */
.box-title {}
.box-item {}
.box-bottom{height:20px;color:red;}
.searchform {padding-bottom: 10px;}
.searchform input.q {width: 170px;}
#right-pad {margin-top:15px;}
#right-pad .list-title a {font-size:0.8em; line-height: 100%; letter-spacing: 0px; font-weight:normal; color:rgb(48,48,48); margin:0px;padding:0px;text-decoration: underline;}
#right-pad .list-title a:hover {color:rgb(204,0,0);}

/* galerie */
.gallery{text-align: center;}
.gallery td {overflow: hidden;}
.gallery img {margin: 3px; border: 1px solid #dcdcdc;}

/* clanek */
.article-navigation {border-bottom: 1px solid #dcdcdc; padding-bottom: 10px; margin-bottom: 15px;}
.article-navigation a{color:rgb(204,0,0);}
.article-navigation a:hover{text-decoration: none;}
.article-content{clear:both;}
.article-perex {font-style: italic; color: rgb(64,64,64);padding-left:20px;}
.article-perex-image {max-width:120px;float:left;margin: 0 10px 10px 0;}
.article-info {width: 100%; color: rgb(63,63,63); padding: 20px 0 10px 0;background-color:rgb(223,223,223);}
.article-info td {padding: 10px; line-height: 20px;text-align:left;}
.article-info a {color: #808080; text-decoration: none;}
.ratetable {border: 1px solid #dcdcdc; padding: 5px;}
.ratetable td {padding: 0 2px; text-align: center; vertical-align: top;}
.ratetable tr.r1 * {font-weight: bold;}

/* ruzne */
.pre {font-family: monospace; white-space: nowrap; display: block;}
.bborder {padding-bottom: 8px; margin-bottom: 12px; border-bottom: 1px solid #dcdcdc;}
.anchor {position: relative; top: -128px; height: 0px;}
.backlink {display: block; font-weight: bold; padding-bottom: 15px;}
.hint {color: #808080; font-size: 10px; padding: 0 4px;}
.cimage {width: 68px; height: 22px; vertical-align: top; margin-left: 5px;}
.exp {border-bottom: 1px dashed #808080; cursor: help;}
.icon {vertical-align: middle; margin-top: -1px;}
.right {float: right; margin: 1px 1px 5px 10px;}
.left {float: left; margin: 1px 10px 5px 1px;}
.wlimiter {width: 717px; overflow: auto;}
.minip {padding: 0; margin: 0 0 4px 0;}
.rpad {padding-right: 10px;}
.lpad {padding-left: 10px;}
.inline {display: inline;}
.important {color: red;}
.hidden {display: none;}
.cleaner {clear: both;}
.pad {padding: 10px;}
.vzor {color:gray;font-style: italic;}

/* prispevky / komentare */
.posts-comments, .posts-book {border-top: 1px solid #dcdcdc;}
.posts-comments {margin-top: 32px; padding-top: 5px;} .posts-book {padding-top: 12px;}
.posts h2 {margin-bottom: 10px;}
.posts-form {padding-bottom: 10px;}
.posts-form-buttons {padding-left: 16px;}
.posts-form-buttons img {vertical-align: middle;}
.post-head {margin-top: 20px;}
.post-author {font-weight: bold; text-decoration: none;}
.post-author-guest {font-weight: bold; color: #a03800;}
.post-subject {font-weight: bold;}
.post-info {color: #808080;}
.post-actions a {font-size: 10px; text-decoration: none; padding-left: 4px;}
.post-body {padding: 0; margin: 0;}
.post-smiley {vertical-align: middle;}
.post-answer {padding-left: 30px;}
.post-answer .post-info {font-size: 10px;}
.post-answer .post-head {margin-top: 15px;}
tr.valign-top td {vertical-align: top;}