/* ---------- GENERAL ------------------------------------------------------------------------------------------------------------------------------ */

body    { margin: 0; border: 0; padding: 0;
/*	font-family: 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif; */
	font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif;
	font-size: 75%;	color: black; background: white url(../images/mestopv2/leftbg.gif) top left repeat-y;
	}

body#bodex {background: none;}

h1	{ margin: 15px 0 10px 0; font-size: 100%; font-weight: bold; color: #b81114; background: transparent; }
h2.none { display: none; font-size: 95%;}
h3      { margin: 0px 0 5px 0; color: #b81114; font-weight: bold; font-size: 105%; }

.none   { display: none; }

strong	{ font-style: normal; font-weight: bold; }
hr	{ display: none }
img 	{ margin: 0; border: 0; padding: 0; }

a 	{ color: #b81114; font-weight: bold; text-decoration: underline; background: transparent; }
a:hover { color: red; font-weight: bold; text-decoration: underline; background: transparent; }

form    { margin: 0; padding: 0; border: 0; }
textarea, input, select, option { font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; }
textarea { height: 100px; }
/* ---------- OBRYS */

#obrysbox  { margin: 0; border: 0; padding: 0; text-align: left; color: black; background: transparent; }

/* ---------- TOP */

#topbox { width: 100%; height: 130px; margin: 0; border: 0; padding: 0; background: url(../images/mestopv2/topbg.gif) top left repeat-x;	}
#tleft { width: 455px; height: 130px; margin: 0; border: 0; padding: 0; float: left; }
#tlogo  { width: 256px; height: 130px; margin: 0; border: 0; padding: 0; }
#tright  { width: 400px; height: 130px; margin: 0; border: 0; padding: 0; float: right; position: relative; }

#help { position: absolute; top: 107px; right: 10px; margin: 0; border: 0; }
#help a { color: #2c506d; font-weight: bold; text-decoration: none; }
#help a:hover { color: #e8bb06; text-decoration: underline; }

/* ---------- LEFT ------------------------------------------------------------------------------------------------------------------------------ */

#leftbox { position: absolute; top: 130px; left: 0px; width: 256px; margin: 0; border: 0; padding: 0; text-align: left; font-size: 100%; }

/* ---------- LOGIN - prihlaseni/odhaseni */

/* přihlášen - top */
#tlogin  { margin: 0; position: absolute; top: 6px; right: 10px; }
#tlogin .logname { display: block; float: left; width: auto; text-align: left; vertical-align: middle; margin-top: 0.4em; margin-right: 0.2em; font-weight: bold; color: #e8bb06; }

#tlogin .selectUserList { float:left; }
#tlogin .btnout { display: block; float: left; width: 80px; margin: 0 0 0 10px; padding: 1px 15px; text-align: center; font-size: 1em;
cursor: pointer; }

.loginTable { margin: 10px 0 0 0; }	
.loginTable .loggedUserCol1 { width: 65px; color: white;}
.loginTable .loggedUserCol2 { color: white;}
.loginTable .proxyLoggedUserCol1 { width: 65px; color: red;}
.loginTable .proxyLoggedUserCol2 { color: red;}

#loginbox  { width: 256px; margin: 0; border: 0; padding: 0; }
#loginbox .lesekce { width: 256px; height: 25px; margin: 0; border: 0; padding: 0; color: black; background: #ffab02 url("../images/lesekcebg.gif") top left no-repeat; }
#loginbox h2 { margin: 0; border: 0; padding: 5px 0 0 0; font-size: 100%; text-align: center; }
#login { margin: 0; border: 0; padding: 5px 0 5px 15px; }
/* prihlasit */
#login .line  { clear: left; /*float: left*/ width: 180px; height: 25px; margin: 2px 0 0 0; padding: 0; /* background: #feebe8; */}
#login .label { float: left; width: 65px; margin: 0; padding: 0; }
#login .cont { float: right; width: 115px; margin: 0; padding: 0; }
#login .label label { display: block; padding: 3px 0 0 0; }
#login .cont input { width: 115px; }
#login .btnlog { margin: 0; padding: 0; text-align: right; }
#login .btnlog input { }
#login .btnreg { margin: 0; padding: 0; text-align: left; }
#login .btnreg input { }
/* odhlasit */
#login .logname { margin: 0; padding: 3px 0 0 0; text-align: center; }
#login .name   { margin: 0; padding: 3px 0 0 0; text-align: center; font-weight: bold; color: #b81114; }
#login .btnout { margin: 0; padding: 0; text-align: right; }
#login .btnout input { }

/* přihlášen - top */
table#tprihlasen td { font-size: 80%; height: 30px; } 
.logname { display: inline; margin: 0; border: 0; padding: 0; text-align: center; font-weight: bold; color: #b81114; }
.btnlout { width: 80px; margin: 0; padding: 0; text-align: center; font-size: 90%; }

.error { color: red; }

/* ---------- LEMENU */

#lemenubox  { width: 256px; margin: 0; border: 0; padding: 0; }
#lemenubox .lesekce { width: 256px; height: 25px; margin: 0; border: 0; padding: 0; color: black; display: none; /*background: #ffab02 url("../images/lesekcebg.gif") top left no-repeat;*/ }
#lemenubox h2 { margin: 0; border: 0; padding: 5px 0 0 0; font-size: 100%; text-align: center; }

#lemenu     { margin: 0; border: 0; padding: 10px 0 10px 5px; }

#lemenu ul    { margin: 0; padding: 0; list-style: none; }
#lemenu ul li { margin: 0; padding: 0; }

/* ---------- odkazy, span - vsechny urovne */
#lemenu ul li a, #lemenu ul li span  
{ display: block; padding: 5px 5px 5px 25px; font-weight: normal; text-decoration: none; }

/* ---------- general */

#lemenu ul li.expanded span
{ text-transform: none; color: black; font-weight: bold; }

#lemenu ul li a:hover, #lemenu ul li.expanded a:hover, #lemenu ul li.sel span 
{ background: transparent; color: #054493; }

/* ---------- MAIN nejvyssi uroven - verze odkazy; bez odkazu zapoznamkovat sekci */

#lemenu ul li.expanded .main 
{ margin: 0; padding: 0; }

#lemenu ul li.expanded .main a
{ text-transform: none; color: black; font-weight: bold; background: transparent url("../images/dotorange.gif") 0px 3px no-repeat !important; }

#lemenu ul li.expanded .main a:hover
{ text-transform: none; color: black; background: transparent; font-weight: bold; }

#lemenu ul li.expanded .mainsel 
{ margin: 0; padding: 0; }

#lemenu ul li.expanded .mainsel a
{ text-transform: none; color: #054493; font-weight: bold; text-decoration: underline; background: transparent url("../images/dotred.gif") 0px 3px no-repeat !important; }

#lemenu ul li.expanded .mainsel a:hover
{ text-transform: none; color: #054493; background: transparent; font-weight: bold; }

/* ---------- 1.uroven EXPANDED */
#lemenu ul li.expanded ul li a
{ font-size: 100%; font-weight: bold; padding-top: 2px; padding-bottom: 2px; padding-left: 45px; background: transparent url("../images/dotblack.gif") 20px 0px no-repeat; color: black; }

#lemenu ul li.expanded ul li.sel span, 
#lemenu ul li.expanded ul li.sel a 
{ font-size: 100%; font-weight: bold; padding-top: 2px; padding-bottom: 2px; padding-left: 45px; background: url("../images/dotred.gif") 20px 0px no-repeat !important; color: black; }

/* #lemenu ul li.expanded ul li { background: transparent url("../images/dotblack.gif") bottom left no-repeat !important; }  */

/* #lemenu ul li.expanded ul li a:hover, */
#lemenu ul li.expanded ul li.sel span, 
#lemenu ul li.expanded ul li.sel a  
{ color: #054493; text-decoration: underline; }

#lemenu ul li.expanded ul li a:hover
{ background: url("../images/dotred.gif") 20px 0px no-repeat !important; text-decoration: underline; }

#lemenu ul li.expanded ul li.sel a:hover
{ background: url("../images/dotred.gif") 20px 0px no-repeat !important; }

/* ---------- cursor */
#lemenu ul li span {cursor: pointer; cursor: hand; text-decoration: none; }
#lemenu .hidden { display: none; }
#lemenu .view { display: block; }

/* ---------- OBSAH ------------------------------------------------------------------------------------------------------------------------------ */

#obsahbox  {  /* margin-left: 256px; */ position: absolute; left: 256px; /* overflow: auto; */ border: 0; padding: 0; background: transparent;  }

#obsah { margin: 0; border: 0; padding: 15px; font-size: 100%; /* text-align: justify; */  }
#obsah100 { margin: 0; border: 0; }

#obsah ul { display: block; margin: 0 0 0 40px; padding: 10px 0 0 0; list-style: square; /* url(../images/odrazka2.gif*/ }
#obsah li { margin: 0; padding: 0 0 10px 10px; }

#obsah table { font-size: 100%; margin: 0; padding: 0; }

#obsah h1 { font-size: 112%; font-weight: bold;	color: #b81114; margin: 0px 0 10px 0; background: white; }

/* ---------- CLEANER */

.cleaner { clear: both; }

/* ---------- END ------------------------------------------------------------------------------------------------------------------------------ */


.accordionMenu
{
	display: block;
	width: 245px;
	
	background-color: #6A98C3;
}

.accordionMenu .menuItemGroup,
.accordionMenu .activeMenuItemGroup
{
	/*background: #ECECEC;*/
}

.accordionMenu .menuItemGroup .header,
.accordionMenu .activeMenuItemGroup .header
{	
	cursor: pointer;
	margin: 1px 0 0 0;
	padding: 5px 0 5px 20px;
	background-image: url("../images/mestopv2/menu1_odr.gif");
	background-repeat: no-repeat;
	background-position: 4px 5px;
	background-color: #296CA9;
	
	color: white;
	font-weight: bold;
	font-size: 100%;
}

.accordionMenu .activeMenuItemGroup .header
{
	background-color: #6A98C3;
	color: #FFCF0E;	
}

.accordionMenu .menuItemGroup .menuItems,
.accordionMenu .activeMenuItemGroup .menuItems
{
	display: none;
	width: 100%;
	
	background-color: #2A608A;

	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
}

.accordionMenu .activeMenuItemGroup .menuItems
{
	display: block;
}

.accordionMenu .menuItemGroup .menuItems .menuItem,
.accordionMenu .activeMenuItemGroup .menuItems .menuItem
{
}

.accordionMenu .activeMenuItemGroup .menuItems .menuItem a,
.accordionMenu .activeMenuItemGroup .menuItems .activeMenuItem a
{
	padding: 0 0 0 25px;
	
	color: white;
	font-weight: normal;
	text-decoration: none;	
	
	background-image: url("../images/mestopv2/menu2_odr.gif");	
	background-repeat: no-repeat;
	background-position: 5px 4px;
}

.accordionMenu .activeMenuItemGroup .menuItems .activeMenuItem a,
.accordionMenu .activeMenuItemGroup .menuItems .menuItem a:hover
{
	color: #FFCF0E;	
	text-decoration: underline;
	
	background-image: url("../images/mestopv2/menu2_odr.gif");
		
	
}