body, html {
   padding: 0px;
   margin: 0px;
   height: 100%;
}

body {
   background-repeat: no-repeat;
   background-position: bottom right;
   font-size: 16px;

   behavior:url('/styles/csshover.htc');
}

a {
   text-decoration: none;
   color: #6F910B;
}

/*a:hover {
   text-decoration: underline;
}*/

#pf img { border: 0px; }
#pf { text-align: center; font-size: 2em; margin-top: 2em; }

#header, #root {
   width: 100%;
}

#logo, #body, #prefoot {
	width: 85%;
	margin:auto;
	padding: 0.5em 25px;
}

#logo img {
    border: none;
}

#packa {
    width: 50px;
    height: 50px;
    margin: 0px;
}

#header {
	background-color: #EDDA25;
}

#logo {
	background-color: #F6E75B;
   text-align: left;
   color: #998B0C;
   font-weight: bold;
   font-size: 2em;
   font-variant: small-caps;
   border-color: #EDDA25;
   border-style: solid;
   border-width: 0px 1px;
}

#sidebar {
	width: 15%;
	float: right;
	height: 800px;
	border: 1px solid black;
}

#root {
	background-color: #EBE49E;
   height: auto !important;
   height: 100%;

   min-height: 100%;
   position: relative;
}

#body {
   background: white;

}

#prefoot {
	background: white;
}

#menu a {
	display: block;
	float: left;
	width: 12%;
	margin: 1px;
   background: #C9F059;
   color: #6F910B;
   text-align: center;
   height: 2em;
   line-height:2em;
   font-weight: bold;
}

#menu a:hover {
   text-decoration: none;
   color: #C9F059;
   background: #6F910B;
}

#menu .active {
   color: #C9F059;
   background: #6F910B;
}

#velke_menu, #male_menu {
   float: left;
   width: 20%;
   margin-right: 2em;
   margin-top: 1.5em;
   margin-bottom: 1.5em;
}


#velke_menu a, #male_menu a {
   display: block;
   width: 100%;
   font-weight: bold;
   padding: 0.2em;
   margin-bottom: 0.3em;
   border: 1px solid #C9F059;
 
}


#velke_menu a:hover, #male_menu a:hover {
   text-decoration: none;
   background-color: #C9F059;
}

.clearf {
   clear: both;
}

h1, h2, h3 {
	color: #8DA83E;
}

h1 {
   font-size: 1.5em;
}

h2 {
   font-size: 1.3em;
}

h3 {
   font-size: 1.1em;
}

.ram {
   background: #6F910B;
   color: white;
   padding: 0.2em;
}
.aktualita {
   border: 1px solid #6f910b;
   padding: .5em;
    padding-bottom: 1em;
    margin-bottom: 2em;
    margin-top: 1em;
}

.ram span {
   padding-left: 2em;
}

table.odchov td {
   width: 30%;
   font-weight: bold;
}

td.rodokmen {
   width: 35%;
   text-align: right;
   text-decoration: underline;
}

.odchov span {
   display: block;
   padding: 0.2em;
}

.rodtab td {
   border: 1px solid black;
   padding: 0.2em;
}

.rodtab {
   border-collapse: collapse;
   font-size: 0.8em;
   width: 90%;
   clear: both;
   margin: auto;
   margin-top: 15px;
}

.bonitace {
   width: 25%;
   float: left;
}

.rodargo img {
   width: 220px;
}

.rodargo .popisek {
   vertical-align: bottom;
   font-size: 1.3em;
   font-weight: bold;
}

.pes {
   width: 300px;
   border: 1px solid #8DA83E;
   margin: 2%;
   font-size: 1.3em;
   font-weight: bold;
}

.left {
   float: left;
}

.right {
   float: right;
}

.radek {
	width: 750px;
	margin: 3em auto;
}

.pes img {
   display: block;
   border: 0px;
}

.main {
  text-align: center; 
  margin: auto;
}

.pes a {
   display: block;
}

.pes a:hover {
   text-decoration: none;
   color: white;
   background: #8DA83E;
}

.velky_pes img, .foto img {
   border: 1px solid #6d964f;
   margin-bottom: 1em;
}

img { 
   border: 1px solid #6d964f;
}

.galerie {
   width: 810px;
   margin: auto;
   text-align: center;
}

.fotogalerie {
   text-align: center;
}

.fotogalerie .foto {
   margin-bottom: 2em;
}

.ucast {
   padding: 0px;
   margin: 0px;
}

.zkousky {
   border-collapse: separate;
   font-size: 1.2em;
   width: 450px;
   margin-left: 22%;
}

td.zkouska {
   width: 25%;
   border: 1px solid black;
   padding: 0.2em;
}

td.empty {
   border: none;
}

.zkouska .body {
   display: none;
   text-decoration: none;
}

.zkouska:hover .body, .zkouska.hover .body {
   display: inline;
   text-decoration: none;
}

.zkouska:hover .typ, .zkouska.hover .typ {
   display: none;
   text-decoration: none;
}

.zkouska:hover, .zkouska a {
   text-decoration: none;

}

.plavacek {
   float: right;
}

.e404 {
   text-align: center;
   margin: 4em;
}

.e404 img {
   border: 1px solid #6d964f;
}

.pocitadlo {
   width: 100%;
   text-align: center;
}

.uvod {
   text-align: center;
}

.uvod img {
   border: 1px solid #6d964f;
}

.uvod #cmku {
   float: right;
   margin-left: 1em;
   margin-bottom: 0.5em;
   margin-top: 0.5em;
}

.uvod #nasi_psi {
   float: left;
   margin-right: 1em;
   margin-bottom: 1.5em;
   margin-top: 1em;
}

.uvod p {
   text-align: justify;
}

.uvod p:first-letter {
   margin-left: 1.2em;
}

.def {
	margin-bottom: 2em;
}

.def .item {
	margin-bottom: 2px;
	text-align: justify;
}

h1.clear-bottom {
    margin-bottom: 0px;
}

.fright {
    float: right;
    margin: .5em;
    border: 1px solid #6d964f;
}

.clearf {
    clear: both;
    height: 0px;
}

#footer {
	background: #D4F082;
    text-align: center;
    font-size: 0.8em;
    padding-top: 0.8em;
	margin-top: 3em;
	border-top:1px solid #6F910B;
	border-bottom:1px solid #6F910B;
}

#footer, #footer a {
	color: #6F910B;
}

#footer a {
    text-decoration: none;
}

#footer a:hover {
    color: black;
}

.pravy_blok {
    margin-left: 25%;
}

.big_skip {
    height: 3em;
}

blockquote {
    font-style: italic;
}

.memoriam {
    text-align: center;
    padding-left: 25%;
}

.memoriam img {
    margin: 1em;
}

.memoriam span {
    margin-left: -100px;
}

.mensi {
    font-size: 80%;
}

#flags {
	float: right;
}