@charset "windows-1251";

div.addMenu { padding: 15px 15px 20px 4px; position: relative; left: 0 }
div.addMenu ul { list-style: none; margin: 0 0 0 8px; padding: 0 }
div.addMenu ul li { list-style: none; background: url(../img/addMenuLi.gif) no-repeat 19px .5em; padding: 0 0 .4em 28px; margin: 0; font-size: 120% }
div.addMenu ul li.title { background: url(../img/marker-arr.gif) no-repeat 0 1.1em; font: bold 16px Tahoma, sans-serif; color: #f60d00; padding: .7em 0 .4em 16px;  }
div.addMenu ul li a { color: #1c3686 }
div.addMenu ul li a:hover { color: #f60d00 }

/* Путь */
DIV.path { padding: 5px 20px 10px 0; font-size: 11px; color: #8B8B8B; }
DIV.path A { color: #8B8B8B !important; display: inline-block; margin-bottom: .3em }
TABLE.main TD.cabinet DIV.path { padding-left: 15px; }

/* Разлинованая таблица */
TABLE.table { margin: .9em 0;  }
TABLE.table TH { padding: 4px 10px 5px; border-bottom: 2px solid #3D3E8F; vertical-align: bottom; }
TABLE.table TH SPAN { font-size: 115%; color: #F20D00; }
TABLE.table TD { padding: 5px 10px; vertical-align: middle; text-align: center; background: #FFF; }
TABLE.table TD.lft, TABLE.table TH.lft { text-align: left; }
TABLE.table TD.rgh, TABLE.table TH.rgh { text-align: right; }
TABLE.table TR.bg TD { background: #F4F4F4; }

/* Форма */
TABLE.form { width: 100%; margin: .8em 0;  }
TABLE.form TD { vertical-align: middle; padding: 4px 8px; }
TABLE.form TD STRONG { font-size: 115%; color: #F20D00; }
TABLE.form TD.name { width: 30%; font-size: 12px; text-align: right  }
TABLE.form TD.input { width: 70%; }
TABLE.form TD.input TABLE TD { padding: 2px 4px 2px 0; }
TABLE.form TD.input TABLE.buttons { float: right; }
TABLE.form TD.input TABLE.buttons TH { padding: 5px 4px 1px 0; font-weight: normal; }
SPAN.star { padding: 0 0 0 5px; color: #C41212; font-size: 13px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; }
INPUT.button { height: 2.4em; font-weight: bold; }
TABLE.form td.input b { font-size: 14px; color: #3f4096 }

/*  */
TABLE.main { min-width: 980px; width: 100%; height: 100%; border-collapse: collapse;  }


/* Логотип, сервисы */
TABLE.main TD.logo { height: 1%; padding: 10px 25px 15px 0; }
TABLE.main TD.logo IMG.logo { margin-left: 32px; }
DIV.service { padding: 5px 0 16px 40px }
DIV.service IMG { margin: 0 3px; }

/* Баннер в шапке, путь */
TABLE.main TD.top DIV.banner { height: 88px; }
TABLE.main TD.top DIV.banner A { display: block; height: 88px; }
TABLE.main TD.top DIV.banner IMG { display: block; }

/*  */
TABLE.main TD.lft-col DIV.banner { padding: 10px 0 0 23px;  }

/* Меню */
DIV.menu { padding: 10px 24px 10px 28px; }
DIV.menu DIV.item { padding: 0 0 .4em 16px; background: url(../img/marker-arr.gif) no-repeat 0 .45em; color: #1C3686; font: 110% Tahoma, sans-serif; cursor: pointer; text-decoration: underline; font-weight: bold;  }
DIV.menu DIV.item A { color: #1C3686 !important; }
DIV.menu DIV.sub-menu { padding: 0 0 7px;  }
DIV.menu DIV.sub-menu DIV { padding: 5px 0 1px 22px; color: #F20D00; font-size: 11px !important; font-weight: normal !important; }
DIV.menu DIV.sub-menu DIV A { color: #1C3686; text-decoration: underline !important; font-weight: normal !important; }
	DIV.menu A:link, DIV.menu A:visited {font-weight: bold;}
	DIV.menu A:hover, DIV.menu A:active {font-weight: bold;}

DIV.menu DIV.sel { padding: 1px 0 2px 16px; color: #F20D00;  }
DIV.menu DIV.selected { color: #F20D00; font-weight: bold  }
DIV.menu DIV.sel A { color: #F20D00 !important; text-decoration: none !important; }

DIV.menu DIV.sail {  }
DIV.menu DIV.sail a { color: #ec0d00 !important; background: url(../img/sale.gif) no-repeat 0 .7em; display: block; padding-left: 35px }

/* Новинки */
DIV.header { padding: 30px 10px 10px 23px; font-size: 145%; font-weight: bold; color: #1C3686; }
Table.new { width: 100%; width: 247px; border-collapse: collapse; }
Table.new TD { width: 95%; padding: 0 8px 25px 13px; }
Table.new TH { width: 5%; padding: 0 0 25px 23px; }
Table.new TH DIV { /* width: 60px; height: 60px; overflow: hidden; */ }

/* Подписка */

/*  */
TABLE.main TD.lft-col { width: 20%; height: 100%; padding-bottom: 100px }
TABLE.main TD.content { width: 50%; padding: 0 0 25px;  }
TABLE.main TD.rgh-col { width: 30%;  }

TABLE.main TD.content.cabinet {width: auto;}
TABLE.main TD.cabinet h1 {margin-left: 15px;} 

TABLE.main TD.content table { width: 90% !important }

/* Каталог */

TD.catalog { padding: 0 0 30px 30px; }
DIV.catalog { margin: 3px 0 23px; background: #F4F4F4 url(../img/catalog-bg.gif) repeat-y 100% 0 ; border-bottom: 9px solid #E7E7E7 ; }
DIV.catalog DIV.header {
	padding: 3px 11px 2px 14px;
	background: #F20D00 url(../img/catalog-header-bg.gif) repeat-x 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	/*white-space: nowrap;*/
	margin-bottom: 10px;
  
}
DIV.it-cat { padding: 3px 0 16px; }
DIV.it-cat DIV { padding: 1px 22px .35em 34px; background: url(../img/marker-arr-blue.gif) no-repeat 21px 5px; font-size: 12px; }
DIV.it-cat DIV A { color: #1C3686 !important; }
DIV.it-cat DIV A:hover { color: #F20D00 !important; }

DIV.header-cat { margin: 2px 0 5px; padding: 5px 0 6px 0; border-bottom: 3px solid #DF0C00; color: #DF0C00; font-size: 15px; font-weight: bold; clear: left; }
DIV.header-cat A { color: #DF0C00 !important; text-decoration: none !important; }

Table.gallery { border-collapse: collapse; }
Table.gallery TD { padding: 3px !important; border: solid #DF0C00; border-width: 2px; }
Table.gallery TD DIV { width: 130px; height: 130px; text-align: center; vertical-align: middle; overflow: hidden; }
Table.gallery TH { padding: 2px 2px 4px; border: 1px solid #DF0C00; vertical-align: middle; font-weight: bold; color: #FFF; font-size: 11px; background: #DF0C00; }
Table.gallery TH A { color: #FFF !important; }

DIV.up { margin-top: 14px; clear: left; }
DIV.up A { color: #F20D00 !important; }

TABLE.main td.content TABLE.catalog { width: 97% !important; clear: left; border: 1px solid #DF0C00;  }
TABLE.catalog TH { width: 5%; padding: 5px 0 10px 10px; }
TABLE.catalog TD { width: 95%; padding: 5px 10px 10px 10px; }
TABLE.catalog a { color: #1c3686 }
TABLE.catalog a:hover { color: #f60d00 }

TABLE.catalog ul { list-style: none; margin: 0; padding: 0 }
TABLE.catalog ul li { list-style: none; background: url(../img/addMenuLi.gif) no-repeat 9px .5em; padding: 0 0 .6em 18px; margin: 0; font-size: 12px }
TABLE.catalog ul li a { color: #1c3686 }
TABLE.catalog ul li a:hover { color: #f60d00 }


td.content TABLE.catalog TH table.gallery { width: auto !important }
TABLE.catalog TH Table.gallery TD { border: none; }

DIV.inset { position: relative; }
DIV.inset DIV { float: left; position: relative; top: 1px; padding: 5px 10px 5px; background: #DF0C00; color: #FFF; font-size: 12px; font-weight: bold; z-index: 555; }
DIV.inset DIV A { color: #FFF !important; }
DIV.inset DIV.sel { background: #FFF; color: #DF0C00; border: solid #DF0C00; border-width: 1px 1px 0 1px; }

/* Copyright */
TABLE.main TD.copyright { height: 1%; padding: 10px 14px 10px 23px; background: #EAEAEA; font-size: 11px; color: #636363; line-height: 105%; }
TABLE.main TD.copyright A { color: #636363 !important; }
TABLE.main TD.copyright STRONG { display: block; padding-bottom: 2px; padding-top: 10px; }
TABLE.main TD.copyright DIV {
	float: right; width: 400px;
}
TABLE.main TD.copyright DIV IMG { float: right; margin: 5px 0 0 8px; }

/* Карта сайта */
UL.map { margin-top: 12px; }
UL.map LI { font-weight: bold; font-size: 105%; color: #1C3686; }
UL.map UL { padding-left: 25px; }
UL.map UL LI { font-size: 100%; }
UL.map UL UL { padding-left: 15px; }
UL.map UL UL LI { font-size: 100%; font-weight: normal; list-style: url(../img/marker-line.gif);}

/* Мероприятия */
DIV.events A { font-size: 125%; font-weight: bold; }
DIV.events DIV { padding: 3px 0 10px; }
DIV.events STRONG { padding-bottom: 2px; display: block; }

/* Пресс-центр */
TABLE.press { width: 100%; //width: 98% }
TABLE.press TD { padding: 0 0 15px; }
TABLE.press TD DIV.img { float: left; margin: 0 7px 0 0; border: 1px solid #CCC; padding: 2px; }
TABLE.press TD DIV.img DIV { width: 112px;  }
TABLE.press TD A { font-weight: bold; font-size: 115%; }

/* Новости */
h6.date { padding: 0 0 .5em 0; margin: 0; font-size: 110%; color: #999 }
TABLE.news { width: 100%; margin: 1px 0 5px; font-size: 18px }
TABLE.news TD { padding: 0 5px 25px; font-size: 70%; vertical-align: middle }
TABLE.news TD.img { text-align: center }
TABLE.news TD STRONG { display: block; padding-bottom: .2em; font-size: 95% }
TABLE.news TD DIV { display: block; margin: 0; }

/* Клиенты */
DIV.clients SPAN { width: 70%; display: block; padding-bottom: 5px; font-size: 125%; font-weight: bold; color: #F20D00; border-bottom: 1px solid #F20D00; }
DIV.clients DIV { padding: 7px 0 25px 14px; }
DIV.clients DIV STRONG { display: block; padding: 3px 0 3px; font-weight: normal; }
DIV.clients DIV P { padding: 0; margin: -2px 0 3px; }

DIV.laquo { position: relative; }
DIV.laquo DIV { position: absolute; left: -42px; top: -28px; font-size: 65px; color: #DEDEDE; font-family: Georgia; }
DIV.raquo { position: relative; }
DIV.raquo DIV { position: absolute; top: -54px; right: -26px; font-size: 70px; font-family: Georgia; color: #DEDEDE; }

/* Решения */
DIV.adv DIV { padding: 0 0 25px; }
DIV.adv DIV HR { width: 250px; }
DIV.adv DIV STRONG { font-size: 105%; padding: 0 30px 0 0; }

/*  */
DIV.archives { margin-top: 10px; }
DIV.archives DIV { padding: 6px 0 7px; font-weight: bold; }
DIV.archives SPAN { padding-left: 10px; color: #777; font-weight: normal; }
DIV.archives DIV IMG { float: left; margin: 0 7px 0 0; }

/* Авторизация */
DIV.cpx { position: absolute; left: 50%; top: 50%; width: 1px; height: 1px; }
DIV.enter { position: relative; left: -155px; top: -100px; width: 310px; padding: 0 8px; font-size: 14px; font-weight: bold; text-align: left; background: #FFF; border: 2px solid #F20D00; }
DIV.enter DIV.button { width: 182px; padding: 3px 1px 0; height: 21px; background: #3D3E8F url(../img/button-angle.gif) no-repeat 100% 100%; color: #FFF; font-weight: bold; font-size: 11px; text-align: center; cursor: hand; cursor: pointer; }
DIV.enter TABLE.form TD.name { width: 10%; text-align: right; }

DIV.txt { padding: 0 0 0 23px; width: 85%; }
DIV.txt DIV.header { padding: 5px 0 0; font-size: 145%; font-weight: bold; color: #1C3686; }
DIV.txt HR { height: 2px; color: #E7E7E7; background: #E7E7E7; }
DIV.txt p { padding: .3em 0; }

/* Вопросы и ответы */
.faq dt { font-weight: bold; padding-bottom: 1px;  }
.faq dd {
	padding-bottom: 15px;
}

DIV.subscribe { padding: 15px 15px 20px 28px;  }
DIV.subscribe INPUT { width: 105px; height: 24px; font-size: 14px; padding: 0  }

DIV.subscribe input.button {
	width: 104px;
	padding: 2px 11px 5px 9px;
	height: 23px;
	background: #3D3E8F url(../img/button-angle.gif) no-repeat 100% 100%;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	cursor: hand;
	cursor: pointer;
	overflow: visible;
	border: none;
	margin: 0;
	position: relative; top: -1px
	}

DIV.subscribe h2 { font: bold 16px Tahoma, sans-serif; padding: 0 0 1em 0 !important; margin: 0 }

div.newItem { padding: 25px 20px 0 27px  }
div.newItem h2 { font: bold 16px Tahoma, sans-serif; padding: 0 0 1.3em 0 !important }
div.newItem a { color: #1c3686 }
div.newItem a:hover { color: #f60d00 }
div.newItem table { border-collapse: collapse; font-size: 150%   }
div.newItem table th { padding: 0 10px 23px 0 }
div.newItem table td { padding: 0 0 23px 0 }
div.newItem table td a {font-size:11px;}

div.navigation { font-size: 12px; padding-top: 15px; border-top: 1px solid #000 }

div.backLinkBottom { clear: both; margin: 15px 0 20px 0; padding-top: .7em; text-align:right; overflow: hidden; height: 100%; }
div.backLinkBottom span, div.backLinkTop span { font-size: 15px; color: #1c3686 }
div.backLinkTop { clear: both; margin: 1em 0 1em 0; padding-bottom: .7em; border-bottom: 1px solid #1c3686 !important }
div.backLinkBottom div { margin: 0 0 0 0; padding-top:3px; border-top: 1px solid #e1e1e1 !important; color:#555555; width: 250px; float: right;  }
div.backLinkBottom div span {color: #555;}
div.backLinkBottom div a {color:#555;}

.cabinetMenu { border-bottom: 1px solid #b7b7b7; padding-left: 4px; margin: 0 10px 2em 0;  }
.cabinetMenu a { display: inline-block; //zom: 1; font-size: 100%; padding: .4em 6px; border: 1px solid #b7b7b7; border-bottom: none; background: #e8e9f0; margin-right: 2px; vertical-align: bottom; text-decoration: none !important; color: #5e5757; position: relative;  }
.cabinetMenu a:hover { background: #8a8484; color: #fff; cursor: pointer  }
.cabinetMenu a.active {  top: 1px; padding: .6em 12px; background: #fff; text-decoration: none !important; color: #5e5757; font-weight: bold;  }
.cabinetMenu a.active:hover { cursor: default } 
TABLE.main TD.cabinet .cabinetMenu { margin-left: 10px;}

.forms { padding: 0 10px;  }
.forms .line { padding: 0 0 1em 0 }
.forms .line .overname { display: block; padding: 0 0 .4em 0; font-weight: bold }

.selectform { border: 1px solid #b7b7b7; padding: .6em 15px; margin: 0 0 .6em 0; font-size: 120%; cursor: pointer  }
.selectform span { background: url(../img/marker-arr-blue.gif) no-repeat 0 .35em; padding: 0 0 0 12px;  }

.selectform.active { } 
.selectform.active span { background: url(../img/marker-arr.gif) no-repeat 0 .35em; color: #f20d00 }

.line .name, .line .input { display: inline-block; //display: inline; //zoom: 1; vertical-align: middle }
.line .name { width: 8em; margin-right: 7px; text-align: right }
.line .input { width: 75%; }
.line .input.wide { display: block; width: auto; width: 75%; margin-left: 8em; padding-bottom: 1.5em } 
.line textarea { width: 99%; height: 8em; margin-bottom: 1em }

.line .name.wide { display: block; width: auto; padding-bottom: .6em; text-align: left; margin-left: 8em  } 
.line input { vertical-align: middle; width: 95%; padding-left: 4px  }
.line select { width: 95% }
.openForm .star { color: #f20d00 }
.openForm { padding: 10px }
.openForm .alert { padding-bottom: 1.8em }

.line .date { width: 9em }
.line select.short { width: 60% }

.openForm .button { cursor: default; padding: 0 0 2em 0 }
.openForm .button input { font-size: 130%; padding: .1em 12px; overflow: visible; cursor: pointer; width: auto }

.line input.phone1 { width: 2em; text-align: center; margin-right: 5px } 
.line input.phone2 { width: 6em; text-align: center; margin-right: 5px   } 
.line input.phone3 { width: 15em; } 
.line input.phone4 { width: 21.5em; } 

.line .comment { color: #999; padding-bottom: 1em }

.content .forms table.orderList { border-collapse: collapse;  } 
.orderList th { text-align: left; color: #444; padding: 0 10px .6em 10px; border-bottom: 1px solid #999 }
.orderList .question { padding: 0; width: 24px }
.orderList .question a { display: block; width: 24px; height: 24px; background: url(../img/question.png) no-repeat 0 0; cursor: pointer; margin: 6px 8px 0 0 }

.orderList .anger { padding: 0; width: 24px;  }
.orderList .anger a { display: block; width: 24px; height: 24px; background: url(../img/anger.png) no-repeat 0 0; cursor: pointer; margin: 6px 8px 0 0 }


.orderList td { padding: .8em 10px; border-bottom: 1px solid #999 }
.orderList .odd td { background: #edf3f7 }
.orderList .type { width: 8em; font-weight: bold }
.orderList .status { }
.orderList .num { width: 2em }
.orderList .status span { display: block; padding: 0 0 .4em 0; color: #000  }
.orderList .status.ready a { color: #5db15f }
.orderList .status.out a { color: #afa236 }
.orderList .status.no a { color: #e46112 }
.orderList .time { display: block; padding: .2em 0 0 0; color: #333 }
.orderList .status .ctime { font-style: italic }
.orderList .name { }
.orderList .status .time { padding: .5em 0 0 0 }
.orderList h3 { padding: .5em 15px !important; color: #fff; font-weight: normal; font-style: normal; background: #3f4096; text-align: center; margin-bottom: .7em; display: inline-block  }
.orderList .inj { }
.orderList .inj span { display: block; padding: .3em 0 0 0 }

.questionBlock { position: relative }
.askForm { position: absolute; width: 450px; background: #fff; padding: 10px 20px 20px 20px; border: 1px solid #ccc; left: -400px; top: 8px }
.askForm .close { position: absolute; top: 8px; right: 20px; color: #0000CC; text-decoration: underline; cursor: pointer }
.askForm .title { display: block; font-size: 130%; padding: 0 0 .7em 0 }

.sthistcont { padding: 1em 0 0 0; }
.sthist { padding: 0 0 .8em 0; font-size: 110%; position: relative; min-height: 3em; margin-left: 5em  }
.sthist .date { position: absolute; left: -5em; top: 0  }
.sthist .time { display: block; padding: .2em 0; font-style: italic  }
.sthist span { display: block; padding: 0 0 .5em 0 }
.content .out { color: #afa236 !important }
.content .ready { color: #5db15f !important }
.content .no { color: #e46112 !important }

.details { padding: 0 0 .6em 0; font-style: normal; font-weight: normal  }
.details .title { display: block; padding: 0 0 .3em 0; font-weight: bold  }
.details .infob { background: url(/img/marker.gif) no-repeat 0 0; padding-left: 10px; display: block; }
.details .infob p { padding: 0 !important }

.statusnow { padding: 0 0 1em 0; font-size: 120%;  }

table.main td.content table.detable { width: auto !important   }
table.main td.content table.detable td { padding: 0 25px 0 0; border: none; background: #fff; width: 300px }
table.main td.content .sthistcont table.detable { font-size: 130% !important }

.statusList { position: relative; overflow: hidden; width: 500px }
.statusList .status { width: 10000px; position: relative;  overflow: hidden }
.statusList .status .item { width: 500px; float: left  }

.personalPadd { padding: 0 20px }
