/* Все идентификаторы представленны последовательно, в том же порядке в каком они указаны в файле html. */

/*Версия для печати и внутренняя страница*/

@import url(style_in.css);

/* ----------------------Общее ------------------------------------------------------*/

body {font-size:12px;width:100%;}
body, h1, h2, h3, h4, input, td {margin:0; padding:0}
body, td {background:#FFF; color: #3F3F3F}
img {border:0}
a:link, a:visited {color:#069; text-decoration:underline;}
a:hover {color:#999;  }

body {font: 12px Arial; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
/*h1 {font-size: 80%; font-family:Arial; font-weight: normal; letter-spacing:1px;}*/

p {margin: 15px 7px}
strong_ {font-weight: normal}
h2 {font:bold 16px Arial, sans-serif; padding-bottom:10px;}
h3 {font: normal 14px Arial, sans-serif; display: inline; font-weight:bold; padding-bottom: 10px;}
.hd h2 a:link, .hd h2 a:visited {color:#069; text-decoration:underline}
.hd h2 a:hover {color:#999}
h2 a:link, h2 a:visited {color:#666; text-decoration:underline}
h2 a:hover {text-decoration:none}
/*ul li ul li ul li, ul li ul li, ul li, li {margin: 5px; padding: 0; list-style: url(/img/trmenu.gif)}*/
ul li {margin: 5px; padding: 0; list-style-image: url('/img/trmenu.gif')}
ul li ul li {list-style-image: url('/img/trmenu2.gif')}
ul li ul li ul li{list-style-image: url('/img/trmenu3.gif')}

.li_articles{margin: 5px; padding: 0; list-style-image: url('/img/folder_orange.gif');}

input, select {background:#fff}
/*table {border-collapse: collapse}*/
td {vertical-align: top}

.link_vis {color:#999;text-decoration:none}

/* --------------------- Верхняя часть сайта --------------------------------------- */

#hidden {display:none} /* Для браузеров не поддерживающих стили */

#general {min-width:780px; max-width:1280px; width:100%;}

/* Расположение */
#top {font-size:9pt; width:100%; margin:10px 0}
#topleft {float:left; width:29.6%; text-align:center; background: url(/img/vertically.gif) repeat-y right}
#topright {float:right; width:70.4%}
#tright {float:right; width:40.5%; background: url(/img/vertically.gif) repeat-y left;  text-align: center; }
#center {float:left; width:59.5%}
#bc {width:95%;text-align:center;}
#tl {width:49%;float:left}
#tr {width:49%; float:right}
#search {margin:10px 0px 0px 0px}
.search {width:155px; border: 1px solid #CCC; margin-left:22px; margin-bottom:0px; margin-top:10px; color:#CCC}
.butsearch {margin:0 5px; padding:2px 0 0}
#fone {margin:6px 0}

/*--------------------Здоровое Главное Меню (шифровка инопланетянам)---------------------------------*/


/* ------------ Область контента --------- */

#boxshpr { width:99%; margin-left: 1%;/*clear:both*/}
#presentation {float:left; width:72%; margin: 0px !important;}
#prebox {width:90%; margin:0 2%; background: url(/img/prelt.jpg) no-repeat 0 0}
#pbox {background:url(/img/prerb.jpg) no-repeat 100% 100%; padding:20px 25px 20px}
#content_block{padding:20px 45px 20px;}
#otstup {width:65px; height:75px; float:left}
#short {position:relative; width:25.6%; float: left; display:inline; padding:0px 0 10px}
.pre {margin:5px 0 10px; display:block}
.more {margin:20px 10px 0; text-align:right; height:1%}
.more a:link, .more a:visited, #tl a:link, #tl a:visited, #tr a:link, #tr a:visited {background: url(/img/trmenu.gif) no-repeat 0 6px; padding-left:12px}

#news_title {float:left; width:72%}
#news_anons {position:relative; width:25.6%; float: right; display:inline; padding:0px 0 10px}

.product, .uslugi, .expa {margin:10px 0 25px; padding:0 20px 10px 12px; background:#FFF url(/img/vertically.gif) repeat-y left}

.link {width:100%;overflow: hidden;margin: 0 0 0 -35px;}
.link .ico {width: 35px;float: left;}
.link .ico-text {margin: 0 0 0 35px;padding:5px 0 5px 10px; background:#FFF url(/img/vertically.gif) repeat-y 0 0;}


div#product {position: relative; left:-25px; top:auto}
html>body #prodimg {position:absolute; left:-37px; top:3px; background:url(/img/logo_right_1.gif) no-repeat; width:34px; height:48px}
.product {position:relative; left:0;}

div#uslugi {position: relative; left:-25px; top:auto}
html>body #usimg {position:absolute; left:-36px; top:3px; background: url(/img/logo_right_2.gif) no-repeat; width:36px; height:43px}
.uslugi {position:relative; left:0}

div#expa {position: relative; left:-25px; top:auto}
html>body #eximg {position:absolute; left:-38px; top:3px; background: url(/img/logo_right_3.gif) no-repeat; width:36px; height:43px}
.expa {position:relative; left:0}

#zakaz {position:absolute; left:-20px; bottom:5px; width:266px; height:46px}


/* Анонсы */
#announcement {clear:both; margin-bottom:10px; width:100%; overflow:hidden; background:#EFF2F4}
#annleft {width:66%}
#annleft, #anleft {float:left}
#annright {width:33%}
#annright, #anright {float:right}
#anleft, #anright {width:49%}
.annright, .anleft, .anright {border-left:2px solid White; padding:0 10px}
.annright {margin:30px 20px 30px 0}
.anleft {margin:30px 5px 30px 7%}
.anright {margin:30px 20px 30px 5px}

/* Новости и отраслевой CRM */
#boxhistory, #ch {width:100%; clear:both; overflow:hidden}
#hisbox {width:100%; float:left}
.hisbox {margin:20px 20px 20px 20px;}
#crmbox {width:28.6%; float:right}
.crmbox {background:url(/img/vertically.gif) repeat-y 2px 0; padding:   15px 12px 0px 12px; margin-bottom:0px}

#ul_def {margin: 5px; padding: 0;}
#ul_def2 {margin: 5px; margin-left:14px; padding: 0;}

#headhis, #headcrm {qposition:relative}
.his a:link, .his a:visited {background: url(/img/trmenu.gif) no-repeat 0 6px; padding:0 12px}
.his {display: block; margin: 5px 0}
#headhis {margin-left:10px; width:57%; float:left; padding:0 5px 15px 0;   background: url(/img/hisfon.gif) no-repeat 0 100%}



.in {font-size: 8pt}
.n {width:100%; margin:5px 0}
#boxheadcrm {width:28.6%; float:right}
#headcrm {margin:0 10px 0 23px; padding:0 10px 15px 0; background:#FFF url(/img/crmfon.gif) no-repeat 0 100%}



/*-------Видео-----------*/
.video-news {
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted rgb(102, 102, 102); 
	padding: 5px 0 10px 0;
}
.catalog-video {
	position: relative;
	float: right;
	width: 345px;
	margin: 0 0 5px 5px;
}

.clear {
	clear: both;
	height: 0px;
}
.download img {
	position: relative;
	float: left;
	padding: 0 10px 0 0 ;
	top: 2px;
}

/* ------------------------ Нижняя часть сайта ------------------------ */
#bottom {width:100%; clear:both; margin-top:15px;   }
#bottom, #botleft, #botright {height:86px}
#botleft {width:600px; float:left; padding-left:25px;}
#botleft a {text-decoration: none}
#bbox {width:600px;}
#botmenu {width:600px; margin:0}
#botright {width:150px; float:left; background:#EFF2F4}
#copyrights {margin:10px 0 0 20px; font-size:8pt; float:left}
#counter {margin:5px 0 0 20px; float:left; width:88px; height:31px}

.foot_but {padding-left:55px; text-align:left; padding-top:8px; z-index:1; width:183px; height:33px; background: url(/img/sticker_for_bottom.gif) no-repeat}
.foot_but_mail { z-index:200; width:64px; height:10px;  background: url(/img/bottom_mail.gif) no-repeat}
.foot_but_phone { z-index:200; width:67px; height:10px;  background: url(/img/bottom_phone.gif) no-repeat}
.foot_but_addr { z-index:200; width:82px; height:12px;  background: url(/img/bottom_address.gif) no-repeat}

#come {text-indent:-9999px}
#come {float:right}
#write, #ring , #lbbox {float:left; z-index:20; width:200px; border:1px; text-align:center;}

.come, .write, .ring {position:relative; height:32px; text-indent: -9999px; }
/*.binter, .binterc {font-size:8pt; margin: -7px 15px 0px 55px; margin-top: 25px;}
.binterc {text-align:center; margin-left:-10px;}*/

#copyrights, #counter {display:inline}
#head {padding-left:50px;}

.detail_text{background:#FFFFFF; padding:15px; padding-left:0px;}
.detail_text p {padding:0px; margin-left:0;}
h1 {padding-bottom:10px; font:bold 18px Arial, sans-serif}
.r_block{position:relative; width:25.6%; float: left; display:inline; padding:0px 0 10px; margin-top:25px;}
.boxmenu_grey {position:absolute; left:5px; top:0; overflow:hidden; z-index:5; width:96%; height:100%; background: url(/img/sticker_for_bottom.gif)}

#phone1
{
	color:#A7A8A6;
	font:normal 10px tahoma;	
}
#phone2
{
	color:#DE1212;
	font:bold 20px tahoma;
}
.event_boild
{
    font:bold 16px Arial,sans-serif;
    color:#E77817;
    text-align: center;
}


/*  div.grey-tabs-menu */

div.grey-tabs-menu
{
 float:left;
 width:100%;
 background:#FFFFFF;
 font-size:11px;
 line-height:normal;
 border-bottom: #d1d1d1 1px solid;
}

div.grey-tabs-menu ul
{
 margin:0;
 padding:10px 10px 0 10px;
 list-style:none;
}

div.grey-tabs-menu li
{
 display:inline;
 margin:0;
 padding:0;
}

div.grey-tabs-menu a, div.grey-tabs-menu span
{
 float:left;
 background:url("/images/tableft.gif") no-repeat left top;
 margin:0;
 padding:0 0 0 4px;
 text-decoration:none;
 margin-top:0.2em;
 cursor:pointer;
}

div.grey-tabs-menu a nobr, div.grey-tabs-menu span nobr
{
 float:left;
 display:block;
 background:url("/images/tabright.gif") no-repeat right top;
 padding:5px 15px 4px 6px;
 white-space:nowrap;
 color:#666;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.grey-tabs-menu a nobr {float:none;}
/* End IE5-Mac hack */

div.grey-tabs-menu a:hover nobr, div.grey-tabs-menu span nobr
{
 color:#000;
}

div.grey-tabs-menu a:hover, div.grey-tabs-menu span
{
 background-position:0% -42px;
}

div.grey-tabs-menu a:hover nobr, div.grey-tabs-menu span nobr
{
 background-position:100% -42px;
}

div.menu-clear-left
{
 clear:left;
}


/*таблица в  продуктах*/
.products-tab td
{
    text-align: center;    
}
.products-tab th
{
    text-align: left;  
    font-weight: normal;  
}
.head td
{
    text-align: left;  
}

/*начало авторизации*/
#authorization
{
    width: 300px; 
    /*border: black solid 1px; */    
    margin-bottom: 20px;  
}

#authorization .auth-logo
{
    width: 173px;
    height: 34px;
    margin: 10px 0px 0px 50px;
    background:url("/img/authorization.png");
}
/*конец авторизации*/