html,body {
	height: 100%;
}

body {
    background: #FFFAF4 url(/_image/bg_pruh.jpg) center top repeat-x;
    margin: 0 auto;
    font-size: 100%;
    font-family: Georgia, Tahoma, Arial; font-weight: bold; font-variant: small-caps;
    color: #29312D;
}


p, img, h1, h2, h3, h4, form, ul, li {margin: 0; padding: 0; border: none;}
.clear {clear: both;}
.float_left {float: left;}
.float_right {float: right;}
.hide {visibility: hidden;}
.skryvany {display: none}


h1 {padding: 0px 0 0px 10px; margin: 0 0 10px 0; font-size: 135%; color: /*#29312D*/ #035988; display: block;  border-bottom: 1px solid #e4ce77; border-top: 1px solid #e4ce77;  background: url(/_image/blue-transparent25.png);
}


h2 {padding: 2px 0 2px 30px; margin: 20px 0 10px 0; font-size: 120%; display: block; background: url(/_image/erb-modry.png) 8px 6px no-repeat; color: #035988; }

h3 {padding: 0 0 0 30px; margin: 5px 0 5px 0; font-size: 105%; display: block;  background: url(/_image/erb-bezovy.png) 8px 2px no-repeat; color: #888163; /*border-bottom: 1px solid #888163;*/ }
h3 span, h2 span {font-size: 80%; font-variant: normal; font-weight: normal; color: #29312D;}
div .zprava { padding-left: 50px; }
.zpravy { text-align: justify; }
.informace h3 {padding: 0 0 5px 20px; margin: 15px 0 5px 0; background: url(/_image/erb-bezovy.png) 0px 2px no-repeat; font-variant: small-caps; font-size: 115%}


a {color: #035988; }
a:hover {color: #888163; text-decoration: none;}

#page, .hp {width: 990px; margin: 0 auto; background: #FFFAF4 url(/_image/bg_top.jpg) center top no-repeat; }


#top {height: 330px;} /*bylo 310*/
/*#navigace {margin: 0 10px 10px 210px; padding: 5px; font-style: italic; font-size: 80%; background: url(/_image/yell-transparent25.png) 0 0 repeat; font-variant: normal; font-weight: normal; width: 760px; }  */

#navigace {margin: 0 10px 10px 0px; padding: 5px 5px 5px 15px; font-size: 70%; background: url(/_image/yell-transparent25.png) 0 0 repeat; font-variant: normal; font-weight: normal; width: 960px; color: #888163; }
#navigace span {color: red; }

.logout {float: right; background: none; margin: 10px; color: red; font-size: 85%;}

#vitejte { width: 525px; float: left; font-variant: normal; margin: 0 0 0 25px;}
#vitejte h1 { padding-left: 30px; font-variant: small-caps; border: none; background: none; }
#vitejte p { color: #035988; text-indent: 20px; text-align: justify; font-size: 100%; padding: 15px 25px 15px 25px; font-size: 90%;}
#vitejte div { color: #888163; text-align: right; padding-right:20px; padding-top: 10px; font-style: italic; }

#left_panel {float: left; width: 198px;}
#right_panel {float: right; width: 790px;}

#footer {
    background: #FFFAF4 url(/_image/bg_bottom.jpg) center top repeat-x;
    margin: 50px auto; height: 150px; font-size: 80%;
    }
#foot {width: 990px; margin: 0 auto; padding: 125px 0 0 0; /*background: #FFFAF4 url(/_image/bg-bottom.jpg) center top no-repeat;*/}
#foot span, #foot span a {font-variant: normal; color: #888163; font-size: 95%; font-weight: normal; }
#foot span a:hover {color: #035988; }





/* OBSAH */


.flags {margin: 15px 0 0 0; float: right; width: 70px;}

.logo-small {float: left; width: 560px; padding: 30px 0 0 0; margin: 0;}
.logo-big {margin: 50px 0 0 0; }
/*.vstup {padding: 20px 0 0 80px; margin: 0; width: 250px; font-size: 85%;}*/

#sekce {padding: 0 0 5px 25px; margin: 0 0 5px 0; font-size: 140%; color: #29312D; display: block; background: url(/_image/erb-cerny.png) 0 4px no-repeat;}

#content {padding: 0 10px 30px 10px;}
.presun {text-align: right; margin: 10px 0 10px 0; padding: 5px 10px 5px 10px; font-size: 75%;}
.presun img {vertical-align: middle; margin: 0 5px 0 0;}
.presun small {font-variant: normal; font-weight: normal; }

img.graf {width: 20px; text-align: center;padding-top:3px;}
img.grafv {height: 20px; padding-right:3px;}
img.zvoleno {float: left; margin: 2px 3px 0 0;}

acronym { border-bottom: thin dotted; }
acronym:hover{ cursor: help; }

.informace {background: #EDEDED; padding: 10px; margin-bottom: 10px; height: 100%; border: 1px solid #c3bda5;}
.informace ul {margin: 5px 0 10px 50px; list-style-type: square;}
.informace li {padding: 3px;}
.informace li span {color: #888163; font-weight: bold; }
.informace div.podpis {text-align: right; font-style: italic; }

img.right_pictures {float: right; margin: 5px;}
a img.right_pictures, .bg-pic a img {border: 2px solid #c3bda5;}
a:hover img.right_pictures, .bg-pic a:hover img {border: 2px solid #ffffff;}
.bg-pic {width: 170px; height: 200px; margin: 5px; float: left; text-align: center;}
.bg-pic img {vertical-align: middle; text-align: center; margin: 3px;}

span.hledat {color: #035988; font-weight: bold; border-top: 1px dotted #c3bda5; padding-top: 5px; margin-top: 15px; display: block; }
span.vek {color: #035988; font-weight: normal;}
span.trvani {color: #6da3c1; font-weight: normal;}
span.veka {color: #888163; font-weight: normal;}
span.rodina {font-weight: normal; padding-left: 20px; }
span.rodina a {color: #6da3c1; text-decoration: none; }
span.rodina a:hover {text-decoration: underline; }
span.manzel {padding-left: 56px; }
span.manzelka {padding-left: 72px; }
span.velkel {padding-right: 10px; font-weight: bold; color: #888163; font-size: 110%; }


#osoby {width: 770px; overflow: auto; }
.zil {background: #6da3c1; }
.nezil {background: #c3bda5; }


/* P */

p, .informace {margin: 0 0 10px 0; font-size: 75%; font-variant: normal; font-weight: normal; letter-spacing: 1px;}
p span {color: red; font-weight: bold;}
p.info {background: #ffffff; border: 1px solid #c3bda5; padding: 10px; font-size: 90%; color: #888163; }
p.info label, p.info input {margin: 5px 5px 5px 0; background: none;}
p.info label {font-size: 80%; font-weight: bold; }


p.stranka {margin: 10px 0 10px 0; padding: 0 10px 10px 10px; font-weight: bold; border-left: 1px solid #c3bda5; border-right: 1px solid #c3bda5; border-bottom: 1px solid #c3bda5;}
p.stranka a {text-decoration: none;}
p.stranka span {font-weight: normal; font-size: 90%; color: #888163;}


/* FORMS */

form a, #login a {color: #e0be36;}

input, select {margin: 2px; width: 120px; height: 18px; border: 1px solid #e4ce77; color: #035988;}
input.zvetseni {width: 20px; }
input.btn, p.info input.btn {
  width: 80px; height: 22px; background: #29312D; border: 1px solid #e4ce77; color: #e4ce77; margin: 1px 0 0 0;
  font-family: Georgia, Tahoma, Arial; font-weight: bold; font-variant: small-caps;
}




.flags form {float: left;}
.flags input {width: 30px; border: none;}

#hledat {float: right; width: 400px; margin: 1px 0 0 0; text-align: right; color: #e4ce77; padding: 0;}
#login {float: right; width: 200px; margin: 0; padding: 60px 125px 0 0; text-align: left;}
#login big {color: red;}
#login p {font-size: 90%;}
#login big a {color: #035988;}
#login-sub {margin: 100px 0 0 0; text-align: left;}

form.radky {/*border-bottom: 1px solid #e0be36;*/ padding: 0 0 10px 0; margin: 0 0 10px 0; }
form.razeni  {float: left;}
form.razeni input {width: 13px; height: 7px; float: left; border: none; background: none;}

/* MENU */


ul#menu { list-style: none;  margin: 0; text-decoration: none; width: 990px; padding: 140px 0 15px 0;  color: #888163;  font-size: 170%;}
ul#menu li {float: left; }
ul#menu li a {color: #888163; text-decoration: none; background: url(/_image/erb-bezovy.png) 0 8px no-repeat; padding: 0 35px 0 15px ; }
ul#menu li a:hover, ul#menu li#active {color: #29312D;  background: url(/_image/erb-cerny.png) 0 8px no-repeat; padding: 0 35px 0 15px ;}



/* SUBMENU */

#submenu {margin: 0; width: 185px; background: url(/_image/brk.png) 0 bottom no-repeat; }
#submenu ul {list-style: none; margin: 0 0 15px 0; font-size: 90%; width: 185px;}
#submenu ul li { margin: 0;   }
/* \*/ * html #submenu ul li { height: 100%;} /**/


#submenu ul li span, #submenu ul li a {text-decoration: none; display: block; padding: 6px 0 5px 38px; color: #fffaf4; border-bottom: 1px solid #fffaf4; color:#035988;  background: url(/_image/yell-transparent50.png) center center;  }
#submenu ul li a:hover {background: url(/_image/brown-transparent50.png) center center; color: #fffaf4; padding: 6px 0 5px 15px;  border-bottom: 1px solid #fffaf4;}
#submenu ul li#activ1 {background: url(/_image/blue-transparent50.png) center center; color: #ffffff; padding: 6px 0 5px 15px;  border-bottom: 1px solid #fffaf4;}


#submenu ul li.extra a {text-decoration: none; display: block; padding: 5px 0 2px 40px; color: #888163; border: 1px solid #fffaf4; background:  url(/_image/grey-transparent50.png) center center;}
#submenu ul li.extra a:hover { color: #888163; background:  url(/_image/white-transparent50.png) center center; padding: 5px 0 2px 20px; border: 1px solid #fffaf4;}
#submenu ul li#activ2 {color: #ffffff; background:  url(/_image/blue2-transparent50.png) center center; padding: 5px 0 2px 20px; border: 1px solid #fffaf4;}


 /* TABLE */

table {width: 100%; border: 1px solid #EDEDED;}
th {font-size: 80%;padding: 3px; text-align: left; background: #EDEDED; vertical-align: middle; }
td {font-size: 70%; font-weight: normal; font-variant: normal; padding: 3px; border-left: 1px solid #EDEDED; border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; vertical-align: bottom; background: #ffffff;}
td span {color: red; font-weight: bold;}
td a {text-decoration: none; color: #035988; }

.osoby {width: 770px; height: 680px; overflow: auto;}
table.vyvod {border: none; width: 100%;}
table.vyvod td {border: none;  text-align: center; vertical-align: middle; background: none; height: 90px; padding: 0; margin: 0; }
table.border {border: 1px solid #EDEDED; }
table.vyvod td.rozrod {width: 50%; }
table.vyvod td.vzena {background: url(/_image/vyvod.gif) left bottom no-repeat; }
table.vyvod td.vmuz {background: url(/_image/vyvod.gif) right bottom no-repeat; }
table.vyvod td.rzena {text-align: left; }
table.vyvod td.rmuz {text-align: right; }
table.vyvod td.borderb {border-bottom: 1px solid #EDEDED; }
table.vyvod td.rozroda {font-size: 99%; vertical-align: top; }
table.vyvod td.bordera {border-right: 1px solid #EDEDED; }
table.vyvod td.generace {width: 28px; }
table.vyvod td span.pribuzni {background: #c3bda5; font-weight: normal; }
td table.vyvod th {height: 92px; width: 24px; padding: 3px 0 0 5px;}
td table.vyvod th.rozrodu {height: 186px; }

table.vyvod td a img  {border: 2px solid #e4ce77;}
table.vyvod td a:hover img {border: 2px solid #EDEDED;}


/*pokusy na vyvodu2 */

ul.vyvod2, ul.vyvod3 {width: 770px; margin: 0; padding: 0; list-style: none;}
ul.vyvod2 ul {margin: 0; padding: 0;  list-style: none;}
.vyvod2 li {float: left; font-size: 100%; width: 740px; padding: 0; margin: 0;}
.vyvod2 li li { width: 355px; }
.vyvod2 li li li { width: 162px; }
.vyvod2 li li li li { width: 76px; }
.vyvod2 li li li li li { width: 32px; }



.vyvod3 li {float: left; /*text-align: center;*/ background: #ffffff; margin: 1px;}
li.gen, li li.gen, li li li.gen, li li li li.gen, li li li li li.gen {width: 15px; background: none; }

li.gen1 { width: 734px;}
li.gen2 { width: 366px;}
li.gen3 { width: 182px;}
li.gen4 { width: 90px;}
li.gen5 { width: 44px;}
li.gen6 { width: 21px; font-size: 80%;}
li.gen7 { width: 1%; font-size: 75%;}