body { margin: 0; padding: 0; text-align: left; background: #fff; font: 11px Arial, "Trebuchet MS", Tahoma; color: #000; }

a { padding: 2px 0; text-decoration: none; font-size: 11px; color: #0e8ad9; }
a:hover { text-decoration: underline; color: #000; }

img { border: 0; }

/* page container */
#container { clear: both; width: 1000px; height: 100%; margin: 0; padding: 0; background: #fff; }
	
	/* header */
	.header { position: relative; clear: both; width: 100%; height: 143px; z-index: 10; }
		
		/* top */
		#top { position: relative; width: 100%; height: 28px; margin: 0; padding: 0; border-bottom: 4px solid #031078; }
		
			/* top left */
			#top-left { position: absolute; width: 52px; height: 28px; margin: 0; top: 0; left: 0; padding: 0;
			background: url("../img/aparatura-de-laborator/bg-top-left.gif") repeat-x; }
			
			/* top middle */
			#top-middle { position: absolute; width: 609px; height: 28px; margin: 0; top: 0; left: 52px; padding: 0;
			background: url("../img/aparatura-de-laborator/bg-top-middle.gif") no-repeat; }
			
			/* top right */
			#top-right { position: absolute; width: 339px; height: 28px; margin: 0; top: 0; left: 661px; padding: 5px 0 0;
			background: url("../img/aparatura-de-laborator/bg-top-right.gif") repeat-x; }
			#top-right a big { font: 11px Verdana, Tahoma; }
			#top-right a { position: absolute; left: 0; text-decoration: underline; font: 10px Verdana, Tahoma; color: #000; }
			#top-right a img { vertical-align: middle; }
			#top-right a:hover { text-decoration: none; color: #0c1e8c; }
			
			/* langs */
			#langs { position: absolute; width: 300px; height: 16px; margin: 0; top: 100px; left: 785px; padding: 0; }
				
				/* languages */
				#languages { position: absolute; top: 0; left: 7px; }
				#languages img { margin-right: 2px; }
			
		/* banner */
		#banner { position: absolute; width: 1000px; height: 111px; top: 32px; left: 0; }
		
			/* menu */
			#menu { position: absolute; top: 0; left: 53px; margin: 0; padding: 0; }
			#menu a { float: left; margin: 0; padding: 0; }
			
		/* logo */
		#logo { position: absolute; top: 35px; left: 749px; z-index: 12; }
		
		/* search */
		#search { position: absolute; width: 327px; height: 42px; top: 126px; left: 673px; background: #dfe7df; z-index: 11; }
		#search form { margin: 0; text-indent: 0; word-spacing: 0; }
		#search form input { position: absolute; top: 5px; left: 0; width: 225px; height: 18px; margin: 3px 0 0 0; padding: 6px 0 0 3px; border: 1px solid #000;
		vertical-align: top; font-size: 11px; color: #0c1c8b; }
		#search form img { position: absolute; top: 10px; left: 235px; }
	
	/* corner */
	#corner { position: absolute; width: 28px; height: 232px; top: 143px; left: 229px; z-index: 10;
	background: #eee url("../img/aparatura-de-laborator/bg-middle-corner.gif") no-repeat 0 0; }
	
	/* content */
	.content { position: relative; clear: both; width: 100%; background: url("../img/aparatura-de-laborator/bg-faux-columns.gif") repeat-y top left; z-index: 0; }
	
		/* left */
		#left { float: left; width: 226px; height: 100%; margin: 0; padding: 0 10px 0 4px;
		background: url("../img/aparatura-de-laborator/bg-applications.gif") repeat-x; }
		
			/* common inner for sets and apps */
			.cinner { clear: both; margin: 15px 0 0 0; padding: 0; }
				/* title */
				.cinner .title {
					line-height: 20px; margin: 0 0 5px 0; padding: 0 0 0 18px;
					background: url("../img/aparatura-de-laborator/bg-title-green.gif") no-repeat 0 4px;
				}
				.cinner .title h2 { text-transform: uppercase; font-weight: bold; font-size: 12px; color: #07125a; }
				.cinner .title a { text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 12px; color: #07125a; }
				.cinner .title a:hover { text-decoration: none; color: #4fa71d; }
				
				/* common for devices and apps */
				.cinner .show { clear: both; margin: 0; padding: 0 0 5px 7px; background: url("../img/aparatura-de-laborator/line-dotted.gif") repeat-x bottom left; }
				.cinner .show a small { color: #1d40f2; }
				.cinner .show span { color: #0c1e8c; }
				.cinner .show-app { clear: both; padding: 0 0 2px 15px; }
				.cinner .show-app a.app { text-decoration: none; color: #000; }
				.cinner .show-app a.app:hover { text-decoration: underline; }
				.cinner a { margin: 0; padding: 0; text-decoration: none; font-size: 11px; color: #000; }
				.cinner a:hover { text-decoration: underline; }
				
				/* left devices enum */
				.cinner .letter { clear: both; float: left; width: 40px; margin: 5px 0; }
				.cinner .more { float: right; width: 65px; margin: 5px 0; }
				.cinner .more a { margin: 0 0 0 5px; text-decoration: none; font: 11px Tahoma, Verdana; color: #2b781d; }
				.cinner .more a:hover { text-decoration: underline; color: #69da2a; }
				
				/* left apps enum */
				.cinner .cat-title { clear: both; width: 100%; margin: 5px 0 3px 0; }
				.cinner .app-enum {
					clear: both; margin: 5px 0 7px 0; padding: 0 0 8px 0; background: url("../img/aparatura-de-laborator/line-dotted.gif") repeat-x bottom left;
				}
				.cinner .more-apps { float: right; width: 65px;  }
				.cinner .more-apps a { text-decoration: none; margin: 0 0 10px 0; font: 11px Tahoma, Verdana; color: #2b781d; }
				.cinner .more-apps a:hover { text-decoration: underline; color: #69da2a; }
				
					/* catalog list */
					.cinner ul { position: relative; clear: both; margin: 0; padding: 0 0 2px 15px; list-style: none; }
					.cinner li { display: block; margin: 2px 0; padding: 2px 2px 0; color: #000; }
					.cinner li a { color: #000; }
					.cinner li a:hover { text-decoration: none; }
					.cinner li a strong { text-decoration: none; color: #c10000; }
					.cinner li a small { color: #1d40f2; }
					
						/* space for levels li */
						li.level1 { margin-left: 0; }
						li.level2 { margin-left: 15px; }
						li.level3 { margin-left: 30px; }
						li.level4 { margin-left: 45px; }
						li.level5 { margin-left: 60px; }
				
				
		/* center */
		#center { position: relative; float: left; width: 760px; height: 100%; margin: 0; padding: 0; }
			
			/* middle-top */
			#middle-top { float: left; width: 100%; height: 38px; background: url("../img/aparatura-de-laborator/bg-search-bottom.gif") no-repeat top right; }
				
				/* category */
				.category { clear: both; margin: 0; padding: 0; background: url("../img/aparatura-de-laborator/bg-category.gif") no-repeat bottom left; }
				
				/* here */
				.here { width: auto; margin: 0; padding: 18px 5px 2px 48px; vertical-align: bottom;
				background: url("../img/aparatura-de-laborator/category-sign.gif") no-repeat 14px 14px;
				text-transform: uppercase; font: bold 15px Arial, Tahoma; color: #006600; }
			
			/* middle */
			.middle { clear: both; float: left; width: 620px; min-height: 585px; height: auto !important; height: 585px; margin: 0; padding: 0;
			background: url("../img/aparatura-de-laborator/bg-big-globe.jpg") no-repeat top right; }
				
				/* middle text */
				.middle-text { float: left; width: 490px; margin: 0; padding: 5px 5px 5px 25px; font: 11px Verdana, Arial; color: #07125a; }
				.middle-text h1 { clear: both; margin: 20px 0 10px 0; padding: 0; font: bold 16px Arial, Helvetica, sans-serif; color: #0c1c8b; }
				.middle-text h1 span { font-size: 13px; color: #0fa504; }
				.middle-text h2 { margin: 5px 0; padding: 0; font: bold 14px Arial, Helvetica, sans-serif; color: #2556a7; }
				.middle-text big { text-decoration: underline; font: bold 12px Arial, Helvetica, sans-serif; color: #b4241d; }
				.middle-text a { text-decoration: none; margin: 0; padding: 0; font-size: 11px; color: #2b781d; }
				.middle-text a.more { padding: 0 0 0 20px; background: url("../img/aparatura-de-laborator/arrow-more.gif") no-repeat 0 2px; }
				.middle-text a:hover { text-decoration: underline; color: #69da2a; }
				
				.inner-category { margin: 20px 0; padding: 0; text-align: left; }
				.inner-category a { text-decoration: none; margin: 0; padding: 0; font-size: 11px; color: #2b781d; }
				.inner-category a:hover { text-decoration: underline; color: #69da2a; }
				.inner-category strong { padding: 0 0 0 18px; background: url("../img/aparatura-de-laborator/arrow-category.gif") no-repeat 0 2px; font-weight: normal; }
				
				/* editor syle */
				.editor p { clear: both; margin: 0; padding: 0; text-align: left; z-index: 2; }
				.editor blockquote { margin: 5px 0 5px 25px; padding: 3px ; border: solid 1px #eee; }
				.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 { 
				margin: 5px 0; padding: 0; font: bold 16px Arial, Helvetica, sans-serif; color: #0c1c8b; }
				.editor h1 { font-size: 15px; }
				.editor h2 { font-size: 14px; }
				.editor h3 { font-size: 13px; }
				.editor h4 { font-size: 12px; }
				.editor h5 { font-size: 11px; }
				.editor h6 { font-size: 10px; }
				.editor p { color: #000; }
				.editor p strong { color: #000; }
				.editor p ol, .editor p ul { display: block; width: auto; margin: 0; padding: 0; text-align: justify; }
				.editor ol li { margin: 0; padding: 0; list-style-type: decimal; }
				.editor ul li { margin: 0; padding: 5px 0 0 12px; list-style: none; 
				background: url("../img/aparatura-de-laborator/dot.gif") no-repeat 0 10px; }
				.editor a { padding: 2px 0; text-decoration: underline; font-size: 11px; color: #000; }
				.editor a:hover { text-decoration: none; }
				
				/* go top */
				#gotop { clear: both; margin: 0; padding: 15px 100px 20px 0; text-align: right; }
				
			/* information */
			#information { position: relative; float: left; width: 140px; min-height: 585px; height: auto !important; height: 585px; margin: 0; padding: 0; 
			background: url("../img/aparatura-de-laborator/bg-right-gradient.jpg") no-repeat 0 0; }
				
				/* inner content */
				.inner { clear: both; margin: 6px 0 0 4px; padding: 0; text-align: center; }
				.inner .title { line-height: 20px; margin: 0; padding: 0; background: url("../img/aparatura-de-laborator/bg-title-blue.gif") no-repeat 0 4px;
				text-align: center; text-transform: uppercase; font-weight: bold; font-size: 12px; color: #07125a; }
				.inner form { margin: 0; text-indent: 0; word-spacing: 0; text-align: center; }
				.inner form input { font: 11px Verdana, Arial; }
				.inner form input.btn { margin-top: 7px; border: 1px solid #ecffec; border: 1px solid #767f76; background: #e7fde7; color: #3a4145; cursor: pointer; }
				.inner a { text-decoration: none; margin: 0; padding: 0; font-size: 11px; color: #2b781d; }
				.inner a:hover { text-decoration: underline; color: #69da2a; }
				.inner a.big { font-weight: bold; font-size: 12px; }
				.inner img { margin: 10px 0 3px 0; padding: 0; }
				
				/* scroller */
				#scroller { width: 124px; margin: 0 0 5px 0; padding: 0 0 0 4px; border: 1px solid #000; background: #fff; }
				#datamain { width: 120px; height: 150px; padding: 0 2px; font-size: 11px; }
				
				#datacontainer { position: absolute; width: 95%; top: 5px; left: 1px; font-size: 12px; }
				#datacontainer a { margin: 0; padding: 0 0 0 20px;
				background: url("../img/aparatura-de-laborator/arrow-info.gif") no-repeat 0 2px; text-decoration: none; font: 11px Verdana, Arial; color: #2b781d; }
				#datacontainer strong { color: #000; }
				#datacontainer p { margin: 5px 0; }
				
				/* assistance */
				ul.assistance { display: block; clear: both; width: auto; margin: 0; padding: 5px; text-align: justify; }
				ul.assistance li { margin: 1px 5px 1px 0; padding: 5px 0 0 12px; list-style: none;
				background: url("../img/aparatura-de-laborator/dot.gif") no-repeat 0 10px;
				}
				ul.assistance li img { margin: 0; padding: 0; vertical-align: middle; }
				ul.assistance li a { font: bold 11px Tahoma, Arial; color: #2b781d; }
				ul.assistance li a:hover { text-decoration: none; color: #69da2a; }
				
				/* advisory */
				ul.advisory { clear: both; display: block; width: 136px; margin: 0; padding: 0; }
				
				/* list products */
				li.ad { position: relative; float: left; clear: both; width: 100%; height: 100%; margin: 0; padding: 2px 0; list-style: none; }
				li.ad span { position: relative; float: left; height: 100%; margin: 0; padding: 0; text-align: left; }
				li.ad span.chk { width: 24px; vertical-align: middle; }
				li.ad span.opt { width: 80px; font: bold 11px "Trebuchet", Arial; color: #000; }
		
		/* footer */
		.footer { position: relative; clear: both; width: 100%; height: 32px; }
		
			/* footer-first */
			#footer-first { position: absolute; width: 399px; height: 32px; top: 0; left: 0;
			background: url("../img/aparatura-de-laborator/bg-footer.gif") repeat-x 0 0; }
			
			/* footer-corner-left */
			#footer-corner-left { position: absolute; width: 18px; height: 32px; top: 0; left: 399px;
			background: url("../img/aparatura-de-laborator/footer-corner-left.gif") repeat-x 0 0; }
			
			/* footer-grad-sets */
			#footer-grad-sets { position: absolute; width: 4px; height: 26px; top: 0; left: 110px;
			background: url("../img/aparatura-de-laborator/footer-grad-sets.gif") repeat-y 0 0; }
			
			/* footer-grad-apps */
			#footer-grad-apps { position: absolute; width: 34px; height: 26px; top: 0; left: 206px;
			background: url("../img/aparatura-de-laborator/footer-grad-apps.gif") repeat-y 0 0; }
				
				/* validation */
				#validation { position: absolute; top: 10px; left: 126px; text-align: center; }
				a { padding: 0 3px; text-decoration: none; font-size: 10px; color: #fff; }
				a:hover { text-decoration: underline; }
				a.html { background: #8de121; }
				a.css { background: #000063; }
				a.html:hover, a.css:hover { color: #fff; }
				
			/* footer logo */
			#footer-logo { position: absolute; width: 18px; height: 32px; top: -17px; left: 417px; }
			
			/* footer-corner-right */
			#footer-corner-right { position: absolute; width: 9px; height: 32px; top: 0; left: 581px;
			background: url("../img/aparatura-de-laborator/footer-corner-right.gif") repeat-x 0 0; }
			
			/* footer-second */
			#footer-second { position: absolute; width: 410px; height: 32px; top: 0; left: 590px; padding: 7px 0 0 0;
			background: url("../img/aparatura-de-laborator/bg-footer.gif") repeat-x 0 0; text-align: center; font: 11px Verdana; color: #fff; }
		
		/* traffic */
		#traffic { clear: both; margin: 5px 0 0 0; padding: 0; text-align: center; }

	/* navigator */
	.navigator { 
		clear: both; margin: 5px 0; padding: 3px 0; border: 1px solid #f6edef; border-right: 0; border-left: 0; text-align: justify; font-size: 11px; color: #8e8e8e;
	}
	.navigator span.jump_to { padding-left: 10px; font-weight: bold; color: #000; }
	.navigator input { width: 30px; height: 18px; border: 1px solid #7b7b7b; vertical-align: middle; font-weight: bold; font-size: 11px; }
	.navigator img { margin: 0; padding: 0 2px; border: 0; vertical-align: text-bottom; }
	.navigator b { padding-left: 10px; }
	.navigator a, .navigator a:hover { margin: 0; padding: 0; border: none; background: none; }
	
	/* partners */
	.partners { clear: both; width: auto; margin: 0 auto; padding: 0; text-align: center; color: #000; }
	.partners a { border: none; text-decoration: none; font-size: 11px; color: #696969; }
	.partners img { position: relative; float: none; margin: 3px 0 3px 0; padding: 0; border: 0; vertical-align: middle; }
	
/**/
/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/**/