/*-- Layout TEMPLATE  --*/
* {font-family: Tahoma, Helvetica, Verdana;}
body {background: url('../images/bg.jpg') repeat-x; background-color: #EFEFEF; margin:0; font-size: 13px; color: black;}
a {color: #65A602; font-size: 12px;}
a:hover {text-decoration: none;}
h1 {padding: 0px; margin: 0px 0px 5px 0px; font-size: 18px;}
h2 {font-size: 15px;}
h3 {font-size: 13px;}
h4 {font-size: 11px;}
h5 {font-size: 9px;}
h6 {font-size: 8px;}
h2, h3, h4, h5, h6 {margin: 0px 0px 0px 0px; padding: 0px;}
p {padding: 0px; margin: 0px 0px 20px 0px; line-height: 160%;}
img {border: none;}
pre {font-family: monospace; margin: 0px;}
form {margin: 0px 0px 10px 0px;}
textarea {font-family: monospace;}
input {padding: 2px;  font: normal 1em Tahoma, Helvetica, Verdana; color: #313131;}
fieldset {margin: 0px 0px 10px 0px; padding: 10px; line-height: 150%;}
ul {margin: 5px 0px 10px 10px; padding: 0px;}
ol {margin: 5px 0px 10px 15px; padding: 0px;}
ul li, ol li {margin: 5px 0px 0px 10px; padding: 2px; line-height: 140%;}
acronym {border-bottom: 1px dotted; cursor: help;}
kbd {display: inline-block; padding: 1px 2px 1px 2px;	margin: 1px 0; font-size: 90%; line-height: 1.2em; background: #EEE;	border: 1px solid #DDD;	border-bottom: 2px solid #CCC; border-right: 2px solid #CCC;}
table {border-collapse: collapse; margin-bottom: 15px;}
table td {padding: 3px; vertical-align: top;}
table th {font-weight: bold; background-color: #C0F07F;}
tr.line {background-color: #F1F1F0;}

/* hlavni layout */
#main {width: 880px; margin: 0 auto; background-color: #FFF; text-align: left;}

/* header */
#header {width: 880px; height: 99px; background-image: url('../images/logo1.jpg'); padding: 0; margin: 0; overflow: hidden;}

/* logo */
#logo {float: left; width: 300px; height: 60px;}
  #logo span {display: none;}
#logo-title {float: left; width: 875px; height: 50px; font-size: 18px; font-style: italic; color: white; padding: 0px 0px 0px 10px;}

/* search  */
#search {float: right; padding: 15px 10px 0px 0px;}
#search input.q {color: #F8F8F8; background: transparent 10%; border:1px solid #F8F8F8;}
#search input.go {font-size: 11px;}

/* navigace */
#navigace {width: 880px; height: 40px; float: left; padding: 0; margin: 0; background-image: url('../images/logo2.jpg');}
#navigace ul {margin: 0; padding: 10px 0 0 2px; list-style: none;}
#navigace li {display: inline;}
#navigace a {display: block; float: left; margin: 0 2px 0 2px; padding: 5px 16px 5px 16px; background-color: #7BA915; font-size: 14px; border: none; color: white; font-weight: bold; text-decoration:none;}
#navigace .first a { }
#navigace a:hover {background-color: #FFF; opacity: 0.5; filter: alpha(opacity=50); color: #303030; font-weight: bold;}
#navigace a.act {background-color: #FFF; color: #808080; border-bottom: 2px solid #FFF;} 

/* content */
#colMain {float: left; width: 640px; padding: 12px 0px 10px 15px; overflow: hidden;}
#colOne {float: left; width: 200px; padding: 12px 0px 10px 12px; overflow: hidden;}

/* footer */
#footer {background:#FFF; margin:0 auto; width: 880px; height: 50px;}
#footer-bg {background: url('../images/footer-bg.jpg') repeat-x; border-top: 2px solid #7E7E7E; height: 50px;}
#footer p {font-size: 11px; text-align: center; padding: 0px; line-height: 150%;}
#footer a {font-size: 11px; color: black; text-decoration: none;}
#footer a:hover {text-decoration: underline;}



/*-- SYSTEM --*/

/* menu  #98CD37  #7BA915  */
.menu {margin: -8px -8px 0px -8px; list-style: none; font-weight: bold;}
.manu ul {margin-bottom: -8px !important;}
.menu li {margin: 0; padding: 0; display: inline;}
.menu a {display: block; padding: 5px 0px 5px 10px; color: #313131; font-size: 11px ; text-decoration: none; border: 1px solid #C8C0B3; border-top: 1px solid #eee;}
.menu a .countart {color: gray; padding: 0px 0px 2px 2px; font-weight: normal; font-size: 10px;}
.menu a:hover {color: white; background-color: #7BA915;}
.menu a.act {color: white; background: #7BA915;}

/* Menu uživatelské */
#usermenu ul {margin:0 0 0 10px; padding: 10px; list-style-image: url('../images/bullet.gif');}
#usermenu li {margin: 0px; padding: 0px;}
#usermenu a {padding: 0px; text-decoration: none; color: #000;}

/* boxy */
.box-title {font-size: 13px; color: #313131; background-image: url('../images/box-title.jpg'); padding: 4px 2px 4px 2px;}
.box-title img {margin: -1px 3px 0px 0px; float: left;}
.box-item {font-size: 11px; color: #313131; background-color: #F1F1F0; border-bottom: 3px solid #65A602; padding-left: 8px; padding-top: 8px; padding-right: 8px;}
.box-item p {margin: 0px 0px 5px 0px;}
.box-bottom {padding: 0px 0px 10px 0px; margin: 0px;}
.boxs {text-align: center; margin: 8px;}
.box-item .list-title a {font-weight: normal; font-size: 11px;}
.box-item .list-info {font-size: 11px; color: gray; margin: -3px 0px 3px 0px;}

/* vypis */
.list-title {padding: 0px; margin: 0px 0px 3px 0px;}
.list-title a {font-weight: bold;}
.list-perex {padding: 0 2px 0 0; margin: 3px 0px 3px 0px;}
.list-info {font-size: 10px !important; color: gray; margin: 3px 0px 20px 0px;}
.list-info span {font-weight: bold;}
.list-info a {font-size: 10px; color: #65A602;}

.list-title-main {padding: 4px; background-color: #F1F1F0; border-left: 3px solid #65A602; background-image: url('../images/bg_title.jpg');}
.list-title-main a {font-weight: bold; font-size: 15px;}
.list-info-main {border-top: 1px solid #dcdcdc; font-size: 10px !important; color: gray; margin: 3px 0px 20px 0px;}
.list-info-main span {font-weight: bold;}
.list-info.main a {font-size: 10px; color: #65A602;}

/* clanek */
.article-navigation {border-bottom: 1px solid #dcdcdc; padding-top: 5px; padding-bottom: 10px; margin-bottom: 10px;}
.article-perex {font-style: italic; color: black; margin: 10px 2px 10px 0px;;}
.article-info { color: gray; padding: 0px; margin: 15px 0 15px 0; background-color: #F1F1F0; width: 100%;}
.article-info td {font-size: 10px !important; padding: 0 0 0 5px; line-height: 18px;}
.article-info a {font-size: 10px; color: gray; text-decoration: underline;}
.article-info a:hover {text-decoration: none;}
.ratetable {padding: 5px;}
.ratetable td {padding: 0 2px; text-align: center; vertical-align: top;}
.ratetable tr.r1 * {font-weight: bold;}

/* anketa a shoutbox */
.poll {border: 1px solid #7BA915; background-color: #F1F1F0;}
.poll-content {padding: 5px;}
.poll-question {text-align: center; font-size: 11px; padding-bottom: 5px;}
.poll-question div {color: #A4A4A4; font-size: 8px; }
.poll-answer {font-size: 11px; border-top: 1px solid #dcdcdc; padding: 3px 0px 3px 0px; }
.poll-answer .votebutton {margin: 3px 2px 0 0 !important; border: 1px solid !important;}
.poll-answer input {padding: 0px; margin: 0px; border: none;}
.poll-answer div {background-image: url('../images/system/votebar.gif'); background-repeat: repeat-x; height: 10px; margin: 4px 2px 2px 0px;}

/* individualni pro shoutbox */
.sbox-input {width: 95%;}
.sbox-posts {height: 100px; overflow: auto;}
.sbox form, .sbox table {margin: 0; padding: 0;}
.sbox table {border-collapse: collapse; width: 95%;}
.sbox table td.rpad {width: 44px;}
.sbox .inputc {width: 40% !important;}

/* 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: 10px 0 5px 0; padding: 3px; height: 48px; background-color: #F1F1F0;}
.post-head .pre {font-family: monospace; width: 99%; line-height: 75%; padding: 10px 0 15px 8px; margin: 15px 0 15px 0; border: 1px solid #DCDCDC; border-style: dashed; background: #E4FFCD url('../images/code.png') top right no-repeat; overflow: auto;}
.post-author {font-weight: bold;}
.post-author-guest {font-weight: bold; color: #606060;}
.post-subject {font-weight: bold;}
.post-info {color: gray; }
.post-actions a {font-size: 10px; text-decoration: none; padding-left: 4px;}
.post-body {padding: 3px; margin: 0px; border-bottom: 1px solid #65A602; border-left: 1px solid #F1F1F0; border-right: 1px solid #F1F1F0;}
.post-smiley {vertical-align: middle;}
.post-answer {padding-left: 6px; margin-left: 20px; background-position: left top;}
.post-answer .post-head {margin-top: 15px;}
.post-avatar {width: 34px; height: 45px; margin: 0 5px 0px 0; border: 1px solid #dcdcdc; overflow: hidden; float: left;}
.post-att {font-weight: bold; font-size: 11px;}
.post-att a {text-decoration: none; font-size: 11px;}
.post-att img {margin: 0 3px -3px 0;}

/* galerie */
.gallery {width:100%;}
.gallery, .gallery td, .gallery a {font-size: 10px; text-align: center; overflow: hidden;}
.gallery tr { vertical-align: top;}
.gallery img {margin: 2px; padding: 2px; border: 1px solid #DFDFDF;}
.galflag img {margin: 0px;}
.gallery-list {width: 300px; height: 205px; margin-left: 10px; margin-top: 20px; padding: 0px; float: left; text-align: center; border: 1px solid #a0a0a0; background-color: #F5F5F5; overflow: hidden;} 
.gallery-list h2 {padding: 4px; background-image: url('../images/box-title.jpg'); border-bottom: 1px solid #DFDFDF; color: white ;}
.gallery-list h2 a {color: white; text-decoration: none;}
.gallery-list img {margin: 4px; padding: 2px; border: 2px solid #7BA915;}
.gallery-list .list-perex {margin: 5px; padding: 0px;}
.gallery-list .list-info {margin-left: 5px; margin-bottom: 5px; padding: 0px; text-align: left;}

/* EXIF v galerii */
.exif {text-align: left;}
.exif span {font-weight: bold;}

/* vzkazy */
.messages-menu a {padding: 0px 6px 0px 6px; text-decoration: none; border-right: 1px solid #dcdcdc;}
.messages-menu a.active {font-weight: bold;}
.messages-table {width: 99%; border: 1px solid #dcdcdc;}
.messages-table td {padding: 5px 15px 5px 15px;}
.messages-table a {text-decoration: none;}
.messages-table a.notreaded {font-weight: bold;}

/* tabulky (vypis uzivatelu, seznam temat fora) */
.widetable {width: 529px; border: 1px solid #dcdcdc;}
.widetable td {width: 50%; padding: 5px 15px 5px 15px;}
.widetable h2 {margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #dcdcdc;}
.widetable2 {width: 99%; padding: 0px;}
.widetable2 td {padding: 3px;}

/* profil */
.profiletable td {padding: 3px 10px 3px 10px;}
.avatartd {padding: 5px;}
.avatar {width: 96px; height: 128px; border: 1px solid #dcdcdc; overflow: hidden;}

.note {padding: 8px 5px 5px 8px; width: 300px; height: 96px; overflow: auto;}

/* formulare */
.areasmall {width: 354px; height: 100px;}
.areamedium {width: 450px; height: 150px;}
.inputsmall {width: 140px;}
.inputmedium {width: 354px;}
.inputsmallBox {width: 130px;}
.inputc {width: 136px;}
input.go, .votebutton {padding: 2px 4px; background: url('../images/button_fill.png');}

/* strankovani text-decoration: underline;*/
.paging {padding: 5px 0px 5px 1px; margin: 2px 0 5px 0;}
.paging span a {font-weight: bold; font-size: 9px; color: black; text-decoration: none; padding: 4px; border: 1px solid #dcdcdc; background-image: url('../images/button_fill.png');}
.paging .disable {font-weight: bold; font-size: 9px; color: gray; padding: 4px; border: 1px solid #dcdcdc; background-image: url('../images/button_fill.png');}
.paging a:hover {text-decoration: none; border: 1px solid #7BA915; color: #7BA915 !important;}
.paging a.act {border: 1px solid #7BA915; color: #7BA915}

/* systemove zpravy */
.message1, .message2, .message3 {margin: 5px 0px 20px 0px; padding: 13px 5px 13px 48px; font-weight: bold; border: 1px solid #dcdcdc; background-position: 5px 5px; background-repeat: no-repeat;}
.message1 {background-image: url('../images/icons/info.gif');}
.message2 {background-image: url('../images/icons/warning.gif');}
.message3 {background-image: url('../images/icons/error.gif');}

/* horizontalni cara */
.hr {height: 5px; background-image: url('../images/system/hr.gif'); background-position: left center; background-repeat: repeat-x;}
.hr hr {display: none;}

/* ruzne */
.pre {font-family: monospace; padding: 0 5px 0 5px; margin-bottom: 10px; background-color: #F1F1F0;}
.code {font-family: monospace; width: 97%; padding: 10px 5px 10px 10px; margin: 0; border: 1px solid #DCDCDC; border-style: dashed; background: #E4FFCD url('../images/code.png') top right no-repeat; overflow: auto; white-space: pre; display: block;}
.bborder {padding-bottom: 8px; margin-bottom: 12px; border-bottom: 1px solid #dcdcdc;}
.backlink {display: block; font-weight: bold; padding-bottom: 15px;}
.hint {color: gray; font-size: 10px; padding: 0px 4px 0px 4px;}
.cimage {width: 62px; height: 19px; vertical-align: top;}
.icon {vertical-align: middle; margin-top: -1px;}
.minip {padding: 0px; margin: 0px 0px 4px 0px;}
.rpad {padding-right: 10px;}
.lpad {padding-left: 10px;}
.hidden {display: none;}
.inline {display: inline;}
.cleaner {clear: both;}
.important {color: red;}
.pad {padding: 10px;}
.wlimiter {width: 672px; overflow: auto;}
.anchor {position: relative; top: -128px; height: 0px;}
.exp {font-weight: normal; font-size: 11px; border-bottom: 1px dashed #808080; cursor: help; } 
/* konflikt s GreyBoxem
.right {float: right; margin: 1px 1px 5px 10px;}
.left {float: left; margin: 1px 10px 5px 1px;} 
*/
.leva {float: left; margin: 1px 1px 5px 10px;}
.prava {float: right; margin: 1px 10px 5px 1px;}
.ico {padding: 2px 6px 0px 0px; float: left;}
.red {background-color:#df0000; color: #ffffff; font-weight: normal; font-size: 11px;}

/* tabulka článku */
.tabart {width: 99%; border-collapse: collapse; margin-bottom: 15px;}
.tabart tr:hover td{background-color:#FFFB81;}
.tabart td, .tabart th {border: 1px solid #7BA915; padding: 3px; vertical-align: top;}

.tabart-small {border-collapse: collapse; margin-bottom: 15px;}
.tabart-small .trhead {font-weight: bold; text-align: center; background-color: #C0F07F;}
.tabart-small td {border: 1px solid #7BA915; padding: 3px; vertical-align: top;}

/*boxy na HP*/
#info {padding: 0px;}
.infol, .infor {margin: 0px; padding: 0px; overflow: auto;}
.infol {width: 315px; float: left;}
.infor {width: 315px; float: right;}

/* sitemap */
.tree {margin-top: 20px; margin-left: 10px;}
.tree a {color: #65A602;}
.tree img {margin: 0; padding: 0;}
.tree ul {list-style: none;}
.tree ul li {margin: 0; list-style-image: none; padding-left: 15px; text-indent: -15px; line-height: 100%; background: url('../images/tree_vertical.gif') top left repeat-y;}
.tree ul li img {vertical-align: middle;}
.tree ul li.last {background: url('../images/tree_last.gif') top left no-repeat;}

/* googlemaps */
#mapa {width: 630px; height: 350px; border: 1px solid #7E7E7E;}
#mapa-status {width: 630px; height: 45px;}
#mapa #selection {width: 220px; height: 23px;}

/* ip kamera */
.camframe {height: 240px; width: 320px; border: 1px solid #dcdcdc; margin-bottom: 20px; background-color: #F1F1F0;}
.camframe h2 {margin: 7px 7px;}

.userstable {width: 100%; border: 1px solid #dcdcdc;}
.userstable td {padding: 1px 10px;}
.sun {font-size: 11px;}
.sun span {cursor: help;}

/* formulář výpočtů */
.vypocty {padding: 0px 0px 18px 0px;}
.vysledek {padding: 7px 0px 3px 0px; border: none; border-bottom: 1px dashed; font-weight: bold;}

.duchod {background-image:url('../images/duchod.png'); background-repeat: no-repeat;}
.duchod td {padding: 7px; font-weight: bold;}

#passgen {background-image:url('../images/bg_passgen.jpg'); background-repeat: no-repeat; width: 529px; height: 250px; padding: 10px 0 0 20px;}
#passgen table {width: 99%; font-weight: bold;}
#passgen td {padding: 3px;}
#passgen .pass {font-size: 20px; height: 20px; font-family: monospace;}
#passgen .pb1 {width: 180px; height: 20px; border: 1px solid black; padding: 1px;}
#passgen .pb2 {height: 20px;}


/* -- HCM moduly --- */

  /* Weblinks */
  .weblinks-editor {background-color: #7BA915; color: #ffffff ; font-weight: bold; font-size: 10px;}
  .weblinks-tab {width: 100%; border-collapse: collapse; margin: 5px 0px 10px 0px;}
  .weblinks-tab img {margin: 3px 10px 3px 5px; float: left;}
  .weblinks-info {background-color: #F1F1F0;}
  .weblinks-ico {margin: -3px 0px;}

  /* XList360 */
  .aplet {text-align: center;}

  /* kalendář */
  #kal {width: 180px; border-collapse: collapse;}
  #kal td {width: 30px !important; text-align: center; border: 1px solid #7BA915;}
  #kal th {border: 1px solid #7BA915;}
  #kal form {padding: 0px !important; margin: 0px !important;}
  #kal input {background-color: #7BA915; border: none; font-weight: bold; color: white; cursor: pointer;}
  #kal a {text-decoration: none; color: white;}
  #kal .akt {background-color: red; font-weight: bold; color: white;}
  #kal .art {background-color: #7BA915; font-weight: bold;}
  #kal .den, #kal .vik {background-color: #F0F07F; font-weight: bold; }
  #kal .nic {background-color: #C0F07F;}
  #kal .foot input {background: none; border: none; color: #7BA915;}
  #kal .foot td {border: none;}

  /* archiv */
  #nav {margin-left: -5px;}
  #nav ul, #nav li {list-style: none; list-style-image: none; margin-left: 5px; margin-bottom: -2px;}
  #nav li {padding-left: 17px; background: url('../images/arrow.gif') left 50% no-repeat; margin-top: -2px;}
  #nav a {text-decoration: none; font-size: 11px;}
  #nav .artlink a {text-decoration: underline;}
  #nav .artlink a:hover {text-decoration: none;}
  #nav img {vertical-align: middle;}
  #nav .artlink {margin-left: -8px;}
  #nav .block {display: block;}
  #nav .expandable {padding-left: 0px; background-image: none;}
  #nav .expandable img {margin-right: 5px; margin-top: -2px;}