html, body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
}
body {
  font-size: 14px; 
  font-family: Arial, Tahoma, Verdana;
  color: #333333; 
  background: #fff url('/images/bg.gif') center 80px no-repeat;
}
p             {font-size:100%; color: #333333; padding-bottom: -5px; line-height:15px;}
td            {font-size:100%; color: #575755;}
tr            {font-size:100%; color: #575755;}
div           {font-size:100%; color: #333333;}
li            {font-size:100%; color: #333333;}
a img {
border: 0;
}
#conteiner {
position: relative;
margin: 0 auto;
padding: 0;
min-height: 100%;
width: 1000px;
background: url('/images/footer_star.gif') 30px  bottom no-repeat;
}
.editor {
background: white;
padding: 8px;
}

#left          { 
position: relative;
float:left;
width: 200px;
padding: 0 0 0 30px;
margin: 0;
font-size:100%;
height: auto;
}

#middle {
position: relative;
margin:0px 30px 0 250px;
padding: 0;
padding-bottom: 50px;
font-size:100%;
}

a img {
border: 0;
}
.clear {
 clear: both;
}

a:link     { color: #009ee0; text-decoration:underline; }
a:visited  { color: #009ee0; text-decoration:underline; }
a:hover    { color: #0174b3; text-decoration:none;}
a:active   { color: #0174b3; text-decoration:none; }

h1 { color: #0174b3; font-size:24px; font-weight:normal; text-align:left; margin-bottom: 5px; }
h2 { color: #999999; font-size:18px; font-weight:normal; text-align:left; border-left: 3px solid #ffdd00; padding-left: 3px;margin-top: 25px; margin-bottom: 5px;line-height:14px; margin-left: 20px;}
#info h2{margin-left: 0px; border: 0px solid #fff;}
#left h2{margin-left: 0px; }

h3 { color: #0174b3; font-size:18px; font-weight:bold; text-align:left;  }
h4 { color: #ffffff; font-size:18px; font-weight:bold; text-align:left; background: #0174b3; border-left:3px solid #ffdd00; width: 189px; margin-left: -8px; padding-left: 8px;}
h5 { color: #0174b3; font-size:14px; font-weight:bold; text-align:left;  }
h6 { color: #044675; font-size:14px; font-weight:bold; text-align:left; }


#content_ p {font-size:100%; color: #333333; margin-left: 20px;}

/* TOP */

#header {
position: relative;
height: 320px;
padding:40px 0 0 0;
margin:0;
}

#logo {
position: absolute;
top: 30px;
left: 38px;
width: 180px;
height: 78px;
margin: 0;
padding:0;
border: 0px solid #000;
}
#foto {
position: relative;
height: 275px;
margin-top:10px;
padding-top:30px;
margin-right:0px;
background: url('/images/hol2.png') 480px  25px no-repeat;}

#remont{position: absolute; top:133px; left: 280px; width: 310px; background: #02406f; font-size: 18px; color:white; border-left:5px solid #ffdd00; padding: 3px 10px 3px 6px; margin-bottom: 5px; z-index: 20;}
#stir  {position: absolute; top:164px; left: 270px; width: 320px; background: #0174b3; font-size: 18px; color:white; border-left:5px solid #ffdd00; padding: 3px 10px 3px 6px;; margin-bottom: 5px; z-index: 20; }
#pos   {position: absolute; top:195px; left: 300px; width: 290px; background: #02406f; font-size: 18px; color:white; border-left:5px solid #ffdd00; padding: 3px 10px 3px 6px;  margin-bottom: 5px; z-index: 20; }
#remont a, #stir a, #pos a {
color: #fff;
text-decoration: none;
}
/* LEFT */

#telefon{
position: absolute;
top: 130px;
left: 38px;
width: 180px;
height: 200px;
border: 1px solid #000;
text-align: right; 
padding: 0px;
border: 0px solid #000;
}

#zakaz{
width: 180px;
height: 50px;
/* background: url('/images/grad.gif'); */
font-size: 150%;
text-align: center;
padding: 5px;
margin: 0px;
background: #fff5b9; 
}

#zakaz a{
font-size: 100%;
text-align: center;
color: #02406f;
}

#zakaz a:href{
color: #02406f;
text-decoration:  none;
}

#zakaz a:active{
color: #02406f;
text-decoration:  none;
}

#zakaz a:vizited{
color: #02406f;
text-decoration: underline;
}
.raz {font-size: 14px; color:#0174b3; line-height:17px; text-align:right;}
.dva {font-size: 18px; color:#009ee0; line-height:30px; text-align:right; font-weight: bold;}
.tri {font-size: 24px; color:#02406f; line-height:30px; text-align:right; font-weight: bold;}


#map{position:relative;
background: url('/images/map.gif') 0 0 no-repeat;
width: 180px;
height: 160px;
margin:30px 0 0 0;
padding:40px 0 0 0;
border: 0px solid #000;
/* line-height: 34px;text-align: right; */}

.map { display: block; font-size: 150%; background: #0174b3; width: 180px; height: 50px; border: 0px solid #000; padding: 5px; margin: 5px 0;}
.map a:link   { font-size: 100%; color: #ffdd01; text-decoration: underline;}
.map a:visited{ font-size: 100%; color: #ffdd01; text-decoration: underline;}
.map a:hover  { font-size: 100%; color: #ffdd01; text-decoration: none;}
.map a:active { font-size: 100%; color: #ffdd01; text-decoration: underline;}

/* TOP MENU */

#menu {
position: relative;
z-index: 150;
height: 210x;
margin:  0px 0 0 250px;
border: 0px solid #000;
}
ul.menu { position: relative; margin:0; padding: 0; font-size: 18px; color: #0174b3; list-style: none; width: 740px;}
ul.menu li{ position: relative; margin: 0px; padding: 20px 20px 0 0; font-size: 18px; float: left; list-style: none; background: url('images/menu_li.gif') 0 0px no-repeat;}
ul.menu li:hover ul { display: block; z-index: 500;}
ul.menu li a:link   {font-size: 16px; font-weight: bold; color: #0174b3; text-decoration: underline;}
ul.menu li a:visited{font-size: 16px; font-weight: bold; color: #0174b3; text-decoration: underline;}
ul.menu li a:hover  {font-size: 16px; font-weight: bold; color: #0174b3; text-decoration: none;}
ul.menu li a:active {font-size: 16px; font-weight: bold; color: #0174b3; text-decoration: none;}

ul.menu li ul {
position: absolute;
display: none;
top:35px;
left:0;
width: 200px;
padding:0;
margin:0;
border: 1px solid #02406f;
background: #fff;
z-index: 200;
}
ul.menu li ul li {
background:  #fff;
display: block;
width: 200px;
padding:0px;
margin:0;
border-bottom: 1px solid #02406f;
}

ul.menu li li a:link   {display: block; font-size: 12px; color: #0174b3; padding:5px; text-decoration: underline;}
ul.menu li li a:visited{display: block; font-size: 12px; color: #0174b3; padding:5px; text-decoration: underline;}
ul.menu li li a:hover  {display: block; font-size: 12px; color: #ffffff; padding:5px;  background: #0174b3; border-left: 3px solid #ffdd00;  text-decoration: none;}
ul.menu li li a:active {display: block; font-size: 12px; color: #0174b3; padding:5px; text-decoration: underline;}





#info{
float: left;
position:relative;
width:184px;
padding:8px;
margin:0;
margin-top:0px;
padding-top:-20px;
margin-right:40px;
border-top: 5px solid #ffdd00;
background: #f6f7f7;
}
.logos {
width: 180px;
overflow: auto;
text-align: center;
border: 1px solid #999999;
}
.logos img {
padding: 10px 0;
}

#inform{
position:relative;
padding:0;
margin:0;
margin-top:0px;
padding-top:-20px;
margin-right:40px;
border-top: 5px solid #ffdd00;}


#info ul{margin:0; padding:0; list-style:none; margin-bottom: 5px; margin-top:5px; margin-left: 0px;}
#info ul li {margin-bottom:5px; padding-left:0px; line-height:16px; background: none;}

#content_{
float: right;
position:relative;
width:470px;
padding: 8px 0 0 0;
margin:0;
border-top: 5px solid #ffdd00;}


*+HTML #content_{float:none;}

ul{margin:0 0 0 20px; padding:0 0 0 30px; list-style:none; margin-bottom: 10px; margin-top:10px; margin-left: 10px;}
ul li {margin-bottom:10px; padding-left:10px; line-height:16px; background: url('/images/li.gif') 0px 4px no-repeat;}




/* FOOTER */

#footer {
height: 90px;
width: 100%;
margin: 0 30px 0 30px;
padding: 0px 0  10px 0;
border-top: none;
font-size: 100%;
color: #999999;
}

#footer_left {position: relative;
border-top: 5px solid #ffdd00;
float: left;
width: 180px;
margin: 0;
padding: 30px 0 30px 0;
font-size:100%;
color: #999999;
line-height: 15px;
height: auto;
min-height: 100%;
}

#footer_left a{color: #0174b3; text-decoration: underline;}
#footer_left a:hover{color: #0174b3; text-decoration: none;}

#footer_middle {position: relative;
border-top: 5px solid #ffdd00;
margin:0px 30px 0 220px;
padding: 30px 0 0px 0;
font-size:100%;
color: #999999;
line-height: 15px;
height: auto;
min-height: 100%;
} 

#footer_middle a{color: #0174b3; text-decoration: underline;}
#footer_middle a:hover{color: #0174b3; text-decoration: none;}

/* этот код работает на странице районы обслуживания */

#men { position: relative; margin:0; padding: 0; font-size: 12px; color: #4b4b4b; list-style: none; width: 670px;}
#men li{ position: relative;  margin: 0px; padding: 0px 0 5px 20px; font-size: 12px; list-style: none; background: url('/images/liii.gif') 10px 5px no-repeat; border: 0px solid #000;  }
#men li a:link   {font-size: 12px; color: #009ee0; text-decoration: underline;}
#men li a:visited{font-size: 12px; color: #009ee0; text-decoration: underline;}
#men li a:hover  {font-size: 12px; color: #0174b3; text-decoration: none;}
#men li a:active {font-size: 12px; color: #0174b3; text-decoration: none;}

#men li.sub {
display: block;
float: left;
width:	110px;
height: 190px;
vertical-align: bottom;
}
#men li ul {
position: absolute;
top:0px;
left:-9999px;
width: 140px;
padding:5px 0 5px 15px;
margin:0;
border: 0px solid #02406f;
background: #edf9fc;
z-index: 200;
}
#men li:hover ul li {
width: 140px;
padding:0px;
margin:0;
color: #4b4b4b;
text-decoration: none;
background: none;
cursor: default;
}
#men li:hover {  padding: 0px 0 5px 20px; background:#edf9fc url('/images/lii.gif') 10px 5px no-repeat;}
#men li:hover ul{left:0px; top:190px; background:#edf9fc; padding:5px 0 5px 15px;}*/ /* the background image is for IE7 */

#men li li a:link   { font-size: 12px; color: #009ee0; padding:0px 0 5px 0px; text-decoration: underline;}
#men li li a:visited{ font-size: 12px; color: #009ee0; padding:0px 0 5px 0px; text-decoration: underline;}
#men li li a:hover  { font-size: 12px; color: #0174b3; padding:0px 0 5px 0px; text-decoration: none;}
#men li li a:active { font-size: 12px; color: #0174b3; padding:0px 0 5px 0px; text-decoration: underline;}