body
{
 overflow: scroll;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 background-color: white;
 font-size: 11px;
 color: black;
}

a {color: saddlebrown; text-decoration: underline;}
a:active {color: saddlebrown; text-decoration: underline;}
a:visited {color: saddlebrown; text-decoration: underline;}
a:link {color: saddlebrown; text-decoration: underline;}
a:hover {color: red; text-decoration: none;}

a.legend:active, a.legend:visited, a.legend:link {
	background-color:#B8860B;
	color: white;
}

a.legend:hover {color: red; text-decoration: none;}

table
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: black;
 border-collapse: collapse;
 table-layout: fixed;
}

img
{
 border: none;
}

form
{
 display: inline;
 padding: 0px;
 margin: 0px;
}
input
{
 vertical-align: middle;
}
input, select, option, textarea
{
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 padding: 1px;
 margin: 0px;
 border: 1px solid black;
 background-color: white;
 font-size: 11px;
 color: black;
 vertical-align: middle;
}
option
{
 border: none;
}
fieldset
{
 border: 1px solid DarkSlateGray;
 margin: 15px 0px 10px 0px;
 padding: 8px;
}
legend
{
 border-left: 2px solid #B8860B;
 border-bottom: 2px solid #B8860B;
 border-right: 1px solid #B8860B;
 border-top: 1px solid #B8860B;
 font-size: 12px;
 font-weight: bold;
 padding: 5px;
 margin: 0px 0px 5px 0px;
}

/*styly hlavnich elementu stranky*/
#pozadi
{
 _height: 100%; /*hack pro IE, stejne vysoke sloupce*/
 background-image: url("ikony/pozadi-diskuze.png");
 background-repeat: repeat-y;
 position: relative;
}

#celastranka
{
 width:750px;
 margin-right:auto;
 margin-left:auto;
 margin-top: -3px;
_margin-top:-10px;
 padding:0px;
 text-align:center;
 background-color: transparent;
}

#levysloupec, #pravysloupec
{
 width: 140px;
 background-color: #FEDEAD;
 color: black;
 margin-bottom: 5px;
}
#levysloupec
{
 float:left;
 min-height: 900px;
 _height: 900px;
}
#pravysloupec
{
 position: absolute;
 right: 0px;
 top: 0px;
 /*float:right;*/
}
#pravyodsazovac
{
 float: right;
 width: 140px;
 height: 1px;
}

#obsah
{
 text-align: left;
 width:460px;
 padding: 5px 5px 0px 0px;
 float: right;
 background-color: transparent;
}

#hlavicka
{
 background-color: white;
 text-align: center;
}

#paticka
{
 width: 748px;
 text-align: center;
 font-size: 12px;
 border: 1px dashed DarkSlateGray;
}
/*konec stylu hlavnich elementu stranky*/

/*bannery*/
img.banner1 /*hlavni stranka nahore*/
{
 margin: 0px;
 padding: 0px;
}
img.banner2 /*hlavni stranka pod clanky*/
{
 display: block;
 margin: 8px 0px 8px 0px;
 padding: 5px 0px 5px 0px;
 border-top: 1px solid gray;
 border-bottom: 1px solid gray;
}
img.banner3 /*pravy sloupec*/
{
 display: block;
 margin: 4px 0px 12px 0px;
}
/*konec bannery*/

/*styly k hlavicce - horni menu, podmenu apod...*/
#hlavicka div.lista
{
 width: 100%;
 border-top: 2px solid DarkSlateGray;
 border-bottom: 2px solid DarkSlateGray;
}
#hlavicka div.hlavnipanel
{
 width: 100%;
 margin: 2px 0px 2px 0px;
}
#hlavicka div.hlavnipanel div
{
 float: left;
 text-align: center;
}
#hlavicka div.hlavnipanel div.banner
{
 text-align: center;
 width: 320px;
 float: right;
 margin: 0px;
}

div.hornimenu
{
 width: 100%;
 padding: 3px 0px 3px 0px;
 border-top: 2px solid #B8860B;
 border-bottom: 2px solid #B8860B;
 background-color: #FEDEAD;
}
div.hornimenu a
{
 font-size: 14px;
 font-weight: bold;
 padding: 3px 5px 3px 5px;
 color: black;
 text-decoration: none;
}

div.hornimenu a.aktualni
{
 background-color: #B8860B;
 color: white;
 text-decoration: none;
}

div.hornimenu a:active, div.hornimenu a:visited, div.hornimenu a:link {color: black; text-decoration: none;}
div.hornimenu a:hover {color: white; background-color: #B8860B; text-decoration: none;}

div.hornimenu a.aktualni:active, div.hornimenu a.aktualni:visited, div.hornimenu a.aktualni:link {color: white; background-color: #B8860B; text-decoration: none;}
div.hornimenu a.aktualni:hover {color: #FEDEAD; background-color: #B8860B; text-decoration: none;}

div.podmenu
{
 width: 100%;
 height: 28px;
 background-color: #B8860B;
}
div.podmenu div
{
 display: none;
 width: 100%;
 padding: 5px;
 color: #d5f9f9;
}
div.podmenu div.aktualni
{
 display: block;
 width: 100%;
 padding: 5px 8px 5px 8px;
 font-size: 12px;
 font-weight: bold;
 color: white;
}
div.podmenu a
{
 font-size: 12px;
 font-weight: bold;
 padding: 0px 10px 0px 10px;
 color: #d5f9f9;
 text-decoration: none;
}
div.podmenu div.aktualni a.zapnuto
{
 color: tomato;
}
div.podmenu a:active, div.podmenu a:visited, div.podmenu a:link
{
 color: white;
 text-decoration: none;
}
div.podmenu a:hover
{
 color: tomato;
 text-decoration: none;
}

div.podmenu div.aktualni span.navigace a
{
 padding: 0px 2px 0px 2px;
 font-weight: normal;
 color: white;
}
div.podmenu div.aktualni span.navigace a:hover
{
 color: tomato;
 text-decoration: none;
}
div.podmenu div.aktualni span.navigace strong
{
 color: tomato;
}
/*konec stylu k hlavicce*/


#levysloupec h3
{
 width: 100%;
 min-height: 32px;
 border-top: 2px solid white;
 border-bottom: 2px solid white;
 font-size: 13px;
 font-weight: bold;
 background-color: #B8860B;
 color: white;
 margin: 6px 0px 3px 0px;
 text-align: center;
}
#levysloupec p
{
 text-align: left;
 margin: 3px 0px 3px 0px;
}
#levysloupec ol
{
 font-size: 11px;
 margin: 2px 0px 10px 24px;
 _margin: 2px 0px 10px 29px; /*pro IE*/
 padding: 0px;
 text-align: left;
}
#levysloupec ul
{
 font-size: 11px;
 margin: 2px 0px 5px 22px;
 /*_margin: 2px 0px 2px 23px; /*pro IE*/
 padding: 0px;
 text-align: left;
}
#levysloupec ol li, #levysloupec ul li
{
 margin: 0px 0px 3px 0px;
 padding: 0px;
}
#levysloupec ol li a
{
 position: relative;
 left: -5px;
 _left: -10px; /* hack pro IE, jinak se to moc odsadi od cisel */
}
#levysloupec ul li a
{
 position: relative;
 left: -3px;
 /*_left: -10px; /* hack pro IE, jinak se to moc odsadi od cisel */
}

#pravysloupec h3
{
 width: 100%;
 min-height: 32px;
 line-height: 32px;
 border-top: 2px solid white;
 border-bottom: 2px solid white;
 font-size: 16px;
 font-weight: bold;
 background-color: #B8860B;
 color: white;
 margin: 6px 0px 3px 0px;
}
#pravysloupec h3 a
{
 color: white;
 text-decoration: none;
}
#pravysloupec h3 a:hover
{
 color: tomato;
 text-decoration: none;
}

div.prihlasovani, div.vyhledavani
{
 text-align: left;
 padding: 5px;
 margin: 5px 0px 2px 0px;
 background-color: WhiteSmoke;
 border: 1px solid silver;
}
div.prihlasovani form, div.vyhledavani form
{
 display: block;
 text-align: right;
}
div.prihlasovani h4, div.vyhledavani h4
{
 text-align: center;
 margin: 2px 0px 2px 0px;
 padding: 0px;
 font-size: 12px;
 font-weight: bold;
 border: none;
 background-color: #B8860B;
 color: white;
}
div.prihlasovani input
{
 width: 80px;
 margin: 2px 0px 3px 0px;
 vertical-align: middle;
}
div.vyhledavani input
{
 width: 100%;
 margin: 2px 0px 3px 0px;
 vertical-align: middle;
}
input.tlacitko
{
 width: 80px;
 background-color: #FEDEAD;
 color: black;
 font-weight: bold;
 border: 2px outset #B8860B;
 cursor: pointer;
}
input.obrazek
{
 vertical-align: middle;
 border: 0px;
 background-color: transparent;
}

hr.cistic
{
 clear: both;
 border: 0px;
 margin: -1px 0px 0px 0px;
 visibility: hidden;
}

H2
{
 margin: 10px 0px 0px 0px;
 padding: 3px 0px 3px 0px;
 font-size: 14px;
 font-weight: bold;
 color: saddlebrown;
}
H5
{
 margin: 0px;
 padding: 3px 0px 3px 0px;
 font-size: 12px;
 font-weight: bold;
}

div.infopanel
{
 border: 2px ridge DarkSlateGray;
 text-align: left;
 color: black;
 background-color: #d5f9f9;
 margin: 3px 0px 3px 0px;
 width: 450px;
}
div.infopanel div
{
 padding: 5px;
}
div.infopanel p
{
 padding: 0px;
 margin: 0px 0px 7px 0px;
 width: 100%;
}
div.infopanel H1
{
 margin: 0px;
 padding: 4px 0px 4px 0px;
 font-size: 17px;
 font-weight: bold;
 color: DarkSlateGray;
 text-align: center;
}
div.infopanel H2
{
 margin: 10px 0px 5px 0px;
 padding: 3px 0px 3px 0px;
 font-size: 14px;
 font-weight: bold;
 background-color: DarkSlateGray;
 color: #d5f9f9;
 text-align: center;
 border-top: 1px solid white;
 border-bottom: 1px solid white;
}
div.infopanel H3
{
 margin: 0px;
 padding: 3px 0px 3px 0px;
 font-size: 15px;
 font-weight: bold;
 color: DarkSlateGray;
}
div.infopanel h2 a
{
 color: #d5f9f9;
 text-decoration: none;
}
div.infopanel h2 a:hover
{
 color: tomato;
}

div.infopanel img
{
 margin: 5px 0px 5px 0px;
}

div.infopanel ul
{
 margin-top: 3px;
 margin-bottom: 3px;
}

div.infopanel ul li
{
 margin-bottom: 3px;
}

dl.seznamakci
{
 clear: both;
 width: 450px;
 text-align: left;
}
dl.seznamakci dt
{
 font-size: 13px;
 font-weight: bold;
 border-bottom: 1px dashed gray;
 padding-left: 5px;
}
dl.seznamakci dd
{
 background-color: #d5f9f9;
 border-left: 1px solid silver;
 margin: 5px 0px 12px 20px;
 padding: 4px;
}
dl.seznamakci dd h2
{
 padding: 0px 0px 4px 0px;
 margin: 0px;
 font-size: 14px;
 font-weight: bold;
 color: DarkSlateGray;
}

dl.seznamakci dd dl
{
 width: 95%;
}
dl.seznamakci dd dl dt
{
 font-size: 11px;
 margin: 4px 0px 0px 0px;
 border: none;
}

dl.seznamakci dd dl dd
{
 margin: 0px 0px 0px 10px;
}
dl.seznamakci dd dl dd h3
{
 font-size: 12px;
 font-weight: bold;
 padding: 0px;
 margin: 0px;
}

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: 450px;
 margin: 5px 0px 5px 0px;
 text-align: left;
}
dl.detailakce dt
{
 margin-top: 8px;
 font-weight: bold;
 background-color: #d5f9f9;
}
dl.detailakce dd
{
 margin-left: 10px;
}

table.clanky
{
 text-align: justify;
 width: 450px;
 border: 2px outset DarkSlateGray;
 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: 2px;
 margin: 0px;
}

table.clanky td.nahled
{
 /*min-height: 119px;*/
 padding: 3px
}
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: 450px;
 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: 450px;
 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: 3px;
 width: 217px;
 _width: 225px;
 float: left;
 border: 1px solid gray;
}
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: 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;
}

div.clanek,div.rozhovor
{
 width: 450px;
 margin-top: 5px;
 padding: 3px;
 text-align: left;
 font-size: 12px;
}
div.poradna
{
 width: 450px;
 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;
}

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-size: 90%;
 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: 450px;
 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;
}

ul.horoskopy
{
 margin: 5px 0px 0px 0px;
 padding: 0px;
}
ul.horoskopy li
{
 list-style-type: none;
 margin: 1px 0px 1px 0px;
 padding: 1px;
 width: 69px;
_width: 71px;
}
ul.horoskopy li img
{
 vertical-align: middle;
 margin-right: 2px;
}
ul.horoskopy li.vlevo
{
 float: left;
}
ul.horoskopy li.vpravo
{
 float: right;
}
/*konec stylu pro editaci*/