@media screen, projection {
/* Basic Elements */
body  {
	background: #222355 url(../img/bg.gif) repeat-x;
	text-align: center;
	margin: auto auto;
	padding: 0;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 75%;
	color: #111111;
}
h1,h2,h3,h4 {
	margin: 0; padding: 0;
	color: White;
}
h1 {
	background: url(../img/logo.jpg) no-repeat top left;
	position: absolute;
	right: 11px;
	top: 49px;
	text-indent: -9999px;
	z-index: 20;
}
h1 a {
	background: url(../img/logo.jpg) no-repeat top left;
	display: block;
	float: left;
	height: 71px;
	width: 150px;
	text-decoration: none;
}
hr, .hide, .print {
	display: none;
}
ul, li, form {
	list-style: none;
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
a {
	color: #D6140B;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	color: #ea0d03;
}
a.external {
	background: url(../img/odkaz.gif) no-repeat 3px;
	padding-left: 18px;
}
a.external:hover {
	background: url(../img/odkaz2.gif) no-repeat 3px;
	padding-left: 18px;
	/*cursor: hand;*/
}
p {
	margin: 0; padding: 0;
}
.cleaner {
	clear: both;
	height: 0px;
	margin: 0; padding: 0;
}
acronym {
	border: none;
	color: #CB0F05;
	font-weight: bold;
	text-decoration: none;
}
/* Main and holder divs */
#conteiner {
	background: White;
	position: relative;
	margin: 12px auto 0 auto;
	width: 719px;
	text-align: left;
	z-index: 2;
}
#holder {
	padding: 5px 5px 5px 5px;
}
/*header, content etc.*/
#header {
	background: url(../img/header.jpg) no-repeat;
	height: 144px;
}
#header p {
	color: #28166F;
	font-size: 11px;
	margin-top: 0;
	_margin-top: 104px;
	padding: 104px 130px 0 189px;
	_padding-top: 0;
}
#footer {
	background: #B6D6E6 url(../img/footer.jpg) repeat-x;
	color: #222355;
	font-size: 0.85em;
	margin: 0 auto 2em auto;
	position: relative;
	text-align: left;
	width: 709px;
	text-align:center;
}
/*CONTENT*/
#content {
	margin-top: 47px;
}
#content.hp {
	margin-top: 47px;
}
/*CONTENT - CLASSIC*/
div.stin {
	background: url(../img/stin.jpg) no-repeat 0 5px;
	_background: url(../img/stin.jpg) no-repeat 0 0px;
	clear: both;
	height: 4px;
	padding: 10px 0 0 0;
	_padding: 0;
	_margin: 5px 0 0 0;
}
h2 {
	color: White;
	font-size: 1em;
}
h2 span {
	display: block;
	padding: 13px 0 0 34px;
}
h2.classic {
	color: Black;
	margin: 1.3em 0 0.6em 1.1em;
}
h2.comap {
	background: #d7140b url(../img/h2-comap.jpg) no-repeat;
	height: 50px;
	width: 709px;
}
h2.motortech {
	background: #1e2778 url(../img/h2-motortech.jpg) no-repeat;
	height: 50px;
	width: 709px;
}
h3 {
	color: Black;
	font-size: 1em;
	margin: 0.8em 0 1em 1.1em;
}
h4 {
	margin-left: 1.1em;
	_margin-left: 0.8em;
}
h4 a {
	margin: 0; padding: 0;
	font-size: 1.2em;
	_font-size: 0.9em;
}
#content p {
	margin: 0.2em 0 0.5em 1.1em;
	padding: 0.1em 0 0.2em 0;
}
#content img {
	border: 3px solid #feebea;
}
#content img.no-border {
	border: none;
}
#content ul {
	margin: 0.3em 0 0.5em 1.1em;
}
#content li {
	background: url('../img/li-red.gif') no-repeat 0 6px;
	_height: 15px; /* IE fix */
	padding: 4px 0 4px 15px;	
}
#content ul.blue li {
	background: url('../img/li-blue.gif') no-repeat 0 8px;
}
#content ul.external {
	margin: 0.1em 0 0.6em 1.1em;
}
#content ul.external li {
	background: none;
	_height: 15px; /* IE fix */
	padding: 2px 0 3px 10px;	
}
#content div.float {
	float: left;
	margin: 0 4em 0 0em;
	_margin: 0 0.5em 0 0em;
	_width: 325px;
}
#content div.float img {
	margin: 1.5em 0 1em 0;
}
/*div-img*/
div.img {
	float: right;
	margin: 0 0 0.5em 0;
}
div.img img {
	margin: 0.1 0 0.7em 0.5em;
}
/*div-bottom nav*/
div.bottom-nav {
	margin: 0.1em 0 0 0;
	_margin: -0.4em 0 0 0;
	color: #222355;
	font-size: 0.8em;
}
div.bottom span {
	margin: 0 1px 0 1px;
	padding: 0 1px 0 1px;
}
/*CONTENT - HP*/
#content.hp img.no-border {
	border: none;
}
#content.hp h3 {
	font-size: 1.35em;
	_font-size: 1.3em;
	height: 30px;
	margin: 0.4em 0 0 0.4em;
	padding: 0.4em 0 0 2.1em;
}
#content.hp p {
	margin: 0.4em 0 0.4em 0em;
	padding: 0.1em 0.4em 0.1em 0.7em;
	line-height: 16px;
}
#content.hp img {
	border: 3px solid #e0e0e0;
}
#content.hp p.right {
	text-align: right;
	padding-right: 0.8em;
}
#content.hp div.left, #content.hp div.right {
	width: 233px;
}
#content.hp div.left h3, #content.hp div.right h3 {
	color: #4b4b4b;
}
#content.hp div.center {
	background: url(../img/hp-reference.jpg) no-repeat 0 0;
	margin: 0px 233px 0 238px;
	_margin: 0px 233px 0 235px;
	height: 417px;
}
#content.hp div.center h3 {
	background: url(../img/hp-reference-h3.jpg) no-repeat 0 5px;
	_background: url(../img/hp-reference-h3.jpg) no-repeat 0 -1px;
	color: White;
	padding: 0.8em 0 0 2em;
	_padding: 0.4em 0 0 1.9em;
}
#content.hp div.center img {
	text-align: center;
	margin: 0.8em 0 0.7em 1.2em;
}
#content.hp div.center img.float {
	float: left;
	margin: 0.4em 0 0.4em 0.7em;
}
#content.hp div.careers {
	background: url(../img/hp-reference.jpg) no-repeat 0 0;
	margin: 0px 233px 0 238px;
	_margin: 0px 233px 0 235px;
	/*height: 300px;*/
}
#content.hp div.careers h3 {
	background: url(../img/hp-reference-h3.jpg) no-repeat 0 4px;
	_background: url(../img/hp-reference-h3.jpg) no-repeat 0 -1px;
	color: White;
	padding: 0.8em 0 0 2em;
	_padding: 0.4em 0 0 1.9em;
}
#content.hp div.careers img {
	text-align: center;
	margin: 0.8em 0 0.7em 1.2em;
}
#content.hp div.careers img.float {
	float: left;
	margin: 0.4em 0 0.4em 0.7em;
}
/*left*/
#content.hp div.left {
	color: #3D3D3D;
	float: left;
	margin: -0.5em 0 0 0;
}
#content.hp div.left h3 {
	background: url(../img/hp-seda-h3.jpg) no-repeat 0 5px;
	_background: url(../img/hp-seda-h3.jpg) no-repeat 0 4px;
	padding: 0.8em 0 0 1.9em;
}
#content.hp div.left div {
	background: url(../img/hp-fotky-short.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0 0 0.5em 0;
}
	
#content.hp div.left div.comapnews {
	background: url(../img/hp-fotky-short-2.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0 0 0.5em 0;
}
	
#content.hp div.left div.comap {
	background: url(../img/hp-fotky.jpg) no-repeat 0 0;
	margin: 1em 0 0 0;
	height: auto;
}
	
#content.hp div.banners img {
	border: 0px;
}
	
/*right*/
#content.hp div.right {
	margin: -0.5em 0 0 0;
	float: right;
}
#content.hp div.right h3 {
	background: url(../img/hp-seda-h3.jpg) no-repeat 0 5px;
	_background: url(../img/hp-seda-h3.jpg) no-repeat 0 4px;
	padding: 0.8em 0 0 1.9em;
}
#content.hp div.right img {
	margin: 0.4em 0.1em 0.4em 0.5em;
}
#content.hp div.right img.no-border {
	float: none;
	border: none;
	margin: 1em 0 0 2em;
}
#content.hp div.right div {
	background: url(../img/hp-fotky.jpg) no-repeat 0 0;
	margin: 0;
}
#content.hp div.right div.sw img {
	margin: 0.8em 0 0 2.1em;
}
/* BANNERS */
#banners {
	position: relative;
	margin-bottom: 5px; /* IE 5.x*/
	margin-b\ottom: -3px;
	_margin-b\ottom: 0px;
	_margin-top: -5px;
	text-align:center;
	margin-right: 23px;
}
#banners object {
	margin:0 70px;
}
/*MENU*/
#top-menu {
	background: #D90F05 url(../img/menu.jpg) no-repeat;
	_behavior: url(csshover.htc); /* call hover behaviour file */
	position: absolute;
	top: 149px;
	left: 5px;
	height: 42px;
	width: 709px;
}
#menu {
	font-size: 1.1em;
	margin: 0.8em 0 0 0;
	width: 709px;
	position: absolute;
}
#menu li {
	display: table;
	_display: inline;
	float: left;
	margin: 0;
	width: 177px;
	_width: 25%;
	position: relative;
	text-align: center;
}
#menu a {
	color: White;
	display: table-cell;
	_display: block;
	height: 36px;
	font-weight: bold;
	position: relative;
	text-decoration: none;
	z-index:20;
}
#menu a:hover {
	color: #A8E1FD;
	text-decoration: underline;
}
#menu a.active {
	color: #A8E1FD;
	text-decoration: underline;
}
.submenu li {
	display: inline;
	float: left;
	height: 34px;
	width: 118px;
	text-align: center;
	vertical-align: top;
}
.submenu a {
	background: #d7140b url(../img/menu-a.gif) no-repeat 100% 100%;
	border-bottom: 1px solid #F5F5F5;
	color: White;
	display: inline;
	display: table-cell;
	float: left;
	font-size: 11px;
	font-weight: normal;
	height: 34px;
	_height: 32px;
	padding: 0;
	_padding: 1px 0 2px 0;
	min-width: 116px;
	vertical-align: middle;
	text-decoration: none;
	width: 118px;
}
.submenu a:hover {
	background: #ad1109 url(../img/menu-a.gif) no-repeat 100% 100%;
	color: #A8E1FD;
	text-decoration: underline;
}
.submenu li.blue a {
	background: #1A2271 url(../img/menu-a-blue.gif) no-repeat 100% 100%;
}
.submenu li.blue a:hover {
	background: #020846 url(../img/menu-a-blue.gif) no-repeat 100% 100%;
}
.submenu li.clear a {
	background: #d7140b;
	width: 119px;
}
.submenu li.clear a:hover {
	background: #ad1109;
}
.submenu li.clear {
	width: 119px;
}
.submenu a span {
	display: block;
	padding: 3px 1px 0 1px;
	vertical-align: middle;
}
.submenu a span.large {
	padding: 13px 1px 4px 1px; /*IE 5.x fix*/
	paddi\ng: 11px 1px 0 1px;
}
/*3. uroven*/
.submenu {
	/*border: 2px solid #613F73;*/
   display: none;
	width: 713px;
}
#holder .submenuhover {
   display: inline;
   position: absolute;
   top: 189px;
}
.submenu ul {
   display: none;
	width: 118px;
}
#holder .submenuhover li {
  display: inline;
  float: left;
  width: 118px;
}
li:hover ul {
   display: block;
	margin: 35px 0 0 0;
	_margin: 0px 0 0 0;
	width: 118px;
	_width: 110px;
	z-index: 200;
}
.submenu li li {
	height: 21px;
	_height: 19px;
	text-align: left;
	_width: 110px;
}
/*cervene a basic definice*/
.submenu li li a {
	background: #d7140b url(../img/menu-submenu-a.gif) repeat-x 0 0;
	border: none;
	color: White;
	display: table-cell;
	float: left;
	font-size: 11px;
	font-weight: normal;
	height: 21px;
	_height: 19px;
	padding: 0;
	_padding: 1px 0 2px 6px;
	min-width: 117px;
	vertical-align: middle;
	width: 117px;
	_width: 111px;
}
.submenu li li a:hover {
	background: #ad1109 url(../img/menu-submenu-a-h.gif) repeat-x 0 0;
}
.submenu li li.clear {
	height: 22px;
	_height: 19px;
}
.submenu li li.clear a {
	height: 22px;
	_height: 19px;
	width: 117px;
	_width: 111px;
}
.submenu li li.clear a {
	background: #d7140b url(../img/menu-submenu-a2.gif) repeat-x 0 0;
}
.submenu li li.clear a:hover {
	background: #ad1109 url(../img/menu-submenu-a2-h.gif) repeat-x 0 0;
}
.submenu li li a span {
	background: url(../img/menu-li.gif) no-repeat 10px 10px;
	_background: url(../img/menu-li.gif) no-repeat 4px 10px;
	cursor: hand;
	display: block;
	padding: 4px 0 1px 21px;
	_padding: 4px 0 1px 14px;
}
/*------------*/
#holder .submenuhover li:hover ul li {
	float: none;
	display: block;
}
/*SELFMARKETING*/
#selfmarketing {
	background: #D90F05 url(../img/selfmarketing.jpg) no-repeat;
	position: absolute;
	top: 5px;
	left: 4px;
	height: 139px;
	width: 125px;
}
#selfmarketing span {
	display: none;
}
#selfmarketing a {
	float: left;
	position: absolute;
	p\osition: static; /* IE 5.x */
	text-decoration: none;
	text-indent: -1000em;
	width: 125px;
}
#selfmarketing a.hide {
	display: none;
}
#selfmarketing a#sendtofriend {
	background: url(../img/self-send.gif) no-repeat 0 0;
	height: 36px;
	top: 0px; /* IE 5.x */
}
#selfmarketing a#sendtofriend:hover {
	background-position: 0 -36px;
}
#selfmarketing a#print {
	background: url(../img/self-print.gif) no-repeat 0 0;
	height: 34px;
	top: 36px; /* IE 5.x */
}
#selfmarketing a#print:hover {
	background-position: 0 -34px;
}
#selfmarketing a#homepage {
	background: url(../img/self-home.gif) no-repeat 0 0;
	height: 35px;
	top: 70px; /* IE 5.x */
}
#selfmarketing a#homepage:hover {
	background-position: 0 -35px;
}
#selfmarketing a#favorites {
	background: url(../img/self-book.gif) no-repeat 0 0;
	height: 34px;
	top: 105px; /* IE 5.x */
}
#selfmarketing a#favorites:hover {
	background: url(../img/self-book.gif) no-repeat 0 -34px;
}
/*FOOTER */
#footer p {
	padding: 0.5em 0.1em 0.4em 1em;
	line-height: 12px;
}
#footer a {
	color: White;
}
#footer a:hover {
	color: #CCC;
}
#footer acronym {
	border: none;
	color: #A5E4FF;
}
#footer span {
	color: White;
}
#footer div {
	color: #a5a5a5;
	position: absolute;
	right: 10px;
}
#footer div a {
	color: #CCC;
}
#footer div a:hover {
	color: White;
}
/*Tables*/
table {
	font-size: 1em;
	margin: 1em 0 0.5em 1.2em;
}
td {
	padding: 0.3em 0 0.3em 0;
}
td.odsazeni {
	padding-left: 2em;
}
/*Form & inputs*/
form {
	margin: 0; padding: 0;
}
input, input.tlacitka, select, textarea {
	font-family: "Arial", sans-serif;
	border: 1px solid #999999;
	font-size: 1em;
}
input {
	margin: 1px 0 1px 5px;
	padding: 1px 0 0 2px;
	height: 15px;
	width: 161px;
}
input.tlacitka {
	background-color: #D7140B;
	color: White;
	font-weight: bold;
	border: 1px solid White;
	font-size: 95%;
	cursor: pointer;
	_cursor: hand;
	margin: 0.5em 0 0 0.4em;
	padding: 1px 0 3px 0;
	_padding: 0;
	height: 20px;
	width: 88px;
	vertical-align: middle;
}
select {
	_height: 12px;
	margin: 0.5em 0 0 0.4em;
	padding: 0;
	width: 165px;
}
textarea {
	margin: 15px 0 1px 5px;
	padding: 1px 0 0 2px;
	height: 90px;
	width: 424px;
}
/*Galerie*/
#galerie-img {
	margin: 1em;
	border: 2px solid White;
}
#obrazek_view p {
	color: #EEEEEE;
}
#galerie-a {
	color: White;
}
/*ABSOLUTE DIVS*/
#top-shadow {
	background: url(../img/shadow-top.jpg) no-repeat 0 0;
	position: absolute;
	top: -10px;
	left: -11px;
	height: 15px;
	width: 741px;
}
#left-shadow {
	background: url(../img/shadow-left.jpg) no-repeat 0 0;
	position: absolute;
	left: -13px;
	top: 5px;
	height: 184px;
	width: 13px;
}
#right-shadow {
	background: url(../img/shadow-right.jpg) no-repeat 0 0;
	position: absolute;
	left: 719px;
	top: 5px;
	height: 184px;
	width: 13px;
}
}