body {
    font-family: Verdana, "Geneva CE", lucida, sans-serif;
    font-size: 12px;
    color: #000080;
    margin:0;
    padding:0;
    background:#84b8f8;
    /*    nestandardne vlastnosti - mozete ich odkomentovat CSS bude funkcne ale nebude validne    */
/*
    scrollbar-face-color: #768db9;
*/
}

table {
    border-collapse: collapse;
}

/*    zakladna tabulka layoutu    */
#layout {
    height:100%;
}
/*    lavy okraj layoutu    */
#lm {
    width: 4%;
    background:#84b8f8 url('layLm.png') top right repeat-y;
}
/*    pravy okraj layoutu    */
#rm {
    width: 4%;
    background:#84b8f8 url('layRm.png') top left repeat-y;
}
/*    zahlavie    */
#zahlavi1 {
    position: relative;
    margin:0;
    padding:0;
    height:130px;
    background:#84b8f8;
}
/*    napis - graficky prvok vlavo v zahlavi    */
#zahlavi-gr1 {
    position:absolute;
    bottom:0px;
    top:10px;
    right:-15px;
    left:-4px;
    width:184px;
    height:160px;
    background: url("header-gr1.gif");
    cursor: hand;
}
/*    graficky prvok napravo v zahlavi     */
#zahlavi-gr2 {
    position:absolute;
    bottom:px;
    top:10px;
    right:3px;
    width:735px;
    height:160px;
    background:url("header-gr2.gif");
}
/*    ciarkovana spodna cast zahlavia */
#zahlavi2 {
    margin:5px 0 0 0;
    padding:0;
    height:73px;
    background:#84b8f8 url("") top right repeat-y;
}
/*    srafovane zapatie stranky    */
#zapati    {
    padding:0.2em;
    margin:0px 10px 12px 10px;
     background:#84b8f8
}

/*    trieda pre vnutorne odsadenie - padding - stlpcov    */
.col {
    padding:10px 10px 0 10px;
}

/*    odsadenie hlavného stlpca v sablone base    */
.hlav {
    padding:10px 0 0 0;
}

/*    odsadenie z prava v sablone download    */
.hlav2 {
    padding:10px 10px 0 0;
}

.zap-txt {
    text-align: center;
    color: #fff;
    font-size: 9px;
    margin:0.5em;
}

/*      definicia blokov typu 1 az 5 - spolocne vlastnosti    */
.blok1, .blok2, .blok2, .blok3, .blok4, .blok5    {
    margin:0 0 7px 0;
    padding:9px;
    color:white;
    font-weight: bold;
    font-size:13px;
}

/*      definicia blokov typu 1 az 5 - rozdielne vlastnosti    */
.blok1    {
    background:#166ad2;
}
.blok2    {
    background:#166ad2;
}

.blok3    {
    background:#166ad2;
}

.blok4    {
    background:#166ad2;
}

.blok5    {
    background:#166ad2;
}

/*    definicia obsahu blokov 1-5 - spolocne vlastnosti    */
.blok1obs, .blok2obs, .blok3obs, .blok4obs, .blok5obs  {
    padding:0;
    margin:0 0 7px 0;
    font-size:13px;
}

/*    definicia obsahu blokov 1-5 - rozdielne vlastnosti    */
.blok1obs {
}

.blok2obs {
}

.blok3obs {
}

.blok4obs {
}

.blok5obs {
    padding:0 2px; background:#f0f6ff;
}


/* hyperlinky */

A {
    font-size: 100%;
    font-style: normal;
    font-variant: normal;
}
A:link {
    color:#000080;
}
A:visited {
    color:#000080;
}
A:hover {
    color:#0000DD;
}
A:active {
    color:#000080;
}
A.clanek:link {
    color:#fff;
    text-decoration: none;
}
A.clanek:visited {
    color:#fff;
    text-decoration: none;
}
A.clanek:hover {
    color:#166ad2;
    text-decoration: none;
}
A.menu:link, A.menu:visited {
    display:block;
    font-weight: bolder;
    color:#0000DD;
    background:#84b8f8;
    text-decoration:none;
    padding:4px;
    margin: 2px 0;
    border:none;
    font-size: 11px;
}
A.menu:hover {
    display:block;
    color:#fff;
    background:#4997f8;
    text-decoration: none;
    padding:4px;
    margin: 2px 0;
}

/* zakladni styly */

.z {
    color:#0000DD;
    font-size: 13px;
    font-weight: normal;
}
.nadpis {
    text-align: center;
    padding: 0.2em 0 0.2em 10px;
    color:#FFFFFF;
    background:#166ad2;
    font-weight: bold;
    font-size: 16px;
}
.podnadpis {
    color:#4f689a;
    text-align: center;
    font-size: 14px;
}
.bledy {
    color:#f0f6ff;
}

/* komentare */

.kom-z {
    color:#4f689a;
    font-size: 11px;
    font-weight: normal;
}
.kom-link {
    color:#4f689a;
    font-size: 13px;
    font-weight: normal;
}
.kom-hlavicka {
    color:#4f689a;
    padding: 4px;
    font-size: 11px;
    font-weight: normal;
}
.kom-text {
    color:#4f689a;
    padding: 3px;
    background: #fff;
    border: 1px solid #4f689a;
    font-size: 11px;
    font-weight: normal;
}
.kom-cely-ram {
    background:#e0e6f0;
    padding:4px;
    border: 1px solid #4f689a;
    padding-bottom:4px;
}

/* ankety */
.anketa-std-otazka,
.anketa-cla-otazka,
.anketa-blok-z,
.anketasysz {
    color:#000080;
    font-size: 13px;
    font-weight: normal;
    margin:0;
    padding:0.3em 0;
    border-bottom: 1px solid #9eaecd;
}
.anketasysodp,
.anketa-std-odpovedi,
.anketa-cla-odpovedi,
.anketa-blok-odpovedi {
    color:#0000DD;
    font-size: 12px;
    font-weight: normal;
    line-height:1.2em;
    margin:0.2em 0;
}
.anketa-cla-celkovy-ram {
    font-size: 13px;
    text-align: left;
    margin: 6px 0 12px 0;
}
.anketa-cla-ram {
}
.anketa-blok-odp-cara {
    width:140px;
    font-size:85%;
    line-height:1em;
    height:1em;
    margin:2px 0;
    padding:0;
}
.anketa-blok-odp-cara-hlasy {
    height:1em;
    background:#2b3953 url('gr-inq.png') 100% 0 repeat-y;
}

.anketa-std-ram {
    text-align: left;
}

/* syst. blok - novinky */

.nov-datum {
    color:#000080;
    font-size: 13px;
    font-weight: bold;
}
.nov-titulek {
    color:#4f689a;
    font-size: 13px;
    font-weight: bold;
}
.nov-titulek-duraz {
    color:#000080;
    font-size: 13px;
    font-weight: bold;
}
.nov-text {
    color:#000080;
    font-size: 13px;
    font-weight: normal;
}

/* clanky */

    /*    pozadie clanku ako modry vruh nalavo    */
.cla-cely {
    margin:0;
}
    /*    vnutovne odsadenie clanku zlava a zdola     */
.cla-obsah {
    padding: 0 /* 0 10px 90px */;
}
    /*    nadpis clanku    */
.cla-nadpis {
    position: relative;
    top: 7px;
    padding: 0.2em 0 0.2em 10px;
    color:white;
    background:#4997f8;
    font-weight: bold;
    font-size: 13px;
    margin: 0 /* 0 3px 5px F*/;
}
    /*    text clanku    */
.cla-text {
    padding: 10px 0 0 0;
    color:#000080;
    font-weight: normal;
    font-size: 13px;
    text-align: justify;
}
    /*    styl pre informacie za clankom - autor, pocet precitani atd...    */
.cla-informace {
    color:#000080;
    font-size: 11px;
    font-weight: normal;
}
    /*    odsadenie od krajov pri tlacovej sablone    */
.tisk {
    padding:1em;
}
    /*        */
.cla-informace-tisk {
    color:#000000;
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
}
    /*    odsadenie ikony temy    */
.obrtema {
     margin-left: 5px;
     position: absolute;
}


/* hodnoceni clanku */

.hodnoceni-celkovy-ram {
    background: #fff url("modra-prechod.png") top left repeat-x;
    margin: 6px 0;
    padding: 6px;
    color:#4f689a;
    font-size: 11px;
    font-weight: normal;
}

/* souvisejici clanky */

.souvis-cla-celkovy-ram {
    font-size: 13px;
    text-align: left;
    margin: 6px 0 12px 0;
}

/* download sekce */

.download-z {
    font-size: 13px;
}
.download-sekce {
    font-size: 13px;
    text-align: center;
    padding: 6px;
}
.download-sekce-akt {
    font-weight: bold;
}

/* weblinks sekce */

.weblinks-z {
    font-size: 13px;
}
.weblinks-sekce {
    font-size: 13px;
    text-align: center;
    padding: 6px;
}
.weblinks-sekce-akt {
    font-weight: bold;
}

/* std. navigacni lista */

.std-navig {
    font-size: 80%;
    background:#f8faff;
    margin:1em 0;
    text-align: center;
}

.std-navig-akt-str {
    color:#4f689a;
} 

/* dalsi pomocne styly*/

.hodnoceni {

}
.banner1 {
    background:#9eaecd;
    color: #fff;
    margin:0;
    position:relative;
    top:9px;
}
.banner1d {
    background:#9eaecd;
    color: #fff;
    margin:0;
    position:relative;
    top:9px;
    margin:0 10px 0 0;
}

/*
nastavenie spodneho okraju pomocou border-bottom zabranuje nespravnemu
zobrazeniu hodnoty margin v MSIE. Ak nie je nastaneny border, bloky
banner a zapatie sa dotykaju - nezobrazi sa oddelovacia medzera
*/

.banner2 {
    background:#84b8f8;
    color: #fff;
    margin: 5px 10px;
    border-bottom:1px solid #84b8f8;
}

.bannerpod {
    color:#4f689a;
    font-size: 9px;
    font-weight: normal;
    display:block;
    padding: 4px 0;
    margin:0 0 10px 0;
}

.banner-text {
    color:#4f689a;
    font-size: 9px;
    font-weight: normal;
    display:block;
    padding: 4px 0;
    margin:0 0 10px 0;
}
.banner-img {
    color:#4f689a;
    font-size: 9px;
    font-weight: normal;
    padding: 4px 0;
    margin:0 0 10px 0;
}

.strankovani {
    color:#4f689a;
    font-size: 10px;
    font-weight: bold;
}
.biltucne {
    color:#000000;
    font-size: 13px;
    font-weight: bold;
}

.chybastredni {
    color:#f00;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

/* rozsirujici styly pro plug-iny */

.kal-text {
    color:#4f689a;
    font-size: 12px;
    font-weight: normal;
}
.kal-clanek {
    background-color: #f0e0e6;
}
.kal-dnesni {
    background-color: #e0e6f0;
}
.planakci {
    font-size: 10px;
}
.informace {
    color: #000080;
    font-size: 9px;
    font-weight: normal;
    width: 100%;
}

/*
.mezera {
    width: 5px;
}
.ohr {
    width: auto;
}
*/
.ram {
    margin-bottom: 8px;
}
.preram {
    border-bottom: 2px dotted #4f689a;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
/*
.horni-navig-lista {
    border-top-width: 2px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 2px;
    border-style: solid;
    border-color: #003098;
    padding: 2px;
}
*/

/* textova pole, tlacitka */

.textbox {
    background-color: white;
    color: #000000;
    font-family: Verdana, "Geneva CE", lucida, sans-serif;
    font-size: 12px;
    text-align: left;
    margin:2px 0;
    padding:2px;
    /*    nestandardne vlastnosti - mozete ich odkomentovat CSS bude funkcne ale nebude validne    */
/*
    scrollbar-face-color: #768db9;
*/
}
.textpole {
    color: #000;
    font-family: Verdana, "Geneva CE", lucida, sans-serif;
    font-size: 11px;
    margin:2px 0;
    padding:2px;
}

.tl {
    background-color: #768db9;
    color: #f8faff;
    font-family: Verdana, "Geneva CE", lucida, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

form {
    padding: 4px 0;
    background: #84b8f8
}

a img {
    border:none;
}
.galerie {
  font-weight: bold;
  width: 700px;
  margin: 0 auto;
}
.galerie input,.galerie select,.galerie textarea {
  border: 1px solid rgb(0,0,0);
  font-size: 11px;
  margin-left: 20px;
  width: 250px;
}
.gal_tlacitko {
  border: 1px solid rgb(0,0,0);
  background-color: rgb(166,166,166);
  font-weight: bold;
  width: auto;
}
/* Nadpis galerie */
.gal_nadpis {
  font-weight: bold;
  font-size: 17px;
  text-align: center;
  text-decoration: underline;
  margin: 5px;
  font-family: "verdana","arial";
}
/* Nejaky upozorneni */
.gal_bacha {
  font-weight: bold;
  text-align: center;
  color: rgb(153,0,0);
  margin: 10px 0;
}
/* Tabulka v galerii */
.gal_table {
  text-align: left;
  width: 450px;
  font-size: 11px;
  margin: 5px auto;
  border: 1px dashed rgb(0,0,0);
}
.gal_table a img {
  border: 1px solid rgb(70,70,70);
}
.gal_table a:hover img {
  border: 1px dashed rgb(0,0,0);
}
.gal_table td,.gal_table th {
  padding: 0 4px;
}
/* Bunka th v tabulce */
.gal_table th {
  font-weight: normal;
  font-style: italic;
}
/* div v th :-) */
.gal_table th div {
  text-align: center;
}
/* Oznaceni strong v th tabulce :-) */
.gal_table th strong,.gal_table th strong a {
  font-size: 12px;
  font-style: italic;
  text-align: center;
  display: block;
}
/* Ovlivnuje navigaci vzdy dole/nahore na strance */
.gal_navigace {
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  margin-top: 10px;
}
.gal_strankovani {
  font-size: 11px;
  text-align: center;
}
.gal_ident {
  text-align: right;
  font-size: 10px;
}

.gal_gal_titulek {
  font-size: 14px;
  text-align: center;
}


.gal_table_obr {
  margin: 0 auto;
  width: 480px;
}
.gal_table_obr td {
  padding: 5px;
  padding-top: 10px;
  font-size: 10px;
  text-align: center;
  border-bottom: 1px dashed rgb(212,212,212);
}
.gal_table_obr td a img {
  border: 1px dashed rgb(180,180,180);
  padding: 5px;
}
.gal_table_obr td a:hover img {
  border-color: rgb(0,0,0);
}
/* kniha navstev */
.gb_add-form {
    background-color: #84b8f8;
    padding: 0.5em;
}
.gb_add-form p, .gb_add-form form {
    margin: 0px;
}
.gb_add-form input, .gb_add-form textarea {
    color: #000080;
    background-color: #84b8f8;
    border: 1px solid #166ad2;
    padding: 1px;
    font-size: x-small;
}
.gb_nick, .gb_email, .gb_homepage {
    float: left;
    padding-right: 10px;
}
.gb_nick input, .gb_email input, .gb_homepage input {
    width: 120px;
}
.gb_message {
    clear: both;
}
.gb_message textarea {
    width: 390px;
    height: 5em;
    font-size: small;
}
.gb_submit input {
    margin: 5px 0px;
    padding: 1px 3px;
    outline: 1px solid #84b8f8;
}
.gb_total-posts {
    clear: both;
    margin: 1em 15%;
    border: 1px solid #166ad2;
    background-color: #84b8f8;
    font-size: x-small;
    text-align: center;
    color: #000080;
}
.gb_navigator {
    clear: both;
    text-align: center;
}
.gb_other {
    font-size: xx-small;
}
.gb_post  {
    border: 1px solid #166ad2;
    margin-bottom: 10px;
}
.gb_post-top {
    padding: 2px 3px;
    background-color: #84b8f8;
    border-bottom: 1px solid #166ad2;
}
.gb_post-top img {
    vertical-align: middle;
}
.gb_meno {
    font-weight: bold;
}
.gb_adresy {
    margin-left: 5px;
}
.gb_datum {
    margin-left: 10px;
}
.gb_post-middle {
    padding: 3px;
    background-color: #84b8f8;