@font-face 		{ font-family: mujfontik; src: url("fonts/MONSPACB.TTF"); }
html 				{ background: black url(images/backgr.png) no-repeat center top; margin-top: 20px;}
body 			{ padding: 0; margin: 0; color: #888888; width: 100%; display: table; }
p  				{ font-size: 100%;  margin-bottom: 7px; margin-top: 0; }
a 				{ color: white; text-decoration: underline; }
a:hover			{ text-decoration: none; }
h1, h2, h3, h4, h5 {	font-family: trebuchet ms, arial,tahoma,verdana,sans-serif; letter-spacing: .005em; margin:0 ; padding:0; color: #DDDDDD}
.blok			{ text-align: justify; }
.link_blue		{ color: #0099ff;  }
.no_underline 	{ text-decoration: none; }
.center_align	{ text-align: center;  }
.lighter		{ color: #BBBBBB;  }
.red			{ color: red;  }
.clear			{ clear: left;  }


/* padding horní / pravý / dolní / levý */

#HEADER			{ width: 960px; padding: 0 ; height: 250px; margin: 0 auto; background: #BBBBBB url(images/header.jpg) no-repeat; }
#HEADER h1		{ /*NUTNE*/ position:relative; color: black; font-size: 25px;  font-weight: normal;  font-family: mujfontik, trebuchet ms, Arial, sans-serif; text-shadow: #000 1px -1px 1px; padding: 10px 0 0 25px;}
#HEADER h1 a		{ position: absolute; top: 10px; left: 25px; color: black; filter:shadow (color=#222222, direction=45, strength=2); /* ABS -> FILTER ZDE */ } 
#HEADER h1 a:hover{ position: absolute; top: 8px; left: 25px; text-decoration: none; }
#HEADER h2		{ text-align: center;  font-size: 14px; padding: 110px 0 0 0; margin: 0; color: black; font-weight: 900; }

#CONTENT		{ width: 960px; margin: 10px auto 0 auto; background: url(images/yellow_border.png) left repeat-y;}
	
#NAV		 	{ width: 273px; float: left; background: black; margin: 0 8px 0 0; } /* cca 285px */
#NAV .WRAPPER	 { background: url(images/yellow_border.png) right repeat-y; padding-bottom: 1px; }
#NAV ul			{ background: url(images/menu_button_normal.png) left repeat-y; margin: 2px 0 5px 20px; padding: 0; list-style: none; }
#NAV ul li			{ line-height: 28px; width: 200px; } /* margin a padding  */
#NAV ul li a		{ margin: 2px 0 0 0; padding: 0 0 0 35px; font-size: 100%; display: block; }
#NAV ul li a.Active	{ background: url(images/menu_button_hover.png) left repeat-y; font-weight: 900;  }
#NAV ul li a:hover	{ background: url(images/menu_button_hover.png) left repeat-y; color: red; font-weight: 900; }
#NAV ul ul			{ margin: 0 ; padding: 0; }
#NAV ul ul li		{ line-height: 20px; width: 200px; } /* margin a padding  */
#NAV ul ul li a		{ padding: 0 0 0 55px; font-size: 90%;}
#NAV .LINE		{ background-color: yellow; height: 1px; width: 264px; margin: 7px 0 7px 0; /*BUG IE6 ABY VYKRESLIL 1PX*/overflow: hidden;} /* to nebo border - řádek 22 */

#TEXT			{ margin: 0 5px 0 60px; }
#TEXT img 		{ float: left; margin: 3px 15px 5px 0; padding:2px; border:1px solid #666666;}
#TEXT img.right   { float: right; margin: 3px 0 5px 15px; padding:2px; border:1px solid #666666;}
#TEXT h2			{ margin: 20px 0 15px 0; padding: 6px 0 0 25px; font-weight: 900; font-size: 105%; border-bottom: 1px solid #73CA00; height: 19px; line-height: 19px; text-transform: uppercase; font-family: "Verdana", Arial; }
#TEXT h3			{ margin: 12px 0 8px 0; padding: 6px 0 0 10px; font-weight: 600; font-size: 100%; height: 17px; line-height: 17px;  }
#TEXT h3	span	{ border-bottom: 1px solid #73CA00; }
#TEXT h4			{ letter-spacing: 1px }
#TEXT p			{ margin: 0 0 10px 0; }
#TEXT strong		{ color: #999999 }
#TEXT form		{ margin: 15px 0 }
#TEXT input.formular		{ width: 350px; background: #CCCCCC; border-color: #999999 }
#TEXT textarea.formular	{ width: 350px; height: 100px; max-width: 600px; background: #CCCCCC; border-color: #999999}
#TEXT .left-padding  {padding: 0 0 0 220px;}

#FOOTER 			{ width: 960px; clear:both; margin: 0 auto 5px auto; border-top: 1px solid yellow; border-bottom: 1px solid yellow; }
#FOOTER p 		{ font-size: 80%; margin: 0; text-align: center; }