body ,html
{	margin-top: 0px; 
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
	position: relative; 
	width: 1024px;
	height: 100%;
	background-color: #FFFFFF;
	background-image: url('https://www.fesicomp.eu/data/bg-fesi.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}

a:link, a:visited { text-decoration: none; color: #C21800; }
a:hover { text-decoration: none; color: #000000; }

img { border: none; }

/* HEADER */
.hm1	{	padding-right: 10px; text-align: right;	}
.hm1 a:link, .hm1 a:visited {	text-decoration: none; color: #C21800;	}
.hm1 a:hover	{	text-decoration: none; color: #000000;	} 
.hm1 a { padding-left: 5px; padding-right: 5px; }
.hm2	{ height: 80px; color: #FFFFFF; background-image: url('/app/img/bg-header.jpg');}
.hm3	{ cursor: pointer; margin-left: 13px; margin-top: 10px; float: left; width: 540px; height: 60px; }
.hm4	{ margin: 7px 10px 3px 10px; float: right; border-width: 0px; }
.hm5	{	margin-top:	2px; float: right; line-height: 22px; }
.hm6 	{ padding-left: 5px; line-height: 20px; }
.hm7 	{ padding-left: 5px; padding-right: 5px; float: left; line-height: 22px; }
.hm7 input { height:18px; width:120px; border: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.hm7 input[type="text"]:focus { color: #009; border: 1px solid #990000; background-color: #ffff99; font-weight: bold; }
.hm8	{ padding-right: 5px; float: left; line-height: 22px; }
.hm9 	{	margin-top:	2px; float: right; line-height: 18px; }
.hm10	{ margin-top:15px; float: right; line-height: 22px; }
.hm11	{ margin-top:20px; margin-right:5px; float: right; }

/* KATEGORIE LEFT */
.lk1	a:link, .lk1 a:visited { text-decoration: none; color: #FFFFFF; }
.lk1	a:hover	{ text-decoration: none; color: #C21800; }
.lk1	{ width: 220px; color: #FFFFFF; float: left; padding: 0px 5px 30px 10px; line-height: 21px; font-size: 13px; background-color: #1c0402; }
.lk2	{ height: 9px; }
.lk3	{ text-align: center; }
.lk4	{	font-size: 14px; font-weight: bold; padding-bottom: 10px;}

/* MENU SPODNE*/
.ms1	a:link, .ms1 a:visited { text-decoration: none; color: #FFFFFF; }
.ms1	a:hover	{ text-decoration: none; color: #C21800; }
.ms1	{ height: 28px; color: #FFFFFF; line-height: 26px; vertical-align: middle; background-image: url('/app/img/bg-menu.gif'); }
.ms2	{ float: left; padding: 0px 10px 0px 10px; }
.ms2 a {	padding-left: 5px; padding-right: 5px; }
.ms3	{ float: right; padding: 0px 10px 0px 10px; text-align: right; }
.ms3 input { vertical-align: middle; height:18px; border: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.ms3 placeholder { font-size: 10px; }

/* FOOTER */
.ft1 { float: left; width: 100%; height: 30px; margin: 5px 0px 1px 0px; line-height: 30px; color: #FFFFFF; text-align: center; background-image: url('/app/img/bg-footer.jpg'); }
.ft1 img { vertical-align: middle; }
.ft2 { text-align: right; }

/* STRANKY AKCIE TITULKA */
.st1	{	font-size: 20px;	font-weight: bold; }
.st2 fieldset { float: left; margin: 3px 0px 0px 3px; border:1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.st2 legend { font-size: 16px; font-weight:bold; color:#333; }
.st3 	{ text-align: center; vertical-align: bottom;  width: 20%; height: 150px; }
.st3 a:link, .st3 a:visited {	text-decoration: none; color: #C21800;	}
.st3 a:hover {	text-decoration: none; color: #000000;	} 
.st4 	{ text-align: center; line-height: 20px; font-size: 20px;	font-weight: bold}
.st5 	{ width: 764px; float: left; margin: 3px 0px 0px 3px; padding: 0px 10px 10px 10px; border: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.st6 { cursor: pointer; float: left; text-align: center; font-weight:bold; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; width: 173px; height: 130px; border: 2px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.st6 img { border: none; vertical-align: top; display: block; margin-left: auto; margin-right: auto }
.st6:hover { background-color: #FAD8D8; border-color: #000000; }
.st7 { line-height: 8px; }
.st8 img { float: left; padding: 10px 10px 10px 10px; }
.st9 { float: left; text-align: center; font-weight:bold; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; width: 173px; height: 60px; border: 2px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.st9 img { border: none; vertical-align: top; display: block; margin-left: auto; margin-right: auto }
.st10 { float: left; text-align: center; font-weight:bold; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; width: 173px; height: 60px; border: 2px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.st10 img { border: none; vertical-align: top; display: block; margin-left: auto; margin-right: auto }
.st10:hover { border-color: #000000; }

/* REGISTRACIA */
.rt1 fieldset { width: 766px; float: left; margin: 3px 0px 0px 3px; border:1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.rt1 legend { font-size: 16px; font-weight:bold; color:#333; }
.rt1 input[type="text"], .rt1 input[type="password"]  { height:18px; width:170px; border:1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.rt1 input[type="text"]:focus { color: #009; border: 1px solid #990000; background-color: #ffff99; font-weight: bold; }
.rt2	{ width: 400px; line-height: 26px; vertical-align: text-top; padding-left: 40px; }
.rt2 input[type="radio"] {	vertical-align: baseline; }
.rt3	{ text-align: center; }
.rt3 input[type="submit"] { font-size: 16px; border:1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.rt3 input[type="submit"]:hover { color: #009; border: 1px solid #990000; background-color: #ffff99; font-weight: bold; }
.rt4	{ text-align: right; font-weight:bold; }

/* VYPIS TOVAR */
.vt1	{ float: left; margin: 3px 0px 0px 3px; padding: 0px 10px 4px 3px; font-size: 14px; font-weight: bold; }
.vt112 { float: right; text-align: right; margin: 3px 0px 0px 3px; padding: 0px 10px 4px 3px;}
.vt112 img { vertical-align: middle; }
.vt2	{ float: left; margin: 3px 0px 0px 3px; padding: 0px 10px 10px 10px;  width: 764px; border-width: 1px; border-style: solid; border-color: #000000; }
.vt22 { padding-top: 10px; padding-bottom: 10px; font-weight: bold;} 
.vt3  { height: 9px; }
.vt4 a:link, .vt4 a:visited { color: #A8A8A8; }
.vt4 a:hover { color: #A8A8A8; }
.vt4 { font-size: 11px; color: #A8A8A8; padding-left: 10px; font-weight: bold; }
.vt5 fieldset { width: 766px; float: left; margin: 3px 0px 0px 3px; border:1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.vt5 legend { font-size: 14px; font-weight:bold; color:#333; }
.vt6 { width: 786px; float: left; }
.vt7 { width: 100%;  font-weight: bold; }
.vt8 { text-align: right; }
.vt9 { width: 780px; float: left; margin: 3px 0px 0px 3px;  border-width: 1px; border-style: solid; border-color: #000000; }
.vt10 { width: 100%; }
.vt11 { width: 90px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
.vt12 { vertical-align: top; padding-right: 5px; }
.vt13 a:link, .vt13 a:visited { color: #FFFFFF; }
.vt13 a:hover { color: #C21800; }
.vt13 { color: #FFFFFF; font-weight: bold; vertical-align: top; line-height: 22px; height: 22px; width: 100%; background-image: url('/app/img/bg-footer.jpg'); }
.vt14 { float: right; color: #FFFFFF; padding-right: 10px; text-align: right; }
.vt15 { font-weight: bold; line-height: 25px; float: left;  text-align: left; font-size: 12px; }
.vt15 input { font-size: 12px; height:16px; vertical-align: middle; background-color: #FAD8D8; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.vt16 { float: right;  text-align: right; }
.vt16 img, .vt15 img { border: none; vertical-align: middle; }
.vt17 { width: 762px; float: left; margin: 3px 0px 0px 3px; padding: 10px 10px 10px 10px; border-width: 1px; border-style: solid; border-color: #000000; }
.vt18	{ text-align: center; font-weight: bold; font-size: 20px; padding-top: 100px; }

.vt19 { padding-left: 60px; }
.vt20 { padding-left: 0px; }


/* KOSIK ADMIN */
#ak1 { display: none; position: absolute; top: 200px; left: 26%; width: 620px; height: 400px; padding: 5px; margin:0; border: 1px solid black; background-color: #4F0C06; color: #FFFFFF; z-index:101; overflow: none; }

/* DETAIL TOVAR */
.dt1	{ width: 755px; float: left; margin: 3px 0px 0px 3px; font-size: 14px; font-weight: bold; }
.dt2	{ width: 762px; float: left; margin: 3px 0px 0px 3px; padding: 0px 10px 10px 10px; border-width: 1px; border-style: solid; border-color: #000000; }
.dt3	{ float: right;  text-align: right; line-height: 28px; padding-top: 5px; }
.dt4	{ text-align: center; }
.dt4 img { max-width: 370px; max-height: 370px; width: expression(this.width > 370 ? 370: true); }
.dt5	{ width: 300px; line-height: 25px; }
.dt5 img, .dt5 input { vertical-align: middle;}
.dt6	{ line-height: 30px; }
.dt7 	{ width: 757px; float: left; margin: 3px 0px 0px 3px;  border-width: 1px; border-style: solid; border-color: #000000; }
.dt8	{ width: 755px; float: left; margin: 3px 0px 0px 3px; padding: 0px 10px 4px 3px; font-size: 12px; }
.dt9	{ text-align: right; line-height: 30px; }
.dt9 img { border: none; vertical-align: middle; }
.dt10	{ width: 100%; line-height: 25px; }
.dt10 input, .dt10 select, .dt10 textarea { vertical-align: middle; border:1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.dt10 input[type="text"]:focus, .dt10 select:focus { background-color: #FAD8D8; }
.dt11 { text-align: right; font-weight: bold; }
.dt12	{ text-align: right; font-weight: bold; padding-bottom: 10px;}
.dt13 fieldset { width: 770px; float: left; margin: 3px 0px 0px 3px; padding: 0px 10px 4px 3px; font-size: 12px; border:1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.dt13 legend { font-size: 16px; font-weight:bold; color:#333; }

/* KOSIK */
.ks1	{ width: 766px; float: left; margin: 3px 0px 0px 3px; padding: 0px 10px 10px 10px; }
.ks2 { text-align: center; border:1px solid #000000;  -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;}
.ks3 { text-align: center; background-color: #FAD8D8; font-weight: bold; border:1px solid #000000; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;}
.ks4 { padding: 5px 10px 5px 10px; width: 100%; }
.ks5 { line-height: 20px; padding-left: 10px; background-image: url('/app/img/bg-footer.jpg'); color: #FFFFFF; }
.ks6 { background-color: #DFDFDF; }
.ks7 { line-height: 24px; text-align: right; }
.ks8 { margin-left: 652px; width: 100px; font-size: 14px; text-align: center; background-color: #DFDFDF; border:1px solid #000000;  -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; }
.ks9 { float: left; margin-left: 200px; width: 200px; font-size: 14px; text-align: center; background-color: #DFDFDF; border:1px solid #000000;  -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;  }
.ks10 { float: left; width: 200px; font-size: 14px; text-align: center; background-color: #DFDFDF; border:1px solid #000000;  -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;  }
.ks11 { float: left; }
.ks12 { text-align: right; }
.ks13 { width: 100%; }
.ks13 input { width: 250px; border:1px solid #000000;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;  } 
.ks13 input[type="text"]:focus { background-color: #FAD8D8; font-weight: bold; }
.ks14 { vertical-align: top; text-align: right; }
.ks15 { border: none; vertical-align: top; }
.ks16	{ width: 766px; float: left; margin: 3px 0px 0px 3px; padding: 0px 10px 10px 10px; }

/* KONFIGURACIE */
.kf1 fieldset { width: 765px; float: left; border: 1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.kf1 legend { font-size: 16px; font-weight:bold; color:#333; }
.kf2 { padding-top: 10px; padding-bottom: 20px; font-size: 14px; }
.kf2 img { float: left; padding: 0px 10px 10px 10px; }
.kf3 { color: #00D500; }
.kf4 { color: #FF0000; }
.kf5 { width: 100%; }
.kf5 th { vertical-align: top; text-align: right; font-weight:bold; }
.kf5 select { width: 550px; border:1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.kf6 { line-height: 30px; font-size: 16px; font-weight: bold; text-align: center; }
.kf6 img { border: none; vertical-align: middle; padding-left: 10px; }
.kf7 { width: 100%; }
.kf7 th { text-align: left; }

/* SERVIS */
.ss1 { width: 100%; }
.ss1 th { text-align: right; }
.ss1 input { width: 240px; font-size: 12px; }
.ss1 select { font-size: 12px; }
.ss2 { text-align: center; }
.ss2 input[type="submit"] { font-size: 14px; border:1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.ss2 input[type="submit"]:hover { color: #009; border: 1px solid #990000; background-color: #ffff99; font-weight: bold; }
.ss3 { text-align: right; }