html, body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
}
body {
  font-size: small; 
   
  font-family:  Arial, Tahoma, Verdana;
  
}
p             {font-size:100%; color: #000000;}
td            {font-size:100%; color: #000000;}
tr            {font-size:100%; color: #000000;}
div           {font-size:100%; color: #000000;}
li            {font-size:100%; color: #000000;}

#left          { 
float:left;
/*width: 248px;*/
width: 211px;
margin:0;
padding: 0 0 6em 0;
font-size:100%;
}
#right         { 
float:right;
width: 211px;
margin:0;
padding: 0 0 6em 0;
font-size:100%;
}
#middle        {
margin:0 226px 0 226px;
padding: 0 0 6em 0;
font-size:100%;
}
#conteiner {
position: relative;
min-height: 100%;
min-width: 1000px;
width:expression((document.documentElement.clientWidth
 || document.body.clientWidth) < 1024? "1004px": "auto");
}
* html #conteiner {
  height: 100%;
}
a img {
border: 0;
}


/* TOP */
#top { 
 padding: 0;
 margin: 0;
 height: 60px;
 width: 100%;
 background-color: #ffffff;
 background-image: url('/images/bg1.gif');
 background-repeat: repeat-x; 
 }
#logo1  {  
float: left;
width: 50%;
padding: 0;
}
#adress  {  
margin: 0 0 0 50%;
padding: 20px 10px 0 0;
color: #ffffff;
text-align: right;
}
#road {
position: absolute;
left: 245px;
top: 95px;
}
#road  a {
font-size: 80%;
}
/* MENU-TOP */

#menu      { 
 height: 55px;
 padding: 0px;
 background-image: url('/images/bg2.gif');
 background-repeat: repeat-x; 
 }
#menu table {
 width: 100%; 
 height: 55px;
 border: 0; 
 border-collapse:collapse;
}
#menu td.logo {
width: 237px !important;
margin: 0; 
padding: 0 0 0 13px;
text-align: left;
}
#menu td.znak {
margin: 0;
width: 250px;
padding: 8px 20px 0 13px;
text-align: right;
}
#menu td.znak a{
display: inline;
padding: 0 10px 0 10px;
}
#menu td {
margin: 0; 
padding: 8px 0 0 0;
text-align: center;
vertical-align: top;
}

a:link.menu     { font-size:12px; color: #ffffff; text-decoration:none }
a:visited.menu  { font-size:12px; color: #ffffff; text-decoration:none }
a:hover.menu    { font-size:12px; color: #f26d00; text-decoration:none }
a:active.menu   { font-size:12px; color: #ffffff; text-decoration:none }

/* MENU-LEFT-RIGHT */

.menu-left      { 
 padding: 0 0 5px 0;
 margin:  0 0 15px 0;
 background-image: url('/images/bg-ml.gif');
 background-repeat: no-repeat;
 background-position: left bottom;
 }
table.head  {
 width: 100.0%; 
 height: 30px;
 border: 0; 
 border-collapse:collapse;
 background-image: url('/images/bg-b.gif');
}
table.head-middle  {
 width: 98.0%; 
 height: 30px;
 border: 0; 
 border-collapse:collapse;
 background-image: url('/images/bg-b.gif');
}
td.le1 {
width: 16px;
margin: 0; 
padding: 0;
background-image: url('/images/b1.gif');
background-repeat: no-repeat;
}
td.ri1 {
width: 26px;
margin: 0; 
padding: 0;
background-image: url('/images/b2.gif');
background-repeat: no-repeat;
}
td.ri2 {
width: 25px;
margin: 0; 
padding: 0;
background-image: url('/images/b3.gif');
background-repeat: no-repeat;
}
td.header {
margin: 0; 
padding: 0 0 0 8px;
color: #ffffff;
}
.menu-left ul {
list-style:  url('/images/arrow.gif');
line-height: 200%;
margin: 0; 
padding: 0 0 0 30px;
}
.menu-left li {
margin: 0; 
padding: -10px 0 0 0;
}
.menu-left dl {
line-height: 200%;
margin: 0; 
padding: 0 0 0 30px;
}

table.forma {
background-image: url('/images/bag.gif');
margin: 10px 0 0 15px;
}

.menu-left p {
margin: 0;
padding: 10px 5px 0 5px;
text-align: right;
}
.banner {
width: 98.0%;
padding: 0;
margin: 0 0 10px 0;
text-align: center;
border: 1px solid;
border-color: #000000;
}
.banner a img {

}
.menu-left a:link     { font-size:12px; color: #0171c7; font-weight: bold; text-decoration:none }
.menu-left a:visited  { font-size:12px; color: #0171c7; font-weight: bold; text-decoration:none }
.menu-left a:hover    { font-size:12px; color: #f26d00;  font-weight: bold; text-decoration:none }
.menu-left a:active   { font-size:12px; color: #0171c7; font-weight: bold; text-decoration:none }

/* PAGE */

a:link     { font-size:12px; color: #0171c7; text-decoration:none }
a:visited  { font-size:12px; color: #0171c7; text-decoration:none }
a:hover    { font-size:12px; color: #f26d00; text-decoration:none }
a:active   { font-size:12px; color: #0171c7; text-decoration:none }


#content      {
background-color: #eff1f0;
padding: 20px 10px 6em 20px;
margin: 0;
}
table.tovar {
border: 0; 
border-collapse:collapse;
}
table.tovar td {
padding: 5px;
}
table.catalog {
width: 97.0%;
text-align: center;
}
table.catalog2 {
width: 97.0%;
}
table.catalog td {
vertical-align: bottom;
font-size: 90%;
}

table.catalog td a:link     { font-size:100%; color: #0171c7; text-decoration:none; }
table.catalog td a:visited  { font-size:100%; color: #0171c7; text-decoration:none; }
table.catalog td a:hover    { font-size:100%; color: #f26d00; text-decoration:none; }
table.catalog td a:active   { font-size:100%; color: #0171c7; text-decoration:none; }

.catalog a:link     { font-size:100%; color: #0171c7; text-decoration:none; }
.catalog a:visited  { font-size:100%; color: #0171c7; text-decoration:none; }
.catalog a:hover    { font-size:100%; color: #f26d00; text-decoration:none; }
.catalog a:active   { font-size:100%; color: #0171c7; text-decoration:none; }

.new {
color: #ca1010;
}
.news {
background-color: #d0eafb;
border: 0;
border-collapse: collapse;
padding: 0;
margin: 0;
}
.news td img {
background-color: #ffffff;
padding: 0;
margin: 0;
}
.cleaner       { 
clear:both;
}

/* FOOTER */

#footer {
  position: relative;
  margin-top: -5em;
  width: 100%;
  height: 2em;
  padding: 40px 0 0 0;
  text-align: right;
  color: #0171c7;
  background-image: url('/images/bg-foot.gif');
  background-repeat: repeat-x;
}

a:active.foot, a:visited.foot, a:visited.foot, a:link.foot  {
font-size:100%; 
color: #000000; 
text-decoration:none 
}
a:hover.foot    { 
color: #f26d00; 
}