/* -------------------------------------------
Soubor: style.css
Nazev: main styl
Autor: Jan Hommer
Datum: 10-2008
------------------------------------------- */

body {
  padding: 0;
  margin: 0;
  background: #fff url(bg_body.gif) top repeat-x;
  font-family: 'Trebuchet MS', Verdana, Tahoma, Arial;
  font-size: 12px;
  color: #565656;
}

/* -------------------------------------------
    1000px sirka ve 100% divu
------------------------------------------- */

.in {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

/* -------------------------------------------
    Horni lista
------------------------------------------- */

#bar {
  position: absolute;
  width: 100%;
  height: 24px;
  top: 0;
  left: 0;
  background: #e6b800;
}

#bar ul {
  list-style: none;
  padding: 0;
  margin: 3px 0 0;
  text-align: center;
}

#bar ul li {
  display: inline;
  padding: 0 10px;
  margin: 0;
  border-right: 1px solid #000;
}

#bar ul li a {
  font-weight: bold;
  color: #000;
}

#bar ul li a:hover {
  text-decoration: none;
}

/* -------------------------------------------
    Logo
------------------------------------------- */
/*
#logo {
  position: absolute;
  width: 492px;
  height: 122px;
  top: 24px;
  left: 50%;
  margin: 0 0 0 -500px;
}

#logo h1 {
  width: 245px;
  padding: 45px 0 0;
  margin: 0;
  text-align: right;
  font-family: 'Arial Black', Arial;
  font-size: 26px;
  text-transform: uppercase;
}

#logo h1 span {
  color: #e6b800;
}

#logo p#slogan {
  width: 245px;
  padding: 0;
  margin: -7px 0 0;
  text-align: right;
  font-size: 10px;
}

#logo p#img {
  width: 247px;
  padding: 0;
  margin: -90px 0 0 270px;
}
*/

/* -------------------------------------------
    Logo
------------------------------------------- */

#logo h1 {
  position: absolute;
  top: 24px;
  left: 50%;
  padding: 0;
  margin: 0 0 0 -500px;
  font-family: 'Arial Black', Arial;
  font-size: 26px;
  text-transform: uppercase;
}

#logo h1 a {
  display: block;
  width: 474px;
  height: 122px;
  padding: 45px 0 0 50px;
  margin: 0;
  background: url(bg_logo.jpg) top right no-repeat;
  background-image: url('./variable/user/logo.gif');
  text-decoration: none;
  color: #5d5d5d;
  z-index: 99;
}

#logo h1 a span {
  color: #e6b800;
}

#logo p#slogan {
  position: absolute;
  width: 245px;
  top: 100px;
  left: 50%;
  padding: 0;
  margin: 0 0 0 -490px;
  text-align: right;
  font-size: 10px;
  z-index: 9;
}

/* -------------------------------------------
   User login
------------------------------------------- */

#usr {
  position: absolute;
  width: 155px;
  height: 91px;
  top: 24px;
  left: 50%;
  padding: 30px 0 0 60px;
  margin: 0 0 0 50px;
  background: url(bg_usr.gif) center left no-repeat;
}

#usr form {
  margin: 0 0 10px;
}

#usr p {
  padding: 0;
  margin: 0;
  font-size: 9px;
  color: #be9800;
}

#usr p span {
  display: block;
  float: left;
  width: 35px;
  height: 11px;
  padding: 2px 0 0;
  color: #5d5d5d;
}

#usr p a {
  color: #be9800;
}

#usr p a:hover {
  text-decoration: none;
}

#usr p input {
  width: 97px;
  height: 13px;
  border: 1px solid #808080;
  background: url(bg_shadowlight.gif) center repeat-x;
  font-size: 9px;
}

#usr p input.pswd {
  width: 70px;
}

#usr p input.sbmt {
  width: auto;
  height: 17px;
  margin: 2px 0 0;
  padding: 0 0 3px;
  border: 1px solid #000;
  background: url(bg_shadowdark.gif) center repeat-x;
  cursor: hand;
  cursor: pointer;
  font-weight: bold;
  color: #f9c600;
}

/* -------------------------------------------
   Kosik
------------------------------------------- */

#crt {
  position: absolute;
  width: 195px;
  height: 122px;
  top: 24px;
  left: 50%;
  margin: 0 0 0 280px;
  background: url(bg_crt.gif) center left no-repeat;
}

#crt p {
  padding: 45px 0 0 60px;
  margin: 0;
}

#crt p a {
  color:  #797878;
}

#crt p a strong {
  color:  #ef0000;
  text-decoration: underline;
}

/* -------------------------------------------
    Menu
------------------------------------------- */

#menu {
  position: absolute;
  width: 100%;
  height: 45px;
  top: 150px;
  left: 0;
}

#menu ul {
  clear: both;
  list-style: none;
  padding: 0;
  margin: 15px 0 0;
  text-align: center;
}

#menu ul li {
  display: inline;
  padding: 0 40px;
  margin: 0;
  color: #be9800;
  font-size: 14px;
  border-right: 1px solid #000;
}

#menu ul li.last {
  border: none;
}

#menu ul li a {
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  color: #000;
}

#menu ul li a:hover, #menu ul li a.active {
  text-decoration: underline;
}

/* -------------------------------------------
    Obal stranky
------------------------------------------- */

#main {
  position: relative;
  width: 100%;
  margin: 200px auto 0;
}

/* -------------------------------------------
    Leve menu
------------------------------------------- */

#main #sidebar {
  position: relative;
  float: left;
  width: 200px;
  padding: 0 0 20px;
  overflow: hidden;
}

/* -------------------------------------------
   Hledani
------------------------------------------- */

#main #sidebar form {
  padding: 10px 20px;
  margin: 20px 0 0;
  background: #e3e3e3;
}

#main #sidebar form input {
  width: 85px;
  height: 13px;
  border: 1px solid #808080;
  background: url(bg_shadowlight.gif) center repeat-x;
  font-size: 9px;
}

#main #sidebar form input.sbmt {
  width: auto;
  height: 17px;
  margin: 2px 0 0 7px;
  padding: 0 5px 3px;
  border: 1px solid #000;
  background: url(bg_shadowdark.gif) center repeat-x;
  cursor: hand;
  cursor: pointer;
  font-weight: bold;
  color: #f9c600;
}
  
#main #sidebar h5 {
  padding: 10px 20px;
  margin: 20px 0 0;
  color: #f9c600;
  font-size: 14px;
  background: url(bg_shadowdark.gif) center repeat-x;
}

#main #sidebar ul.light {
  list-style: none;
  padding: 0;
  margin: 0;
}

#main #sidebar ul.light li {
  padding: 0;
  margin: 0;
}

#main #sidebar ul.light li a {
  display: block;
  width: 160px;
  padding: 10px 20px;
  margin: 0;
  border-top: 1px solid #fff;
  background: #b8b8b8;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
  color: #2c2c2c;
}

#main #sidebar ul.light li ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#main #sidebar ul.light ul li {
  padding: 0;
  margin: 0;
}

#main #sidebar ul.light li ul li a {
  width: 150px;
  padding: 10px 20px 10px 30px;
  font-weight: normal;
  background: #dadada;
}

#main #sidebar ul.light li a:hover {
  text-decoration: underline;
}

#main #sidebar ul.dark {
  list-style: none;
  padding: 0;
  margin: 0;
}

#main #sidebar ul.dark li {
  padding: 0;
  margin: 0;
}

#main #sidebar ul.dark li a {
  display: block;
  width: 160px;
  padding: 10px 20px;
  margin: 0;
  border-top: 1px solid #fff;
  background: #000;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
  color: #f9c600;
}

#main #sidebar ul.dark li a:hover {
  text-decoration: underline;
}

/* -------------------------------------------
    Hlavni obsah
------------------------------------------- */

#main #content {
  position: relative;
  float: right;
  width: 589px;
  padding: 0;
  margin: 17px 201px 0 0;
}

#main #content a {
  color: #be9800;
  font-weight: bold;
}

#main #content a:hover {
  text-decoration: none;
}

#main #content h2 {
  padding: 5px 10px 20px;
  margin: 0;
  font-size: 14px;
}

#main #content h4 {
  clear: both;
  padding: 10px 20px;
  margin: 0 0 10px;
  color: #f9c600;
  font-size: 14px;
  border-top: 30px solid #fff;
  background: url(bg_shadowdark.gif) center repeat-x;
}

#main #content p {
  padding: 0 10px;
  margin: 0;
  text-align: justify;
}

#main #content p#titleimg {
  padding: 20px 0 0;
}

#main #content p#titleimg img {
  border: none;
}

/* -------------------------------------------
    Vypis produktu
------------------------------------------- */

#main #content .prod {
  position: relative;
  float: left;
  width: 250px;
  height: 190px;
  padding: 17px;
  margin: 0 0 10px;
  border: 1px solid #bababa;
}

#main #content .prod h2 a {
  text-decoration: underline;
  font-weight: bold;
}

#main #content .prod h2 {
  padding: 0;
  margin: 0;
  font-size: 10px;
}

#main #content .prod h2 a {
  text-decoration: none;
  color: #565656;
}

#main #content .prod p {
  padding: 0;
  margin: 0;
  font-size: 10px;
}

#main #content .prod p.prodimg {
  float: left;
  padding: 0;
  margin: 0 10px 50px 0;
}

#main #content .prod p.price  {
  padding: 20px 0;
}

#main #content .prod p.price strong {
  font-size: 18px;
  color: #be9800;
}


#main #content .prod form p {
  padding: 7px 0 7px 45px;
  margin: 0;
}

#main #content .prod form {
  margin: 0 0 0 60px;
  background: url(bg_prod.gif) center left no-repeat;
} 


/*
#main #content .prod form p {
  padding: 7px 0 7px 45px;
  margin: 0 0 0 60px;
  background: url(bg_prod.gif) center left no-repeat;
}
*/

#main #content .prod form p input {
  width: 20px;
  border: 1px solid #cecece;
  margin: 0 5px 0 0;
  text-align: right;
  font-size: 10px;
}

#main #content .prod form p input.submit {
  width: auto;
  padding: 0 10px;
  background-color: #f4c300;
  font-weight: bold;
  cursor: hand;
  cursor: pointer;
}

#main #content .splitter {
  position: relative;
  float: left;
  width: 17px;
  padding: 5px 0;
  margin: 0;
}

#main #content hr {
  clear: both;
  visibility: hidden;
}

/* -------------------------------------------
    Strankovani
------------------------------------------- */

#main #content p.list {
  clear: both;
  padding: 10px 0;
  margin: 0;
  text-align: right;
  font-size: 10px;
}

#main #content p.list span {
  color: #c9c9c9;
}

/* -------------------------------------------
    Registrace
------------------------------------------- */
/*
#main #content.reg {
  padding: 60px 0 30px;
  border: 1px solid #bababa;
}

#main #content.reg p {
  color: #8e8e8e;
}

#main #content.reg p span.table {
  display: block;
  float: left;
  width: 80px;
  padding: 5px 20px 0 0;
  color: #2c2c2c;
  font-weight: bold;
  text-align: right;
}

#main #content.reg p span.red {
  padding: 0 20px 0 0;
  color: #ef0000;
}

#main #content.reg p input {
  width: 150px;
  padding: 5px;
  margin: 0 0 3px;
  border: 1px solid #808080;
}

#main #content.reg p input.short {
  width: 75px;
}

#main #content.reg p input.submit {
  width: auto;
  margin: 40px 0 0 120px;
  background: url(bg_shadowdark.gif);
  border: none;
  color: #f9c600;
  font-weight: bold;
}
*/


#main #content #reg p span.table {
  display: block;
  float: left;
  width: 100px;
  padding: 5px 20px 0 0;
  color: #2c2c2c;
  font-weight: bold;
  text-align: right;
}

#main #content #reg p span.table2 {
  padding: 5px 10px 0 0;
  color: #2c2c2c;
  font-weight: bold;
}

#main #content #reg p span.red {
  padding: 0 20px 0 0;
  color: #ef0000;
}

#main #content #reg p input {
  width: 150px;
  padding: 5px;
  margin: 0 0 3px;
  border: 1px solid #808080;
}

#main #content #reg p input.short {
  width: 75px;
}

#main #content #reg p input.submit {
  width: auto;
  margin: 10px 0 0 120px;
  background: url(bg_shadowdark.gif);
  border: none;
  color: #f9c600;
  font-weight: bold;
}


/* -------------------------------------------
    Detail
------------------------------------------- */

#main #content.detail {
  padding: 20px 0 30px;
  border: 1px solid #bababa;
}

#main #content.detail .right {
  float: right;
  width: 380px;
  margin: 0;
}

#main #content.detail h2 {
  padding: 0 20px;
  margin: 0;
  color: #be9800;
  font-size: 14px;
}

#main #content.detail p.title {
  clear: both;
  padding: 5px 0 3px 25px;
  margin: 10px 20px;
  background: url(bg_title.gif) center left no-repeat;
  font-weight: bold;
  font-size: 10px;
}

#main #content.detail p.prodimg {
  float: left;
  padding: 0 0 0 20px;
  margin: 0;
}

#main #content.detail p {
  padding: 0 20px 5px;
  font-size: 11px;
}

#main #content.detail p span.info {
  display: block;
  float: left;
  width: 65px;
  padding: 0;
  color: #2c2c2c;
  font-weight: bold;
}

#main #content.detail p.price {
  padding: 20px;
}

#main #content.detail p strong {
  font-size: 18px;
  color: #be9800;
}

#main #content.detail form p {
  padding: 7px 0 7px 45px;
  margin: 0 20px 20px;
  background: url(bg_prod.gif) center left no-repeat;
}

#main #content.detail form p input {
  width: 20px;
  border: 1px solid #cecece;
  margin: 0 5px 0 0;
  text-align: right;
  font-size: 10px;
}

#main #content.detail form p input.submit {
  width: auto;
  padding: 0 10px;
  background: #f4c300;
  font-weight: bold;
  cursor: hand;
  cursor: pointer;
}

/* -------------------------------------------
    Prava reklama
------------------------------------------- */

#ad {
  position: absolute;
  width: 185px;
  height: 500px;
  top: 217px;
  left: 50%;
  margin: 0 0 0 308px;
/*  border: 1px solid #a8a8a8; */
}

#banner {
  width: 185px;
  height: 500px;
  margin-bottom: 20px;
}

/* -------------------------------------------
    Paticka
------------------------------------------- */

#main #footer {
  position: relative;
  clear: both;
  width: 100%;
  height: 55px;
  border-top: 6px solid #e6b800;
  background: url(bg_footer.gif) top repeat-x;
  font-size: 9px;
}

#main #footer a {
  color: #5d5d5d;
}

#main #footer a:hover {
  text-decoration: none;
}

#main #footer p.copy {
  padding: 15px 0 5px 75px;
  margin: 0;
  background: url(bg_footer_copy.gif) top left no-repeat;
}

#main #footer p.links {
  text-align: right;
  padding: 0 60px;
  margin: -35px 0 0;
}

#basket_confirm_box {
  display:none; 
  position:absolute; 
  background-color: #e6b800; 
  border: 1px solid black;   
  padding:10px;
  color: #000000;
}

#basket_confirm_box a {
  color: #000000;
  font-weight: bold;
}