/******************************************************************************
* nastavení stranky.                                                          *
******************************************************************************/

body {
  background-image: url(images/vodoznak.gif);
  background-repeat: repeat;
  background-color: #9c2201;
  color: #000000;
        margin: 0px;
        padding: 5px;
        text-align: center
}

* {margin: 0px;padding: 0px;}
* {
    box-sizing: border-box; /* Opera */
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari, Chrome */
}
.clear{clear:both;}

p.uzaverka {
  margin: 0;
  padding: 0; 
}


p.termin {
  margin: 0;
  padding: 0; 
  color: red;
  font-weight: bold;

}

p.blok {
  text-indent: 30px;
  margin: 0;
  padding: 0; 
  text-align: justify;
}

ol.zapisrad {
  padding-left: 35px;
}

ol li {
  margin: 1em 0;
}

ol ol {
  padding-left: 40px;
}

ol ul {
  padding-left: 40px;
}

ol ol ul{
  padding-left: 45px;
}

#web {
  background-color: #E3A524;
  padding: 1px;
  width: 980px;
  top: 0px;
  left: 0px;
  margin: 0px auto;
  min-width: 980px;
}

div.strana {
  background-color: #E3A524;
  padding: 5px;
  border-style: solid;
  border-width: 5px;
  border-color: #ECD97A;
  width: 100%;
  top: 150px;
  text-align: left;
}

div.novinky {
  background-color: #E3A524;
  border-style: solid;
  border-width: 0px;
  width: 800px;
  float:left;
}


div.uzaverky {
  background-color: #FDD877;
  border-style: solid;
  border-width: 0px;
  text-align:center;
  width: 150px;
  float:right;
}

h1.titul {
 font-family: "Helvetica CE", "Arial CE", Arial, Helvetica, sans-serif;
 color: black;
 text-align:center;
 margin: 0px;
 padding: 5px 0px 5px 0px;
}

h1.nadpis {
  color: black;
  margin: 0px;
  padding: 0px;
 text-align:center;

}

h2.nadpis {
 color: black;
 margin: 0px;
 padding: 0px;
 text-align:center;
}

h3.nadpis {
 color: black;
 margin: 24px 0px 6px 0px;
 padding: 0px;
 text-align:center;
}

table.bonitace {
  table-layout:auto;
  border: outset 2px #854E27;
  width: 100%;
}

td.bonfoto {
  width: 100px;
  border: inset 1px #854E27;
 text-align:center;
}

td.bonpopis {
  width: 100px;
  border: inset 1px #854E27;
 text-align:right;
}

td.bondata1 {
  width: 400px;
  border: inset 1px #854E27;
 text-align:left;
}

td.bondata2 {
  width: 300px;
  border: inset 1px #854E27;
 text-align:left;
}

td.bondata3 {
  width: 300px;
  border: inset 1px #854E27;
 text-align:center;
}

table.rodo {
  table-layout:auto;
  border: outset 2px #854E27;
  width: 100%;
}

table.prihlaseni {
  table-layout:auto;
  border: outset 2px #854E27;
  width: 640px;
}

td.prihlaseni {
  width: 33%;
  border: inset 1px #854E27;
 text-align:center;

}

td.vystrida {
  width: 100px;
  border: inset 1px #854E27;
 text-align:left;
}
td.vyscena {
  width: 110px;
  border: inset 1px #854E27;
 text-align:center;
}
td.vysjmeno {
  width: 400px;
  border: inset 1px #854E27;
 text-align:center;
}
td.vysfoto {
  width: 100px;
  border: inset 1px #854E27;
 text-align:center;
}
td.vyspredci {
  width: 250px;
  border: inset 1px #854E27;
 text-align:left;
}

td.matka {
  background-color: #FDD877;
  width: 25%;
  border: inset 1px #854E27;
}

td.otec {
  width: 25%;
  border: inset 1px #854E27;
}

table.red {
  table-layout:auto;
  border: outset 3px #ff0000;
  width: 100%;
}


table.ram {
  table-layout:auto;
  border: outset 2px #854E27;
  width: 100%;
}

table.ram td{
  border: inset 1px #854E27;
}

table.ram th{
  background-color: #FDD877;
  border: inset 1px #854E27;
}

table.ram2 {
  table-layout:auto;
  border: outset 2px #854E27;
}

table.ram2 td{
  border: inset 1px #854E27;
}

table.ram2 th{
  background-color: #FDD877;
  border: inset 1px #854E27;
}

tr.info {
  background-color: #FDD877;
}


td.fena {
  background-color: #FDD877;
  border: inset 1px #854E27;
}

td.pes {
  background-color: #FCC542;
  border: inset 1px #854E27;
}

a { color: maroon; text-decoration: underline; }
a:hover { color: teal; }

td.tlacitko {
    padding: 0;
    text-decoration: none;

}
.tlacitko a {
    text-decoration: none;
    display: block;
    height: 20px; width: 100%;
    color: teal;
}
.tlacitko a:hover {
    background: teal;
    color: white;
    text-decoration: none;
}

/******************************************************************************
* Tabulka potomci                                                             *
******************************************************************************/
#odchov table{
  table-layout:auto;
  border: outset 2px #854E27;
  width: 100%;
}
#odchov td{
  table-layout:auto;
  border: outset 2px #854E27;
  width: 100%;
}

/******************************************************************************
* parametry pro clanek - nadpis H3, text do bloků, první řádek odsazen        *
******************************************************************************/
#clanek h3{
 color: black;
 margin: 24px 0px 6px 0px;
 padding: 0px;
 text-align:center;
}
#clanek p{
  text-indent: 30px;
  margin: 0;
  padding: 0; 
  text-align: justify;
}

/******************************************************************************
* Tlačítková lišta.                                                           *
******************************************************************************/

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: "MS Sans Serif", Arial, sans-serif;
  font-size: 9pt;
  font-style: normal;
  font-weight: 700;
  color: #FFFF00;
}

div.menuBar {
  background-color: #A35400;          /* barva lišty */
  border: 2px outset #FFF;         /* barva rámečku kolem lišty */
  padding: 4px 2px 4px 2px;
  text-align: left;
  voice-family: "\")\""; voice-family: inherit;
}

div.menuBar a.menuButton {
  background-color: transparent;
  border: 1px solid #DD0;         /* barva rámečku kolem tlačítka */
  color: #FFFF00;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: #EAEA29;        /* barva tlačítka po najetí, bez roletky*/
  border: 1px outset #663300;       /* barva rámečku kolem tlačítka po najetí, bez roletky*/
  color: maroon;                   /* barva písma tlačítka po najetí, bez roletky*/
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #EAEA29;     /* aktivní tlačítko */
  border: 1px inset #663300;     /* barva rámečku kolem tlačítka po najetí, s roletkyou */
  color: #ffffff;                /* barva písma tlačítka po najetí, s roletkou */
  left: 1px;
  top: 1px;
  font-family: "MS Sans Serif", Arial, sans-serif;
  font-size: 9pt;
  font-style: normal;
  font-weight: 700;
  color: maroon;                   /* barva písma aktivního tlačítka */
}

div.menu {
  background-color: #A35400;     /* barva roletky */
  border: 2px outset #F00;       /* barva okraje roletky */
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #FF0;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: teal;   /* barva řádku v roletce po najetí */
  color: #ffffff;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border: 1px inset #e0e0e0;
  margin: 4px 2px;
}