


/* Start:/bitrix/templates/vympel/css/jquery.lightbox-0.5.css*/
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* End */



/* Start:/bitrix/templates/vympel/components/bitrix/main.feedback/template2/style.css*/
.c_name {
	float: left;
	height: 40px;
	width: 450px;
	border: 1px solid #E6E6E6;
	border-radius: 5px;
	font: 14pt Open Sans Light;
	color: #8e8686;
	padding-left: 20px;
	margin: 0 0 20px 0;
}
.c_text {
	float: left;
	height: 90px;
	width: 450px;	
}
.c_btn {
	float: left;
	background: url(/bitrix/templates/vympel/components/bitrix/main.feedback/template2/image/c_btn.png) no-repeat;
	height: 43px;
	width: 205px;
	border: none;
	cursor: pointer;
}
/* End */



/* Start:/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/style.css*/
.pos {
	position: absolute;
	top: -16px;
	left: 0px;
	float: left;
	margin: 0;
	padding:0;
	z-index: 5;
}
ul.menu, ul.menu ul {
list-style:none;
/*margin-top: 67px;*/
padding: 0;
width: 345px;
}
ul.menu a {
display: block;
float: left;
/*display: block;
text-decoration: none;
font: 16px Open Sans;
	height: 90px;*/

}
ul.menu li a, ul.menu ul.menu li a {
	/*padding: 0.5em;*/
	/*background: #364657;*/
	color: #f5791c;
	font-weight: bold;
	font: 16px Open Sans;
}
ul.menu li a:hover, ul.menu ul.menu li a:hover {
color:#f5791c;
/*background: #364657;*/
/* ��� � �������� ������� ���� ��� ��������� */
/*background: #000;*/
}
ul.menu li ul li a, ul.menu ul.menu li ul li a {
/*background: url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/li1.png) no-repeat;*/
/*border-top: 1px solid #5D5D5D;*/
height: 20px;
width: 345px;
color: #859491;
font: 16px Open Sans Light;
padding: 25px 0px 25px 65px;
/*padding-left: 20px;*/
}
.li1 {
float: left;
/*background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/li1.png) no-repeat;*/
background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/sprite.png) no-repeat;
background-position: 0 0px;
width: 345px;
height: 71px;
}
.li1:hover {
/*background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/li1_a.png) no-repeat;*/
background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/sprite.png) no-repeat;
background-position: 0 -71px;
}
.li2 {
background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/sprite.png) no-repeat;
float: left;
width: 345px;
height: 71px;
background-position: 0 -142px;
}
.li2:hover {
background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/sprite.png) no-repeat;
background-position: 0 -213px;
}
.li3 {
float: left;
width: 345px;
height: 71px;
background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/sprite.png) no-repeat;
background-position: 0 -284px;
}
.li3:hover {
background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/sprite.png) no-repeat;
background-position: 0 -355px;
}
.li4 {
float: left;
width: 345px;
height: 71px;
background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/sprite.png) no-repeat;
background-position: 0 -426px;
}
.li4:hover {
background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/sprite.png) no-repeat;
background-position: 0 -497px;
}
.li5 {
float: left;
width: 345px;
height: 71px;
background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/sprite.png) no-repeat;
background-position: 0 -568px;
}
.li5:hover {
background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/sprite.png) no-repeat;
background-position: 0 -639px;
}
.li6 {
	float: left;
	width: 345px;
	height: 71px;
	background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/sprite.png) no-repeat;
	background-position: 0 -710px;
}
.li6:hover {
	background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/sprite.png) no-repeat;
	background-position: 0 -781px;
}
.li7 {
	float: left;
	width: 345px;
	height: 71px;
	background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/sprite.png) no-repeat;
	background-position: 0 -852px;
}
.li7:hover {
	background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/sprite.png) no-repeat;
	background-position: 0 -923px;
}
.li8 {
	float: left;
	width: 345px;
	height: 71px;
	background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/sprite.png) no-repeat;
	background-position: 0 -994px;
}
.li8:hover {
	background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/sprite.png) no-repeat;
	background-position: 0 -1065px;
}
.li9 {
	float: left;
	width: 345px;
	height: 71px;
	background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/sprite.png) no-repeat;
	background-position: 0 -1136px;
}
.li9:hover {
	background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/sprite.png) no-repeat;
	background-position: 0 -1207px;
}

ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover {
/*background: #364657;*/

list-style: none;
/*border-left: 5px #000 solid;*/
/*padding-left: 15px;*/
}
ul.menu ul.menu li a:hover {

/*border-left: 0;
padding-left: 0.5em;*/
}
ul.menu ul.menu {
/*border-left: 5px #f00 solid;*/
}
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover {
/* ��� � �������� �������� ������� ���� */
text-decoration: none;
color: #C71444;
}

.li_call {
	border-bottom: 1px solid #5D5D5D;
	border-left: 1px solid #5D5D5D;
	border-right: 1px solid #5D5D5D;
	height: 54px;
	width: 278px;
	background:#F6F6F6;

	float: left;
}
.li_quest {
	width: 345px;
	font: 17px Open Sans;
	text-align: center;
	color: #000;
	float: left;
	padding: 20px 0px 10px 0px;
}
.li_tel {
	width: 345px;
	float: left;
	font: 24px Open Sans;
	/*margin-top: 80px;*/
	color: #000;
	text-align: center;
	padding: 10px 0px;
	margin-left: -1px;
	}
.li_btn {
	float: left;
	background:url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/order_btn.png) no-repeat;
	width: 205px;
	height: 43px;
	margin-left: 35px;
	cursor: pointer;
}
.li_text {
	width: 345px;
	float: left;
	font: 14px Open Sans;
	padding: 20px 0px 25px 0px;
	text-align: center;
}
/*#main_menu ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#main_menu ul li ul {
}
#main_menu ul {
	margin: 0;
	padding: 0;	
}*/
.main_menu_img {
	float: left;
	background: url(/bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/image/menu_img1.png);
	width: 97px;
	height: 97px;
}
/* End */



/* Start:/bitrix/templates/vympel/template_styles.css*/
/*http://onlinefontconverter.com/ */
@font-face {
 font-family: 'Open Sans';
	src: url('/bitrix/fonts/OpenSans-Regular.ttf'); 
    src: url('/bitrix/fonts/OpenSans-Regular.eot?iefix') format('embedded-opentype'),
		 url('/bitrix/fonts/OpenSans-Regular.woff') format('woff'),
		 url('/bitrix/fonts/OpenSans-Regular.svg') format('svg'),
		 url('/bitrix/fonts/OpenSans-Regular.ttf') format('truetype');

 }
 @font-face {
 font-family: 'Open Sans Light';
	src: url('/bitrix/fonts/OpenSans-Light.ttf'); 
    src: url('/bitrix/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
		url('/bitrix/fonts/OpenSans-Light.woff') format('woff'),
		url('/bitrix/fonts/OpenSans-Light.svg') format('svg'),
		url('/bitrix/fonts/OpenSans-Light.ttf') format('ttf');
 }
  @font-face {
 font-family: 'Open Sans Bold';
	src: url('/bitrix/fonts/OpenSans-Bold.ttf'); 
    src: url('/bitrix/fonts/OpenSans-Bold.eot?iefix') format('embedded-opentype'),
		url('/bitrix/fonts/OpenSans-Bold.woff') format('woff'),
		url('/bitrix/fonts/OpenSans-Bold.svg') format('svg'),
		url('/bitrix/fonts/OpenSans-Bold.ttf') format('ttf');

 }
body {
	/*margin: 0;*/
	padding: 0;
	width: 1349px;
	/*margin-left: 50%;*/
	/*overflow-x: hidden;*/
	margin: 0px auto;	
}
p {
	margin: 0;
	padding:0;
	font: 14px Open Sans;
}
a {
	text-decoration: none;
	color: #000;
}
#wrapper {
	margin: 0px auto;
	/*margin-left: 123px;*/
	position: relative;
	width: 1100px;
	height: 100%;
	/*margin-left: -550px;*/
	margin-top: 0;
}
#wrap2 {

}
#header {
	position: relative;
	background: #fff;
	width: 100%;
	height: 97px;
	padding: 0;
	margin: 0;
}
#slider {
	width: 1100px;
	height: 600px;
	/*margin: 20px;*/
	position:absolute;
	/*left: 0px;*/
	margin-left: -125px;
	top: 97px;
	z-index: -12;
}
#button1 {
cursor:pointer;
height:410px;
width:123px;
background:url(/bitrix/templates/vympel/image/arrow-left1.png) no-repeat; 
position: absolute;
top: 97px;
left: -123px;
/*left: 130px;*/
z-index: 25;
/*margin-left: -100px;*/

}
#button2 {
height:410px;
width:123px;
background:url(/bitrix/templates/vympel/image/arrow-right1.png) no-repeat;
position: absolute; 
/*top: 510px;*/
top:97px;
left: 1103px;
/*left: 1183px;*/
z-index: 25;
cursor:pointer;
/*margin-left: 1150px;*/
}
.buttons {
	position: relative;
}
.gallery {
/*float:left;
	overflow: hidden;
	z-index: -12;*/
}
.gallery li{
list-style: none;
margin: 0;
padding: 0;
height: 600px;
width: 1349px;
} 
#main_menu {
	/*float: left;*/
}
#logo {
	position: absolute;
	left: 118px;
	top: 20px;
	z-index: 15;
	/*padding: 25px 25px 22px 130px;*/
}
.order_btn {
	float: right;
	cursor: pointer;
	background: url(/bitrix/templates/vympel/image/order_btn.png) no-repeat;
	margin: 28px 0px 25px 0px;
	width: 205px;
	height: 43px;
}
.top_tel {
	float: right;
	font: 21px Open Sans;
	font-weight: bold;
	/*margin: 20px 40px 0px 0px;*/
	line-height: 1.7;
	margin-right: -50px;
	padding: 28px 46px 31px 0px;
	color: #000;
}
.top_span {
	color:#E16D1C; 
}
.slider_text {
	float: left;
	margin: 35px 0 30px 610px;
	width: 450px;
	color: #fff;
}
.slider_title {
	font: 48px Open Sans Light;
	padding: 0;
}
.slider_list {
	float: left;
}
.slider_list ul {
	margin: 20px 0 0 30px;
	padding:0;
	list-style-image:url(/bitrix/templates/vympel/image/marker.png);
	font: 24px Open Sans Light;
}
.more_info_btn a {
	margin: 20px 0 0 20px;
	float: left;
	background:url(/bitrix/templates/vympel/image/more_info_btn.png);
	width: 169px;
	height: 45px;
}
#main {
	float: left;
}
.space {
	margin: 380px;
}
.text_page {
	font: 14px Open Sans;
}
.main_title {
	float: left;
	padding: 200px 0 30px 2px;
	font: 28px Open Sans;
	width: 100%;
}
.underline {
	background:url(/bitrix/templates/vympel/image/line.png) no-repeat;
	height: 2px;
	width: 273px;
}
.map_russia {
	width: 1100px;
	float: left;
	height: 619px;
	background:url(/bitrix/templates/vympel/image/russia.png);
}
.news {
	float: left;
	width: 670px;
	/*width: 100%;*/
}
.news_underline {
	background:url(/bitrix/templates/vympel/image/line.png) no-repeat;
	height: 2px;
	width: 226px;
}
.news_container {

	float: left;
	height: 300px;
}
.news_box {
	float: left;
	margin: 0px 40px 0px 2px;
	height: 300px;
	width: 290px;
	
}
.news_text_box {
	/*padding: 0px 0px 0px 12px;*/
	float: left;
	height: 100%;
	width: 210px;
}
.news_box_img {
	float: left;
	width: 70px;
	height: 100%;
	
}
.news_box_title {
	font: 16px Open Sans;
}
.news_box_data {
	/*width: 100%;*/
	
	/*float: left;
	color: red;*/
	font: 12px Open Sans;
	color:#cc2e3f;
}
.news_box_text {

	color: #444444;
	font: 14px Open Sans;
}
#footer {
	margin-top: 120px;
	float: left;
	border-top: 1px solid #E1E1E1;
	width: 100%;
	height: 124px;
}
.f_logo {
	padding: 47px 0 50px 0px;
	float: left;
}
.f_copyright {
	float: left;
	padding: 50px 0 54px 0px;
	margin-left: 40px;
	font: 13px Open Sans;
}
.f_menu {
	float: left;
	padding: 35px 0 25px 0px;
	margin-left: 0px;
}
.f_menu ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0px 12px 0 12px;
	font: 13px Open Sans;
	margin:0;
}
.f_menu a {
	color: #000;
	text-decoration: none;
}
.f_menu ul li a:hover {
	color: #E16D1C;
}
.f_tel {
	float: left;
	font: 19px Open Sans;
	padding: 48px 0px 50px 0px;
	margin-left: 20px;
	color: #000;	
}
.creators {
	margin-left: 70px;
	padding: 25px 0 40px 0;
	float: left;
	font: 13px Open Sans;
	cursor: pointer;
}
.insys {
	background:url(/bitrix/templates/vympel/image/in-sys1.png) no-repeat;
	width: 60px;
	height:26px;
	float: left;
	margin-left: 10px;
	margin-top: 45px;
}
.insys:hover {
	background:url(/bitrix/templates/vympel/image/in-sys1.png) no-repeat;
	background-position: 0 -26px;

}
#project{
	float: left;
	width: 100%;
	margin:0;
	padding:0;
}
.p_shadow {
	color: #fff;
	background: url(/bitrix/templates/vympel/image/slider_shadow1.png) no-repeat;
	width: 481px;
	height: 410px;
	float: left;
	/*width: 100%;*/
}
.p_shadow_title {
	padding: 180px 0px 15px 30px;
	font: 36px Open Sans Light;
}
.p_shadow_text {
	padding:15px 0px 15px 30px;
	font: 24px Open Sans Light;
	float: left;
}
.pag {
	float: left;
	width: 1100px;
	height: 76px;
	background: #364657;
	margin-bottom: 20px;
}
.pag_H {
	text-align: left;
	padding: 10px 0 0px 40px;
	color: #fff;
	font-weight: bold;
}
.pag a{
	text-decoration: none;
	color: #fff;
}
.pag_all_projects {
	float: left;
	font: 15px Open Sans Light;
	color: #fff;
	padding: 28px 0 25px 20px;
}
.pag img {
	float: left;
	margin:30px 0px 25px 20px;
}
.pag_adress {
	float: left;
	width: 600px;
	margin: 28px 0px 20px 50px;
	padding: 0px 50px 0px 50px;
	font: 15px Open Sans Light;
	color: #E16D1C;
	text-align: center;
}
.pag_next {
	float: left;
	margin: 28px 0px 20px 30px;
	font: 15px Open Sans Light;
	color: #fff;
}
.pag_next a:hover {
	color: #E16D1C;
}
.pag_arrow {
	float: left;
	background: url(/bitrix/templates/vympel/image/pag_arrow.png);
	width: 40px;
	height: 76px;
	margin: 0px 10px 0px 0px;
}
.img_container {
	float: left;
	width: 1125px;
	padding: 6px 0px 10px 0px;
}
.img_box {
	position: relative;
	float:left;
	width: 350px;
	height: 240px;
	padding: 0px 25px 25px 0px;
}
.img_box_shadow {
	position: relative;
	display: none;
}
.box_img1 {
	position: relative;
	z-index: 1;
}
.box_img2 {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;	
}
.box_img3 {
	position: absolute;
	z-index: 3;
	top: 97px;
	left: 160px;	
}
.img_box_text {
	color: #fff;
	text-align: center;
	font: 17px Open Sans;
	width: 300px;
	position: absolute;
	z-index: 4;
	top: 100px;
	left: 25px;
}
.spoil_container {
	display: none;
}
.splLink a  {
	float: left;
	width: 1100px;
	background: #E4E4E4;
	color: #3C3C3C;
	height: 19px;
	text-align: center;
	font: 14px Open Sans;
	padding: 5px 0 5px 0;
}
.menu_load {
	position: absolute;
	top: 0px;
	display: none;
}
.p_text {
	font: 14px Open Sans;
	float: left;
	Width: 100%;
	color: #3C3C3C;
	padding: 10px 0 10px 0;
}
.p_title {
	font: 24px Open Sans Light;
	float: left;
	color: #3C3C3C;
	width: 100%;
	padding: 10px 0px 10px 5px;
        margin-top: 40px;
}
.p_list ul {
	padding: 0px 0px 20px 0px;
	list-style: none;
	margin:0;
	padding:0;
}
.p_list ul li{
	width: 100%;
	font: 17px Open Sans Light;
	color: #3C3C3C;
	float: left;
}
.p_list img {
	float: left;
	margin: 12px 30px 0px 20px;
}
.p_list div {
	float: left;
	padding: 10px 0px 10px 0px;
}
.p_map{
	width: 100%;
	float: left;
	padding: 10px 0px 10px 0px;
}
#text {
	float: left;
	width: 100%;
	margin:0;
	padding:0;
}
.breadcrumb {
	float: left;
	width: 1080px;
	height: 17px;
	padding: 10px 0px 10px 20px;
	/*margin-bottom: 20px;*/
	background: #F3F3F3;
	font: 12px Open Sans Light;
}
.breadcrumb span {
	color: #E16D1C;
}
.breadcrumb a:hover {
	color: #E16D1C;
}
.title_box {
	width: 100%;
	padding: 47px 0px 17px 0px;
	color: #3C3C3C;
}
h1, h2, h3, h4 {
	padding: 10px 0px 10px 0px;
	margin: 0;
}
h1 {
	font: 24px Open Sans Light;
	font-weight: bold;
}
h2 {
	font: 21px Open Sans Light;
}
h3 {
	font: 19px Open Sans;
}
h4 {
	font: 17px Open Sans;
}
.t_text {
	width: 100%;
	float: left;
	font: 14px Open Sans;
	color: #3C3C3C;
	padding: 10px 0 10px 0;
}
.t_table table {
	width: 100%;
	float: left;
	margin: 30px 0px 10px 0px;
	border: 5px;
}
.t_table tr.tr_main {
	height: 30px;
	width: 100%;
	background: #364657;
	font: 14px Open Sans Light;
	padding: 10px 0px 10px 20px;
	color: #fff;
}
.t_table table td {
	border: 0;
	height: 30px;
	margin: 0;
	border: 0px 0px;
	padding: 10px 0px 10px 20px;
	border-bottom: 1px solid #E2E2E2;
}
.t_table table tr {
	background: #F7F7F7;
}
.c_map {
	float: left;
	width: 100%;
	height: 410px;
	margin: 0 0 0 -1px;
	padding: 0;
}
.c_pag_img{
	/*float: left;*/
	/*margin:10px 0px 25px 20px;*/
	/*border: 1px solid #000;*/
}
.contact_fake {
	float: left;
	width:1100px;
	height: 374px;
	background:url(/bitrix/templates/vympel/image/contact_fake.png);
}
.map_bg {
	overflow: hidden;
	position: absolute;
	z-index: -13;
	background: url(/bitrix/templates/vympel/image/map_bg.jpg);
	width: 1520px;
	height:1064px;
	top: 300px;
	left:-300px;
}	
.map_russia {
	width: 820px;
	float: left;
	height: 458px;
	position: relative;
	background:url(/bitrix/templates/vympel/image/russia1.png) no-repeat;
}
.map_marker {
	position: absolute;
	top: 193px;
	left: 132px;
	background: url(/bitrix/templates/vympel/image/map_marker1.png) no-repeat;
	height: 18px;
	width: 17px;
}

.spacing {
	height: 135px;
	width: 100%;
	float: left;
}
.map_marker {
	position: absolute;
	/*top: 193px;
	left: 132px;*/
	background: url(/bitrix/templates/vympel/image/map_marker1.png) no-repeat;
	height: 23px;
	width: 15px;
}
.map_marker:hover {
	background: url(/bitrix/templates/vympel/image/map_marker1.png) no-repeat;
background-position: 0 -23px;
	cursor: pointer;
}
.pop_up {
	display: none;
	position: absolute;
/*	top: 190px;
	left: 160px;*/
	z-index: 50;
}
.pop_up_pos {
	position: relative;
}
.pop_up_top {
	float: left;
	margin-left: -7px;
	background: url(/bitrix/templates/vympel/image/pop_up_top.png) no-repeat;
	width: 412px;
	height: 17px;
}
.pop_up_city {
	float: left;
	color: #fff;
	font: 14px Marmelad;
	padding: 0px 0px 3px 10px;
}
.pop_up_cross {
	width: 8px;
	height: 8px;
	float: right;
	margin: 4px 4px 2px 2px;
	background: url(/bitrix/templates/vympel/image/pop_up_cross.png) no-repeat;
	cursor: pointer;
}
.pop_up_complete {
	font: 14px Open Sans;
	padding: 20px 0px 0px 10px;
	background: #E7E7E7;
}
.pop_up_ul {
	float: left;
	width: 405px;
	/*height: 300px;*/
	background: #E7E7E7;
	border-bottom: 3px solid #E16D1C;
	margin: 0;
	padding:0;
	overflow: auto;
}
.pop_up_ul li {
	margin: 0;
	padding: 10px;
	list-style: none;
	cursor: pointer;
}
.pop_up_ul li:hover {
	cursor: pointer;
	background: #d2d2d2;
}
.pop_up_title {
	font: 16px Open Sans;
	font-weight: bold;
}
.pop_up_text {
	font: 14px Open Sans;
}
.pop_up_title, .pop_up_text {
	margin-left: 5px;
}
.c_container {
	height: 375px;
	width: 100%;
	background: #F3F3F3;
	float: left;
} 
.c_box {
	float: left;
	width: 580px;
	padding: 30px 0px 0px 20px;
}
.c_title {
	font: 24px Open Sans;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
	color: #000;
}
.c_feedback {
	float: left;
	width: 500px;
	padding: 30px 0px 0px 0px;	
}
.informer {
	float: left;
	width: 400px;
}
.informer_underline {
	background:url(/bitrix/templates/vympel/image/line.png) no-repeat;
	height: 2px;
	width: 190px;	
}
.b-container{
    width:200px;
    height:150px;
    background-color: #ccc;
    margin:0px auto;
    padding:10px;
    font-size:30px;
    color: #fff;
}
.b-popup{
    width:100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
	display: none;
	z-index: 20;
	top: 0px;
	left:0px;
    /*top:500px;
	left:500px;*/
}
.b-popup .b-popup-content{
    /*margin:40px auto 0px auto;*/
    width:470px;
    height: 300px;
    padding:20px;
	background: #fff;
	border-radius: 8px;
	position: relative;
	top: 200px;
	left: 500px;
}
.cross_close {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 2px;
	left: 490px;
	background:url(/bitrix/templates/vympel/image/cross_close3.png) no-repeat;
	cursor: pointer;
}
/* End */
/* /bitrix/templates/vympel/css/jquery.lightbox-0.5.css */
/* /bitrix/templates/vympel/components/bitrix/main.feedback/template2/style.css */
/* /bitrix/templates/vympel/components/bitrix/menu/my_vertical_multilevel/style.css */
/* /bitrix/templates/vympel/template_styles.css */
