


/* Start:/bitrix/templates/.default/components/bitrix/menu/top/style.css*/
.menu {position: relative; left: -19px; float:left; margin-bottom:20px;}
.menu li { padding: 0 9px 0 0;}
.menu li span {display: block; height: 36px; padding: 0 10px 0 20px; font-size: 22px; color: #fff; font-weight: bold; font-style: italic;}
.menu li span a {color: #f47920; text-decoration: none; display: block;padding: 4px 0 0 0;}
.menu li.active {background: url(../../../../../../images/menu_act_r.png) top right no-repeat;}
.menu li.active div {background: url(../../../../../../images/menu_act_l.png) bottom left no-repeat; padding-left:9px;}
.menu li.active span {background-color:#f47920; padding-right:20px; display:block; padding-left:11px;}
.menu li.active li {height:auto;}
.menu li.active li span {background:none; font-size:14px; height:auto; display:block;}
.menu li.active span a {color: #fff;}
.menu li li a:hover, .menu li.active li.active li a:hover, .menu li.active li.active a, .menu li.active li.active li.active a {color:#F47920;}
.menu li.active li.active li a {color:#FFF; font-size:12px; float:none;}
.menu li li.active {background:none;}
.menu ul {margin-left:10px;}
.menu ul ul {margin-left:15px;}
.hidden {display:none;}
/* End */



/* Start:/bitrix/templates/gtls_index/template_styles.css*/
@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0; outline-color: transparent;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.clear {clear: both; height: 0; overflow: hidden;}

@font-face {
    font-family: 'PFSquareSansProItalic';
    src: url(../../../../../templates/.default/fonts/pfsquaresanspro-italic-webfont.eot);
    src: url(../../../../../templates/.default/fonts/pfsquaresanspro-italic-webfont.eot@) format('embedded-opentype'),
         url(../../../../../templates/.default/fonts/pfsquaresanspro-italic-webfont.woff) format('woff'),
         url(../../../../../templates/.default/fonts/pfsquaresanspro-italic-webfont.ttf) format('truetype'),
         url(../../../../../templates/.default/fonts/pfsquaresanspro-italic-webfont.svg) format('svg'); font-weight: normal; font-style: normal;}
  
	a {color: #3aa8ee;}
	a:hover {text-decoration: none;}
 	body {font: 14px Arial, Helvetica, sans-serif; color: #000; line-height: 1.25;}
	.body_bg {background: url(../../../../../../images/body_bg.png);}
	.body_bg1 {background: url(../../../../../../images/body_bg1.png) 0 492px repeat-x;}
	.body_bg2 {background: url(../../../../../../images/body_bg2.jpg) center top no-repeat; min-height: 600px; min-width: 1000px;}
	
	.main_bg {width: 100%; height: 890px; position: relative; overflow: hidden; min-width: 960px;}
	
	.main_bg1 {width: 1920px; height: 890px; position: absolute; left: 50%; top: 0; margin-left: -960px; background: url(../../../../../../images/main_bg1.jpg) no-repeat;}
	.main_bg2 {width: 1920px; height: 890px; position: absolute; left: 50%; top: 0; margin-left: -960px; background: url(../../../../../../images/main_bg2.jpg) no-repeat;}
	.show {}
	
	.main_block {padding: 0 10px;}
	.main {margin: 0 auto; width: 980px; position: relative;}
	.main1 {width: 100%; margin: 0 auto; min-width: 980px; max-width: 1200px; position: relative;}
	
	.header {width: 100%; height: 149px; position: relative;}
	.header .logo {position: absolute; left: 0; top: 59px;}
	.header .slogan {font-family: 'PFSquareSansProItalic'; font-size: 24px; color: #fff; width: 600px; position: absolute; left: 50%; top: 48px; margin-left: -160px; line-height: 1.2;}
	
	.main_content {height: 664px; position: relative;}
	.phone_block {position: absolute; left: 0; top: 18px; width: 246px; height: 105px; padding: 59px 0 0 18px; background: url(../../../../../../images/phone_block.png) no-repeat; line-height: 1.15;}
	.phone_block_position {left: auto; right: 12px;}
	.sidebar {width: 220px; position: absolute; left: 50%; top: 0; margin-left: 130px; color: #2a2a30;}
	.sidebar_position {left: 0; margin: 0;}
	
	
	
	.info_list {padding: 28px 0 0 0;}
	.info_list li {position: relative; padding: 0 0 18px 0px; min-height: 50px; line-height: 1.15;}
	.info_list li h4 {font-size: 18px; font-style: italic; font-weight: bold; padding: 0 0 3px 0;}
	.info_list li a {font-style: italic; font-size: 16px; color: #fff;}
	.info_list li .photo1 {float:left; margin-right:10px;}
	.info_list li .photo2 {position: absolute; left: 3px; top: 0;}
	
	.link_1 {position: absolute; left: 50%; top: 220px; margin-left: 385px; line-height: 1.1; width: 70px; height: 90px;}
	.link_1 a {display: block; cursor: pointer; font-size: 13px; color: #3aa8ee; font-style: italic; font-weight: bold; text-decoration: none;text-align: center;}
	.link_1 img {display: block; margin: 12px auto 0 auto;}
	
	.link_2 {position: absolute; left: 50%; top: 199px; margin-left: -240px; line-height: 1.1; display: none; z-index: 500; width: 115px; height: 90px;}
	.link_2 a {display: block; cursor: pointer; font-size: 13px; color: #3aa8ee; font-style: italic; font-weight: bold; text-decoration: none;text-align: center;}
	.link_2 img {display: block; margin: 12px auto 0 auto;}
	
	.articles_block_bg {width: 100%; position: absolute; left: 0; top: 518px;}
	.articles_block_bg1 {padding: 0 75px 0 0;}
	.articles_block {width: 100%; height: 109px; background: url(../../../../../../images/articles_block_bg.png); position: relative;}
	.articles_block .headline_container {height: 0; position: relative;}
	.articles_block h3 {height: 32px; padding: 23px 20px 0 20px; text-align: center;background: url(../../../../../../images/articles_block_bg.png); font-size: 18px; color: #fff; font-style: italic; font-weight: bold; position: absolute; left: 0; top: -74px;}
	.articles_block h4 {height: 32px; padding: 23px 20px 0 20px; text-align: center;background: url(../../../../../../images/articles_block_bg.png); font-size: 18px; color: #fff; font-style: italic; font-weight: bold; position: absolute; left: 0; top: -57px; white-space: nowrap;}
	.articles_block table {width: 100%;}	
	.articles_block table tr td {width: 33%; text-align: left; vertical-align: top; padding: 19px 0 0 0; line-height: 1.15;}
	.articles_block table tr td p {padding: 0 22px;}
	.articles_block table tr td a {color: #f8f2e9;}
	.articles_block table tr td i {font-size: 11px; color: #b9bbbe; display: block; padding: 5px 0 0 0;}
	.articles_block table tr th {font-weight: normal; width: 33%; text-align: left; vertical-align: top; padding: 2px 0 0 0;}
	.articles_block table tr th ul {padding: 0 22px;}
	.articles_block table tr th ul li {padding: 0 0 9px 0;}
	.articles_block table tr th ul li a {color: #000;}
	
	.no_bg .articles_block, .no_bg .articles_block h3, .no_bg .articles_block h4 {background: none;}
	
	.container {width: 100%; margin-bottom: 35px;}
	.container tr td {text-align: left; vertical-align: top;}
	.container tr th {text-align: left; width: 33%; font-weight: normal; vertical-align: top;}
	.container tr th .sidebar {position: static; left: 0; top: 0; margin-left: 0;}
	.container tr th .info_list li a {color: #000;}
	.container tr td .phone_block {position: static; top: 0; margin: 18px 0 3px 0;}
	
	.content_block {padding: 0 70px 0 0;}
	.content_block h2 {font-size: 24px; color: #000; font-weight: bold; padding: 0 0 25px 0;}
	.content_block h3 {font-size: 18px; font-weight: normal; padding: 0 0 20px 0;}
	.content_block h4 {font-size: 16px; font-style: italic; font-weight: bold; padding: 0 0 15px 0;}
	
	.content_list {padding: 8px 0 30px 0;}
	.content_list li {padding: 8px 0;}
	.container .content_table {width: 100%; border: 1px solid #8a8a8c; margin: 30px 0;}
	.container .content_table tr th {border-bottom: 1px solid #8a8a8c; background: #a09a9a; height: 50px; text-align: left; vertical-align: middle; padding: 0 0 0 23px; border-right: 1px solid #bbb9bd; color: #fff; font-size: 12px; font-weight: bold;}
	.container .content_table tr th.last {border-right: none;}
	.container .content_table tr td {text-align: left; vertical-align: middle; padding: 9px 0 13px 23px; border-right: 1px solid #bbb9bd; background: #fff;}
	.container .content_table tr td.last {border-right: none;}
	.container .content_table tr.bg td {background: #e6e5e9;}
	.quote {border-left: 1px solid #cf7258; padding: 0 0 0 12px;}
	.quote i {color: #ce6b50; display: block; padding: 0 0 10px 0;}
	.content_block .pic {display: block; margin: 50px 0 11px 0;}
	.content_block .pic_info {font-size: 11px;}
	.form_block {padding: 25px 0;}
	.form_block ul {float: left; width: 234px; margin: 0 22px 0 0;}
	.form_block ul li {float: left; width: 234px; padding: 0 0 7px 0;}
	.form_block ul li .input1 {display: block; width: 204px; height: 23px; padding: 5px 18px 5px 12px; background: url(../../../../../../images/input_bg1.png) 0 0 no-repeat; font: 14px Arial, Helvetica, sans-serif; color: #000; border: none;}
	.form_block ul li .input2 {width: 232px; height: 171px; padding: 1px; background: url(../../../../../../images/input_bg2.png) no-repeat;}
	.form_block ul li .input2 textarea {display: block; margin: 0; padding: 0 0 0 11px;width: 221px!important; height: 171px!important;font: 14px Arial, Helvetica, sans-serif; color: #000; border: none; background: transparent;}
	.form_block ul li .input3 {display: block; width: 234px; height: 50px; background: url(../../../../../../images/input_bg3.png) 0 4px no-repeat; border: none; cursor: pointer; margin: 10px 0 0 0; font-size: 18px; font-weight: bold; text-shadow: 1px 1px 0 #3f3f3f; text-align: center; color: #fff; vertical-align: middle;}
	.form_block ul li b {font-size: 12px; font-weight: normal; padding: 0 20px 0 0; position: relative; top: -4px;}
	.form_block ul li.radio label {position: relative; top: -5px; padding-right: 12px;}
	
	.main1 .articles_block_bg {position: static;top: 0;}
	.main1 .articles_block_bg .articles_block table tr td p {padding: 0 40px 0 0;}
	.main1 .articles_block table tr th ul {padding: 0 40px 0 0;}
	.main1 .articles_block h3, .main1 .articles_block h4 {padding-left: 0; color: #000;}
	.main1 .articles_block table tr td a {color: #000;}
	.main1 .articles_block table tr td i {color: #7a746a;}
	.main1 .articles_block {height: auto; padding-bottom: 55px;}
	
	.niceCheck {width: 18px;height: 18px;display: inline-block;cursor: pointer;background: url(../../../../../../images/checkbox.png);margin: 7px 10px 0 0;}
	.niceCheck input {display: none;}
	
	.niceRadio {width: 18px;height: 18px; display: inline-block; cursor: pointer; background: url(../../../../../../images/radio.png); overflow: hidden; margin: 9px 6px 0 0;}
	.radioChecked {background-position: 0 -18px;}
	.niceRadio input, .niceRadio .input {margin-left: -19px; display: none;}
	
	.footer {height: 54px; padding: 23px 35px 0 25px; font-size: 12px; font-style: italic; background: url(../../../../../../images/footer_bg.png) 0 0 repeat-x; position: relative;}
	.footer p {float: left; width: 15%;}
	.footer ul {float: left;}
	.footer ul li {float: left; margin: 0 30px 0 0;}
	.footer ul li a {color: #efe2d2;}
	.footer span {float: right;}
	.main1 .footer ul li a {color: #000;}
	
	

/*
	styles for select
*/

.sel80 {width: 234px;}

.cusel,
.cuselFrameRight,
.jScrollPaneDrag,
.jScrollArrowUp,
.jScrollArrowDown {
	background: url(../../../../../../images/selects-2.png) no-repeat;
}
.cusel { /* общий вид селекта включая стрелку справа */
	height: 33px;
	background-position: left top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	z-index: 1;
}
.cuselFrameRight { /* левая чсть селект. обыно скругление и левая граница */
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	height: 100%;
	width: 30px;
	background-position: right top;
}

.cuselText { /* контейнер для отображенного текста селект */
	height: 18px;
	padding: 7px 0 0 12px; /* подбираем отступы и высоту для видимого текста в селекте */
	cursor: pointer;
	overflow: hidden;
	position: relative;
	z-index: 1;
	font: 14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; color: #000;
	position: absolute;
	top: 0;
	left: 0;
}
* html .cuselText { /* высота блока для текста для ие6 */
	height: 22px;
}
.cusel span { /* оформление оптиона */
	display: block;
	cursor: pointer;
	white-space: nowrap;
	padding: 4px 15px 4px 11px; /* паддинг справа - это отступ текста от ползунка */
	zoom: 1;
}
.cusel span:hover,
.cusel .cuselOptHover { /* реакция оптиона на наведение */
	background: #fafafa;
}
.cusel .cuselActive { /* оформление активного оптиона в списке */
	background: #e1e1e1;
	cursor: default;
}

/*
	styles for focus and hover
*/


.cuselOpen {
	z-index: 999;
}

/*
	styles for disabled select
*/
.classDisCusel,
.classDisCusel .cuselFrameRight {
	background-image: url(http://188.93.210.212/images/selects-2-dis.png) !important;
	cursor: default;
	color: #ccc;
}
.classDisCusel .cuselText {
	cursor: default;
}


/*
	styles for scrollbar
*/
.cusel .cusel-scroll-wrap { /* контейнер для блока с прокруткой */
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 100%;
	min-width: 100%;
	width: auto;
}
.cusel .jScrollPaneContainer {
	position: relative;
	overflow: hidden; background: #fff;
	z-index: 5;
	border: 1px solid #98979a; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(../../../../../templates/.default/PIE.htc);-webkit-box-shadow: #666 0px 2px 2px; -moz-box-shadow: #666 0px 2px 2px;box-shadow: #666 0px 2px 2px;
}

.cusel .jScrollPaneTrack { /* трек для ползунка прокрутки */
	height: 100%;
	width: 21px !important; border: 1px solid #adadae;
	position: absolute; background: #fff;
	top: 0;
	right: 3px;
}
.cusel .jScrollPaneDrag { /* ползунок */
	position: absolute;
	background-position: 0 -35px;
	cursor: pointer;
	width: 19px !important;
	height: 18px !important;
	right: 1px;
	
}

.cusel .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.cusel .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.cusel .jScrollArrowUp { /* стрелка вверх */
	position: absolute;
	top: 2px;
	right: 3px;
	width: 23px!important;
	height: 23px;
	cursor: pointer;
	background-position: -21px -34px;
	overflow: hidden;
}
.cusel .jScrollArrowDown { /* стрелка вниз */
	width: 23px!important;
	height: 23px;
	position: absolute;
	top: auto;
	bottom: 2px;
	right: 3px;
	cursor: pointer;
	background-position: -46px -34px;
	overflow: hidden;
}
/* End */
/* /bitrix/templates/.default/components/bitrix/menu/top/style.css */
/* /bitrix/templates/gtls_index/template_styles.css */
