#coolmenu1{
color: #fff;
/*border: 1px solid gray;*/ /*Стиль рамки */
border-bottom-width: 0;
/* width: 93%; /*Ширина меню */
background-color: #699dc4;  /*Фоновый цвет ячейки*/
margin:5px; /*Ширина отступов*/
}
#coolmenu1 a{
font: bold 15px "Century Gothic"; /*Шрифт текста*/
padding: 2px; /*Внутренний отсутп текста ссылки от краев ячейки*/
padding-left: 4px;/*Внутренний отсутп текста ссылки от левого края ячейки*/
display: block;
width: 100%; /*Ширина ячейки*/
color: #fff;  /*Цвет текста*/
text-decoration: none; /*Подчеркивание у ссылок - нет*/
border-bottom: 1px solid #598eb8;
}
#coolmenu1 a:hover{
background-color: #fff; /*Фоновый цвет ячейки при наведение курсора*/
color: #699dc4;  /*Цвет текста при наведении курсора*/
}
html>body #coolmenu1 a{ 
width: auto;
}
p.title {
font-family:"Century Gothic";
background:url(images/menu_bg.jpg) no-repeat center;
/*background-color: #A72E37;*/
color: #598eb8;
font-weight:bold;
margin:5px;
padding:5px;
}


a:link {
color:#FFFFFF;
text-decoration: none;
}
a:visited {
color:#FFFFFF;
text-decoration: none;
}
a:hover {
color:#FFFFFF;
text-decoration: none;
text-decoration:underline;

}
a:active {
color:#FFFFFF;
text-decoration:underline;
}
A IMG {
    border:none; /* Рамка вокруг ссылок */
}
A:visited IMG {
    border:none; /* Рамка вокруг посещенных ссылок */
}
body{
margin:0px;
background:#598eb8;
color:#FFFFFF;
font-family:Arial;
/*font-family:Verdana, Arial;*/
}
.top_link{
font-size:12px;
text-align:center;
}
.test{
border:solid 1px #993333;
}
.but_bg{
font-family:"Century Gothic";
margin-top:6px;
padding-top:8px;
height:36px;
width:200px;
background:url(images/but_bg.gif) no-repeat;
}
.but_nobg{
font-family:"Century Gothic";
}
.top_train{
}
.blagodarni{
margin:0px;
font-size:12px;
border-bottom:dotted 2px #699dc4;
}
.phone{
position:absolute;
left:1025px;
top:110px;
}
.phone_ {
	font-size: 14px;
	font-weight: bold;
}
.footer_text2 {
}
.footer_text {
border-bottom:dotted 2px #699dc4;
font-family:"Century Gothic";
}
.bg_pack{
font-family:"Century Gothic";
text-align:justify;
/*border-bottom:dotted 2px #699dc4;*/
/*border:solid 1px;*/
/*width:1160px;*/
height:220px;
background:url(images/bg_paceti.gif) top no-repeat;
}
.otstup{
height:53px;
}
.opican_paceti{
font-family:Arial;
font-size:14px;
}
.foot_1{
border-top:dotted 2px #699dc4;
padding-top:5px;
}
.foot_text{
font-size:14px;
}
/*меню*/

/*На следующем этапе мы приведем наше меню к более красивому виду.
Первым делом уберем меркеры в ненумерованном списке, отступы, а также зададим ширину нашего меню.*/
#nav ul {margin: 0px; 
		padding: 0px; 
		list-style:none; 
		width:200px; }
/*Теперь нам необходимо задать положение элементов списка. Так как наше меню будет вертикальное, это облегчает нашу работу. Однако, нам необходимо задать значение для свойства "position", как "relative". Это необходимо для того, чтобы относительно основного меню абсолютно позиционировать подменю.  Также зададим нижнее подчеркивание для пунктов меню.*/
#nav  ul li {position: relative; 
			}
/*Теперь необходимо подкорректировать наше подменю. Так как мы хотим, чтобы наше меню появлялась справа от основного меню в тот момент, когда над этим пунктом находится курсор, то нам необходимо вложенному списку, свойству "position" задать значение "absolute". Также нам необходимо задать его положение. Это делается следующим образом*/
#nav li ul {position: absolute; 
			left: 189px;
			top: 0; 
			display: none;}
/*Главное меню*/
#nav ul li a { display: block;
			  text-decoration: none;
			  color: #598eb8;
			   padding: 5px;} 
.m { font-weight:bold; background: url(images/menu1.png); width:189px; height:31px; font-family:"Century Gothic"; font-size:15px; margin-bottom:3px;}
/*Дополн меню*/
#nav  li:hover ul  { display: block;  }
#nav li:hover ul a {color: #FFF; font-weight:bold; border-bottom:1px solid #598eb8; } /*цвет текста */
#nav  li:hover ul a:hover { text-decoration: underline;   /*фон и подчеркивание */
 color:#FFFFFF; }
.subm{
	padding-left:25px;
	text-align:left;
font-size:12px;
font-weight:100;
background:url(images/menu2.png);
width:200px;
height:25px;
} 
/*Теперь, чтобы меню заработало в IE, добавим к трем уже существующим правилам по дополнительному селектору li.jshover:*/ 
#nav li:hover ul, #nav li.jshover ul { 
…
}

#nav li:hover  a, #nav li.jshover a {
…
}

#nav li:hover ul a:hover, #nav li.jshover ul a:hover {
…
}