HTML { width: 100%; height: 100%; }

@font-face {
	font-family: 'Openl';
	src: url('/font/OpenSans-Light-webfont.eot');
	src: url('/font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
	url('/font/OpenSans-Light-webfont.woff') format('woff'),
	url('/font/OpenSans-Light-webfont.ttf') format('truetype'),
	url('/font/OpenSans-Light-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Openr';
	src: url('/font/OpenSans-Regular-webfont.eot');
	src: url('/font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('/font/OpenSans-Regular-webfont.woff') format('woff'),
	url('/font/OpenSans-Regular-webfont.ttf') format('truetype'),
	url('/font/OpenSans-Regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Openb';
	src: url('/font/OpenSans-Bold-webfont.eot');
	src: url('/font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('/font/OpenSans-Bold-webfont.woff') format('woff'),
	url('/font/OpenSans-Bold-webfont.ttf') format('truetype'),
	url('/font/OpenSans-Bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

BODY { margin: 0px; padding: 0px; width: 100%; height: 100%;
  FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #fff; FONT-FAMILY: Tahoma, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}
  
p {
  margin: 6px 0px; text-indent: 0px; padding: 5px 0px; line-height: 1.3em;
  FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #fff; FONT-FAMILY: Tahoma, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}

H1 { margin: 5px 0px; padding: 0px;  letter-spacing: 1px; line-height: 30px;
  FONT-WEIGHT: normal; FONT-SIZE: 26px; COLOR: #fff; FONT-FAMILY: Openl, Tahoma, Verdana, Arial; TEXT-ALIGN: left; FONT-STYLE: normal; TEXT-DECORATION: none;}
H2 { margin: 5px 0px; padding: 0px; line-height: 26px;
  FONT-WEIGHT: normal; FONT-SIZE: 24px; COLOR: #fff; FONT-FAMILY: Openl, Tahoma, Verdana, Arial; TEXT-ALIGN: left; FONT-STYLE: normal; TEXT-DECORATION: none;}
H3 { margin: 5px 0px; padding: 0px; line-height: 22px;
  FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: #fff; FONT-FAMILY: Openb, Tahoma, Verdana, Arial; TEXT-ALIGN: left; FONT-STYLE: normal; TEXT-DECORATION: none;} 
  
A:link,
A:visited { border: none; outline: none;
color: #fff; TEXT-DECORATION: underline;}
A:active,
A:hover { border: none; outline: none;
color: #fff; TEXT-DECORATION: none;}

input { outline: none; }
object { display: block; }
embed { display: block; }

hr { border-bottom: 1px solid #fff; }

.top_box { width: 100%; }
.top_center { width: 1120px; height: 141px; background: url("/pic/black_panel.png") repeat left top; }
.icon_center { width: 1120px; height: 190px; }
.icon_center2 { width: 1120px; height: 250px; }
.top_left { background: url("/pic/black_panel.png") repeat left top; }
.content_center  { width: 1120px; background: url("/pic/black_panel.png") repeat left top; }
 
 
.logo { float: left; margin: 36px 0px 0px 45px; }
.top_tel { float: right; margin: 47px 45px 0px 0px; 
FONT-WEIGHT: normal; FONT-SIZE: 29px; COLOR: #fff; FONT-FAMILY: Openl, Tahoma, Verdana, Sans-serif;  FONT-STYLE: normal; TEXT-DECORATION: none;}
.top_tel  span { FONT-SIZE: 17px; }

.top_button_box { float: right; margin: 58px 20px 0px 0px; }
.top_button_backletter { float: left; padding: 0px 10px 0px 34px;  background: url("/pic/top_button_backletter.png") no-repeat 8px center; 
line-height: 28px; cursor: pointer; margin: 1px 20px 1px 1px;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: Tahoma, Verdana, Sans-serif; FONT-STYLE: normal; TEXT-DECORATION: none; }
.top_button_backletter:hover { border: 1px solid #fff; margin: 0px 19px 0px 0px; }

.top_button_search { float: left; height: 28px; padding: 0px 10px 0px 34px; width: 38px;  background: url("/pic/top_button_search.png") no-repeat 8px center; 
line-height: 28px; cursor: pointer; margin: 1px 20px 1px 1px; border: none; outline: none;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: Tahoma, Verdana, Sans-serif; FONT-STYLE: normal; TEXT-DECORATION: none; }
.top_button_search:hover { border: 1px solid #fff !important; margin: 0px 19px 0px 0px; }
.top_button_search_ { border: 1px solid #fff; margin: 0px 19px 0px 0px; cursor: text; }  
 
.top_button_contact { float: left; padding: 0px 10px 0px 34px;  background: url("/pic/top_button_contact.png") no-repeat 8px center; 
line-height: 28px; cursor: pointer; margin: 1px 20px 1px 1px;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: Tahoma, Verdana, Sans-serif; FONT-STYLE: normal; TEXT-DECORATION: none; }
.top_button_contact:hover { border: 1px solid #fff; margin: 0px 19px 0px 0px; }
.top_button_contact a:visited,
.top_button_contact a:link {
  COLOR: #fff; FONT-SIZE: 12px; TEXT-DECORATION: none;}  
.top_button_contact a:hover ,
.top_button_contact a:active {
  COLOR: #fff; FONT-SIZE: 12px; TEXT-DECORATION: none;}  
 
.top_button_vk { background: url("/pic/top_button_vk.png") no-repeat 8px center; }  
 
 
.main_ico { width: 160px; display: inline-block; padding: 80px 10px 10px 10px; text-transform: uppercase; margin: 40px 15px; opacity: 0.55; cursor: pointer;
FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #fff; FONT-FAMILY: Openr, Tahoma, Verdana, Sans-serif;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; } 
.main_ico:hover { opacity: 0.8; }
.main_ico a:visited,
.main_ico a:link {
  COLOR: #000; FONT-SIZE: 15px; TEXT-DECORATION: none;}  
.main_ico a:hover ,
.main_ico a:active {
  COLOR: #000; FONT-SIZE: 15px; TEXT-DECORATION: none;} 
#main_ico1 { background: url("/pic/main_ico1.png") no-repeat center top; } 
#main_ico2 { background: url("/pic/main_ico2.png") no-repeat center top; } 
#main_ico3 { background: url("/pic/main_ico3.png") no-repeat center top; } 
 
.backletter_box { width: 100%; background: url("/pic/backletter_box.png") repeat left top; } 
.backletter_center { width: 1120px; }
 
.backletter_title { float: left; margin: 60px 0px 50px 45px; height: 36px; line-height: 34px;
FONT-WEIGHT: normal; FONT-SIZE: 36px; COLOR: #fff; FONT-FAMILY: Openl, Tahoma, Verdana, Sans-serif;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; } 
.backletter_close { float: right; width: 36px; height: 36px; margin: 60px 40px 50px 0px;  background: url("/pic/backletter_close.png") no-repeat center center; cursor: pointer; opacity: 0.8;  } 
.backletter_close:hover { opacity: 1; }
.form_col1 { float: left; width: 324px;  }
.form_col2 { float: left; width: 372px;  }
.form_col3 { float: left; width: 324px;  }
.form_box { margin: 0px 20px 0px 65px; height: 200px;  } 
.form_desc { float: left; clear: both; padding-bottom: 2px;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: Tahoma, Verdana, Sans-serif;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.form_input { float: left; clear: both; border: none; background: #fff; height: 35px; width: 280px; line-height: 35px; padding: 0px 7px; outline: none; 
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #555; FONT-FAMILY: Tahoma, Verdana, Sans-serif;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.form_padding { margin-top: 24px; } 
.form_area { float: left; clear: both; border: none; background: #fff; height: 171px; width: 330px; line-height: 18px; padding: 7px 7px; outline: none; resize: none; 
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #555; FONT-FAMILY: Tahoma, Verdana, Sans-serif;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; } 
.form_button { width: 294px; height: 59px; cursor: pointer; line-height: 56px; border: 1px solid #fff; margin-top: 15px; opacity: 0.8;
FONT-WEIGHT: normal; FONT-SIZE: 28px; COLOR: #fff; FONT-FAMILY: Openl, Tahoma, Verdana, Sans-serif;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; } 
.form_button:hover { opacity: 1; }
.form_capcha { width: 294px; height: 92px; margin-top: 33px; }
.form_put { background: url("/pic/form_put.png") no-repeat center center; height: 25px; margin: 50px 0px 80px 0px; }
 
#backletter { display: none; } 
 
.news_title { padding: 33px 35px 7px 45px; line-height: 28px;
FONT-WEIGHT: normal; FONT-SIZE: 25px; COLOR: #fff; FONT-FAMILY: Openl, Tahoma, Verdana, Sans-serif;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; } 
.action_title { padding: 31px 35px 7px 45px; line-height: 28px;
FONT-WEIGHT: normal; FONT-SIZE: 24px; COLOR: #fff; FONT-FAMILY: Openl, Tahoma, Verdana, Sans-serif;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.news_id { padding: 8px 10px 8px 45px; margin-right: 25px; background: url("/pic/news_id.png") no-repeat 23px 12px; line-height: 16px; cursor: pointer;
 FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: Tahoma, Verdana, Sans-serif;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;} 
.news_id:hover { background: url("/pic/black_panel.png") repeat left top; }
.more_desc_button { padding: 5px 12px 5px 12px;  line-height: 18px; display: inline-block; cursor: pointer; margin: 25px 30px 25px 45px; border: 1px solid #fff; cursor: pointer;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: Tahoma, Verdana, Sans-serif; FONT-STYLE: normal; TEXT-DECORATION: none; }
.more_desc_button:hover { background: url("/pic/black_panel.png") repeat left top; }
.more_desc_button a:visited,
.more_desc_button a:link {
  COLOR: #fff; FONT-SIZE: 12px; TEXT-DECORATION: none;}  
.more_desc_button a:hover ,
.more_desc_button a:active {
  COLOR: #fff; FONT-SIZE: 12px; TEXT-DECORATION: none;} 
 
.content_title { background: url("/pic/title_ground.jpg") repeat left top; background-size: 38%; padding: 28px 45px 30px 35px; }
.content_title div { margin: 5px 0px; padding: 0px;  letter-spacing: 1px; line-height: 30px;
  FONT-WEIGHT: normal; FONT-SIZE: 26px; COLOR: #fff; FONT-FAMILY: Openl, Tahoma, Verdana, Arial; TEXT-ALIGN: left; FONT-STYLE: normal; TEXT-DECORATION: none; }
.content2_title { padding: 5px 0px 5px 0px; }  
.content_text {  background: url("/pic/black_panel.png") repeat-y left top; margin: 20px 0px; padding: 0px 45px 0px 35px; } 
 
.work_title { background: url("/pic/work_title.png") no-repeat center 17px; line-height: 30px; margin: 45px 0px 30px 0px;
FONT-WEIGHT: normal; FONT-SIZE: 27px; COLOR: #fff; FONT-FAMILY: Openl, Tahoma, Verdana, Sans-serif; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; } 
.work_title a:visited,
.work_title a:link {
  COLOR: #fff; FONT-SIZE: 27px; TEXT-DECORATION: none;}  
.work_title a:hover ,
.work_title a:active {
  COLOR: #fff; FONT-SIZE: 27px; TEXT-DECORATION: none;} 
.work_bot { background: url("/pic/work_bot.png") no-repeat center center; height: 1px; margin: 30px 0px 45px 0px; }
 
.work_slider { height: 113px !important; padding: 0px 5px; }
.work_slider ul li { display: inline-block; width: 157px !important; height: 105px !important; border: 4px solid rgba(0,0,0,0.45); margin: 0px 11px !important;  }
.work_slider ul li:hover { border: 4px solid rgba(0,0,0,0.6); }

 
.slider_arrow_prev { width: 20px; height: 20px; background: url("/pic/slider_arrow_prev.png") no-repeat center center; cursor: pointer; }
.slider_arrow_next { width: 20px; height: 20px; background: url("/pic/slider_arrow_next.png") no-repeat center center; cursor: pointer; }
 
.action_pic1 { margin: 38px 0px 0px 45px; } 
.action_pic2 { margin: 38px 0px 0px 45px; } 
 
.footer_box { width: 100%;  background: url("/pic/black_panel.png") repeat left top; margin-top: 120px; } 
.footer_box2 { width: 100%;  background: url("/pic/black_panel.png") repeat left top; margin-top: 40px; }
.footer_center { width: 1120px; }
 
.copy_box { float: left; margin: 38px 0px 0px 45px; } 
.adres_box { float: right; margin: 52px 45px 0px 0px; }
.copy_word { text-transform: uppercase; line-height: 32px;
  FONT-WEIGHT: normal; FONT-SIZE: 22px; COLOR: #fff; FONT-FAMILY: Openl, Tahoma, Verdana, Arial, Helvetica, sans-serif; FONT-STYLE: normal; TEXT-DECORATION: none; } 
.copy_line { clear: both; width: 150px; margin: 25px 0px; border-bottom: 1px solid #fff; } 
 
.copy_copy { float: left; margin-top: 3px;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; FONT-STYLE: normal; TEXT-DECORATION: none; } 
 
.adres_city {  background: url("/pic/adres.png") no-repeat left 11px; width: 426px; height: 104px; }
.yaroslavl { float: left; margin-left: 14px;  width: 142px; text-align: center; clear: both;
FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #fff; FONT-FAMILY: Openl, Tahoma, Verdana, Arial, Helvetica, sans-serif; FONT-STYLE: normal; TEXT-DECORATION: none; } 
.street { float: left; margin-left: 14px; margin-top: 11px;  width: 390px; text-align: center; clear: both; 
FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #fff; FONT-FAMILY: Openl, Tahoma, Verdana, Arial, Helvetica, sans-serif; FONT-STYLE: normal; TEXT-DECORATION: none; } 
 
.tel_mail {  text-align: center;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; FONT-STYLE: normal; TEXT-DECORATION: none; } 
.tel_mail a:visited,
.tel_mail a:link {
  COLOR: #fff; FONT-SIZE: 12px; TEXT-DECORATION: underline;}  
.tel_mail a:hover ,
.tel_mail a:active {
  COLOR: #fff; FONT-SIZE: 12px; TEXT-DECORATION: none;} 

.left_col { padding-bottom: 35px; }  
  
 .main_level_id {  display: inline-block; } 
 .main_level_id_checked {  display: inline-block; } 
 .main_level_text { padding: 6px 20px;  cursor: pointer; margin: 2px 5px; line-height: 31px;
 FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #211d13; FONT-FAMILY: Openr, Tahoma, Verdana, Arial, Helvetica, sans-serif; FONT-STYLE: normal; TEXT-DECORATION: none; }
 .main_level_text:hover { border: 2px solid rgba(255,255,255,0.35); margin: 0px 3px; }
 .main_level_text a:visited,
 .main_level_text a:link {
  COLOR: #211d13; FONT-SIZE: 14px; TEXT-DECORATION: none;}  
 .main_level_text a:hover ,
 .main_level_text a:active {
  COLOR: #211d13; FONT-SIZE: 14px; TEXT-DECORATION: none;} 
 .main_level_marker { height: 25px; }
 .main_level_id_checked .main_level_text { border: 2px solid rgba(0,0,0,0.25); margin: 0px 3px; }
 .main_level_id_checked .main_level_text:hover { border: 2px solid rgba(255,255,255,0.35); margin: 0px 3px; }
 .main_level_id_checked .main_level_marker { background: url("/pic/main_level_marker.png") no-repeat center center; }
 
  .main_level2_id {  display: inline-block; } 
  .main_level2_id_checked {  display: inline-block; } 
  .main_level2_text { padding: 6px 17px;  cursor: pointer; margin: 2px 5px; line-height: 26px;
  FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #211d13; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; FONT-STYLE: normal; TEXT-DECORATION: none; }
  .main_level2_text:hover { border: 2px solid rgba(255,255,255,0.35); margin: 0px 3px; }
  .main_level2_text a:visited,
  .main_level2_text a:link {
  COLOR: #211d13; FONT-SIZE: 12px; TEXT-DECORATION: none;}  
  .main_level2_text a:hover ,
  .main_level2_text a:active {
  COLOR: #211d13; FONT-SIZE: 12px; TEXT-DECORATION: none;} 
 .main_level2_marker { height: 25px; }
 .main_level2_id_checked .main_level2_text { border: 2px solid rgba(0,0,0,0.25); margin: 0px 3px; }
 .main_level2_id_checked .main_level2_text:hover { border: 2px solid rgba(255,255,255,0.35); margin: 0px 3px; }
 .main_level2_id_checked .main_level2_marker { background: url("/pic/main_level_marker.png") no-repeat center center; }
 
.level2_box { display: inline-block; background: url("/pic/black_panel.png") repeat left top; }
.level2_box_id { display: inline-block;  padding: 0px 17px; line-height: 35px; cursor: pointer;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; FONT-STYLE: normal; TEXT-DECORATION: none; }
.level2_box_id:hover { background: url("/pic/black_panel2.png") repeat left top; }
.level2_box_id a:visited,
.level2_box_id a:link {
  COLOR: #fff; FONT-SIZE: 12px; TEXT-DECORATION: none;}  
.level2_box_id a:hover ,
.level2_box_id a:active {
  COLOR: #fff; FONT-SIZE: 12px; TEXT-DECORATION: none;} 
  
.level2_box_id_checked { display: inline-block;  padding: 0px 17px; line-height: 35px; cursor: pointer; background: url("/pic/black_panel2.png") repeat left top;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; FONT-STYLE: normal; TEXT-DECORATION: none; }
 
.portfolio_box { width: 235px; height: 150px; margin: 0px 1px 1px 0px; display: inline-block; cursor: pointer; vertical-align: top;} 
.portfolio_desc { height: 150px; padding: 0px 15px; background: url("/pic/black_panel.png") repeat left top; vertical-align: top; display: none;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #FFF; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; vertical-align: top;} 
.portfolio_desc div {  padding-top: 25%; vertical-align: top;   } 
 
.action_box { margin: 38px 45px 0px 45px; border: 1px solid #fff; padding: 20px 15px; cursor: pointer;
FONT-WEIGHT: normal; FONT-SIZE: 23px; COLOR: #fff; FONT-FAMILY: Openl, Tahoma, Verdana, Arial, Helvetica, sans-serif; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; } 
.action_box img { margin: 40px 0px 5px 0px; }
.action_box:hover { background: url("/pic/black_panel.png") repeat left top; }

.navigator { float: left; margin: 10px 0px 0px 1px; text-align: left; padding: 0px;
  FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #fff; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;  FONT-STYLE: normal; TEXT-DECORATION: none;}
.navigator span { margin: 0px 10px; }
.navigator a:visited,
.navigator a:link {
  COLOR: #fff; FONT-SIZE: 11px; TEXT-DECORATION: underline;}  
.navigator a:hover ,
.navigator a:active {
  COLOR: #fff; FONT-SIZE: 11px; TEXT-DECORATION: none;} 

#site_map  { opacity: 0.3; cursor: pointer;  }
#site_map:hover { opacity: 1; }

.site_map { width: 100%; }
.footer_map_center { width: 1120px; background: url("/pic/footer_map_center.png") repeat-x left top; }
.footer_map_left { background: url("/pic/footer_map_center.png") repeat-x left top; }
.map_box { height: 20px; overflow: hidden;  }
  
.site_map_title { float: left; margin: 60px 0px 50px 45px; height: 36px; line-height: 34px;
FONT-WEIGHT: normal; FONT-SIZE: 36px; COLOR: #fff; FONT-FAMILY: Openl, Tahoma, Verdana, Sans-serif;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; } 
.site_map_close { float: right; width: 36px; height: 36px; margin: 60px 40px 50px 0px;  background: url("/pic/backletter_close.png") no-repeat center center; cursor: pointer; opacity: 0.8;  } 
.site_map_close:hover { opacity: 1; }  

.map_body {   }
.all_menu_box { padding: 130px 48px 30px 48px; }
.all_menu_box hr {border: none; height: 0px; margin: 20px 0px; }
  
 .site_map_main { text-align: left; }  
 .site_map_main_id { padding: 2px 12px;  cursor: pointer; margin: 5px 3px; line-height: 31px; display: inline-block; border: 1px solid #fff;
 FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; FONT-STYLE: normal; TEXT-DECORATION: none; }
 .site_map_main_id:hover { border: 1px solid rgba(255,255,255,0.35); margin: 5px 3px; }
 .site_map_main_id a:visited,
 .site_map_main_id a:link {  FONT-WEIGHT: normal;
  COLOR: #fff; FONT-SIZE: 12px; TEXT-DECORATION: none;}  
 .site_map_main_id a:hover ,
 .site_map_main_id a:active {  FONT-WEIGHT: normal;
  COLOR: #fff; FONT-SIZE: 12px; TEXT-DECORATION: none;}  
  
.yarneo {  float: left; clear: both; text-align: left; padding: 0px; line-height: 24px;
  FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #888; FONT-FAMILY: Tahoma, Verdana, Arial; FONT-STYLE: normal; TEXT-DECORATION: none}
.yarneo a:visited,
.yarneo a:link {
  COLOR: #666; FONT-SIZE: 12px; TEXT-DECORATION: none;}
.yarneo a:hover,  
.yarneo a:active {
  COLOR: #fff; FONT-SIZE: 12px; TEXT-DECORATION: none;}
  
.page_box { height: 36px; text-align: center; margin: 20px 0px;}
.page_id { display: inline-block; width: 20px; height: 20px;  line-height: 20px;  margin: 8px 4px 3px 4px; cursor: pointer;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: Tahoma, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; TEXT-ALIGN: center; }
.page_id:hover { border: 1px solid #fff; margin: 7px 3px 2px 3px; }

.page_id_checked { display: inline-block; width: 20px; height: 20px; border: 1px solid #fff; line-height: 20px;  margin: 8px 4px 3px 4px; cursor: default;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: Tahoma, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; TEXT-ALIGN: center; }

.page_id_arrow_left1 { display: inline-block; width: 20px; height: 20px;  line-height: 20px;  margin: 8px 14px 3px 4px; cursor: pointer; background: url("/pic/page_num_arrow_left1.png") center center; 
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #999999; FONT-FAMILY: Tahoma, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; TEXT-ALIGN: center; }
.page_id_arrow_left2 { display: inline-block; width: 20px; height: 20px;  line-height: 20px;  margin: 8px 4px 3px 4px; cursor: pointer; background: url("/pic/page_num_arrow_left2.png") center center; 
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #999999; FONT-FAMILY: Tahoma, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; TEXT-ALIGN: center; }
.page_id_arrow_right1 { display: inline-block; width: 20px; height: 20px;  line-height: 20px;  margin: 8px 4px 3px 14px; cursor: pointer; background: url("/pic/page_num_arrow_right1.png") center center; 
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #999999; FONT-FAMILY: Tahoma, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; TEXT-ALIGN: center; }
.page_id_arrow_right2 { display: inline-block; width: 20px; height: 20px;  line-height: 20px;  margin: 8px 4px 3px 4px; cursor: pointer; background: url("/pic/page_num_arrow_right2.png") center center; 
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #999999; FONT-FAMILY: Tahoma, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; TEXT-ALIGN: center; }
.page_id_arrow_left1:hover { border: 1px solid #fff; margin: 7px 13px 2px 3px; }
.page_id_arrow_left2:hover, .page_id_arrow_right2:hover { border: 1px solid #fff; margin: 6px 2px 1px 2px; }
.page_id_arrow_right1:hover { border: 1px solid #fff; margin: 7px 3px 2px 13px; }

a.text_button2 { transition: 0.2s; display: inline-block; margin: 0px; padding: 0px;
 padding: 5px 12px 5px 12px;  line-height: 24px; margin: 5px 0px 10px 1px; border: 2px solid #24ff00; cursor: pointer; text-transform: uppercase;
 FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: Openb, Verdana, Arial; FONT-STYLE: normal; TEXT-DECORATION: none }
a.text_button2:hover { transition: 0.2s; background: #24ff00; color: #000; }
 
 
.text_button { transition: 0.2s; display: inline-block; margin: 0px; padding: 0px;
 padding: 5px 12px 5px 12px;  line-height: 24px; display: inline-block; cursor: pointer; margin: 5px 0px 10px 1px; border: 2px solid #24ff00; cursor: pointer; text-transform: uppercase;
 FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: Openb, Verdana, Arial; FONT-STYLE: normal; TEXT-DECORATION: none }
 .text_button:hover { transition: 0.2s; background: #24ff00; color: #000; }
 .text_button:hover a { transition: 0.2s; color: #000 !important; }
A.text_button:visited,
.text_button a:visited,
A.text_button:link,
.text_button a:link {
 COLOR: #fff;  TEXT-DECORATION: none}
A.text_button:hover,
.text_button a:hover,
A.text_button:active,
.text_button a:active { 
 COLOR: #fff;  TEXT-DECORATION: none}
 
 .table_text { width: 100% !important; background: none !important; }
 .table_text td { border: 1px solid #fff; padding: 8px 4px; background: none !important;  FONT-WEIGHT: normal !important; }

 /***************************************************************************/

.background_box { position: fixed; z-index: -1; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; 
background: url("/pic/main_box.jpg") #000 no-repeat center top; background-size: cover !important; width: 100% !important; height: 100% !important; }

@media (min-width: 1920px) {
	.background_box { background-size: cover !important; }
	}
@media (min-height: 1080px) {
	.background_box { background-size: cover !important; }
	}

.slider_box	{ background: #fff; height: 400px; position: relative; box-shadow: 0px 0px 30px rgba(0,0,0,0.1); }
.my_slider { position: absolute; z-index: 5; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; width: 100% !important; height: 400px !important; }
.slide_id { display: none; top: 0; left: 0; bottom: 0; right: 0; width: 100% !important; height: 400px !important; background-repeat: no-repeat; cursor: pointer; background-size: cover; background-position: center center; }
	
.text_box { position: absolute; z-index: 100; left: 0; top: 0; bottom: 0; width: 320px; background: rgba(0,0,0,0.75); }	
.text_box .max-height { max-height: 260px; overflow: hidden; }
.text_box .title { text-transform: uppercase; line-height: 28px; padding: 36px 35px 0px 45px;
FONT-WEIGHT: normal; FONT-SIZE: 24px; COLOR: #fff; FONT-FAMILY: Openb, Tahoma, Verdana, Sans-serif;  FONT-STYLE: normal; TEXT-DECORATION: none; }
.text_box .desc { line-height: 20px; padding: 20px 45px 0px 45px;
FONT-WEIGHT: normal; FONT-SIZE: 17px; COLOR: #fff; FONT-FAMILY: Openl, Tahoma, Verdana, Sans-serif;  FONT-STYLE: normal; TEXT-DECORATION: none; }
.text_box a.but { transition: 0.2s; position: absolute; z-index: 300; display: block; left: 45px; bottom: 75px; right: 45px; border: 2px solid #24ff00; height: 38px; line-height: 38px; text-transform: uppercase;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: Openb, Tahoma, Verdana, Sans-serif;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; }

.text_box a.but:hover { transition: 0.2s; COLOR: #000; background: #24ff00; }

#next_slide { transition: 0.2s; position: absolute; opacity: 0.5; z-index: 500; right: 0; top: 0; bottom: 0; width: 50px; cursor: pointer; background: url("/pic/next_slide.png") rgba(0,0,0,0.4) no-repeat center center; }
#next_slide:hover { transition: 0.2s; opacity: 1; }

#pager { height: 5px; left: 0; top: 0; display: inline-block; position: absolute; margin: 350px 0px 0px 0px; width: 320px; z-index: 500; vertical-align: top; padding: 10px 0px; font-size: 0px; text-align: center; } 
#pager a { position: relative; width: 5px; height: 5px; display: inline-block; vertical-align: middle; margin: 0px 7px; background: #fff; border-radius: 50%; }
#pager a.activeSlide {  width: 5px; height: 5px; border-radius: 50%; background: none; } 
#pager a.activeSlide:before { content: ''; position: absolute; z-index: 5; top: -4px; left: -4px; bottom: -4px; right: -4px; border: 1px solid #24ff00; border-radius: 50%; }
#pager a:hover { background: none; background: #24ff00; }
#pager a.activeSlide:hover { background: none; background: none; }

	
/**************************************************************************/

.top_box { padding-top: 141px; }
.top_box.fixed { padding-top: 0px; position: fixed; z-index: 100000; }