
body.main{
	background:#ffffff url(images/bg.jpg) top center repeat-x;
	margin:0;
	}
.mainTable{
	width:947px;;
	}
.top{

	background:transparent url(images/top.jpg) left top;
	
	/*height:184px;*/
	height:117px;
	border:0px red dotted;
	position:relative;
	display:block;
	
	}
#hotbar{
	background:transparent url(images/hotbar_bg.png) no-repeat;
	width:265px;
	height:85px;
	text-align:center;
	position:absolute;
	bottom:11px;
	right:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#003399;
	font-weight:bold;
	font-size:13px;
}
#hotbar span{ padding:10px; display:block;}
div.topContent{
	display:block;
	border:0px green dashed;
	position:relative;
	width:967px;
	height:184px;
	padding:0;
	margin:0;
	top:0;
	left:0;	
	}
.topMenuTd{
	position:relative;
	height:47px;
	background:transparent url(images/top.jpg) left top;
	background-position:0 -117px; /*-117*/
	/*border:1px black dashed;*/
	}
.subMenuTd{
	background:url(images/sub_menu_bg.jpg) no-repeat;
	height:38px;/*38px;*/
	}
.left{
	width:177px;
	background:url(images/left_bg.jpg);
	vertical-align:top;
	}
div.leftContent{
	display:block;
	padding-top:20px;
	}
.content{
	background:url(images/content_bg.jpg);	
	vertical-align:sub;
	width:947px;
	height:300PX;
	}
.footer{
	background:url(images/footer.jpg);
	height:45px;
	font-weight:bold;
	font-family:Arial;
	font-size:13px;
	color:white;
	text-align:center;
	}
.footer>span{
	padding-top:15px;
	position:relative;
	display:block;
	}

.leftMenuTable{
	width:177px;
	margin:0;
	}
.leftMenuTop{
	background:url(images/left_menu_top.jpg);
	height:27px;
	}
.leftMenuContent{
	background:url(images/left_menu_bg.jpg);
	vertical-align:top;
	display:block;
	/*position:relative;*/
	clear:both;
	float:left;
	}
.leftMenuBottom{
	background:url(images/left_menu_down.jpg);
	height:13px;
	}
/* CONTENT */
.content{
	font-family:Arial;
	font-size:13px;
	color:#324786;
	padding:0;
	clear:both;
	}
.contentDiv{
	padding-left:15px;
	padding-right:15px;
	/*margin-top:-15px;*/
	padding-top:5px;
	display:block;
	}
.content .nadpis{ font-weight:bold; display:block;}
.content a{
	color:#003399;
	text-decoration:none;
	border-bottom:1px #003399 dotted;
	font-weight:bold;
	}
.content a img{ border:0; }
.content img{ border:0; }

hr{ clear:both; }

	/* Tabulky */
/*	.info td {margin:0; padding-top:5px; padding-bottom:5px; font-size:20px;}
	.info{ border-bottom:1px #C1C7DA solid; border-top:1px #C1C7DA solid; width:100%;}
	.info tr:first-child td{ font-weight:bold; font-size:13px; border-bottom:1px #C1C7DA solid; }*/
	.info td {margin:0; padding-top:5px; padding-bottom:5px;}
	.info{ border-bottom:0px #C1C7DA solid; border-top:0px #3E64E8 solid; width:100%;}
	.info tr:first-child td{ font-weight:bold; font-size:13px; border-bottom:2px #3E64E8 solid; border-top:2px #3E64E8 solid; }
	.info tr:last-child td{ border-bottom:2px #3E64E8 solid; }
	.info tr td { border-bottom: 1px #C1C7DA solid; text-align:center; }
	.info tr:nth-child(even) { background-color:  #eee; }
	
	.grid { border: 1px solid #147; border-collapse:collapse; }
	.grid tr:nth-child(even) { background-color:#eaeaea; }
	.grid td{ padding:2px;	border: 1px solid #709CE8; margin:0 !important; }
	.pruzok{ background-color: #147 !important; font-weight: bold; color:#fff; }
	/* Tabulky END */


.small3 { font-size: 10px;  }
.small2 { font-size: 11px; }
.small1 { font-size: 12px; }
.big1 { font-size: 16px; }
.big2 { font-size: 18px; }
.big3 { font-size: 20px; }
.big4 { font-size: 24px; }
.big5 { font-size: 30px; }
.red { color: #d00; }

/* CONTENT END */

/* ############################# TOP MENU ################################## */
.topMenu{
	position:relative;
	bottom:1px;
	left:0px;
	height:37px;
	border:0px black dotted;
	padding:0;
	margin:-5px 0 0px 20px;
	z-index:1000;
	/*border:1px black dotted;*/
	}
.topMenu li{
	list-style:none;
	float:left;
	z-index:5;
	display:block;
	position:relative;
	padding:0;
	margin:0;
	}
.topMenu a:active, .topMenu a:focus{ border:0; outline:0;}
.topMenu>li{
	background:url(images/top_menu_button.jpg) no-repeat;
	background-position:0 0;
	float:left;
	margin:0;
	padding:0;
	height:37px;
	width:106px;
	margin-right:5px;
	z-index:12;
	position:static;
	}
.topMenu ul {
	display:block;
	visibility:hidden;
	position:absolute;
	margin:-15px 0pt 0pt -30px;
	padding:0px 30px 30px 25px;
	min-height:0;
	z-index:10;
	}
.topMenu>li>ul{
	top:65px;
	left: 0px;
	position:absolute;
	}
.topMenu>li>ul>li{
	float:left;
	clear:none;
	background:none !important;
	width:auto !important;
	height:25px !important;
	padding-right:10px;
	padding-left:10px;
	border-left:1px #eaeaea solid;
}
.topMenu>li>ul>li:first-child{ border-left:0; }
.topMenu>li>ul>li>a { padding-top:0 !important; width:auto;  }
.topMenu>li>ul>li>a:hover { color:#fff; }
.topMenu>li>ul>li.last{ background:none; border-left:0; }
.topMenu li:hover {  z-index:1000; white-space:normal;  } /* ABY SA Z POLOVICE NEPREKRIVALI SUBMENU*/
/*.topMenu li:hover>ul{ visibility:visible; }*/
/* Cez Javascript Effect
.topMenu>li:hover{ background:url(images/top_menu_button_hover.jpg);}
.topMenu>li:hover>a{ padding-top:15px; }
*/
.topLiNode{ background-position:0 0; }
.topLiNodeHover{ background-position:0 8px; z-index:1000; white-space:normal;}
.topLiNodeA{ margin-top:0; }
.topLiNodeAHover{ margin-top:8px; }


.topMenu>li>a{
	display:block;
	width:106px;
	height:20px;
	padding:3px;
	padding-top:10px;
	padding-left:1px;
	font-family:Arial;
	font-size:14px;
	font-stretch:normal;
	font-weight:bold;
	color:#324786;
	text-decoration:none;
	text-align:center;
	margin:0;
	}
.topMenu ul li{ background:url(images/sub_menu_li_bg.jpg); width:230px; padding:0; height:24px; line-height:24px; margin:0; position:relative; display:block;  clear:both;}
.topMenu ul li:first-child{ background:url(images/sub_menu_li_first_bg.jpg); height:31px;  }
.topMenu ul li:first-child>a{ padding-top:9px; }
.topMenu ul li.last{ background: transparent url(images/sub_menu_li_last_bg.jpg) top no-repeat; }

.ulLiA{
	margin-left:0;
	color:#324786;
	}
/*.topMenu ul li:hover>a*/
.ulLiAHover{
	/*color:#003366;*/

	margin-left:10px;
	color:#000000;
	}

.topMenu ul a{
	display:block;
	width:230px;
	font-family:Arial;
	font-size:14px;
	font-stretch:normal;
	font-weight:bold;
	color:#324786;
	text-decoration:none;
	text-align:left;
	padding-left:5px;

}

.topMenu ul ul{
	top:20px;
	left:95%;
	z-index:130;
	margin:-30px 0pt 0pt -30px;
	padding:20px 30px 30px 25px;
	border:0px black dotted;
}
.topMenu:after, .topMenu ul:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
	
}
/* ############################# TOP MENU END ################################## */

/* ############################# LEFT MENU ################################## */
.leftMenu{
	position:relative;
	border:0px black dotted;
	padding:0;
	margin:0;
	margin-left:15px;
	}
.leftMenu li{
	list-style:none;
	z-index:5;
	display:block;
	position:relative;
	padding:0;
	margin:0;
	float:left;
	}
.leftMenu a:active, .leftMenu a:focus{ border:0; outline:0;}
.leftMenu>li{
	background:url(empty.gif); 
	width:162px; 
	padding:0; 
	height:24px; 
	line-height:24px;
	margin:0; 
	position:relative; 
	display:block;  
	clear:both;
	}
.leftMenu ul {
	display:block;
	visibility:visible;
	position:absolute;
/*	margin:-15px 0pt 0pt -10px;
	padding:0px 30px 30px 5px;*/
	margin:-40px 0pt 0pt -30px;
	padding:20px 30px 30px 25px;
	min-height:0;
	z-index:10;
	border:0px black dotted;
	}
.leftMenu>li>ul{
	top:20px;
	left:95%;
	}
.leftMenu li:hover {  z-index:1000; white-space:normal;  } /* ABY SA Z POLOVICE NEPREKRIVALI SUBMENU*/
.leftMenu li:hover>ul{ visibility:visible; }


.leftMenu>li>a{
	width:162px;
	padding:4px;
	font-family:Arial;
	font-size:14px;
	font-stretch:normal;
	font-weight:bold;
	color:#324786;
	text-decoration:none;
	text-align:left;
	margin:0;
	}
/* Cez javascript je effect na .ulLiAHover	
.leftMenu li:hover>a{
	color:#003366;
	margin-left:10px;
	}
*/
.leftMenu ul li{ background:url(images/sub_menu_li_bg.jpg); width:230px; padding:0; height:24px; line-height:24px; margin:0; position:relative; display:block;  clear:both;}
.leftMenu ul li:first-child{ background:url(images/sub_menu_li_first_bg.jpg); height:31px;  }
.leftMenu ul li:first-child>a{ padding-top:9px; }
.leftMenu ul li.last{ background: transparent url(images/sub_menu_li_last_bg.jpg) top no-repeat; }


.leftMenu ul a{
	padding:0;
	margin:0;
	display:block;
	width:230px;
	font-family:Arial;
	font-size:14px;
	font-stretch:normal;
	font-weight:bold;
	color:#324786;
	text-decoration:none;
	text-align:left;
	padding-left:5px;

}

.leftMenu ul ul{
	top:20px;
	left:95%;
	z-index:130;
	margin:-30px 0pt 0pt -30px;
	padding:20px 30px 30px 25px;
}
.leftMenu:after, .leftMenu ul:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
	
}
/* ############################# LEFT MENU END ################################## */
.error{
	padding:10px; 
	margin:5px;
	height:100%;
	width:auto;
	background-color:#E6C0C0; 
	border:2px #DE7A7B solid; 
	font-weight:bold; 
	color:#943838;
	}
