body {margin: 0; padding: 0; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: url(img/pozadi.gif) top repeat-x #2a4654;}

p {margin: 10px 0 10px 0;}
.justify {text-align: justify;}

/* tělo stránek */
#main {margin: 0 auto 0 auto; width: 888px; background: url(img/pozadi-main.gif) repeat-y; overflow: hidden;}
#top {width: 888px; height: 370px; background: url(img/top.jpg) 4px 0 no-repeat;}
#top-left {width: 11px; height: 73px; background: url(img/top-left.jpg) no-repeat; position: absolute; margin: 25px 0 0 -7px;}
#top-right {width: 12px; height: 70px; background: url(img/top-right.jpg) no-repeat; position: absolute; margin: 26px 0 0 884px;}
a#logo {width: 333px; height: 40px; background: url(img/logo.jpg) no-repeat; position: absolute; margin: 25px 0 0 43px;}
#left {width: 219px; float: left; margin: 15px 0 0 9px;}
#middle {width: 408px; float: left; margin: 37px 0 40px 15px;}
#middle2 {width: 600px; float: left; margin: 37px 0 40px 15px; line-height: 18px;}
#middle2 a {text-decoration: none; color: #f1d5ae; font-weight: bold;}
#middle2 a:hover {color: #faae89;}
#right {width: 198px; float: left; margin: 19px 0 0 17px;}
.right-blok {width: 182px; background: url(img/right-blok.jpg) no-repeat bottom; color: #e5e1d1; line-height: 17px; text-align: justify; padding: 0 8px 24px 8px; margin: 0 0 15px 0;}
.right-blok a {text-decoration: none; color: #f1d5ae; font-weight: bold;}
.right-blok a:hover {color: #faae89;}
#nadpis-nabidka {width: 214px; height: 68px; background: url(img/nadpis-nabidka.jpg) no-repeat; margin: 0 0 0 2px;}
#nadpis-kontakt {width: 214px; height: 68px; background: url(img/nadpis-kontakt.jpg) no-repeat; margin: 0 0 0 2px;}
#kontakt {width: 158px; height: 227px; background: url(img/pozadi-kontakt.jpg) no-repeat bottom; margin: 0 0 0 15px; padding: 10px 0 0 27px; color: #ffffff; font-size: 12px; line-height: 19px;}
#kontakt a {color: #f1d5ae; text-decoration: none;}
#kontakt a:hover {color: #a5b9c5;}
#kvitko {width: 48px; height: 50px; background: url(img/kvitko.jpg) no-repeat; margin: 31px 0 31px 87px;}
#bottom {width: 888px; height: 37px; background: url(img/bottom.jpg) no-repeat; clear: both; text-align: center;}
#bottom a {text-decoration: none; color: #71848d; top: 10px; position: relative; margin: 0 10px 0 0; padding: 0 0 0 10px;}
#bottom a:hover {color: #9eaeb5;}
.bottom-linka {width: 2px; height: 14px; background: url(img/bottom-linka.gif) no-repeat;}
#ikona-pes01 {width: 187px; height: 27px; background: url(img/ikona-pes01.jpg) no-repeat; color: #e7e7e7; padding: 20px 0 0 7px; font-weight: bold; margin: 0 0 0 2px;}
#ikona-pes02 {width: 187px; height: 27px; background: url(img/ikona-pes02.jpg) no-repeat; color: #e7e7e7; padding: 20px 0 0 7px; font-weight: bold; margin: 0 0 0 2px;}
#main #pocitadlo {margin: 0 0 0 60px;}
.hidden { visibility: hidden}
/* tělo stránek - konec */

/* topmenu */
#topmenu {width: 790px; height: 17px; position: absolute; margin: 353px 0 0 45px; text-align: right; letter-spacing: 1px;}
#topmenu a {font-size: 12px; color: #e7e7e7; font-weight: bold; text-decoration: none; margin: 0 0 0 20px; padding: 0 0 0 20px;}
#topmenu a:hover {color: #f1d5ae;}
.topmenu-linka {width: 2px; height: 17px; background: url(img/topmenu-linka.gif) no-repeat;}
/* topmenu - konec */

/* leftmenu */
#leftmenu {width: 180px; background: url(img/leftmenu.gif) repeat-x top #3d4e56; margin: 0 0 0 18px;}
#leftmenu-bottom {width: 184px; height: 16px; background: url(img/leftmenu-bottom.gif) no-repeat; margin: 0 0 25px 16px;}
#leftmenu a {font-size: 12px; color: #e7e7e7; text-decoration: none; display: block; padding: 13px 0 10px 0; _padding: 2px 0 10px 0; margin: 0 0 0 25px;}
#leftmenu a:hover {color: #f1d5ae;}
a.stopa-a {background: url(img/stopa.gif) no-repeat 106px center;}
a:hover.stopa-a {background: url(img/stopa-a.gif) no-repeat 106px center;}
.stopa-b {background: url(img/stopa.gif) no-repeat 126px center;}
a:hover.stopa-b {background: url(img/stopa-a.gif) no-repeat 126px center;}
#leftmenu div {width: 168px; height: 2px; background: url(img/leftmenu-linka.gif) no-repeat 17px 0;}
/* leftmenu - konec */

/* hlavni strana */
.datum {color: #97a5ac; font-size: 12px; float: right; margin: 0 10px 10px 0;} /* ie */
a.fotka img {border: 1px solid #000000; float: left; margin: 5px 13px 0 0;}
.text {color: #ffffff; clear: both; text-align: justify; line-height: 19px;}
.text a {color: #f1d5ae; text-decoration: none; font-weight: bold;}
.text a:hover {color: #faae89;}
a.pokracovani {color: #f1d5ae; font-weight: bold; text-decoration: none; float: right;}
a:hover.pokracovani {color: #c8e0ec;}
/* hlavni strana - konec */

/* hlavni strana - pary */
.pes-right {margin-right: 12px;}
.pes {width: 178px; border: 1px solid #344047; background: url(img/pary.gif) repeat-x top #5b6e79; padding: 14px 9px; float: left;}
.pes span {color: #ffffff; font-weight: bold;}
.pes img {border: 1px solid #000000; margin: 12px 0 8px 0;}
.fena-nadpis a {color: #f9bfaf; font-size: 12px; font-weight: bold; text-decoration: none; display: block;}
.fena-nadpis a:hover {color: #ec7e5f;}
.pes-nadpis a {color: #a8d5ec; font-size: 12px; font-weight: bold; text-decoration: none; display: block;}
.pes-nadpis a:hover {color: #67b4dc;}
a.pes-text  {font-size: 12px; color: #f1d5ae; text-decoration: none; display: block;}
a:hover.pes-text  {color: #faae89;}
/* hlavni strana - pary - konec */

/* planovane vrhy */
.plan-pes-left {margin-left: 9px; _margin-left: 5px;}
.plan-pes {width: 178px; border: 1px solid #344047; background: url(img/pary.gif) repeat-x top #5b6e79; padding: 14px 54px; float: left; margin-right: 6px;}
.plan-pes span {color: #ffffff; font-weight: bold;}
.plan-pes img {border: 1px solid #000000; margin: 12px 0 8px 0;}
.linka {background: url(img/middle2-h1.gif) bottom repeat-x; height: 20px;} /* ie */
/* planovane vrhy */

/* clanky */
.clanky {width: 480px; height: auto; margin: 10px 0 20px 0; overflow: hidden;} 
.clanky a {color: #f1d5ae; text-decoration: none; font-weight: normal;}
.clanky a:hover {color: #faae89;}
.clanky img {float: right; border: 1px solid #000000;}
.nadpis1 {color: #e4cf9c; font-size: 12px; font-weight: bold;}
.nadpis2 {color: #f3d5bd; font-size: 12px; font-weight: bold;}
.margin1 {margin: 0 0 0 -30px; color: #ffffff;}
/* clanky - konec */

/* typy */
#typy {width: 604px; height: 40px; clear: both; margin: 10px 0 0 0;}
#typy a {width: 200px; height: 28px; background: url(img/typy.jpg) no-repeat; margin: 0 1px 0 0; font-size: 12px; color: #cfdee7; text-decoration: none; float: left; padding: 12px 0 0 0; text-align: center;}
#typy a:hover {background-position: -200px 0; color: #f1d5ae;}
/* aktivní */
#typy a.current {background-position: -400px 0; color: #f1d5ae;} 
/* typy - konec */

/* psi */
.pes2 {width: 564px; border: 1px solid #344047; background: url(img/pary.gif) repeat-x top #5b6e79; padding: 14px 9px; overflow: hidden; margin: 12px 0 0 9px; _margin-left: 5px;}
.pes2 span {color: #ffffff;}
.pes2-fotka {margin: 12px 8px 8px 0; float: left;}
.pes2-fotka a {display: block;}
.pes2-fotka img {border: 1px solid #000000;}
.pes2-text {width: 356px; float: left; color: #ffffff; margin: 18px 0 0 0; line-height: 18px;}
.pes2-text span {color: #f3d5bd;}
.pes2-text a {color: #f1d5ae; text-decoration: none;}
.pes2-text a:hover {color: #faae89;}
a.detail {width: 60px; border: 1px solid #485963; color: #ffffff; float: right; text-align: center; text-decoration: none; margin: 6px 0 0 0;}
a:hover.detail {color: #faae89;}
a.rodokmen {font-size: 12px; font-weight: bold; color: #f3d5bd; margin: 3px 0 0 0; padding: 0 0 0 11px; text-decoration: none; background: url(img/sipky.gif) no-repeat left center;}
a:hover.rodokmen {color: #faae89;}
.text2 {margin: 20px 9px 12px 9px; position: relative; clear: both; line-height: 17px;}
.text2 a {color: #f1d5ae; text-decoration: none;}
.text2 a:hover {color: #faae89;}
/* psi - konec */


/* fotogalerie */
#middle .fotogalerie {width: 408px; margin: 20px 0 10px 0px; overflow: hidden;}
#middle .fotogalerie img {border: 1px solid #000000;}
#middle .fotogalerie-blok {background: #3c4e56; margin: 0 1px 1px 0; float: left; text-align: center; padding: 7px 7px 7px 8px; height: 87px; width: 120px;}
#middle2 .fotogalerie {width: 408px; margin: 20px 0 10px 84px; overflow: hidden;}
#middle2 .fotogalerie img {border: 1px solid #000000;}
#middle2 .fotogalerie-blok {background: #3c4e56; margin: 0 1px 1px 0; float: left; text-align: center; padding: 7px 7px 7px 8px; height: 87px; width: 120px;}
/* fotogalerie - konec */

/* strankovani */
.strankovani {xwidth: 100%; height: 18px; xborder: 1px solid yellow; margin: 0 auto 0 auto; /*margin-left: 38px;*/ top: 20px; overflow: hidden; /*clear: both;*/ position: relative;}
.strankovani div.content{width: 300px; height: 18px; margin: 0 auto 0 auto; text-align: center; xborder: 1px solid red; clear: both;}
.strankovani div.box{width: 140px; float: left; xborder: 1px solid white;}
.strankovani a {xfloat: left; color: #dedfe0; font-size: 12px; text-decoration: none; margin: 0 2px; padding-top: 0px;}
.strankovani a:hover {xfloat: left; color: #fcc92e;}
a.strankovani-left {float: left; width: 80px; height: 17px; background: url(img/predchozi.gif) no-repeat; float: left; position: relative; margin: 0 0px 0 0;}
a:hover.strankovani-left {background-position: -80px 0px;}
a.strankovani-right {float: left; width: 80px; height: 17px; background: url(img/dalsi.gif) no-repeat; float: left; position: relative; margin: 0 0 0 0px;}
a:hover.strankovani-right {background-position: -80px 0px;}
.mezera-10 {width: 10px; height: 1px; position: relative; float: left;}
.strankovani2 { margin-left: 120px;}
/* strankovani - konec */


/* ostatni */
.zluta {color: #fcf1b1;}
.clear {clear: both;}
.chovstanice img {border: 1px solid #000000; margin: 0 20px 0 0;}
.font-11 {font-size: 11px;}
/* ostatni - konec */


#middle h1 {font-weight: bold; font-size: 16px; color: #c1c1c1; line-height: 24px;}
#middle h2 {font-weight: bold; font-size: 14px; color: #f3d5bd; background: url(img/middle-h2.gif) repeat-x bottom; padding: 0 0 8px 0; margin-bottom: 8px;}
#middle h2 a {font-weight: bold; font-size: 14px; color: #f3d5bd; background: url(img/middle-h2.gif) repeat-x bottom; padding: 0 0 8px 0; margin-bottom: 8px; text-decoration: none;}
#middle h2 a:hover {color: #faae89;}
#middle2 h1 {font-weight: bold; font-size: 16px; color: #f3d5bd; line-height: 30px; margin-bottom: 4px; background: url(img/middle2-h1.gif) bottom repeat-x;}
#middle2 h2 {font-weight: bold; font-size: 14px; color: #f3d5bd; padding: 0 0 8px 0; margin-bottom: 8px;}
#middle2 h2 a {font-weight: bold; font-size: 14px; color: #f3d5bd; padding: 0 0 8px 0; margin-bottom: 8px; text-decoration: none;}
#middle2 h2 a:hover {color: #faae89;}