body, table, form {margin: 0px; font-size: 11px; font-family: Tahoma, Arial, Helvetica, Sans-serif; color: #FFF;}
body {text-align: center; background: #474747 url("/picture/mask/bg-page.jpg") repeat-x 0 0;}
.body-editor {text-align: left; color: #000; background: #FFF;}
.body-editor h1, .body-editor h2 {color: #000;}
img {border: 0;}

h1 {padding: 0 0 5px 0; color: #FFF; width: 470px; margin: 0 0 17px 0; font-size: 13px; font-weight: bold; border-bottom: 1px solid #626262;}
h2 {color: #FFF; font-weight: normal; font-size: 15px; margin: 0 0 20px 0; padding: 0; border-bottom: 1px solid #626262;}

a {color: #7BDAFF; text-decoration: none; font-weight: normal;}
a:hover {color: #FFF; text-decoration: underline;}

td {vertical-align: top;}

#page {text-align: left; width: 765px; margin: auto;}
	#top {float: left; width: 765px; height: 266px;}
		#top .left {float: left; width: 265px;}
			#logo {float: left; width: 265px; height: 147px; background: url("/picture/mask/bg-logo.jpg") repeat-x 0 0;}
				#logo a {float: left; margin: 55px 0 0 13px;}
			#mut {float: left; width: 265px; height: 35px; background: url("/picture/mask/bg-mut.jpg") repeat-x 0 0; text-align: center;}
				#mut .pad {float: left; margin-top: 12px; width: 100%;}
				#mut a {color: #B4B2B4; text-decoration: none;}
				#mut a:hover {color: #29CEF6; text-decoration: none;}
			#vypl {float: left; width: 265px; height: 84px; background: url("/picture/mask/bg-vyp.jpg") repeat-x 0 0;}
		#top .right {float: left; width: 500px;}
			#tmenu {float: left; width: 500px; height: 79px; background: url("/picture/mask/bg-tmenu.jpg") repeat-x 0 0;}
				#tmenu .item {float: left; width: 125px; height: 79px; background: url("/picture/mask/bg-menu-item.gif") no-repeat right top;}
				#tmenu .active {float: left; background: url("/picture/mask/bg-tmenu_active.jpg") repeat-x 0 0;}
				#tmenu .normal {float: left;}
					#tmenu .item .pad {float: left; padding: 30px 5px 0 10px;}
						#tmenu .item .pad .title {}
							#tmenu .item .pad .title a {text-transform: uppercase; color: #FFF; font-weight: bold; font-weight: bold; text-decoration: none;}
							#tmenu .item .pad .title a:hover {color: #29CEF6; text-decoration: none;}
							#tmenu .active .pad .title a:hover {color: #18aacf;}
						#tmenu .item .pad .desc {color: #A4A4A4;}
						#tmenu .active .item .desc {color: #7BAEFF;}
			#tbanner {float: left; width: 500px; height: 187px;}
		#main {float: left; width: 765px; background: #424242 url("/picture/mask/bg-main.jpg") repeat-x 0 0; padding-bottom: 40px;}
		#main img.bor, .cert img, .news-home img {padding: 2px; border: 1px solid #9C9C9C;}
			#main .left {float: left; width: 248px; padding-left: 17px; _padding-left: 18px;}
				#main .left .menu {float: left; width: 247px; background: #292929; border: 1px solid #6b6b6b; margin-bottom: 10px;}
					#main .left .menu .pad div {float: left; width: 170px; margin: 5px 0 5px 0; padding-bottom: 5px; background: url("/picture/mask/hor-line.gif") repeat-x left bottom;}
					#main .left .menu .pad .root {font-size: 15px; margin: 0; background: 0;}
					#main .left .menu a {color: #FFF; text-transform: uppercase; background: url("/picture/mask/arr-blue.gif") no-repeat left center; padding-left: 10px;}
					#main .left .menu a:hover, #main .left .menu .active a {color: #29CEF6; text-decoration: none;}
				#main .left .bord {float: left; width: 247px; background: #393939; border: 1px solid #6b6b6b;}
				#main .left .pad {float: left; padding: 20px 10px 10px 20px;}
				#main .left .cms {float: left; margin-top: 20px; padding-left: 5px;}
					#main .left .cms a {color: #FFF;}
			#main .right {float: left; width: 500px; background: #424242;}
				#main .right .pad {float: left; padding: 21px 10px 20px 20px;}
					#main .right .pad .left {float: left; width: 200px; background: 0; border: 0;}
					#main .right .pad .right {float: left; width: 225px; margin-left: 25px;}
				#footer {float: left; width: 500px; height: 67px; background: url("/picture/mask/bg-footer.jpg") repeat-x 0 0; text-align: center;}
					#footer .pad {float: left; width: 100%; padding: 30px 20px 0 20px;}
						#footer .pad a {color: #FFF; font-weight: bold; padding-left: 8px; background: url("/picture/mask/arr-bmenu.gif") no-repeat 0 0; margin: 0 10px 0 10px;}
						#footer .pad a:hover, #footer .pad a.active {color: #29CEF6; text-decoration: none;}
						#footer .pad a.active:hover {color: #18aacf;}

.flp {margin-right: 25px;}

.news-image {float: left; width: 90px;}
.news-title a {font-weight: bold; color: #FFF; text-decoration: none;}
.news-title a:hover {text-decoration: underline;}
.news-date {color: #BDBDBD; font-size: 10px;}

.hr {clear: both; width: 100%; background: url("/picture/mask/hor-line.gif") repeat-x 0 6px; margin: 10px 0 10px 0;}

.more-main {float: left; margin: 20px 0 20px 0; width: 100%;}
.more-line {float: left; width: 170px; background: url("/picture/mask/hor-line.gif") repeat-x 0 6px;}
.more, .more-all {float: right; text-align: right; background: url("/picture/mask/arr-2more.gif") no-repeat center right; padding-right: 10px;}
.more {width: 35px;}
.more a, .more-all a {color: #7BDAFF; font-weight: bold; text-decoration: none;}
.more a:hover, .more-all a:hover {color: #FFF; text-decoration: none;}

.more-all {float: left; text-align: left;}
.news-main {float: left;}
.news-main .item {float: left;}
.imf {float: left; margin-bottom: 15px;}

.mt10 {margin-top: 10px;}
#main .right .pad .right img {border: 0;}

.kam td, .dsipw a {padding-left: 10px; background: url("/picture/mask/arr-2more-white.gif") no-repeat left center;}
.kam tr.bt {background: url("/picture/mask/hor-line.gif") repeat-x left bottom;}

.ban-contact {float: left; width: 470px; height: 124px; background: url("/picture/mask/contact-banner.jpg") no-repeat 0 0; margin-top: 20px;}
.ban-contact .more-line {float: left; width: 100%; background: url("/picture/mask/hor-line-gray.gif") repeat-x 0 6px;}
.ban-contact .text {float: right; width: 270px; color: #737373; line-height: 1.3em;}
.ban-contact .text .padc {padding: 0px 30px 0px 0px; margin: 0px;}
.ban-contact .text h3 {font-size: 23px; text-transform: uppercase; margin: 8px 0 0 0; padding: 3px 0 10px 0; font-weight: normal; color: #000;}

table.cert td {text-align: center;}

.kvalita {float: left; width: 460px; border: 1px solid #626262; margin-bottom: 20px;}
.kvalita .in {float: left; width: 454px; background-color: #626262; margin: 3px;}
.kvalita .in .padk {padding: 10px;}

.dsipw {float: right;}
.dsipw a {font-weight: bold; color: #FFF; text-decoration: none; background-position: right center; padding: 0 13px 0 0;}
.dsipw a:hover {text-decoration: underline;}

.mat {float: left; width: 455px; border: 1px solid #626262; padding: 5px;}
.mat .pa {float: left; background-color: #393939; width: 425px; padding: 15px;}
.mat .pa .le {float: left; width: 55%;}
	.mat .pa .le img {border: 1px solid #626262; padding: 3px;}
.mat .pa .ri {float: left; width: 45%;}
	.mat .pa .ri .t, .mat .pa .ri .tb {float: left; padding: 7px 0 7px 15px; width: 160px; background: url("/picture/mask/arr-white.gif") no-repeat 5px center;}
	.mat .pa .ri .tb {background-color: #525252; border-color: #FFF; border-style: dotted; border-width: 1px 0 1px 0;}
	
.product {float: left; width: 235px; height: 170px;}
.product img {border: 1px solid #626262; padding: 3px;}
.ref-title {float: left; width: 100%; margin-bottom: 10px;}
.ref-title a {font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none;padding-left: 10px; background: url("/picture/mask/arr-2more-white.gif") no-repeat left center;}
.ref-title a:hover {color: #7BDAFF;}