/* Petr Kras for VARVAcom, 9.2.2007 */

body {
  padding: 0px 0px 0px 0px; /* TOP RIGHT BOTTOM LEFT */
  margin: 5px;
  font-family: Verdana, Geneva, Arial, sans-serif; 
  font-size: 11px;
  background-color: #F4F4F4;
}

table {
  font-size: 11px;
}

h1 { 
  font-size: 20px; 
  font-weight: bolder; 
  background-color: #777777; 
  color: #EEEEEE; 
  padding: 5px 10px 5px 10px; 
/*  padding: 0.2em 0.5em 0.2em 0.5em; */
}
h1.pageheader { 
  text-align: center; 
  font-size: 25px; 
}
h2 {
  font-size: small; 
  font-weight: bolder; 
  background-color: #EEEEEE; 
  color: #777777;
  padding: 3px 10px 3px 10px; 
/*  padding: 0.2em 0.5em 0.2em 0.5em; */
}
a, a:hover { 
  text-decoration: underline;
/*  font-weight: normal; */
}
form {
/*  padding: 0.2em 0em 0.2em 0em; */
}
select {
  font-size: 1em; 
  font-weight: bolder; 
}
input {
  color: black;
/*  background: #777777; */
  border: 1px solid #777777
}

pre {
  font-family: Courier;
}

.listitem {
  font-size: 1.5em; 
  font-weight: bold; 
  text-align: center; 
  background-color: #DDDDDD; 
  border-color: black;
  border: 1px;
}
.listitem a, .listitem a:hover, .listitem a:link {
  color: black;
  text-decoration: underline; 
  background-color: #BBBBBB; 
}

.submit input {
  color: #000;
  background: #777777;
  border: 10px outset #777777
}


a.techinfo { }
a.techinfo:hover { background-color: #BBBBBB; }
a.techinfo:link { color: #777777; }

.techinfo table {
  text-align: center;
  font-size: 1.0em;
  border-width: 3px;
  border-style: solid;
  border-color: #777777;
  border-collapse: collapse; 
  empty-cells: show;
}
.techinfo caption {
  text-align: left;
  font-size: 1.8em;
  font-weight: bold; 
  margin-left: auto;
  margin-right: auto;
}
.techinfo tbody, .techinfo thead, .techinfo tfoot, .techinfo th {
  background-color: #EEEEEE;
  color: blue; 
}
.techinfo tbody, .techinfo thead, .techinfo tfoot, .techinfo th, .techinfo td  {
  border-width: 1px;
  border-style: solid;
  border-color: #777777;
  padding: 3px 5px 3px 5px;
}
.techinfo th { text-align: left; }
.techinfo { /* trida techinfo */
/*  font-size: smaller; */
}

.center { 
  text-align: center;
}

.center table { 
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

caption { /* vsechny caption */
  font-size: 1.5em;
  font-weight: bold;
}
th { /* vsechny th */
  font-size: 1.0em;
  font-weight: bold; 
} 
.price p { text-align: right; }
.price th { text-align: center; }
.price { text-align:center; /* table center IE */ }
.price table { margin-left: auto; margin-right: auto; /* table center FF */ }
.price table { /* table inside of class price */
  color: black; 
  font-size: 0.95em;
}

/* table.pricetable { */ /* table of class pricetable */
.pricetable table { /* table inside of class pricetable */
  border-width: 2px;
  border-style: solid;
  border-color: gray;
  border-collapse: collapse; 
  empty-cells: show;
}
.pricetable caption { /* caption inside of class pricetable */
  text-align: left;
  font-size: 1.8em;
  font-weight: bold;
}
.pricetable th { /* td inside of class pricetable */
  padding: 2px 2px 2px 2px;
/*  border: 1px dashed gray; */
}

.pricetable td { /* td inside of class pricetable */
  border-width: 1px;
  border-style: dashed;
  border-color: gray;
  padding: 1px 5px 1px 5px;
}

/* formatovani pro FF, Mozilla */
/*.pricetable td { text-align: left }*/ /* pouziti v IE ovlivni vsechny bunky ne jen prvni */
.pricetable td+td { text-align: center } /* identc */
.pricetable td+td+td { text-align: center } /* obrazek */
.pricetable td+td+td+td { text-align: center } /* vyrobce */
.pricetable td+td+td+td+td { text-align: left; } /* popis */
.pricetable td+td+td+td+td+td { text-align: center } /* stahnout */
.pricetable td+td+td+td+td+td+td { text-align: right } /* skladem */
.pricetable td+td+td+td+td+td+td+td { text-align: right } /* bez DPH */
.pricetable td+td+td+td+td+td+td+td+td { text-align: right } /* s DPH */
.pricetable td+td+td+td+td+td+td+td+td+td { text-align: left } /* kategorie */

/* formatovani sirky */
.price_status    { width: 12ex; }
.price_identc    { width: 10ex; }
.price_obrazek   { width: 5ex; }
.price_vyrobce   { width: 16ex; }
.price_popis     { white-space:nowrap; /* FF */ }
.price_popis     { _white-space:normal; /* IE */ }
.price_stahnout  { width: 5ex; }
.price_skladem   { width: 12ex; }
.price_bezdph    { width: 7em; }
.price_sdph      { width: 7em; }
.price_kategorie { width: 70ex; }

/* formatovani pro IE */
.price_status    { text-align: left; _width: 10ex; }
.price_identc    { text-align: center; _width: 6ex; }
.price_obrazek   { text-align: center; _width: 2ex; }
.price_vyrobce   { text-align: center; _width: 6em; }
.price_popis     { text-align: left; _width: 600ex,*; }
.price_stahnout  { text-align: center; _width: 2ex; }
.price_skladem   { text-align: right; _width: 4ex; }
.price_bezdph    { text-align: right; _width: 5em; }
.price_sdph      { text-align: right; _width: 5em; }
.price_kategorie { text-align: center; _width: 70ex; }

img { /* no border for img link */
   border: 0px;
}
.xprice table {
/*  border-collapse: collapse; */
  border-collapse: separate;
  border-spacing: 15pt; 
  border-color: black;
  border-style: dashed
  border-width: 2px;
/*  padding: 50px 5px 10px 5px;
  background-color: darkgrey; 
  empty-cells: show;
  margin: 1px solid;*/
}




.btn {
  background-color: #777777; color: #EEEEEE;
  border: 1px solid black;
  width: 8ex;
  height: 1.4em;
}

.menu {
  font-weight: bold;
}
.menu .head, .menu .head a {
  background-color: #777777; color: #EEEEEE;
}
.menu .item, .menu ul, .menu ul li a {
  color: #777777; background-color: #EEEEEE;
}
.xmenu ul li {
/*  background-color: #777777; color: #EEEEEE; */
  list-style-position: outside;
  padding: 0;
  margin: 0 0 0 0; /* TOP RIGHT BOTTOM LEFT */
}
.menu .head {
  font-size: 1.2em;
}
.menu ul {
  font-size: 0.9em;
/*  background-color: #EEEEEE; color: #777777; */
  list-style-type: none;
  marker-offset: 0.2em;
  padding: 0;
  margin: 0 0 0 0; /* TOP RIGHT BOTTOM LEFT */
}
.menu li a:hover {
  background-color: #CCCCCC; /* dark #EEEEEE */
  color: #333333;
}
.menu .head a:hover {
  background-color: #BBBBBB; /* dark cyan */
  color: #222222;
}
.menu form {
  padding: 0;
  margin: 0;
}

.menu form {
  border: solid 2px #EEEEEE;
}
.menu input, .menu select {
  font-size: 12px;
  margin: 1px;
}
.menu .head a {
  margin: 0 0.2em 0 0.2em; /* TOP RIGHT BOTTOM LEFT */
}
.menu ul li a {
  margin: 0 0.2em 0 0.8em; /* TOP RIGHT BOTTOM LEFT */
}


.menu a { 
  text-decoration: none;
}
.menu a:hover {
  text-decoration: underline; 
}


.webdesign {
  background-color: #777777; color: #EEEEEE;
  padding: 10 15 10 15; 

/*  padding: 1em 0.2em 1em 0.2em; */
  font-weight: normal;
  font-size: 0.8em;
  font-style: italic;
  text-align: center;
}
.separator {
  font-size: 5px; /*IE*/
  height: 5px; /*FF*/
  border: 0;
  padding: 0;
  margin: 0;
}


.copy { 
  font-family: Tahoma, Arial, Helvetica, sans-serif; 
  font-size: 8pt;
  text-align: center 
}





.lefttext { text-align: left; }
.righttext { text-align: right; }
.centertext { text-align: center; }
.toptext { vertical-align: text-top; }
.middletext { vertical-align: middle; }
.bottomtext { vertical-align: text-bottom; }
.nowrap, .nowrap td { white-space:nowrap; }
.verticaltext {
  padding: 5px 10px 5px 1px;
  white-space: nowrap;
  vertical-align: top;
  text-align: center; 
}
.verticaltext_IE { /* for IE */
  padding: 5px 10px 5px 1px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: left; 
  writing-mode: tb-rl; /* IE only */
  filter: flipv fliph; /* IE only */
}
.bold, .bold:hover { font-weight: bold; }
.center { text-align: center; }

.contact { background-color: #777777; color: #EEEEEE; padding: 10px; text-align: center; font-size: 150%; border: groove; border-width: 10px; border-color: #EEEEEE; }
.contact strong { font-size:40px; }

.tab1 { text-align:center; /* table center IE */ }
.tab1 table { margin-left: auto; margin-right: auto; /* table center FF */ }
.tab1 table {
  text-align: left; 
  font-size: 1.0em;
  border-width: 3px;
  border-style: solid;
  border-color: #777777;
  border-collapse: collapse; 
  empty-cells: show;
}
.tab1 caption { text-align: right; /* caption center IE */ }
.tab1 caption { margin-left: auto; margin-right: auto; /* caption center FF */ }
.tab1 caption { 
  font-size: 1.8em;
  font-weight: bold; 
  margin-left: auto;
  margin-right: auto;
}

.tab1 tbody, .tab1 thead, .tab1 tfoot, .tab1 th {
  background-color: #EEEEEE;
  color: blue; 
}
.tab1 tbody, .tab1 thead, .tab1 tfoot, .tab1 th, .tab1 td  {
  border-width: 1px;
  border-style: solid;
  border-color: #777777;
  padding: 3px 5px 3px 5px;
}
.tab1 th { text-align: left; }

.tab3 { text-align:center; /* table center IE */ }
.tab3 table { margin-left: auto; margin-right: auto; /* table center FF */ }
.tab3 table { 
  color: #777777; 
  text-align: center; 
  font-size: 1.0em;
  border-width: 0px;
  border-style: solid;
  border-collapse: collapse; 
  empty-cells: show;
}
.tab3 caption { 
  font-size: 1.3em;
  font-weight: bold; 
}
.tab3 caption { text-align: center; margin-left: auto; margin-right: auto; /* caption center FF */ }

.ext { } /* external links */

