@import url(tabs.css);
@import url(lister.css);

body
{
  font-family: sans-serif; font-size: 10pt;
  background: #CCB38F;
}

h1 { font-size: 1.4em; border-bottom: 3px solid #807059; padding: 4px 0; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; color: #807059; }
h4, h5, h6 { font-size: 1.1em; }

img
{
  border: none;
}

.wiki_page img
{
  border: 1px solid #a0a0a0; padding: 5px;
}

img.vpravo
{
  float: right; margin: 10px 0 10px 10px;
}

hr
{
  border: none; border-top: 1px solid #CCB38F;
}

.shrnuti table
{
  border-collapse: collapse;
  border-top: 1px solid #808080; border-bottom: 1px solid #808080;
  border-left: none; border-right: none;
}

.shrnuti td
{
  border: 1px solid #a0a0a0;
  padding: 2px 4px;
}

input.text
{
  padding: 0 2px;
  border: 1px solid black;
}

a
{
  color: #59805E;
}

a:hover
{
  color: #FF9900; text-decoration: none;
}

.small
{
  font-size: smaller;
}

/* Layout */

#page
{
  width: 98%; margin: 0 auto; max-width: 900px; min-width: 750px; _width: expression(document.body.clientWidth > 1024 ? "950px" : "98%");
  position: relative;
  background: #E6DCCF;
  background-image: url(pruh.jpeg); background-repeat: no-repeat; padding-top: 90px;
}

#sidebar
{
  width: 18%; float: left;
}

#content
{
  width: 79%; float: right;
}

#content2
{
  margin-right: 1%;
}

#sidebar, #content
{
  margin-top: 30px; margin-bottom: 15px;
}

#search .searchfield
{
  width: 95%;
}

#login
{
  position: absolute; top: 93px; right: 10px;
}

#lang
{
  position: absolute; top: 95px; right: 1em; width: 100px; text-align: right;
}

#lang h4
{
  display: none;
}

#slogan
{
  position: absolute; top: 20px; left: 0; width: 100%;
  font-size: 20pt; _font-size: 30px; color: #E6DCCF; text-align: center;
}

#slogan-shaddow
{
  position: absolute; top: 22px; left: 2px; width: 100%;
  font-size: 20pt; _font-size: 30px; color: black; text-align: center;
}

/* Left */

#navig ul
{
  list-style-type: none; padding: 0; margin: 0 0 0 1em;
  border-bottom: 1px solid #807059;
}

#navig li
{
  padding: 2px 4px; margin: 0;
  border-top: 1px solid #807059;
}

#navig a
{
  text-decoration: none; color: black;
  display: block;
}

#navig a:hover
{
  background: #d8c7ae;
}

/* Footer */

#footer
{
  background: #d8c7ae; border-top: 1px solid #807059;
  position: relative; height: 12ex;
  font-size: smaller;
}

#footer #address
{
  position: absolute; top: 10px; left: 20%;
}

#footer #contact
{
  position: absolute; top: 10px; left: 60%;
}

/* Shop */

table.shop_cart, table.shop-form
{
  width: 100%;
}

table.shop_cart h2
{
  margin: 0;
}

table.shop_cart tr.even
{
  background: #d8c7ae;
}

table.shop_cart td, table.shop_cart th
{
  padding: 3px 6px;
}
 
table.shop_cart .image, table.shop_cart .price
{
  width: 120px;
}

table.shop_cart .image
{
  text-align: center;
}

table.shop_delivery th, table.shop_shipment th
{
  text-align: left;
}

.pager
{
  text-align: center;
}

/* Menu */

#menu
{
  position: absolute; top: 90px; left: 0; width: 100%;
  background: #6E9D74;
}

#menu ul
{
  padding-left: 20%; margin: 5px 0;
}

#menu li
{
  display: inline; margin-right: 2em;
}

#menu a
{
  color: #CFE6D2; font-weight: bold; text-decoration: none; font-variant: small-caps;
}

#menu a:hover
{
  text-decoration: underline;
}

/* Cart */

#cart2
{
  font-size: 110%;
  margin: 1em 0 0 1em; padding: 0.5em;
  border: 1px solid #807059;
}

.delivery-help
{
  vertical-align: top;
}

.delivery-help div
{
  border: 1px solid #CCB38F; padding: 0 1em;
  font-style: italic;
}

.shop-form th
{
  text-align: right;
}

.shop-form td
{
  width: 30%;
}

.shop-form td input
{
  width: 98%;
}

.shop-form { border-spacing: 1em 0; }

.tophry table { width: 100%; border: 1px solid #a0a0a0; }
.tophry table td, .tophry table th { font-weight: normal; width: 25%; }
.tophry img { width: 110px; }

.levysloupec { width: 49%; float: left; }
.pravysloupec { width: 49%; float: right; }
.levysloupec .tophry td, .levysloupec .tophry th { width: 50%; }

.shop-cart { width: 100%; margin: 1em 0; }
.shop-cart th, .shopcart td { padding: 4px 8px; }
.shop-cart th { background: #d8c7ae; }
.shop-cart .even { background: #d8c7ae; }
.shop-cart .small { font-size: smaller; color: #807059; }
.shop-cart .summary { font-weight: bold; }
.shop-cart .image { text-align: center; }
.shop-cart h2 a { color: inherit; }

.shop-shipment th { padding: 4px 0; }
.shop-shipment label { display: inline; padding-left: 1em; }

/*.shop-form input[type=text], .shop-form input[type=password] { display:block; -moz-border-radius:4px; -webkit-border-radius:4px; border:solid 1px #ccc; font-size:13px; margin:0 0 5px; padding:5px; width:203px; *width:195px; }*/

.shop-error { color: red; }

.shop-steps { width: 100%; text-align: center; }
.shop-steps .current { font-weight: bold; }