* {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}

body {background-color:#aaaaaa;} 

#container {position:relative;  width:960px; background-color:#125395; margin:0 auto; padding:0;}

X125395 {  }

#lavy {width:220px; float:left; margin:10px 0px 20px -960px;} /* zaporna hodnota margin umoznuje pohodlne umiestnovat stlpce bez ohladu na ich poradie v xhtml */ 
#pravy {width:180px; background-color:#BBBBBB; float:left; margin:10px 0px 20px 10px;} 
#hlavny {width:540px; background-color:#ffffff; float:left; margin:10px 0px 20px 230px; display:inline; padding: 0px 0px 20px 0px;}

#footer {clear:left; width:960px; background-color:#aaaaaa; text-align: right;}
#header {clear:left;width:960px;} 


.logo_freudenberg {
	margin: 0px 0px 10px 0px;
}

.obrazek_hlavni {
	position: relative;
	float: left;
	padding: 5px 30px 10px 0px;
	width: 86px;
	height: 86px;
	left: 20px;
}

.nadpis_hlavni {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	margin: 10px 10px 20px 10px;
}

.text_hlavni {
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	margin: 10px 10px 0px 10px;
}


.nadpis_news {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	margin: 10px 10px 10px 10px;
}

.text_news {
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	margin: 10px 20px 10px 20px;
	padding: 0px 0px 5px 0px;
	text-align: justify;
	border-style: dashed;
	border-width: 0px 0px 1px 0px;
}


.jazyk {
	float: left;
	background-color: #125395;
	list-style-type:none;
	padding:0;
	margin:0;
	width: 220px;
	height: 40px;
}

.jazyk li {
	width:60px; 
	float:left; 
	position:relative;
	top: 15px;
	left: 35px;
}

.jazyk img {
	height: 20px;
	width: 30px;
	border: 0;
}

.horni_menu {
	float:left;
	height: 40px;
	width: 740px;
	background-color: #125395;
	list-style-type:none;

}

.horni_menu li {
	width: 143px;
	float:left; 
	text-align: center;
	border: solid blue 1px;
	margin: 12px 1px 0px 0px;
}


.horni_menu a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #AFCBF0;
	width: 126px;
}

.horni_menu a:hover {
	color: #ff0000;
	width: 126px;
}


.menu_prod_cele {
	position: relative;
	background-color:#FAEF16;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
}

.menu_prod {
	border-style: dashed;
	border-width: 0px 0px 1px 0px;
	margin: 5px 5px 5px 5px;
}


.menu_prod a { 
	position: relative;
	top: -3px;
	left: 10px;
	text-decoration:none;
	font-size: 14px;
	color: #000000;
	cursor: pointer;
}

.menu_prod a:hover {
	text-decoration: underline;
	color: red;
}


hx {
	position: relative;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	top: 7px;
	left: 12px;

}

h1 {
	margin: 0px 0px 0px 300px;
	xdisplay: inline;
	font-weight: bold;
	color: #FFFF00;
}

h2 {
	display: inline;
	font-weight: normal;
}


.zobraz_poz {
	position: absolute;
	top: 243px;
	left: 10px;
	width: 220px;
	height: 177px;
	z-index:10;

}

.napis {
	position: absolute;
	xtop: 340px;
	xleft: 470px;
	top: 120px;
	left: 470px;
	
}                         	

.napis_stin {
	position: absolute;
	top: 122px;
	left: 472px;

}

.xxx {
	float: left;
}

.pozadi {
	position: relative;
}	

.obrazek {
	position: relative;
	float: left;
	height: 177px;
	width: 740px;
	z-index:1;
}

.obrazek_prod {
	position: relative;
	float: left;
	height: 177px;
	width: 740px;
	overflow: hidden;
	z-index:1;
}

.xobrazek_prod img {
	position: relative;
	float: left;
	height: 177px;
	width: 740px;

}


.logo {
	float: left;
	height: 177px;
	width: 220px;
}



.menu_input {
	background-color:#BBBBBB;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
}

.hledat {
	height: 34px;
	width: 195px;
	background-color: #666666;
	margin: 10px 5px 5px 5px;
}

.hledat_input {
	float: left;
	font-weight: bold;
	font-size: 13px;     
	width: 105px;
	margin: 5px 5px 5px 5px;
}

.hledat_tlacitko {
	float: left;
	font-weight: bold;
	font-size: 13px;
	margin: 5px 5px 5px 5px;
	width: 60px;
}

.login {
	font-weight: bold;
	font-size: 13px;
	margin: 5px 5px 5px 5px;

}



.login_popis {
	float: left;
	font-weight: bold;
	font-size: 12px;     
	width: 50px;
}

.login_input {
	font-weight: bold;
	font-size: 12px;
	width: 140px;
}

.login_tlac {
	margin: 5px 0px 0px 0px;
	font-weight: bold;
	font-size: 13px;
	width: 70px;
}

.login_user {
	margin: 10px 0px 0px 0px;
	width: 125px;
	float: left;
	color: #ff0000;
	font-size: 11px;
}

.hl_menu {
	padding:0; 

	width: 220px;
	height: 177px;
	background-image: url('imgs/pozadi_menu.gif');
	position: relative;
}

.hl_menu1_poz {
	padding:0; 
	margin: 0px 10px 0px 28px; 
	float:left;
	background-color: #1B62BF;
	border: 0px;
	width: 220px;
}

.hl_menu2_poz {
	float:left;
	background-color: #1B70E0;
	margin: 0px 10px 0px 0px; 
	padding:0; 

}

.hl_menu3_poz {
	float:left;
	background-color: #2180FC;
	padding:0; 
	margin: 0px 10px 0px 0px; 
}

.hl_menu img {
	position: relative;
	top: 4px;
	left: 0px;
	border: 0;
	height: 13px; 
	width: 14px; 
}

.hl_menu a { 
	position: relative;
	display: block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #D3DFF0;
	height: 15px;
	top: 12px;
	left: 12px;
	cursor: pointer;
}

.hl_menu a:hover {
	text-decoration: underline;
	color: red;
}


.hl_menu_nadpis {
	position: relative;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	top: 10px;
	left: 10px;
}

.admin_view {
	background-color:#AA0000;
	color: #ffffff;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
}