/* obecné definice */
* {margin: 0; padding: 0; border: none;}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #3C3C3C;
  background-color: #F0F0E8;
  text-align: center;
}
a {color: #2E95C0; text-decoration: underline;}
a:hover {text-decoration: none;}
.aloged {color: #fff; text-decoration: underline;}
.none {color: #000; text-decoration: none;}

img {}
.ramik {border: 1px solid #797979; padding: 2px 2px 2px 2px; }

div.clear {clear: both;}

.vlevo {text-align: left;}
.vpravo {text-align: right;}
.na-stred {text-align: center;}

.radkovani {line-height: 1.5em;}

/*definice pro layout*/
#layout {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
}

#horni-lista {
  width: 100%;
  background-color: #3C3C3C;
}

/* hlavicka */
#hlavicka {
  background: url(../img/hlavicka-pozadi.jpg) center no-repeat;
  height: 118px;
}
#logo {
  float: left;
  color: #434343;
  font-size: 60px;
  margin:30px 0 20px 25px;
  letter-spacing: -5px;
}

#vyhledavaci-box {
  background: #3C3C3C url(../img/vyhledavani-pozadi.jpg) center no-repeat;
  width: 263px;
  height: 32px;
  float: right;
  padding: 2px 11px 0 11px;
}
#vyhledavaci-box .vyhledavani-input {
  background: #fff url(../img/vyhledavani-input.jpg) center no-repeat;
  width: 178px;
  height: 17px;
  padding: 4px 4px 3px 4px;
  font-style: italic;
  color: #7d7d7d;
}
#vyhledavaci-box .vyhledavani-button {
  background: #329ECA url(../img/vyhledavani-button.jpg) left no-repeat;
  width: 77px;
  height: 24px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  cursor: pointer;
  padding-bottom: 2px;
}
#vyhledavaci-box .vyhledavani-button:hover {
  background: #2E95C0 url(../img/vyhledavani-button.jpg) right no-repeat;
}

/* horizontální menu*/
#horizontalni-menu {
  background: #329ECA url(../img/horizontalni-menu-pozadi.jpg) center no-repeat;
  height: 38px;
  color: #fff;
}
#horizontalni-menu ul.horizontalni-menu {
  list-style: none;
  float: left;
}
#horizontalni-menu ul.horizontalni-menu li {
  float: left;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
}
#horizontalni-menu ul.horizontalni-menu li a {
  float: left;
  color: #fff;
  text-decoration: none;
  padding:12px 12px 13px 12px;
  border-right: 1px solid #2A89B0; 
}
#horizontalni-menu ul.horizontalni-menu li a:hover {background-color: #2E95C0;}

#horizontalni-menu div.uzivatel {
  width: 200px;
  float: left;
  padding: 11px 9px 0 10px;
  height: 27px;
  border-right: 1px solid #2A89B0;
}

/* hlavní část */
#hlavni {
  background: #fff url(../img/obsah-stin.jpg) center bottom no-repeat;
  padding: 8px 8px 50px 8px;
}
#levy-sloupec, #pravy-sloupec {
  float: left;
  width: 202px;
}
#obsah {
  float: left;
  width: 560px;
  padding: 0px 10px 0 10px;
}

#detail {
  border: 1px solid #c4c4c4;
  padding: 5px 10px 5px 10px;
  background: #fafafa;
}

.box .nadpis-zluty {
  background: #f6cd12 url(../img/box-nadpis-zluty.jpg) center no-repeat;
  color: #000000;
  font-size: 12px;
  line-height: 30px;
  padding: 0 0 0 26px;
}
.box .nadpis-sedy {
  background: #434343 url(../img/box-nadpis-sedy.jpg) center no-repeat;
  color: #ffffff;
  font-size: 12px;
  line-height: 30px;
  padding: 0 0 0 26px;
}

.box .nadpis-sedy2 {
  background: #434343 url(../img/box-nadpis-sedy2.jpg) center no-repeat;
  color: #ffffff;
  font-size: 12px;
  line-height: 30px;
  padding: 0 0 0 26px;
}

.box .content {
  background: #F2F2F2 url(../img/box-pozadi.jpg) center repeat-y;
  padding: 10px 8px 5px 8px;
}



.box .paticka {
  background: #F2F2F2 url(../img/box-paticka.jpg) center no-repeat;
  height: 5px;
  margin-bottom: 15px;
}

.box .content .login-input, .heslo-input {
  border: 1px solid #898989;
  width: 176px;
  height: 17px;
  padding: 3px 4px 0 4px;
  color: #454545;
  font-size: 11px;
  margin-bottom: 5px;
}
.box .content .login-button {
  background: #acacac url(../img/login-button.jpg) left no-repeat;
  cursor: pointer;
  width: 78px;
  height: 22px;
  color: #fff;
}

.box .content2 .login-button_big {
  background: #acacac;
  padding: 3px 3px 3px 3px;
  cursor: pointer;
  height: 22px;
  color: #fff;
}

.box .content .login-button:hover {
  background: #f5c60d url(../img/login-button.jpg) right no-repeat;
  color: #635002;
}

.box .content2 .login-button_big:hover {
  background: #f5c60d;
  color: #635002;
}

.box .content .login-links {text-align: center; font-size: 11px; padding-top: 5px;}



/* -----    BOXY MAIN   ----- */
.box .content2 {
  background: #fff;
  border: 1px solid #dddddd;
  padding: 10px 10px 5px 10px;
}

.box .content2 .login-input, .heslo-input {
  border: 1px solid #898989;
  width: 176px;
  height: 17px;
  padding: 3px 4px 0 4px;
  color: #454545;
  font-size: 11px;
  margin-bottom: 5px;
}

.box .content2 .login-button {
  background: #acacac url(../img/login-button.jpg) left no-repeat;
  cursor: pointer;
  width: 78px;
  height: 22px;
  color: #fff;
}

.box .content2 .login-button:hover {
  background: #f5c60d url(../img/login-button.jpg) right no-repeat;
  color: #635002;
}

.box .content2 .area {
  border: 1px solid #898989;
  font-size: 11px;
  color: #000000;
}

.box .content2 .vyber {
  border: 1px solid #898989;
  font-size: 11px;
  color: #000000;
  padding: 3px 3px 5px 3px;
}


/* ----- END BOXY MAIN ----- */



#kategorie-menu {list-style: none;}

#kategorie-menu li {
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  background: url(../img/odrazka1.jpg) 3px 11px no-repeat;
}
#kategorie-menu li a {color: #3C3C3C; text-decoration: none; padding: 6px 0 6px 15px; display: block;}
#kategorie-menu li a:hover {text-decoration: underline;}

#kategorie-menu ul.kategorie-submenu {list-style: none; margin: 0 0 5px 15px;}
#kategorie-menu ul.kategorie-submenu li {
  border: none;
  font-size: 11px;
  font-weight: normal;
  line-height: 17px;
  background: url(../img/odrazka2.jpg) 3px 4px no-repeat;
  padding-left: 10px;
}
#kategorie-menu ul.kategorie-submenu li a {padding: 0;}
#kategorie-menu ul.kategorie-submenu li a:hover {text-decoration: underline;}

/* hlavní část - obsah */
h1.title {
  font-size: 18px;
  font-weight: normal;
  border-bottom: 1px solid #A6A6A6;
}
p.novinka {
 margin: 10px 3px 35px 3px;
 line-height: 1.4em;
 text-align: justify;
}
p.novinka span.title {display: block; font-style: italic; font-size: 13px;}
p.novinka span.title strong {font-style: normal; color: #2e95c0;}

/* hlavní část - položky */
#polozky {
  margin: 5px 0 0 1px; 
}
#polozky .box {
  background: #f7f7f7 url("../img/bx-shadow-b-left.png") no-repeat 0 100%; 
  /* background: #f7f7f7 url(../img/box-pozadi.jpg) center repeat-y;  */
  width: 170px;
  float: left;
  margin: 5px 2px 10px;
  height: 250px;
  padding: 5px;
}

#polozky .box2 {
  background: #F2F2F2 url(../img/box-pozadi.jpg) center repeat-y;
  width: 162px;
  border: 1px solid #ccc;
  float: left;
  margin: 10px 2px 10px;
  height: 180px;
  padding: 5px;
}

#polozky .box3 {
  background: #F2F2F2 url(../img/box-pozadi.jpg) center repeat-y;
  width: 162px;
  border: 1px solid #ccc;
  float: left;
  margin: 10px 2px 10px;
  height: 130px;
  padding: 5px;
}

#polozky .box h2, #polozky .box h2 a {font-size: 110%; font-weight: bold; margin: 0; padding-top: 6px; font-size: 10px; color: #292a2b; height: 35px;}
#polozky .box img {margin-top: 5px;}
#polozky .box p.popis {font-size: 10px; height: 50px; overflow: hidden;}
#polozky .box p.cena {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  height: 10px; 
  line-height: 10px; 
  overflow: hidden; 
  padding-top: 3px;
  text-align: center;
}
#polozky .box p.vice {font-weight: bold; text-align: right; padding-top: 8px;}

/* hlavní část - stránkování*/
.strankovani ul {list-style: none; margin-bottom: 5px;}
.strankovani ul li {display: inline;}
.strankovani ul li a {
  border: 1px solid #4d4d4d;
  padding: 3px 7px;
  color: #000000;
  text-decoration: none;
}
.strankovani ul li a:hover {
  background: #b2b2b2;
  color: #ffffff;
  text-decoration: none;
}
.strankovani ul li.first {
  border: none;
  font-weight: bold;
  padding: 0px 7px;
}
.strankovani ul li.active {
  background: #7f7f7f;
  border: 1px solid #4d4d4d;
  padding: 3px 7px;
  color: #ffffff;
}

/* patička */
#paticka {
  margin-bottom: 25px;
}