body {
    margin: 0px;
    font-size: 15px;
    color: #000000;
    background: white;
    font-family: Arial;
}
a {
    color: black;
    text-decoration: underline;
}
p {
    margin: 14px 0px;
}
h1 {
    margin-top: 0px;
    color: #bbbbbb;
}
.clanek h1 {
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 30px;
    color: black;
}
.aktuality h2 a {
    text-decoration: none;
}
.aktuality h2 a:hover {
    text-decoration: underline;
}
#ajax-spinner {
    margin: 15px 0 0 15px;
    padding: 13px;
    background: white url('../images/spinner.gif') no-repeat 50% 50%;
    font-size: 0;
    z-index: 123456;
    display: none;
}

div.flash {
    color: black;
    background: #FFF9D7;
    border: 1px solid #E2C822;
    padding: 1em;
    margin: 1em 0;
}

a[href^="error:"] {
    background: red;
    color: white;
}

form th, form td {
    vertical-align: top;
    font-weight: normal;
}

form th {
    text-align: right;
}

form .required label {
    font-weight: bold;
}

form .error {
    color: #D00;
    font-weight: bold;
}

html.js .jshidden {
    display: none;
}

.datum_diskuze {
    font-size:12px;
    color: #bbbbbb;
    margin-top:2px;
}
.datum_diskuze a {
    color: #bbbbbb;
    text-decoration: none;
}
.datum_diskuze a:hover {
    text-decoration: underline;
}

#header a {
    color: black;
}
#header .redakce {
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin:5px;
}

.bg1 {
    background-color: #bfd16e;
}
.bg2 {
    background-color: #98bf70;
}
.bg3 {
    background-color: #6eaf6f;
}
.bg4 {
    background-color: #6bb3b0;
}
.bg5 {
    background-color: #64b7eb;
}
.bg6 {
    background-color: #638bc8;
}
.bg7 {
    background-color: #6271b2;
}
.color1 {
    color: #bfd16e;
}
.color2 {
    color: #98bf70;
}
.color3 {
    color: #6eaf6f;
}
.color4 {
    color: #6bb3b0;
}
.color5 {
    color: #64b7eb;
}
.color6 {
    color: #638bc8;
}
.color7 {
    color: #6271b2;
}

.smaller {
    font-size: 80%;
}
.green {
    color: green;
}
.red {
    color: red;
}

.aktuality .datum {
    font-size: 12px;
    color: #f28c4d;
}
.aktualita {
    margin-top:10px;
    margin-bottom: 10px;
}
.clanek_nahled h2 {
    line-height: 18px;
}
.clanek_nahled h2 a, .clanek_nahled h2 a:visited {
    color: black;
    font-size: 18px;

    text-decoration: none;
}
.hlavni_clanek_nahled a {
    text-decoration: none;
}
.hlavni_clanek_nahled h1 {
    margin:0px;
}
.clanek_nahled a:hover {
    text-decoration: underline;
}

.clanek_nahled h2, .clanek_nahled p {
    margin:0px;
}
.clanek_nahled p, .clanek_obrazek {
    margin-bottom: 30px;
}
.clanek_nahled p {
    font-size: 16px;
    line-height: 21px;
    margin-top: 5px;


}

.menu a {
    color:white;
    line-height: 50px;
    text-align:center;
    text-decoration: none;
    font-weight: bold;
    display:block;
    font-size: 17px;
}
#menu .menu {
    display:none;
}
.clear, .clb {
    clear: both;
}
select, input[type=text], textarea {
    width:100%;
}
.clanek a.link-fb:link,
.clanek a.link-fb:visited,
.clanek a.link-fb:hover {
    color: #FFF;
    display: block;
    background: #3E5991;
    float: left;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
    text-decoration: none;
}
.clanek a.link-twitter:link,
.clanek a.link-twitter:visited,
.clanek a.link-twitter:hover {
    color: #FFF;
    display: block;
    background: #1B92DB;
    float: left;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
    text-decoration: none;
}
/* ------- Rojovy styly ---------- */
.clanek a,.clanek a:link,.clanek a:visited {color:#00b;}
.clanek a:hover {color:#aaf;background:#002;}
.boxr, .boxl {font-size: 90%; background-color:#bcc; padding:12px; width:41%; border-radius:8px;}

.boxr {float:right; clear:right; margin: 10px 0 10px 20px;}
.boxl {float:left; clear:left; margin: 10px 20px 10px 0px;}

.imgr {float:right; clear:right; margin: 10px 0 10px 20px;}
.imgl {float:left; clear:left; margin: 10px 20px 10px 0px;}

.boxr h3, .boxl h3  {margin: 0.1em; font-weight: bold; color:#fff;}
.clr {clear:right;}
.cll {clear:left;}

abbr, acronym {cursor: help;}
em.fix {background-color:#efb; color:#000;}
span.ex {font-weight:bold; color:#a00;}

/* --tabulka -- */
th {text-align:left}
td, th {vertical-align:top;}
tr.ep {margin-top:8px;}
tr.ep td, tr.ep th {border-top:#ccc 3px solid; margin-top:8px;}

/* --- paticka clanku --- */
a.zdroj {font-size:60%; position:relative; top:-6px; text-decoration:none; color:#02c;}
div.zdroje {font-size:70%; color:#050; background:#efe; padding:8px;}
div.zdroje p {margin:4px 0;}

div.autor {background-color:#ffd; padding: 5px; font-size:90%}
p.rtext, div.rtext {text-align:right;}

/* --- tutorialy ------ */
 .citemenu {font-style: italic; color:#420;}
 .citename {font-style: italic; color:#403;}
 .citevalue {font-style: italic; color:#005;}
 kbd, .hotkey, .kbd {border-top:2px #ffe solid; border-right:2px #bbb solid;
                   border-bottom:2px #aaa solid; border-left:2px #eed solid;
                   background: #ddc; padding: 2px 4px 1px; color: #000;}
 table.dialog  {border: 10px #ddd solid;}
 table.dialog th {padding: 3px 5px;}
 table.dialog td {padding: 1px 20px;vertical-align: top;}
 .rimg {float:right; margin: 10px 0 15px 20px;}
 code {background: #eec; color:#003; border: 1px #dd8 solid; white-space: pre; padding: 0 5px;}