


/* Start:/bitrix/templates/promsoft/components/bitrix/menu/top_menu_promsoft/style.css*/
/**Top menu**/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul
{
	margin:0; padding:0;
	min-height:27px;
	width:100%;
	list-style:none;
	font-size:14px;
	float:left;
	font-size:100%
}

/*Links*/
#horizontal-multilevel-menu a
{
	display:block;
	padding:5px 10px;
	/*padding:0.3em 0.8em;*/
	text-decoration:none;
	text-align:center;
  color: #336480;
}

#horizontal-multilevel-menu li
{
	float:left;
}

/*Root items*/
#horizontal-multilevel-menu li a.root-item
{
	font-weight:normal;
	padding: 7px 22px 7px 0;
}

/*Root menu selected*/
#horizontal-multilevel-menu li a.root-item-selected
{ color:#F46000;
  font-weight: normal;
	padding: 7px 22px 7px 0;
	/*text-decoration: underline;*/

}

/*Root items: hover*/
#horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item
{
	/*color:#F46000;*/
	text-decoration: underline;
}

/*Child-items: hover*/
#horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover
{
	/*color:#F46000;*/
	text-decoration: underline;
}

/*Child-items selected*/
#horizontal-multilevel-menu li.item-selected
{
	color:#F46000;
}

/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{ font-size:12px;
	position:absolute;
	/*top:-999em;*/
	top:auto;
	display:none;
	z-index:500;
	height:auto;
	/*width:12em;*/
	width:170px;
	background:#FF8201;
	border:1px solid #fff;
}

/*Sub-menu item box*/
#horizontal-multilevel-menu li li
{
	width:100%;
	border-bottom:1px solid #fff;
}
#horizontal-multilevel-menu li li a
{ color: #fff;}

/*Item link*/
#horizontal-multilevel-menu li ul a
{
	text-align:left;
}

/*Items text color & size */
#horizontal-multilevel-menu li a,
#horizontal-multilevel-menu li:hover li a,
#horizontal-multilevel-menu li.jshover li a,

{
	color:#4F4F4F;
	font-weight:normal;
}

#horizontal-multilevel-menu li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a
{
	color:#fff;
}

/*Items text color & size: hover*/
#horizontal-multilevel-menu li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a
{
	color:#fff;
	text-decoration: underline;
}

#horizontal-multilevel-menu li ul ul
{
	margin:-27px 0 0 170px;
	/*margin:-1.93em 0 0 11.6em;*/
}

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li.jshover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li.jshover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li.jshover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li.jshover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li.jshover ul,
#horizontal-multilevel-menu li li li li li:hover ul,
#horizontal-multilevel-menu li li li li li.jshover ul
{
	/*z-index:1000;
	top:auto;*/
	display:block;
}

div.menu-clear-left
{
	clear:left;
}
/* End */



/* Start:/bitrix/templates/promsoft/components/bitrix/menu/left_menu_promsoft/style.css*/
div.blue-tabs-menu
{
	float:right;
	width:100%;
	border-bottom:1px solid #BCBCBC;
	line-height:normal;
	margin-bottom: 20px;
	z-index: 200;
}
#workarea div.blue-tabs-menu li p:first-letter {color: #F46000;}
#workarea div.blue-tabs-menu li p {margin:0; padding:0; line-height: normal;}
#workarea div.blue-tabs-menu ul
{
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
}

#workarea div.blue-tabs-menu li
{
  z-index: 200;
	margin:0;
	padding:0;
}

div.blue-tabs-menu a
{
	float:left;
	/*background:url('/bitrix/templates/promsoft/components/bitrix/menu/left_menu_promsoft/images/tableft.gif') no-repeat left top;*/
  z-index: 250;
	padding:0 4px 0 0px;
	text-decoration:none;
	margin-top:0.2em;
 }

div.blue-tabs-menu a nobr
{ border-top: 1px solid #BCBCBC;
  border-left: 1px solid #BCBCBC;
  border-right: 1px solid #BCBCBC;
	float:left;
	display:block;
	padding:5px 10px 5px 10px;
	white-space:nowrap;
	color:#666;
	border-radius: 8px 8px 0px 0;
  background: #fff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.blue-tabs-menu a nobr {float:none;}
/* End IE5-Mac hack */

div.blue-tabs-menu a:hover nobr
{
	color:#FF9834;
	margin-bottom: -1px;
	z-index: 250;
}

div.blue-tabs-menu a:hover
{ z-index: 250;
  color:#FF9834;
  margin-bottom: -1px;
  border-bottom: 1px solid #fff;
}

div.menu-clear-left
{
	clear:left;
}
div.blue-tabs-menu li a:visited
{
	color:#000;
}
div.blue-tabs-menu li a.selected:link nobr,
div.blue-tabs-menu li a.selected:visited nobr,
div.blue-tabs-menu li a.selected:active nobr,
div.blue-tabs-menu li a.selected:hover nobr
{
	z-index: 250;
  color:#FF9834;
  margin-bottom: -1px;
  border-bottom: 1px solid #fff;
}
/* End */



/* Start:/bitrix/templates/promsoft/styles.css*/
BODY {font-size: 14px; font-family: Arial, sans-serif;  color: #555; line-height: 18px;}
h1, h2, h4, h5, h6 {color: #007CB6; margin: 12px 0 12px 0;}

h1 {font-size: 22px; line-height: 24px; font-weight: normal;}
h2 {font-size: 20px; line-height: 22px; font-weight: normal;}
h3 {font-size: 18px; color: #767F8C; margin: 12px 0 12px 0; font-weight: normal;}
h4 {font-size: 13px; line-height: 13px;}
h5 {font-size: 12px; line-height: 12px;}
h6 {font-size: 10px; line-height: 10px;}
/*h3:first-letter {color: #00A9EC;}*/

A, A:visited {color: #FF8201}
A:hover {color: #FF8201}

.text_table, .text_table TD, .text_table TH {background: none; border-style: dashed; line-height: 16px;}
          .text_table TD, .text_table TH {border-width: 0 1px 1px 0}
          .text_table {border-width: 1px 0 0 1px}
          .text_table TD P, .text_table TH P {text-indent: 0; margin: 0; }
                    #content .text_table TH P {text-align: center}
          .text_table TH {font-size: 14px; background: #F3F6F8; color: #6E828C; padding: 6px; text-align: center; }
          .text_table TD {background: #fff; padding: 5px 10px}

/*----k tab how_much-----------------------------------------------------------------*/

.e-col-heading {font-size: 18px; display: block; font-weight: normal;}
.e-text {font-size: 11px; font-weight: normal;}
.e-price {font-size: 16px; color: #FF8201; display: block;}
.e-info {font-size: 12px; color: #000; text-transform: uppercase;}
table.text_table td.td-section-heading {font-size: 18px; line-height: 28px; color: #6E828C; background: none repeat scroll 0% 0% #F3F6F8; text-align: center;}

/*--------------------------------------------------------------------*/
.bt_black {display: inline-block; text-decoration: none; font-size: 13px; font-weight: bold; cursor: pointer; color: #fff !important; text-shadow: 0 1px #41494f; padding: 8px 17px !important;
border-radius: 2px;
border-top: 1px solid #272d3a;
border-right: 1px solid #272e3a;
border-bottom: 1px solid #272e3a;
border-left: 1px solid #272e3a;
box-shadow: 0 0 1px rgba(0,0,0,.11), 0 1px 1px rgba(0,0,0,.4), inset 0 1px #bdc5cc;
background: #3d434a;
background: -moz-linear-gradient(top, #3d434a 0%, #7f8c9a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d434a), color-stop(100%,#7f8c9a));
background: -webkit-linear-gradient(top, #3d434a 0%,#7f8c9a 100%);
background: -ms-linear-gradient(top, #3d434a 0%,#7f8c9a 100%);
background: linear-gradient(to bottom, #3d434a 0%,#7f8c9a 100%);
margin-right: 10px;
}
.bt_green {display: inline-block; text-decoration: none; font-size: 13px; font-weight: bold; color: #fff !important;
text-shadow: 0 0 1px rgba(52,100,119,.05), 0 1px 1px rgba(0,0,0,.2);
padding: 8px 17px !important;
cursor: pointer;
border: none;
border-top: 1px solid #88c900;
border-radius: 3px;
margin-right: 5px;
box-shadow: inset 0 2px 0 -1px rgba(255,255,255,.5), 0 1px 2px 0 rgba(0,0,0,.2);
background: #a2d43b;
/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod�EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */
background: -moz-linear-gradient(top, #a2d43b 0%, #689a01 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2d43b), color-stop(100%,#689a01));
background: -webkit-linear-gradient(top, #a2d43b 0%,#689a01 100%);
background: -ms-linear-gradient(top, #a2d43b 0%,#689a01 100%);
background: linear-gradient(to bottom, #a2d43b 0%,#689a01 100%);
}
.bt_white {display: inline-block; text-decoration: none; font-size: 13px; font-weight: bold; cursor: pointer; color: #585c68 !important;
text-shadow: 0 1px #fff;
padding: 8px 17px !important;
border-radius: 10px;
border-top: 1px solid #fafafa;
border-right: 1px solid #f1f6f7;
border-bottom: 1px solid #dee9ec;
border-left: 1px solid #f1f6f7;
box-shadow: 0 0 1px rgba(0,0,0,.11), 0 1px 1px rgba(0,0,0,.4), /* inset 0 1px #fff, */ inset 0 0 1px rgba(255,255,255,.5);
background: #dee9ec;
background: -moz-linear-gradient(top, #dee9ec 0%, #fafafa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dee9ec), color-stop(100%,#fafafa));
background: -webkit-linear-gradient(top, #fafafa 0%,#E5EDF0 100%);
background: -ms-linear-gradient(top, #fafafa 0%,#E5EDF0 100%);
background: linear-gradient(to bottom, #fafafa 0%,#E5EDF0 100%);
margin-right: 10px;
line-height: 14px;
}


/* End */



/* Start:/bitrix/templates/promsoft/template_styles.css*/
/* -- СТРУКТУРА --------------------------------------------- */

html, BODY, div, span,
h1, h2, h3, h4, h5, h6, p,
a, img, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{padding: 0; margin: 0;}
/*form input {border: none}*/

html, body {height: 100%; width: 100%;}

TABLE {}

img {border: none;}

BODY {font-size: 14px; font-family: Arial, sans-serif;  color: #555; line-height: 18px; background: #f6f5f5;}
h1, h2, h4, h5, h6 {color: #007CB6; margin: 12px 0 12px 0;}

h1 {font-size: 22px; line-height: 24px; font-weight: normal;}
h2 {font-size: 20px; line-height: 22px; font-weight: normal;}
h3 {font-size: 18px; color: #767F8C; margin: 12px 0 12px 0; font-weight: normal;}
h4 {font-size: 13px; line-height: 13px;}
h5 {font-size: 12px; line-height: 12px;}
h6 {font-size: 10px; line-height: 10px;}
/*h3:first-letter {color: #00A9EC;}*/

A, A:visited {color: #007BB7}
A:hover {color: #FF8201}

#only_print {display: none;}
.clearing {clear: both;}
hr {border: none;}
div.gl_razdelite {width: 1024px; height: 10px; margin: 0 0 28px -100px;
background: url(/bitrix/templates/promsoft/images/header_bg.jpg) 0 100% repeat-x;}

/* -- LIMITED --------------------------------------------- */

#limited {width: 1024px; margin: 0 auto; background: #FFF; /*font-family: Tahoma;*/}

#header {height: 165px; width: 1024px; /*background: url('/bitrix/templates/promsoft/images/header_bg.jpg')0 100% repeat-x;*/ background: url('/bitrix/templates/promsoft/images/header_bg_ng2014.jpg');  z-index: 10;}
.header_bg {background: url('/bitrix/templates/promsoft/images/header_bg.jpg')0 100% repeat-x; height: 5px; width: 1024px;}
.logo {padding: 12px 0 0 30px}
.logo img {padding-bottom: 8px}

.telephone_block {width: 300px; padding: 22px 36px 0 0;}
.telephone_block .zakaz_header {margin-top: -34px; margin-bottom: 2px; background: #FF8201; color: #fff; cursor: pointer; height: 32px; text-align: center; font-size: 18px; line-height: 30px;
  border-radius: 30px;
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 -khtml-border-radius:30px;
}
.telephone_block .zakaz_header:hover {background: #d42800;}
.telephone_block .city_location, .tele_list_for_connect {float: left; margin: 6px 0 0 16px;}
.telephone_block .city_location {float: left; font-size: 16px; margin-left: 24px; padding-top: 6px }
.telephone_block .tele_list_for_connect li {color: #327585; font-size: 20px; line-height: 26px;}
.telephone_block .tele_list_for_connect ul {display: block; margin-left: 0px; list-style:none}
.tele_list_for_connect {padding-left: 2px; padding-top: 1px;}
.telephone_block a {text-decoration: none}

#workarea {min-height: 400px; padding: 20px 50px 10px 100px; line-height: 20px;}
#workarea p {margin-bottom: 8px; line-height: 19px;}
#workarea ul {list-style: list-style-type; margin: 10px 0 10px 35px;}
#workarea li {padding: 4px 0 4px 6px;}

#workarea .gl_table {width:100%;}
#workarea .gl_table td {vertical-align: top;}
#workarea .gl_table td.td_right {width:300px;}
#workarea table.data-table ul li {padding: 0}
.owl-main-wrap .owl-theme--arrows .owl-controls .owl-buttons div {margin: -28px -10px 0px -40px  }

#footer {background:  url('/bitrix/templates/promsoft/images/footer_bg_ng2014.jpg') no-repeat; height: 164px; width: 1024px;}
.copyright {margin-top: 100px; padding: 12px 50px 12px 100px; color:#fff; font-size: 12px; background: #017BB7 url('/bitrix/templates/promsoft/images/footer_bg.jpg') 0 100% repeat-x; white-space: nowrap}
.copyright SPAN, .copyright DIV {margin-right: 59px}
#bx-composite-banner {float: left; margin-top: -6px; margin-left: -15px}
#footer .copyright A {color:#fff; text-decoration: none}
#footer .copyright A:hover {text-decoration: underline;}

/* ------ TOP МЕНЮ --------------------------------------------------------*/

.menu_top {padding: 0px 0px 0 100px; font-weight: normal; font-size:16px; color: #31647F; }
#horizontal-multilevel-menu p:first-letter {color: #F46000; /* Красный цвет первой буквы */}
#horizontal-multilevel-menu ul ul li a {color: #fff;}

/* -----  BLOG  -------------------------------------------------------*/

div.news-list img.preview_picture {float:left; margin: 0 0px 4px 0;}
div.news-list  div.news-date-time {font-size: 12px; /*font-weight: bold;*/ color: #0083B7; float: right; }
div.news-list span {color: #0083B7; font-size: 16px;}

div.news-list hr {padding: 0; margin:0; border-bottom: 1px solid #EAEAEA;}
div.news-list .news_item_text {margin: 20px 0 20px 0}

/*----- FORM_EARCH  ----------------------------------------------------*/

.search_on_the_site { width: 425px; height: 29px; margin-left: 72px; box-shadow: inset 2px 3px 7px 0px #ECECEC; background: #fff;
  border: 1px solid #9A9A9A;
  border-radius: 22px;
 -moz-border-radius: 22px;
 -webkit-border-radius: 22px;
 -khtml-border-radius:22px;
  }

#header .form_earch INPUT[type="text"] {margin-left: 14px; width: 365px; border: none; font-size: 16px; color: #ADADAD}
#header .form_earch INPUT:focus {outline: none; /*for chrome*/}
#header .form_earch INPUT[type="submit"] {background: url('/bitrix/templates/promsoft/images/but_search.jpg') no-repeat; margin-top: 5px; width: 23px; height: 20px; border: none; cursor: pointer; margin-left: 8px;}

/*----- SEARCH-PAGE  ----------------------------------------------------*/

.search-page h2 a {text-decoration: none}
.search_on_the_page {border: 1px solid #9A9A9A; width: 330px; height: 29px;
  border-radius: 22px;
 -moz-border-radius: 22px;
 -webkit-border-radius: 22px;
 -khtml-border-radius:22px;
  }
.search-page INPUT[type="text"] {margin-left: 14px; width: 272px; border: none; font-size: 16px; color: #ADADAD}
.search-page INPUT:focus {outline: none; /*for chrome*/}
.search-page INPUT[type="submit"] {background: url('/bitrix/templates/promsoft/images/but_search.jpg') no-repeat; margin-top: 6px; width: 23px; height: 20px; border: none; cursor: pointer; }

/*-----  FORM_REQUEST  ----------------------------------------------------*/
.form_request, .form_composite input, .form_request input, .form_request textarea, .form_request INPUT[type="submit"], div.form_ok-text, .form_request p {border-radius: 18px;
 -moz-border-radius: 18px;
 -webkit-border-radius: 18px;
 -khtml-border-radius:18px;}

#div_complain {z-index: 500; position: absolute; margin-top: -10px;}
#div_complain .close {position: absolute; right: 3px; top: 20px; width: 32px; height: 32px; background: url('/bitrix/templates/promsoft/images/close.png') no-repeat; cursor: pointer}

.form_composite {width: 380px;  background: #F3F6F8; border: 1px solid #D1D9DC; padding: 12px 6px 6px 12px; color: #307686; margin-top: 10px;}
.form_composite input {margin-bottom: 6px; width: 200px; padding: 2px 10px; border: 1px solid #D1D9DC; height: 21px;}
.form_composite INPUT[type="submit"] {width: 220px; height: 26px; cursor: pointer; background: #007AB7; border: 1px solid #007AB7; color: #fff; font-size: 16px; padding: 2px 15px; }

.form_request {width: 282px;  background: #D1D9DC; border: 1px solid #D1D9DC; padding: 8px; color: #307686; margin-top: 20px;}
.form_request div.mf-name input, div.mf-email input {width:252px;  font-size: 14px; height: 23px; margin-bottom: 10px; color: #4E7585;}
.form_request div.mf-message textarea {width: 255px; color: #000;  padding: 10px 10px 3px 16px; font-family: Arial; height: 170px; }
.form_request input, .form_request textarea {padding: 3px 10px 3px 16px;  margin-bottom: 7px;
    border: 1px solid #9A9A9A; background: #fff; box-shadow: inset 0 3px 6px 0 rgba(215, 215, 215, 0.7); position: relative; }

.form_request textarea::-webkit-input-placeholder {color: #000; font-size: 14px; color: #4E7585;}
.form_request textarea:-moz-placeholder {color: #307686; font-size: 13px;}

.form_request INPUT[type="submit"] {cursor: pointer; background: #007AB7; border: 1px solid #007AB7; color: #fff; font-size: 18px; padding: 4px 14px; margin: 13px 0;}
.form_request INPUT:focus, .form_request textarea:focus {outline: none;}

span.mf-req {color:red;}
div.form_ok-text h3 {color: #6BB94F;}
div.form_ok-text {width: 270px; height: 220px; margin-top:90px; background: #fff; position: absolute; display: block; border: 1px solid #9A9A9A; padding:20px 14px; color: #307686; z-index: 100}

.form_request font.errortext {color: red !important;}
.form_request p {margin-right: 35px; padding: 10px; background: #fff; border: 1px solid #9A9A9A;}
.form_request .notetext {width: 3000px; height: 220px;}

/*-----  TEXT-BITRIX -----------------------------------------------------*/

.portal_text img {padding: 4px 20px 0px 0}
.portal_text b {padding-bottom: 10px;}
.portal_text table td {padding-bottom: 16px}
.bx-product h2 {color: #EE1D24}

/*----  PORTFOLIO-LIST ---------------------------------------------------*/

div.portfolio-list img.portfolio_picture {float:left; margin:0 6px 8px 0; padding: 0; border: 1px solid #9A9A9A; width: 270px; border-radius: 20px;}
div.portfolio_txt {display: inline-block; padding-left: 16px;}
div.portfolio_txt a:hover {text-decoration: underline;}
div.portfolio-list a, div.portf_tex_gl a {text-decoration: none; font-weight: bold; font-size: 14px;  color: #FF9100; padding-right: 10px;}
div.portfolio-list a:hover, div.portf_tex_gl a:hover {text-decoration: underline;}

#workarea ul.portfolio_item, .portfolio_item  {margin: 0; padding: 0; font-size: 12px; line-height: 18px;}
#workarea .portfolio-list ul.portfolio_item li {display: inline-block;  width: 270px; padding-right: 10px; vertical-align: top;}
#workarea div.portfolio-list {width: 1000px;}

div.portfolio-list table td {padding-right: 7px;}

/*----  ABOUT US ---------------------------------------------------*/

div.about_us {width: 428px; color: #66909C; overflow: hidden;}
#workarea div.about_us ul {margin: 0; padding:0;}
div.about_us ul li.foto {display: inline-block;}
div.about_us ul li img {width: 96px; height:74px;}
/*div.about_us ul li.foto a {border: 1px solid #fff;}
div.about_us ul li.foto a:hover {border: 1px solid #FF8201;}*/

/*--------------------------------------------------------------*/
div.about_us .picture_s img {height: 74px; width: 96px; margin-left: 0px; border: 2px solid #eee;}
div.about_us .picture_s img:hover {border: 2px solid #FF8201;}
#workarea div.about_us li.foto_s {display: inline-block; margin: 0; padding: 4px 4px 4px 0;}
#workarea div.about_us ul {margin: 0; padding:0; }

div.portf_tex_gl  {width: 400px; padding: 14px 20px 0 0; }

div.about_us .picture img {height: 74px; width: 192px; margin-left: 0px;}
div.about_us .picture img:hover {margin-left: -96px;}
div.about_us .pic {float: left; height: 74px; width: 96px; overflow: hidden;}

/* Стили для статей */

div.news-detail img.detail_picture {float:left; /*border: 2px solid #9D9D9D;*/ border-radius: 14px; /*margin-bottom: 10px*/}

/* Bitrix24 */
DIV.bit_styltr DIV IMG {width: 100px; height: 70px; display: inline; float: left}
DIV.bit_styltr DIV {float: left; margin: 12px 0}
DIV.bit_styltr .cle_up {clear: both; margin-left: 0}
DIV.bit_styltr TD {vertical-align: top}
DIV.bit_styltr P {margin-left: 120px}
DIV.bit_styltr SPAN {font-weight: bold; margin-left: 20px}
DIV.bit_styltr H2 {margin: 10px 0;}

/* Презентация ТЗ */
.sl_tz_makets SPAN {color: #F46000; font-size: 14px; line-height: 30px;}
.sl_tz_makets DIV {margin: 10px 0}
.sl_tz_makets A.a_complain {float: right; margin-right: 110px; padding-top: 10px; color:#003B5D;}
.sl_tz_makets DIV.ggg {}

/* Корпоративный портал */
DIV.bit_styltr IMG[title="Мобильный портал"] {width: 36px}
DIV.bit_styltr IMG[title="Мобильные приложения"] {width: 36px}
DIV.bit_styltr IMG[title="Мобильное администрирование"] {width: 36px}
DIV.bit_styltr IMG.cm_award {width: 65px; height: 65px; padding: 0 20px}

/* Кнопка НАВЕРХ */
.to_top {
	position: fixed;
	left: 40px; bottom: 100px; top: auto;
	width: 42px; height: 42px;
	background: #9f9f9f url('/bitrix/templates/promsoft/images/arrow_to_top.png') no-repeat;
	border: solid 2px #cfcfcf;
	border-radius: 7px;
	box-shadow: 2px 2px 4px #e2e6e8;
	cursor: pointer;
	z-index: 4000;
}
.to_bottom {background-image: url('/bitrix/templates/promsoft/images/arrow_to_bottom.png');}
.to_top:hover {border-color: #005C91; background-color: #005C91}

/* ------ Кнопка Композит  ---------------*/
#bx-composite-banner A {background-color: #007BB7}
/* End */
/* /bitrix/templates/promsoft/components/bitrix/menu/top_menu_promsoft/style.css */
/* /bitrix/templates/promsoft/components/bitrix/menu/left_menu_promsoft/style.css */
/* /bitrix/templates/promsoft/styles.css */
/* /bitrix/templates/promsoft/template_styles.css */
