* { margin: 0; padding: 0; }
html, body { height:100%;}
body  { font: normal 62.8%/1.5 'Trebuchet MS','Tahoma CE','Arial CE','Helvetica CE',Tahoma,Arial,lucida,sans-serif; 
        background: #E9E0C8 url('./images/bg_body.gif') top center repeat-y;
      }

a        { color: #E9E0C8; }      
a:hover  { color: #E9C975 !important; }      
a img    { border: 1px solid #E9E0C8; }

h1    { font-size: 170%; margin: 1.5em 65px 1.5em 65px; }
h2    { font-size: 130%; }
h3    { font-size: 120%; border-bottom: 1px solid #23315A; margin-bottom: .25em; padding-bottom: .25em; }
h4    { font-size: 110%; }
h5    { font-size: 100%; color: #E9E9E9; }
h6    { font-size: 100%; color: #E9E9E9; }

ul    { list-style: square inside; }

.center  { text-align: center; }

.clearfix:after, .item:after {content: ".";
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;}

      
#page { width: 642px; margin: 0 auto; position: relative; min-height:100%;
        background: #161F37 url('./images/bg_main.gif') bottom center repeat;
        color: #fff;
        font-size: 133%;
      }
#header { width: 642px; height: 165px; 
          background: #161F37 url('./images/bg_main_top.gif') top center repeat-x;
        }
#header h2 { width: 278px; height: 149px; text-align: center; margin: 0 auto; overflow: hidden; position: relative; }
#header h2 a { color: #212A40; }
#header h2 a.over { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('./images/head.gif') 0 8px no-repeat; }

#footer     { color: #23315A; font-size: .81em;  text-align: center; font-family: Verdana, sans-serif; }

#content    { margin: 1.6em 25px; padding-top: 25px; }
.higher     { margin-top: 3.2em !important; padding-top: 30px; }
#content .narrow   { margin: 65px; margin-top: 1.5em; }
#content .narrow p   { text-indent: 2.5em; margin-bottom: 1em; }

#content .box   { margin: 27px 0; }
#content .head  { text-align: center; margin-bottom: 2em; }
#content .head h1  { margin: 0 0 0.5em 0; }
#content .head h2  { color: #E9E0C8; }
#content .head h2 span  { color: #e9e9e9; }
#content .head h3  { color: #E9E0C8; border: none; margin:0; padding:0; }

#content .references ul    { list-style: square inside; -moz-column-count: 2; -moz-column-gap: 10px; color: #E9E0C8; }
#content .picture          { text-align: center;  }
#content .picture img      { border: 1px solid #E9E0C8; margin: 0 auto; display: block; }
#content .picture .hlava   { float: left;  width: 295px; }
#content .picture .profil  { float: right; width: 295px; }

#content .news .item             { clear: both; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #23315A; }
#content .news .item p           { text-align: justify; }
#content .news .item .promoimg   { float: right; margin: 0 0 10px 10px; }
#content .news .item .bigimg     { margin: 10px 5px; text-align: center; }
#content .news .item .img        { border: 1px solid #E9E0C8; background: #293757; text-align: center; padding: 4px 0; }
#content .news .item .img img        { margin: 0 auto; display: block; }                                     
#content .news .item .img p.legend        { padding: 0 10px; color: #ccc;  text-align: left; text-indent: 0; font-size: .91em; margin: 9px 0 0 ; }
#content .news .item img         { border: 1px solid #E9E0C8; }
#content .news .item .date       { color: #E9E0C8; font-weight: bold; font-style: italic; margin-bottom: 7px; }
#content .news .item h2          { color: #fff; font-size: 120%; margin-bottom: .5em; }
#content .news .item h2 a        { color: #fff; }
#content .news .item h3          { font-size: 110%; margin-bottom: .5em; }

#content address           { text-align: center; line-height: 1.5em; font-style: normal; }
#content address p         { text-indent: 0px !important; font-size: 1em; }
#content address strong    { font-size: 1.4em; }
#content address em        { font-size: 1.2em; }

#content p.sign            { font-style: oblique; text-align: right; margin-right: 2em; color: #E9E9E9;}


#menu { width: 642px; position: absolute; top: 160px; left: 0; }
#menu ul                 { list-style: none; text-align: center; 
                           min-height: 1.4em; line-height: 1.4em;
                           background: #23315A url('./images/bg_menu.gif') top center repeat-y;
                           border-top: 1px solid #E9E0C8;
                           border-bottom: 1px solid #E9E0C8;
                           font-family: Verdana, sans-serif;
                         }
#menu ul.sub             {  
                           background: #23315A url('./images/bg_menu2.gif') top center repeat-y;
                           border-top: 1px solid #23315A;
                           border-bottom: 1px solid #23315A;
                           margin-top:2px;
                         }
#menu li                 { display: inline; }
#menu .main li.active    { background: #141C32; border: 1px solid #141C32; }
#menu .main a            { color: #fff; padding: 0 11px; text-decoration: none; }
#menu .main li.active a  { color: #E9E0C8; }
#menu .main a:hover      { color: #E9E0C8 !important; }

#menu .sub li.active     { background: #E9E0C8; border: 1px solid #E9E0C8; }
#menu .sub a             { color: #E9E0C8; padding: 0 10px; text-decoration: none; font-weight: bold; }
#menu .sub li.active a   { color: #141C32; }
#menu .sub a:hover       { color: #fff !important; }

#navigate              {  
                           background: #23315A url('./images/bg_menu2.gif') top center repeat-y;
                           border-top: 1px solid #23315A;
                           border-bottom: 1px solid #23315A;
                           padding: 7px 5px 14px;
                           margin: 20px 0;
                       }
#navigate h3           { text-align: center; margin: 0 10px 7px; }
#navigate ul           { list-style: square inside;
                           margin: 0 30px;
                           color: #23315A; 
                           -moz-column-count: 3; -moz-column-gap: 10px;
                       }
#navigate li           { padding-left: 24px; }

#langswitch            { font-size: 90%; text-align: right; float: right; }
#langswitch a          { color: #fafafa; }
#welcome #langswitch   { text-align: center; margin-top: 70px; float: none; }
#welcome #langswitch a { color: #E9E0C8; }


.breedtree td            { padding: 5px 10px 5px 0px;  }
.breedtree .male,
.breedtree .male a       { color: #E9E9E9; }
.breedtree .female,
.breedtree .female a     { color: #E9E0C8; }
.breedtree .gen1         { font-size: 95%; }
.breedtree .gen2         { font-size: 90%; }
.breedtree .gen3         { font-size: 85%; }
.breedtree .gen4         { font-size: 80%; padding-right: 0; }

.litter  { margin: 40px 0 30px; }
.litter .columns  { background: url('./images/x.gif') center 80% no-repeat; }
.litter img { border: 1px solid #E9E0C8; }
.litter h1  { text-align: center; margin: 0 0 .75em; }
.litter h1 img  { border: none; }
.litter h2  { margin-bottom: 15px; }
.litter h2.date  { color: #E9E0C8; text-align: center; font-size: 1.9em; margin: .5em 0;  }
.litter .col1  { width: 290px; float: left; text-align: center; }
.litter .col2  { width: 290px; float: right; text-align: center; }

.list ul              { list-style: square inside; color: #E9E0C8; }
.list li span         { color: #E9E9E9; font-size: .81em; font-style: italic; }
.list li span a       { color: #E9E9E9; }

.puppies .col1  { width: 270px; float: left; margin-left: 10px; } 
.puppies .col2  { width: 270px; float: right; margin-right: 10px; }
.puppies li .img  { margin: 5px 12px 10px; }
.puppies li .img img  { border: 1px solid #E9E0C8; }

.ours ul { list-style: none; margin: .5em 0; }
.ours li { padding-left: 18px; min-height: 15px; margin: 0 0 .5em 0; }
.ours li.bitch { background: url('./images/ico-female.gif') no-repeat left center; }
.ours li.boy   { background: url('./images/ico-male.gif') no-repeat left center;   }
.ours li span { color: #E9E9E9; font-size: 81%; font-style: italic; padding-left: .5em; }
.ours li span a       { color: #E9E9E9; vertical-align: bottom; }
.ours li span a img   { border: none;  }

.champions .bitches,
.ours .death  { margin-top: 25px; padding-top: 15px; }

.fotobox h3    { margin-bottom: .75em; }
.fotobox .item { float: left; margin: 0 10px 10px 0;}
.fotobox .item a:hover img { border-color: #E9C975; }

.links ul { list-style: none; margin: .5em 0 1em; }
.links li { padding-left: 10px; min-height: 15px; margin: 0 0 .5em 0; background: url('./images/li.gif') no-repeat left center; }
.links li span { color: #E9E9E9; font-size: 81%; font-style: italic; padding-left: .5em; }
.links li span a       { color: #E9E9E9; vertical-align: bottom; }
.links li span a img   { border: none;  }


#welcome {  }
#welcome #page { background-position: center top; }
#welcome #clickin h1 { width: 463px; height: 370px; text-align: center; margin: 0 auto; overflow: hidden; position: relative; top: 45px; }
#welcome #clickin h1 a { color: #161F37; }
#welcome #clickin h1 a.over { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('./images/welcome.jpg') 0 0 no-repeat; }

#pictures .item   { margin-bottom: 1em; }