/*
 * CSS Reset Reloaded by Eric Meyer
 * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 * 
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #333333;
	background: transparent;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*
 * Compose To A Vertical Rhythm
 * http://24ways.org/2006/compose-to-a-vertical-rhythm
 *  
 */
body { font: 62.5%/1.5 sans-serif; }
ul, ol, dl, p { margin-bottom: 1.5em; font-size: 1.2em; }
li, dt, dd, p { font-size: 1.2em; }
ul, ol, dl { margin-bottom: 1.8em; }



/*
 * Chinawall.cz - CSS
 * http://www.chinawall.cz
 *  
 */

html {
  background: #5e1c1c url(img/html-bg.png) center top repeat-x;
  min-height: 1180px;
  _height: 1180px;
}

body {
  background: url(img/body-bg.png) center bottom repeat-x;
  _background: #5e1c1c url(img/html-bg.png) center top repeat-x;
  min-height: 100%;
  _height: 100%;
  
  padding: 20px 0 0 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, "New York CE", utopia, serif;
  font-weight: lighter;
}

h1 {
  color: #000000;
  font-size: 2.8em;
}

h2 {
  color: #7c0000;
  font-size: 1.8em;
}

a {
  color: #7f0000;
  padding: 0.2em;
}

a:hover {
  color: #d21313;
}

strong {
  font-weight: bolder;
}

small {
font-size: 80%;
}


a, input {
  _position: relative;
  _z-index: 500;
}


div#wrapper {
  width: 923px;

  position: relative;
  
  margin: 0 auto;
}

  div#header {
    position: relative;
    
    width: 100%;
    height: 225px;
    
    background: url(img/header.jpg) no-repeat;
  }
  
    a#logo {
      position: absolute;
      top: 78px;
      left: 261px;
    
      display: block;
      
      width: 367px;
      height: 54px;
      
      text-indent: -9999px;
    }
    
  
    span#slogan {
      display: block;
      
      position: absolute;
      top: 100px;
      left: 600px;
      
      width: 223px;
      height: 13px;
      
      background: url(img/slogan.jpg) no-repeat;
      text-indent: -9999px;
    }
    
  

    ul#menu {
      position: absolute;
      z-index: 15;
      
      bottom: -15px;
      _bottom: -16px;
      right: 7px;
    }
    
    ul#menu li {
      display: block;
      float: left;
      
      margin: 0 2px;
    }
    
    ul#menu a {
      float: left;
      display: block;
      height: 36px;
      
      padding: 0;
      
      color: #333;
      
      font-size: 0.85em;
      line-height: 36px;
      font-weight: bolder;
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 1px;      
      
      opacity: 0.91;
      filter: alpha(opacity=91);
      
      border: 1px solid #690000;
      cursor: pointer;
    }
    
      ul#menu a span {
        float: left;
        display: block;
        height: 100%;
        background: url(img/menu-middle.jpg) repeat-x;
        
        padding: 0 2px 0 1px;
      }
      
      ul#menu a span.menu-left {
        float: left;
        display: block;
        
        width: 17px;
        height: 100%;
        
        padding: 0;
        
        background: url(img/menu-left.jpg) no-repeat;
      }
      
      ul#menu a span.menu-right {
        float: left;
        display: block;
        
        width: 17px;
        height: 100%;
        
        padding: 0;
        
        background: url(img/menu-right.jpg) no-repeat;
      }


      ul#menu a:hover {
        color: #222;
        
        opacity: 1;
        filter: alpha(opacity=100);
      }
      
      ul#menu a.active {
        color: #fff;
        
        opacity: 1;
        filter: alpha(opacity=100);
      }
      
      
p.right {
  text-align: right;
}
      
div#content-wrapper {
  width: 901px;
  
  margin: 0 0 0 22px;
  padding: 10px 0 0 0;
  
  background: url(img/content-wrapper-bg.png) repeat-y;
  _background: transparent;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/template/chinawall/img/content-wrapper-bg.png',sizingMethod='scale');
}

div#content-wrapper-inner {
  width: 890px;
  _width: 886px;
  height: 100%;
  
  margin: 0 6px;
  
  background: url(img/content-wrapper-inner-bg.png) repeat-x;
}


    
div#content {
  position: relative;
  z-index: 3;
  float: left;
  
  width: 527px;
  min-height: 682px;
  _height: 682px;
  
  margin: 0 3px 0 4px;
  
  background: #e5e0b3 url(img/content-bg.png) left bottom repeat-x;
}    

  div#content-top {
    width: 100%;
    height: 7px;
    
    background: url(img/content-top-bg.png) no-repeat;
  }
  
  div#content-bottom {
    clear: both;
    position: absolute;
    bottom: -7px;
    _left: 0;
    
    width: 100%;
    _width: 527px;
    height: 7px;
    
    background: url(img/content-bottom-bg.png) no-repeat;
  }
  
  div#content-inner {
    padding: 2px 18px 12px 18px;
  }
  
    div#content-inner ul {
      margin-left: 12px;
      font-size: 1em;
    }
    
    div#content-inner li {
      list-style-type: square;
    }
  
  span.bread-crumb {
    display: block;
    margin: 0 0 10px 0;
  }
  
  span.bread-crumb, span.bread-crumb a {
    color: #a39b53;
  }
  
  span.bread-crumb a:hover {
    color: #756c16;
  }


div#leftbar, div#rightbar {
  float: left;
  z-index: 3;
  
  width: 176px;
  _width: 167px;
}

div#rightbar {
  _margin: 0 -40px 0 0;
}

div.bar {
  position: relative;
  z-index: 9;
  
  width: 182px;
  _width: 167px;
  
  margin: -4px 6px 16px 6px;
  
  font-size: 90%;
  color: #dfbdbd;
}

  div.bar h4 {
    width: 167px;
    height: 36px;
    _height: 30px;
  
    font-size: 1em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    line-height: 40px;
    color: #ccc;
    
    background: url(img/div-bar-header-bg.png) no-repeat;
    _background: transparent;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/template/chinawall/img/div-bar-header-bg.png');
  }
  
  div.bar p {
    margin: 0 28px 5px 14px;
  }
  
  div.bar h5 {
    margin: 0 28px 1px 14px;
    padding: 4px 0 0 0;
    
    font-family: sans-serif;
    font-size: 120%;
    font-weight: bolder;
  }
  
  div.bar a {
    color: #dfbdbd;
  }
  
  div.bar a:hover {
    color: #faecec;
  }
  
  div.bar big {
    font-size: 130%;
    font-weight: bolder;
  }
  
  div.bar div#cart {
    padding: 70px 0 0 0;
   
    background: url(img/cart.png) 10px 0 no-repeat;
  }
  
  div.bar a#objednat {
    display: block;
    
    width: 145px;
    height: 34px;
    _height: 32px;
    
    margin: 20px 0 0 8px;
    
    text-indent: -9999px;
    
    background: url(img/objednat.png) 0 0 no-repeat;
  }
  
  div.bar a#objednat:hover {
    background-position: 0 -36px;
  }
  
  div.bar div.bar-inner {
    min-height: 120px;
    _height: 120px;
    
    padding: 10px 4px;
    
    background: url(img/div-bar-bg.png) repeat-y;
    _background: transparent;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/template/chinawall/img/div-bar-bg.png',sizingMethod='scale');
  }
  
  div.bar div.bottom {
    width: 100%;
    _width: 167px;
    height: 10px;

    background: url(img/div-bar-bottom-bg.png) no-repeat;
    _background: transparent;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/template/chinawall/img/div-bar-bottom-bg.png');
  }
  
  div.bar.quotes div.bar-inner {
    color: #dec970;
    padding: 0px 4px;
  }
  
  div.bar div.bar-images {
    position: relative;
    
    width: 100%;
    _width: 127px;
    height: 174px;
    
    font-size: 120%;
    
    margin-bottom: -5px;
    padding: 10px 14px 10px 6px;
    
    background: url(img/bar-images.png) left bottom no-repeat;
  }

div.bar-separator {
  position: relative;
  
  width: 128px;
  height: 46px;
 
  margin: 0 auto;
  
  text-indent: -9999px;
  
  background: url(img/bar-separator.png) 0 0 no-repeat;
}


ul.submenu {
  margin: 0;
  padding: 0;
}

  ul.submenu li a {
    display: block;
    position: relative;
    
    width: 140px;
    min-height: 18px;
    _height: 18px;
  
    margin: 2px 0;
    padding: 10px 10px;
    
    background: #750101;
    border: 1px solid #560000;
    border-width: 1px 0;
    
    font-weight: bolder;
    /*line-height: 38px;*/
    color: #dfbdbd;
    font-size: 1em;
    text-decoration: none;
  }
  
  ul.submenu li a:hover {
    background: #a50808;
  }
  
  ul.submenu li a.active {
    background: #a50808;
    color: #f4e8e8;
  }
  
  /*
  ul.submenu li a small {
    position: absolute;
    right: 5px;
    top: 1px;
  }
  */
  
div#content-wrapper-bottom {
  position: relative;
  z-index: 0;
  
  width: 888px;
  height: 39px;
  
  margin: -40px 0 0 6px;
  
  background: url(img/content-wrapper-bottom-bg.png) repeat-x;
}


div#easyshop {
  margin-right: -18px;
}

div.obchod.item {
  position: relative;
  float: left;
  
  width: 234px;
  height: 260px;
  
  margin: 0 14px 14px 0;
  padding: 0 0 30px 0;
  
  background: url(img/obchod-item-bg.png) repeat;
  _background: #eee;

  border: 1px solid #847e43;
}
 
  div.obchod.item img, div#content-inner img {
    margin: 6px 4px;
    padding: 3px;
    border: 1px solid #aba671;
  }
  
  div.obchod.item strong {
    display: block;
    margin: 0 4px;
    font-size: 1.3em;
  }
  
    div.obchod.item strong a {
      text-decoration: none;
    }
    
    div.obchod.item big.cena {
      position: absolute;
      bottom: 31px;
      right: 5px;
      
      display: block;
      
      width: 206px;
      
      font-size: 1.4em;
      text-align: right;
    }
    
    div.obchod.item big.cena strong {
      display: inline;
    }
    
  div.obchod.item form {
    position: absolute;
    bottom: 6px;
    right: 5px;
  }
  
  div.obchod.item p {
    margin: 0 4px 0 6px;
  }
  
    input.pocet-kusu {
      width: 26px;
      _width: 20px;
      
      margin: 0 10px 0 0;
      _margin: 0 5px 0 0;
      
      text-align: center;
    }
  
  
  div.obchod.detail img {
    /*float: right;*/
    
    margin: 6px 4px;
    padding: 3px;
    
    border: 1px solid #aba671;
  }
  
  div.obchod.detail big.cena {
    display: block;
    
    padding: 0 0 10px 0;
    
    font-size: 1.6em;
  }
  
table.objednavka-table {
  margin-top: 20px;
}

  table.objednavka-table td {
    padding: 5px 10px;
    border: 0;
    
    border: 1px solid #aba671;
    
    font-size: 1.1em;
  }

table.doprava { border-collapse: collapse; font-size: 1.2em; margin-bottom: 1em; }
  table.doprava td { padding: 6px 12px; border: 1px solid #444; }

table.kontaktni-udaje {
  margin: 10px 0;
}

  table.kontaktni-udaje td {
    width: 110px;
    padding: 5px;
    border: 0;
    
    font-size: 1.2em;
  }


div.cart-item {
  width: 450px;
  min-height: 154px;
  
  margin: 0 0 10px 0;
  padding: 10px;
    
  border: 1px solid #aba671;
}

  div.cart-item img {
    float: left;
    
    margin: 0 15px 15px 0;
    padding: 3px;
    
    border: 1px solid #aba671;
  }
  
  div.cart-item form {
    display: inline;
    margin: 10px 0 0 15px;
    text-align: right;
  }
  
  div.cart-item big {
    font-weight: bolder;
    font-size: 1.3em;
  }

p.short-text {
  margin-top: -16px;
}

div#footer-top {
  clear: both;
  width: 862px;
  min-height: 70px;
  _height: 70px;
  
  margin: 0 0 0 22px;
  padding: 12px 20px;
  
  background: url(img/footer-top-bg.png) repeat-y;
}



  div.footer-thirth {
    display: block;
    float: left;
    width: 33%;
  }

    div#footer-top h2 {
      color: #9d5151;
      margin-bottom: 6px;
    }
    
    div#footer-top ul {
      margin-left: 12px;
    }
    
    div#footer-top li {
      font-size: 90%;
      list-style-type: square;
      color: #9d5151;
    }

    div#footer-top a {
      color: #bd7171;
      text-decoration: none;
    }

    div#footer-top a:hover {
      color: #dd9191;
    }


div#footer {
  position: relative;

  width: 862px;
  min-height: 120px;
  _height: 120px;
  
  margin: 0 0 0 22px;
  padding: 12px 20px 20px 20px;
  
  background: url(img/footer-bg.png) repeat-y;
  color: #886666;
  border-top: 1px solid #570909;
}

div#footer a {
  color: #9b7979;
  text-decoration: none;
}

div#footer a:hover {
  color: #c3a3a3;
}

a#footer-logo {
  display: block;
  position: absolute;
  left: 16px;
  top: 55px;
  
  width: 75px;
  height: 75px;
  
  text-indent: -9999px;
  
  background: url(img/footer-logo.jpg) no-repeat;
}

#footer p.copy {position: absolute; bottom: 0; right: 20px; color:#887f67;text-align:left;}
#footer p.copy img {width:50px;float:right;}



div#dragon {
  position: absolute;
  bottom: 175px;
  right: 22px;
  
  width: 152px;
  height: 245px;
  
  background: url(img/dragon.png) 0 0 no-repeat;
}


hr {
  clear: both;
  visibility: hidden;
  
  font-size: 0;
}

.active {
  cursor: default;
}

.submit {
  cursor: pointer;
}


h3.info {
  width: 100%;
  
  margin-bottom: 10px;
  padding: 10px 0;
  
  font: 1.2em sans-serif;
   
  background: #c3d496;
  border: 1px solid #69822b;
  
  text-align: center;
}

h3.error {
  width: 100%;
  
  margin-bottom: 10px;
  padding: 10px 0;
  
  font: 1.2em sans-serif;
   
  background: #d4ac96;
  border: 1px solid #924703;
  
  text-align: center;
}

.clear {clear:both}

.hide-img img {display:none;}
.left-img {float:left}
.right-img {float:right}

div#partners { padding-left: 95px; width: 500px; }