p, h1, h2, h3, h4, h5, ul, ol, form {margin: 0; padding: 0;}
fieldset {margin: 0; padding: 0; border: none;}
ul {list-style: none;}
input, textarea {font-family: arial ce, arial, sans-serif;}
hr {border: none; border-bottom: 1px dashed #A5A5A5; height: 1px; padding: 0; display: block; margin: 15px 0 20px 0; _margin: 10px 0 15px 0; clear: both;}

.clr {clear: both; display: block; font-size: 1px; height: -1px;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.tac {text-align: center !important;}
.taj {text-align: justify !important;}
.imgl {float: left; _display: inline; margin-right: 10px;}
.imgr {float: right; _display: inline; margin-left: 10px;}
.nobrd {border: none !important;}
.nomarg {margin: 0 !important;}
.nopadd {padding: 0 !important;}
.fl {float: left;}
.fr {float: right;}

body {margin: 0; padding: 40px 0 20px 0; font-size: 70%; text-align: center; color: #707070; background: #f4f4f4; font-family: arial ce, arial, sans-serif;}
#site {margin: auto; width: 760px; text-align: left; background: #fff; border: 1px solid #D6D6D6; padding-top: 15px;}

/*****************************************/
#help {margin: 0 12px; position: relative; height: 40px; background: url(../images/layout/sml.gif) 510px 0 no-repeat;}
#help a {color: #4E4E4D; text-decoration: none}
#help a:hover {text-decoration: underline;}

#help a.en {padding-left: 25px; background: url(../images/layout/en.gif) 0 2px no-repeat }
#help a.cz {padding-left: 25px; background: url(../images/layout/cz.gif) 0 2px no-repeat }
#help p#lang {padding-top: 20px;}
#help p#chs {width: 183px; height: 35px; position: absolute; top: 3px; right: 0; overflow: hidden; color: #000;}
#help p#chs span {width: 183px; height: 35px; position: absolute; top: 0; right: 0; background: url(../images/layout/top-chs.gif) 0 0 no-repeat;}

#help p#br {width: 183px; height: 35px; position: absolute; top: 3px; right: 0; overflow: hidden; color: #000;}
#help p#br span {width: 183px; height: 35px; position: absolute; top: 0; right: 0; background: url(../images/layout/top-br.gif) 0 0 no-repeat;}

#top {min-height: 1px; _height: 1px; padding-top: 154px; position: relative; background: #E79640 url(../images/layout/top-bg.jpg) 0 0 no-repeat; margin: 0 12px; border-bottom: 1px solid #D6D6D6; margin-bottom: 30px;}
#top h1 {position: absolute; left: 16px; top: 18px; width: 338px; height: 120px; overflow: hidden; font-size: 200%; color: #000; text-align: center;}
#top h1 a {color: #000; cursor: pointer; cursor: hand; text-decoration: none;}
#top h1 span {position: absolute; width: 338px; height: 120px; top: 0; left: 0; background: url(../images/layout/bg-logo.jpg) 0 0 no-repeat;}

#top ul {background: #fff; padding-bottom: 7px;}
#top li {display: inline;}
#top li a {padding: 5px 11px 5px 17px; color: #4E4E4D; font-weight: bold; text-decoration: none; background: url(../images/layout/hmenu-lina.gif) 0 3px no-repeat;}
#top li.fst a {background: none;}
#top li a:hover {color: #F09D2C; /*text-decoration: underline;*/}

#left {width: 200px; float: left; padding: 0 3px 0 12px;}

/*nadpisy vlevo*/
#left h2 {width: 205px; height: 25px; position: relative; overflow: hidden; font-size: 120%;}
#left h2 span {width: 205px; height: 25px; position: absolute; top: 0; left: 0;}
#left h2 span.novinky {background: url(../images/layout/h2-novinky.gif) 0 0 no-repeat;}
#left h2 span.chs {background: url(../images/layout/h2-chs-sunset-dalmatian.gif) 0 0 no-repeat;}
#left h2 span.fotogalerie {background: url(../images/layout/h2-fotogalerie.gif) 0 0 no-repeat;}
#left h2 span.info {background: url(../images/layout/h2-dalmatin-info.gif) 0 0 no-repeat;}
#left h2 span.news {background: url(../images/layout/h2-news.gif) 0 0 no-repeat;}
#left h2 span.br {background: url(../images/layout/h2-sunset-dalmatian.gif) 0 0 no-repeat;}
#left h2 span.photogallery {background: url(../images/layout/h2-photogallery.gif) 0 0 no-repeat;}
#left h2 span.shows {background: url(../images/layout/h2-shows.gif) 0 0 no-repeat;}
/* nazvy hlavnich sekci pak zamenis a udelas si ty dalsi jen budes menit obrazek a tridu
#left h2 span.trida {background: url(../images/layout/h2-nazev-sekce.gif) 0 0 no-repeat;}*/

/*novinky*/
#left p {margin: 5px 0 15px 10px;}
#left p a {color: #F09D2C; }

#left p a.novinky {color: #FF0000; text-decoration: none; font-weight: bold; font-size: 15px; }
#left p a.novinky:hover {text-decoration: underline;}


/*menu*/
#left ul {margin: 5px 0 0 20px;}
#left ul ul {margin-top: 0;}
#left li a {color: #707070; display: block; _height: 1px; padding: 4px 0 4px 15px; text-decoration: none; border-top: 1px dashed #E6E6E6; background: #fff url(../images/layout/menu-odr.gif) 0 6px no-repeat; }
#left li a:hover {color: #F09D2C; background: #F9F9F9 url(../images/layout/menu-odr.gif) 0 6px no-repeat;}
/*#left li.fst a {border: 0;}*/

#left li a.rajce {color: #707070; display: block; _height: 1px; padding: 14px 0 4px 30px; text-decoration: none; border-top: 1px dashed #E6E6E6; background: #fff url(../images/layout/rajce.gif) 0 6px no-repeat; }
#left li a.rajce:hover {color: #F09D2C; background: #F9F9F9 url(../images/layout/rajce.gif) 0 6px no-repeat;}

#left li a.picasa {color: #707070; display: block; _height: 1px; padding: 14px 0 4px 30px; text-decoration: none; border-top: 1px dashed #E6E6E6; background: #fff url(../images/layout/picasa.gif) 0 6px no-repeat; }
#left li a.picasa:hover {color: #F09D2C; background: #F9F9F9 url(../images/layout/picasa.gif) 0 6px no-repeat;}

#left li a.kalendar {color: #707070; display: block; _height: 1px; padding: 11px 0 4px 65px; text-decoration: none; border-top: 1px dashed #E6E6E6; background: #fff url(../images/layout/kalendar.gif) 0 6px no-repeat; }
#left li a.kalendar:hover {color: #F09D2C; background: #F9F9F9 url(../images/layout/kalendar.gif) 0 6px no-repeat;}

#left li li a {font-weight: normal;}

/*homepage*/

/*obsah*/
#content {width: 466px; padding: 0 35px 0 32px; float: right; border-left: 1px solid #D6D6D6; margin-bottom: 20px; =margin-bottom: 0;}
#content a {color: #4E4E4D; text-decoration: none; font-weight: bold; }
#content a:hover {color: #F09D2C; text-decoration: underline; }

#content a.list {color: #707070; text-decoration: none; font-weight: normal; }
#content a.list:hover {color: #F09D2C; text-decoration: underline; }

#content a.pp {color: #707070; text-decoration: none; font-weight: normal; }
#content a.pp:hover {color: #F09D2C; text-decoration: underline;}

#content a.pupname {color: #F09D2C; font-size: 110%; text-align: justify; font-weight: bold; margin:10px}
#content a.pupname:hover {text-decoration: underline;}

#content h1 {color: #000; font-size: 130%; margin: 0 0 20px 0; text-align: center;}


#content h1.novinky {height: 63px; position: relative; overflow: hidden;}
#content h1.novinky span {width: 496px; height: 63px; position: absolute; left: 0; top: 0; background: url(../images/layout/h1-novinky.gif) 0 0 no-repeat;}
#content h1.bruno {height: 63px; position: relative; overflow: hidden;}
#content h1.bruno span {width: 496px; height: 63px; position: absolute; left: 0; top: 0; background: url(../images/layout/h1-bruno.gif) 0 0 no-repeat;}
#content h1.bozidar {height: 63px; position: relative; overflow: hidden;}
#content h1.bozidar span {width: 496px; height: 63px; position: absolute; left: 0; top: 0; background: url(../images/layout/h1-bozidar.gif) 0 0 no-repeat;}
#content h1.alegra {height: 63px; position: relative; overflow: hidden;}
#content h1.alegra span {width: 496px; height: 63px; position: absolute; left: 0; top: 0; background: url(../images/layout/h1-alegra.gif) 0 0 no-repeat;}
#content h1.betty {height: 63px; position: relative; overflow: hidden;}
#content h1.betty span {width: 496px; height: 63px; position: absolute; left: 0; top: 0; background: url(../images/layout/h1-betty.gif) 0 0 no-repeat;}
#content h1.ella {height: 63px; position: relative; overflow: hidden;}
#content h1.ella span {width: 496px; height: 63px; position: absolute; left: 0; top: 0; background: url(../images/layout/h1-ella.gif) 0 0 no-repeat;}
#content h1.meggie {height: 63px; position: relative; overflow: hidden;}
#content h1.meggie span {width: 496px; height: 63px; position: absolute; left: 0; top: 0; background: url(../images/layout/h1-meggie.gif) 0 0 no-repeat;}
#content h1.spookie {height: 63px; position: relative; overflow: hidden;}
#content h1.spookie span {width: 496px; height: 63px; position: absolute; left: 0; top: 0; background: url(../images/layout/h1-spookie.gif) 0 0 no-repeat;}
#content h1.james {height: 63px; position: relative; overflow: hidden;}
#content h1.james span {width: 496px; height: 63px; position: absolute; left: 0; top: 0; background: url(../images/layout/h1-james.gif) 0 0 no-repeat;}
#content h1.baron {height: 63px; position: relative; overflow: hidden;}
#content h1.baron span {width: 496px; height: 40px; position: absolute; left: 0; top: 0; background: url(../images/layout/h1-baron.gif) 0 0 no-repeat;}


#content h2 {color: #F09D2C; font-size: 130%; margin: 1em 0 0.2em 0;}
#content h3 {font-size: 110%; margin: 1em 0 0.2em 0;}
#content p {margin: 0.5em 0 2em 0; line-height: 1.6em; text-align: justify;}

#content p.pupname {color: #F09D2C; font-size: 110%; text-align: justify; font-weight: bold;}
#content p.comment {margin: 0.5em 0 2em 0; line-height: 1.6em; text-align: justify; font-style: italic;}

/*vystavy*/
#content p.result {min-height: 50px; _height: 50px;}
#content p.result span.title {display: block; float: left; width: 80px; color: #E0924D;}
#content p.result span.dog {display: block; float: right; width: 386px; font-weight: normal;}
#content img {border: 1px solid #707070; padding: 4px;}

#content a.show {color: #707070; text-decoration: none; font-weight: normal; }
#content a.show:hover {color: #F09D2C; text-decoration: underline; }


/*ostatní*/
#content a.pdf {padding-left: 20px; background: url(../images/content/filetypes/pdf.gif) 0 0 no-repeat;}
#content a.doc {padding-left: 20px; background: url(../images/content/filetypes/doc.gif) 0 0 no-repeat;}
#content a.xls {padding-left: 20px; background: url(../images/content/filetypes/xls.gif) 0 0 no-repeat;}
#content a.zip {padding-left: 20px; background: url(../images/content/filetypes/zip.gif) 0 0 no-repeat;}
#content a.web {padding-left: 20px; background: url(../images/content/filetypes/html.gif) 0 0 no-repeat;}

#content ul {margin: 0.5em 0 2em 22px; list-style: square;}
#content ol {margin: 0.5em 0 2em 25px; =margin: 0.5em 0 2em 30px;}
#content ol ol, #content ul ol {margin: 0 0 0 27px;}
#content ol li {padding: 3px 0;}
#content ul ul, #content ol ul {margin: 0 0 0 27px;}
#content ul li {padding: 3px 0 3px 7px;}
#content ul ol li {padding: 3px 0; background: none;}

#content ul#sitemap, #content ul#sitemap ul {margin-left: 0;}
#content ul#sitemap li {font-weight: bold; background: none; padding-left: 3px;}
#content ul#sitemap li li {font-weight: normal; padding-left: 13px;}
#content ul#sitemap li li a {color: black;}
#content ul#sitemap li li li a {color: #426A10;}

/*tabulky*/
#content table.common {width: 100%; margin: 0.5em 0 2em 0; border: none; border-collapse: collapse;}
#content table.common thead {background: #d2d2d2 url(../images/layout/backgrounds/th-bg.jpg) 0 0 repeat-x;}
#content table.common thead th, #content table.common thead td {color: #707070; text-align: left; padding: 7px 10px; border: 1px solid #aaaaaa;}
#content table.common tbody th, #content table.common tbody td {color: #707070; text-align: left; padding: 5px 10px; border: 1px solid #dbdbdb;}
#content table.common tbody tr.tr1 td, #content table.common tbody tr.tr1 th {background: #fff;}
#content table.common tbody tr.tr2 td, #content table.common tbody tr.tr2 th {background: #eeeeee;}
#content table.common td {color: #707070; text-align: left; padding: 5px 10px; border: none;}

#content table.bez {width: 100%; margin: 0.5em 0 2em 0; border: none; border-collapse: collapse; }

#content table.narandz td {color: #F09D2C; font-size: 110%; text-align: left; padding: 5px 10px; border: none;}

/*footer*/
#footer {clear: both; border-top: 1px solid #D6D6D6;}
#footer a {color: #F09D2C;}
#footer p {position: relative; padding: 0 8px; height: 26px; line-height: 26px;}
#footer span.copyright {position: absolute; top: 0; right: 10px;}