@charset "utf-8";
/* CSS Document */

html, body {margin:0; padding:0; position:relative; height:100%; min-width:990px;}
body, td {font:normal 14px Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; color:#373737;}
body {text-align:center; background:#e6e6e6 url(bg.gif.1) repeat;}

a {color:#0281c6; text-decoration:none;}
a:hover {color:#0281c6; text-decoration:underline;}

a img {border-color:#000000;}

h1,h2,h3,h4,h5,h6 {margin:0; padding:0; color:#0281c6; line-height:1em;}
h1 {font-size:28px; margin:0 0 10px 0;}
h2 {font-size:26px;}
h3 {font-size:24px;}
h4 {font-size:22px;}
h5,h6 {font-size:21px;}

.path {font:normal 11px Tahoma, Geneva, Arial, Helvetica, sans-serif; color:#838383; padding:0; margin:0; height:20px;}
.path a {color:#0281c6; text-decoration:underline;}
.path a:hover {color:#0281c6; text-decoration:none;}

#wrap {
	height:auto !important;
	min-height:100%;
	height:100%;
	width:982px;
	background:#FFFFFF;
	margin:0 auto -124px auto;
}
#wrap .wrap-clrar {height:127px; width:100%; margin:0 auto; line-height:0; font-size:0; clear:both;}

/* HEADER */
#header {background:url(header.jpg.1) top no-repeat; position:relative; height:81px; width:976px; margin:0 auto 1px auto;}

#header .name {background:url(name.png.1) no-repeat; position:absolute; height:34px; width:530px; left:15px; top:28px;}

#header .tel {background:url(tel.png.1) left no-repeat; position:absolute; right:20px; top:30px; padding:0 0 0 140px; font:normal 21px/1em Century Gothic, Geneva, Arial, Helvetica, sans-serif; text-align:right; color:#efeeed;}
#header .tel p {padding:1px 0; margin:0;}
#header .tel a {color:#efeeed; text-decoration:underline;}
#header .tel a:hover {color:#efeeed; text-decoration:none;}

#header .map {position:absolute; float:right; right:12px; top:4px; padding:0; margin:0;}
#header .map dt {float:left; padding:0; margin:0;}
#header .map .home {width:26px; height:17px; line-height:0; font-size:0;}
#header .map .home a {cursor:pointer; display:block; height:17px; width:26px; background:url(home.gif.1) center no-repeat; outline:none; line-height:0; font-size:0;}
#header .map .smap {background:url(line.gif.1) top left no-repeat; height:17px; width:26px; padding:0 0 0 1px; line-height:0; font-size:0;}
#header .map .smap a {cursor:pointer; display:block; height:17px; width:26px; background:url(smap.gif.1) center no-repeat; outline:none; line-height:0; font-size:0;}
#header .map .mail {background:url(line.gif.1) top left no-repeat; height:17px; width:26px; padding:0 0 0 1px; line-height:0; font-size:0;}
#header .map .mail a {cursor:pointer; display:block; height:17px; width:26px; background:url(mail.gif.1) center no-repeat; outline:none; line-height:0; font-size:0;}
/* ------ */

/* ILLUSTRATION */
#illustration {position:relative; height:247px; width:976px; margin:0 auto 1px auto;}
#illustration .figure {height:247px; width:976px; margin:0 auto; overflow:hidden;}
#illustration .contacts {background:url(contacts.jpg.1) top no-repeat;}
#illustration .service {background:url(service.jpg.1) top no-repeat;}
#illustration .catalog {background:url(catalog.jpg.1) top no-repeat;}
#illustration .news {background:url(news.jpg.1) top no-repeat;}
#illustration .about {background:url(about.jpg.1) top no-repeat;}

#illustration .logo {background:url(logo.png.1) no-repeat; position:absolute; height:188px; width:264px; left:6px; top:14px;}
#illustration .logo a {cursor:pointer; display:block; height:188px; width:264px;}
/* ------------ */

/* MENU */
#menu, #menu ul, #menu li {margin:0; padding:0;	list-style:none; font-size:0px;	line-height:0px;}

#menu {width:976px; margin:0 auto 1px auto; padding:0; background:#03a6e0 url(menu2-bg.gif.1) top repeat-x;}

#menu ul {
	display:none;
	position:absolute;
	width:160px;
	background:#7b7b7b;
	margin:18px 0 0 6px;
	padding:8px 10px 10px 10px;
	z-index:1;
}

#menu ul ul {margin:-1px 0 0 2px;}

#menu li {display:inline; margin:0 -2px;}
#menu li a {display:inline-block; cursor:pointer; background:url(menu2-razd.gif.1) left no-repeat; font:normal 12px Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; text-decoration:none; text-align:left; color:#FFFFFF; padding:12px 12px 12px 12px;}
#menu li a:hover {text-decoration:underline; color:#FFFFFF;}
#menu li:first-child a {background:none; padding:12px 12px 12px 12px;}

#menu li li {display:block; background:url(submenu2-border.gif.1) bottom repeat-x; padding:0 0 1px 0; width:164px} 

#menu li li a {display:block; cursor:pointer; padding:2px 4px; background:none; font:normal 11px Tahoma, Geneva, Arial, Helvetica, sans-serif; text-decoration:none; text-align:left; color:#FFFFFF;}
#menu li li a:hover {text-decoration:underline; color:#FFFFFF;}
#menu li li:first-child a {display:block; cursor:pointer; padding:2px 4px; background:none; font:normal 11px Tahoma, Geneva, Arial, Helvetica, sans-serif; text-decoration:none; text-align:left; color:#FFFFFF;}
#menu li li:first-child a:hover {text-decoration:underline; color:#FFFFFF;}
/* ---- */

/* CONTENT */
#main {float:left; display:inline; width:100%; background:url(right-c.gif.1) right repeat-y;}

#main .content {float:left; display:inline; width:100%; margin:0 -222px 0 0;}
#main .content .body {text-align:left; margin:0 222px 0 0; padding:30px 16px 60px 22px;}

#main .right-c {float:right; display:inline; width:206px; padding:14px 3px;}
/* ------- */

#version {position:relative; height:32px; width:94px; margin:0 auto 10px auto;}
#version .en {position:absolute; width:37px; right:0px; top:0px; font:normal 10px/1em Tahoma, Geneva, Arial, Helvetica, sans-serif; text-align:center; color:#a5a5a5;}
#version .en a {background:url(en.gif.1) top no-repeat; width:37px; cursor:pointer; display:block; padding:20px 0 2px 0; text-decoration:none; color:#a5a5a5;}
#version .en a:hover {text-decoration:underline; color:#a5a5a5;}
#version .ru {position:absolute; width:37px; left:0px; top:0px; font:normal 10px/1em Tahoma, Geneva, Arial, Helvetica, sans-serif; text-align:center; color:#a5a5a5;}
#version .ru a {background:url(ru.gif.1) top no-repeat; width:37px; cursor:pointer; display:block; padding:20px 0 2px 0; text-decoration:none; color:#a5a5a5;}
#version .ru a:hover {text-decoration:underline; color:#a5a5a5;}

#date {position:relative; z-index:0; background:#FFFFFF; width:206px; height:66px; margin:0 auto 16px auto; font:normal 11px Tahoma, Geneva, Arial, Helvetica, sans-serif; text-align:left; color:#707070;}
#date em {position:absolute; left:86px; top: 24px; font-style:normal;}
#date strong {position:absolute; left:14px; top:12px; border-right:2px solid #e5e5e5; padding:8px 6px 8px 0; font:bold 22px/1em Arial, Helvetica, sans-serif; text-align:left; color:#0281c6;}

/* NEWS */
#news {width:170px; margin:0 auto;}

#news .name {font:bold 23px Arial, Helvetica, sans-serif; text-align:left; color:#0281c6;}

#news .news-in {font:normal 12px Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; text-align:left; color:#9e9e9e; padding:14px 0 0 0;}
#news .news-in p {padding:0; margin:0 0 6px 0;}
#news .news-in .date span {font-size:11px; color:#FFFFFF; background:#666666; padding:0 4px 1px 4px;}
#news .news-in .title {font-size:13px; font-weight:bold; text-decoration:underline; color:#0281c6;}
#news .news-in .more {float:right; font-weight:bold; color:#0281c6; background:url(news-icon.gif.1) left no-repeat; padding:0 0 0 14px;}
#news .news-in .more a {color:#0281c6; text-decoration:underline;}
#news .news-in .more a:hover {color:#0281c6; text-decoration:none;}
#news .news-in .clear {height:14px; line-height:0; font-size:0; width:100%; clear:both;}
/* ---- */

/* FOOTER */
#footer {background:#aeaeae url(footer.gif.1) top repeat-x; position:relative; height:124px; width:976px; margin:0 auto;}

#footer .title {font:bold 11px Tahoma, Geneva, Arial, Helvetica, sans-serif; text-align:center; color:#FFFFFF; position:absolute; bottom:0px; left:0px; width:100%;}
#footer .title a {color:#FFFFFF; text-decoration:none;}
#footer .title a:hover {color:#FFFFFF; text-decoration:none;}

#footer .copy {font:normal 11px/1.375em Tahoma, Geneva, Arial, Helvetica, sans-serif; text-align:right; color:#FFFFFF; position:absolute; right:76px; top:42px;}
#footer .copy a {color:#FFFFFF; text-decoration:underline;}
#footer .copy a:hover {color:#FFFFFF; text-decoration:none;}

#footer .counters {position:absolute; color:#FFFFFF; left:50px; top:44px;}
#footer .counters img {border:none;}
/* ------ */

/* TABLES */

table.table0 td p,table.table1 td p,table.table2 td p {padding:0; margin:0;}

table.table0 { border-collapse:collapse;}
table.table0 td { padding:5px; border: none}

table.table1 { border-collapse:collapse;}
table.table1 tr:hover {background: #e0e0e0}
table.table1 td { padding:5px; border: 1px solid #91949a;}

table.table2 { border-collapse:collapse;}
table.table2 tr:hover {background: #e0e0e0}
table.table2 td { padding:5px; border: 1px solid #91949a;}
table.table2 th { padding:8px 5px; border: 1px solid #fff; background:#0281c6; color:#fff; text-align:left;}