html, body {
	margin: 0px auto;
	padding: 0px;
/*	background: #999999 url(images/backgr1.gif) repeat-y center top; */
   background-color: #999999;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 170%;
	color: #ffffff;
}

a:link {
   text-decoration:none;
   color:#ffffff;
}
a:visited {
   text-decoration:none;
   color:#ffffff;
}
a:active {
   text-decoration:none;
   color:#ffffff;
}
a:hover {
   text-decoration:none;
   color:#252525;
}

#container {
   margin: 0px auto;
   width:920px;
   background: #999999 url(images/backgr1.gif) repeat-y center top;
}

#spanabs {
   top:0px;
   height:35px;
   position: absolute;
   padding:0px;
   margin:0px;
}

#header {
	width: 900px;
	height: 80px;
	margin: 0px auto;
	padding: 0px;
   background: #e77817;
   position: relative;
}

#uvod {
	width: 900px;
	min-height: 250px;
	margin: 0px auto;
	padding: 0px;
   background: url(images/backgr_2.jpg) repeat-x center top;
   position: relative;
}

#telo {
	width: 900px;
	margin: 0px auto;
   background: #ffffff url(images/backgr_3.jpg) repeat-x center top;
}

#telo a:link {
   text-decoration:none;
   color:#E77817;
}
#telo a:visited {
   text-decoration:none;
   color:#E77817;
}
#telo a:active {
   text-decoration:none;
   color:#E77817;
}
#telo a:hover {
   text-decoration:none;
   color:#252525;
}

#teloleft {
   width: 650px;
   color: #999999;
   background: #ffffff;
   float: left;
}

#teloleft .nadpis{
	text-align: left;
	height: 50px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #E77817;
	padding: 0px 0px 10px 0px;	
  font-variant: small-caps;
  font-weight: bold;
}

#teloleft ol li {
  color: #9BE4FF;
}

#teloleft ol li span {
  color: #EEE;
}

#teloleft ul {
  padding-bottom: 10px;
}

#teloleft ul li {
  list-style-image: url(images/li_bullet.gif);
}

blockquote {
	margin: 0px 0px 0px 0px;
  padding: 5px 10px 5px 10px;
  background-color: #019AC3;
	background-position: 0px 0px;
	border: 0px solid #f2f2f2;
	border-left: 10px solid #B3D5FB;
	color: #FFFFFF;
  width:380px;
}

blockquote span {
  display: block;
  padding: 0px;
}


#teloright {
   width: 250px;
   color: #999999;
   float: right;
}

#nadpata {
	clear: both;
	width: 900px;
	height: 60px;
	margin: 0px auto;
	padding: 0px;
   background: url(images/backgr_5.jpg) repeat-x center top;
   position: relative;
}

#pata {
	width: 900px;
	height: 150px;
	margin: 0px auto;
	padding: 0px;
   background: url(images/backgr_4.jpg) repeat-x center top;
   position: relative;
}

.zoznam {
   float:left;
   height:20px;
}

.produktnadpis {
   font: bold 17px Arial, Helvetica, sans-serif;
   text-align:center;
   margin-top:15px;
   color:black;
   padding: 0px 0px 15px 0px;
}

#produktytable {
   color:black;
   margin:30px auto;
}

#produktytable td {
   height:25px;
   text-align:center;
}

#produktytable a {
   color:black;
   text-decoration:none;
}
#produktytable a:hover {
   font-weight:bold;
   font-size:14px;
}

#produktytable .popisky {
   background:#ff9933;
}
#produktytable .hlavicky {
   background:#ffff66;
}

/** formular **/
#formular {
	font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   position:relative;
   float:left;
   width:500px;
   height:280px;
}
#formular span {
  color:#000000;
  float:left;
  top:3px;
  height:25px;
  position:relative;
}
/** formular koniec **/


/** menu lave zaciatok **/
.ml_nadpis {
   float:left;
   width:260px;
   height:18px;
   color:#e77817;
   font-weight:bold;
}
.ml_nadpis a:link {
   color:#e77817;
}
.ml_nadpis a:hover {
   color:#F2992E;
}
.ml_nadpis a:visited {
   color:#e77817;
}

.ml_podnadpis {
   float:left;
   width:260px;
   height:22px;
   color:#949494;
}

.ml_oddel {
   float:left;
   width:260px;
   height:10px;
   border-top: 2px #949494 dotted;
}
/** menu lave koniec **/

/** produkt tabulka, produkt detail **/

.tableft { float:left; width:210px; font-weight:bold; text-align:right; padding:2px 0px; }
.tabright { float:left; width:390px; padding:2px 0px; }
.prodiv { clear:both; }
.proleft { float:left; width:170px; font-weight:bold; text-align:right; padding: 5px 0px; }
.proright { float:left; width:180px; padding: 5px 0px; }

/** koniec produkt tabulka, produkt detail **/

.sklhead { width:16.65%; float:left; text-align:center; border-bottom:1px solid #808080; font-weight:bold; }
.sklrow { width:16.65%; float:left; text-align:center; top:4px; position:relative;}
.sklodkaz { color:#999999; height:25px; }
.sklodkaz:hover { cursor:pointer; height:25px; background:#a9a9a9; color:#000000; }

/** osoby v sekcii kontakt **/
.kondiv { clear:both; }
.konfunkcia { float:left; width:150px; font-weight:bold; text-align:left; padding: 5px 0px; }
.konmeno { float:left; width:150px; font-weight:bold; text-align:left; padding: 5px 0px; }
.konmail { float:left; width:150px; font-weight:normal; text-align:left; padding: 5px 0px; }
.kontelefon { float:left; width:150px; font-weight:normal; text-align:left; padding: 5px 0px; }
/** koniec osoby v sekcii kontakt **/


#fotka {
   display:block;
   float:left;
   z-index:1;
   position:absolute;
   border:4px solid black;
   visibility:hidden;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}