* {margin:0;padding:0}
body {background: #3a4e69; color: #FFF; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; cursor: default}
h1 {margin: 0; font-size: 20px; color: #FEDF6F; text-align: right; font-family: Arial, sans-serif}
h2 {color: #3c6987;  line-height: 18px; display: inline; font-size: 16px; font-family: Arial, sans-serif; margin: 0; padding: 0}
h3 {margin-bottom: 0.5em; font-size: 13px; line-height: 21px; font-family: Arial, sans-serif}
h4 {margin-bottom: 1em}
table td, table th {vertical-align: top}
.fl {float:left}
.fr {float:right}
.cb {clear: both;height:0;padding:0;margin:0;width:0}
.u {border-bottom: 1px dotted black}
.oh {overflow:hidden}
.no_margin_top {margin-top: 0 !important}
.fileinfo_image  {width: 300px !important}
.no_mp {margin: 0 !important; padding: 0 !important}
.b {font-weight:bold}
.skryte {display:none; width:0; height:0}
.posledni {margin-bottom: 0 !important; padding-bottom: 0 !important}

.shadow {
  box-shadow: 3px 3px 5px #666;
  -o-box-shadow: 3px 3px 5px #666;
  -icab-box-shadow: 3px 3px 5px #666;
  -khtml-box-shadow: 3px 3px 5px #666;
  -moz-box-shadow: 3px 3px 5px #666;
  -webkit-box-shadow: 3px 3px 5px #666;
}

img.img_latest {
  box-shadow: 0 0 5px #666;
  -o-box-shadow: 3px 3px 5px #666;
  -icab-box-shadow: 3px 3px 5px #666;
  -khtml-box-shadow: 3px 3px 5px #666;
  -moz-box-shadow: 0 0 5px #666;
  -webkit-box-shadow: 3px 3px 5px #666;
  margin: 5px 0;
}

#left_links {
    padding-bottom: 2px !important;
    font-weight: bold;
}

#left_links a {
    color: #3c6987;
}

.dd_posledni {margin-bottom: 0 !important}

.left {text-align: left !important}
.center, .center p, .center h3 {text-align: center !important}
.right {text-align: right !important}

.no_style {background: transparent !important}

table.padding td {padding: 1px 8px}

p.php_err {font-family: "Courier New"; font-size: 12px}
p.php_err abbr:hover {color: red}
p.bigger {font-size: 13px}

td.tbl_end_info {background: transparent url('../img/tbl_end_info.png') top left repeat-y !important}
td.tbl_end_title {background: transparent url('../img/tbl_end_title.png') top left no-repeat !important}
td.tbl_end_obr {background: transparent url('../img/tbl_end_obr.png') top left repeat-y !important}
td.tbl_end_desc {background: transparent url('../img/tbl_end_desc.png') bottom left no-repeat !important}

input, textarea, select {padding: 3px; background: #fffcea; border: 1px solid #b9b9b9; font-size: 12px;
  font-family: Verdana, Tahoma, Arial, sans-serif color: #000
}
option {background: #fffcea}

input[type=checkbox] {padding: 0}
input[type=submit]:hover {background: #FFF}

a {color: #FFD461}

span.onclick {text-decoration: underline; color: #FFD461 !important}
span.onclick a {cursor: hand; cursor: pointer}
span.onclick a:hover {color: #4684ac !important; text-decoration: underline}
.tb span.onclick {text-decoration: underline; color: #b45000 !important}

/* Barvy uživatelských skupin */

span.admin     {color: darkred !important}
span.moderator {color: darkblue; !important}

a span.admin {text-decoration: underline; color: red !important}
a span.moderator {text-decoration: underline; color: darkblue !important}
a.noline {text-decoration: none}
a.noline:hover {text-decoration: underline}

p {width: auto; line-height: 1.6em; margin-bottom: 1em}
p.error {color: yellow; font-size: 12px; font-family: Arial; background: #36425E; padding: 2px}
p.error strong {color: white}
p.upload_restr {margin: 10px 0 10px 10px !important}
p.upload_restr small {color: darkred; font-size: 11px; display: block; font-weight: bold; margin-bottom: 5px}
p.p_news a {
    font-weight: normal !important;
}
#display_opt_p {margin-bottom: 15px}
#display_opt_p abbr {border-color: white !important}

ul.chyba {color: darkred; font-weight: bold}
pre {font-size: 13px; white-space: pre-wrap !important}
small {font-size: 11px}
img {border: 0}
hr {border: 0; height: 1px; background: gray}
abbr {cursor: help; text-decoration: none; border-bottom: 1px dotted black}
#main ol, #main_samotne ol {padding-bottom: 15px; list-style-position: inside}
#main ol li, #main_samotne ol li {margin: 9px 0; line-height: 1.6em}
#main ul, #main_samotne ul {padding-bottom: 0; list-style-position: inside}
#main ul li, #main_samotne ul li {margin: 0; line-height: 1.6em}

#header {background: url('../img/bg_header.png') repeat-x}
#header #logo {background: url('../img/logo.png') left top no-repeat}
#userbar {
font-size: 11px;
font-weight: bold;
color: white;
text-align: right;
margin: 10px 15px 0 10px;
padding-bottom: 10px;
width: 65%;
height: 25px;
float: right;
}
#userbar a, #userbar_logged a {color: #FFF}
#userbar p {display: inline; margin: 0; padding: 0}
#userbar a:hover, #userbar_logged a:hover {text-decoration: none}
#userbar_logged {
font-size: 11px;
font-weight: bold;
color: white;
text-align: right;
margin: 16px 15px 0 10px;
padding-bottom: 4px;
width: 60%;
height: 25px;
float: right;
}
#menubar {font-size: 15px; font-family: 'Play', Arial; background: url('../img/menu.png') repeat-x; text-align: right; float: right; padding: 9px 1px 9px 0}

#menubar ul {color: #FFF}
#menubar li {list-style-type:none; display: inline; margin:0; padding: 9px 0}
#menubar li a {padding: 9px 14px; color: #FFF; text-decoration: none}
#menubar ul li:hover a {color: #ffe699 !important}
#menubar #active {background: #597590 url('../img/menuactive.png') repeat-x top left}

.tl {background-image: url('../img/fileinfo_border_top_left.png'); background-position: top left; background-repeat: no-repeat}
.tr {background-image: url('../img/fileinfo_border_top_right.png'); background-position: top right; background-repeat: no-repeat}
.bl {background-image: url('../img/fileinfo_border_bottom_left.png'); background-position: bottom left; background-repeat: no-repeat}
.br {background-image: url('../img/fileinfo_border_bottom_right.png'); background-position: bottom right; background-repeat: no-repeat}

table.lfsdbteam {margin-bottom: 10px}
table.lfsdbteam th, table.lfsdbteam td {padding: 0 5px; width: 40%; text-align: left; vertical-align: top}

#content {width: 100%; padding-top: 10px; overflow: hidden; background: #7a93aa url('../img/bg.png') repeat-x left top}
#main {margin-left: 230px; margin-right: 10px; border: 0px solid yellow}
#main_samotne {margin-left: 10px; margin-right: 10px; border: 0px solid yellow}
#main_pos {position: relative; bottom: 25px}

#left {float: left; color: #000; padding: 0; width: 220px}
#left .pnl {margin: 0 !important}
#left .rb_center {padding-left: 0 !important}
#left .pnl .rb_center {padding-left: 15px !important}
#left p {margin: 0 !important}
#left p.h {color: #3c6987; font-size: 14px; font-weight: bold}
#left #cat a {color: #a44d00}
#left #cat a:hover {color: #4684ac}
#left #cat {overflow: hidden; text-align: left; line-height: 18px; font-size: 12px; font-family: Arial; font-weight: bold}
#left dl dt {font-weight: bold}
#left dl dd {padding: 7px 9px 9px; margin: 5px 0 10px 0}
#left form {margin-bottom: 5px}
#left .o_pd {padding-left: 0}

span.kat_zvyrazneni {color: #4684ac; background: #fffcea; padding: 2px 6px; line-height: 20px}
span.kat_zvyrazneni a {color: #4684ac !important}
#legenda_kat {font-size: 10px}
#legenda_kat span {font-size: 12px; font-weight: bold}
#legenda_kat abbr {font-weight: normal; margin-left: 1px}
#padding {padding: 15px}

/* panely */

.pnl_dl_l {margin-right: 10px !important}

#pt_fi {margin-bottom: 10px}

.tab_ld {width: 10px; height: 40px; background: url('../img/tab_bottom_left.png') bottom left no-repeat}
.bez_marginb {margin-bottom: 0 !important}

#fotky_nep {margin: auto; width: 252px; overflow: hidden}
#fotky_nep div {float: left}
#fotky_nep div img {padding: 0 1px}

#details div {overflow: hidden}
#details div div {float: left; font-family: Arial; font-size: 12px; padding: 5px 0; font-weight: bold}
#details div div.l {width: 110px}
#details div div.p {width: 65%; text-align: center; font-weight: normal}
#details {margin: 0 10px 0 0}
#details #public {font-style: italic; margin-top: 10px}

table.table_details tr td {vertical-align: top}
table.table_details {vertical-align: top; width: 100%; border-collapse: collapse}

table#logo_about td {vertical-align: middle !important}
table#logo_about #logo {text-align: center; font-size: 1.3em; font-weight: bold; font-family: Arial, sans-serif; padding-right: 15px}

#footer {padding: 16px 0 20px 0; border-top: 4px solid #e6a800; text-align: center; font-size: 11px; color: #FFF; background: #3a4e69 url('../img/bg_footer.png') repeat-x center top}
#footer a {color: #f6b34a}
#footer p {margin: 0 0 0 8px; text-align: center}

#hdrlink_1 {width: 30%; height: 45px}
#hdrlink_2 {width: 30%; height: 32px}
img.sipka {background: url('../img/buttons.png') no-repeat -90px -100px; width: 13px; height: 13px; vertical-align: middle}
img.icon {background-image: url('../img/icons.png'); background-repeat: no-repeat; width: 48px; height: 48px; vertical-align: middle; margin-right: 10px}
  #nofiles {background-position: left top}
  #kriz {background-position: -48px 0}
  #varovani {background-position: -96px 0}
  #download {background-position: -144px -48px}
  #update {background-position: -144px -48px}

img.icon_16 {background-image: url('../img/icons_16.png'); background-repeat: no-repeat; width: 16px; height: 16px; vertical-align: middle}
  img.flag {background-position: left top}

a.more {line-height: 16px; font-weight: bold; color: #3c6987}
em a.more {font-style: normal !important}
a.more:hover {color: #4684ac}

a.button_s {
  width: 100px;
  height: 24px;
  line-height: 24px;
  background: transparent url('../img/buttons.png') top left no-repeat;
  overflow: hidden;
  text-decoration: none;
  display: block;
  font-family: Arial;
  font-weight: bold;
  text-align: center;
}
a.button_s:hover {background: transparent url('../img/buttons.png') 0 -24px no-repeat; color: #4684ac !important}

a.button {
  width: 200px;
  height: 50px;
  text-transform: uppercase;
  line-height: 52px;
  background: transparent url('../img/buttons.png') -100px 0 no-repeat;
  overflow: hidden;
  text-decoration: none;
  display: block;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  color: #3c6987;
  text-align: center;
}
a.button:hover {background: transparent url('../img/buttons.png') -100px -50px no-repeat; color: #4684ac}

a.button_sq {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-image: url('../img/buttons.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
}

#fi_akce {margin-right: 2px}
#fi_akce #button_margin {margin-bottom: 2px}
#nacitani {width: 0; height: 0; margin: 0; padding: 0; display: none}
p.datum {margin-bottom: 8px; font-size: 11px}

.tb, .pnl {margin-bottom: 10px; color: black}

.tb a, .pnl a {color: #a44d00}
.vypis_souboru .tb a, .vypis_souboru .pnl a {color: #3c6987}

.tb a:hover, .pnl a:hover {color: #2f93db}

.tb .rb_left-top_tab {background: url('../img/round_borders.png') left top no-repeat; width: 130px; height: 10px; float: left}
.tb .rb_right-top_tab {background: url('../img/round_borders.png') right top no-repeat; width: 130px; height: 10px; float: left}
.tb .rb_center_tab {background-color: #a8c3d7; padding: 0 20px; width: 220px; text-align: center !important}
.tb .rb_right-bottom_tab_1 {background-color: #a8c3d7; width: 260px; height: 10px; float: left}
.tb .rb_right-bottom_tab_2 {background: url('../img/tab_bottom_right.png') left bottom no-repeat; width: 10px; height: 10px; float: left}

.tb .rb_left-top {background: url('../img/round_borders.png') left top no-repeat; width: 50%; height: 10px; float: left}
.tb .rb_right-top {background: url('../img/round_borders.png') right top no-repeat; width: 100%; height: 10px; float: left}
.tb .rb_center {background-color: #a8c3d7; padding: 0 10px}
.tb .rb_center p {margin: 0; padding: 5px 0}
.tb .rb_left-bottom {background: url('../img/round_borders.png') left bottom no-repeat; width: 50%; height: 10px; float: left}
.tb .rb_right-bottom {background: url('../img/round_borders.png') right bottom no-repeat; width: 50%; height: 10px; float: left}

.pnl .rb_left-top {background: url('../img/round_borders.png') left top no-repeat; width: 50%; height: 10px; float: left}
.pnl .rb_right-top {background: url('../img/round_borders.png') right top no-repeat; width: 50%; height: 10px; float: left}
.pnl .rb_center {background-color: #a8c3d7; padding: 0 10px}
.pnl .rb_center p {margin: 0; padding: 10px 0}
.pnl .rb_left-bottom {background: url('../img/round_borders.png') left bottom no-repeat; width: 50%; height: 10px; float: left}
.pnl .rb_right-bottom {background: url('../img/round_borders.png') right bottom no-repeat; width: 50%; height: 10px; float: left}

.tb .pnl {margin: 0; padding: 0 0 5px 0}
.tb .pnl_posledni {margin: 0; padding-bottom: 0}
.tb .pnl .rb_left-top {background: url('../img/round_borders_in.png') left top no-repeat; width: 50%; height: 10px; float: left}
.tb .pnl .rb_right-top {background: url('../img/round_borders_in.png') right top no-repeat; width: 50%; height: 10px; float: left}
.tb .pnl .rb_center {background-color: #d1e0ea; padding: 0 10px}
.tb .pnl .rb_center p {margin: 0; padding: 0 0 10px 0}
.tb .pnl .rb_center .p_posledni {padding: 0; margin: 0}
.tb .pnl .rb_left-bottom {background: url('../img/round_borders_in.png') left bottom no-repeat; width: 50%; height: 10px; float: left}
.tb .pnl .rb_right-bottom {background: url('../img/round_borders_in.png') right bottom no-repeat; width: 50%; height: 10px; float: left}

.pnl_pack a {color: #285332}
.pnl_pack a:hover {color: #2ea23c}

.tb .pnl_pack, .pnl_pack {margin: 0; padding: 0 0 5px 0}
.tb .pnl_pack .rb_left-top, .pnl_pack .rb_left-top {background: url('../img/round_borders_in_pack.png') left top no-repeat; width: 50%; height: 10px; float: left}
.tb .pnl_pack .rb_right-top, .pnl_pack .rb_right-top {background: url('../img/round_borders_in_pack.png') right top no-repeat; width: 50%; height: 10px; float: left}
.tb .pnl_pack .rb_center, .pnl_pack .rb_center {background-color: #d3e8d8; padding: 0 10px}
.tb .pnl_pack .rb_center p, .pnl_pack .rb_center p {margin: 0; padding: 0 0 10px 0}
.tb .pnl_pack .rb_center .p_posledni, .pnl_pack .rb_center .p_posledni {padding: 0; margin: 0}
.tb .pnl_pack .rb_left-bottom, .pnl_pack .rb_left-bottom {background: url('../img/round_borders_in_pack.png') left bottom no-repeat; width: 50%; height: 10px; float: left}
.tb .pnl_pack .rb_right-bottom, .pnl_pack .rb_right-bottom {background: url('../img/round_borders_in_pack.png') right bottom no-repeat; width: 50%; height: 10px; float: left}


.pnl_normal {margin: 0; padding: 0 0 5px 0}
.pnl_normal .rb_left-top {background: url('../img/round_borders_in.png') left top no-repeat; width: 50%; height: 10px; float: left}
.pnl_normal .rb_right-top {background: url('../img/round_borders_in.png') right top no-repeat; width: 50%; height: 10px; float: left}
.pnl_normal .rb_center {background-color: #d1e0ea; padding: 0 10px}
.pnl_normal .rb_center p {margin: 0; padding: 0 0 10px 0}
.pnl_normal .rb_center .p_posledni {padding: 0; margin: 0}
.pnl_normal .rb_left-bottom {background: url('../img/round_borders_in.png') left bottom no-repeat; width: 50%; height: 10px; float: left}
.pnl_normal .rb_right-bottom {background: url('../img/round_borders_in.png') right bottom no-repeat; width: 50%; height: 10px; float: left}

#welcome h2 {line-height: 32px !important}

#home_stats    {float: right; width: 32.5%}
#news_stats    {overflow: hidden}

table.vypis_stran {width: 100%; padding-bottom: 5px; font-size: 12px}

table.seznam {width: 100%; border-collapse: collapse}
table.seznam td {border-top: 2px solid #d1e0ea; border-bottom: 2px solid #d1e0ea; background-color: #e8f3fa; padding: 6px; border-collapse: collapse}
table.seznam th {
    border: 0px solid #a8c3d7;
    background: #FEDF6F url('../img/gradient_thead.png') top left repeat-x;
    color: #000;
    padding: 6px}
table.seznam caption {
    text-align: left;
    border: 0px solid #a8c3d7;
    background: #4684ac url('../img/gradient_tcaption.png') top left repeat-x;
    color: #FEDF6F;
    padding: 6px;
    font-size: 10pt;
    font-weight: bold;
}
table.seznam caption a {color: #FEDF6F}
table.seznam caption a:hover {color: #fffcea}
table.seznam td + td {text-align: center}
table#stats td + td {text-align: left}

.vypis_stran_dole {padding-top: 0 !important; padding-bottom: 0 !important}

.pro_lxxv  {width: 75% !important}
.pro_lxvi  {width: 66.5% !important}
.pro_l     {width: 50% !important}
.pro_c     {width: 100% !important}

.pro_stats {width: 32.5% !important}
.pro_stats table {margin: auto}
.pro_stats table td {padding-left: 10px; text-align: left}
.pro_stats table th {padding-left: 10px; text-align: right}

.pro_latest {width: 250px !important}

.legend    {width: 250px !important}
.legend_2  {width: 500px !important}

.width_button {width: 260px; font-weight: bold; text-align: center !important}
.width_button .rb_center {text-align: center}

#downloads_akce {overflow: hidden}
#downloads_akce div {width: 130px; text-align: center; float: left}
#downloads_akce div img.img {margin: auto; background-image: url('../img/icons.png'); background-repeat: no-repeat; width: 48px; height: 48px; float: none}
#downloads_akce div.popis {width: auto; height: auto; float: none; line-height: 30px; font-weight: bold; font-size: 12px}
#downloads_akce div #top {background-position: -192px 0}
#downloads_akce div #featured {background-position: -48px -48px}
#downloads_akce div #search {background-position: -144px 0}
#downloads_akce div #upload {background-position: -96px -48px}
#downloads_akce div #recent {background-position: -192px -48px}
#downloads_akce div #latest {background-position: 0 -96px}

.koment_info {color: #666}
.koment_text {color: #3c6987}
p.popis_nadpis {font-weight: bold; color: #4684ac}

img.icon_16 {background-image: url('../img/icons_16.png'); background-repeat: no-repeat; width: 16px; height: 16px; vertical-align: middle; margin: 0px 5px}
img#approved {background-position: left top}
img#disapproved {background-position: left top}
img#download_16 {background-position: -16px 0}

p.fixed_upozorneni {
    color: white;
    text-align: center;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 8;
    border: 2px solid  #FEDF6F;
    padding: 10px !important;
    background: #3c6987}

p.fixed_upozorneni a, p.fixed_upozorneni a:hover {color: #FEDF6F}

span.kategorie_cislo {font-size: 11px; color: #4684ac; line-height: 18px; vertical-align: middle; font-weight: normal}
