/*
#MenuDiv-9 li
{
	background-color: Yellow;
	border: solid 1px;
	padding: 5px 5px 5px 5px;
}

#MenuDiv-9 li.Menu-9-Level-0
{
	background-color: Gray;
}

#MenuDiv-9 li.Menu-9-ActiveItem
{
	background-color: Blue;
}
*/
body
{
	margin: 0;
	padding: 0;
	background: white;
	min-width: 620px;
	font-family: Verdana, Arial, Tahoma, Helvetica;
	font-size: 0.7em;
}

form
{
	margin: 0;
}

img
{
	border: 1px solid black;
        margin: 4px;
}

h1, h2, h3
{
font-family: Arial, Tahoma, Helvetica;
}

h1
{
font-size: 2em;
margin-top: 0;
margin-bottom: 0.75em;
}

p.heading
{
margin: 0.5em 0 0.5em 0;
}

hr.heading
{
margin-top: 0em;
margin-bottom: 1em;
border-top: 1px solid #E8E8E8;
border-bottom: 1px solid #C8C8C8;
background: white;
}

h2
{
font-size: 1.2em;
margin: 1em 0;
}

p
{
margin: 1em 0;
}

.alt
{
display: none;
}

.validator
{
color: Red;
}

/* --------- Top --------- */

#top
{
background: url(../Images/Top.gif) left top repeat-x;
height: 54px;
}

/* --------- Header --------- */

#headerC
{
background: white url(../Images/HeaderBar.gif) left bottom repeat-x;
}

#headerR
{
background: url(../Images/Logo.gif) right top no-repeat;
}

#headerL
{
height: 75px;
background: url(../Images/Header.gif) 24px 13px no-repeat;
}

/* --------- Menu --------- */

#menuC
{
position: absolute;
left: 0px;
top: 217px;
width: 179px;
background: url(../Images/MenuBack.gif) left top repeat-y;
}

#menu
{
background: url(../Images/MenuItem0.gif) left top no-repeat;
}

#menu ul
{
margin: 0;
padding: 0;
}

#menu li
{
display: inline;
}

#menu li a, #menu li a:visited
{
color: Black;
display: block;
width: 100%; 
_height:1em;
min-height:1em;
text-decoration:none;
background:url(../Images/MenuItem1.gif) 10px 0 no-repeat;
}

#menu li a.sub
{
background: none;
}

#menu li a:hover
{
	color: Black;
	text-decoration: underline;
}

#menu li a span
{
	display: block;
	padding: 3px 0 3px 0;
	padding-left: 25px;
	background: url(../Images/MenuSplitter.gif) bottom left repeat-x;
}

#menu li li a, #menu li li a:visited
{
	background: url(../Images/MenuItem2.gif) 22px 0 no-repeat;
}

#menu li li a:hover
{
	background-position: 22px -153px;
}

#menu li li a span
{
	padding-left: 45px;
}

#menuBottom
{
font-size: 1px;
height: 10px;
background: url(../Images/MenuBottom.gif) left top repeat-x;
margin-top: -1px;
}

/* --------- Content --------- */

#contentC
{
margin-left: 179px;
padding: 29px 0 24px 35px;
}

#content
{
padding-right: 35px;
}

/* --------- Navigation Bar --------- */

#navBarC
{
background: url(../Images/NavBar.gif) left top; 
width: 600px;
_height: 22px;
min-height: 22px;
}

#navBar
{
padding: 4px;
font-weight: bold;
}

#navBar a, #navBar a:visited
{
color: Black;
text-decoration: none;
}

#navBar a:hover
{
text-decoration: underline;
}

#navBar span
{
font-size: 1px;
background: url(../Images/NavBarSplitter.gif) 11px 2px no-repeat;
padding-left: 32px;
padding-top: 7px;
}


/* --------- Datagrid tabulka --------- */

table.dataGrid
{
border-collapse: collapse;
background: url(../Images/TableHeader.gif) left top repeat-x;
}

table.dataGrid tr
{
height: 20px;
}

table.dataGrid tr.header
{
background: url(../Images/TableRow.gif) left bottom repeat-x;
font-weight: bold;
}

table.dataGrid tr.header a, table.dataGrid tr.header a:visited
{
text-decoration: none;
font-size: 1px;
padding-left: 12px;
padding-top: 5px;
}

table.dataGrid tr.header a.asc
{
background: url(../Images/sortAsc.gif) center no-repeat;
}

table.dataGrid tr.header a.desc
{
background: url(../Images/sortDesc.gif) center no-repeat;
}

table.dataGrid td, table.dataGrid th
{
padding-left: 10px;
padding-right: 10px;
}

table.dataGrid tr.item
{
background: white url(../Images/TableRowAlt.gif) left bottom repeat-x;
}

table.dataGrid tr.alternatingItem
{
background: #fef3e3 url(../Images/TableRow.gif) left bottom repeat-x;
}

table.dataGrid tr.pager, table.dataGrid tr.pager a, table.dataGrid tr.pager a:visited
{
color: #999B9E;
font-weight: bold;
}

table.dataGrid tr.pager span, table.dataGrid tr.pager a
{
border: 1px solid white;
padding: 2px;
}

table.dataGrid tr.pager span
{
border-color: #E0E0E0;
background: url(../Images/Pager.gif);
}

table.dataGrid tr.pager td
{
padding-top: 5px;
}

table.dataGrid tr.pager a, table.dataGrid tr.pager a:visited
{
text-decoration: none;
}

table.dataGrid tr.pager a:hover
{
text-decoration: underline;
}


/* formularova tabulka, okoli formulare */
table.form{
    margin-bottom: 1em;
}

table.form td.caption
{
padding-right: 2em;
}

table.form td, table.form th {
    padding: 2px 5px;
    white-space: nowrap;
    vertical-align: top;
}

table.form td.popis {
    white-space: normal;
}

div.form
{
border: 1px solid #A8A8A8;
background: url(../Images/FormBack.gif) top left repeat-x;
padding: 5px;
}

a.backLink, a.backLink:visited
{
color: black;
text-decoration: none;
padding: 3px 0 3px 20px;
background: url(../Images/Tlacitko-Zpet.gif) left center no-repeat;
}

a.backLink:hover
{
text-decoration: underline;
}

/* MENU 12 */
.Menu-12, .Menu-12 ul
{
	list-style: none;
}

.Menu-12-Level-0 a
{
	color: Maroon;
	font-weight: bold;
	font-size: large;
}

.Menu-12-Level-1 a
{
	color: Green;
	font-style: italic;
}

.Menu-12-Level-2 a
{
	color: Gray;
	font-size: small;
}

/* Login Form */

.validator
{
	color: Red;
}

.caption
{
	padding-right: 2em;
}

.center 
{
	text-align: center;
}

table.login-form 
{
	border: 1px solid #F5CED2;
	background: #EEEEEE;
	border-collapse: collapse;
}

table.login-form  th {
	color: White;
    background: #606060;
	text-align: center;
	padding: 0.4em;
}

table.login-form  td {
	text-align: center;
	padding: 0.4em 1em 0.4em 0.4em;
}

table.login-form td.caption {
	text-align: right;
	padding: 0.4em 0.4em 0.4em 1em;
}

/* -------- Rozcestnik -------- */

.rozcestnik-button 
{
	margin-bottom: 10px;
}

.rozcestnik-label
{
	vertical-align: top;
	height: 30px;
}

.download 
{
	float: left;
	clear: both;
	width: 100%;
}



/* -------------------------------------- Main CSS ------------------------------ */

body {
  font-family: Arial;
  font-size: 12px;
  color: #00538d;
  background: url('../Images/Design/background.jpg') repeat-x #cccccc;
  margin-bottom: 40px;
}

.all {
  margin: 40px 0 0 0;
}

.head {
  width: 782px;
  height: 172px;
  background: url('../Images/Design/head.jpg');
}

.content {
  width: 780px;
  margin: 0 0px;
  background: #00538d;
  text-align: left;
}

.content-in {
  width: 529px;
  min-height: 724px;
  _height: 724px;
  float: left;
  padding: 30px 20px;
  background: url('../Images/Design/content-background.jpg') no-repeat #d4cbc9;
}

.footer {
  width: 780px;
  height: 45px;
  background: url('../Images/Design/footer.gif');
  color: white;
}

.footer .left {
  padding: 13px 15px;
  float: left;
  font-size: 0.8em;
}

.footer .right {
  padding: 13px 15px;
  float: right;
  font-size: 0.8em;
}

.footer .right a {
  color: white;
  text-decoration: none;
}

.footer .right a:hover {
  text-decoration: underline;
}

.clear {
  clear: both;
}


/* ----------------------------------------- Menu ---------------------------------------- */

.menu {
  width: 200px;
  float: left;
  font-size: 14px;
}

.menu-image {
  width: 200px;
  height: 280px;
  background: url('../Images/Design/menu-image.jpg');
}

.Menu-2 a { 
	display: block;
	font-size: 1em;
    color: #ffffff;
	/*padding: 5px 0px 5px 0px; */
	padding: 5px 0 5px 0;
	text-decoration: none; 
	border-bottom: 2px solid #ffffff; 
	width: 160px;
}

.Menu-2 a:hover { 
	font-weight: bold; 
}

.Menu-2 li {
  list-style-type: none;
}

.Menu-2 li.Menu-2-ActiveItem { 
	list-style-image: url('../Images/Design/menu-item.jpg');
}

.Menu-2-Level-0 {
  list-style-type: disc;
}

ul.Menu-2 {
	margin-left: 25px;
	padding: 0;
}

.Menu-2 li ul {
	padding-left: 20px;
	margin: 0;
	width: 140px;
}

.Menu-2 li.Menu-2-ActiveItem li {
	background: none;
	list-style-image: none;
}

.Menu-2 li ul li {
	width: 140px;
}

.Menu-2 li ul a {
	width: 140px;
	border-bottom: 1px solid #ffffff;
}

/* ----------------------------------------- Nadpisy ------------------------------------- */

h1, h2, h3 {
  color: #ee192c;
  font-weight: bold;
}

h1 {
  font-size: 20px;
}

h2 {
  font-size: 14px;
  margin: 0;
}

h3 {
  font-size: 13px;
  margin: 0;
}

p {
  margin: 0 0 15px 0;
}
