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

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

body {
  margin: 0; 
  padding: 0;
  font: normal 11px Tahoma, Arial, sans-serif;
  color: #667079;
  background: url(/images/body_bg.gif) repeat-x #E5EBE9;
  }

h1 {
  color: #14679e;
  font: bold 14px/14px Tahoma, Arial, sans-serif;
  padding: 0 0 0 0;
  margin: 0 0 10px 0;
}

h2 {
  color: #14679e;
  font: bold 11px/11px Tahoma, Arial, sans-serif;
  padding: 0 5px 0 0;
  margin: 0 0 7px 0;
  }

h3 {
  font: normal 10px/11px Tahoma, Arial, sans-serif;
  padding: 0;
  margin: 0 0 7px 0;
  }

h4 {
  font: normal 12px/11px Tahoma, Arial, sans-serif;
  padding: 0;
  margin: 0 0 3px 0;
  }

h6 {
  vertical-align: middle;
  margin: 0 0 10px -20px;
  font: bold 15px/20px Verdana, Tahoma, Arial, sans-serif;
  }

a {
  color: #14679e;
  text-decoration: none;
  }

a:hover {
  text-decoration: underline;
  }

img {
  border: 0;
  }

p {
  margin: 5px 0 0 0;
  }

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

form {
  margin: 0;
  padding: 0;
  }

#Outer {
  width: 910px;
  position: absolute;
  left: 50%;
  text-align:center;
  border-left: 10px solid white;
  border-right: 10px solid white;
  margin: 0 0 0 -455px;
  padding: 0;
  background: white;
  top: -30px;
  }

#Header {
  margin: 0; 
  padding: 0;
  width: 910px; height: 285px;
  text-align: left;
  }

#HeaderTop {
  margin: 0;
  padding: 0;
  width: 910px; height: 51px;
  background: white;
  }

#HeaderTopLeft {
  float: left;
  margin: 0;
  padding: 0;
  width: 221px; height: 51px;
  }

#HeaderTopRight {
  float: right;
  margin: 0;
  padding: 0;
  width: 680px; height: 51px;
  color: black;
  }

#HeaderTopRightText {
  padding: 4px 0 0 0px;
  position: relative;
  top: 54px; left: 640px;
  width: 175px; height: 30px;
  }
  
#HeaderTopMenu {
  padding: 0 0 0 0px;
  position: relative;
  top: 227px; left: 0px;
  width: 99%; height: 50px;
  }

#HeaderTopMenu td {
  vertical-align: middle;
  height: 20px;
  }
  
#HeaTopMenPriSe {
  text-align: right;
  width: 350px;
  }

#login_email {
  font: normal 10px Tahoma, Arial, sans-serif;
  padding: 1px 0 0 4px;
  margin: -1px 0 0 0;
  color: #BBB;
  /*border: 1px solid #808080;*/
  width: 110px;
  height: 14px;
  }

#login_heslo {
  font: normal 10px Tahoma, Arial, sans-serif;
  padding: 1px 0 0 4px;
  margin: -1px 0 0 0;
  color: #BBB;
  /*border: 1px solid #808080;*/
  width: 110px;
  height: 14px;
  }

#HeaTopMenSubBut {
  font: normal 10px Tahoma, Arial, sans-serif;
  }

#HeaderImg {
  width: 910px; height: 232px;
  }

.HeaderImgCz {
  background: url(/images/HeaderImgCz_bg.jpg) no-repeat;
  }

.HeaderImgEn {
  background: url(/images/HeaderImgEn_bg.jpg) no-repeat;
  }

#HeaderImgFlash {
  position: relative;
  top: 0px;
  left: 225px;
  width: 461px;
  height: 210px;
  }

#HeaderMenu {
  width: 910px; height: 34px;
  background: url(/images/HeaderMenu_bg.gif) repeat-x;
  text-align: right;
  }

.Pad {
  padding: 0 0 0 5px;
  }

.Pad2 {
  padding: 0 0 0 4px;
  }

.Pad3 {
  padding: 0 0 10px 0;
  }

#RightBar {
  width: 665px;
  height:auto !important;
  height:500px;
  float: right;
  margin: 0; 
  padding: 0;
  text-align: left;
  background: #FFF;
  }
  
html>body #RightBar {
  width: 682px;
  min-height: 600px;
  float: right;
  margin: 0;
  padding: 0;
  text-align: left;
  background: #FFF;
  }

#RightBar img {
  border: 0;
  }

.RightBarpad {
  margin: 20px 0 0 0;
  padding: 1px 20px 0 23px;
  }

#LeftBar {
  width: 225px;
  float: left;
  margin: 0;
  padding: 0;
  border-right: 3px solid white;
  }

#LeftBarpad {
  margin: 0;
  padding: 0;
  }
  
#Footer {
  background: white;
  width: 910px; height: 35px;
  color: black;
  }

#Ftext {
  top: 16px;
  margin-left: auto;
  text-align: right;
  width: 700px;
  position: relative;
  padding: 0;
  }
  
#Ftext a {
  color: black;
  }

#Basket {
  width: 50%;
  height: 34px;
  text-align: right;
  vertical-align: middle;
  font: normal 11px Arial, sans-serif;
  margin-left: auto;
  }
  
#Basket table {
  margin-left: auto;
  height: 34px;
  }
  
#Basket td {
  vertical-align: middle;
  }
  
#Basket a, #Basket a:hover {
  color: #14679e;
  text-decoration: none;
  font: normal 14px Arial, sans-serif;
  }
  
#MenuSearch {
  width: 100%;
  height: 90px;
  vertical-align: middle;
  border-top: 3px solid white;
  background-color: #6591C1;
  /* url(/images/Search_bg.gif) repeat-x; */
  padding: 0;
  margin: 0;
  }

#MenuSearchHeading {
  width: 91px; height: 14px;
  background: url(/images/MenuSearchHeading_bg.gif) no-repeat;
  margin: 15px 0 20px 20px;
  padding: 0;
  }

#Search {
  padding: 0;
  width: 100%;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  }

#Search table {
  margin: auto;
  vertical-align: middle;
  }

.butonek {
  margin: 0;
  }

.isearch {
  font: normal 10px Tahoma, Arial, sans-serif;
  padding: 1px 0 0 4px;
  margin: -1px 0 0 0;
  color: #BBB;
  border: 1px solid #808080;
  width: 123px;
  height: 14px;
  }

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

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

#Menu {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
  background-color: #004896;
  font-size: 14px;
  }

#MenuPad {
  padding: 15px 0 0 25px;
  margin: 0;
  }

#MenuHeading {
  width: 104px; height: 12px;
  background: url(/images/MenuHeading_bg.gif) no-repeat;
  margin: 3px 0 13px 0;
}

#Menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  }
  
#Menu li {
  }
  
.MenuLi {
  padding: 0 0 0 16px;
  margin: 0 0 3px 0;
  color: #FFD700;
  letter-spacing: 1px;
  background: url(/images/Menu_li.gif) 2px 7px no-repeat;
  }
  
.MenuLi2 {
  padding: 0 0 0 12px;
  margin: 0 0 0 -10px;
  color: white;
  letter-spacing: 1px;
  background: url(/images/Menu_li_2.gif) 0 7px no-repeat;
  }
  
.MenuLi a {
  color: #FFD700;
  }

.MenuLi2 a {
  color: white;
  }

#Menu a {
  width: 100%;
  text-decoration: none;
  }
  
#Menu a:hover {
  width: 100%;
  text-decoration: underline;
  }
  
/* kategorie formating *******************************/

.Kategorie {
  margin: 0;
  padding: 2px;
  font-size: 0.95em;
  }

.Kategorie p {
  margin: 0;
  padding: 0; 
  }

.Kategorie table {
  padding: 0;
  margin: 0 0 10px 0;
  width: 100%;
  height: 10px;
  }

.Kategorie table td {
  background: #fff;
  vertical-align: top;
  margin: 0;
  padding: 0;
  }

.Kategorie table th {
  background: url(/images/table_border_top.gif) repeat-x;
  width: 100%;
  height: 15px;
  margin: 0;
  padding: 0;
  border: 0;
  color: black;
  }

.Kategorie img {
  margin: 0;
  padding: 0;
  }

.Kategorie ul  {
  padding:0;
  }

.Kategorie li {
  }
  
.KategorieVypis {
	width: 100%;
	height: auto;
	margin: 10px 0px 10px 0px;
	padding: 0 0 0 0;
	text-align: left;
}

.KategorieVypis table {
  height: 140px;
  }
  
.KategorieVypis th {
  padding: 0;
  margin: 0;
  width: 100%;
  font-weight: bold;
  border: 0;
  }

.KategorieVypisLeft {
  float: left;
  width: 49%; /*height: 160px;*/
  margin: 0 0px 10px 0;
  background: white;
  }

.KategorieVypisRight {
  float: right;
  width: 49%; /*height: 160px;*/
  margin: 0 0 10px 0;
  background: white;
  }

.KategorieVypisDetail {
  width: 100%; height: 20px;
  padding: 0px 10px 0px 0px;
  text-align: center;
  }

.KategorieVypisKoupit {
  width: 50%; height: 44px;
  padding: 10px 0 10px 10px;
  text-align: left;
  }
  
.KategorieVypisObrazek {
  padding: 0px;
  text-align: center;
  }
  
.KategorieVypisPopis {
  padding: 10px 0 0 0px;
  vertical-align: top;
  text-align: center;
  }

#KategorieProdukty {
	width: 100%;
	height: auto;
	margin: 10px 0 20px 0;
	padding: 0;
	color: #000;
	text-align:left;
  }

#KategorieProdukty table {
  width: 100%;
	margin: 0 0 5px 0;
  }
  
.KategorieProduktyTd {
  width: 30%;
  background-color: #fff;
  }

.KategorieProduktyTdBorder {
  border: 1px solid #1E328B;
}

.KategorieProduktyTdBtwn {
  width: 5%;
  background: none;
  }

#KategorieProduktyTop {
  width: 100%; height: 25px;
  }

#KategorieProduktyNadpis {
  text-align: left;
  float: left;
  width: 40%;
  padding: 3px 0 0 0;
  }

#KategorieProduktyRazeni {
  text-align: right;
  float: right;
  padding-right: 15px;
  width: 50%;
  }

#KategoriePopis {
  width: 100%;
  margin: 0 0 15px 0;
  }

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

/***** detail formating          *****/

.Detail {
  width: 100%;
  }

.DetailPopis {
  text-align: left;
  width: 60%;
  display: table-cell;
  vertical-align: top;
  }

.DetailObrazky {
  text-align: right;
  width: 35%;
  }
  
.DetailPopisPopis {
  padding: 0 0 0 0;
  width: 100%;
  }
  
.DetailPopisCena {
  padding: 10px 0 0 0;
  width: 100%;
  color: black;
  }

.DetailPopisProdej {
  padding: 10px 0 0 0;
  width: 100%;
  }

.DetailPopisCenaCena {
  font: bold 12px Tahoma, Arial, sans-serif;
  }

.kosinput {
  width: 17px;
  height: 15px;
  font: normal 12px Tahoma, Arial, sans-serif;
  text-align: center;
  }
  
/******  detail 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;}
.right {text-align: right;}
.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;
  }
.SmTD { width:20%; }
.MeTD { width:30%; }
.LaTD { width:80%; }
.displaynone { display: none; }
.W115PX { width: 115px; }

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

.Tkosik {
  width: 100%;
  border-collapse: collapse;
  }

.Tkosik  td {
  padding: 3px 0 3px 8px;
  border-top: 1px solid #D2D2D2;
  background: none;
  }

.Tkosik  th {
  padding: 3px 0 3px 8px;
  border: none;
  background: none;
  color: black;
  }

.no-screen {
  display: none;
  }

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

.input_text_stopro {
  width: 98%;
  border: 1px solid #AAA;
  }

.hledani {
  padding: 0 0 0 10px;
  }
  
.strankovani {
  width: 100%;
  padding: 5px 15px 10px 0;
  margin-left: auto;
  text-align: right;
  }
  
.black {
  color: black;
  }

.sta_ok {
  color: green;
  font-weight: bold;
  text-align: left;
  }
  
.sta_ko {
  color: red;
  font-weight: bold;
  text-align: left;
  }
  
/* text formating, start *******************************/

.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;
  }
  
.color1E328B {
  color: #1E328B;
  }

.bold {
  font-weight: bold;
  }

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

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

.underline {
  text-decoration: underline;
  }
  
.clear {clear: both;}

.nobg {
  background: none;
  }
  
.status_ko_nadpis {
  color: red;
  font-weight: bold;
  text-align: left;
  padding: 0; margin: 0;
  }

.status_ko {
  color: red;
  font-weight: bold;
  padding: 0 0 0 15px;
  text-align: left;
  }

.status_ok {
  color: green;
  font-weight: bold;
  padding: 2px 0 2px 0px; margin: 0;
  text-align: left;
  }
/* text formating, konec *******************************/