* { margin:0; padding: 0 }

body { font-family: Arial, Helvetica, sans-serif; font-size:70%; }

a { color: #009347; }
a.featured { color: #ff7011; }
a:hover { text-decoration: none; }
.left-side a { color: black; }

img { border:0; }
img.border, div.upoutavka-border, .upoutavka-sloupec img { border:1px solid #d8d8d8; }

h1, h2, h3, h4, h5, h6 { color: #009347; margin-bottom:0.5em; }
h1 { font-size: 2.0em; }
h2 { font-size: 1.5em; font-weight:normal; background: url('../images/background/h2-left.gif') 0px 0px no-repeat; padding-left:24px; clear:left; margin-top:1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }


p { margin-bottom: 1em; line-height: 1.5em; }
/* Pouziva se jako trida divu a za ni by mela nasledovat nejaka vycpavka napr .pad */
/* .perex { background-color: #eeeeee; border-top:2px solid #dddddd; border-bottom: 2px solid #dddddd; margin: 1em 0;} */
.perex { margin: 0 0 0.7em 0;}
/* V perexu nebudeme u odstavce pouzivat spodni odsazeni */
/* .perex p { margin-bottom: 0; } */


ul { margin: 0 0 1em 1em; list-style: none; }
ul li { 
	background: transparent url('/images/background/bullet-arrow-red.gif') 0px 4px no-repeat;
	padding-left: 1.5em; line-height: 1.4em; margin-top:0.4em; }
ul li.red { background: transparent url('/images/background/bullet-content-red.gif') 0px 8px no-repeat;}
ol { margin: 0 0 1em 2em; }
ol li, li ol li { 
	padding-left: 0.1em; line-height: 1.7em; background:none;
}
ul.cervene-odrazky.small-margin {
	margin-bottom:0.5em;
}
ul.cervene-odrazky li, p.cervene-odrazky {
	background: transparent url('/images/background/bullet-arrow-red.gif') center left no-repeat !important;
	padding-left:10px !important;
	padding-left: 1.2em !important;
}
ul.cervene-odrazky li a, p.cervene-odrazky a {
	text-decoration:none;
	color:#6e6e6e;
}
ul.cervene-odrazky li a:hover, p.cervene-odrazky a:hover {
	text-decoration:none;
	color:#ec3803;
}

/* vycpavkovy system */
.big-pad 			{ padding: 2em; }
.pad 			{ padding: 1em; }
.small-pad 		{ padding: 0.4em 0.8em; }
.smaller-pad 	{ padding: 0.2em 0.4em; }
.pixel-pad 		{ padding: 1px; }
.pad-x 			{ padding: 0 1em; }
.smaller-pad-x 	{ padding: 0 0.4em }
.pad-y 			{ padding: 1em 0; }
.smaller-pad-y 	{ padding: 0.4em 0 }
.pad-left 		{ padding-left: 0.8em; }
.nav-box-pad 	{ padding: 0.6em 0.8em 0.7em 0.8em; }

/* vertikalni spacery */
.spacer { border:none; margin:0; padding:0; background:transparent; overflow:hidden; }
.spacer.a { height:1px; font-size:1px; }
.spacer.b { height:2px; font-size:2px; }
.spacer.c { height:3px; font-size:3px; }
.spacer.d { height:4px; font-size:4px; }
.spacer.e { height:5px; font-size:5px; }
.spacer.f { height:6px; font-size:6px; }
.spacer.g { height:7px; font-size:7px; }
.spacer.h { height:8px; font-size:8px; }
.spacer.i { height:9px; font-size:9px; }
.spacer.j { height:10px; font-size:10px; }

/* zarovnavani */
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; text-align: center; }
img.left, img.right { margin:5px; }

/* ruzna carkovana pozadi */
.background-left 			{ background: transparent url('/images/background/content.gif') left top repeat-y; }
.background-right 			{ background: transparent url('/images/background/content.gif') right top repeat-y; }
.background-center 			{ background: transparent url('/images/background/content.gif') center top repeat-y; }
.background-bottom 			{ background: transparent url('/images/background/tecky-horizontalni.gif') left bottom repeat-x; }
.background-bottom-velky 	{ background: transparent url('/images/background/tecky-horizontalni-velke.gif') left bottom repeat-x; }

/* system pro boxy na strance */
.narrow-column, .narrow-column-right { float: left; width: 50%; }
.narrow-column-right { float: right; }
.wide-column { width: 100%; }

/* Sirky */
.s-padesat 		{ width: 50%; }
.s-ctyricet 	{ width: 40%; }
.s-tricet 		{ width: 30%; }
.s-tricettri	{ width: 33%; }
.s-tricetpet	{ width: 35%; }
.s-sedesatpet	{ width: 65%; }
.s-sedmdesat	{ width: 70%; }
.s-sto			{ width: 100%; }


.left-side ul { list-style: none; line-height: 1.6em; margin-left: 0; }
.left-side ul li { background: transparent url('/images/background/bullet-left-column-green.gif') 0px 5px no-repeat;	padding-left: 7px; }


/* Stylovani novinek v leve casti */
.novinky { padding:0.4em 0.8em; }
.novinky p { margin-bottom: 0.8em; line-height:1.3em;}
.novinky .date { font-weight: bold; }
.novinky a { color: #6e6e6e; text-decoration:none; }
.novinky a:hover { color: #ec3803; text-decoration:none; }
.novinky p.rss-feed a {
	display:block;
	padding-left:20px;
	background: transparent url('/images/background/rss-feed.gif') left center no-repeat !important;
	color:#ff3300;
}
.novinky p.novinka a img {
	position:relative;
	top:2px;
}
.novinky a.archiv-novinek { 
	display: block;
	float: right;
	padding-left: 10px;
	background: transparent url('/images/background/bullet-double-arrow.gif') 0px center no-repeat;
}

.soubory-ke-stazeni, .souvisejici-odkazy {
	margin-left: 2em;
	float: right;
	width: 35%;
	clear: right;
	background: #fff url('/images/background/content.gif') left top repeat-y;
}
.soubory-ke-stazeni ul, .souvisejici-odkazy ul { margin: 0 0 1em 0; }
.soubory-ke-stazeni ul li, .souvisejici-odkazy ul li { background: none; padding: 0; }
.soubory-ke-stazeni ul li a, .souvisejici-odkazy ul li a {
	font-size: 0.9em; 
	color: black;
	padding-left: 20px; 
	background: transparent url('/images/background/bullet_soubory_ke_stazeni.gif') left 3px no-repeat 
}
.souvisejici-odkazy ul li a { background: transparent url('/images/background/bullet_souvisejici.gif') left 3px no-repeat  }

#hlavni-upoutavka {	width: 456px; height: 163px; }

/* 
	Upoutavky v leve casti, position absolute kvuli moznosti textove varianty
	Priklad pouziti:
	<div class="upoutavka background-bottom">
		<a href="#" title="Frekvenční měniče Altivar 61">
			<span>Frekvenční měniče Altivar 61</span>
			<img src="images/content/up-altivar.jpg" alt="Frekvenční měniče Altivar 61" />
		</a>
	</div>
*/
.upoutavka { position: relative; z-index: 5; width: 303px; height: 156px; }
.upoutavka img 	{ position: absolute; z-index: 10; top: 0; left: 0 }
.upoutavka span { position: absolute; top: 0; left: 0; z-index: 3; }

/* Navigacni boxy - pouzito v index.html */
.upoutavka-sloupec { width:395px; margin:17px 0 0 5px; }
.upoutavka-sloupec ul {}
.novinky-sloupec { width:195px; }

.sedive-pozadi-tmave 	{ background-color: #dddddd;  }
.sedive-pozadi-svetle 	{ background-color: #eeeeee;  }
.sedive-pozadi-svetle-l2{ background-color: #f9f9f9;  }

.cleaner {
	clear:both;
	height:-1px;
	=height:0px;
	font-size:-1px;
	=font-size: 0px;
	border:none;
	margin:0; padding:0;
	background:transparent;
	overflow:hidden;
}

/* NADIPSY S PRUHEM */
.nadpis-pruh {
	margin:1em auto 0;
	width:190px;
	min-height:20px;
	=height:20px;
	background:transparent url('/images/background/nadpis-pruh.gif') center left no-repeat;
}
.nadpis-pruh.modry {
	background:transparent url('/images/background/nadpis-pruh-modry.gif') center left no-repeat;
}
.nadpis-pruh h2 {
	padding:0 15px 0 0;
	margin:0;
	display:block;
	float:left;
	min-height:20px;
	=height:20px;
	background-color:white;
	font-weight:bold;
	color:#6e6e6e;
	font-size:1.3em;
}

/* PRO GRAFICKY NADPIS - image replacement */

.img-header-big {
	margin:10px 0 0 10px; padding:0;
	position:relative;
	overflow:hidden;
	font-size: 1.2em;
}

.img-header-big span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	margin:0; padding:0;
}

.img-header-small {
	margin:0 0 5px 0; padding:0;
	position:relative;
	overflow:hidden;
	font-size:0.8em;
}

.img-header-small span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	margin:0; padding:0;
}

.img-header-middle {
	margin:0; padding:0;
	position:relative;
	overflow:hidden;
	font-size:0.8em;
}

.img-header-middle span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	margin:0; padding:0;
}
/*pro obcasnou kontextovou napovedu*/
#contextHint{
	background: white;
	border: 1px solid silver;
	padding: 3px;
	padding-right: 8px;
	font-size: 11px;
	width: 180px;
}
/*pro sekci znacky na umisteni loga*/
.mark-stamp {
	position: absolute;
	top:75px;
	width:434px;
	height: auto;
	margin-top:-45px;
	text-align:right;
}

.divider, .divider-narrow-left, .divider-narrow-right { background: #fff url('/images/background/tecky-horizontalni.gif') left top repeat-x; height:1px; font-size: 1px; }
.divider-narrow-left, .divider-narrow-right { width: 50%; float: left; }
.divider-narrow-right { float: right; }
/* pro sekci Dokumentace */
TABLE.doc-list TH{
	font-size:9pt;
	line-height: 16px;
	font-weight: bold;
	text-align:left;
}

TABLE.doc-list TD{
	font-size: 8pt;
	vertical-align: top;
	line-height: 16px;
}

TABLE.doc-list TR.dl2{
	background-color: #eeeeee;
}

TABLE.doc-list IMG {
border: 0px;
}

#strankovani {
    font-size: 11px;
    margin-top: 6px;
}

/* box Zakaznicke centrum na HP */
.box-zakaznicke-centrum {
	background-color:#f8f8f8;
	border:1px solid #d8d8d8;
	width:95%;
	margin:17px auto 0;
}
.box-zakaznicke-centrum h2 {
	font-weight:bold;
	color:#6e6e6e;
	font-size:1.3em;
}
.box-zakaznicke-centrum h2 span {
	font-style:italic;
	color:#009a3a;
}
.box-zakaznicke-centrum .telefon {
	padding-top:1px;
	height:19px;
	background: transparent url('/images/background/telefon-pozadi.gif') top center no-repeat;
	color:white;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}
.box-extranet {
	width:95%;
	margin:1em auto;
	background-color:#eaefff;
}
.box-extranet label {
	display:block;
	float:left;
	width:75px;
}
.box-extranet input.text {
	display:block;
	float:right;
	width:85px;
	=width:84px;
	border:1px solid #828282;
	margin-right:1px;
}
.box-extranet input.button {
	display:block;
	float:right;
	width:89px;
	height:20px;
	=height:22px;
	border:1px solid white;
	background:transparent url('/images/background/extranet-prihlaseni.gif') top left no-repeat;
	color:white;
	font-size:11px;
	font-weight:bold;
}

table {
	border-collapse: collapse;
}


th {
 border-right: 1px solid #fff;
 color:#fff;
 text-align:left;
 padding: 3px 6px;
 /*text-transform:uppercase;*/
 height:22px;
 background-color: #009347;
 font-weight: bold;
}

tr {
 background-color:#fff;
 border-bottom: 1px solid #d9d9d9;
}
td {
 color:#414141;
 padding: 3px 5px;
 text-align:left;
 =border-bottom: 1px solid #cfcfcf;
}
td.right,th.right {
	text-align:right;
}
td.right img {
	position:relative;
	top:2px;
}
td a {
	text-decoration:none;
	color:#000;
}