﻿BODY, h1, h2, h3, h4, h5, HR, DT, DD, TABLE, td, p, li, ul, ol {margin: 0px; padding: 0px;}
BODY {background-color: #EEEEEE; color: #222222;  font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 0.8em;  margin: 0px; padding:0px;}
p {margin-top: 15px; margin-bottom: 5px;}    
a:link {color:#ff8500; text-decoration:underline;}
a:visited {color: #ff8500; text-decoration:underline;}
a:hover {color: #ff8500;}
h1, h2, h3, h4, h5 {color: #002131; margin-top: 5px; margin-bottom: 5px;}
h1 {font-size: 160%; width:100%; color:#002131;}
h2 {font-size: 120%; color:#002131;}
h3 {font-size: 110%; }
h4 {font-size: 100%; color: Gray; font-weight:bold; clear: both; border-top: solid 1px Gray;}
h5 {font-size: 100%; }
legend {color:Gray; font-weight:bold;}
thin {width: 20px;}
dt {font-size: 120%; color:#445e30; font-weight:bold;}

#administration {width: 90%;margin: 0 auto;}

#divContent {background-color: White; width: 850px; 	margin: 0 auto; border-left: solid 1px black;border-right: solid 1px black;}
#leftContent { 
	float: left;
	width: 164px;
	background: url(images/face/left.jpg) no-repeat left top;
	text-align:right;margin: 0px; padding:0px;padding-top:200px;}

#rightContent {
	float: right;
	width: 686px;
	background: url(images/face/right.jpg) no-repeat left top;
	  margin: 0px; padding:0px;padding-top:212px;
	}
hr {color: Gray;}


ul.odrazkyOutside {list-style: url("images/point3.gif");}
ul.odrazkyOutside li {list-style-position: outside; margin-left: 20px;}
ul.odrazkyInside {list-style: url("images/point3.gif");}
ul.odrazkyInside li {list-style-position: inside; margin-left: 20px;}
ul.odrazkyInside2 {list-style: url("images/point1.gif");}
ul.odrazkyInside2 li {list-style-position: inside; margin-left: 20px;}

/** FOOTER */

#footer {	width: 850px; text-align:center;}

#footer p {
	margin: 0;
	padding: 35px 0 0 20px;
	font: normal 0.82em Arial, Helvetica, sans-serif;
}
#footer a {color: Gray; }
#footer a:hover {color: #445e30;}

#clear {clear: both;}

#menu {margin-top: 10px; margin-bottom: 10px; color: #445e30;  width: 100px; float: right; margin-right:15px;}
#menu a:link {color: #445e30; text-decoration:none;}
#menu a:visited {color: #445e30; text-decoration:none;}
#menu a:hover {color: #002131;}
#divAddress {margin-top: 10px; margin-bottom: 10px; color: Gray;  float: right; font-size:0.85em; margin-right:15px;}
#divAddress a {color: Gray; }
#divAddress a:hover {color: #445e30;}
#advertising {margin-top: 10px; margin-bottom: 10px; color: Gray;  float: right; font-size:0.85em; margin-right:15px;}

.textInfo {font-size:0.85em; margin: 0px; padding:0px; margin-bottom: 3px; }
.tableForm {width:440; /*border:solid 1px red;*/}

.tKontakt th {font-weight: normal; text-align:right; color:Gray; width:120px;}
p.adminTitle {color: Red; font-weight:bold; font-size: 150%;}

.headerCell {color:#555555; text-align:right; vertical-align:top;}
.tableCellButton {text-align:right;}
.tableCellTitle {text-align:center;}
.shortTextBox {width:100px; height:14px;}
.textBox {width:200px; height:14px;}
.middleTextBox {width:300px; height:14px;}
.longTextBox {width:350px; height:14px;}
.ddList {width:200px;}
.multiLineTextBox {width:350px; height:150px;  }
.dataList {width:100%;}
.shadow { font-size:0.85em; color:#888888;}
.web_icon_88x31 img { padding: Opx; background: #000000;}

#advertising {margin-top:15px;}
#siteMapPath {margin-top: 15px; font-size:0.85em;}

.gridView {width:100%; border:solid 1px #ff8300; background-color:#dbdbe3; }
.gridView td {padding :3px;}
.gridView th {padding :3px; text-align:center; background-color:White; font-weight:bold;}

.bg_dark {background: #eeeeee;}
.r {text-align: right;}
.c {text-align: center;}
.l {text-align: left;}
.t {vertical-align:top;}
.m {vertical-align:middle;}
.b {vertical-align:bottom;}
.w20 {width:20px;}

.hierarchicalTreeView a {text-decoration: none;}

/* ***********  levé menu by http://www.cssplay.co.uk/menus/flyout_4level.html ********* */
.menuVerticalLeft {height:167px; font-size:90%;margin:0px; text-align:left;}
/* remove all the bullets, borders and padding from the default list styling */
.menuVerticalLeft ul {position:relative;padding:0;margin:0;list-style-type:none;width:150px;}
/* style the list items */
.menuVerticalLeft li {background:#E6E6E6 url(images/shade.gif);height:26px;float:left;margin-bottom:3px;}
.menuVerticalLeft li.AspNet-Menu-WithChildren {background:#E6E6E6 url("images/sub.gif") no-repeat right center;} 

/* get rid of the table */
.menuVerticalLeft table {position:absolute; border-collapse:collapse; top:0; left:0; font-size:1em;}

/* style the links */
.menuVerticalLeft a, .menuVerticalLeft a:visited {font-family:verdana, arial, sans-serif;
    display:block; text-decoration:none;height:25px;line-height:25px;width:149px;color:#000;text-indent:5px;
    border:1px solid #000000;border-width:1px;/**/ }
/* hack for IE5.5 */
* html .menuVerticalLeft a, * html .menuVerticalLeft a:visited {width:150px; w\idth:149px;}
/* style the link hover */
* html .menuVerticalLeft a:hover {color:#ffffff; background:#999999; position:relative;}
.menuVerticalLeft li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menuVerticalLeft a:active, .menuVerticalLeft a:focus {color:#ffffff; background:#999999;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menuVerticalLeft li:hover > a {color:#ffffff; background:#002131;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menuVerticalLeft li ul {visibility:hidden;position:absolute;top:-30px;
/* set up the overlap (minus the overrun) */
left:100px;
/* set up the overrun area */
padding:30px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url('images/transparent.gif');
}

/* for browsers that understand this is all you need for the flyouts */
.menuVerticalLeft li:hover > ul {visibility:visible;}

/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.menuVerticalLeft ul a:hover ul ul{visibility:hidden;}
/* keep the fourth level+ hidden when you hover on second level link */
.menuVerticalLeft ul a:hover ul a:hover ul ul{visibility:hidden;}
/* keep the fifth level hidden when you hover on third level link */
.menuVerticalLeft ul a:hover ul a:hover ul a:hover ul ul{visibility:hidden;}
/* make the second level visible when hover on first level link */
.menuVerticalLeft ul a:hover ul {visibility:visible;}
/* make the third level visible when you hover over second level link */
.menuVerticalLeft ul a:hover ul a:hover ul{ visibility:visible;}
/* make the fourth level visible when you hover over third level link */
.menuVerticalLeft ul a:hover ul a:hover ul a:hover ul { visibility:visible;}
/* make the fifth level visible when you hover over fourth level link */
.menuVerticalLeft ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible;}leftContent
