/* Zakladne zobrazenie
======================================== */
* {
  padding: 0px;
  margin: 0px;
}
div {
  margin-right: auto;
  margin-left: auto;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 75%;
  background-color: #FFF;
  background-image: url(../images/back.png);
  background-repeat: repeat-x;
}
ul, ol, li {
  list-style-type: none;
}
h1, h2, h3, h4, h5 {
  line-height: normal;
}
input {
  font-family: Arial;
}
.cleaner {
  clear: both;
  font-size: 1px;
  height: 1px;
  line-height: 0.1;
  visibility: hidden;
  width: 100%;  
  height: 0%;
}
/* Odkazy - zaklad
======================================== */
a:link, a:visited {
  font-weight: normal;
  color: #b26502;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
/* Hlavne kontajnery
======================================== */
#wrapper {
  width: 960px;
}
#top {
  width: 960px;
  height: 61px;
}
#menu {
  width: 960px;
  height: 48px;
  background-image: url(../images/back-menu.png);
}
#info {
  width: 960px;
  height: 252px;
  background-image: url(../images/back-foto.png);
}
#main {
  width: 960px;
  min-height: 500px;
  background-color: #fff;
  background-image: url(../images/back-main.png);
  background-position: bottom;
  background-repeat: no-repeat;
}
#footer {
  width: 960px;
  height: 54px;
  background-color: #e0ded2;
}
#spodok {
  width: 100%;
  height: 123px;
  background-image: url(../images/spodok.png);
  background-repeat: no-repeat;
  background-position: center;
}

/* Vnorene kontajnery
======================================== */
.left {
  width: 238px;
  float: left;
  display: inline;
  min-height: 300px;
  margin: 4px 0 20px 4px;
}
.right {
  width: 714px;
  float: right;
  display: inline;
  min-height: 870px;
  _height: 870px;
  margin: 4px 0 10px 0;
}

/* banner-570x45
======================================== */
.banner-top {
  float: left;
  display: inline;
  width: 570px;
  text-align: center;
  font-weight: bold;
  color: #3B5DA7;
  height: 45px;
  line-height: 45px;
  margin: 10px 0 0 0;
}

/* slogan Kto skace nehneva..
======================================== */
.slogan {
  float: left;
  display: inline;
  width: 500px;
  font-family: Trebuchet MS;
  color: #29292A;
  font-size: 16px;
  font-weight: bold;
  text-indent: 20px;
  height: 47px;
  line-height: 47px;
}

/* slogan Kto skace nehneva..
======================================== */
.slogan_de {
  float: left;
  display: inline;
  width: 500px;
  font-family: Trebuchet MS;
  color: #29292A;
  font-size: 14px;
  font-weight: bold;
  text-indent: 20px;
  height: 47px;
  line-height: 47px;
}

/* panel s jazykmi
======================================== */
.lang {
  float: right;
  background-image: url(../images/back-lang-center.png);
  background-repeat: repeat-x;
  height: 30px;
  display: inline;
  font-size: 11px;
  margin: 16px 0 0 0px;
}
.lang-left {
  background-image: url(../images/back-lang.png);
  background-repeat: no-repeat;
  background-position: left;
  height: 30px;
  float: left;
  padding: 0 5px 0 30px;
}
.lang-left span {
  color: #fff;
  float: left;
  padding: 9px 13px 0 2px;
}
.lang-left img, .lang-left a img {
  margin: 0px 4px 0 4px;
  border: 0;
  float: left;
}
a.test, a.test:visited {
  text-decoration: none;
  color: #464646;
  float: left;
  display: block;
  padding-top: 9px;
}
a.test:hover {
  text-decoration: underline;
}
.lang-right {
  background-image: url(../images/back-lang-right.png);
  background-repeat: no-repeat;
  width: 6px;
  float: left;
  height:30px;
}

/* Logo
======================================== */
h1.logo {
  display: none;
}
.logo a {
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
  float: left;
  margin: 30px 0 0 20px;
  height: 193px;
  display: inline;
  width: 206px;
}

/* info text
======================================== */
.info-text {
  float: left;
  display: inline;
  width: 305px;
  height:210px;
  margin: 25px 0 0 35px;
}
.info-text h2 {
  font-size: 21px;
  color: #FFFF00;
  font-weight: normal;
  padding: 20px 0 0 0;
}
.info-text p {
  color: #FFF;
  line-height: 20px;
  padding: 7px 0 0 0;
}
img.ilust {
  float: right;
  display: inline;
  margin: 15px 0 0 0;
}

/* Horizontalne menu roztahovatelne
======================================== */
.menu {
  float:right;
  display:inline;
}
.menu ul {
  overflow:hidden;
}
.menu ul li {
  float:left;
  margin: 11px 10px 0px 10px;
}
.menu ul li span {
  display:block;
  float:left;
}
.menu ul li a, .menu ul li a:visited {
  display:block;
  font-family: Trebuchet MS;
  float:left;
  font-size:13px;
  height:37px;
  line-height:29px;
  padding:0px 20px 0px 20px;
  overflow:hidden;
  text-align:center;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
}
.menu ul li a:hover {
  text-decoration:none;
  color:#3B5DA7;
}
.menu ul li span.over  {
  background:url(../images/menu/topmenu-center.png) repeat-x 0 0;
}
.menu ul li span.over span {
  background:url(../images/menu/topmenu-left.png) no-repeat left 0;
}
.menu ul li span.over span a {
  background: url(../images/menu/topmenu-right.png) no-repeat right 0;
}


/* Lave menu
======================================== */
h3.katalog {
  height: 40px;
  line-height: 40px;
  text-indent: 15px;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  background-color: #B38836;
}
ul.menu-left {
  margin: 0px 0px 4px 0px;
}
ul.menu-left li {
  background-color: #E0DED2;
  display: block;
  line-height: 34px;
}
ul.menu-left li a,
ul.menu-left li a:visited {
  border-bottom: 1px solid #fff;
  text-decoration: none;
  font-size: 13px;
  display: block;
  color: #000000;
  margin:0px;
  padding: 0px;
  padding-left: 14px;
}
/* Hover + Activ menu   */
ul.menu-left li a:hover,
a#activ, a#activ :visited {
  background-color: #D3CCC1;
  background-image: url(../images/kengura.png);
  background-repeat: no-repeat;
  background-position: right;
}
/* SUBMENU   */
ul.left-menu ul {
  padding: 0 0 0 0;
  margin:0px;
}
ul.menu-left ul li a,
ul.menu-left ul li a:visited {
  font-size: 12px!important;
  padding-left:35px;
  border-bottom: 1px solid #a5a18c;
}

/* Banner 160x300
======================================== */
img.banner-left {
  width:160px;
  height:300px;
  margin: 20px 0 20px 37px;
}

/* Vyroba-Predaj-Prenajom
======================================== */
.slogan-2 {
  width:714px;
  height:41px;
  background-image: url(../images/back-slogan.png);
  line-height:41px;
  text-align:center;
  font-size: 20px;
  font-family: Trebuchet MS;
  color:#1A3984;
}

/* Reklamny panel
======================================== */
.produkty {
  width:714px;
  height:140px;
  margin: 1px 0 0 0;
  background-image: url(../images/back-reklama.png);
}
.produkt-vyber {
  width:347px;
  float:left;
  display:inline;
  margin: 1px 0 0 0;
}
.produkt-vyber img {
  margin: 13px 10px 10px 15px;
  float:left;
}
.produkt-vyber p {
  padding: 0px 5px 5px 5px;
  font-size:11px;
  line-height:16px;
}
.produkt-vyber h4,
.produkt-vyber h4  a, .produkt-vyber h4  a:visited {
  padding: 10px 0 10px 0;
  font-size:16px;
  font-weight:normal;
  font-family: Trebuchet MS;
  color:#111010;
}
.produkt-vyber h4  a:hover {
  text-decoration: none;
}

/* Hlavna cast Content
======================================== */
.content {
  width:714px;
  min-height:200px;
  margin: 1px 0 0 0;
  background-image: url(../images/back-content.png);
  background-repeat: repeat-x;
  line-height:18px;
}
.content-inside {
  padding:15px 15px 105px 15px;
}
.content-inside img {
  margin:15px;
}
.content-inside h2{
  color:#DC2B1B;
  font-size:21px;
  font-weight: normal;
  padding: 5px 0 5px 0;
}
p.nadpis-uvod{
  color:#DC2B1B;
  font-size:16px;
  text-align:center;
}
h3.nadpis-produkt{
  color:#DC2B1B;
  font-size:16px;
  font-weight:bold;
}
.content-inside li {
  padding-left:10px;
  color:#793d00;
  line-height:20px;
}
img.galeria {
  border: 1px solid #a5a18c;
  padding: 5px;
  margin: 5px;
}
img.galeria:hover {
  background-color: #e0ded2;
}

/* copy
======================================== */
.copy {
  float:left;
  line-height: 54px;
  display: inline;
  font-size: 11px;
  padding:0 0 0 20px;
  color: #2B292A;
}
.web {
  float:right;
  line-height: 54px;
  display: inline;
  font-size: 11px;
  padding:0 20px 0 0;
  color: #2B292A;
}

/* modul v lavo
======================================== */
.modul {
  padding: 10px 10px 15px 10px;
  background-color: #f0efe7;
}
h3.modul-nadpis {
  height: 40px;
  line-height: 40px;
  text-indent: 15px;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  background-color: #3c5ea8;
}