<!--

html,body {
  height:100%;
}

body {
  margin:0;
  padding:0;
  min-width:770px;
  font-family:Arial,sans-serif;
  color:#fff;
  font-size:13px;
  height:100%;
  color:#575757;
  background:url("pravy_pruh.jpg") top right repeat-y;
}

html>body {
  font-size:0.8em;
}

#stranka {
  min-width:960px;
  height:100%;
  min-height:100%;
  position:relative;
  background:url("levy_pruh.jpg") top left repeat-y;
}

body>#stranka {
  height:auto;
}

#paticka {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:19px;
  line-height:19px;
  overflow:hidden;
  background:#575757;
  font-size:90%;
  color:#fff;
  text-align:center;
}

#vycpavka-des {
  width:960px;
  font-size:0px;
  height:0;
  margin:0;
  padding:0 0 27px 0;
  clear:both;
}

#leve-menu {
  float:left;
  width:196px;
  position:relative;
  z-index:100;
}

#prave-menu {
  float:right;
  width:196px;
  position:relative;
  z-index:200; 
  border-bottom:3px solid #fff;
}

#stred {
  /*padding:0 196px;*/
  margin:0 196px;
  position:relative;
  text-align:center;
}

#stred2 {
  width:97%;
  text-align:left;
  position:relative;
  margin:0 auto;
  padding:0;
}

#obsah {
  clear:both;
  font-size:96%;
  padding:2px 0 5px 7px;  
  color:#575757;
}

/* ------------------------ */

#top {
  background:url('pozadi_vrsek_nahore_komplet.gif') top right repeat-x;
  height:49px;
  height:70px;
}

h1 {
  display:inline;
  margin:0;
  padding:0;
  float:left;
}

#logo-elko {
  color:#fff;
  width:111px;
  height:49px;
  position:relative;
  text-align:center;
  line-height:49px;
  overflow:hidden;
  margin:0;padding:0;
  display:block;
  cursor:pointer;
}

#logo-elko span {
  width:111px;
  height:49px;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  display:block;
  background:url('logo_elko_uvod.gif') top left no-repeat;
  cursor:pointer;
}


#vrsek-odkazy {
  line-height:54px;
  float:left;
  font-size:12px; 
}

#vrsek-odkazy a {
  color:#fff;
  margin:0 5px;
  text-decoration:none;
  font-weight:bold;
  display:block;
  float:left;
}

#vrsek-odkazy a.aktivni {
  color:#fff;
  margin:0 7px;
  text-decoration:none;
  background:url('pozadi_vrsek_nahore_aktivni.gif') right 2px no-repeat;
  font-weight:bold;
  padding:0 5px;
}

#vrsek-odkazy a:hover {
  text-decoration:underline;
}

#hledani {
  float:right;
  padding:0 5px;
  margin:15px 0 0 0;
  display:block;
}

#hledani input {
  font-size:80%;
}

#odeslat {
  color:#fff;
  background:#1a7fb3;
  border:2px solid #fff;
}

#lista {
  clear:left;
  padding:0 20px;
  font-size:90%;
  color:#575757;
  position:absolute;
  top:50px;
}

#lista a {
  color:#575757;
  text-decoration:none;
  line-height:19px;
}

#lista a:hover {
  text-decoration:underline;
}

.odkaz {
  color:#575757;
}

.odkaz:hover {
  text-decoration:none;
}


/*  ----- leva cast ---- */

#leve-menu h2, #prave-menu h2 {
  margin:0;
  padding:8px;
  font-size:100%;
  color:#fff;
}

h2 {
  color:#FF8401;
  font-size:150%;
}

#leve-menu h2.modre, #prave-menu h2.modre {
  background:#006699 url('pozadi_prava_cast_modre.gif') top left no-repeat;
}

#leve-menu h2.tmave, #prave-menu h2.tmave {
  background:#575757 url('pozadi_prava_cast_tmave.gif') top left no-repeat;
}

#leve-menu ul, #prave-menu ul {
  list-style: none;
  margin:0;
  padding:5px 0;
  background:#268dbe;
}

#leve-menu li, #prave-menu li {
  margin:0;
  padding:3px 5px;
  height:29px;
  line-height:29px;
}

#leve-menu ul li a, #prave-menu ul li a {
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  display:block;
  margin:0;
  height:29px;
  line-height:29px;
  padding:0 0 0 40px;
}

#leve-menu ul li a:hover, #prave-menu ul li a:hover {
  text-decoration:underline;
}

.ovladace {
  background:url('ovladace.gif') center left no-repeat;
}

.zamek-open {
  background:url('iko_zamek_on_24.gif') center left no-repeat;
}

.biosy, .aktivni {
  background:url('biosy.gif') center left no-repeat;
}

.manualy {
  background:url('manualy.gif') center left no-repeat;
}

.faq {
  background:url('faq.gif') center left no-repeat;
}

.kontakt {
  background:url('kontakt.gif') center left no-repeat;
}

/*
#prihlasovani {
  color:#fff;
  margin:0;
  padding:5px 0;
  background:#268DBE;
  font-size:100%;
  font-weight:bold;
  width:196px;
  text-align:center;
}
*/

#prihlasovani {
  margin:0;
  background:#268DBE;
}

#prihlasovani .odesilac {
  color:#fff;
  font-size:100%;
  background:url('iko_zamek_24.gif') center left no-repeat;
  border:0;
  font-weight:bold;
  cursor:pointer;
  display:block;
  text-align:left;  
  height:29px;
  line-height:29px;
  padding:0 0 0 37px; 
  margin:0;
  font-family:Arial,sans-serif;
}

* html #prihlasovani .odesilac {
  width:186px;
  padding:0 0 0 40px; 
}

#prihlasovani .odesilac:hover {
  text-decoration: underline;
}

/*
#prihlasovani {
  color:#fff;
  margin:0;
  padding:5px 0;
  font-size:100%;
  font-weight:bold;
  width:196px;
  background:#eee;
  text-align:center;
}

#prihlasovani a {
  font-size:95%;
}

#prihlasovani a:hover {
  text-decoration:underline;
}

#prihlasovani .odesilac {
  color:#000;
  font-size:100%;
  background:transparent;
  border:0;
  font-size:100%;
  font-weight:bold;
  cursor:pointer;
  margin:5px 0;
  text-decoration:underline;
  width:196px;
}

*/



#oranzova-reklama {
  width:196px;
  height:157px;
  background:#ff8401 url('telefon.gif') top left no-repeat;
  color:#fff;
  text-align:center;
}

#oranzova-reklama p {
  padding-top:110px;
  font-size:130%;
  font-weight:bold;
}

#anketa {
  background:#eee;
  padding:10px 10px 20px 10px;
  border-bottom:3px solid #fff;
}

#anketa table {
  width:170px;
}

#anketa h4 {
  color:#575757;
  margin:0 0 3px 0;
}

#anketa a {
  color:#575757;
  text-decoration:none;
  display:block;
  clear:left;
  margin:5px 0 3px 0;
}

#anketa a:hover {
  text-decoration:underline;
}

#anketa span.leve {
  height:11px;
  width:3px;
  display:block;
  background:url('anketa_levy.gif') top left no-repeat;
  float:left;
}

#anketa span.prave {
  height:11px;
  width:3px;
  display:block;
  background:url('anketa_pravy.gif') top left no-repeat;
  float:left;
}

#anketa span.stred {
  height:11px;
  display:block;
  background:url('anketa_stred.gif') top left repeat-x;
  float:left;
  margin:0 0 10px 0;
}

#anketa .procento {
  float:right;
}

#paticka a {
  color:#fff;
}

#paticka a:hover {
  text-decoration:none;
}

#novinky {
  padding:10px 5px;
  color:#575757;
  font-size:90%;
  background:#eee;
}

.zprava, .zpravy {
  /*margin:0 0 10px 0;*/
}

.zprava {
  margin:0 0 10px 0;
}

.zprava .datum {
  text-align:right;
}

.zprava a {
  text-decoration:none;
}

.zprava h3 {
  color:#FF8401;
  margin:0;
  padding:0;
  font-size:110%;
}

.zprava p {
  margin:0;
  padding:0;
  color:#575757;
}

.zprava a:hover {
  text-decoration:underline;
}


.tucne {
  font-weight:bold;
}

#vyhodny-nakup {
  padding:10px;
  color:FF8401;
  font-weight:bold;
  text-align:center;
}

#vyhodny-nakup p {
  text-align:left;
  margin:0;padding:0;
}

#vyhodny-nakup a img{
  border:0;
}

#stred .zprava, .zpravy {
  /*padding:0 5px 10px;*/
}

#stred .zprava {
  border-bottom:1px solid #575757;
  position:relative;
  float:left;
}

#stred .zprava h2,.editor_nadpis2 {
  color:#FF8401;
  font-size:160%;
  position:relative;
  z-index:5;
  margin:5px 0 10px 0;
  font-weight:bold;
  width:100%;
  display:block;
}

table .editor_nadpis2 {
  margin-top:0;
}

.editor_nadpis2 a {
  color:#FF8401;
  text-decoration:none;
}

.editor_nadpis2 a:hover {
  text-decoration:underline;
}

#banner a img {
  border:0;
}

#stred .novinka {
  padding:0 0 10px 0;
  float:left;
  margin:0 10px 1.5em 10px;
  /*border-bottom:1px solid #000;*/
  width:95%;
  position:relative;
}

#stred .novinka-velkoobchod {
  margin:0 0 10px 0;
}

#stred .novinka .datum {
  padding:0 10px;
  float:right;
  font-weight:bold;
  margin:0;
  padding:0;
  position:relative;
  z-index:1;
  height:1em;
}

#stred .novinka h3 {
  position:absolute;
  z-index:3;
  padding:0 10px;
  color:#FF8401;
  font-weight:bold;
  margin:5px 0;
  border-bottom:1px solid #FF8401;
  width:100%;
  font-size:125%;
}

#stred .novinka .vpravo {
  clear:right;
  margin:20px 0 0 0;
}

#stred .podpora .vpravo {
  margin:30px 0 0 0;
}

#stred .novinka .obsah-novinky {
  margin:0;
  font-size:95%;
}

#stred .novinka p.obsah-novinky {
  margin:0;
  font-size:95%;
  margin:3em 0 0 0;
}


#flash {

}

#kontaktujte-nas {
  margin:5px;
}

/*  ------- design*/


p {
  margin:0 0 10px 0;
}

.proste {
  border:0;
  margin:0;
  padding:0;
}

.text-stred {
  text-align:center;
}

.na-stred {
  text-align:left;
  margin:0 auto;
}

.vpravo {
  float:right;
}

/*styly pro editor*/
.editor_text {
  font-family : Arial;
  font-size:12px;
  margin:0;
}

.editor_nadpis {
  margin:0;font-weight: bolder;
  color:#FF8401;
  font-size:120%;
  position:relative;
  z-index:5;
  margin:5px 0 10px 0;
  font-weight:bold;
  width:100%;
  display:block;  
}

#starsi-zpravy,#starsi-zpravy-mensi {
  font-weight:bold;
  margin:1em 0;
  font-size:120%;
  float:left;
  width:95%;
}

#starsi-zpravy-mensi {
  font-size:100%;
  float: none;
}

#starsi-zpravy a, #starsi-zpravy-mensi a {
  color:#575757;
}

#starsi-zpravy a:hover, #starsi-zpravy-mensi a:hover {
  text-decoration:none;
  color:#FF8401;
}

/***************************
****  TECHNICKA PODPORA ****
***************************/

#ShowWareIn-table, #ShowProduct-table {
  width:100%;
  margin:1em 0;
}

#ShowWareIn-table th, #ShowProduct-table th,.ShowProductDetail-LeftCell {
  background:#FF8401;
  color:#fff;
}

#ShowWareIn-table td, #ShowWareIn-table th, #ShowProduct-table td, #ShowProduct-table th {
  border:1px solid #575757;
  font-size:95%;
  padding:0.2em 0.5em;
}

.ShowWareIn-detail,.ShowProduct-detail,.ShowProduct-souboruTD {
  text-align:center;
}

#ShowWareIn-table a, #ShowProduct-table a {
  color:#575757;
}

#ShowWareIn-table a:hover, #ShowProduct-table a:hover {
  text-decoration:none;
}

#ShowProductDetail-table {
  border:1px solid #000;
  margin:0 0 10px 0;
}

.ShowProductDetail-LeftCell {
  font-weight:bold;
}

.ShowProductDetail-Files {
  border-top:1px solid #000;
}

#ShowProductDetail-table td {
  font-size:95%;
  padding:0.2em 0.5em;
}

#FirmsName li{
	list-style-type: none;
	list-style-position: outside;
	font-size: 1em;
}
#FirmsName li a{
	color: #005797;
	text-decoration: none;
}
#FirmsName li a:hover{
	text-decoration: underline;
}

#odkazy-podpora-detail {
  margin:1em 2em;
}

#odkazy-podpora-detail a {
  color:#575757;
}

#odkazy-podpora-detail a:hover {
  text-decoration:none;
}

/*styly pro editor*/

.noborder {
 border:0px;
}

table td {
  vertical-align:top;
}

#prave-menu .odkaz  {
  text-align:right;
}

#prave-menu .odkaz a {
  color:#575757;
}

#prave-menu .odkaz a:hover {
  text-decoration:none;
}

#info-ankety {
  color:#f00;
  font-weight:bold;
  width:100%;
  text-align:center;
  float:left;
}

table {
  font-size:100%;
}

#vyhledavani li {
  margin:0.5em 0;
}

#vyhledavani a {
    color:#575757;
}

#vyhledavani a:hover {
    text-decoration:none;
}

.mensi {
  font-size:80%;
}

a {
  color:#000;
}

a:hover {
  text-decoration:none;
}

#vlajecky {
  float:right;
  margin:17px 9px 0 0;
}

#vlajecky a img {
  border:0;
}

#text-reseni p {
  text-align:justify;
  padding:0 0.3em 0 0;
}

#text-reseni .editor_nadpis2 {
  text-align:left;
}
.tlacitko {
	FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #268dbe
}

-->
