body { margin: 0; text-align: left; background: url('../img/bg.png') repeat-x; font: .8em Arial, sans-serif; color: black; }

a { text-decoration: none; /*underline;*/ color: #480; /*#360*/ }
a:hover { text-decoration: underline; /*none*/ }

.login { color: white; font-size: 10px; margin-right: 5px;}
.login a { color: white; font-size: 10px;}

img { display: inline; vertical-align: middle; border: 0; text-decoration: none; }

h1, h2, h3, h4 { font: 1.4em Arial, sans-serif; /*font-size: 1.4em;*/ font-weight: bold; color: #480; /*#360*/ margin: 0 0 10px 0; padding: 5px 5px 5px 10px; }
h1 { margin-top: 0; padding-left: 37px; background: url('../img/h1.png') no-repeat; }
h2  { font-size: 1.3em; padding: 7px 5px 5px 33px; background: url('../img/h2.png') no-repeat; }
h3 { font-size: 1.1em; padding: 10px 5px 5px 25px; background: url('../img/h3.png') no-repeat; }
h4 { font-size: 1.0em; }

.news h3, .news h4 { padding: 0px; background: none;}

strong { /*color: #360;*/ color: black; }

#vzkaz { width: 90%; border: 0; margin: 10px auto 10px auto; }
#vzkaz td { padding: 5px; text-align: center; }

form td.label { text-align: right;}
form td.value { text-align: left;}
form td.result { color: red; width:80px;}

p { margin: 0px; padding: 0 5px 15px 0; line-height: 2.2em; }

.news p { font-size: 1em; line-height: 1.5em;}

.center { margin: 0 auto; width: 1010px; }

#header { float: left; width: 1010px; height: 260px; position: relative; z-index: 10; background: white url('../img/header.png') no-repeat; }

#header2 { float: left; width: 800px; height: 160px; margin: 10px 0 0 114px; position: relative; z-index: 20; background: white url('../img/header.jpg') no-repeat; }


#logo { float: left; width: 108px; height: 48px; margin: 12px 0 0 118px; }


#menu-top { float: right; height: 50px; margin: 30px 95px 0 0; }
#menu-top ul { float: left; margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
	
#menu-top ul li {	float: left; opacity: 0.7; filter: alpha(opacity=70); text-align: center; border-right: 1px solid white; behavior: url(csshover.htc); }
#menu-top ul li:hover, #menu-top ul li.sel { cursor: pointer; z-index: 100; opacity: 1.0; filter: alpha(opacity=100); }

#menu-top ul li a, #menu-top ul li ul li a { display: block; width: 120px; height: 35px; padding: 15px 0 0 0; background: url('../img/menutop.png') repeat-x; font: 13px Tahoma, sans-sesif; color: white; text-decoration: none; }
#menu-top ul li a:hover, #menu-top ul li ul li a:hover { color: white; text-decoration: none; }	


#menu-top ul li ul { display: none; height: auto; position: absolute; z-index: 200; }
#menu-top ul li:hover ul { display: block; }

#menu-top ul li ul li { display: block; float: none; opacity: 0.9; filter: alpha(opacity=90); }
#menu-top ul li ul li:hover { opacity: 1.0; filter: alpha(opacity=100); }

		

#menu { float: left; width: 200px; margin: -160px 0 10px 0; padding: 0; background: white; position: relative; z-index: 50; }
#menu ul, ul { padding: 0; margin: 0; list-style-type: none; }
#menu ul ul { visibility: hidden; position: absolute; left: 200px; top: 0;	}
/*
#menu ul { opacity: 0.9; filter: alpha(opacity=90); }
#menu ul:hover { opacity: 1.0; filter: alpha(opacity=100); }
*/
#menu ul li a { display: block; width: 179px; padding: 10px 10px 10px 11px; color: #1A6B04; font: 13px Tahoma, sans-sesif; text-decoration: none; }

#menu ul li:hover ul, #menu ul li.hover ul { visibility: visible; /*margin-top: -1px;*/ }

#menu ul li:hover ul ul, #menu ul li.hover ul ul { visibility: hidden; }
#menu ul li:hover ul li:hover ul , #menu ul li.hover ul li.hover ul { visibility: visible; margin-top: 0; }

#menu ul li, #menu ul li ul li { position: relative; background: url('../img/menu.png') no-repeat 0 0; width: 200px; height: 36px; behavior: url(csshover.htc); }
#menu ul li:hover, #menu ul li ul li:hover { background: url('../img/menu.png') no-repeat 0 -36px; cursor: pointer; }
#menu ul li ul li { opacity: 0.95; filter: alpha(opacity=95); }
#menu ul li ul li:hover { opacity: 1.0; filter: alpha(opacity=100); }

#content-bg { float: left; width: 100%; background: url('../img/content.png') repeat; }

#content-shadows { float: left; width: 860px; margin-left: 84px; position: relative; z-index: 10; background: url('../img/shadows.png') repeat-y; }

#content-form { float: left; width: 820px; margin-left: 20px; background-color: white; }

#left-column { float: left; width: 200px; margin: 0 0 0 20px; background: url('../img/column.png') no-repeat; }
#left-column2 { float: left; width: 1px; height: 500px; margin: 0 0 0 0px; }
#left-column p { padding: 5px; }


#content { float: right; margin-right: 20px; width: 560px; }
#content2 { float: right; margin-right: 10px; width: 800px; }

#content ul { margin-left: 20px; padding: 0 0 15px 0; line-height: 2.2em; }
#content ul li { list-style-type: disc; }

#content img { padding: 1px; border: 2px solid #EEE; }

#content-send { text-align: left; margin: 0 10px 0 10px; }
#content-send table { border: 0; width: 100%;  }
#content-send table td { padding: 3px; margin: 0; border-bottom: 1px solid #EEE; }
.sorry { font-weight: bold; color: red; }

#footer { float: left; width: 100%; height: 160px; margin: 0; font-size: 11px; background: url('../img/footer.png') repeat-x; color: #999; font-weight: bold; }
#pad { border-top: 20px solid white; margin-left: 104px; padding: 10px 0 10px 0; width: 820px; }
#footer .dif { float: left; padding: 10px 20px 10px 20px; height: 40px; border-left: 1px dashed #999; }
#footer strong, #footer a { color: #999; }
#footer a:hover { color: #360; }

#links { float: left; width: 780px; padding: 20px 20px 10px 20px; font-weight: normal; }

.kontakty { float: left; padding: 0px 10px 10px 10px; margin: 8px 10px 10px 10px; border: 0px; border-style: solid; border-color: darkgreen; }
.ilustrace { float: right; padding: 0px 0px 10px 10px; margin: 8px 0px 10px 10px; border: 0px; border-style: solid; border-color: darkgreen;	}

div.konec-obsahu { clear: both; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 1px;}

/* datova tabulka pro vypisy seznamu */
#datatable { border: 2px solid black; border-collapse: collapse; width: 100%;}
#datatable td { border: 0.5px solid lightgray; padding: 3px 3px 3px 3px;}
#datatable th { border: 0.5px solid lightgray; padding: 3px 3px 3px 3px; background-color: /*#D0EBC9;*/ #179C14; color: white;}

/* datova tabulka pro vypisy hodnot */
.enumtable { border: 2px solid black; border-collapse: collapse;}
.enumtable td { border: 0.5px solid lightgray; padding: 3px 3px 3px 3px;}
.enumtable th { border: 0.5px solid lightgray; padding: 3px 3px 3px 3px; background-color: /*#D0EBC9;*/ #179C14; color: white;}

/* radek tabulky s hotovou vyrobou */
tr.hotovo, tr.hotovo a, tr.hotovo a:hover { color: darkgray; }

td.r, th.r { text-align: right;}
td.c, th.c { text-align: center;}
th.h, td.h { display: none;}

td.cy { color: lightgray;}
td.co { color: orange;}
td.cg { color: green;}