html,body{margin:0;padding:0}
img {border:0;}
body{font:12px verdana,sans-serif,arial;color:#444;background:#fff/* repeat-x url(fon.gif)*/;text-align:center;}
a{text-decoration:none;}
p {padding:10px;}
div#logo-metiz {width:100%;height:136px;}
div#top-metiz {width:100%;border-top:2px solid #ddd;}
div#logo{position:absolute;top:67px;left:0;height:125px;width:224px;margin:0;padding:0;text-align:left;}
div#logo2{position:absolute;top:67px;left:224px;/*height:144px;*/height:223px;width:776px;background:#fff;margin:0;padding:0;text-align:right;/*border-bottom:solid 15px #E8E8E6;*/ }
div#logo3{position:absolute;top:450px;left:224px;/*height:32px;*/width:776px;background:#fff url(a.jpg) no-repeat right center;margin:0;padding:0;text-align:right;}
div#logo3 p {padding:10px 10px 11px 10px;margin:0;}
div#container{position:relative;width:/*96%*/950px;background:#fff/* right bottom no-repeat url(electro-bottom.jpg)*/;
              margin:0 auto 15px auto;/*border:10px solid #ddd;border-top:2px solid #ddd;*/}
div#header {clear:right;width:100%;}
div#content{width:690px;/*background:#FDFDE1 left top no-repeat url(top.gif);*/text-align:left;margin:6px 0px 20px 250px;}
div#content p {line-height:1.4;text-align:justify;margin:5px 20px 10px 0px}
div#content ul{line-height:1.4;text-align:left;}

div#content{width:690px;/*background:#FDFDE1 left top no-repeat url(top.gif);*/text-align:left;margin:6px 0px 20px 260px;}
div#content p {line-height:1.4;text-align:justify;margin:5px 0px 10px 0px}
div#content ul{line-height:1.4;text-align:left;}

table.index {padding:0px 10px 10px 10px;margin-top:-10px;}
table.index td{width:173px;padding:0px 10px 10px 10px;background:#fff;}
table.index ul{margin:0 0 0 5px;padding:0}
table.index li{margin:0 0 0 5px;padding:0;list-style-image: url('t.gif')}
table.index img{margin:0 0 0 -10px;padding:0}
table.index a{color:#555;}
table.index a:hover{color:#BA271E;}

div#footer-0{clear:right;width:100%;background:#fff;color:#555;text-align:center;border-top:2px solid #ddd;}
div#footer-0 p{display:block;color:#FDBC00;text-decoration: none;padding:7px 10px 9px 10px;margin:0;}
div#footer-0 a{color:#3B4C5E;}
div#footer-0 a:hover{color:#f00;}

div#footer-1{clear:right;width:100%;background:#e3e8ed;color:#3B4C5E;text-align:right;border-top:2px solid #ddd;}
div#footer-1 p{display:block;color:#3B4C5E;text-decoration: none;padding:7px 10px 9px 10px;margin:0;}
div#footer-2{clear:right;width:100%;background:#fff;color:#999;text-align:right;border-bottom:15px solid #fff;}
div#footer-2 a{display:block;color:#bbb;text-decoration:none;padding:15px 10px 15px 10px;}
div#footer-2 a:hover {color:#f00;}

h1 {color:#3B4C5E;font:normal lighter 20px arial,verdana,sans-serif;text-transform:uppercase;text-align:right;padding:10px 10px 10px 0px;margin:0;border-bottom:solid 2px #ddd}
h2 {color:#58728B;font:bold 14px verdana,sans-serif,arial;text-align:left;text-transform:uppercase;padding:10px 10px 0px 10px;margin:0;}
h3 {color:#171E74;background:url(ukraine/smyle.gif) no-repeat left bottom;font:bold 14px verdana,sans-serif,arial;text-align:left;
    text-transform:uppercase;padding:15px 10px 3px 30px;margin:10px 0px 10px 10px ;}
h4 {color:#E2E7ED;font:bold 12px verdana,sans-serif,arial;text-align:left;padding:10px 10px 5px 10px;margin:0;text-transform:uppercase;
    border-bottom:solid 1px #eee}

.menu {position:absolute;top:413px;left:0;height:350px;font:11px arial,verdana,sans-serif;text-align:left;/*font-size:90%;*/margin:0px; /* this page only */}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {position:relative;z-index:500;padding:0;margin:0;list-style-type:none;width:185px;}
/* style the list items */.menu li {background:#e3e8ed;height:29px;/* for IE7 */float:left;}
.menu li.sub {background:#e3e8ed;} 
/* get rid of the table */.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
/* style the links */
.menu a, .menu a:visited {display:block;text-decoration:none;height:28px;line-height:28px;width:222px;color:#000;text-indent:19px;
                          text-transform:uppercase;border:1px solid #fff;border-width:0 1px 1px 1px;}
/* hack for IE5.5 */* html .menu a, * html .menu a:visited {width:223px; w\idth:222px;}
/* style the link hover */* html .menu a:hover {color:#f00; background:#e3e8ed; position:relative;}
.menu li:hover {position:relative;}
/* For accessibility of the top level menu when tabbing */.menu a:active, .menu a:focus {color:#f00; background:#e3e8ed;}
/* retain the hover colors for each sublevel IE7 and Firefox etc */.menu li:hover > a {color:#f00; background:#e3e8ed;} 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {visibility:hidden;position:absolute;top:-30px;/* set up the overlap (minus the overrun) */left:185px;/* set up the overrun area */
padding:30px;/* this is for IE to make it interpret the overrrun padding */background:transparent url(index_files/transpar.gif);}
/* for browsers that understand this is all you need for the flyouts */.menu li:hover > ul {visibility:visible;}
/* for IE5.5 and IE6 you need to style each level hover */
/* keep the third level+ hidden when you hover on first level link */.menu ul a:hover ul ul{visibility:hidden;}
/* keep the fourth level+ hidden when you hover on second level link */.menu ul a:hover ul a:hover ul ul{visibility:hidden;}
/* keep the fifth level hidden when you hover on third level link */.menu ul a:hover ul a:hover ul a:hover ul ul{visibility:hidden;}
/* make the second level visible when hover on first level link */.menu ul a:hover ul {visibility:visible;}
/* make the third level visible when you hover over second level link */.menu ul a:hover ul a:hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level link */.menu ul a:hover ul a:hover ul a:hover ul {visibility:visible;}
/* make the fifth level visible when you hover over fourth level link */.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;}
.menu p {display:block;position:relative;padding:10px;margin:0;width:210px;text-align:justify; }

.menu #im {text-indent:0px;}

.left-a a {display:block;text-decoration:none;height:28px;line-height:28px;width:222px;color:#fff;background:#e3e8ed;text-indent:10px;
                          text-transform:uppercase;border:1px solid #fff;border-width:0 1px 1px 1px;}
/* hack for IE5.5 */* html .left-a a, * html .menu a:visited {width:223px; w\idth:222px;}
.left-a a:hover {color:#fff; background:#e3e8ed;}

div.left-s {height:18px;margin:0;padding:0}
* html div.left-s a {visibility:visible;display:block;line-height:1.0;color:#E3E7EC;text-indent:10px;text-decoration:none;border:none;margin:0;padding:0}
* html div.left-s a:hover {color:#e3e8ed;background:transparent;}

p a {color:#004E96;text-decoration:none;border:none;}
p a:hover {color:#f00;}

table#prodaction {padding:0px 10px 10px 10px;margin-top:10px;}
table#prodaction td{width:800px;padding:3px 10px;}
table#prodaction img{border:none;}
table#prodaction a{color:#333;}
table#prodaction a:hover{color:#BA271E;}
.t1 {background:#FAFCFF;}
.t2 {background:#F4F4F4;}

menu p {padding:0px 10px 11px 10px;margin:0;}
.photo {float:left;clear:left;background:#fff;margin:0 10px 2px 0;border:1px solid #2877BC; padding:10px}
.photo1 {background:#fff;margin:5px 10px 2px 0;border:1px solid #2877BC; padding:10px 10px 10px 10px}
.metiz {display:block;text-align:left;padding:10px;}
.metiz img {display:block;float:left;background:#fff;text-align:left;margin:0 10px 2px 0;border:1px solid #2877BC; padding:10px}
.metiz a {display:inline;text-align:left;}

table.metal {background:#ddd;text-align:center;padding:0;margin:5px 10px 15px 10px;}
table.metal td{width:800px;background:#fff;text-align:center;padding:3px 10px;}
table.metal img{border:none;}
table.metal a{color:#333;}
table.metal a:hover{color:#BA271E;}

table a{color:#004E96;}
table a:hover{color:#f00;}

table.met {background:#ddd;font-size:10px;text-align:center;padding:0;margin:5px 10px 15px 10px;}
table.met td{width:800px;background:#fff;text-align:center;padding:3px 3px;}
table.met img{border:none;}
table.met a{color:#333;}
table.met a:hover{color:#BA271E;}

table.m {background:#fff;padding:0;margin:5px 10px 15px 10px;}
table.m td{padding:3px 3px;}
table.m p{padding:0px 0px;}

.buyt tr td{text-align:center;background:#fff;padding:5px}
.buyt {background:#ccc;}

hr {color:#ddd;background:#DEDCDC;height:1px;font-size:1px;text-decoration:none;margin:10px 0 10px 0;border:0;}