body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 8pt;
	font-family: "Tahoma", "Tahoma CE", "Arial", "Verdana" ,"Helvetica", sans-serif;
	background: #898989;
}
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
#obsah {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background: #fff url("../pics/body-bg.jpg") left top repeat-y;
}
#vrsek {
	width: 950px;
	height: 40px;
	background: url("../pics/vrsek-bg.jpg") left top no-repeat;
}
#vrsek .left {
	width: 445px;
	height: 21px;
	padding: 19px 0 0 30px;
	float: left;
}
#vrsek .left a {
	display: block;
	width: 15px;
	float: left;
	text-align: center;
}
#vrsek .left a img {
	border: 0;
}
#vrsek .left span {
	display: block;
	width: 20px;
	height: 11px;
	line-height: 0;
	font-size: 0;
	float: left;
	background: url("../pics/ikona-oddelovac.jpg") center top no-repeat;
}
#vrsek .right {
	width: 435px;
	padding:21px 40px 0 0;
	float: left;
	text-align: right;
}
#vrsek .right a {
	text-decoration: none;
	font-size: 12pt;
	color: #e1e1e1;
}
#vrsek .right a:hover {
	text-decoration: underline;
}
#hlavicka {
	width: 950px;
	height: 154px;
/* 	background: url("../pics/hlavicka-bg.jpg") left top no-repeat; */
	position: relative;
}
#hlavicka a.logo {
	display: block;
	width: 880px;
	height: 147px;
	position: absolute;
	left: 27px;
	top: 5px;
}
#hlavicka #langs {
	position: absolute;
	left: 922px;
	top: 0;	
}
#hlavicka #langs li, #hlavicka #langs ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 14px;
}
#hlavicka #langs li {
	display: block;
	width: 14px;
	height: 20px;
	border-top: 1px solid #c4c4c4;
	text-align: center;
}
#hlavicka #langs li.prvni {
	border: 0;
}
#hlavicka #langs li a {
	display: block;
	width: 14px;
	height: 20px;
	line-height: 20px;
	font-size: 14pt;
	color: #fffefe;
	text-decoration: none;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#hlavicka #langs li a img {
	display: block;
	width: 14px;
	height: 10px;
	border: 0;
	vertical-align: middle;
	padding-top: 5px;
}
#menu {
	width: 950px;
	height: 48px;
	background: url("../pics/menu-bg.jpg") left top no-repeat;
}
#menu li, #menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu ul {
	margin-left: 30px;
}
#menu li {
	height: 41px;
	float: left;
}
#menu li a {
	display: block;
	height: 41px;
	line-height: 41px;
	font-size: 10pt;
        font-weight: bold;
        color:     #979797;
	text-decoration: none;
	position: relative;
}
#menu li a {
	display: block;
	height: 41px;
	position: relative;
        padding-left: 18px;
        padding-right: 7px;
        background: url("../pics/menu-sipky.jpg") left center no-repeat;
}
#menu li a:hover {
        text-decoration: underline;
        color:green;
}
#menu li img {
	border: 0px none #ffffff;
}


/*
#menu li.onas {
	padding-left: 20px;
        padding-right: 3px;
        background: url("../pics/menu-sipky.jpg") left center no-repeat;
}
#menu li.onas a span:hover {
	background-position: left top;
}
#menu li.onas a span {
	width: 50px;
	background-image: url("../pics/menu-onas.jpg");
}

#menu li.aktuality {
	padding-left: 20px;
        padding-right: 3px;
        background: url("../pics/menu-sipky.jpg") left center no-repeat;
}
#menu li.aktuality a span {
	width: 73px;
	background-image: url("../pics/menu-aktuality.jpg");
}
#menu li.aktuality a span:hover {
	background-position: left top;
}
#menu li.sluzby {
	padding-left: 15px;
        background: url("../pics/menu-sipky.jpg") left center no-repeat;
}
#menu li.sluzby a span {
	width: 58px;
	background-image: url("../pics/menu-sluzby.jpg");
}
#menu li.sluzby a span:hover {
	background-position: left top;
}
#menu li.servis {
	padding-left: 15px;
        background: url("../pics/menu-sipky.jpg") left center no-repeat;
}
#menu li.servis a span {
	width: 55px;
	background-image: url("../pics/menu-servis.jpg");
}
#menu li.servis a span:hover {
	background-position: left top;
}
#menu li.katalog {
	padding-left: 15px;
        background: url("../pics/menu-sipky.jpg") left center no-repeat;
}
#menu li.katalog a span {
	width: 63px;
	background-image: url("../pics/menu-katalog.jpg");
}
#menu li.katalog a span:hover {
	background-position: left top;
}
#menu li.vyhody {
	padding-left: 15px;
        background: url("../pics/menu-sipky.jpg") left center no-repeat;
}
#menu li.vyhody a span {
	width: 100px;
	background-image: url("../pics/menu-vyhody.jpg");
}
#menu li.vyhody a span:hover {
	background-position: left top;
}
#menu li.siemens {
	padding-left: 15px;
        background: url("../pics/menu-sipky.jpg") left center no-repeat;
}
#menu li.siemens a span {
	width: 108px;
	background-image: url("../pics/menu-siemens.jpg");
}
#menu li.siemens a span:hover {
	background-position: left top;
}
#menu li.napiste {
	padding-left: 15px;
        background: url("../pics/menu-sipky.jpg") left center no-repeat;
}
#menu li.napiste a span {
	width: 86px;
	background-image: url("../pics/menu-napiste.jpg");
}
#menu li.napiste a span:hover {
	background-position: left top;
}
#menu li.mista {
	padding-left: 15px;
        background: url("../pics/menu-sipky.jpg") left center no-repeat;
}
#menu li.mista a span {
	width: 84px;
	background-image: url("../pics/menu-mista.jpg");
}
#menu li.mista a span:hover {
	background-position: left top;
}
#menu li.reference {
	padding-left: 15px;
        background: url("../pics/menu-sipky.jpg") left center no-repeat;
}
#menu li.reference a span {
	width: 76px;
	background-image: url("../pics/menu-reference.jpg");
}
#menu li.reference a span:hover {
	background-position: left top;
}
#menu li.kontakt {
	padding-left: 15px;
        background: url("../pics/menu-sipky.jpg") left center no-repeat;
}
#menu li.kontakt a span {
	width: 63px;
	background-image: url("../pics/menu-kontakt.jpg");
}
#menu li.kontakt a span:hover {
	background-position: left top;
}
*/
#main {
	width: 950px;
	background: url("../pics/spodek-bg.jpg") left bottom no-repeat;	
}
#main2 {
	width: 893px;
	margin: 10px 0 0 22px;
	color: #979797;
	/*border: 1px solid red;*/
}
#main-text {
 margin-left:15px;
 margin-right:15px;
 line-height:1.6;
}
#main-text p{
 text-align:justify;
 margin-left:46px;
 margin-right:46px;
}
#main-text h3 {
  margin-left:28px;
  margin-top:16px;
  margin-bottom:0px;
  font-size:12pt;
  color:#7fb043;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  background-image: url("../pics/nadpis.jpg");
  background-position:left bottom;
  background-repeat:no-repeat;
}
#main-text h4 {
  margin:0;
  padding:0;
  font-size:10pt;
  font-weight:bold;
}
#main-text h4 span {
  font-weight:normal;
  font-size:12pt;
}
#main-text a {
	color: #fe9b00;
	text-decoration: none;
	font-weight: bold;
}
#main-text a:hover {
	text-decoration: underline;
}
#main-text ul {
  
}
#main-text li {
  background-image: url("../pics/puntik.gif");
  background-position:left 5px;
  background-repeat:no-repeat;
  padding-left:16px;	
  list-style: none;
  margin-left:15px;
}
#main-text input {
  border:1px solid #bbbbbb;
}
#main-text textarea {
  border:1px solid #bbbbbb;
}
#main-text .nahledy {
	width: 100%;
	background: #efefef;
	text-align:center;
}
#main-text .nahledy img {
	margin: 7px 7px;
	background: #fff;
	border: 4px solid #dddddd;
	text-align: center;
}
h2 {
	color: #7fb043;
	padding: 5px 0;
	margin: 0 5px;
	line-height: 16px;
	font-size: 13pt;
	font-family: "Tahoma", "Tahoma CE", "Arial", "Verdana" ,"Helvetica",sans-serif; /*"Trebuchet MS", "Geneva CE", lucida, sans-serif;*/
	position: relative;
}
h2 span.kostka {
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: #81b344 url("../pics/ikona-kostka-nadpis.jpg") left top no-repeat;
	float: left;
	font-size: 0;
	line-height: 0;
	z-index: 30;
}
h2 span.uvodni {
	color: #b4b4b4;
	font-size: 7.5pt;
	position: relative;
	left: 22px;
	top: 0;
	vertical-align: top;
}
h2 .obrazkem {
	display: block;
	width: 100%;
	height: 42px;
	padding: 0;
/*  */
	line-height: 10px;
	position: relative;
}
h2 .obrazkem-vitejte {
	display: block;
	width: 100%;
	height: 42px;
	background:  url("../pics/nadpis-vitejte.jpg") left bottom no-repeat;
	z-index: 20;
	position: absolute;
	left: 0;
	top: 0; 
}
h2 .obrazkem2 {
	display: block;
	width: 100%;
	height: 26px;
	padding: 0;
/*  */
	line-height: 10px;
	position: relative;
}
h2 .obrazkem-onas {
	display: block;
	width: 100%;
	height: 26px;
	background:  url("../pics/nadpis-onas.jpg") left bottom no-repeat;
	z-index: 20;
	position: absolute;
	left: 0;
	top: 0; 
}
h3 {
	margin: 0;
	padding: 5px 0 5px 0;
	height: 9px;
	line-height: 9px;
	font-size: 15pt;
}
h3 span.kostka {
	display: block;
	width: 9px;
	height: 9px;
	margin-right: 5px;
	background: #81b344 url("../pics/ikona-kostka-nadpis2.jpg") left top no-repeat;
	float: left;
	font-size: 0;
}
h3.obraz1 {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 19px;
	line-height: 19px;
	font-size: 12pt;
	position: relative;
	padding-top: 3px;
}
h3 span.obraz1-aktuality {
	display: block;
	width: 100%;
	height: 19px;
	font-size: 0;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	z-index: 50;
	background: url("../pics/nadpis-aktuality.jpg") left center no-repeat;
	font-size: 0;
	line-height: 0;
}
h3 span.obraz1-zamestnani {
	display: block;
	width: 100%;
	height: 19px;
	background: url("../pics/nadpis-zamestnani.jpg") left center no-repeat;
	font-size: 0;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	z-index: 50;
	font-size: 0;
	line-height: 0;
}
h3 span.obraz1-nabidka {
	display: block;
	width: 100%;
	height: 19px;
	background: url("../pics/nadpis-nabidka.jpg") left center no-repeat;
	font-size: 0;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	z-index: 50;
	font-size: 0;
	line-height: 0;
}
.tecky {
	width: 100%;
	height: 1px;
	line-height: 1px;
	font-size: 0;
	background: url("../pics/podtrzeni-tecky.jpg") left bottom repeat-x;
	margin: 0 0 5px 0;
}
a.podrobnosti {
	display: block;
	height: 1em;
	line-height: 1em;
	width: 85px;
	float: right;
	text-align: right;
	padding-right: 10px;
	color: #fe9b00;
	background: url("../pics/ikona-sipky-oranzove.jpg") right center no-repeat;
	text-decoration: none;
	font-weight: bold;
	margin: 0 0 5px 0;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
a.podrobnosti:hover {
	text-decoration: underline;
}



#horni {
	margin: 0 5px;
}
#horni .levy {
	width: 32%;
	float: left;
	margin: 0 0 0 10px;
}
#horni .levy ul.katalog {
	padding-left: 0px;
	margin-left:0;
}
#horni .levy ul.katalog li {
	margin-bottom: 8px;
}
#horni .mezi {
	width: 30px;
	height: 125px;
	float: left;
	margin: 0;
	font-size: 0;
	background: url("../pics/svisly-oddelovac.jpg") center no-repeat;
}
#horni .mezi2 {
	width: 15px;
	min-height: auto;
	float: left;
	margin: 0;
	font-size: 0;
/* 	background: url("../pics/svisly-oddelovac.jpg") center top repeat-y; */
}
#horni .pravy {
	width: 58%;
	float: left;
	margin: 0 30px 0 15px;
}
#horni #kat .pravy {
	width: 58%;
	float: left;
	margin: 0 30px 0 15px;
	background: url("../pics/svisly-oddelovac.gif") left top repeat-y;
	padding-left: 15px;
}
#horni .levy img {
	border: 3px solid #c8c8c8;
	margin: 0 5px;
	float: left;
}
#horni .levy p {
	margin: 0;
	text-align: justify;
	line-height: 1.5em;
}
#horni .pravy img {
	border: 3px solid #c8c8c8;
	margin-right: 5px;
	float: left;
}
#horni .pravy p {
	margin: 0;
	text-align: justify;
	line-height: 1.5em;
}
#horni .pravy ul {
	margin: 0 0 0 35px;
	padding: 0 0 10px 0;
	float: right;
}
#horni .pravy li {
	list-style-image: url("../pics/ikona-sipka-zelena.jpg");
	line-height: 1.5em;
	height: 1.5em;
}
#horni .pravy li a {
	color: #8cac4b;
}
#oddeleni {
	width:98%;
	height: 26px;
	font-size: 0;
	line-height: 0;
	margin: 0 10px;
	float: none;
	clear: both;
	background: url("../pics/podtrzeni-siroke.jpg") left center repeat-x;
}
#dolni {
	margin: 0 5px;
}
#dolni .levy {
	width: 32%;
	float: left;
	margin: 0 0 0 10px;
}
#dolni .levy p {
	text-align: justify;
	margin: 0;
	line-height: 1.5em;
}
#dolni .levy p.datum {
	padding-left: 20px;
	background: url("../pics/ikona-list.jpg") 4px 50% no-repeat;
	margin: 5px 0;
}
#dolni .levy h4 {
	margin: 0;
	font-size: 10pt;
	line-height: 1.5em;
}
#dolni .stred {
	width: 23%;
	float: left;
	margin: 0 0 0 10px;
}
#dolni .stred ul, #dolni .stred li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 200px;
}
#dolni .stred ul {
	padding-top: 7px;
}
#dolni .stred li {
	height: 26px;
	line-height: 26px;
	margin-bottom: 7px;
}
#dolni .stred li a {
	display: block;
	height: 26px;
	line-height: 26px;
	width: 150px;
	padding-left: 50px;
	background: url("../pics/button-nabidka.jpg") left top no-repeat;
	text-decoration: none;
	color: #979797;
}
#dolni .stred li a:hover {
	background-position: left bottom;
}
#dolni .mezi {
	width: 30px;
	height: 197px;
	float: left;
	margin: 0;
	font-size: 0;
	background: url("../pics/svisly-oddelovac2.jpg") center no-repeat;
}
#dolni .pravy {
	width: 33%;
	float: left;
	margin: 0 0 0 10px;
}
#dolni .pravy ul, #dolni .pravy li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#dolni .pravy li {
	margin-bottom: 15px;
	line-height: 1.5em;
}
#dolni .pravy li h4 {
	color: #8cac4b;
	margin: 0;
	padding-left: 10px;
	background: url("../pics/ikona-sipka-zelena.jpg") left center no-repeat;
	font-weight: normal;
	font-size: 10pt;
}
#dolni .pravy li p {
	margin: 0;
	padding-left: 10px;
	font-size: 8pt;
}
#dolni .pravy li a.podrobnosti {
	float: left;
	text-align: left;
	width: 63px;
	padding-left: 10px;
	font-weight: normal;
	line-height: 1.5em;
	height: 1.5em;
}
#main2 h3.zaznam {
	margin-bottom: 0;
	line-height: 1em;
	background:none;
	padding-left:18px;
        padding-bottom: 10px;
}
#main2 p.datum2 {
	margin-bottom: 0;
	margin-top: 0;
	line-height: 1em;
}
#paticka {
	height:93px;
	margin: 10px 40px 0 27px;
	font-size: 8pt;
}
#paticka #copy {
	height: 55px;
	width: 270px;
	margin: 0;
	float: left;
}
#paticka #copy p {
	margin: 0;
	color: #939393;
	padding: 12px 0 0 15px;
}
#paticka #copy a {
	color: #939393;
	text-decoration: none;
}
#paticka #copy a:hover {
	text-decoration: underline;
}
#paticka #adresa {
	height: 50px;
	width: 80px;
	margin: 0;
	padding-left: 20px;
	float: left;
	background: #404040 url("../pics/ikona-domek2.jpg") left center no-repeat;
}
#paticka #adresa p {
	margin: 0;
	color: #fdfdfd;
	padding-top: 6px;
}
#paticka #telfax {
	height: 50px;
	width: 120px;
	margin: 0;
	padding-left: 20px;
	float: left;
	background: #404040 url("../pics/ikona-mobil.jpg") left center no-repeat;
}
#paticka #telfax p {
	margin: 0;
	color: #fdfdfd;
	padding-top: 14px;
}
#paticka .mezi {
	height: 40px;
	width: 1px;
	float: left;
	font-size: 0;
	background: #939393;
	margin: 5px 25px;
}
#paticka #mail {
	height: 50px;
	line-height: 50px;
	width: 120px;
	margin: 0;
	padding-left: 20px;
	float: left;
	background: #404040 url("../pics/ikona-obalka2.jpg") left center no-repeat;
}
#paticka #mail p {
	margin: 0;
	color: #fdfdfd;
}
#paticka #mail a {
	color: #fdfdfd;
}
.cleaner {
	width: 100%;
	height: 0;
	line-height: 0;
	font-size: 0;
	float: none;
	clear: both;
}
/*****************************************************************************/
#bocni-menu {
	margin: 0 5px;
}
#bocni-menu .levy {
	width: 20%;
	float: left;
	margin: 0 0 0 10px;
}
#bocni-menu .levy ul.katalog {
	padding-left: 0px;
	margin-left:0;
}
#bocni-menu .levy ul.katalog li {
	margin-bottom: 8px;
}
#bocni-menu .mezi {
	width: 30px;
	height: 125px;
	float: left;
	margin: 0;
	font-size: 0;
	background: url("../pics/svisly-oddelovac.jpg") center no-repeat;
}
#bocni-menu .mezi2 {
	width: 15px;
	min-height: auto;
	float: left;
	margin: 0;
	font-size: 0;
/* 	background: url("../pics/svisly-oddelovac.jpg") center top repeat-y; */
}
#bocni-menu .pravy {
	width: 70%;
	float: left;
	margin: 0 30px 0 15px;
}
#bocni-menu #kat .pravy {
	width: 58%;
	float: left;
	margin: 0 30px 0 15px;
	background: url("../pics/svisly-oddelovac.gif") left top repeat-y;
	padding-left: 15px;
}
#bocni-menu .levy img {
	display: block;
        border: 0px solid #c8c8c8;
	margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
	float: none;

        text-align: center;

}
#bocni-menu .levy h4 {
	color: red;
        text-align: center;
        text-decoration: blink;
}
#bocni-menu .levy p {
	margin: 0;
	text-align: justify;
	line-height: 1.5em;
}
#bocni-menu .pravy img {
	border: 0px solid #c8c8c8;
	margin-right: 0px;
	float: right;
}

#bocni-menu .pravy p {
	margin: 0;
	text-align: justify;
	line-height: 1.5em;
}
