.apply{width:100%;}
.apply alert{color:#f00}
.apply th{text-align:right;font-weight:normal}

.posts{width:100%;border:0px solid #E5F1D3;background-color:#E5F1D3;margin-bottom:10px;}
.apply th,.apply td,.posts th,.posts td{padding:6px;}
.posts th{background-color:#F2F7EC;font-weight:bold;text-align:right}
.posts td{background-color:#fff;}


/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0;}
body{
	font-size: 12px;
	font-family: "宋体",Arial, Tahoma, sans-serif;
	background:#fff url(../images/back.png) top left repeat-x;
	color: #333;
	text-align: center;
}
body.bg {background-image:url(../images/back2.png);}
.copyrightinfo{font:11px arial;}
/*-- [ 2. Tags ] -----------------------------------------------*/
h1, h2, h3{font-weight:normal;}
h1 {font-size: 12px; color:#fe7e01;}
h2 {font-size: 12px; margin-top:20px;}
h3 {font-size: 12px; color:#4e565f; margin-top:10px;}
ul {margin:0 0 5px 20px;}
ul li{margin:0 0 3px 0;}
a {color:#fe7e01;}
a:hover {color:#333;}
img {border:none; text-decoration:none;}
/*clear*/
	.clear{
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
		}
.txt-input, .txt-area, .objednavka-pole, textarea {
	padding:2px;
	margin:2px 0px;
	color:#8a8672;		
	background: #fff url("../images/bg-input.gif") left top no-repeat;
	border:1px solid #ccc;
	}
.txt-select, select {
	padding:2px;
	margin:2px 0px;
	color:#8a8672;		
	background: #fff url("../images/bg-input.gif") left top no-repeat;
	border:1px solid #ccc;
	}
.txt-input:hover, .txt-area:hover, .objednavka-pole:hover {border:1px solid #333;}
.txt-input:focus, .txt-area:focus, .objednavka-pole:focus {border:1px solid #fe7e01; color:#555;}

.tabule, .tabule tr, .tabule td, .tabule th{
	border-collapse:collapse;
	border:solid 1px #cccccc;
	}
.tabule th{
	background:#f6f8f9; text-align:center;
	}
.tabule th, .tabule td{
	padding:5px;
	}
/**/
.button {
	border:none; 
	color:#fff; 
	width:77px; 
	height:24px;
	font-size:12px; 
	line-height:25px;
	vertical-align:middle;
	cursor:pointer;
	font-weight:bold;
	background:url(../images/button.png) bottom left no-repeat; overflow:hidden;
}
.obrazek img{
	margin:10px 20px;
	padding:2px;
	border: solid 3px #d7f08c;
}
.obrazek img:hover{
	border-color:#a1ca25;
}
.no{
	display:none;
}
/*-- [ 3. Classes ] -----------------------------------------------*/
.float-r {float: right;}
.float-l {float: left;}
.clearfloat { 
	clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
	overflow: hidden;
}
.font-size-90 { font-size:12px;}
.font-size-85 { font-size:12px;}
/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer { 
	width: 960px;  
	margin: 0 auto; 
	padding:0px 20px;
	text-align: left;
} 
/*-- [ 5. Header ] -----------------------------------------------*/
#header {margin-bottom:0px;}
#header #top1 {height:141px; position: relative;}
/*logo*/
#header #top1 #logotype {position:absolute; top:13px; left:25px; width:292px; height:93px;}
/*main menu*/
#header #top1 .main-menu {
	position:absolute; bottom:-22px; right:0px; z-index:1;
	height:55px;
}
#header #top1 .main-menu ul { list-style:none;}
#header #top1 .main-menu ul li {
	float:left; 
	height:29px;
	line-height:29px; vertical-align:middle;
	font-size:12px;
	text-align:center;
	
}
#header #top1 .main-menu ul li a {float:left; margin:0px 5px; text-decoration:none; color:#fff; background:url(../images/menu-stred-modra.png) right top no-repeat;}
#header #top1 .main-menu ul li a:hover {color:#a6ca3a;}
#header #top1 .main-menu ul li a span {padding:0px 10px 0px 5px;}
#header #top1 .main-menu .obrl1 {float:left;  height:29px; width:5px; padding:0px; background:url(../images/menu-leva-modra.png) left top no-repeat;}
#header #top1 .main-menu .obrl {float:left; height:29px; width:5px;padding:0px;  background:url(../images/menu-leva-zelena.png) left top no-repeat;}
#header #top1 .main-menu ul li a.selected {
text-decoration:none; 
color:#000; 
font-weight:bold; 
background:url(../images/menu-stred-zelena.png) right top no-repeat;
}
#header #top1 .main-menu ul li a.selected:hover {
color:#fff; 
}
#header #top1 .main-menu .ukaz {display:block; padding:0px; margin:0px 0px 0px 10px; width:22px; height:27px; background:url(../images/menu-ukazovak-zelena.png) 0px 0px no-repeat;}

/*horni menu*/
#header #top1 .quick-menu {
	position:absolute; top:0px; right:20px;
	height:27px;
	
}
#header #top1 .quick-menu ul { list-style:none; font-size:12px; margin-right:215px;}
#header #top1 .quick-menu ul li {
	float:left; 
	height:27px;
	line-height:29px; vertical-align:bottom;
	padding:0 10px;
	background:url(../images/top1-quickmenu-sep.png) top right no-repeat;
}
#header #top1 .quick-menu ul li a {color:#babfc4;}
#header #top1 .quick-menu ul li a:hover {color:#a5d900;}
/*--search*/
#header #top1 .quick-menu form { position:absolute; top:4px; right:0px;}
#header #top1 .quick-menu form .searchText {
	width:130px;
	background:url(../images/input-text-back.png) top left repeat-x;
	border:1px solid #ccc;
	padding:1px 2px 2px;
	font-size:12px;
}
#header #top1 .quick-menu form .searchText:focus, #header #top1 .quick-menu form .searchText:hover { border-color:#a5d900;}
#header #top1 .quick-menu form .searchBtn {
	border:none; 
	color:#fff; 
	width:60px; 
	height:20px;
	font-size:12px; 
	cursor:pointer;
	background:url(../images/input-button-back.png) bottom left no-repeat; overflow:hidden;
}
/*e-invent*/
#header #top1 .e-invent {
	position:absolute; top:33px; right:20px;
	width:200px; text-align:right;
	font-size:12px;
	color:#888;
}
#header #top1 .e-invent a {
	float:right;
	width:142px; height:58px;
	margin-left:6px;
}
#header #top1 .e-invent p {
	display:block;
	font-size:12px;
	color:#babfc4;
}
/*TOP2*/
#header #top2 {height:376px; overflow:hidden; position:relative; font-size:12px;} 
/*flash*/
#header #top2 .flash {display:block; height:376px; width:640px; z-index:0;} 
/*proc my*/
#header #top2 .proc-my {
	float:right; 
	width:275px; height:376px;
	padding:25px 0  0 35px; 
	background:url(../images/top2-sep.jpg) top left no-repeat;
	color:#333;
}
#header #top2 .proc-my span { color:#01233f; font-size:12px; display:block; margin-bottom:0.7em; font-weight:bold;}
#header #top2 .proc-my strong {color:#fff; font-size:12px; text-align:right; display:block; padding-top:5px;}
#header #top2 .proc-my p { 
	padding-left:32px;
	margin-bottom:1em;
	background:url(../images/bull-greenback.png) top left no-repeat;
	min-height:3em;
	font-size:12px;
}
#header #top2 .proc-my p strong { text-align:left; font-size:12px; padding:0;}
/*top2 uzke*/
#header #top2-short {
	padding-left:20px;	
	height:50px; line-height:50px;
	vertical-align:middle;
	font-size:12px;
	color:#485058;
	padding-top:3px;
}
#header #top2-short span {color:#000; padding:0 5px;}
#header #top2-short a {color:#485058;}
#header #top2-short a:hover {color:#333;}
#header #top2-short .slogan {float:right; font-weight:bold; font-size:12px; height:50px; line-height:50px; color:#fff;}
/*-- [ 6. Sidebar ] -----------------------------------------------*/
#sidebar {
	float: right; 
	width: 290px; /*IE6 fixed*/
	overflow: hidden;
	margin:0px;
  margin-bottom:20px;	 
}
#sidebar h2 {margin-bottom:0.6em; font-size:12px; color:#fe7e01;}
/*aktuality*/
#sidebar .aktuality img.iso-banner {margin-top: 20px;}
#sidebar .aktuality {padding:22px 0px 10px 5px; margin-bottom:15px;}
#sidebar .aktuality h3 {display:inline; font-size:12px; font-weight:bold;}
#sidebar .aktuality h3 a {color:#555;}
#sidebar .aktuality span {font-size:12px; color:#333; margin-left:4px;}
#sidebar .aktuality p {margin:0.3em 0 1em; font-size:12px; line-height:160%; }
#sidebar .aktuality a.old {
	color:#fe7e01;
	display:block;
	padding:0 0 3px 23px;
	margin-left:5px;
	background:url(../images/bull-orange-plus.png) no-repeat center left;
}
#sidebar .aktuality a.old:hover {color:#333;}
#sidebar .aktuality a:hover {color:#fe7e01;}

#sidebar .kontakt {border-top:2px solid #b6e22d; padding:15px 10px 5px; color:#444;}
#sidebar .kontakt strong {display:block;}
#sidebar .kontakt h3 {color:#4e565f; font-size:12px;  font-weight:bold; padding:0 0 5px 23px; background:url(../images/bull-whiteback.png) top left no-repeat;}
#sidebar .kontakt p {margin-bottom:1.2em; margin-left:25px; font-size:12px; line-height:140%; position:relative; top:-4px;}
#sidebar .kontakt a {color:#fe7e01;}
#sidebar .kontakt a:hover {color:#333;}
#sidebar .kontakt .mapa {margin:12px 0 28px 5px;}

#sidebar .bg, #sidebar .bg1  {background:url(../images/side-back-middle.png) top left repeat-y; padding:10px 25px 5px 25px; }
#sidebar .bg h3, #sidebar .bg1 h3 {display:inline;}
#sidebar .bg span, #sidebar .bg1 span {font-size:12px; color:#333; margin-left:5px;}
#sidebar .bg p, #sidebar .bg1 p {margin:0.3em 0 1em; line-height:180%;}
#sidebar .bg a:hover, #sidebar .bg1 a:hover {color:#333;}
#sidebar .bg-top {height:47px; background:url(../images/side-back-top.png) top left no-repeat;}
#sidebar .bg-top h2 {font-size:12px; padding:5px 0px 0px 20px;}
#sidebar .bg-bottom {height:15px; background:url(../images/side-back-bottom.png) top left no-repeat;}
#sidebar .bg-menu {display:block; padding: 10px 25px 30px 25px; margin:0px; background:url(../images/side-back.png) top left no-repeat;}

#sidebar .bg1  {background:url(../images/side-back-middle1.png) top left repeat-y; }
#sidebar .bg1-top {height:47px; background:url(../images/side-back-top1.png) top left no-repeat;}
#sidebar .bg1-top h2{font-size:12px; padding:5px 0px 0px 20px;}
#sidebar .bg1-bottom {height:15px; background:url(../images/side-back-bottom1.png) top left no-repeat;}
#sidebar .bg1-menu {display:block; padding: 10px 25px 30px 25px; margin:0px; background:url(../images/side-back1.png) top left no-repeat;}
/*menu*/
#sidebar .bg-menu ul.menu {list-style:none; margin:0; padding:0;}
#sidebar .bg-menu ul.menu li {border-bottom:1px solid #ccc; padding:0; margin:0; font-size:12px;}
#sidebar .bg-menu ul.menu li a {
	display:block;
	border-top:1px solid #fff;
	text-decoration:none;
	color:#4e565f;
	padding:9px 5px 12px 30px;
	margin:0 0 0 5px;
	background:url(../images/side-menu-odrazka.png) top left no-repeat;
}
#sidebar .bg-menu ul.menu li a:hover {text-decoration:underline; color:#fe7e01;}
#sidebar .bg-menu ul.menu li.selected {font-weight:bold; text-decoration:none; color:#4e565f; background:url(../images/side-menu-selected-back.png) top right repeat-y;}

#sidebar .bg p.klient {line-height:150%;}
#sidebar .bg p.klient img.align {vertical-align: text-top;}
/*-- [ 7. Content ] -----------------------------------------------*/
#mainContent {
	float:left;
	width:640px;
	padding-bottom:2em;
	padding-top:22px;
} 
/* heading, anchor and paragraph margins*/
#mainContent h1 {margin-bottom: 0.6em; padding-bottom:5px; border-bottom:solid 1px #aeb1b5; color:#4e565f;} 
#mainContent h2 {margin: 25px 0px 15px 0px; padding-bottom:5px;  color:#7c981a; border-bottom:dotted 1px #7c981a;}  
#mainContent h3 {margin:20px 0px 5px 0px; padding:0px; color:#4e565f;} 
#mainContent p {line-height:155%; margin:5px 0px 15px 0px;} 
#mainContent a {color:#fe7e01;}
#mainContent a:hover {color:#333;}

#mainContent ul,li{
margin: 0px; padding: 0px;
list-style:none;
display:block;
}
#mainContent ul{margin: 5px 0px 5px 5px;  line-height:180%; vertical-align:middle;}
#mainContent li{

padding-left:20px;
background: url(../images/li1.gif) 5px 7px  no-repeat;
}
/*holder*/
#mainContent .holder { font-size:12px; overflow:hidden; margin-top:10px;}
#mainContent .holder div {
	float:left;
	padding:15px 10px 15px 15px;
	margin:10px 10px 5px 5px;
	width:280px; height:130px; 
	background:url(../images/holder-back.png) top left no-repeat;
}
#mainContent .holder div p {margin:0px 0px 0px 90px; font-size:12px;}
#mainContent .holder div p a {display:block; color:#fe7e01; margin-top:6px; padding-left:22px; background:url(../images/bull-orange-plus.png) center left no-repeat;}
#mainContent .holder div p a:hover {color:#333;}
#mainContent .holder div img {float:left; width:75px;margin:0px;}
#mainContent .holder div h2{ padding-bottom:5px;  color:#7c981a; text-decoration:none; margin:0px 0px 10px 0px; font-weight:bold; font-size:12px; border:none;}
#mainContent .holder div h2 a{ padding-bottom:5px;  color:#7c981a; text-decoration:none; margin:0px 0px 10px 0px; font-weight:bold; font-size:12px; border:none;}
/*reference*/
.reference {margin-top:1.3em; font-size:12px;}
.reference div {
	width:190px; height:180px; 
	float:left; 
	overflow:hidden; 
	margin:10px 10px; position:relative;
}
.reference1 div {
	width:190px; height:160px; 
	float:left; 
	overflow:hidden; 
	margin:10px 10px; position:relative;
}
.reference3 div {
	width:190px; height:160px; 
	display:block;
	overflow:hidden; 
	margin:10px 25px; position:relative;
}
.reference4 div {
	width:190px; height:180px; 
	display:block;
	overflow:hidden; 
	margin:10px 25px; position:relative;
}
.reference-tabulka{
	width:420px;
	float:left; 
	line-height:220%;
	overflow:hidden; 
	margin:0px; position:relative;
}
.reference-odkaz{
	display:block;
	width:350px; height:50px; line-height:50px; vertical-align:middle; font-size:12px;
	background:url(../images/reference-odkaz.png) top left no-repeat;
	padding-left:70px;
	font-weight:bold;
	margin:15px 0px 5px 0px;
}
/*zobraz-odkaz*/
#mainContent  .zobraz-odkaz{
	display:block;
	width:280px; height:40px; line-height:40px; vertical-align:middle; font-size:12px;
	background:url(../images/zobraz-odkaz.png) top left no-repeat;
	padding-left:70px;
	font-weight:bold;
	margin:0px 0px 10px 290px;
}
#mainContent  .zobraz-odkaz a{
	color:#43494f;
	font-weight:bold;
}
#mainContent  .zobraz-odkaz a:hover{
	color:#333;
}

#mainContent .bg-top-klient {display:block; margin:0px; padding:0px; height:44px; background:url(../images/klient-top.png) top left no-repeat;}
#mainContent .bg-top-klient h3{font-size:12px; padding:5px 0px 0px 100px; color:#7c981a;}
#mainContent .bg-klient {display:block; margin:0px; padding:5px 25px; margin:0px; background:url(../images/klient.png) top left repeat-y;}
#mainContent .bg-bottom-klient {display:block; margin:0px; padding:0px; height:9px; background:url(../images/klient-bottom.png) top left no-repeat;}

.reference div.left {margin-right:8px;}
.reference a, .reference3 a, .reference4 a  {
	display:block;
	padding:0px 10px 2px 20px;
	margin:0px 0 0 15px;
	background: url(../images/bull-orange-plus.png) no-repeat 0px 3px;
}
.reference .images, .reference .images:hover, .reference1 .images, .reference1 .images:hover, .reference3 .images, .reference3 .images:hover, .reference4 .images, .reference4 .images:hover{
	width:190px; height:130px;
	display:block;
	padding:11px 0px 0px 14px;
	margin:0px;
	background: url(../images/podkladreference.gif) no-repeat 0px 0px;
}
.reference .images:hover, .reference1 .images:hover, .reference3 .images:hover, .reference4 .images:hover{
	background: url(../images/podkladreference.gif) no-repeat 0px -152px;
}
.reference a:hover, .zobrazit-reference a:hover {color:#333;}
.reference a, .reference3 a, .reference4 a {color:#fe7e01;}

#mainContent .pages {
	width:641px;
	margin:0 0 0 8px; 
	background:#e6f3fe url(../images/pages-back.png) top left no-repeat; 
	clear:left;
	font-size:12px;
	overflow:hidden;
	text-align:center;
	height:27px;
}
#mainContent .pages .arr-l {float:left; margin:4px 10px 0;}
#mainContent .pages .arr-r {float:right; margin:4px 10px 0;}
#mainContent .pages .page-no {padding-top:5px;}
#mainContent .pages .page-no a {padding:0 3px; color:#4e565f; text-decoration:none; vertical-align:middle;}
#mainContent .pages .page-no a:hover {color:#000; text-decoration:underline;}
#mainContent .pages .page-no a.selected {padding:1px 6px; color:#fff; background:url(../images/pages-selected.png) center center no-repeat; text-decoration:none;}

#mainContent .formular {background:url(../images/formular-back-middle.png) top left repeat-y; padding:20px 40px 20px 40px; }
#mainContent .formular .txt-input{width:250px;}
#mainContent .formular th{padding-top:10px;}
#mainContent .formular em{display:block; color:#666; padding-bottom:20px; font-size:12px;}
#mainContent .formular-top {display:block; position:relative; margin-top:10px; height:11px; background:url(../images/formular-back-top.png) top left no-repeat;}
#mainContent .formular-bottom {height:11px; background:url(../images/formular-back-bottom.png) top left no-repeat;}
#mainContent .formular-obr {position:absolute; top:-29px; right:20px; width:114px; height:95px; background:url(../images/formular-back-obr.png) top left no-repeat;}

#mainContent .produkt-back{
	display:block;
	position:relative;
	width:460px; 
	height:150px;
	background:url(../images/produkt-back.png) top left no-repeat;
	padding: 0px 15px 0px 165px;
	font-weight:bold;
	margin:20px 0px;
}
#mainContent .produkt-back .ikona{
	position:absolute;
	top:12px;
	left:24px;
}
#mainContent .produkt-back p{
	font-size:12px;
	padding:20px 0px;
}
#mainContent .produkt-back strong{
	line-height:220%;
	vertical-align:middle;
}

#mainContent .kancelar1, #mainContent .kancelar2{
	float:left;
	padding:0px;
	margin:0px;
	
}
#mainContent .kancelar1{
	width:300px;
	padding-right:10px;
}
#mainContent .kancelar2{
	width:280px;
	padding-left:50px;
	background:url(../images/back-cara.png) center left no-repeat;
}
#mainContent .kontakt h2, #mainContent .kontakt h2{
	padding-left:15px;
	background:url(../images/li1.gif) 0px 8px no-repeat;
}


#mainContent .kontakt h3, #mainContent .kontakt h3{

	font-size:12px;
}

#mainContent .hvezda{
color:red;
}

#mainContent  .odkazy ul {list-style:none; margin:0; padding:0; padding-left:15px;}
#mainContent  .odkazy ul li {padding:0; margin:0; font-size:12px; background:none;}
#mainContent  .odkazy ul li a {
	display:block;
	font-size:12px;
	line-height:200%;
	vertical-align:middle;
	padding-left:25px;
	background:url(../images/side-odkazy.png) center left no-repeat;
}
/*-- [ 8. Footer ] -----------------------------------------------*/
#footer {
	height:75px;
	background:url(../images/foot-back.png) left top repeat-x; 
	padding:10px;
	text-align:center; 
}
#footer .center { width:960px; margin:auto; color:#444; line-height:1.8em; margin-top:15px;}
#footer .foot-l { float:left; text-align:left;}
#footer .link { width:960px;float:left; text-align:left;}
#footer .foot-r { float:right; text-align:right;}
#footer .foot-l a, #footer .foot-r a { color:#444;}
#footer .link a, #footer .foot-r a { color:#444;}
#footer .foot-l a:hover, #footer .foot-r a:hover { color:#000;}
#footer .link a:hover, #footer .foot-r a:hover { color:#000;}
#footer .foot-menu a { color:#444; margin:0 5px;}
#footer .foot-menu a:hover { color:#000;}


/*-- [ 9. Other ] -----------------------------------------------*/

#error h2{margin-bottom:0.6em; margin-left:0.2em;}
#error h3{font-size:12px;margin-bottom:0.3em; font-style:italic;}
#error p{margin-bottom:0.4px; color:#555;}
#error p.hint {font-weight:bold; color:#000;}
#error div.uri {padding:4px 10px 5px; margin-bottom:1em; border:1px dashed #ccc; color:#666;}

#mail-form {width:95%;}
#mail-form .text_area {width:99%;}
#mail-form th {width:105px; padding-right:5px;}
#mail-form input[type=reset] {color:#444;}

a {color:red;}
a:hover {color:#333;}