﻿@media screen,projection {

	/* zakladni definice */
	html, body 			{ font-family: Trebuchet MS; font-size: 11px; margin: 0; padding: 0; }
	h1, h2, h3, h4, h5 	{ }
	h1 					{ font-size: 32px; }
	h2 					{ font-size: 18px; }
	a						{ color: #A8372D; text-decoration: underline; }
	a:hover				{ text-decoration: none; }
	a img 				{ border: none; }
	p 						{ margin: 15px 0; line-height: 1.4; }

	/* layout */
	body						{ 	background: #ffffff url(img/design/skin-1/strip_layer.jpg) 0 75px repeat-x;
									color: #4D4D4D; }
	#layout-container		{ width: 780px; margin: 0 auto; }
	.layout					{ display: block; float: left; clear: both; width: 780px; }
	.layout-body			{ display: block; float: left; clear: none; }
	#top						{ background: #ffffff; height: 62px; }
	#header					{ 	background: #A8372D url(img/design/skin-1/head_01.png) 0 0 no-repeat;
									width: 780px; height: 194px; }
	#header-en					{ 	background: #A8372D url(img/design/skin-1/head_01_en.png) 0 0 no-repeat;
									width: 780px; height: 194px; }									
	#body						{ width: 780px;  }
	#body-list				{ width: 386px; }
	#body-content			{ width: 354px; padding: 10px 20px 10px 20px; }
	#bottom					{ background: #e6e6e6; height: 80px; }
	#footer					{ 	background: #E6E6E6 url(img/design/skin-1/footer_bg.jpg) 0 0 repeat-x;
									width: 760px; height: 16px; padding: 10px; margin: 10px 0 0 0; }
	#heading					{ display: none; }
	
	/* top content */
	#labels					{ display: block; float: left; clear: both; margin: 10px 0 0 0; padding: 0; }
	#labels li				{ display: block; float: left; clear: none; margin: 0 20px 0 0; padding: 0; }
	#labels li img			{ display: block; float: left; clear: none; margin: 0; padding: 0; }
	#labels .kttp,
	#labels .motion-computing	{ margin-top: 12px; }
	#labels .language		{float: right; margin-top: 30px; margin-right: 0px; margin-left: 5px;}
}
	/* models */
	.models					{ 	display: block; float: left; clear: both; padding: 0; margin: 0 0 10px 0; }
	.models li				{ 	display: block; float: left; clear: both; padding: 15px; margin: 0; }
	.models li	.heading	{ 	padding: 0; margin: 0; color: #a8372d; font-size: 18px; }
	.models li	p			{ 	padding: 0; margin: 5px 0 0 0; width: 150px; }
	.models #model-f5				{ 	background: transparent url(img/design/skin-1/motion-f5_bg.jpg) 0 0 no-repeat;
											width: 356px; height: 91px; padding-top: 25px; }
	.models #model-c5				{ 	background: transparent url(img/design/skin-1/motion-c5_bg.jpg) 0 0 no-repeat;
											width: 356px; height: 91px; }
	.models #model-le1700		{ 	background: transparent url(img/design/skin-1/motion-le1700_bg.jpg) 0 0 no-repeat;
											width: 356px; height: 105px; padding-top: 25px; }
	.models #model-j3400		{ 	background: transparent url(img/design/skin-1/motion-j3400_bg.jpg) 0 0 no-repeat;
											width: 356px; height: 105px; padding-top: 25px; }
											
	/* content */
	#body-content .heading		{ font-size: 14px; font-weight: normal; padding: 0; margin: 0 0 12px 0; }
	/* content -> contacts */
	#body-content .contacts							{ 	display: block; float: left; clear: both; padding-bottom: 15px; margin-bottom: 10px; }
	#body-content .contacts,
	#body-content .contacts .heading				{ 	border-bottom: 1px solid #B1AAA0; }
	#body-content .contacts .heading				{ 	background: transparent url(img/icons/icon_phone.gif) 0 0 no-repeat;
																padding: 11px 0 2px 27px; }
	#body-content .contacts .address,
	#body-content .contacts .numbers				{ display: block; float: left; clear: left; }
	#body-content .contacts .numbers				{ clear: right; }
	#body-content .contacts .address				{ width: 160px; padding: 0 0 0 5px; }
	#body-content .contacts .numbers				{ width: 150px; padding: 0 0 0 5px; }
	#body-content .contacts .address span		{ display: block; float: left; clear: both; }
	#body-content .contacts .address .company	{ font-weight: bold; }
	#body-content .contacts .numbers div,
	#body-content .contacts .numbers div span		{ display: block; float: left; clear: none; }
	#body-content .contacts .numbers div			{ width: 145px; }
	#body-content .contacts .numbers div .label	{ color: #A8372D; width: 30px; }
	#body-content .internet ul							{ display: block; float: left; clear: both; padding: 0; margin: 0; }
	#body-content .internet li							{ display: block; float: left; clear: both; padding: 0; margin: 0 0 2px 0; }
	
	#footer #copy		{ display: block; float: left; clear: none; }
	#footer #created	{ display: block; float: right; clear: none;  }
	#footer a			{ color: #4D4D4D; }
	
	/* tools */
	#menumain h2 	{ display: none; }
	.fl-left 		{ float: left; }
	.fl-right 		{ float: right; }
	.clr				{ clear: both; }
}