/* 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: #z;
font-size: 160%;
}
.menu .odsazeni
{
color: #535353;
padding-left: 10px;
padding-right: 10px;
}
.menu .nadpis
{
display: inline;
color: #535353;
font-size: 100%;
font-weight: bold;
}
.menu .nadpis span
{
font-size: 85%;
font-weight: normal;
}
.menu .logo
{
margin-top: 30px;
}
.menu .logo img
{
border: 0px;
}

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

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

 .menu li a
{
padding-left: 12px;
padding-right: 12px;
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: #838383;
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;
font-size: 0.8em;
}
.mainWrapper .main-shop h1
{
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;
}

.mainWrapper .main .cislovany
{
padding-top: 0px;
padding-left: 225px;
}
.mainWrapper .main h2
{
font-weight: normal;
font-size: 170%;
color: #bb3728;
}
.mainWrapper .main h2
{
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 h3
{
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: 120%;
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: 86px;
background: white 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 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 .mainmenu
{
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 .mainmenu:hover, .menu-left ul .active
{
padding-left: 15px;
line-height: 30px;
font-size: 80%;
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 .mainmenu:hover a, .menu-left ul .active a
{
color: #fab723;
}
.menu-left ul .mainmenu a
{
color: #5f5f5f;
display: block;
}
.menu-left .submenu 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 .submenu li a
{
color: white;
display: block;
}

.menu-left .submenu li:hover, .menu-left .submenu .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 .submenu li:hover a, .menu-left .submenu .active a
{
color: white;
}

.main-shop img { border: 0px;}
.produkt-menu{
margin-top: 10px;
background-color: #ececec;
height: 41px;
padding: 3px;
position: absolute;
bottom: 5px;
width: 204px;
}
.produkt-menu img{
float:left;
padding-right: 3px;
}
.produkt-menu span{
text-align: center;
display: block;
float:left;
line-height: 40px;
color: #61696d;
font-weight: bold;
width: 72px;
}
.produkt-menu span.akcni {
line-height: 1.5;
font-weight: normal;
}

.produkt-menu-detail{
width: 350px;
margin-top: 5px;
background-color: #ececec;
/*height: 41px;*/
padding: 3px 3px 3px 0px;
}
.produkt-menu-detail img{
float:left;
padding-right: 3px;
}
.produkt-menu-detail div.cena {
width: 160px;
padding: 10px;
line-height: 2;
float:left;
color: #61696d;
font-weight: bold;
font-size: 13px;
}
span.skladem {
color: #61696d;
font-weight: bold;
}
span.skladem-posledni {
color: #FF740A;
font-weight: bold;
}
span.akcni-cena {
  margin: 0px;
  padding: 0px;
  font-size: 15px;
  color: red;
}

.produkt-1 {
  width: 210px;
  height: 325px;
  border-bottom: #d8d9da solid 1px;
  border-right: #d8d9da solid 1px;
  float: left;
  padding: 5px;
  position: relative;
}
  .produkt-1 h2 {
    height: 32px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    bottom: 80px;
    width: 204px;
  }
    .produkt-1 h2 a {
      color: #2896b7;
      margin: 0px;
      padding: 0px;
      font-size: 13px;
    }
    
.produkt-2 {
  width: 210px;
  height: 325px;
  border-bottom: #d8d9da solid 1px;
  float: left;
  padding: 5px;
  position: relative;
}
  .produkt-2 h2 {
    height: 32px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    bottom: 80px;
    width: 204px;
  }
    .produkt-2 h2 a {
      color: #2896b7;
      margin: 0px;
      padding: 0px;
      font-size: 13px;
    }
    
.produkt-3 {
  width: 210px;
  height: 325px;
  border-bottom: #d8d9da solid 1px;
  border-left: #d8d9da solid 1px;
  float: left;
  padding: 5px;
  position: relative;
}
  .produkt-3 h2 {
    height: 32px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    bottom: 80px;
    width: 204px;
  }
    .produkt-3 h2 a {
      color: #2896b7;
      margin: 0px;
      padding: 0px;
      font-size: 13px;
    }

.strankovani
{
margin-top: 20px;
text-align: center;
font-size: 100%;
color: #c2c2c2;
}

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

.strankovani  .active
{
text-decoration: underline;
color: #66b4cc;
}
.detail-nahled
{
width:290px;
float: left;
text-align: center;
}
.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  h2
{
color: #5c6163;
margin-top: 20px;
font-size: 100%;
}
.detail-text p
{
color: #8e9395;
font-size: 100%;
}
.detail-text .small
{
color: #aeafb0;
font-size: 80%;
}
.footer
{
padding-left: 20px;
padding-right: 80px;
font-size: 10px;
color: #b7b7b7;
background: #191919 url("../img/logo-small.jpg") no-repeat  right top;
line-height: 30px;
margin:20px 0px 20px 0px;
}
.footer a
{
text-decoration: none;
color: #b7b7b7;
}

/* add Martin Sobotka */
div.objednavka {
    font-size:12px;
  }
div.objednavka p {
    background:0;
    font-size: 12px;
    font-family: Verdana;
    color: #707173;
    line-height: 15px;
  }
  
  table.registrace {
    font-size:12px;
  }
  table.registrace td {
    padding:2px;
    font-size:12;
  }
  .error input {
    border: 1px solid red;
  }
  td.error {
    color: red;
  }

  .zakaznik-menu {
    font-size:0.9em;
    padding:20px 0 0 10px;
  }
  table.zakaznik-menu a {
    text-decoration: none;
  }

li {
  color: #4b4b4b;
  padding: 0px 0px 3px 0px;
}

div.jak-nakupovat {
  font-size: 0.8em;
  line-height: 1.4;
}

div.obchodni-podminky {
  color: black;
  font-size: 0.8em;
  line-height: 1.4;
}

div.reklamace {
  font-size: 0.8em;
  line-height: 1.4;
}

.red {
  color: red;
}

div.obsah-kosik {
  font-size: 0.8em;
}

.table-kosik {
  width: 99%;
  margin: 20px 0px 5px 0px;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}
.table-kosik th {
  background: gray;
  color: white;
  border-top: 1px solid whitesmoke;
  padding: 7px;
}
.table-kosik td {
  border-top: 1px solid gray;
  padding: 7px;
}

.table-kosik td.spodni {
  background: gainsboro;
}

div.tenisfan-logo {
  padding: 36px 0px 0px 20px;
}
div.tenisfan-logo h1 {
  margin: 0px;
  padding: 0px;
  display: inline;
  border: 0px;
}
div.tenisfan-logo a {
  text-decoration: none;
}
div.tenisfan-logo img {
  border: 0px;
}

div.detail-center {
  margin: 0px;
  padding: 0px;
  text-align: center;
}


table.objednavky {  /* sekce přihlášeného zákazníka */
  font-size: 0.9em;
  color: dimgray;
  border-top: 1px solid silver;
  border-left: 1px solid silver;
}
table.objednavky th {
  color: gray;
  padding: 5px;
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
}
table.objednavky td {
  padding: 5px;
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
}
table.objednavky a {
  color: dimgray;
}

table.detail-objednavky {  /* sekce přihlášeného zákazníka */
  font-size: 0.9em;
  color: dimgray;
  margin-top: 10px;
}
table.detail-objednavky th {
  color: darkgray;
  padding: 3px;
}
table.detail-objednavky td {
  padding: 3px;
}
table.detail-objednavky a {
  color: dimgray;
}

div.objednavka table.table-kosik .popis {
  border: 0;
  color: gray;
}

div.odkaz-ucet {
  margin: 0px;
  padding: 10px 0px 5px 3px;
}
div.odkaz-ucet a {
  font-weight: bold;
  color: black;
  font-size: 0.8em;
}

.table-filtrovani {
  padding-top:3px;
}

.float-right {
  float: right;
}

  .font12 {font-size: 1.2em}
  .font11 {font-size: 1.1em}
  .font09 {font-size: 0.9em}
  .font08 {font-size: 0.8em}

p.faq-otazka {
  margin: 0px;
  padding: 2px 0px 5px 0px;
  font-weight: bold;
  line-height: 1.4;
}
p.faq-odpoved {
  margin: 0px;
  padding: 2px 0px 12px 0px;
  color: dimgray;
  line-height: 1.4;
}
p.faq-kontakt {
  text-align: right;
}

a {
  color: #2896b7;
}

div.proc-nakupovat-u-nas {
  font-size: 0.75em;
  color: black;
  border: 1px solid silver;
  padding: 3px;
  line-height: 1.4;
  background: white url('../img/thumbs-up.gif') no-repeat top right;
}
div.proc-nakupovat-u-nas ul {margin: 10px 0px 0px 19px;}
div.proc-nakupovat-u-nas li {
  margin: 0px;
  list-style-image: url('../img/tradezone-li.png')
}

div.nasi-partneri-left {
  margin-top: 20px;
  font-size: 0.75em;
  border: 1px solid silver;
  padding: 3px 3px 3px 8px;
  background: white;
  line-height: 1.4;
}
div.nasi-partneri-left p {margin: 4px 0px 4px 0px;}

div.text-uvod p {
  font-size: 0.9em;
  text-align: justify;
  color: dimgray;
  padding-bottom: 5px;
}

.sedy {color: dimgray;}
.jsem_robot{display: none;}
div.svatky {
  color: gainsboro;
  text-align: right;
  padding: 9px 10px 0px 0px;
  font-size: 0.8em;
}
/* list-style-image: url('cesta/obrazek.gif') */

table.produkt-dotaz {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  background: whitesmoke;
  text-align: center;
  
}
table.produkt-dotaz th {
  text-align: left;
  padding: 8px;
  background: gainsboro;
}
table.produkt-dotaz td {
  text-align: left;
  padding: 8px;
}
table.produkt-dotaz td p {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}
table.produkt-dotaz td p.druhy {
  margin: 10px 0px 7px 0px;
  padding: 0px;
}

table.produkt-dotaz input {
  border: 1px solid darkgray;
}
table.produkt-dotaz textarea {
  border: 1px solid darkgray;
}
table.produkt-dotaz input.submit {
  border: 1px solid dimgray;
  color: white;
  background: gray;
  padding: 0px 10px 0px 10px;
}

div.dalsi-sperky {
  font-size: 0.9em;
  text-align: center;
  color:gray;
  background: whitesmoke;
  padding: 3px;
  margin-bottom: 3px;
  /*border-bottom: 3px solid dimgray;*/
}
div.dalsi-obchody {
  font-size: 0.9em;
  text-align: center;
  color:gray;
  background: white;
  border: 1px solid darkgray;
}
div.dalsi-obchody img {
  border: 0px;
}

.tl-koupit-akce {margin: 31px 0px 0px 0px;}
.tl-koupit-obyc {margin: 3px 0px 0px 0px;}

/* end add Martin Sobotka */



.ohlas h2 {
  font-size: 11pt;
  font-weight: bold;
  color: #faad22;
}

#filtr, #strank {
  width: 170px;
  float: right;
}

#filtr {
  width: 130px;
}

.ohlas {
  border-bottom: solid 1px #DDD;
  margin-top: 20px;
  padding-bottom: 10px;
}

.ohlas img {
  margin: auto;
  border: solid 1px #DDD;
}

.ohlas .img {
  width: 200px;
  float: left;
  text-align: center;
}

.ohlas .text {
  float: right;
  width: 450px;
}

.table-filtrovani td#td-navigace {
  padding-top: -4px;
}


.fb-like {
  background: rgb(236,238,240) url(../img/fb.png) 3px 3px no-repeat;
  border: solid 1px rgb(202,212,232);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: rgb(34,110,126);
  display: block;
  font-size: 11px;
  margin: 10px;
  margin-left: 0px;
  padding: 3px;
  padding-left: 25px;
  text-decoration: none;
  width: 70px;
}

.fb-like:hover {
  text-decoration: underline;
}