body {
  background-color: #414141;
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 0.9em;
  color: #ffffff;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

#main_container {
  margin: auto;
  margin-top: 30px;
  width: 680px;
  text-align: left; 
  background-color: #414141;
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  color: #7A9CF4;
}

h1 { font-size: 1.5em; margin-bottom: 1.4em; text-align: center; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.0em; margin-bottom: 0.2em; }

h1 a span {
  display: none;
}

h1 a {
  display: block;
  width: 617px;
  height: 56px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('../pict/header_combo.png');
  background-position: 0px 0px;
}

h1 a:hover {
  background-position: 0px -56px;
}

h2 {
  border-bottom: 1px solid #5e686e;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

h4 span {
  margin-right: 1.5em;
}

a, a:link, a:visited {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: underline;
}

a:hover {
  color: #7A9CF4;
  font-weight: bold;
  text-decoration: none;
}

div#menu {
  width: 680px;
}

div#menu ul {
  background-image: url('../pict/upline.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  list-style: none;
  height: 18px;
  padding-left: 40px;
}

div#menu ul li {
  float: left;
  height: 18px;
  width: 120px;
}

div#menu ul li a {
  display: block;
  height: 18px;
  width: 120px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

div#menu ul li a:hover, div#menu ul li a.selected {
  background-position: 0px -18px;
}

div#menu ul li a span {
  display: none;
}

div#menu ul li.about a { background-image: url('../pict/menu/ofirme_combo.png'); }
div#menu ul li.usage a { background-image: url('../pict/menu/pouzitiflocku_combo.png'); }
div#menu ul li.attrs a { background-image: url('../pict/menu/vlastnostiflocku_combo.png'); }
div#menu ul li.examples a { background-image: url('../pict/menu/vzorniky_combo.png'); }
div#menu ul li.contacts a { background-image: url('../pict/menu/kontakt_combo.png'); }

div#footnote {
  padding-top: 15px;
  margin-bottom: 1em;
  background-image: url('../pict/downline.png');
  background-repeat: repeat-x;
  background-position: top left;
  color: #9E9E9E;
  padding-left: 10px;
  font-size: 0.7em;
}

div#footnote a, div#footnote a:link, div#footnote a:visited {
  color: #9E9E9E;
  font-weight: bold;
  text-decoration: underline;
}

div#footnote a:hover {
  color: #7A9CF4;
  font-weight: bold;
  text-decoration: none;
}

div#footnote hr {
  display: none;
}


#content {
  font-size: 0.9em;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 50px;
  margin-left: 50px;
}

img.img-right {
  float: right;
  margin: 0px;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

p {
  margin-top: 0px;
  margin-bottom: 1em;
  text-align: justify;
}

p.sign {
  margin-top: 2em;
  padding-left: 2em;
}

br.clearing {
  clear: both;
}

ol {
  color: #7A9CF4;
  font-size: 1.1em;
  font-weight: bold;
  padding-left: 20px;
}


ol li p {
  font-weight: normal;
  color: #ffffff;
  font-size: 90%;
}

.vcard .adr {
  margin-top: 1em;
  margin-bottom: 1em;
}

.vcard em {
  font-style: normal;
}

div.map {
  float: right;
  margin-left: 2em;
  margin-bottom: 2em;
}

ul#submenu {
  float: left;
  width: 200px;
  padding: 0px;
  margin: 0px;
  list-style: none;
}

ul#submenu li {
  height: 18px;
  width: 180px;
  margin-bottom: 2px;
}

ul#submenu li a {
  display: block;
  height: 18px;
  width: 180px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

div.widerMenu ul#submenu {
  width: 245px;
}

div.widerMenu ul#submenu li, div.widerMenu ul#submenu li a {
  width: 225px;
}

ul#submenu li a:hover, ul#submenu li a.selected {
  background-position: 0px -18px;
}

ul#submenu li a span {
  display: none;
}

ul#submenu li.polyamid05 a { background-image: url('../pict/vzorniky_submenu/polyamid05_combo.png'); }
ul#submenu li.polyamid10 a { background-image: url('../pict/vzorniky_submenu/polyamid10_combo.png'); }
ul#submenu li.viskoza05 a { background-image: url('../pict/vzorniky_submenu/viskoza05_combo.png'); }

ul#submenu li.usgAuto a { background-image: url('../pict/pouziti_flocku_submenu/autoprum_combo.png'); }
ul#submenu li.usgStav a { background-image: url('../pict/pouziti_flocku_submenu/stavbaprum_combo.png'); }
ul#submenu li.usgObal a { background-image: url('../pict/pouziti_flocku_submenu/obalprum_combo.png'); }
ul#submenu li.usgText a { background-image: url('../pict/pouziti_flocku_submenu/textilprum_combo.png'); }
ul#submenu li.usgObuv a { background-image: url('../pict/pouziti_flocku_submenu/obuvprum_combo.png'); }
ul#submenu li.usgBras a { background-image: url('../pict/pouziti_flocku_submenu/brasprum_combo.png'); }
ul#submenu li.usgByto a { background-image: url('../pict/pouziti_flocku_submenu/bytdop_combo.png'); }
ul#submenu li.usgTech a { background-image: url('../pict/pouziti_flocku_submenu/beztechsouc_combo.png'); }
ul#submenu li.usgBizu a { background-image: url('../pict/pouziti_flocku_submenu/bizuterie_combo.png'); }
ul#submenu li.usgDeko a { background-image: url('../pict/pouziti_flocku_submenu/dekorzbozi_combo.png'); }
ul#submenu li.usgPapr a { background-image: url('../pict/pouziti_flocku_submenu/zpracpapir_combo.png'); }
ul#submenu li.usgKosm a { background-image: url('../pict/pouziti_flocku_submenu/kosmetika_combo.png'); }
ul#submenu li.usgMisc a { background-image: url('../pict/pouziti_flocku_submenu/ruzne_combo.png'); }

#sections {
  margin-left: 220px;
  width: 360px;
  min-height: 500px;
}

div.widerMenu #sections {
  margin-left: 245px;
  width: 335px;
  background-image: url('../pict/obr2_pouzitiflocku.png');
  background-repeat: no-repeat;
  padding-top: 1em;
}

.section p {
  margin-top: 1em;
  font-size: 80%;
}

table.examples {
  font-family: monospace;
  font-size: 8pt;
  border-collapse: collapse;
}

table td {
  border: 1px solid #666666;
  padding: 3px 3px 1px 3px;
}

div.example {
  width: 100px;
  height: 40px;
}

div.p050-8000 { background-color: #ffffff; }
div.p050-8100 { background-color: #ed1c24; }
div.p050-8713 { background-color: #d1d3d4; }
div.p050-8001 { background-color: #fffac0; }
div.p050-8210 { background-color: #034ea2; }
div.p050-8714 { background-color: #919396; }
div.p050-8400 { background-color: #fff200; }
div.p050-8310 { background-color: #008842; }
div.p050-8700 { background-color: #001722; }

div.p075-8000 { background-color: #ffffff; }
div.p075-8120 { background-color: #b51218; }
div.p075-2115 { background-color: #292984; }
div.p075-8110 { background-color: #ed1c24; }
div.p075-8130 { background-color: #7d0000; }
div.p075-8700 { background-color: #001722; }

div.p100-1001 { background-color: #ffd100; }
div.p100-1002 { background-color: #abd037; }
div.p100-1006 { background-color: #811677; }
div.p100-1004 { background-color: #fff200; }
div.p100-1005 { background-color: #b21e8e; }
div.p100-1007 { background-color: #653e82; }

div.p100-8000 { background-color: #ffffff; }
div.p100-1059 { background-color: #7d0000; }
div.p100-8539 { background-color: #a07e4f; }
div.p100-8001 { background-color: #fffac0; }
div.p100-8210 { background-color: #034ea2; }
div.p100-8530 { background-color: #562023; }
div.p100-8400 { background-color: #fff200; }
div.p100-8310 { background-color: #008843; }
div.p100-8713 { background-color: #d1d3d4; }
div.p100-8100 { background-color: #f7931d; }
div.p100-8510 { background-color: #f0c697; }
div.p100-8714 { background-color: #919396; }
div.p100-8110 { background-color: #ed1c24; }
div.p100-8502 { background-color: #d5a76b; }
div.p100-8744 { background-color: #636567; }
div.p100-8120 { background-color: #b41217; }
div.p100-8501 { background-color: #ba8c58; }
div.p100-8700 { background-color: #001722; }

div.v0225 { background-color: #ffffff; }
div.v8646 { background-color: #a22d32; }
div.v5652 { background-color: #00bcc6; }
div.v6601 { background-color: #fff200; }
div.v4630 { background-color: #58207c; }
div.v5608 { background-color: #00874b; }
div.v6604 { background-color: #fdb415; }
div.v3644 { background-color: #2484c6; }
div.v8077 { background-color: #a07f4f; }
div.v7628 { background-color: #f7931e; }
div.v3450 { background-color: #21c4f2; }
div.v8753 { background-color: #a9acae; }
div.v8634 { background-color: #ed1c24; }
div.v3686 { background-color: #292984; }
div.v9452 { background-color: #001722; }

