body	{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	padding: 0px 0px 20px 0px;
	margin: 0px;
	background: #ffffff;
	background: url(../img/bcg_body.jpg) no-repeat center 0px;
	font-size: 12px;
}

/* --- odkazy (rozsireno o ikonky typu souboru) --- */
a 						{color: #000000; text-decoration: underline;}
a:hover 				{color: #000000; text-decoration: none;}
a:visited 			{color: #000000;}
a:link 				{color: #000000;}
a:focus 				{color: #000000;}

/* --- ikonky souboru --- */
.ai 				{background: url(../img/ico/ai.png) no-repeat left; padding-left: 20px;}
.avi 				{background: url(../img/ico/avi.png) no-repeat left; padding-left: 20px;}
.bmp 				{background: url(../img/ico/bmp.png) no-repeat left; padding-left: 20px;}
.cdr				{background: url(../img/ico/cdr.png) no-repeat left; padding-left: 20px;}
.doc				{background: url(../img/ico/doc.png) no-repeat left; padding-left: 20px;}
.dxf				{background: url(../img/ico/dxf.png) no-repeat left; padding-left: 20px;}
.gif 				{background: url(../img/ico/gif.png) no-repeat left; padding-left: 20px;}
.html 			{background: url(../img/ico/html.png) no-repeat left;	padding-left: 20px;}
.jpg 				{background: url(../img/ico/jpg.png) no-repeat left; padding-left: 20px;}
.mp3 				{background: url(../img/ico/mp3.png) no-repeat left; padding-left: 20px;}
.pdf 				{background: url(../img/ico/pdf.png) no-repeat left; padding-left: 20px;}
.png 				{background: url(../img/ico/png.png) no-repeat left; padding-left: 20px;}
.ppt 				{background: url(../img/ico/ppt.png) no-repeat left; padding-left: 20px;}
.psd 				{background: url(../img/ico/psd.png) no-repeat left; padding-left: 20px;}
.qt 				{background: url(../img/ico/qt.png) no-repeat left; padding-left: 20px;}
.ra 				{background: url(../img/ico/ra.png) no-repeat left; padding-left: 20px;}
.rtf 				{background: url(../img/ico/rtf.png) no-repeat left; padding-left: 20px;}
.swf 				{background: url(../img/ico/swf.png) no-repeat left; padding-left: 20px;}
.tif 				{background: url(../img/ico/tif.png) no-repeat left; padding-left: 20px;}
.txt 				{background: url(../img/ico/txt.png) no-repeat left; padding-left: 20px;}
.xls 				{background: url(../img/ico/xls.png) no-repeat left; padding-left: 20px;}
.zip				{background: url(../img/ico/zip.png) no-repeat left; padding-left: 20px;}
.unknown, file	{background: url(../img/ico/unknown.png) no-repeat left; padding-left: 20px;}
.out				{background: url(../img/ico/outanchor.png) no-repeat right 3px; padding-right: 12px;}
.mail				{background: url(../img/ico/mail.png) no-repeat left; padding-left: 20px;}

/* --- zakladni html prvky ---*/
em, i					{}
p 						{ margin: 10px 0px 10px 0px; line-height: 1.5em; }
code 					{font-size: 140%; font-weight: bold;}

/* --- seznamy --- */
ul						{list-style: none; margin: 5px 0px 5px 15px; padding: 0px; text-align: left;}
ol						{padding: 4px 0px 0px 5px;}

/* --- obrazky --- */
img 					{border: 0px;}
img.border 			{padding: 2px; border: 1px solid #666666;}
img.icon				{vertical-align: -3px; margin: 0px 3px 0px 1px;}
img.toleft			{margin-right: 10px;}
img.toright			{margin-left: 10px;}

/* --- horni a dolni indexy --- */
sub, sup 			{vertical-align: baseline; position: relative;}
sub 					{top: 0.4em;}
sup 					{bottom: 0.4em;}


/* --- hlavicky --- */
h1, h2, h3, h4, h5, h6 		{clear: both; font-size: 1.2em; margin: 0px;}
h1									{padding: 0px;	margin: 5px 0px 15px 0px; font-size: 1.8em;  line-height: 1.2em;}
h2									{padding: 0px;	margin: 5px 0px 10px 0px; font-size: 1.6em; line-height: 1.2em;}
h3 								{font-size: 1.3em; padding: 0px; margin: 10px 0px 10px 0px; line-height: 1.2em;}
h4									{font-size: 1.2em; padding: 0px; margin: 10px 0px 5px 0px; line-height: 1.2em;}

hr									{font-size: 0px; padding: 0px; margin: 0px; line-height: 0px; height: 1px; background: #02A25C; border: 0px;}

/* --- formulare --- */
input				{}
form				{margin: 0px; padding: 0px;}
legend			{padding: 3px;	color:#000000; background: #ffffff; border: 1px solid #C6C6C6;}
fieldset 		{border: 1px solid #C6C6C6;}

/* --- globalni tridy --- */
.clear			{clear: both; font-size: 0px; padding: 0px; margin: 0px; line-height: 0px;}
.smaller			{font-size: 0.85em;}
.small 			{font-size: 0.8em;}
.right 			{text-align: right;}
.center			{text-align: center;}
.center_block	{margin: auto;}
.left				{text-align: left;}
.toblock			{text-align: justify;}
.toleft			{display: block; float: left;	text-align: left;}
.toright			{display: block; float: right; text-align: left;}
.nomargin		{margin: 0px;}
.bold				{font-weight: bold;}
.big				{text-transform: uppercase;}
.nobold			{font-weight: normal;}
.error			{display: block; color: #EC1A24; margin-top:15px; font-weight: bold; text-align: center; padding: 10px; border:1px solid #048244}
.hidden			{display: none;}
.border			{border: 1px solid #085A94; padding:7px;}
.line				{clear: both; font-size: 0px; padding: 0px; margin: 0px; line-height: 0px; height: 1px; background: #ffffff;}
.space			{clear: both; font-size: 0px; padding: 0px; margin: 0px; line-height: 0px; height: 10px;}

/* --- layout webu --- */

#layout{width: 980px; margin: auto;}

#layout #logo {
	width: 980px; 
	height: 185px; 
}
#layout #logo a {
	display: block;
	text-decoration: none;
	width: 980px; 
	height: 185px; 
}

#layout #space {height: 16px; line-height: 0px; font-size: 0px;}

#layout #main {
	width: 960px; 
	background: url(../img/bcg_main.gif) repeat-y -10px 0px;
	padding: 0px 10px 0px 10px;
	word-spacing: normal;
	letter-spacing: 0;
	line-height: 1.6em;
	font-size: 1.2em;
}

	
#layout #menu {
	width: 280px; 
	float: left;
}

/*------- MENU --------*/
#layout #menu ul {	
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#layout #menu ul li.menu0 {
	color:#666666;
	font-size: 1.0em;
	font-weight: bold;
	padding: 3px 0px 5px 15px;
	border-bottom: 2px dotted #666666;
	margin: 0px 0px 5px 0px;
}
#layout #menu ul li.menu0 a {color:#666666; text-decoration: none;}
#layout #menu ul li.menu0 a:hover {color:#0D3A63; text-decoration: underline;}

#layout #menu ul li.menu0 a.selected {
	color:#666666;
	color:#0D3A63;
}

#layout #menu ul li.menu1 {
	color:#0B3E6D;
	font-size: 1.0em;
	margin: 0px 0px 0px 20px;
	line-height: 1.3em;
}
#layout #menu ul li.menu1 a {color:#0B3E6D; text-decoration: none; display: block; padding: 2px 0px 2px 25px;  font-weight: bold;}
#layout #menu ul li.menu1 a:hover {background: #015198 url(../img/menu_star_blue.gif) no-repeat left bottom; color:#ffffff;}
#layout #menu ul li.menu1 a.selected {background: #015198 url(../img/menu_star_blue.gif) no-repeat left bottom; color:#ffffff;}

#layout #menu ul li.menu2 {
	color:#66625F;
	font-size: 1.0em;
	margin: 0px 0px 0px 30px;
	line-height: 1.3em;
}
#layout #menu ul li.menu2 a {color:#66625F; text-decoration: none; display: block; padding: 2px 0px 2px 35px; text-decoration: underline;}
#layout #menu ul li.menu2 a:hover {background: #787878 url(../img/menu_star_gray.gif) no-repeat left bottom; color:#ffffff;}
#layout #menu ul li.menu2 a.selected {background: #787878 url(../img/menu_star_gray.gif) no-repeat left bottom; color:#ffffff;}

#layout #menu ul li.menu3 {
	color:#787878;
	font-size: 0.9em;
	margin: 0px 0px 0px 40px;
	line-height: 1.3em;
}
#layout #menu ul li.menu3 a {color:#000000; text-decoration: none; display: block; padding: 2px 0px 2px 45px; text-decoration: underline;}
#layout #menu ul li.menu3 a:hover {text-decoration: none;}
#layout #menu ul li.menu3 a.selected {font-weight: bold;}



#layout #main #text_box {
	float: right;
	width: 657px;
	font-size: 0.8em;
	padding: 0px 0px 10px 0px;
}

#layout #main #text_box #text_bottom {
	clear: both;
	padding: 20px 10px 0px 10px;
}
#layout #main #text_box #text_bottom .toleft{
	width: 500px;
	border-top: 2px dotted #015198;
	padding: 0px 0px 0px 0px;
	font-size: 0.9em
}
#layout #main #text_box #text_bottom .toright{
	width: 33px;
	height: 18px;
	margin: -10px 0px 0px 0px;
	background: url(../img/star_bottom.gif) no-repeat 0px 0px;
}

#layout #main #text_box h1		{
	font-size: 1.8em; 
	display: block;
	clear: both;
	margin: 0px;
	padding: 5px 70px 5px 15px;
	color:#ffffff;
	background: #666666 url(../img/bcg_h1.gif) no-repeat right top;
	
}
#layout #main #text_box #text		{padding: 10px 15px 10px 15px;}

#layout #main #text_box #text table.nice						{width: 100%; border-collapse: collapse; margin: 8px 0px 10px 0px;}
#layout #main #text_box #text table.nice tr th				{background:#015198; color:#ffffff; font-weight: bold; padding:  1px 5px 1px 5px; border: 1px solid #787878;}
#layout #main #text_box #text table.nice tr th	a			{color:#ffffff;}
#layout #main #text_box #text table.nice tr td 				{padding:  1px 5px 1px 5px; 	border: 1px solid #C5C5C5; background: #EDEDED;}
#layout #main #text_box #text table.nice tr td.item		{color:#ffffff; background: #a2a2a2; border: 1px solid #C5C5C5; font-weight: bold;  width: 150px; text-align: right;}
#layout #main #text_box #text table.nice tr td.item a		{color:#ffffff;}

#layout #main #text_box #text p		{line-height: 1.6em;}
#layout #main #text_box #text .line {background: transparent; border-bottom: 1px dotted #A89E9F;}
#layout #main #text_box #text ul		{list-style: none; padding: 0px 0px 0px 25px; margin: 0px;}
#layout #main #text_box #text ul li	{padding-left:10px; background: url(../img/arrow.gif) no-repeat 0px 8px;}
#layout #main #text_box #text ol		{padding: 0px 0px 0px 25px;  margin: 0px;}

#layout #main #text_box #text h2		{color:#015198; font-size: 1.3em; margin: 0px;  padding: 15px 0px 10px 0px; text-transform: uppercase;}
#layout #main #text_box #text h3		{color:#000000; font-size: 1.3em; margin: 0px;  padding: 15px 0px 5px 0px;}

#layout #main #text_box #text .menicko	{padding: 5px 5px 5px 5px; background: #C5C5C5;}

#layout #main #text_box #news h2{padding: 15px 0px 0px 0px; margin: 0px;}
#layout #main #text_box #news span {font-weight: bold; background:#666666; color:#ffffff; font-size: 0.9em; padding: 2px 2px 2px 2px;}
#layout #main #text_box #news p a {font-weight: bold;}
#layout #main #text_box #news .link {font-weight: bold; padding-left:10px; background: url(../img/arrow.gif) no-repeat 0px 10px; font-size: 1.0em; float: right;}


#layout #main #bottom  {
	background: #ffffff;
	float: right;
	text-align: right;
	width: 657px;
	font-size: 0.7em;
	padding: 5px 10px 0px 0px;
}
#layout #main #bottom img.border {padding:0px; border:1px solid #DADADA;}

#layout_cover {
	width: 960px;
	height: 720px;
	margin: auto;
	background: url(../img/layout_cover.jpg) no-repeat 0px 0px;
}
#layout_cover a span {display: none;}

#layout_cover #flags {
	float: right;
	padding: 33px 29px 0px 0px;
	width: 246px;
	height: 34px;	
}

#layout_cover #flags a{
	width: 62px;
	height: 33px;	
	float: left;
	display: block;
	margin: 0px 0px 0px 20px;
}

#layout_cover #headers {
	float: left;
	padding: 410px 0px 0px 38px;
	width: 330px;
	height: 170px;	
}

#layout_cover #headers a{
	display: block;
	width: 330px;
	margin: 0px 0px 1px 0px;
	height: 43px;	
	float: left;
}
