﻿body {
	background-color: #fff; 
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	color: #595a5a;
	font:14px/1.5 Arial, Helvetica, sans-serif;
	}

.main {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #2B3791;
	width: 778px; 
	height=100%;
	margin: 0 0 0 0; 
}

table.order { border:1;font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
th { bgcolor: #cccccc; padding: .7em .3em; text-align: center; font-weight: normal; border: 1;  }
td.order { border: 0; padding: 1px; }

h1 {margin: 5; font-size: 17px; font-weight: bold;}
img { border: none;}
#text {margin:10px auto; width:500px}
.hotspot { padding-bottom:1px;  cursor:pointer}
#tt {position:absolute; display:block; background:url(../img/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../img/tt_bottom.gif) top right no-repeat; overflow:hidden}
UL { list-style-type: decimal;}
ul.point {list-style-type: disc;}
.t {background: url(../img/center_top.gif) 0 0 repeat-x; width: 100%; }
.b {background: url(../img/center_bottom.gif) 0 100% repeat-x; }
.l {background: url(../img/middle_left.gif) 0 0 repeat-y}
.r {background: url(../img/middle_right.gif) 100% 0 repeat-y}
.bl {background: url(../img/bottom_left.gif) 0 100% no-repeat}
.br {background: url(../img/bottom_right.gif) 100% 100% no-repeat}
.tl {background: url(../img/top_left.gif) 0 0 no-repeat}
.tr {background: url(../img/top_right.gif) 100% 0 no-repeat; padding:10px; height: 100%;} 
.trr {background: url(../img/top_right.gif) 100% 0 no-repeat; padding:10px; height: 60px;}
.trrr {background: url(../img/top_right.gif) 100% 0 no-repeat; padding:10px; height: 650px;} 

a:link { color: #000099; font-family: arial; font-size: 14; text-decoration:none;}
a:visited {color: #000099; font-family: arial; font-size: 14; text-decoration:none;}
a:hover {color: #000099; font-family: arial; font-size: 14; text-decoration: underline;}

div.logo { font: 33px/0.3 Arial,  sans-serif; text-align:left; color:#b1bfc7; padding-top: 14px;}
div.logo2 { font: 13px/0.3 Arial; text-align:left; color:#b1bfc7; padding-top: 5px; letter-spacing: 0.006em;}
div.servis { background-image:url(../img/gradient.jpg);  height:212px;}
div.online { text-align:center; color:#FFF;  padding-top:55px;}

h1.descript { color: #abadd3; margin: 0; font:14px/2 Arial, Helvetica, sans-serif;}

p.name { color:#3a0099; margin: 0; font:46px/0.8 Arial, Helvetica, sans-serif;}
p.descript { color: #abadd3; margin: 0; font:14px/2 Arial, Helvetica, sans-serif;}
p.otdel { color:#3a0099; margin: 0; font:12px/1.5 Arial, Helvetica, sans-serif;}
p.opisanie { color: #abadd3; margin: 0; font:12px/1 Arial, Helvetica, sans-serif;}

td.td_left { width: 280px; color: #969495; font:12px/1.5 Verdana, Arial, Helvetica, sans-serif;}
td.td_right { width: 280px; color: #969495; font: Verdana, Arial, Helvetica, sans-serif;}


A.rollover {
background: url(../img/news.gif); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 92px; /* Ширина рисунка */
height: 93px; /* Высота рисунка */
}
A.rollover:hover {
background: url(../img/news_color.gif); /* Путь к файлу с заменяемым рисунком */
}

A.rollovera {
background: url(../img/event.gif); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 92px; /* Ширина рисунка */
height: 93px; /* Высота рисунка */
}
A.rollovera:hover {
background: url(../img/event_color.gif); /* Путь к файлу с заменяемым рисунком */
}

A.rolloverb {
background: url(../img/distrib.gif); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 92px; /* Ширина рисунка */
height: 93px; /* Высота рисунка */
}
A.rolloverb:hover {
background: url(../img/distrib_color.gif); /* Путь к файлу с заменяемым рисунком */
}

A.rolloverc {
background: url(../img/media.gif); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 92px; /* Ширина рисунка */
height: 93px; /* Высота рисунка */
}
A.rolloverc:hover {
background: url(../img/media_color.gif); /* Путь к файлу с заменяемым рисунком */
}

A.rolloverd {
background: url(../img/promo.gif); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 92px; /* Ширина рисунка */
height: 93px; /* Высота рисунка */
}
A.rolloverd:hover {
background: url(../img/promo_color.gif); /* Путь к файлу с заменяемым рисунком */
}

A.rollovere {
background: url(../img/web.gif); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 92px; /* Ширина рисунка */
height: 93px; /* Высота рисунка */
}
A.rollovere:hover {
background: url(../img/web_color.gif); /* Путь к файлу с заменяемым рисунком */
}

A.rolloverf {
background: url(../img/design.gif); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 92px; /* Ширина рисунка */
height: 93px; /* Высота рисунка */
}
A.rolloverf:hover {
background: url(../img/design_color.gif); /* Путь к файлу с заменяемым рисунком */
}

A.rolloverk {
background: url(../img/gifts.gif); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 92px; /* Ширина рисунка */
height: 93px; /* Высота рисунка */
}
A.rolloverk:hover {
background: url(../img/gifts_color.gif); /* Путь к файлу с заменяемым рисунком */
}

A.rolloverl {
background: url(../img/consult.gif); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 92px; /* Ширина рисунка */
height: 93px; /* Высота рисунка */
}
A.rolloverl:hover {
background: url(../img/consult_color.gif); /* Путь к файлу с заменяемым рисунком */
}

A.event {
background: url(../img/event_gray.gif); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 43px; /* Ширина рисунка */
height: 43px; /* Высота рисунка */
}
A.event:hover {
background: url(../img/event_blue.gif); /* Путь к файлу с заменяемым рисунком */
}

A.monik {
background: url(../img/monik_gray.gif); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 43px; /* Ширина рисунка */
height: 43px; /* Высота рисунка */
}
A.monik:hover {
background: url(../img/monik_blue.gif); /* Путь к файлу с заменяемым рисунком */
}

A.distrib {
background: url(../img/distrib_gray.gif); 
display: block; 
width: 43px; 
height: 43px; 
}
A.distrib:hover {
background: url(../img/distrib_blue.gif); 
}

A.design {
background: url(../img/design_gray.gif); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 43px; /* Ширина рисунка */
height: 43px; /* Высота рисунка */
}
A.design:hover {
background: url(../img/design_blue.gif); /* Путь к файлу с заменяемым рисунком */
}

A.gifts {
background: url(../img/gifts_gray.gif); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 43px; /* Ширина рисунка */
height: 43px; /* Высота рисунка */
}
A.gifts:hover {
background: url(../img/gifts_blue.gif); /* Путь к файлу с заменяемым рисунком */
}

A.news {
background: url(../img/news_gray.gif); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 43px; /* Ширина рисунка */
height: 43px; /* Высота рисунка */
}
A.news:hover {
background: url(../img/news_blue.gif); /* Путь к файлу с заменяемым рисунком */
}

A.consult {
background: url(../img/consult_gray.gif); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 43px; /* Ширина рисунка */
height: 43px; /* Высота рисунка */
}
A.consult:hover {
background: url(../img/consult_blue.gif); /* Путь к файлу с заменяемым рисунком */
}

A.promo {
background: url(../img/promo_gray.gif); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 43px; /* Ширина рисунка */
height: 43px; /* Высота рисунка */
}
A.promo:hover {
background: url(../img/promo_blue.gif); /* Путь к файлу с заменяемым рисунком */
}

A.media {
background: url(../img/media_gray.gif); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 43px; /* Ширина рисунка */
height: 43px; /* Высота рисунка */
}
A.media:hover {
background: url(../img/media_blue.gif); /* Путь к файлу с заменяемым рисунком */
}

A.web {
background: url(../img/web_gray.gif); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 43px; /* Ширина рисунка */
height: 43px; /* Высота рисунка */
}
A.web:hover {
background: url(../img/web_blue.gif); /* Путь к файлу с заменяемым рисунком */
}
