body,html {
	height: 100%;
	width: 100%;
	}
body {
	margin: 0px;
	padding: 0px;
	background: #292929 url(images/bg_html2.png) no-repeat top left;
	font-family:Tahoma,sans-serif,Arial,Trebuchet MS,Verdana,Helvetica;
	color: #999999;
	font-size: 12px;
}

#zobrazenia {
	width: auto;
	position: float;
	float: right;
	margin: 0 0px 0 0;
	padding: 5px 10px;
	color: #333333;
	text-decoration: none;
	text-align: center;
	border: 1px dotted #999999;
	}

#produkt_small {
	display: block;
	float:left;
	text-align: center;
	color: #333333;
	height:225px;
	width:145px;
	border-left: 1px solid #000000; 
	border-right: 1px solid #000000; 
	border-top: 1px solid #000000; 
	border-bottom: 5px solid #000000; 
	background:#333333;
	padding: 3px;
	font-size:80%;
	margin: 5px;
}

#uputavka {
	position: relative;
	top: 5px;
	left: 0px;
	width: 100%;
	padding: 0px;
	margin-right: 250px;
	color:#fff;
	}

#produkt_akcia {
	display: block;
	float:left;
	text-align: center;
	color: #333333;
	height:55px;
	width:55px;
	border: 1px dotted #999999; 
	background:#333333;
	padding: 3px;
	font-size:80%;
	margin: 5px;
}


#produkt_small h2{
	color: #FFFFFF;
	font-size:100%;
	font-weight:normal;
}

#strany {
	color: #FFFFFF;
	font-size:100%;
	font-weight:normal;
	width:100%;
}

#produkt_small:hover {
	border-left: 1px solid #ffffff; 
	border-right: 1px solid #ffffff; 
	border-top: 1px solid #ffffff;
	border-bottom: 5px solid #ffffff; 
}

#produkt_akcia:hover {
	border: 1px dotted #ffffff; 
	background:#000000;
}

#obr img {
padding:8px;
border: 1px solid #000000;
background: #fff;
}

#obr2 img {
padding:8px;
border: 1px dotted #999999;
background: #fff;
float:right;
margin: 15px;
}

#akcia {
padding:8px;
float:right;
color: red;
position:relative;
}

#container {
	text-align: center;
	text-decoration:none;
	border: 1px solid #666666; 
	background: #232323;
	top: 92px;
	left: 210px;
	right: 175px;
	height:auto;
	position: absolute;
}
#container2 {
	text-align: center;
	text-decoration:none;
	border: 1px solid #666666; 
	background: #232323;
	left: 210px;
	right: 175px;
	height:auto;
	position: relative;
}

#container_akcie {
	text-align: center;
	text-decoration:none;
	top: 9px;
	left: 295px;
	height:58px;
	position: absolute;
}
#menu_right_colum {
	width:145px;
	position: absolute;
	height:auto;
	padding: 5px;
	text-align: left;
	top:87px;
	right:25px;

}

#main {
	float: left;
	padding: 10px 25px;
	text-align: left;
}

#box {
	text-align: center;
	font-size: 10px;
	width:145px;
	background: #000000;
	padding: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 0px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
#box:hover {
	background: #000000;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

#menu_left {
	width:175px;
	background: #000000;
	height:auto;
	border: 1px solid #666666;
	padding: 5px;
	text-align: left;
	list-style: none;
	position:absolute;
	left: 19px;
	top: 92px;
}

#logo {

	height:70px;
	position:absolute;
	top:10px;
	left:18px;
	right:13px;

	border: 1px solid #666666;
	background: #000000 url(images/bg_top.jpg) no-repeat top left;
}
#menu_left li {
	width:175px;
}

#menu_left ul {
list-style: none;
padding: 0px;
margin: 0;
border: 0;
}


#menu_left li a {
font-size:10px;
display: block;
text-align: left;
color: #999999;
height:auto;
text-decoration:none;
padding: 1px 1px 1px 1px;
}

#menu_left a:hover {
color: #ff6600;
font-weight:bold;
}
#nav {
	position: absolute;
	top:53px;
	left:0px;
	  float: left;
	  text-align: left;
	  width: auto;
	  margin: 0;
	  padding: 0px 0px 0px 305px;
	  list-style:none;
	font-size: 95%;
	}
	#nav li {
	  float:left;
	  margin: 0;
	  padding: 0;
	}
	#nav a {
	  float: left;
	  display: block;
	  margin: 0 2px 0 0;
	  padding: 7px 10px;
	  color: #ffffff;
	  text-decoration: none;
	  border-top: 1px solid #999999;
	  border-left: 1px solid #999999;
	  border-right: 1px solid #999999;
	  background: #000000 url(images/bg1_menu_top.png) no-repeat top center;
	}
	#nav a:hover, body#uvod #zal-uvod a {
	  color: #ffffff;
	  padding: 7px 10px;
	  border-top: 1px solid #FFFFFF;
	  border-right: 1px solid #FFFFFF;
	  border-left: 1px solid #FFFFFF;
	  background: #FF6600 url(images/bg2_menu_top.png) no-repeat top center;
	} 

a {
	color: #FF6600;
	text-decoration:none;
} 
a:hover {
	color: #dedede;
	text-decoration:none;
} 
.cena1 {
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
}
.cena2 {
	color:#999999;
	font-size:12px;
}

.popis {
	color:#999999;
	line-height:180%;
	letter-spacing: 0.03em;
}
.normal {
	color:#dedede;
	font-size:10px;
}
.text {
	font-size:11px;
}
.text_10 {
	font-size:11px;
color:#FFFFFF;
}
.text_menu1 {
	color:#FFFFFF;
}
.text_menu1:hover {
	color:#ff6600;
}

.text_menu2 {
	color:#999999;
}
.text_menu2:hover {
	color:#ff9933;
}
.text_menu3 {
	color:#666666;
}
.text_menu3:hover {
	color:#ff6600;
}
.text_menu4 {
	color:#ff9933;
}
.alert {

	color:#FF0000;
}
.alert2 {

	color:#FF6600;
}
.nadpis {
	font-size:18px;
}
.nadpis2 {
	font-size:24px;
	color:#ffffff;
}
.nadpis4 {
	font-size:12px;
	font-weight: bold;
	color:	ff9933;

}
.nadpis5 {
	font-size:14px;
	color:#ff0000;
}
.text_white {
	font-size:11px;
	color:#FFFFFF;
}
.white {
	font-size:10px;
	color:#FFFFFF;
}
.nadpis_white {
	font-size:18px;
	color:#FFFFFF;
}
.small_white {
	font-size:10px;
	color:#FFFFFF;
}
.small {
	font-size:10px;
}

h1 {
	font-size:24px;
	font-family:Georgia,Trebuchet MS,Verdana,Tahoma,Arial,Helvetica,,sans-serif;
	color: #ff6600;
	font-weight: normal;
}

h2 {
	font-size:120%;
	font-weight: bold;
}

h3 {
	font-size:105%;
	font-weight: normal;
}
h4 {
	font-size:90%;
	font-weight: normal;
}
INPUT.login {
	margin: 1px 0px;pading: 0px;	FONT-SIZE: xx-small; FONT-FAMILY: Trebuchet MS,Verdana, Arial,Helvetica; BACKGROUND-COLOR: #333333; border-color: #999999; color: #999999;border: 1px solid;font-size: 8pt;
}
INPUT.login2 {
	margin: 3px 0px;	FONT-SIZE: xx-small; FONT-FAMILY: Tahoma,Arial,Trebuchet MS,Verdana, Helvetica; BACKGROUND-COLOR: #000000; border-color: #ff6600; COLOR: #ffffff;border: 1px solid;font-size: 7pt;
}
INPUT.login3 {
	width:120px;margin: 3px 0px; padding:2px;	FONT-SIZE: xx-small; FONT-FAMILY: Arial,Trebuchet MS,Verdana, Helvetica; BACKGROUND-COLOR: #333333; border-color: #dedede; COLOR: #999999;border: 1px solid;font-size: 7pt;
}
SELECT.login {
	margin: 2px 0px;	FONT-SIZE: xx-small; FONT-FAMILY: Trebuchet MS,Verdana, Arial,Helvetica; BACKGROUND-COLOR: #eeeeee; border-color: #eeeeee;COLOR: #000000;border: 0px solid;font-size: 9pt;
}
SELECT.login2 {
	margin: 2px 0px;	FONT-SIZE: xx-small; FONT-FAMILY: Trebuchet MS,Verdana, Arial,Helvetica; BACKGROUND-COLOR: #ffffff; border-color: #dedede;COLOR: #000000;border: 0px solid;font-size: 8pt;
}
SELECT.login3 {
	width:125px;margin: 2px 0px;padding:1px;	FONT-SIZE: xx-small; FONT-FAMILY: Trebuchet MS,Verdana, Arial,Helvetica; BACKGROUND-COLOR: #333333; border-color: #dedede;COLOR: #999999;border: 1px solid;font-size: 7pt;
}
SELECT.produ {
	margin: 2px 0px;FONT-SIZE: xx-small; FONT-FAMILY: Trebuchet MS,Verdana, Arial,Helvetica; BACKGROUND-COLOR: #ffffff; border-color: #dedede;COLOR: #000000;border: 0px solid;font-size: 7pt;
}
SELECT.konfigurator {
	width:400px;margin: 5px 0px;FONT-SIZE: xx-small; FONT-FAMILY: Trebuchet MS,Verdana, Arial,Helvetica; BACKGROUND-COLOR: #dedede; border-color: #dedede;COLOR: #000000;border: 0px solid;font-size: 8pt;
}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }