body {
  background: url('img/bg_left.jpg') no-repeat #000000 top left;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  font-size: 10pt;
  text-align: center;
}

.cleaner {
  clear: both;
}

p {
  margin: 1.5ex 0;
}

#bg_right {
  position: absolute;
  right: 0;
  height: 930px;
  width: 570px;
  background: url('img/bg_right.jpg') no-repeat top right;
  z-index: 0;
}

#bg_cont {
  background: url('img/bg_cont.jpg') no-repeat right 4px;
  border-top: 14px solid #EE1C23;
}

#page {
  position: relative;
  z-index: 1;
  width: 940px;
  margin: 0 auto;
  text-align: left;
  padding-top: 140px
}

#infopanel{
  margin-left: 32px;
  margin-bottom: 16px;
  float: right;
  width: 160px;
  text-align: justify;
  font-size: 11px;
}

#infopanel .content {
  padding: 8px;
  border: 1px solid #404040;
  background: url('img/gray.png');
}

#infopanel form {
  text-align: center;
  padding: 0;
  margin: 0;
}

#infopanel .email {
  width: 140px;
}

#infopanel .button {
  color: #FFFFFF;
  font-weight: normal;
  background-color: #730810;
  border: 1px outset #404040;
  margin-top: 4px;
}

#infopanel hr {
  border: 1px solid #730810;
  margin: 8px 0;
}

#infopanel .info {

}

#infopanel h2 {
  margin: 0 0 8px 0;
  text-align: center;
  background-color: #730810;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bolder;
}

#header {
  border-top: 3px solid #000000;
}

#header ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: right;
}

#header ul li {
  padding: 0;
  float: left;
  width: 96px;
  background: url('img/menu_bullet_off.png') no-repeat center 8px;
}

#header ul li.sel {
  background: url('img/menu_bullet_on.png') no-repeat center 8px;
} 

#header ul li.sel a {
  color: #EE1C23;
}

#header ul li.sel a.m1 {background: url('img/menu1_on.png') no-repeat center 46px;}
#header ul li.sel a.m2 {background: url('img/menu2_on.png') no-repeat center 46px;}
#header ul li.sel a.m3 {background: url('img/menu3_on.png') no-repeat center 46px;}
#header ul li.sel a.m4 {background: url('img/menu4_on.png') no-repeat center 46px;}
#header ul li.sel a.m5 {background: url('img/menu5_on.png') no-repeat center 46px;}
#header ul li.sel a.m6 {background: url('img/menu6_on.png') no-repeat center 46px;}
#header ul li.sel a.m7 {background: url('img/menu7_on.png') no-repeat center 46px;}


#header ul li a.m1 {background: url('img/menu1_off.png') no-repeat center 46px;}
#header ul li a.m2 {background: url('img/menu2_off.png') no-repeat center 46px;}
#header ul li a.m3 {background: url('img/menu3_off.png') no-repeat center 46px;}
#header ul li a.m4 {background: url('img/menu4_off.png') no-repeat center 46px;}
#header ul li a.m5 {background: url('img/menu5_off.png') no-repeat center 46px;}
#header ul li a.m6 {background: url('img/menu6_off.png') no-repeat center 46px;}
#header ul li a.m7 {background: url('img/menu7_off.png') no-repeat center 46px;}

#header ul li a.m1:hover {background: url('img/menu1_on.png') no-repeat center 46px;}
#header ul li a.m2:hover {background: url('img/menu2_on.png') no-repeat center 46px;}
#header ul li a.m3:hover {background: url('img/menu3_on.png') no-repeat center 46px;}
#header ul li a.m4:hover {background: url('img/menu4_on.png') no-repeat center 46px;}
#header ul li a.m5:hover {background: url('img/menu5_on.png') no-repeat center 46px;}
#header ul li a.m6:hover {background: url('img/menu6_on.png') no-repeat center 46px;}
#header ul li a.m7:hover {background: url('img/menu7_on.png') no-repeat center 46px;}


#header ul li a {
  display: block;
  text-align: center;
  font-weight: bolder;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: lowercase;
  font-size: 10pt;
  padding-top: 60px;
  width: 96px;
}

#header h1 {
  margin: 0;
}

#header h1 a {
  float: left;
  display: block;
  width: 220px;
  height: 90px;
  background: url('img/logo.gif') no-repeat center center;
}

#header h1 span {
  display: none;
}

#content {
  padding: 12px;
  clear: both;
  text-align: justify;
}


#footer p {
  margin: 0;
}

#footer a {
  color: #FFFFFF;
  font-weight: bolder;
  text-decoration: none;
}

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

#footer {
  font-size: 85%;
  text-align: center;
  background-color: #404040;
  padding: 4px;
  margin-top: 16px;
}

.float_img {
  float: right;
  margin-left: 16px;
}

table {
  border: 0 none;
  margin: 0;
  padding: 0;
}

table.columns {
}

td.item {
  text-align: right;
  padding-right: 0.5em;
  color: #A0A0A0;
  font-style: italic;
}

td {
  vertical-align: top;
}

img {
  border: 0;
}

address {
  margin: 1.5ex 0;
  font-style: normal;
}

em {
  color: red;
  font-style: normal;
}

form.email {
  line-height: 2;
}

form.email fieldset {
  border: none;
}

form.email legend {
  color: #FF0000;
  font-weight: bolder;
  margin-bottom: 1ex;
}

form.email label {
  color: #FF0000;
}

form.email input,
form.email textarea {
  border: 2px solid #202020;
  background-color: #404040;
  color: #FFFFFF;
}

form.email textarea {
  width: 100%;
}

form.email input.btn {
  font-weight: bolder;
  color: #FF0000;
  padding: 2px 8px;
  margin: 8px 0;
}

#content a {
  color: #FFFFFF;
}

#tree {
  float: left;
  margin-right: 12px; 
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
}

#products h2 {
  margin: 0 0 8px 0;
  font-size: 20px;
  
}

#products {
  float: right;
  width: 480px;
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
}

#lang_sel {
  position: absolute;
  right: 8px;
  top: 8px;
  background-color: #000000;
  padding: 2px 8px;
  border: 1px solid #404040;
}

div.product {
  float: left;
  margin: 12px;
  font-weight: bolder;
  font-size: 11px;
  width: 110px;
  min-height: 150px;
}

div.product img {
  margin-bottom: 4px;
}

div.product a {
  display: block;
  text-decoration: none;
  text-align: center;
  padding: 4px;
  border: 1px solid #171218;
  background-color: #000000;
}

div.product a:hover {
  border: 1px solid #585359;
  background-color: #0A0A0A;
}

#tree ul {
  list-style-type: none;
  width: 220px;
  margin: 0;
  padding: 0;
}

#tree ul li {
  background-color: #730810;
  font-weight: bolder;
}

#tree ul li ul li {
  background-color: #000000;
}

#tree a {
  text-decoration: none;
  display: block;
  padding: 2px 8px;
}

#tree ul li a {
  background: url('img/tree_bullet.png') no-repeat 8px center;
  padding: 2px 8px 2px 28px;
  color: #FFFFFF;
}

#tree li.sel a {
  background: url('img/tree_bullet2.png') no-repeat 8px center;
  color: #FFFFFF;
}

#tree ul li a:hover {
  background-color: #EF1821;
}

#tree ul li ul li a {
  background-image: none;
  color: #8C8C8C;
}

#tree ul li ul li a:hover {
  color: #FFFFFF;
  background-color: #202020;
}

#tree ul li ul li ul li a {
  padding: 1px 8px 1px 50px;
  font-size: 10px;
}

div.katalog a {
  text-decoration: none;
}

div.katalog a:hover {
  text-decoration: underline;
}

div.katalog ul ul {
  margin-left: 100px;
}

div.katalog ul {
  margin-left: 14px;
  list-style-type: square;
}

div.katalog h2 {
  margin-top: 32px;
}

span.paging a.sel {
  color: #EF1821 !important;
  background: none;
}

span.paging a {
  text-decoration: none;
  padding: 0 3px;
}

span.paging a:hover {
  text-decoration: underline;
}

#community {
  width: 440px;
  margin: 32px auto;
  padding: 10px 32px;
  border: 1px solid #FF0000;
}

#community img {
  float: left;
  margin-right: 32px;
}

#community a {
  display: block;
  text-decoration: none;
  color: #FFFFFF;
}

#community strong {
  color: #FF0000;
}

#akce {
  height: 32px;
}

#akce img {
  margin: 0 8px;
}

#akce a {
  float: right;
  margin: 0 0 4px 0;
  background-color: #730810;
  border: 1px solid #3B050A;
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  padding: 4px 16px 4px 0;
  font-weight: bolder;
  font-size: 14px;
}

#sitemap {
  text-align: right;
}

#sitemap a {
  text-decoration: underline;
  color: #808080;
}

.column_l {
  width: 50%;
  float: left;
}
.column_r {
  width: 50%;
  float: left;
}

table.tabulka_ceny tr.div td {
  border-top:  3px double #FFFFFF;
}

table.tabulka_ceny td.popis {
  text-align: left;
  font-size: 80%;
  color: #808080;
}

table.tabulka_ceny {
  border: 3px double #FFFFFF;
  border-spacing: 0;
  margin: 1ex 0;
}

table.tabulka_ceny td {
  border-top: 1px solid #808080;
}

table.tabulka_ceny th {
  background-color: #404040;
  text-align: center;
  padding: 4px 8px;
}

table.tabulka_ceny td {
  text-align: center;
  padding: 2px 8px;
}

.new {
  text-align: center;
  margin: 1ex 0
}

.new a {
  color: #FFFFFF;
  text-decoration: underline;
}

.new strong {
  color: #FF0000;
}

.trader {
  float: left;
  width: 220px;
  text-align: center;
}

.trader .name {
  font-weight: bolder;
  font-size: 120%;
  margin: 4px 0 16px 0;
}

.tradercontact {
  float: right;
  width: 400px;
}

a.sel {
  background-color: red;
  
}

div.important {
text-align: center;
padding: 8px 16px;
border: 1px solid #444;
margin: 32px 220px 32px 64px;
background-color: #222;


}

div.important p {
  text-align: justify;
}