@font-face {
    font-family: 'HelveticaNeueLTCom-Cn';
    src: url('../fonts/HelvLtCn.eot');
    src: url('../fonts/HelvLtCn.eot') format('embedded-opentype'),
         url('../fonts/HelvLtCn.woff') format('woff'),
         url('../fonts/HelvLtCn.ttf') format('truetype'),
         url('../fonts/HelvLtCn.svg#HelveticaNeueLTCom37ThinCondensed') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLTCom-Cn';
    src: url('../fonts/HelvBdCn.eot');
    src: url('../fonts/HelvBdCn.eot') format('embedded-opentype'),
         url('../fonts/HelvBdCn.woff') format('woff'),
         url('../fonts/HelvBdCn.ttf') format('truetype'),
         url('../fonts/HelvBdCn.svg#HelveticaNeueLTCom37BoldCondensed') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueLTCom-Cn';
  src: url('../fonts/HelveticaNeueLTCom-MediumCondensed.woff') format('woff'),
       url('../fonts/HelveticaNeueLTCom-MediumCondensed.ttf') format('truetype'),
       url('../fonts/HelveticaNeueLTCom-MediumCondensed.svg#HelveticaNeueLTCom-Cn') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueLTCom-Cn';
  src: url('../fonts/HelveticaNeueLTCom-Cn.woff') format('woff'),
       url('../fonts/HelveticaNeueLTCom-Cn.ttf') format('truetype'),
       url('../fonts/HelveticaNeueLTCom-Cn.svg#HelveticaNeueLTCom-Cn') format('svg');
  font-weight: normal;
  font-style: normal;
}
body { background: #28aae1; background-image: linear-gradient(to bottom, #fff, #fff 330px, #aec0da 700px, #28aae1 1780px); color: #3e3e3e; font-style: normal; font-size: 18px; font-family: "HelveticaNeueLTCom-Cn", serif; }
a { color: #4a8aa2; }
a:hover, a:focus,
button:hover, button:focus,
.datepicker a:hover, .datepicker  a:focus { outline: 1px dotted #f00; }
#bg_wrapper { background: url(../images/bg.png) center top no-repeat; }
#wrapper { max-width: 1032px; margin: auto; padding-top: 233px; }
#wrapper:after { clear:both; display:table; content:''; }
#right_menu { width: 161px; background-color: #a3b64c; border-radius: 5px; float: right; background-image: linear-gradient(to bottom, #a3b64c, #43a648); }
#right_menu .header { background: #3ea548; padding: 10px 10px 11px; margin-bottom: 8px; border-radius: 5px 5px 0 0; }
#right_menu .menu_name { width: 141px; color: #32a147; font-size: 24px; margin-top: 0; margin-bottom: 0; line-height: 41px; text-align: center; text-transform: uppercase; border-radius: 3px; background: #f2f2f2; background-image: linear-gradient(to bottom, #f1f1f1, #f3f3f3); margin-left: auto; font-weight: 500; }
#right_menu .list .preview_image { margin-bottom: 11px; margin-left: 6px; border: 4px #fff solid; border-radius: 5px; background: #fff;width: 140px; text-transform: uppercase; }
#right_menu .list img { display: block; margin: 0; }
#contents { width: 850px; background: #f2f9fe; border-top: 9px #f2f9fe solid; border-left: 10px #f2f9fe solid; border-right: 10px #f2f9fe solid; border-radius: 5px 5px 0 0; float: left; position: relative;}
#contents .acc { position: absolute; top: -70px; right: -175px; }
#contents .acc a { text-decoration: none; line-height: 34px; }
#contents .acc .font_size_small { font-size: 20px; margin-right: 10px; color: #fff; }
#contents .acc .font_size_large { font-size: 30px; margin-right: 10px; color: #fff; }
#contents .acc .color1 { font-size: 22px; padding: 0 8px; background: #fff; color: #000; }
#contents .acc .color2 { font-size: 22px; padding: 0 8px; background: #000; color: #ff0; }
#contents .acc .color3 { background: #36c url(../images/accessibility.png) center center no-repeat; font-size: 0;  border-radius: 5px; border: 3px #fff solid; width: 30px; height: 30px; background-size:80%;display: inline-block; margin-left: 5px;}
#top { position: relative; }
#top h2.logo { background: #f2b70c; float: left; width: 263px; height: 194px; padding-top: 12px; }
#top h2.logo a { display: block; margin: auto;	background: url(../images/logo.png) no-repeat; width: 183px;height: 181px; font-size: 0;  border-radius: 50%; }
#top p { margin: 0; }
#top .text { background: url(../images/top-h-bg.jpg) no-repeat; padding-left: 22px; padding-top: 0; color: #fff; font-style: normal; font-size: 78%/*14px*/; text-transform: uppercase;}
#top .text h2 { line-height: 55px; font-size: 165%/*30px*/; font-weight: 500; }
#top h2 { margin: 0; }
#top .banner { overflow: hidden; width: auto; }
#top .contact { background: url(../images/contact-bg.png) no-repeat; margin-left: 263px; overflow: hidden; width: auto; height: 83px; }
#top .contact p { float: left; margin-left: 22px; width: 268px; color: #fff; font-size: 78%; font-style: normal; margin-top: 12px;}
#top .contact a { color: #fff; }
#top .contact p .phone { color: #fff; font-size: 160%/*24px*/; line-height: 28px; }
#top .contact p .email { color: #fff; }
#top .godlo { background: url(../images/godlo.png) no-repeat; position: absolute; width: 79px; height: 93px; top: -173px; right: -130px; }
#contents2 { padding-bottom: 10px; }
#left { float: left; width: 273px; margin-left: -10px; margin-top: -292px; height: 100%; background: #759335; border-radius: 5px 0 0 5px; color: #fff; position: relative; }
#left h3 { text-align: center; color: #eaffc1; font-size: 165%/*30px*/; font-weight: normal; line-height: 46px; margin: 0;}
#left h3 a { color: #eaffc1; }
#left .news { width: 273px; margin: auto; }
#left .news .previews { padding-top: 6px; height: 246px; background: url(../images/news-bg.png) top center no-repeat; }
#left .news .previews h6 { margin: 0; font-weight: normal; }
#left .news .previews .preview a { color: #fff; font-size: 78%; line-height: 40px;margin: 0 18px; }
#left .news .previews .view_more { text-align: center; line-height: 88px;}
#left .news .previews .view_more a { color: #eaffc1; }
#left .news .preview { background: url(../images/news-i-bg.png) bottom center no-repeat; }
#left .contact_form { padding: 0 9px; }
#left .contact_form input, #left .contact_form textarea { padding: 14px 19px; border: none;width: 216px; color: #fff; font-family: "HelveticaNeueLTCom-Cn", serif; font-size: 18px; }
#left .contact_form input { background: url(../images/form-email-bg.png) center top no-repeat; }
#left .contact_form textarea { background: url(../images/form-message-bg.png) center top no-repeat; resize: none; height: 201px;}
#left .contact_form h3 { margin-bottom: 20px; }
#left .contact_form ul { list-style: none; }
#left .contact_form li { margin-bottom: 4px; margin-left: 1px; }
#left .contact_form .form_submit { text-align: center; margin: 12px 0 24px;}
#left .contact_form .form_submit button { font-size: 18px; line-height: 40px; padding: 0 34px; border: none; border-radius: 5px; background: #84afbe; background-image: linear-gradient(to bottom, #84afbe, #6295a9 50%, #246784); color: #fff;}
#left .contact_form img { display: block; margin: 5px auto; }
#left .error_list li { margin-bottom: 8px; }
#left_toggle { background: #759335 url(../images/menu-toggle.png) center center no-repeat; display: none; height: 52px; margin: auto; vertical-align: top; cursor: pointer; }
#menu { margin-top: 8px; margin-left: 9px; width: 254px; }
#menu li.level_1 { margin-bottom: 4px; }
#menu li.level_1>span { padding: 3px; display: block; }
#menu li.level_1>span>a { background-image: linear-gradient(-180deg, #fff, #efffd0); /*border: 3px transparent solid;*/ border-radius: 6px; width: 220px; padding: 0 15px; color: #597420; line-height: 49px; display: block; }
/*#menu li.level_1.active>span>a { background-image: linear-gradient(-180deg, #ff1a00, #ce0000); color: #fff; }*/
#menu li.level_1 ul { background: rgba(255,255,255,0.1); margin: 0 7px 12px; padding-left: 8px; padding-right: 4px; }
#menu li li { padding: 4px 0; }
#menu li.level_2 a { color: #def2de; }
#menu li li.active > a { color: #fff; }
#main_contents { overflow: hidden; width: auto; padding: 16px 16px 22px 22px; }
/*#main_contents .iz { margin: 22px; }*/
#main_contents .header { margin: 0 0 26px;}
#main_contents .header h1 { margin: 0;}
#main_contents h1, #main_contents h2, #main_contents h3 { font-weight: normal; font-size: 165%/*30px*/; color: #4a8aa2; background: url(../images/main-h-bg.png) 5px center no-repeat; margin-bottom: 16px; padding-left: 56px; line-height: 53px; padding-top: 8px; padding-bottom: 8px;}
#main_contents h2 { font-size: 155%/*28px*/; padding-top: 4px; padding-bottom: 4px; }
#main_contents h3 { font-size: 130%/*24px*/; padding-top: 6px; padding-bottom: 6px; }
#main_contents h4, #main_contents h5, #main_contents h6 { font-weight: normal; color: #4a8aa2; margin-bottom: 16px; }
#main_contents .slideshow .photo, #main_contents .list_image { float: left; border: 3px #fff solid; margin-right: 2px; box-shadow: 0px 0px 3px #000; }
#main_contents ul { list-style: circle outside; margin: 10px; }
#main_contents ul, #main_contents ol { margin-left: 25px; }
#main_contents ul li { margin-bottom: 5px; }
#main_contents .preview_read_more { width: 108px; height: 38px; text-align: center; margin: 20px 0; }
#main_contents .preview_read_more a { display: block; font-size: 70%/*12px*/; line-height: 38px; text-decoration: none; border: 0; color: #019edc; }
.list_images { margin-bottom: 12px; }
.list_images img { display: block; }
#bottom { width: 870px; float: left;}
#bottom h3 { text-align: center; line-height: 41px; color: #fff; font-size: 130%/*24px*/; font-weight: normal; margin: 0;}
#bottom p { margin: 0; }
#bottom .text { background: url(../images/links-bg.jpg) repeat-y; border-radius: 5px; padding: 10px; margin-bottom: 12px; text-align: center; }
#bottom .text img { margin-right: 22px; vertical-align: middle; }
#footer { background: url(../images/footer-bg.png) no-repeat; }
#footer p { padding-left: 16px; font-size: 12px; line-height: 45px; }
#footer p, #footer a { color: #5e7f98; }
#cookies_policy { position: fixed; bottom: 0; width: 100%; text-align: center; padding: 10px 0; border-top: 1px #ccc solid; background: #fff; z-index:1; }
#cookies_policy .close { float: right; margin-right: 35px; }
#jscalendar h2 { background: none; padding-left: 0; }
.version2 #top .text, 
.version2 #left, 
.version2 #menu li.level_1>span>a,
.version2 #menu li.level_1.active>span>a,
.version2 #left .news .previews,
.version2 #left .contact_form input, .version2 #left .contact_form textarea,
.version2 #left h3,
.version2 #left .news a,
.version2 #left .contact_form .form_submit button,
.version2 #top .contact,
.version2 #top .contact p,
.version2 #top .contact p .phone,
.version2 #top .contact p .email,
.version2 #contents,
.version2 #main_contents .header,
.version2 #main_contents h1, .version2 #main_contents h2, .version2 #main_contents h3, 
.version2 #main_contents h4,
.version2 #main_contents h5,
.version2 #main_contents h6,
.version2 #main_contents p,
.version2 #main_contents span,
.version2 #main_contents td,
.version2 #footer p,
.version2 #bottom .text,
.version2 #cookies_policy,
.version2 #right_menu .menu_name,
.version2 #right_menu a,
.version2 #right_menu .list .preview_image
{ background: #222 !important; color: #ff0 !important; }
.version2 #main_contents .header
{ border-top: 1px #555 solid !important; border-bottom: 1px #555 solid !important; }
.version2 #footer { border: 10px #fff solid; border-top: none; border-radius: 0 0 6px 6px; }
.version2 #left .contact_form .form_submit button
{ border: 3px #ff0 solid !important; cursor: pointer; }
.version2 #footer p
{ border-top: 1px #555 solid !important; }
.version2 #left .contact_form input, .version2 #left .contact_form textarea,
.version2 #menu li.level_1>span>a,
.version2 #right_menu .list .preview_image
{ border-color: #ff0 !important; }
.version2 #contents a, .version2 #bottom a, .version2 #footer a, .version2 #cookies_policy a { color: #fff; }
.version2 #main_contents p,
.version2 #main_contents span,
.version2 #main_contents td { font-size: inherit !important; }
.version2 #right_menu .menu_name { border: none; }
.version2 #right_menu .list .preview_image { text-align: center; padding: 15px 0; }
.version2 #top .contact p .phone { text-shadow: none; }

.version3 * { background: none !important; border-radius: 0 !important; font-style: normal !important; }
.version3 { background: none; padding: 30px; }
.version3 #wrapper { padding-top: 0; margin: 0; max-width: 100%; }
.version3 #contents .acc  { top: 0; left: 0; }
.version3 #contents .acc  a { padding: 5px 8px; font-size: 100%; margin: 0 5px; white-space: nowrap; }
.version3 #contents .acc  .color3 { width: auto; height: auto; display: inline;}
.version3 #top,
.version3 #footer,
.version3 #bottom,
.version3 #bottom .text,
.version3 #top .godlo,
.version3 #cookies_policy { display: none; }
.version3 #contents { border: none; padding-top: 200px; width: 80%;}
.version3 #left { margin-top: 0; margin-right: 15px; padding: 20px;}
.version3 #left .news .previews .view_more { line-height: 100%;}
.version3 #left .contact_form input, .version3 #left .contact_form textarea, .version3 #menu li.level_1 > span > a, .version3 #right_menu .list .preview_image { border: 1px #ff0 solid; }
.version3 #main_contents .header { border: none !important; }
.version3 #main_contents .header h1 { padding-left: 0; }
.version3 #right_menu { margin-top: 100px; padding: 20px; border: 1px solid #ff0;}
.version3 #right_menu .menu_name { border: none; }
.version3 #right_menu .list .preview_image { text-align: center; padding: 15px 0; }
.version3 #right_menu .list .preview_image { border-color: #ff0 !important; }

.version3, .version3.version2 { background: #222; }
.version3 *, .version3.version2 * { color: #ff0 !important; }
.version3 #contents .acc  a, .version3.version2 #contents .acc  a { border: 1px solid #ff0; }
.version3 #left { display: block; }
.version3 #menu li.level_1 > span > a{ border: 1px solid #ff0; margin-bottom: 8px; }

@media screen and (max-width: 1032px){
body { background-image: none; }
#wrapper { padding-top: 12px; }
#right_menu { max-width: 870px; float: none; margin: auto; width: auto; border-top: 45px solid #ebf3f9; border-radius: 0; text-align: center; }
#right_menu .list { margin-top: 11px; float: left; }
#right_menu .menu_name { width: auto; }
#right_menu:after { display: table; clear: both; content: ''; }
#contents { max-width: 850px; margin: auto; width: auto; float: none; }
#bottom { max-width: 870px; margin: auto; width: auto; float: none; }
}
@media screen and (max-width: 870px){
#wrapper { padding-top: 0; }
#contents { border-radius: 0; }
#left { border-radius: 0; margin-top: -100px; }
#footer { background: #ebf3f9; border-radius: 0; }
#bottom .text { background: #f2f9ff; border-radius: 0; margin-bottom: 0; }
#top { background: #f2b70c; }
#top .text { background: #f19f2c; background-image: linear-gradient(to right, #f19f2c, #f19f2c); }
#top .contact { background: #ff6637; line-height: 18px; height: auto; }
#top .contact p { width: auto; float: none; margin-top: 10px; margin-bottom: 10px; }
#top .contact p .phone, #top .contact p .email { font-size: inherit; font-style: normal; text-shadow: none; color: #fff; line-height: 18px; }
#top .godlo { display: none; }
.version3 #contents .acc  { width: 100%; }
.version3 #contents .acc  a { margin-bottom: 5px; display: block; }

}
@media screen and (max-width: 760px){
#contents { border: none; }
#top .text { padding: 10px 3%; }
#top .text h2 { line-height: 35px; font-size: 130%/*24px*/; font-weight: normal; }
#top h2.logo { float: none; padding: 10px; width: auto; height: auto; background: none; }
#top h2.logo a { display: block; margin: auto; width: auto; height: 100px; background-position: center center; background-size: contain; font-size: 0;  }
#top .contact { margin-left: 0; }
#left { display: none; float: none; margin-top: 0; margin-left: 0; width: auto; padding-top: 2px; padding-bottom: 2px; }
#menu { margin: 8px auto; }
#left .news .previews { background: none; height: auto; }
#left .contact_form { text-align: center; }
#left_toggle { display: block; }
#main_contents { padding: 0 10px 20px 10px; }
#main_contents .header { margin: 0 -10px 20px -10px; padding-top: 8px; padding-bottom: 8px; }
#right_menu .list {	margin-top: 11px;	display: inline-block; float: none; }
#right_menu .list .preview_image { margin-bottom: 0; }
#footer { padding: 10px 3%; }
#footer p { line-height: 25px; margin: 0; }
}