html, body {
  height: 100%;
}
body {
  background-color: #fff;
  color: #333;
  margin: 0em;
  padding: 2em;
  font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  font-size: 80%;
  line-height: 1.75em;
  behavior: url("/csshover.htc"); /* WinIE behavior call */
}

body#tmpbody {
  padding: 0em;
  padding-bottom: 1.5em;
  text-align: center;
  background: #0272AC url("./body.jpg") repeat-x;
}
body#tmpbody p {
}
body#tmpbody p.center {
  text-align: center;
}
body#tmpbody p.right {
  text-align: right;
}
body#tmpbody p.left {
  text-align: left;
}

hr {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  font-weight: bold;
}
h1 {
  margin-top: 0em;
  color: #003399;
}
h2 {
  font-size: 150%;
  margin-top: 0em;
  margin-bottom: .5em;
  color: #AC5402;
}
h2 small {
  font-size: 80%;
  color: #888;
}
h3 {
  font-size: 120%;
  margin-top: 1.5em;
  margin-bottom: .25em;
  color: #0C50A4;
}
h4 {
  font-size: 100%;
  margin-top: .75em;
  margin-bottom: .25em;
  color: #002255;
}
h5 {
  font-size: 100%;
  margin-top: 1.5em;
  margin-bottom: .25em;
  color: #555;
}
h6 {
  font-size: 100%;
  margin-top: 1.5em;
  margin-bottom: .25em;
  color: #808080;
}

a {
  color: #003399;
  font-weight: normal;
  text-decoration: underline;
  font-size: 100%;
}
a:hover {
  text-decoration: none;
  color: #800000;
}
a:visited {
  color: #001155;
}
a:hover img {
  filter: alpha(opacity=80);
  -moz-opacity: .80;
  -khtml-opacity: .80;
  opacity: .80;
}

img {
  /*border: 3px solid #BCD4E6;*/
  border: none;
  border: 1px solid #BCD4E6;
}
img.ico {
  border: none;
}

big {
  font-size: 125%;
}

p {
  font-size: 100%;
  margin-top: .25em;
  margin-bottom: 1.5em;
}
ul {
  margin: 0em;
  padding: 0em;
  padding-left: .25em;
  margin-bottom: 1.5em;
  margin-top: .5em;
  list-style-type: none;
  line-height: 1.5em;
  text-align: left;
}
ol {
  margin: 0em;
  padding: 0em;
  margin-left: 2em;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
}
ul li {
  margin-left: 0px;
  padding-left: 14px;
  background-image: url("./li.gif");
  background-repeat: no-repeat;
  background-position: 0% .6em;
  margin-bottom: .4em;
}
ol li {
  margin: 0em;
  padding: 0em;
  margin-left: 0px;
  padding-left: .5px;
  margin-bottom: .5em;
}
form {
  margin-top: 2em;
  margin-bottom: 4em;
}
input, select, textarea {
  font-family      : Verdana, sans-serif;
  font-size        : 100%;
}
fieldset {
  margin-bottom: 1.5em;
  margin-top: 1.5em;
  padding: .5em 2em;
  padding-bottom: 1.5em;
}
label {
  float : left;
  width: 25%;
  text-align: left;
  margin-right: 1em;
  clear: both;
  margin-top: 0em;
}
legend {
  padding: 0.2em 0.5em;
  font-size : 110%;
  font-weight: bold;
  color: #000;
}
table {
  text-align: left;
  font-size: 100%;
  border-collapse: collapse;
  margin-top: 1.5em;
  margin-bottom: 2em;
  background-color: #eaf4fc;
  color: #000;
}
caption {
  font-size: 110%;
  margin-top: 1em;
  padding-bottom: .5em;
  color: #0C50A4;
  font-weight: bold;
  text-align: left;
}
th {
  padding: .2em .6em;
  text-align: left;
  background-color: #BCD4E6;
  color: #002255;
}
tr:hover {
  background-color: #CDE4F8;
  color: #000;
}
td {
  padding: .2em .6em;
  text-align : left;
  border: 1px solid #BCD4E6;
}
tfoot td {
  font-style: italic;
}

#page {
  margin: 0em;
  padding: 0em;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  background: #fff url("./body_bg.jpg") repeat-y;
}
#pagein {
  position: relative;
  background: url("./bottom-bg.png") no-repeat left bottom;
  width: 800px;
  margin: 0em;
}

#top {
  background: #8E0000 url("./top.jpg") no-repeat left bottom;
  color: #fff;
  height: 300px;
  width: 800px;
}

#logo a {
  display: block;
  width: 409px;
  height: 109px;
  position: absolute;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  z-index: 2;
  top: 73px;
  left: 40px;
  color: #fff;
}
#logo span {
  display: block;
  width: 409px;
  height: 109px;
  position: absolute;
  z-index: 3;
  top: 0px;
  left: 0px;
  background: url("./logo.png") no-repeat;
  cursor: pointer;
  cursor: hand;
}
h1#logo {
  font-size: 100%;
  line-height: 1em;
  margin: 0em;
}

#header {
  width: 800px;
  height: 54px;
  position: absolute;
  overflow: hidden;
  top: 0px;
  left: 0px;
  line-height: 1.2em;
}
#header span {
  width: 800px;
  height: 54px;
  display: block;
  position: absolute;
  z-index: 3;
  top: 0px;
  left: 0px;
  background: url("./top-header.jpg") no-repeat;
}

#content {
  float: left;
  width: 800px;
  padding-bottom: 70px;
}
#contentin {
  background: url("./content.jpg") no-repeat;
  padding: 0px 40px;
  min-height: 450px;
  height: auto;
  _height: 450px;
}

#main {
  float: left;
  height: 100%; /* IE bug */   
}
#mainin {
  margin: 0em;
}
/* \*/
* html #mainin {
 	/* IE bug kvůli italic písmu !!! */
	overflow: hidden;
	o\verflow: visible;
	overflow: auto;
	/*w\idth: auto;*/
	/*he\ight: 1%;*/
}
/* */

#mainin div.imgcaption {
  font-size: 100%;
  font-weight: normal;
  text-align: center;
  margin-top: .5em;
  margin-bottom: 0em;
  padding-bottom: .5em;
  line-height: 0em;
}

#left {
  /*width: 414px;*/
  width: 384px;
  float: left;
}
#left .inner {
  /*padding-right: 30px;*/
  padding-right: 0px;
  text-align: left;
}
#right {
  float: right;
  width: 306px;
}


#navigation {
}
#navigationin {
  width: 163px;
  height: 200px;
  margin: 0em;
  position: absolute;
  top: 70px;
  left: 454px;
  overflow: auto;
  z-index: 15;
}
#navigation ul {
  margin: 0em;
  padding: 0em;
  overflow: hidden;
}
#navigation ul.menu {
}
#navigation li {
  background: url("./menu-delic.png") no-repeat left bottom;
}
#navigation ul.menu li {
  margin: 0px;
  padding: 0px;
  width: 100%;
}
#navigation ul.submenu li {
  padding: 0px;
  padding-left: 15px;
}
#navigation a {
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
}
#navigation ul.menu li a {
  text-decoration: none;
  width: 100%;
  display: block;
  padding: .1em 13px;
  padding-right: 3px;
  line-height: 1.5em;
  font-size: 100%;
}
#navigation ul.submenu li a {
  background-repeat: no-repeat;
  background-position: 8px 50%;
  font-size: 90%;
  text-transform: none;
}
#navigation h2 {
  display: none;
}
#navigation ul.menu li a:hover, #navigation ul.submenu li a:hover {
  background: transparent url("./menu-hover.jpg") repeat-y;
  color: #FFDF00;
}
#navigation ul.menu li a.vybrany, #navigation ul.submenu li a.vybrany {
  background: transparent url("./menu-hover.jpg") repeat-y;
  color: #FFDF00;
}
#navigation .zvyraznit {
  font-style: italic;
  font-weight: bold;
}


#bottom {
  display: none;
  background: url("./kocka.jpg") no-repeat;
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 180px;
  height: 180px;
  margin: 0em;
  padding: 0em;
  overflow: hidden;
  z-index: 1;
}

#copyright {
  clear: both;
  color: #ddd;
  font-size: 90%;
  min-height: 100px;
  height: auto;
  _height: 100px;
}
#copyrightin {
  position: absolute;
  bottom: 28px;
  padding: 0em 40px;
}
#copyright a {
  color: #ddd;
  font-size: 100%;
  font-weight: normal;
}
#copyright strong a {
  font-weight: bold;
}
#copyright a:visited {
  color: #ccc;
}
#copyright p {
  margin: 0em;
  line-height: 1.5em;
}

#odkazy {
  font-size: 90%;
  font-weight: bold;
  color: #eee;
  width: 800px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
#odkazy div {
  padding-left: 40px;
}
#odkazy a {
  color: #eee;
  font-weight: normal;
}

#provoz, #pro-veterinare  {
  background-color: #EAF4FC;
  border: 3px solid #BCD4E6;
  padding: .5em .75em; 
  /*margin: 1px;*/
  margin-bottom: 1em;
}
#pro-veterinare {
  /*margin-top: 2.5em;*/
}
#provoz h3, #pro-veterinare h3 {
  margin: .25em 0em;
  font-size: 125%;
}
#provoz h4 {
  color: #9E1011;
  font-size: 110%;
  margin-bottom: 0em;
  margin-top: .25em;
}
#provoz p {
  margin: 0em;
}
#provoz .hodiny {
  margin-bottom: .5em;
}
#provoz label {
  font-weight: bold;
}
#pro-veterinare {
  background: #fef1f1 url("./pro-veterinare-bg.jpg") no-repeat right -1px;
  border-color: #F9B5B5;
  color: #500505;
}
#pro-veterinare h3 {
  color: #9E1011;
}

.vyhody {
  padding: .75em;
  border: 3px solid #e0e0e0;
  background-color: #fcfcfc;
  color: #333;
  margin-bottom: 1em;
}
.vyhody ul {
  margin-top: 0em;
  margin-bottom: 0em;
  line-height: 1.2em;
}

.hidden {
  display: none;
}
.number {
  color: #990000;
  font-weight: bold;
  font-size: 120%;
  white-space: nowrap;
  padding: 0em .25em;
}
.floatleft {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1em;
  clear: both;
}
.floatright {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1em;
  clear: both;
}
.foto {
  width: 302px;
  margin-bottom: 2em;
}
.foto .left img, .foto .right img {
  border: none;
  margin: 0em;
}
.foto ul {
  margin-top: 0em;
  margin-bottom: 0em;
  padding-top: .5em;
}
.foto .left {
  float: left;
  width: 157px;
  margin: 0em;
}
.foto .right {
  float: right;
  width: 145px;
  margin: 0em;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.jusify {
  text-align: justify;
}
.cleaner {
	clear: both;
	overflow: hidden;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0px;
	padding: 0px;
	background: transparent;
}
.error {
  color: #cc0000;
  border: 1px solid #ff0000;
  padding: .5em 1em;
  margin-top: 2em;
  margin-bottom: 2em;
}


.formular {
}
.formular form {
  margin: 0em;
}
.formular div {
  /*margin-top: .5em;*/
  margin: 0em;
  margin-bottom: 1.5em;
}
.formular input, .formular textarea {
}
.formular legend {
  text-transform: uppercase;
}
.formular input.button {
  width: auto;
}
.formular label {
  width: auto;
  float: none;
}

.importantbox {
  border: 1px solid #AAC9DF;
  border-left: none;
  border-right-width: 4px;
  margin-top: 2em;
}
.importantbox h3, .importantbox ul {
  margin: .5em 0em;
}

.info_box {
  background: #FEF1F1 url("./extjs-icon-info.gif") no-repeat 10px 50%;
  border: 1px solid #E6CACA;
  padding: .75em 1em .75em 50px;
  color: #000;
  margin: 1em 0em;
}

/* guestbook */
.prispevky {
}
.prispevky .prispevek {
  background-color: #F6F6F6;
  color: #000;
  border: 1px solid #E0E0E0;
  padding: .4em 1em;
  margin: .6em 0em;
}
div.prispevky div.prispevek:hover {
  background-color: #EAF4FC;
  color: #000;
  border-color: #BCD4E6;
}
.prispevky .prispevek .jmeno {
  font-weight: bold;
}
.prispevky .prispevek .datum {
  font-style: italic;
}
.prispevky .button {
  margin-bottom: 1.5em;
}
.prispevky .button a {
  background-color: #8E0000;
  color: #fff;
  padding: .25em .5em;
  border: 1px solid #5e0000;
}
.prispevky .prispevek .button {
  float: left;
  margin-right: .5em;
}
.prispevky .odpoved {
  margin-left: 2em;
  margin-top: .5em;
  background-color: #e9e9e9;
  padding: .5em 1em;
}

.navigation {
}
.navigation .pageslinks {
}
.navigation .pagenav {
  float: left;
  display: block;
  margin: 0px;
  margin-right: .4em;
  padding: 0px;
}
div.navigation a.button, div.navigation span.button {
  background-color: #094F73;
  color: #fff;
  padding: 0em .7em;
  margin: 0em;
  margin-right: .4em;
  margin-bottom: .4em;
}
.navigation .button:hover {
  background-color: #B10606;
  color: #fff;
}
.navigation .next, .navigation .previous {
  width: 24px;
  height: 24px;
  position: relative;
  display: block;
  overflow: hidden;
}
.navigation .next span, .navigation .previous span {
  display: block;
  width: 24px;
  height: 24px;
  background: url("./pagenav-right.jpg") no-repeat 0% 0%;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  cursor: pointer;
  _cursor: hand;
}
.navigation .previous span {
  background: url("./pagenav-left.jpg") no-repeat 0% 0%;
}
div.navigation span.next span, div.navigation span.previous span {
  background-position: 0% 100%;
  cursor: default;
}
div.navigation a.next span:hover, div.navigation a.previous span:hover {
  background-position: 0% 50%;
}
.navigation .pagescounter {
  clear: both;
}


.foto-kategorie {
  list-style-type: none;
  background: none;
  width: 220px;
  float: left;
}
.foto-kategorie a {
  width: 200px;
  height: 150px;
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 1px solid #BCD4E6;;
}
.foto-kategorie a span {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  width: 200px;
  height: 150px;
  cursor: pointer;
  _cursor: hand;
}
.kat1 a span {
  background: transparent url("./foto-kategorie-1.jpg") no-repeat;
}
.kat2 a span {
  background: transparent url("./foto-kategorie-2.jpg") no-repeat;
}
.kat3 a span {
  background: transparent url("./foto-kategorie-3.jpg") no-repeat;
}

.galleryimage {
  width: 175px;
  float: left;
}
#for_category_select {
  margin: 0em;
}
.foto-vyber-kategorie {
  /*background-color: #F6F6F6;
  color: #000;
  border: 1px solid #E0E0E0;
  padding: .75em 2em;*/
  margin: 0em;
  float: right;
}
.popis {
  background-color: #F6F6F6;
  color: #000;
  border: 1px solid #E0E0E0;
  padding: .5em .75em;
  margin: 1em 0em 1.5em 0em;
}
p.imageinfo {
  display: none;
}

.paging img {
  border: none;
}

/*********************************
 *
 *    CAPTCHA-Styles
 *
 */
    p.captcha_1,
    p.captcha_2,
    p.captcha_notvalid
    {
        margin-left: 30px;
        margin-right: 20px;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        background: transparent;
        color: #000000;
    }
    p.captcha_2
    {
        font-size: 10px%;
        font-style: italic;
        font-weight: normal;
    }
    p.captcha_notvalid
    {
        font-weight: bold;
        color: #FFAAAA;
    }

    .captchapict
    {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border-style: inset;
        border-width: 4px;
        border-color: #C0C0C0;
    }

    #captcha
    {
        margin-left: 30px;
        margin-right: 30px;
        border-style: dashed;
        border-width: 2px;
        border-color: #FFD940;
    }