table.trideni
{
 width: 450px;
 background-color: #d5f9f9;
}
table.trideni td
{
 padding: 3px;
}
table.trideni td.vlevo
{
 width: 33%;
 vertical-align: bottom;
 text-align: left;
}
table.trideni td.uprostred
{
 width: 31%;
 vertical-align: bottom;
 text-align: center;
}
table.trideni td.vpravo
{
 width: 36%;
 vertical-align: bottom;
 text-align: right;
}
dl.detailakce
{
 width: 480px;
 margin: 5px 0px 5px 0px;
 text-align: left;
}
dl.detailakce dt
{
 margin-top: 8px;
 font-weight: bold;
 border-bottom: 1px solid #ddd;
}
dl.detailakce dd
{
 margin-left: 10px;
}

table.clanky
{
 text-align: justify;
 width: 480px;
 border: 0px solid;
 padding: 0px;
 margin: 5px 0px 5px 0px;
 background-color: #d5f9f9;
}

table.clanky tr.infolista td
{

 background-color: DarkSlateGray;
 color: white;
 font-weight: bold;
 text-align: left;
 padding: 4px;
 margin: 0px;
}

table.clanky td.nahled
{
 /*min-height: 119px;*/
 padding: 6px
}
td.nahled h2
{
 margin: 0px 0px 5px 0px;
 padding: 0px;
 font-size: 15px;
 font-weight: bold;
 color: DarkSlateGray;
}
tr.infolista td h3
{
 margin: 0px;
 padding: 0px;
 font-weight: bold;
 font-size: 11px;
}

ul.podkategorie
{
 width: 480px;
 margin: 0px;
 padding: 0px;
}
ul.podkategorie li
{
 list-style-type: none;
 text-align: left;
 vertical-align: top;
 background-image: url("ikony/sipecka.gif");
 background-position: 2px center;
 background-repeat: no-repeat;
 background-color: transparent;
 padding: 0px 0px 0px 18px;
 margin: 3px 0px 3px 0px;
 width: 132px;
 _width: 150px;
 float: left;
}
ul.podkategorie li:hover
{
 background-color: #d5f9f9;
}

ul.podkategorie li.aktualni, li.aktualni h2
{
 background-color: DarkSlateGray;
 color: #d5f9f9;
}
ul.podkategorie H2
{
 margin: 0px;
 padding: 2px 0px 2px 0px;
 font-size: 12px;
 font-weight: bold;
}
ul.podkategorieporadna
{
 width: 480px;
 margin: 0px;
 padding: 0px;
}
ul.podkategorieporadna H2
{
 margin: 0px;
 padding: 0px 0px 5px 0px;
 font-size: 12px;
 font-weight: bold;
}
ul.podkategorieporadna li
{
 list-style-type: none;
 vertical-align: top;
 background-color: snow;
 margin: 3px 0px 3px 0px;
 padding: 2px;
 width: 234px;
 _width: 225px;
 float: left;
 border: 1px solid gray;
 height: 55px;
}
ul.podkategorieporadna li.vlevo
{
 text-align: left;
}
ul.podkategorieporadna li.aktualnivlevo
{
 background-color: DarkSlateGray;
 color: #d5f9f9;
 text-align: left;
}
ul.podkategorieporadna li.vlevo img, ul.podkategorieporadna li.aktualnivlevo img
{
 float: left;
 margin: 0px 3px 0px 1px;
}
ul.podkategorieporadna li.vpravo
{
 text-align: right;
}
ul.podkategorieporadna li.aktualnivpravo
{
 background-color: DarkSlateGray;
 color: #d5f9f9;
 text-align: right;
}
ul.podkategorieporadna li.vpravo img, ul.podkategorieporadna li.aktualnivpravo img
{
 float: right;
 margin: 0px 1px 0px 3px;
}
ul.podkategorieporadna li.vlevo:hover, ul.podkategorieporadna li.vpravo:hover
{
 background-color: #d5f9f9;
}
ul.podkategorieporadna li.aktualnivlevo H2, ul.podkategorieporadna li.aktualnivpravo H2
{
 background-color: DarkSlateGray;
 color: #d5f9f9;
}

table.trideni
{
 width: 480px;
 background-color: #d5f9f9;
}
table.trideni td
{
 padding: 3px;
}
table.trideni td.vlevo
{
 width: 33%;
 vertical-align: bottom;
 text-align: left;
}
table.trideni td.uprostred
{
 width: 31%;
 vertical-align: bottom;
 text-align: center;
}
table.trideni td.vpravo
{
 width: 36%;
 vertical-align: bottom;
 text-align: right;
}

div.clanek,div.rozhovor
{
 width: 480px;
 margin-top: 5px;
 padding: 3px;
 text-align: left;
 font-size: 12px;
}
div.poradna
{
 width: 480px;
 margin-top: 5px;
 padding: 3px;
 text-align: justify;
 font-size: 12px;
}
div.clanek p
{
 text-indent: 20px;
 text-align: justify;
 margin: 2px 0px 4px 0px;
 padding: 0px;
}
div.rozhovor p, div.poradna p
{
 clear: left;
 text-indent: 0px;
 text-align: justify;
 margin: 2px 0px 10px 0px;
 padding: 0px;
}
div.rozhovor div.upoutavka
{
 float: left;
 margin-bottom: 10px;
}

div.upoutavka {
    clear:both;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #efefef;
    border: 1px solid #ddd;
}

img.vlevo, div.clanek img, div.rozhovor img
{
 margin: 2px 5px 2px 0px;
 float: left;
}
img.vpravo, div.clanek img.vpravo, div.rozhovor img.vpravo
{
 margin: 2px 0px 2px 5px;
 float: right;
}
div.clanek div.paticka, div.rozhovor div.paticka, div.poradna div.paticka
{
 clear: both;
 font-weight: bold;
 text-align: right;
 background-color: #d5f9f9;
 margin-top: 8px;
 padding: 3px;
 border-top: 1px dashed gray;
 border-bottom: 1px dashed gray;
}
div.clanek div.paticka div.vlevo, div.rozhovor div.paticka div.vlevo, div.poradna div.paticka div.vlevo
{
 width: 50%;
 float: left;
 text-align: left;
}
div.clanek blockquote
{
 margin-left: 8px;
}
div.clanek dl, div.clanek ul
{
 clear: left;
 margin-top: 5px;
}
div.clanek dt
{
 margin-top: 3px;
 font-weight: bold;
}
div.clanek dd
{
 margin-left: 15px;
 text-align: justify;
}
div.clanek dd dt
{
 font-weight: normal;
 font-style: italic;
}
div.clanek table
{
 margin: 5px 0px 8px 0px;
 border: 1px solid black;
}
div.clanek table caption
{
 font-size: 12px;
}
div.clanek table td, div.clanek table th
{
 padding: 2px;
 border: 1px solid black;
 font-size: 11px;
 text-align: left;
}
div.clanek table th
{
 font-weight: boldd;
}
div.fotogalerie
{
 width: 430px;
}
div.obrazek
{
 background-color: white;
 border: 1px solid gray;
 width: 130px;
 _width: 128px;
 height: 130px;
 _height: 128px;
 float: left;
 margin: 5px;
 position: relative;
 display: table;
 text-align: center;
}
div.obrazek div
{
 _position: absolute;
 _top: 50%;
 _left: 50%;
 display: table-cell;
 vertical-align: middle;
 visibility: hidden;
}

div.obrazek div img
{
 visibility: visible;
 _position: relative;
 _top: -51%;
 _left: -49%;
}

img.sipkyporadna
{
 margin: 0px 5px 0px 3px;
}

ul.hartmann
{
 font-size: 13px;
 margin: 0px 0px 15px 0px;
 padding: 0px 0px 0px 40px;
}
ul.hartmann li
{
 list-style-type: none;
 text-align: left;
 vertical-align: top;
 background-image: url("ikony/sipecka.gif");
 background-position: 2px center;
 background-repeat: no-repeat;
 background-color: transparent;
 padding: 0px 0px 0px 18px;
 margin: 6px 0px 6px 0px;
}

/*styly pro editaci*/
form.editace
{
 display: block;
 width: 480px;
 text-align: left;
 padding: 0px;
 margin: 0px;
}
form.editace input, form.editace textarea, form.editace select
{
 background-color: #d5f9f9;
 margin: 0px 0px 6px 0px;
}
form.editace input, form.editace select
{
 vertical-align: middle;
}
form.editace option
{
 border: none;
}
form.editace input.zaskrtavatko
{
 margin-top: 0px;
 margin-bottom: 0px;
 height: 18px;
 width: 18px;
 border: none;
 padding: 0px;
 background-color: transparent;
}

form.editace input.odesilani
{
 float: right;
 border: 2px outset DarkSlateGray;
 font-weight: bold;
 font-size: 12px;
 cursor: pointer;
}

form.editace textarea
{
 width: 420px;
}
form.editace fieldset
{
 border: 1px solid DarkSlateGray;
 margin: 15px 0px 10px 0px;
 padding: 8px;
}
form.editace legend
{
 border-left: 2px solid DarkSlateGray;
 border-bottom: 2px solid DarkSlateGray;
 border-right: 1px solid DarkSlateGray;
 border-top: 1px solid DarkSlateGray;
 background-color: #d5f9f9;
 font-size: 12px;
 font-weight: bold;
 padding: 5px;
 margin: 0px 0px 5px 0px;
}
form.editace label
{
 padding: 3px;
}
form.editace label.vyrazne
{
 font-weight: bold;
}

dl.seznamakci dt {
    border-bottom: 1px solid #ddd;
}
dl.seznamakci dd {
    background-color: #efefef;
    padding: 10px;
    margin-bottom: 10px;
}
dl.seznamakci dd h2{
    margin-top: 0px;
}
dl.seznamakci dd h3{
    margin-top: 0px;
    margin-bottom: 0px;
}

/*konec stylu pro editaci*/