*{
  padding:0;
  margin:0;
  outline:none !important;
  overflow:hidden;
}
html, body {
  width:100%;
  overflow-x: hidden;
  overflow-y: auto;
}
textarea{
  overflow:auto;
}
body{
  font:normal 24px  'museo_sans_cyrl300', Verdana, Arial, Tahoma, sans-serif;
  color:#3a3a3a;
  line-height:1.3;
}
.clear{
  clear:both;
}
#div_1{
  width:100%;
  height:700px;
  position:relative;
}
#v1{
  width:100%;
  height:700px;
  background:url(../images/bg_3_80.jpg);
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
}
#v2{
  width:100%;
  height:640px;
  background:url(../images/bg_2_80.jpg) 50%;
  position:absolute;
  top:0px;
  left:0px;
  opacity:0;
  display:none;
  z-index:0;
}
#v3{
  width:100%;
  height:640px;
  background:url(../images/bg_1_60.jpg) 50%;
  position:absolute;
  top:0px;
  left:0px;
  opacity:0;
  display:none;
  z-index:0;
}
.div_1_wrapper{
  width:1075px;
  height:600px;
  margin:20px auto;
  position:relative;
}
.div_1_title{
  color:#fff;
  font-size:30px;
  position:absolute;
  left:0px;
  top:0px;
  opacity:0.8;
}
.div_1_menu{
  color:#fff;
  font-size:16px;
  position:absolute;
  right:0px;
  top:15px;
}
.div_1_menu_1{
  color:#fff;
}
.div_1_menu span{
  margin:0 20px;
  cursor:pointer;
}
.div_1_menu span:hover{
  color:#aaaaaa;
}
.div_1_menu_1 span:hover{
  color:#aaaaaa;
}
.div_1_menu a{
  margin:0 20px;
  cursor:pointer;
  color:#fff;
  text-decoration:none;
}
.div_1_menu a:hover{
  color:#aaaaaa;
}
.div_1_menu_1 a:hover{
  color:#aaaaaa;
}
.div_1_menu_1 a{
  color:#fff;
}
.div_1_body{
  width:500px;
  position:absolute;
  left:0px;
  bottom:40px;
  color:#fff;
}
.div_1_body_title{
  font:normal 28px  'museo_sans_cyrl500', Verdana, Arial, Tahoma, sans-serif;
  margin-bottom:25px;
}
.div_1_body_body{
  font:normal 20px  'museo_sans_cyrl300', Verdana, Arial, Tahoma, sans-serif;
  opacity:0.8;
}
.white_button{
  border:2px solid #fff;
  border-radius:5px;
  padding:15px 70px;
  margin:auto;
  cursor:pointer;
  display:inline-block;
  color:#fff;
  font:normal 20px  'museo_sans_cyrl300', Verdana, Arial, Tahoma, sans-serif;
}
.white_button:hover{
  background:#fff;
  color:#333;
}
.div_1_button{
  position:absolute;
  right:20px;
  bottom:40px;
}
#div_2{
  width:100%;
  height:640px;
  background:url(../images/bg_2.jpg) 50%;
}
#div_2_vn{
  width:1045px;
  margin:80px auto;
  
}
#div_2_title{
  font:normal 36px  'museo_sans_cyrl500', Verdana, Arial, Tahoma, sans-serif;
  text-align:center;
}
#div_2_body{
  margin-top:80px;
}
#div_2_body_l{
  width:500px;
  float:left;
}
#div_2_body_l span{
  color:#4fc8da;
}
#div_2_body_l p{
  margin-top:30px;
}
#div_2_body_r{
  width:500px;
  float:right;
  margin-top:30px;
}
#div_3{
  width:100%;
  height:1063px;
  background:url(../images/bg_3.jpg) 50%;
}
#div_3_vn{
  width:1100px;
  margin:60px auto;
  
}
#div_3_title{
  font:normal 36px  'museo_sans_cyrl500', Verdana, Arial, Tahoma, sans-serif;
  text-align:center;
  color:#fff;
}
#div_3_body{
  margin-top:60px;
  background:url(../images/div_3.png) 50% no-repeat;
  height:800px;
  position:relative;
}
.kak_title{
  color:#4fc8da;
  font:normal 24px  'museo_sans_cyrl500', Verdana, Arial, Tahoma, sans-serif;
  margin-bottom:15px;
}
.kak_body{
  color:#fff;
  font-size:18px;
}
.kak{
  width:270px;
  position:absolute;
}
#kak_1{
  top:0px;
  left:0px;
}
#kak_2{
  top:310px;
  left:0px;
}
#kak_3{
  top:605px;
  left:0px;
}
#kak_4{
  top:140px;
  left:830px;
}
#kak_5{
  top:440px;
  left:830px;
}
#div_4{
  width:100%;
  height:1282px;
  background:url(../images/bg_4.jpg) 50%;
}
#div_4_vn{
  width:1045px;
  margin:30px auto;
}
#div_4_title{
  font:normal 36px  'museo_sans_cyrl500', Verdana, Arial, Tahoma, sans-serif;
  text-align:center;
}
#div_4_title_2{
  font:normal 36px  'museo_sans_cyrl500', Verdana, Arial, Tahoma, sans-serif;
  text-align:center;
  margin-top:60px;
}
#div_4_body_1{
  margin-top:30px;
  background:url(../images/div_4.png) 50% 0 no-repeat;
  height:505px;
  position:relative;
}
.f{
  position:absolute;
  text-align:center;
  font:normal 18px  'museo_sans_cyrl500', Verdana, Arial, Tahoma, sans-serif;
}
#f1{
  top:160px; 
  left:123px;
}
#f2{
  top:160px; 
  left:445px;
}
#f3{
  top:160px; 
  left:783px;
}
#f4{
  top:445px; 
  left:95px;
}
#f5{
  top:445px; 
  left:425px;
}
#f6{
  top:445px; 
  left:750px;
}
#otz{
  width:840px;
  background:#f7f7f7;
  margin:20px auto;
}
.otz{
  margin:20px;
}
.otz_l{
  width:150px;
  float:left;
}
.otz_r{
  width:650px;
  float:left;
  font:normal 18px  'museo_sans_cyrl300', Verdana, Arial, Tahoma, sans-serif;
}
.otz_title{
  color:#4fc8da;
  font:normal 18px  'museo_sans_cyrl500', Verdana, Arial, Tahoma, sans-serif;
}
#div_5{
  width:100%;
  height:640px;
  background:url(../images/bg_5.jpg) 50%;
}
#div_5_vn{
  width:1100px;
  margin:60px auto;
  position:relative;
}
#div_5_title{
  font:normal 36px  'museo_sans_cyrl500', Verdana, Arial, Tahoma, sans-serif;
  text-align:center;
  color:#fff;
}
#div_5_title span{
  color:#4fc8da;
}
#div_5_body{
  width:700px;
  margin-top:90px;
}
#div_5_title_2{
  font:normal 36px  'museo_sans_cyrl300', Verdana, Arial, Tahoma, sans-serif;
  color:#fff;
}
.pp_vk{
  margin-top:30px;
}
.pp_vk_l{
  width:50px;
  float:left;
  color:#fff;
  font:normal 16px  'museo_sans_cyrl300', Verdana, Arial, Tahoma, sans-serif;
}
.pp_vk_r{
  width:650px;
  float:left;
  color:#fff;
  font:normal 16px  'museo_sans_cyrl300', Verdana, Arial, Tahoma, sans-serif;
}
.div_5_button{
  position:absolute;
  right:100px;
  top:430px;
}
.shadow{
  width:100%;
  height:100%;
  opacity:0;
  top:0;
  left:0;
  position:fixed;
  z-index:999;
  background:rgba(0,0,0,.1);
  overflow:auto !important;
}
.shadow_close{
  width:100%;
  height:100%;
  opacity:0;
  top:0;
  left:0;
  position:fixed;
  z-index:1;
  cursor:pointer;
}
.shadow_panel{
  position:relative;
  width:600px;
  background:#fff;
  margin:50px auto;
  min-height:100px;
  border-radius:3px;
}
.shadow_panel_vn{
  padding:20px;
  position:relative;
  z-index:3;
}
.shadow_title{
  font:normal 24px  'museo_sans_cyrl300', Verdana, Arial, Tahoma, sans-serif;
  padding:0;
  color:#555;
}
.shadow_button_close{
  position:absolute;
  top:15px;
  right:20px;
  z-index:4;
  cursor:pointer;
  display:inline-block;
  font:normal 24px  'museo_sans_cyrl300', Verdana, Arial, Tahoma, sans-serif;
  opacity:0.2;
}
.shadow_panel_vn select{
  width:100%;
  padding:7px;
  margin-bottom:15px;
}
.shadow_panel_vn input{
  width:100%;
  padding:7px;
  margin-bottom:15px;
}
input[type="date"],input[type="time"],input[type="month"]{
  width:250px;
  padding:7px;
  margin-bottom:15px;
}
input[type="text"]{
  width:250px;
  padding:7px;
  margin-bottom:15px;
}
.shadow_panel_vn textarea{
  width:100%;
  height:150px;
  padding:7px;
  margin-bottom:15px;
}
textarea{
  width:100%;
  height:150px;
  padding:7px;
  margin-bottom:15px;
}
.shadow_html{
  font:normal 16px  'museo_sans_cyrl300', Verdana, Arial, Tahoma, sans-serif;
  padding:0;
  color:#555;
  margin-top:20px;
}
.uploadify{
  display:inline-block;
  background:#4fc8da;
  color:#fff;
  font-size:14px;
  padding:5px 0px;
  cursor:pointer;
  text-align:center;
}
.button{
  display:inline-block;
  background:#4fc8da;
  color:#fff;
  font-size:14px;
  padding:10px 20px;
  cursor:pointer;
  text-align:center;
}
.reload{
  float:right;
  color:#4fc8da;
  padding-top:20px;
  cursor:pointer;
}
.info_panel{
  padding:10px;
  border:2px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
  box-shadow: 0px 0px 10px 0px #5b5b5b;
  -webkit-box-shadow: 0px 0px 10px 0px #5b5b5b;
  color:#fff;
  font:normal 14px  'museo_sans_cyrl500', Verdana, Arial, Tahoma, sans-serif;
  position:absolute;
  z-index:10000;
  opacity:0.5;
}
.info_panel_0{
  background:#ff0000;
}
.info_panel_1{
  background:#ffff00;
  color:#000;
}
.info_panel_2{
  background:#00ff00;
}
#project_1{
  width:100%;
  height:70px;
  background:#30b5e1;
}
#project_1_1{
  width:200px;
  height:70px;
  background:#1fa7d4;
  float:left;
}
#project_1_1_title{
  padding:20px 40px;
  color:#fff;
  font:normal 24px  'museo_sans_cyrl500', Verdana, Arial, Tahoma, sans-serif;
}
#project_1_2{
  float:left;
  height:70px;
}
#project_2{
  background:#cfd8dc;
  height:100%;
}
#project_2_1{
  width:200px;
  background:#2b333e;
  float:left;
}
#project_2_2{
  float:left;
  background:#fff;
  padding:10px;
  overflow:auto;
}
#pp_menu{
  margin-top:30px;
}
.pp_menu{
  padding:2px 30px;
  color:#91a7c6;
  font:normal 15px  'museo_sans_cyrl300', Verdana, Arial, Tahoma, sans-serif;
  cursor:pointer;
}
.pp_menu:hover{
  background:#fff;
  color:#444;
}
.pp_menu i{
  margin-right:15px;
}
.city{
  cursor:pointer;
  padding:5px;
}
.city:hover{
  background:#efefef;
}
.user_div{
  width:100px;
  float:left;
  margin:5px;
  padding:5px;
  border:1px solid #fff;
  cursor:pointer;
  overflow:visible;
}
.user_photo{
  width:100px;
  height:100px;
  position:relative;
}
.user_photo img{
  width:100px;
  height:100px;
  position:absolute;
  top:0px; 
  left:0px;
}
.user_name{
  font:normal 12px  'museo_sans_cyrl700', Verdana, Arial, Tahoma, sans-serif;
  text-align:center;
  height:28px;
  overflow:visible;
  padding:5px 0;
}
#content{
  font-size:14px;
  background:#fff;
  width:100%;
  height:100%;
  overflow-y:auto;
}
.div_ob{
  padding:0;
  border-top:1px dotted #ccc;
  font:normal 14px  'museo_sans_cyrl500', Verdana, Arial, Tahoma, sans-serif;
  cursor:pointer;
  margin:0 10px;
}
.div_ob:hover{
  background:#efefef;
}
.div_ob_photo{
  width:50px;
  height:50px;
  position:relative;
  float:left;
}
.div_ob_photo img{
  width:50px;
  height:50px;
  position:absolute;
  top:0px; 
  left:0px;
}
.div_ob_name{
  width:200px;
  float:left;
  padding:18px 20px;
}
.div_ob_pp{
  width:150px;
  float:left;
  padding:18px 20px;
}
.div_ob_pp_res{
  width:50px;
  float:right;
  text-align:right;
  padding:10px;
}
.div_1_slogan{
  text-align:center;
  font:normal 28px  'museo_sans_cyrl500', Verdana, Arial, Tahoma, sans-serif;
  position:absolute;
  color:#fff;
  text-transform:uppercase;
  width:1075px;
  top:200px;
}
.links{
  font:normal 14px  'museo_sans_cyrl500', Verdana, Arial, Tahoma, sans-serif;
  color:#888;
  margin:10px 0;
}
.links a{
  color:#888;
}
.links a:hover{
  color:#000;
}
#age_from,#age_to{
  width:80px !important;
}
.div_shadow{
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:999999;
  background:rgba(0,0,0,0.5); 
  display: table;
  text-align:center;		
}
.div_shadow_img{
  display: table-cell;
  vertical-align: middle;
  height:24px;
  width:160px;
}
.acc{
  cursor:pointer;
  border-top:1px dotted #777;
  border-bottom:1px dotted #777;
  margin-top:-1px;
  padding:5px 0;
  font-size:14px;
}
.acc:hover{
  background:#efefef;
}
.acc_line{
  width:60px; 
  float:left; 
  text-align:right;
}
.acc_line i{
  margin-left:10px;
  cursor:pointer;
  opacity:0.8;
  font-size:14px;
}
.acc_line i:hover{
  opacity:1;
}
#crm_table{
  font-size:14px;
  margin:10px auto;
  border-collapse: collapse;
}
#crm_table td{
  padding:5px;
  border:1px solid #777;
  margin:-1px;
  border-collapse: collapse;
}
#crm_table tr:hover{
  background:#d6dfdf;
  cursor:pointer;
}
.crm_table{
  font-size:14px;
  margin:10px auto;
  border-collapse: collapse;
}
.crm_table td{
  padding:5px;
  border:1px solid #777;
  margin:-1px;
  border-collapse: collapse;
}
.crm_table tr:hover{
  background:#d6dfdf;
  cursor:pointer;
}
.calendar{
	border-collapse: collapse;
	margin-top:15px;
}
.calendar td{
	border: 1px solid #eee !important;
	padding:5px;
	height:70px;
	width:70px;
}
.first_calendar{
	text-align:center;
	font-size:14px;
}
.first_calendar td{
	height:auto;
	
}
.calendar_day{
	display:inline-block;
	float:right;
	font-size:12px;
	background:#eee;
	padding:2px;
	position:relative;
	top:-5px;
	right:-5px;
	width:13px;
	text-align:center;
}
.color_tr{
	cursor:pointer;
}
.color_tr,.not_color_tr{
	font-size:12px;
}
.color_tr:hover{
	background:#f5f5f5;
}
.red{
	border-color:#cc0000 !important;
}