body {
	margin:0px;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	background:#FFF;
    font: 85% Arial, Verdana, "tahoma", serif;
    line-height: 130%;
    /* word-wrap: break-word; /*  */
    background-image: url(/img/metall_back_top.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}

h1, h2, h3, h4, h5 { color: #F00; }
h1 { font-size: 1.8em; line-height: 1em;}
h2 { font-size: 1.6em; line-height: 1.1em; }
h3 { font-size: 1.4em; line-height: 1.1em; }
h4 { font-size: 1.2em; line-height: 1.2em; }
h5 { font-size: 1.1em; line-height: 1.2em; }


#wrap {
    min-width: 980px;
    max-width: 1200px;
    width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 980 ? '980px' : (document.documentElement.clientWidth || document.body.clientWidth) > 1200 ? '1200px' : '100%' ); /* äëÿ ÈÅ */
    margin: 0 auto;
}

#header {
		clear:both;
		float:left;
		width:100%;
        background: none;
    /* overflow: auto; /* */
    z-index:3;
}
#header img { border: none; }
#header form { display:inline; }
#header fieldset { border: none; padding: 0; margin:0; }
#header input.ok { background-color: #FEFBC6; border: 1px solid #000; padding: 2px;}

#c20{
    clear:both;
    float:left;
    width:100%;
    background: none;
    /* overflow: auto; /* */
    z-index:3;
    /* height: 20px; */
}
html>body #c20 { height: 20px; }

/* ----- LAYOUT ------ */

table.layout{
  width: 100%;
  border-collapse: collapse;
  empty-cells: show;
}
td.l20{
  width: 20px;
   vertical-align: top;
}
td.coll1, td.coll3 {
  width:195px;
  background-color:#FEFBC6;
  border-top: 2px solid #111;
  border-left: 2px solid #111;
  border-right: 2px solid #111;
  vertical-align: top;
}
td.coll2 {
  padding:30px 20px 20px 20px;
  vertical-align: top;
  padding-top: 0px
}


/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:2px solid #111;
    background: #111;
    background-image: url(/img/metall_podval.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
.colq { padding: 5px; }
.colq p { margin-top: 0; margin-bottom: 0; padding: 0 5px 0 5px; }
.colq p.podrobnee { text-align:right; margin-bottom: 15px; }
.podrobnee a:link {  text-decoration: underline; color: #FF0000; }
.podrobnee a:visited {  text-decoration: underline; color: #FF1000; }
.podrobnee a:hover {  text-decoration: underline; color: #111; }
.podrobnee a:active {  text-decoration: underline; color: #222; }


#logo{
  float: left;
  width: 600px; /*  */
  /* margin-top: 3px; /*  */
  /* margin-left: 3px; /*  */
  padding:10px;
}
#logo img {
  behavior: url(../inc/iepngfix.htc); 
}
#search{
  float: right;
  margin:0;
  color:#fff;
  /* line-height: 2.5em; /*  */
  text-align: right;
  /* font-size:1.7em; /*  */
  padding: 30px 22px 0 0;
}
.owerfloy { overflow:hidden; padding:3px;}

#copy{
     float: left;
     color: #111;
     padding: 5px 5px 5px 10px;
     font-size: 0.9em;
     font-weight: bold;
}
#knop{
  float: right;
  padding: 0px 20px 0px 0px;
}
#lastnewshead, #specshead{
  background-position: top left;
  background-repeat: no-repeat;
  width: 198px;
  height: 103px;
  background-color: #fefbc6;
  padding: 0;
}
#lastnewshead { background-image: url(/img/news_head.jpg); }
#specshead    { background-image: url(/img/spec_head.jpg); }

#navig{
  border-top: 2px solid #111;
  border-bottom: 2px solid #111;
  background-color: #FEFBC6; /*  */
  		clear:both;
		float:left;
		width:100%;
        margin:0;
        padding:0;
}
table.razmetka {
	width:100%;
}
.razmetka td{
	padding: 0; border:none;
}
.razmetka td.phone{ text-align: right; padding-top:1px; padding-right:20px; font-weight: bold; }
.razmetka td.email { text-align: left; padding: 1px 20px 0px 20px; }

.clear { clear: both; }

/* ------------ Ìåíþ -------------- */

#menu {/*width:650px;*/ height:25px; text-align:left; }

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;}

#menu li {display:inline-block; display:inline;}
#menu ul.level1 div {position:absolute; left:-9999px;}

#menu ul.level1 {margin:0 auto; border:1px solid #FEFBC6; border-width:0 1px 1px 1px;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative; margin-right: 3px;}

#menu ul.level1 {background:#FEFBC6;}
#menu ul li div ul {background:#F00; padding:0 1px 1px 1px;}

#menu a {
display:block;
font:bold 1em arial,sans-serif;
color:#111;
line-height:25px;
text-decoration:none;
padding:0 15px 0 25px;
text-align:left;
background:transparent url(/img/cub.gif) no-repeat left center;
}
#menu ul.level1 li.level1-li a.level1-a {float:left;}

#menu ul li:hover div {left:50%; top:25px;}
#menu ul li:hover div ul {display:block; position:relative; left:-50%;}
#menu ul li div ul li a {background:#FEFBC6;}

#menu a:hover div {left:0; top:23px;}

#menu a:hover div ul {position:relative; left:-50%;}

#menu li a.fly {background:transparent url(/img/cub_down.gif) no-repeat left center;}

#menu li a:hover {background-color:#F00; color:#FFF; background: url(/img/active_down.png) no-repeat left top;}
#menu li a.fly:hover {background-color:#F00; color:#FFF; background: url(/img/active_down.png) no-repeat left top;}
#menu li:hover > a,
#menu ul li:hover > a.fly {/*background-color:#F00;*/ color:#111;}

#menu table {position:absolute; height:0; width:0; left:50%; border-collapse:collapse; margin-top:-4px;}
#menu li a.fly.active {
    background: transparent url(/img/active_down.png) no-repeat top left;
    color: #FFF;
}
#menu .active {
    background-image:  url(/img/active_down.png);
    background-repeat:  no-repeat;
    background-position: top left;
    color: #FFF;
}
/* ------------------ ÍÎÂÎÑÒÈ -------------------------  */
.navPanel{
  border: 1px solid #F00;
  padding: 5px;
  text-align: center;
  margin: 20px 0 10px 0;
  font-size: 0.9em;
  background-color: #FEFBC6;
  background-image: url(/img/nav_polos.png);
  background-position: top left;
  background-repeat: repeat-x;
}
.navPanel p{
  margin: 0; padding: 0;
}

.navigator {
  margin-bottom: 10px;
  font-size: 0.9em;
}

.potok h1 { font-size: 1.6em;  line-height: 110%; }
.potok h2 { font-size: 1.4em;  line-height: 110%; }
.potok h3 { font-size: 1.2em;  line-height: 110%; }

.potok table {
  font-size: 0.9em;
  margin: 0 auto;
  margin-top: 15px; margin-bottom: 15px;
  border-collapse: collapse;
  empty-cells: show;

}
.potok th { border: 1px solid #F00; font-weight: bold; background-color: #FEFBC6; padding: 5px; }
.potok td { border: 1px solid #F00; padding: 5px; }

.inbref { margin: 10px 0 10px 0; padding: 0;}

.lastnews, .spec {
    padding-bottom: 10px;
    border-bottom: 1px dashed #F00;
}
.specpic{
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}

.date {
  font-size: 0.9em;
  font-weight: bold;
  color: #535353;
}
 a:link.gost {  font-weight: bold; text-decoration: underline; color: #FF0000; }
 a:visited.gost { font-weight: bold; text-decoration: underline; color: #FF1000; }
 a:hover.gost  { font-weight: bold; text-decoration: underline; color: #00F; }
 a:active.gost { font-weight: bold; text-decoration: underline; color: #00F; }

 a:link.gostem {  font-weight: bold; text-decoration: underline; color: #000; }
 a:visited.gostem { font-weight: bold; text-decoration: underline; color: #000; }
 a:hover.gostem  { font-weight: bold; text-decoration: underline; color: #FF0000; }
 a:active.gostem { font-weight: bold; text-decoration: underline; color: #FF0000; }

.content table { width: 100%; /* border: 1px solid #000; */ border-collapse:collapse; empty-cells: show;}
.content td { padding: 3px; border: 1px solid #000; }
.content th { text-align: center; font-weight: bold; padding: 3px; border: 1px solid #000; }
.content p { padding: 0; margin: 0; }

.services { width: 100%; border: none; }
.services td { vertical-align: top; border: none; padding: 0; }
.services img { display: block; margin-bottom: 20px; }

table.price {border:2px solid #000000; border-collapse:collapse;}
table.price td {border:2px solid #000000; padding:5px; border-collapse:collapse;}
table.price th {border:2px solid #000000; padding:5px; border-collapse:collapse;}