/* CSS Document */

img, p, span, ul, li, h1, h2, h3, h4, h5, div, hr, form, fieldset, table, tr, td {
  margin:0px;
  padding:0px;
  border:0px;
}

.hide {
  display:none;
}

h2 {
  font-size:150%;
  padding-top:20px;
  padding-bottom:10px;
}

h3 {
  font-size:130%;
  padding-top:10px;
  padding-bottom:0px;
}

h4 {
  font-size:100%;
  padding-top:5px;
  padding-bottom:0px;
}

p {
  padding-top:5px;
  padding-bottom:5px;
}

a {
  color:#7a2601;
  text-decoration:underline;
}

a:hover {
  color:#ffffff;
  text-decoration:none;
}

table {
  border-collapse:collapse;
}

td {
  vertical-align:top;
}

body {
  margin:0px;
  padding:0px;
  text-align:center;
  font-family:Verdana, Tahoma, Arial, Helvetica;
  font-size:83%;
  background-image:url('../img/body-bg.gif');
  background-position:top center;
  background-repeat:repeat-x;
}

/* header */

#header {
  position:relative;
  top:0px;
  left:0px;
  width:770px;
  height:187px;
  background-image:url('../img/header-bg-new.jpg');
  background-position:left top;
  background-repeat:no-repeat;
  margin:auto;
  z-index:100;
}

  #header a {
    text-decoration:none;
  }

#logo {
  position:absolute;
  top:13px;
  left:584px;
}

#header h4 {
  position:absolute;
  top:-9px;
  left:10px;
  color:#999999;
  font-size:9pt;
  background-color:#ffffff;
  padding-top:0px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:0px;
}

/* header - language */

#language {
  position:absolute;
  top:25px;
  left:350px;
  width:190px;
  height:38px;
  text-align:left;
  border:1px dashed #999999;
  padding-left:15px;
  padding-top:7px;
}

#language ul {
  display:inline;
  font-size:7pt;
}

#language li {
  display:inline;
  list-style-type:none;
  margin-right:5px;
}

.cz a {
  padding:5px 0px 5px 35px;
  background-image:url('../img/flag-cz-0.gif');
  background-position:left center;
  background-repeat:no-repeat;
  line-height:30px;
  color:#999999;
}

.cz a:hover {
  background-image:url('../img/flag-cz-1.gif');
  color:#000000;
  cursor:pointer;
}

.en a {
  padding:5px 0px 5px 35px;
  background-image:url('../img/flag-uk-0.gif');
  background-position:left center;
  background-repeat:no-repeat;
  line-height:30px;
  color:#999999;
}

.en a:hover {
  background-image:url('../img/flag-uk-1.gif');
  color:#000000;
  cursor:pointer;
}

.de a {
  padding:5px 0px 5px 30px;
  background-image:url('../img/flag-de-0.gif');
  background-position:left center;
  background-repeat:no-repeat;
  line-height:30px;
  color:#999999;
}

.de a:hover {
  background-image:url('../img/flag-de-1.gif');
  color:#000000;
  cursor:pointer;
}

/* header - tip */

#search {
  position:absolute;
  top:90px;
  left:350px;
  width:185px;
  font-size:7pt;
  text-align:left;
  border:1px dashed #999999;
  padding:10px;
}

#search input {
  display:inline;
}

.search-input {
  font-size:100%;
}

#search p {
  margin:0px !important;
  padding:2px 0px 2px 0px !important;
}

/* reklamni bloky */

#reklama-google {
  position:absolute;
  top:225px;
  right:-138px;
  width:120px;
}

#reklama-mala {
  position:absolute;
  top:218px;
  right:-138px;
  width:120px;
  height:240px;
  font-size:7pt;
  text-align:left;
  border:1px solid #7A2601;
  background-color:#ffffff;
}

  #reklama-mala p {
    margin:0px !important;
    padding:5px;
  }
  
  #reklama-mala p a:hover {
    color:#7a2601;
    text-decoration:underline;
  }
  
#reklama-stredni {
  position:absolute;
  top:218px;
  right:-138px;
  width:120px;
  height:600px;
  font-size:7pt;
  text-align:left;
  border:1px solid #7A2601;
  background-color:#ffffff;
}

#reklama-add {
  position:absolute;
  left:0px;
  bottom:-40px;
  font-size:7pt;
  text-align:left;
  color:#000000;
}

#reklama-add a {
  color:#000000;
}

#reklama-add a:hover {
  color:#000000;
  text-decoration:underline;
}

/* menu main */

#main-menu {
  position:relative;
  top:0px;
  left:0px;
  width:770px;
  height:31px;
  background-image:url('../img/menu-bg-new.jpg');
  background-position:left top;
  background-repeat:no-repeat;
  margin:auto;
  z-index:110;
}

  #main-menu a {
    text-decoration:none;
  }

#main-menu ul {
  position:absolute;
  top:0px;
  right:0px;
  width:538px;
  height:31px;
  overflow:hidden;
}

ul.menu-en {
  width:346px !important;
}

#main-menu li {
  font-size:9pt;
  color:#ffffff;
  font-weight:bold;
  list-style-type:none;
  margin-left:3px;
  line-height:32px;
}

.menuitem {
  float:left;
  width:92px;
  height:31px;
  background-image:url('../img/menuitem-hover-bg.gif');
  background-position:left top;
  background-repeat:no-repeat;
}

.menuitem a {
  display:block;
  width:92px;
  height:31px;
  text-decoration:none;
  color:#7a2601;
  background-image:url('../img/menuitem-bg.gif');
  background-position:left top;
  background-repeat:no-repeat;
}

.menuitem a:hover {
  color:#ffffff;
  background-image:url('../img/menuitem-hover-bg.gif');
  background-position:left top;
  background-repeat:no-repeat;
}

.menuitem-home {
  position:absolute;
  top:0px;
  right:0px;
  width:56px;
  height:31px;
  background-image:url('../img/menuitem-home-hover-bg.gif');
  background-position:left top;
  background-repeat:no-repeat;
}

.menuitem-home a {
  display:block;
  width:56px;
  height:31px;
  text-decoration:none;
  color:#7a2601;
  background-image:url('../img/menuitem-home-bg.gif');
  background-position:left top;
  background-repeat:no-repeat;
}

.menuitem-home a:hover {
  color:#ffffff;
  background-image:url('../img/menuitem-home-hover-bg.gif');
  background-position:left top;
  background-repeat:no-repeat;
}

/* menu katalog */

.katalog-menu {
  padding-top:10px;
  padding-bottom:10px;
}

  .katalog-menu a {
    text-decoration:none;
  }

.katalog-menu ul {
  position:relative;
  top:0px;
  left:0px;
  width:540px;
  height:85px;
}

.katalog-menu li {
  list-style-type:none;
  position:absolute;
  top:0px;
  width:90px;
  height:85px;
  font-size:9pt;
  text-align:left;
  font-weight:bold;
  background-position:top center;
  background-repeat:no-repeat;
}

.katalog-menu a {
  display:block;
  width:90px;
  height:85px;
  background-position:center top;
  background-repeat:no-repeat;
  cursor:pointer;
}

  .katalog-menu li a span {
    color:#7a2601;
  }
  
  .katalog-menu li a:hover span {
    color:#ffffff;
  }

  .katalog-menu li span {
    display:block;
    width:75px;
    height:30px;
    padding-top:55px;
    padding-left:15px;
    color:#ffffff;
  }

#skokovi-kone {
  left:0px;
  background-image:url('../img/skokovi-1.gif');
}

#skokovi-kone a {
  background-image:url('../img/skokovi-0.gif');
}

#skokovi-kone a:hover {
  background-image:url('../img/skokovi-1.gif');
}

#vsestrannost {
  left:95px;
  background-image:url('../img/vsestrannost-1.gif');
}

#vsestrannost a {
  background-image:url('../img/vsestrannost-0.gif');
}

#vsestrannost a:hover {
  background-image:url('../img/vsestrannost-1.gif');
}

#dresurni-kone {
  left:192px;
  background-image:url('../img/dresura-1.gif');
}

#dresurni-kone a {
  background-image:url('../img/dresura-0.gif');
}

#dresurni-kone a:hover {
  background-image:url('../img/dresura-1.gif');
}

#kone-pro-chov {
  left:450px;
  background-image:url('../img/chov-1.gif');
}

#kone-pro-chov a {
  background-image:url('../img/chov-0.gif');
}

#kone-pro-chov a:hover {
  background-image:url('../img/chov-1.gif');
}

#ponici {
  left:375px;
  background-image:url('../img/ponik-1.gif');
  background-position:20px 0px;
}

#ponici a {
  background-image:url('../img/ponik-0.gif');
  background-position:20px 0px;
}

#ponici a:hover {
  background-image:url('../img/ponik-1.gif');
  background-position:20px 0px;
}

#kone-pro-volny-cas {
  left:285px;
  background-image:url('../img/volny-1.gif');
}

#kone-pro-volny-cas a {
  background-image:url('../img/volny-0.gif');
}

#kone-pro-volny-cas a:hover {
  background-image:url('../img/volny-1.gif');
}

/* content */

#content {
  position:relative;
  top:0px;
  left:0px;
  width:770px;
  background-image:url('../img/content-bg.gif');
  background-position:center top;
  background-repeat:repeat-y;
  margin:auto;
  z-index:120;
}

.cleaner {
  clear:both;
  float:none;
  width:0px;
  height:0px;
  line-height:0px;
  font-size:0px;
}

/* left panel */

#panel-left {
  position:relative;
  top:0px;
  left:0px;
  width:148px;
  float:left;
  text-align:left;
  font-size:78%;
  color:#995000;
  background-image:url('../img/panel-left-bg-new.jpg');
  background-position:left top;
  background-repeat:no-repeat;
  padding-left:10px;
  padding-top:30px;
  padding-right:19px;
  padding-bottom:0px;
}

#panel-left h4 {
  position:absolute;
  top:-22px;
  left:10px;
  font-size:9pt;
  padding:0px;
  color:#7a2601;
}

#panel-left p {
  padding-top:5px;
  padding-bottom:5px;
}

/* footer */

#footer {
  position:relative;
  top:0px;
  left:0px;
  width:770px;
  height:25px;
  font-size:7pt;
  color:#b0b0b0;
  background-image:url('../img/footer-bg.gif');
  background-position:top;
  background-repeat:no-repeat;
  margin:auto;
  padding-top:18px;
}

#footer a {
  color:#b0b0b0;
  text-decoration:none;
}

#footer span {
  margin-left:230px;
}
