body, table, form {margin: 0px; font-family: Arial, Tahoma, Helvetica, Sans-serif; color: #292929;}
body {text-align: center; background: #FFF url('/picture/mask/body_bg.jpg') 0 0 repeat-x; font-size: 0.8em; overflow: scroll;}
.body-editor {background: 0; text-align: left;}
img {margin: 0; border: 0;}

table td {vertical-align: top;}

h1 {padding: 0 0 25px 0; margin: 0; font-size: 1.7em; color: #47b9ba; text-transform: uppercase; font-weight: bold;}
h2 {padding: 0 0 15px 0; margin: 0; font-size: 1.6em; color: #47b9ba; text-transform: uppercase; font-weight: normal;}
h3 {padding: 10px 0 10px 0; margin: 0; font-size: 1.3em; color: #47b9ba; font-weight: normal;}
h4 {padding: 10px 0 10px 0; margin: 0; font-size: 1.2em; color: #47b9ba; font-weight: bold;}

a {color: #47b9ba; text-decoration: none; font-weight: normal;}
a:hover, .menuh li a:hover, .mtop a:hover, .download a:hover, .cat-title a:hover, .mleft a:hover, .mleft .active a:hover {color: #AB1A22; text-decoration: none;}

.hl-form-ok, .warning-ok {color: #1D9F23; font-weight: bold;}
.hl-form-bad, .warning-bad {color: #BF1717; font-weight: bold;}

ul {list-style: url("/picture/mask/li.gif"); padding: 0 0 0 15px;}
input, textarea {border: 1px solid #7E9EB7;}

.clear {clear: both;}
hr {border: 0; border-top: 1px solid #EAEAEA; width: 97%;}

.page {margin: auto; text-align: left; width: 920px;}
	.top {float: left; width: 100%; height: 32px;}
		.top a {color: #FFF}
		.tleft {float: left; width: 20%; margin-top: 10px; text-transform: uppercase; font-size: 0.8em;}
		.tright {float: right; text-align: right; width: 80%; margin-top: 7px; color: #586760; font-size: 0.8em;}
			.tright a {text-transform: uppercase;}
	.menu {float: left; width: 100%; height: 165px; background: url( '/picture/mask/top_bg.jpg' ) 0 0 no-repeat;}
	.main {float: left; width: 100%; margin-top: 40px;}
		.menuh {float: left; width: 319px;}
			.menuh ul {margin: 0; padding: 0; list-style: url();}
			.menuh li {width: 307px; background: url( '/picture/mask/menuh_bg.jpg' ) 0 0 no-repeat; margin: 0 0 2px 0; list-style: none; padding: 15px;}
			.menuh li a {color: #4E4E4E; font-weight: bold; text-transform: uppercase; font-size: 0.9em;}
		.video {float: right; width: 597px; height: 278px; margin-top: 2px;}
.logo {float: left; width: 100%; height: 120px;}
.mtop {margin: 1px 0 0 0px; float: right;}
	.mtop div {float: left;}
		.mtop div .mtopm {float: left; height: 39px; background: url( '/picture/mask/mtm.png' ) 0 0 repeat-x; padding-top: 10px; margin-top: 5px;}
			.mtop a {color: #FFF; font-weight: bold; text-transform: uppercase;}
		.mtop div .mtopl {float: left; width: 9px; height: 39px; background: url( '/picture/mask/mtl.png' ) 0 0 no-repeat; margin-top: 5px;}
		.mtop div .mtopr {float: left; width: 9px; height: 39px; background: url( '/picture/mask/mtr.png' ) 0 0 no-repeat; margin-right: 1px; margin-top: 5px;}
		.mtop .active .mtopm {float: left; height: 45px; background: url( '/picture/mask/mtam.png' ) 0 0 repeat-x; padding-top: 15px; margin-top: 0;}
			.mtop .active a {color: #000; font-weight: bold; text-transform: uppercase;}
		.mtop .active .mtopl {float: left; width: 7px; height: 45px; background: url( '/picture/mask/mtal.png' ) 0 0 no-repeat; margin-top: 0;}
		.mtop .active .mtopr {float: left; width: 7px; height: 45px; background: url( '/picture/mask/mtar.png' ) 0 0 no-repeat; margin-right: 1px; margin-top: 0;}
.box1h {float: left; width: 100%;  background: url( '/picture/mask/box1_bg.jpg' ) 0 0 no-repeat; margin-top: 10px;}
	.box1hl {float: left; width: 310px;}
	.box1hp {float: left;}
.box2h {float: left; width: 100%;  background: url( '/picture/mask/box2_bg.jpg' ) 0 0 no-repeat; margin-top: 20px;}
	.box2h h2 {color: #47B9BA; text-transform: uppercase;}
.pad {margin: 20px;}
.box2h .pad {margin: 20px 0 20px 20px;}
.quality {float: left; width: 200px; margin-top: 10px;}
.download {float: left; width: 110px; margin-top: 10px;}
	.download a {font-weight: bold; color: #000; text-transform: uppercase; font-size: 0.9em;}
	.download img {margin-top: 5px;}
.text-home {float: left; width: 270px; margin-top: 10px;}
.welcome {float: left; width: 565px;}
	.welcome h2 {text-transform: uppercase; font-size: 2em; font-weight: normal;}
	.more {font-weight: bold; text-transform: uppercase; background: url( '/picture/mask/arr.gif' ) right center no-repeat; padding-right: 15px; font-size: 0.8em;}
.cat-it {float: left; width: 297px;}
.cat-title {margin: 20px 0 10px 0;}
.cat-title {background: url( '/picture/mask/arr.gif' ) left 3px no-repeat; height: 30px;}
.cat-title a, .mleft a {text-transform: uppercase; color: #242424; margin-left: 12px; float: left;}
.footer {clear: both; margin-top: 20px; width: 100%; background: #F2F2F2; border-top: 1px solid #DEDEDE;}
	.footer-in {margin: auto; text-align: left; width: 880px; padding: 10px 0 10px 0;}
	
.mleft {float: left; width: 227px; background: url( '/picture/mask/mleft_m_bg.jpg' ) 0 0 repeat-y;}
	.mleftt {float: left; width: 227px; background: url( '/picture/mask/mleft_t_bg.jpg' ) 0 0 no-repeat; min-height: 69px;}
	.mleftb {float: left; width: 227px; height: 3px; background: url( '/picture/mask/mleft_b_bg.jpg' ) 0 0 no-repeat;}
	.mleft div div div {margin: 10px 0 10px 0;}
	.mleft a {font-size: 0.8em; float: left; background-position: 0 3px; margin: 5px 0 5px 0; width: 175px;}
	.mleft hr {clear: both;}
	.mleft .active a {color: #47b9ba; font-weight: bold;}
	
.mright {float: right; width: 689px; background: url( '/picture/mask/text_bg.jpg' ) 0 0 no-repeat; font-size: 0.9em;}
.refh {float: left; width: 912px; background: url( '/picture/mask/ref_bg.jpg' ) 0 0 no-repeat;}

.news-item {margin: 20px 0 20px 0;}
.news-title {margin-bottom: 10px;}
.news-title a {font-weight: bold;}
.news-image {float: left; width: 120px; margin-right: 10px;}

.text {font-size: 1.1em;}
.bg {background: #f1f1f1;}
.fil-n {color: #48B8B9; margin-bottom: 10px; font-weight: bold;}
.le {float: left; padding: 5px 0 5px 0;}
.lel {float: left; width: 140px; margin-left: 5px; padding-top: 3px;}
.ler {float: left; width: 360px;}
.ler input {width: 250px;}
.ler textarea {width: 300px; height: 100px;}

.button {clear: both; margin-top: 20px;}

.bg {float: left; width: 100%; background: #19a7a8; font-size: 1.1em; font-weight: bold;}
.bg .pad {margin: 10px;}
.white {color: #FFF;}
.ref-top {float: left; width: 100%; background: #89d1c5; margin-top: 10px; font-size: 0.9em; font-weight: bold; border-bottom: 1px solid #FFF;}
.ref-fil {float: left; width: 100%; border: 1px solid #D0D0D0; font-size: 0.9em; background: #F7F7F7;}
.fil1 {float: left; width: 370px; border-l: 1px solid #FFF;}
.fil2 {float: left; width: 200px;}
.fil3 {float: left; width: 250px;}
.ref-bg {float: left; width: 100%; background: #e9fcfa; font-size: 0.8em; border-bottom: 1px solid #FFF;}
.ref {float: left; width: 100%; background: #f3fffd; font-size: 0.8em; border-bottom: 1px solid #FFF;}
.ref-1 {float: left; width: 100px; margin-right: 10px; border-left: 1px solid #FFF; text-align: right;}
.ref-2 {float: left; width: 130px; margin-right: 10px; border-left: 1px solid #FFF;}
.ref-3 {float: left; width: 210px; margin-right: 10px; border-left: 1px solid #FFF;}
.ref .pad, .ref-top .pad, .ref-bg .pad {margin: 7px;}
.pages {float: left; width: 100%; background: #F7F7F7; margin: 10px 0 10px 0;}
	.pages a {font-weight: bold;}
	.pages .pad {margin: 10px;}
	
.ref-back-bl {float: left; width: 357px; height: 27px;}
.ref-back-bt {float: left; width: 280px; height: 27px; text-align: right;}
.ref-bef {margin-right: 10px; float: left; width: 93px; height: 27px; background: url( '/picture/mask/but_bef.jpg' ) 0 0 no-repeat; padding-top: 5px; text-align: center;}
.ref-next {float: left; width: 60px; height: 27px; background: url( '/picture/mask/but_next.jpg' ) 0 0 no-repeat; padding-top: 5px; text-align: center;}
.ref-bef a, .ref-next a {color: #FFF; font-weight: bold; font-size: 0.9em;}

.les {float: left; width: 100%;}
.lem {float: left; width: 200px; margin-bottom: 7px;}
.led {float: left; width: 300px; margin-bottom: 7px;}
.bgb hr {clear: both; width: 100%; border-color: #7bcccd;}
.bgb .pad {margin: 20px 20px 10px 20px;}
.bgb {float: left; width: 630px; background: #19a7a8; color: #FFF;}
.bgbt {float: left; width: 630px; height: 4px; background: url('/picture/mask/ref-t.jpg') 0 0 no-repeat; margin-top: 20px;}
.bgbb {float: left; width: 630px; height: 4px; background: url('/picture/mask/ref-b.jpg') 0 0 no-repeat; margin-bottom: 20px;}
.lef {float: left; width: 340px; margin-top: 20px;}
.lea {float: left; width: 200px; margin-top: 20px;}
.lefl, .leal {float: left; color: #18A6A7;}
.gallery .item {float: left; margin: 5px;}

.ref-gallery {float: left; width: 630px; background: #cff3f3; color: #1ea6a4;}
.ref-gallery h6 {margin: 0; padding: 0; font-size: 1.2em;}
.ref-gallery .pad {margin: 5px 10px 5px 10px;}
.ref-galleryt {float: left; width: 630px; height: 4px; background: url('/picture/mask/gal-t.jpg') 0 0 no-repeat; margin-top: 20px;}
.ref-galleryb {float: left; width: 630px; height: 4px; background: url('/picture/mask/gal-b.jpg') 0 0 no-repeat; margin-bottom: 20px;}
.tbg td {background: #F5F5F5;}

.button4 {background: url('/picture/mask/button4.jpg') 0 0 no-repeat; width: 191px; height: 32px; text-align: center; float: left; padding: 8px 0 0 0; border: 0;}
	.button4 a {color: #FFF; font-weight: bold; text-decoration: none;}
	.button4 a:hover {text-decoration: underline;}
	
.reference-button {margin-top: 10px; background: url('/picture/mask/reference.jpg') 0 0 no-repeat; width: 144px; height: 31px; float: right; border: 0; padding: 7px 0 0 0; font-size: 1em;}
	.reference-button a {font-size: 0.8em; color: #FFF; font-weight: bold; text-decoration: none; padding-left: 27px; }
	.reference-button a:hover {text-decoration: underline;}
	
.menuhru ul li a {font-size: 0.7em;}
.f-l {float: left; width: 50%;}
.f-r {float: left; width: 50%; text-align: right;}