/* #id    */
/* .class */

/* layout, start *******************************/

body {
  margin: 0;
  padding: 0;
  font: normal 0.75em/160% Arial, sans-serif;
  color: #333;
  background: url(/images/bg-body.gif) #E9DBC0 repeat-x;
  }

#Outer {
  width: 788px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  text-align:center;
  border: 0;
  margin: 0 0 0 -394px;
  padding: 0;
  }

#Head {
  margin: 0px auto;
  padding: 0;
  width: 770px;
  height: 198px;
  background: none;
  text-align: left;
  }

#HeadTop {
  margin: 0;
  padding: 0;
  width: 800px; height: 12px;
  background: url(/images/header_top_bg.gif) repeat-x;
  }

#HeadBottom {
  float: right;
  margin: 0;
  padding: 0;
  width: 800px; height: 164px;
  background: url(/images/header_bottom_bg.gif) no-repeat;
  }
  
#flash {margin: 0px auto; width: 770px;  height: 137px;  background: url(/images/flash.gif) 0 0 no-repeat;   }

#topbg {width: 788px;  height: 365px;   background: url(/images/bg-top.gif) 0 0 no-repeat; }

#topbg img {border: 0}

#topbg2 {width: 788px;  height: 18px;   background: url(/images/bg-top2.gif) 0 0 no-repeat; }

#topbg3 {
  width: 788px;
  background: url(/images/bg-top3.gif) 0 0 repeat-y;
  margin: 0;
  padding: 0;
  }

.Pad {
  padding: 0 20px 15px 20px;
  }

#Content {
  width: 770px;
  text-align: left;
  margin: 0px auto;
  }
  
#Cpad {
  margin:0;
  padding: 0 20px 0 20px;
  }
  
#Main {
  width: 60%;
  float: left;
}

#Right {
  width: 40%;
  float: right;
  background: url(/images/bg-right.gif) left top #D2BF95 repeat-x;
  height:auto !important;
  height:400px;
}

html>body #Right {
  width: 40%;
  float: right;
  background: url(/images/bg-right.gif) left top #D2BF95 repeat-x;
  min-height:400px;
}

#Footer {
  text-align: right;
  width: 788px;
  height: 39px;
  background: url(/images/bg-footer.gif) 0 0 no-repeat;
  color: #DFD4B9;
  font: bold 13px/27px Tahoma, sans-serif;
  }

#lista {
  text-align: center;
  width: 100%;
  height: 39px;  
  color: #DFD4B9;  
  font: bold 11px/27px Tahoma, sans-serif;
  background: #E9DBC0;
  }
#Footer a {
  padding: 0 20px 0 0;
  color: #DFD4B9;
  text-decoration: none;
  }

/* layout, konec *******************************/

/* text formating, start *******************************/

h1 {margin-top: 0em;  font:  150% Tahoma, sans-serif;  color: #B6331F}

h2 {margin-top: 0em; font: 150% Tahoma, Serif}

h3 {font: bold 110% Verdana, Serif;  color: #77AC2D}

h4 {font: bold 100% Verdana, Serif;  color: #77AC2D}

h5 {font: normal .8em/130% Arial, sans-serif; }

h6 {font: normal .8em/130% Arial, sans-serif; }
  
a {
  color: #4B7BA1;
  text-decoration: underline;
  }

a:hover {
  text-decoration: none;
  }

p {
  margin: 0 0 5px 0;
  padding: 0;
  }

th {
  background:#2b2d8c;
  color: white;
  font-weight: bold;
  border: 1px solid #e1e1e1;
  padding: 3px;
  }
  
img {
  border: 0px;
}
  
form {
  margin: 0;
  padding: 0;
  }

.hr1 {
  width: 90%;
  height: 2px;
  margin: auto;
  border-top: 2px dotted white;
  }

.hr2 {
  width: 90%;
  height: 2px;
  margin: auto;
  border-top: 2px dotted black;
  }

.green {
  color: #F7981D;
  }

.white {
  color: #fff;
  }

.bold {
  font-weight: bold;
  }

.smaller {
  font: normal 22px/35px Tahoma, sans-serif;
  }

.BBBox p {
  margin:5px 0 0 0; padding:7px 0 0 0;
  }

.clear {clear: both;}


/* top menu, start *********/

#UserMenuBar {
  width: 770px;
  height: 31px;
  margin: 0px auto;
  font: normal 18px/27px Tahoma, sans-serif;
  }
  
#UserMenuBar table {
  width: 770px;
  }

#UserMenuBar td   {
  height: 30px;
  text-align: left;
  color: #74B7A9;
  vertical-align: center;
  padding: 0;
 }

#UserMenuBar td a {
  padding: 2px 18px 5px 19px;
  display: inline;
  color: #74B7A9;
  text-decoration: none;
}

#UserMenuBar td a:hover {
  text-decoration: none;
  background: #74B7A9;
  color: white;
}

#UserMenuBar form {
  display: inline;
  }
  
#UserMenuBar table {
  margin-left: auto;
  }

#UserMenuBar input {
  font-size: 0.95em;
  }

.UserMenuBarHover {
  background: url(/images/background_top_menu_hover.gif) repeat-x;
  font-weight: bold;
  color: black;
  font-size: 11px;
}

/* top menu, konec **************/

/* menu, start *******************************/

/* kategorie formating *******************************/

.border img {
  border: 1px solid #D8D8D8;
  }

.W50 {width: 50%;}
.W70PX {width: 70px;}
.W150 {width: 150px}
.W100 {width: 100%;}
.W100 img {border: 1px solid #D8D8D8;}

.getright {text-align: right; margin:0; padding: 0;}

.bar {
  width: 100%;
  height: 20px;
  background: #fff;
  border-top: 1px solid #ddd;
  color: black;
  }

.detail_cena {
  width: 100%;
  height: 20px;
  background: #B6B4B5;
  border-top: 1px solid #ddd;
  color: white;
  text-align: right;
  }

.center {text-align: center;}
.barpad {padding: 8px;}
.smallpad {padding: 5px;}
.mediumsize {font-size: 12px}
.bigger {font-size: 14px}
.grayrightsideline { border-right: 2px solid black; }
.kosik {font-weight: bolder; text-align: right}
.prislusenstvi {
  color: white;
  width: 100%; height: 15px;
  background: url(/images/background_top-user-user2.jpg);
  margin: 4px 4px 4px 4px;
  padding: 0px 0px 2px 8px;
  }

.TinySize { font-size: 9px; line-height: 11px; }

.prislusenstviimg  {
  margin: 5px 0 5px 0;
  }

.Kpopisek {
  margin: 0 0 17px 0;
  }

.no-screen {
  display: none;
  }

.butonek {
  margin:0;
  padding:0;
  }

.stopro {
  width: 98%;
  border: 1px solid #AAA;
  }
  
.pad_left_home {
  padding: 0 0 0 23px;
  }