/* CSS Document */
.cleaner{clear:both;}
body {
margin: 0;
padding: 0;
text-align: center;
background: white url("../img/background.jpg") repeat-x  0 0;
font : 100% Arial, sans-serif;
}

#obal
{
width: 950px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.header
{
height: 199px;
width: 950px;
background: white url("../img/header-bg.jpg") repeat-x  0 0;
}
.menu
{
height: 199px;
width: 548px;
float:left;
color: #313131;
font-size: 170%;
}
.menu .odsazeni
{
padding-left: 15px;
padding-right: 15px;
}

h1
{
display: inline;
color: #313131;
font-size: 100%;}

.menu h1
{
display: inline;
color: #313131;
font-size: 100%;
}
.menu h1 span
{
font-weight: normal;
}
.menu .logo
{
margin-top: 50px;
margin-left: 15px;
padding-bottom: 20px;
}
.menu .logo img
{
border: 0px;
}

 .menu ul
{
padding: 0px;
margin: 0px;
margin-top: 30px;
list-style-type :none;
}

 .menu li
{
line-height: 27px;
float: left;
font-size: 60%;
}

 .menu li a
{
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color: white;
font-size: 80%;
}
 .menu .line
{
height: 42px;
margin-top: 1px;
width: 2px;
background: url("../img/menu-line.jpg") no-repeat  0 0;
}

 .menu li a:hover, .menu .active a
{
color: #704a07;
}

.menu-obr
{
height: 199px;
width: 211px;
float:left;
background: white url("../img/menu-obr.jpg") no-repeat  0 0;
}
.menu-kosik
{
margin-top: 23px;
margin-left: 10px;
height: 199px;
width: 181px;
float:left;
}
.menu-kosik p a
{
font-size: 80%;
color: #f9b215;
text-decoration: none;
font-weight: bold;
}
.menu-kosik p a img
{
margin-left: 58px;
border: 0px;
}
.menu-kosik .small
{
color: #636363;
font-size: 70%;
font-weight: normal;
line-height: 8px;
}
.menu-kosik .small .white
{
color: white;
}
.menu-kosik .button
{
margin-top: 25px;
border: 0px;
}
.search-box
{
width: 950px;
height: 60px;
background: white url("../img/search-box.jpg") no-repeat  1px 0;
}
.search-box2
{
width: 950px;
height: 50px;
background: white url("../img/search-box2.jpg") no-repeat  1px 0;
}
 .search
{
color: white;
font-size: 80%;
padding-left: 15px;
width: 880px;
height: 30px;
background: url("../img/search-bg.jpg") no-repeat  0 0;
}

 .form
{
display: inline;
}

 .search a, .search-box .search a:hover
{
color: white;
text-decoration: none;
}
.search-bar
{
background: url("../img/searchbar.jpg") no-repeat  bottom right;
border: 0px;
height: 18px;
margin-top: -15px;
color: white;
float: left;
padding-left: 5px;
padding-right: 5px;
}

.search-button
{
margin-top: -18px;
border: 0px;
background: url("../img/button.jpg") no-repeat  top left;
height: 25px;
width: 88px;
margin-left: 10px;
cursor: pointer; cursor: hand;
float: left;

}
.mainWrapper
{
width: 950px;
overflow: hidden;
}
.drob-nav
{
background: url("../img/drob-nav-bg.jpg") repeat-x  top left;
height: 34px;
margin-bottom: 10px;
}
.drob-nav ul
{
margin-top: 0px;
list-style-type :none;
padding-top: 10px;
padding-left: 0;
margin-left: 0;
}

.drob-nav ul li
{
float:left;

padding-left: 10px;
color: #454545;
font-size: 75%;
font-weight: bold;
}

.drob-nav ul li a
{
text-decoration: none;
font-weight: normal;
}
.drob-nav ul li .nonfocus
{
color: #d4d3d3;
padding-right: 25px;
background: url("../img/sipka.gif") no-repeat  center right;
}

.drob-nav ul li .focus
{
color: #d4d3d3;
}
.mainWrapper .main-shop
{
width: 663px;
padding-left: 25px;
float: left;
}
.mainWrapper .main-shop h2
{
border-left: #ececec solid 20px;
border-bottom: #d8d9da solid 1px;
line-height: 60px;
margin-top: 0px;
font-size: 130%;
color: #faad22;
padding-left: 20px;
}
.mainWrapper .main
{
width: 600px;
padding: 25px;
background: white url("../img/main-back.jpg") no-repeat  0 0;
float: left;
}

#none
{
background: none;
}

.mainWrapper .main .cislovany
{
padding-top: 0px;
padding-left: 225px;
}
.mainWrapper .main h2
{
font-weight: normal;
font-size: 170%;
color: #bb3728;
}
.mainWrapper .main h3
{
width: 500px;
padding-bottom: 10px;
font-weight: normal;
border-bottom: #dadada solid 1px;
color: #bb3728;
float: left;
}
.mainWrapper .main a
{
float: left;
padding-top: 28px;
padding-bottom: 10px;
border-bottom: #dadada solid 1px;
color: #2896b7;
font-size: 70%;
}
.mainWrapper .main h4
{
font-weight: normal;

color: #bb3728;
}
.mainWrapper .main .cislovany span
{
padding: 10px;
display:block;
float: left;
background: white url("../img/odrazka.jpg") no-repeat  2px 6px;
color: white;
font-weight: bold;
font-size: 120%;
}
.mainWrapper .main .cislovany p
{
font-size: 75%;
color: #636363;
}

.mainWrapper .main .normalni p
{
font-size: 75%;
color: #636363;
}
.mainWrapper .main .normalni p  strong
{
font-size: 100%;
color: #acacac;
}

.mainWrapper .vlevo
{
width: 600px;
}
.mainWrapper .vlevo .image
{
 width: 300px;
 float: left;
}
.mainWrapper .vlevo .text
{
width: 300px;
 float: left;

}
.mainWrapper .vlevo .text p
 {
  font-size: 75%;
color: #636363;
 }
.mainWrapper .menu-right
{
width: 275px;
padding-left: 25px;
padding-top: 25px;
float: left;
}

.mainWrapper .menu-right .bl
{
padding-left: 30px;
padding-top: 3px;
width: 398px;
height: 110px;
background: #060606 url("../img/menu-bl-bg.jpg") no-repeat  0 0;
font-weight: bold;
}
.mainWrapper .menu-right .bl .white
{
color: white;
font-size: 130%;
line-height: 10px;
}
.mainWrapper .menu-right .bl .grey
{
color: #636363;
line-height: 10px;
font-size: 90%;
}

.mainWrapper .menu-right .bl .grey a
{
color: #636363;

}

.mainWrapper .menu-right h3
{
width: 200px;
padding-bottom: 10px;
border-bottom: #dadada solid 1px;
color: #484848;
float: left;
}
.mainWrapper .menu-right .odkaz
{
float: left;
padding-top: 28px;
padding-bottom: 10px;
border-bottom: #dadada solid 1px;
color: #2896b7;
font-size: 70%;
}

.aktualita
{
width: 275px;
}
.aktualita .obrazek
{
width: 70px;
float: left;
}
.aktualita .obrazek img
{
border: #dadada solid 1px;
}
.aktualita .text
{
float: left
width: 205px;
}
.aktualita .text .nadpis
{
color: #bb3728;
font-size: 80%;
font-weight: bold;
line-height: 5px;
}
.aktualita .text .datum
{
color: #8f8f8f;
font-size: 70%;
line-height: 5px;
}
.aktualita .text .text
{
color: #636363;
font-size: 80%;
}
.info
{
width: 230px;
background: #e0dfdf url("../img/info-bg.jpg") no-repeat  left top;
padding: 15px;
padding-left: 30px;
margin-bottom: 10px;
}
.info p
{
font-size: 150%;
line-height: 5px;
color: #484848;
}
.info .button
{
margin: 10px;
border: 0px;
}
.info ul
{
padding: 0px;
margin: 0px;
list-style-type :none;
}
.info ul li
{
background: url("../img/sipka.jpg") no-repeat  0 4px;
margin-left: 10px;
font-size: 80%;
padding-left: 15px;
color: #636363;
line-height: 20px;
}
.info a
{
color: #bb3728;
}
.mainWrapper .menu-left
{
width: 236px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
margin-bottom: 20px;
float: left;
background: #dcdcdc url("../img/left-menu-bg.jpg") repeat-x  left top;
}
.menu-left .nadpis
{
color: #a1a1a1;
font-size: 90%;
padding-left: 10px;
line-height: 45px;
}
.menu-left ul
{
padding: 0px;
margin: 0px;
list-style-type :none;
}
.menu-left a
{
text-decoration:none;
}
.menu-left ul li
{
background: url("../img/sipka1-1.jpg") no-repeat  2px 13px;
font-size: 80%;
padding-left: 15px;
line-height: 30px;
color: #636363;
border-top: white solid 1px;
border-bottom: #d4d4d4 solid 1px;
}
.menu-left ul li:hover, .menu-left ul .active
{
background: #3e3e3e url("../img/sipka1-2.jpg") no-repeat  2px 13px;
color: #fab723;
font-weight:bold;
border-top: white solid 1px;
border-bottom: #d4d4d4 solid 1px;
}

.menu-left ul li:hover a, .menu-left ul .active a
{
color: #fab723;
}
.menu-left ul li a
{
color: #5f5f5f;
display: block;
}
.menu-left ul ul li
{
background: #a4a4a4 url("../img/sipka2-1.jpg") no-repeat  35px 13px;
font-size: 80%;
padding-left: 50px;
color: #636363;
line-height: 30px;
border-top: #b4b4b4 solid 1px;
border-bottom: #979797 solid 1px;
}
.menu-left ul ul li a
{
color: white;
display: block;
}

.menu-left ul ul li:hover, .menu-left ul ul .active
{
background: #868889 url("../img/sipka2-2.jpg") no-repeat  35px 13px;
border-top: #b4b4b4 solid 1px;
border-bottom: #979797 solid 1px;
font-weight: normal;
}
.menu-left ul ul li:hover a, .menu-left ul ul .active a
{
color: white;
}
.produkt-1
{
width: 210px;
height: 325px;
border-bottom: #d8d9da solid 1px;
border-right: #d8d9da solid 1px;
float: left;
padding: 5px;
}
.main-shop img { border: 0px;}
.produkt-menu{
margin-top: 10px;
background-color: #ececec;
height: 41px;
padding: 3px;
}
.produkt-menu img{
float:left;
padding-right: 3px;
}
.produkt-menu span{
padding-left: 30px;
display: block;
float:left;
line-height: 40px;
color: #61696d;
font-weight: bold;
}
.produkt-menu-detail{
width: 225px;
margin-top: 5px;
background-color: #ececec;
height: 41px;
padding: 3px;
}
.produkt-menu-detail img{
float:left;
padding-right: 3px;
}
.produkt-menu-detail span{
width: 172px;
padding-left: 10px;
display: block;
float:left;
line-height: 40px;
color: #61696d;
font-weight: bold;
}
.produkt-1 h3
{
color: #2896b7;
margin: 0px;
font-size: 80%;
}
.produkt-2
{
width: 210px;
height: 325px;
border-bottom: #d8d9da solid 1px;
float: left;
padding: 5px;
}
.produkt-2 h3
{
color: #2896b7;
margin: 0px;
font-size: 80%;
}
.produkt-3
{
width: 210px;
height: 325px;
border-bottom: #d8d9da solid 1px;
border-left: #d8d9da solid 1px;
float: left;
padding: 5px;
}
.produkt-3 h3
{
color: #2896b7;
margin: 0px;
font-size: 80%;
}
.strankovani
{
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
font-size: 75%;
color: #c2c2c2;
}

.strankovani  a
{
text-decoration: none;
color: #5e6357;
}

.strankovani  .active
{
text-decoration: underline;
color: #66b4cc;
}
.detail-nahled
{
width:290px;
float: left;
}
.detail-text
{
width: 300px;
float: left;
}
.detail-text select
{
margin-top: 10px;
width: 230px;
background-color: #f8f8f8;
border: #e3e3e3 solid 1px;
color: #4c9eb7;
}

.detail-text  h3
{
color: #5c6163;
margin-top: 20px;
font-size: 90%;
}
.detail-text p
{
color: #8e9395;
font-size: 80%;
}
.detail-text .small
{
color: #aeafb0;
font-size: 80%;
}
.footer
{
padding-left: 20px;
font-size: 70%;
color: #464545;
background: #191919 url("../img/logo-small.jpg") no-repeat  right top;
line-height: 30px;
margin-bottom: 20px;
}
.footer a
{
text-decoration: none;
color: #464545;
}

p {
  font-size: 12px;}
  
div.main p a.normalni {
  position: relative;
  float: none;
  font-size: 12px;
  border: 0px;
  margin: 0px;
  padding: 0px;}


 ul.partneri li a {
  border: 0;
  color: black;
  font-size: px;
  padding: 0px;
  margin: 0px;
}

.main .maincontent {
  font-size: 90%;
}
.main .maincontent a {
  float: none;
  border: none;
  font-size: 90%;
}
