body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000066;
	background-color: #FEFBFB;
	margin:0px;
	padding:0px;
	background-image:url(grafika/pozadie_stranky.png);
	background-repeat: repeat-x; 
}

p  {text-align: justify;}

img {
  border: 0 none;
}

#telo {
	background-image:url(grafika/pozadie_telo.png);
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right: auto;
	width: 780px;	
	}
/*TOP COPYRIGHT*/
#telo #copyright {
	width: 780px;
	height: 20px;
	background-image:url(grafika/top_copyright.png);
	background-repeat:repeat-x;
}
/*#telo #copyright #vpravo {
	width: 170px;
	height: 20px;
	background-image:url(grafika/top_copy_vpravo.jpg);
	float:right;
} */
/*VRCHOL STRANKY*/
#telo #top {
	width: 780px;
	height: 150px;
	font-size:0px;
}
#telo #prechod {
	width: 780px;
	height: 22px;
	background-image:url(grafika/lista_top_obsah2.jpg);
}
/*CELKOVA OBSAHOVA CAST MENU + OBSAH*/
#telo #stred {
	width: 778px;
	height:auto;
	margin-left:1px;
}
#telo #spodok {
background-image:url(grafika/spodok_stredu.png);
background-repeat:no-repeat;
	width: 780px;
	height:18px;

}
#telo #spodna_lista{
background-image:url(grafika/spodna_lista.jpg);
background-repeat:no-repeat;
	width: 700px;
	height:17px;
	color:#FFFFFF;
	padding-left:80px;
	padding-top:3px;
	font-size:73%;
	line-height:10px;

}



/*MENU*/
#telo #stred #menu {
	width: 178px;
	height: 600px;
	background-image: url(grafika/pozadie_obsah.png);
	background-repeat:repeat-x;
	float:left;

}
/*jednotlive polozky menu*/
/*#menu ul {bottom: 0; _bottom: -1px; list-style-type: none; position: relative; left: -30px;}*/
#menu ul {
	left: 11px;
	list-style-type: none;
	margin:0px;
	padding:0px;
	position: relative;
}
#menu ul li {
	display: block;
	height:40px;
	margin:5px 0 0 ;
}
#menu ul  #o_firme a{
	background-image:url(grafika/o_firme.png);
}
#menu ul  #produkty a{
  background-image:url(grafika/produkty.png);
}
#menu ul  #outsourcing a{
  background-image:url(grafika/outsourcing.png);
}
#menu ul  #riesenia a{
  background-image:url(grafika/internet.png);
}
#menu ul  #manazerKB a{
  background-image:url(grafika/manazerKB.png);
}
#menu ul  #referencie a{
	background-image:url(grafika/referencie.png);
}
#menu ul  #cennik a{
	background-image:url(grafika/cennik.png);
}
#menu ul  #download a{
	background-image:url(grafika/download.png);
}
#menu ul  #kontakty a{
	background-image:url(grafika/kontakty.png);
}
#menu ul  #pokladnice a{
  background-image:url(grafika/pokladnice.png);
}
#menu ul  #pc_uniq a{
  background-image:url(grafika/pc_uniq.png);
}
#menu ul  #pos_systemy a{
  background-image:url(grafika/pos_systemy.png);
}
#menu ul  #software a{
  background-image:url(grafika/software.png);
}
#menu ul  #akciawin8 a{
  background-image:url(grafika/akciawin8.png);
}
#menu ul .podmenu a{
	background-image:url(grafika/podmenu.png);
}
#menu ul li a{
	color: #777777;
	display: block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
	height:20px;
	padding:10px 0 10px 45px;
	width:110px;	
	text-align: left; 
	text-decoration: none;
}
#menu ul li a:hover{
	background-position:-155px;
	color: #333333;

}
#menu ul li.select a.select {
	background-position:-310px;
	color: #FFFFFF;
}
/*podmenu*/
#menu ul .podmenu{
	display: block;
	height:30px;
	margin:2px 5px 0;
	_margin:2px 0 -3px;
	width:90px;
}

#menu ul .podmenu a{
	line-height:14px;
	font-size: 110%;
	color: #777777;
	height:20px;
	padding:10px 5px 0px 36px;
	width:114px;
}
#menu ul .podmenu a:hover{
	background-position:-155px;
	color: #000;}

#menu ul .podmenusmall a {
  font-size: 95%;
}

#menu #k_zona{
background-image:url(grafika/prihlasenie.jpg);
background-repeat: no-repeat;
	font-size: 80%;
	color: #ffffff;
	height:110px;
	margin:30px 0px 20px 11px;
	padding:5px 5px 5px 5px;
	width:145px;	
}
#menu #k_zona #napis{
	text-align:center;
}
#menu #k_zona input{
	font-size: 10px;
	color: #ffffff;
	height:10px;
	width:90px;
	margin: 3px 10px 0px 0px;
	color: #333333;

}
#menu #k_zona #spodny_text{
	font-size: 90%;
	height:auto;
	width:145px;
	padding: 10px 0px 0px;
}
#menu #k_zona  #prihlasenie{
	padding: 10px 20px 0px 40px;
	height:18px;
	line-height:15px;
}
#menu #k_zona  #prihlasenie img{
float:right;


}
#menu #k_zona  #registracia{
	padding: 0px 45px 0px 0px;
	text-align:right;
}

         /*OBSAH*/

#telo #stred #obsah {
	background-image: url(grafika/pozadie_obsah.png);
	background-repeat:repeat-x;
	float:right;
	min-height:650px;
	padding:5px 20px 10px;
	width: 548px;
}
#telo #stred #obsah a{
	color: #0033CC;
	text-decoration: none;
}
#telo #stred #obsah a:hover{
	color: #9E2918;
	text-decoration: none;
}
a {
	color:#FFFFFF;
	text-decoration: none;
	border:none;
}
a:hover {
	color:#FFFFff;
}
#obsah h1{
	font-size:170%;
	color: #9E2918;
	
}
#obsah h2{
	font-size:140%;
	color: #9E2918;
	font-style: italic;
	text-indent: 30px;
}
#obsah h3{
	font-size:120%;
	color: #9E2918;
	font-style: italic;
	text-indent: 10px;
}
#obsah h4{
  font-size:100%;
  color: #9E2918;
  font-style: italic; 
  text-indent: 10px;
}
#obsah p{
	text-indent: 10px;
}

.cleaner {
	clear:both;
	visibility: hidden;
	line-height: 0px;
}

.img_page, .img_page_l, .img_page_r {
	padding: 15px;
	/*border: 1px solid #000066;*/
	margin: 3px 10px;
}

.img_page_r{
	float:right;
	color:#FFFFFF;
}
.img_page_l{
	float: left;
	color:#FFFFFF;
	}

.img_page_c{
	float: left;
	margin:30px;
	color:#FFFFFF;
	width: 90%;
	height: 90%;
	}

.img_page_o{
	/*padding: 20px;
	/*float: right;*/
	margin:10px;
	color:#FFFFFF;}
	
.img_page_o2{
	/*padding: 20px;
	/*float: right;*/
	margin:10px;
	color:#FFFFFF;}
	
.img_page_o3 {
	/*padding: 20px;
	/*float: right;*/
	margin:15px;
	color:#FFFFFF;}

.img_page_o4{
/*padding: 20px;
/*float: right;*/
margin:-5px;
color:#FFFFFF;}

.img_page_r2{
	float:right;
  color:#FFFFFF;
	}
	
.img_page_cx{
  float: left;
  margin:10px;
  color:#FFFFFF;
  width: 490px;
  height: 380px;
  }	
	

#obr_text{
color:black;
font-size:10px;
top:-10px;
left:10px;
position:relative;

}

#siete {
  text-align: justify;
}

#siete li {
  margin-bottom: 30px;
}


#obsah .centruj {
  margin-left: 83px;
}

#obsah .centruj2 {
  margin-left: 140px;
}

#obsah .centruj2 tr td {
  padding: 3px;
}
  
a.pagemenu {
  background-image: url("grafika/pagemenu.png");
  line-height:14px;
  font-size: 110%;
  color: #777777;
  height: 17px;
  padding:6px 18px 7px 49px;
  width:118px;
  vertical-align: middle;
  display: block;
}

a.pagemenu:hover {
  background-position:-185px;
  color: black;
  text-decoration: none;
}

a.pagemenu2 {
  background-image: url("grafika/pagemenu2.png");
  line-height:14px;
  font-size: 110%;
  color: #777777;
  height: 17px;
  padding: 6px 18px 7px 49px;
  width: 163px;
  vertical-align: middle;
  display: block;
}

a.pagemenu2:hover {
  background-position:-231px;
  color: black;
  text-decoration: none;
}

img.euroflight {
  float: right;  
}

b#li {
  margin: 10px 0 0 15px; 
  font-size: 15px; 
  font-weight: bold;
  color: #9E2918;
}

ul {
  margin: 2px 0 20px 10px;  
}

ul li {
  text-align: justify;  
}

#info {
  height: 50px;
  position: relative;
  top: 0;
  left: 0;  
}

#info img {
    float: left;
    margin-right: 10px;
    width: 50px;
}

#info b {
    margin: 17px 0;
    display: block;
    float: left;
    width: 485px;
}

#inf {
  margin: 2px 5px 10px 5px;  
}

#poprehlad {
  width: 550px;
  height: 145px;
  border: 1px solid #000066;
  position: relative;
  top: 0;
  left: 0;
  background: url(grafika/pokl-bg.gif); 
  margin-bottom: 5px;
}

#poprehlad b#nadpis {
  float: left;
  height: 20px;
  line-height: 20px;
  margin-left: 10px;
}

#poprehlad b#nadpis a#nadpis,#poprehlad b#nadpis a#nadpis:hover {
  color: #000066;
}

#poprehlad b#cena, #poprehlad b#cena1 {
  position: absolute;
  height: 20px;
  line-height: 20px;
  margin-left: 165px;
  display: block;
  top: 98px;
}

#poprehlad b#cena1 {
  margin-top: 0;
  margin-left: 183px;
  top: 116px;
}

#poprehlad img {
  /*
  float: left;
  clear: both;
  margin: 4px 0 0 0;
  position: relative;
  */
  position: absolute;
  top: 24px;
  left: 4px;
  border: 0 none;
}

#poprehlad span {
  margin: 35px 10px 4px 165px;
  display: block;  
  text-align: justify;
  font-size: 12px;
}

#poprehlad font#viac {
  color: #9E2918;
  float: right;
  margin-right: 10px; 
}

#poprehlad font#viac a#viac {
  color: #9E2918;
}

table.vlastnosti {
  width: 500px;
  margin-right: 25px;
  border-collapse: collapse;
  border: 1px solid #848AAC;
  text-align: center;
  margin-left: 25px;
}

table.vlastnosti th, table.vlastnosti td {
  border: 1px solid #848AAC;
  padding: 1px 2px;
}

.tleft {
  text-align: left;  
}

.tcent {
  text-align: center;  
}

.tbold {
  font-weight: bold; 
}

.pcpkl, .ekasa {
  float: left;
  background: url('grafika/pocitacove-bg.gif') no-repeat;
  width: 170px;
  height: 200px;
  margin: 6px 5px;
  position: relative;
  top: 0;
  left: 0;
}

.ekasa {
  background: url('grafika/ekasa-bg.gif') no-repeat;
  height: 216px;
}

.pcpkl span, .ekasa span {
  display: block;
  font-weight: bold;
  margin: 10px;
  color: #000066;
  margin: 7px 2px 0 17px;
  margin-bottom: 2px;
  font-size: 13px;
}

.pcpkl img, .ekasa img {
  margin-top: 10px;
  margin-left: 10px;
  position: absolute;  
}

.ekasa img {
  margin-top: 30px;
  margin-left: 5px;  
}

.pcpkl b#cbdph, .pcpkl b#cbdph1, .pcpkl b#csdph, .pcpkl b#csdph1, .pcpkl b#ukoncena {
  position: absolute;
  height: 15px;
  line-height: 15px;
  display: block;
  /*color: #9E2918;*/
  color: #000066;
}

.pcpkl b#cbdph, .pcpkl b#cbdph1  {
  top: 164px;
}

.pcpkl b#csdph, .pcpkl b#csdph1 {
  top: 180px;
}

.pcpkl b#cbdph {
  margin-left: 3px;
  font-size: 9px;
}

.pcpkl b#cbdph1 {
  font-size: 13px; 
  margin-left: 82px;
}

.pcpkl b#csdph {
  margin-left: 17px;
  font-size: 9px;
}

.pcpkl b#csdph1 {
  font-size: 13px; 
  margin-left: 82px;
}

.pcpkl b#ukoncena {
  margin-left: 12px;
  color: #9E2918;
  height: 30px;
  line-height: 30px;
  top: 161px;
  font-size: 15px;
}

#imageContainer {
  position:relative;
  height:250px;
  width: 550px;
  margin-bottom: 15px;
  top: 0;
  left: 0;
}

#imageContainer img {
  width: 550px;
  height: 250px;
  display: none;
  position: absolute;
  top:0; 
  left:0;
  border: 1px solid #000066; 
}

.akcia {
  color: #9E2918;
  position: absolute;
  top: 26px;
  left: 10px;
  font-weight: bold;
  font-style: italic;
  font-size: 17px;  
}

.mb {
  float: right;
  margin-right: 20px;
  margin-top: -8px;  
}

b#akcia {
 color: #9E2918;  
}

.akcia50 {
  float: right; 
  margin-left: 20px;
  border: 0 none;  
}

.moduly li {
  font-weight: bold;  
}

.verzie, .parametre {
  width: 98%;
  border: 1px solid #848AAC;
  border-collapse: collapse; 
}

.verzie tr th, .verzie tr td, .parametre tr th, .parametre tr td {
  text-align: center;  
  border: 1px solid #848AAC;
}

.parametre tr td {
  text-align: left;  
  padding: 2px 10px 2px 5px;
}

.verzie tr th {
  background-color: #ABB6E6;
  height: 25px;
  line-height: 25px;
}

.parametre tr th {
  background-color: #ABB6E6;
  height: 22px;
  line-height: 22px;
}


.verzie tr td.popis {
  text-align: left;
  padding-left: 20px;
  padding-bottom: 5px;
  background-color: #DADFF4;   
}

.verzie tr td.oddelovac {
  height: 20px;
  line-height: 20px;
}

.verzie tr td.modul {
  font-weight: bold; 
}

img.pcu, img.pcu1 {
  margin-right: 12px;  
  margin-bottom: 15px;
  float: left;
}

img.pcu1 {
  margin-right: 8px;  
}

img.topimage {
  border: 1px solid #000066;
  width: 550px;
  height: 250px;  
}

#pace {
  height: 0;  
}
  
#kuki {
  border: 1px solid black;
  position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  height: 39px;
  background-color: #9E2918;
  z-index: 10000;
  width: 800px;
  border-radius: 15px;
  font-size: 15px; 
  color: white;
  padding: 10px 25px;
  display: none; 
}

#kuki a {
  text-decoration: underline;
}

.dolezite {
  font-weight: bold;
  color: red;  
}