@media screen {
/* general settings */

div {
	padding: 0px;
}

a:link, a:visited, a:active, a:hover {
	color: #F08212;
}

a:hover, a.no-decoration {
	text-decoration: none;
}

a img {
	border: 1px solid #F08212;
}

h1 {		/* main page title */
	margin-top: 5pt;
	font-size: 150%;
	color: #050063;
	text-indent: 10pt;
}

h2 {		/* page sections, e.g. Pictures, Download */
	padding-top: 10pt;
	font-size: 110%;
	color: #050063;
	text-indent: 10pt;
}

h3 {		/* menus' titles */
	margin: 0;
	font-size: 110%;
	font-weight: bolder;
	text-align: center;
	font-variant: small-caps;
	color: #ffffff;
}

h4 {
	padding-top: 5pt;
	font-size: 100%;
	margin-bottom: 5px;
	color: #050063;
	text-indent: 10pt;
}

h4 + ul {
	margin-top: 10px;
}

div#main h2:first-child {		/* nadpis h2, je-li prvnim elementem v tele stranky */
	padding-top: 0pt;
}

address {
	margin-left: 2em;
	font-size: 110%;
	line-height: 140%;
}

dl {
	margin-left: 2em;
}

dd {
	margin-bottom: 0.5ex;
}

dl.contact {
	font-size: 110%;
	margin-left: 25px;
}

dl.contact dt {
	display: block;
	float: left;
	margin-right: 1em;
}

dl.contact dd {
	margin-left: 100px;
}

p {
	text-indent: 2em;
}

.center {
	text-align: center;
}


/* the position and the other settings for the white page (+ backgrounds, shadows) ****************************/

body {
	background: #CBCBD7 url("page_bg_stripes.gif");
	text-align: center;
	margin: 0;
	font-family: sans-serif;
	font-size: 82%;
	width: 100%;
}

body > div#page-frame {
	width: 986px;							/* standardni sirka */
}

div#page-frame {
	width: 988px;							/* sirka v ie6 (nerozumi zapisu body > div#page-frame) */
	z-index: 2;
	color: #000000;
	text-align: left;
	font-size: 100%;
	border: 1px solid gray;
	background: #ffffff;
	margin: 10px auto;
}

div#page {
	margin: 7px;
}

.hidden {
	display: none;
}

/* the blue header sheet ****************************************************************************/

div#top {
	height: 95px;
	border: 1px solid #203e9d;
	background: #303e94 url("page_top.gif") no-repeat;
	z-index: 3;
}

div #login-ref {
	color: #ffffff;
	text-align: right;
	padding: 0.7em 1.2em;
}

div#login-ref a {
	color: #ffffff;
	font-weight: bold;
	font-size: 80%;
}


/* the blue bottom sheet ****************************************************************************/

div#bottom {
	line-height: 17px;
	border: 1px solid #203e9d;
	background: #0000aa url("page_bottom.gif") no-repeat;
	color: #ffffff;
	font-size: 85%;
	text-indent: 4pt; 
	clear: both;
}

a#webmaster {
	color: #ffffff;
}


/* the main sheet ****************************************************************************/

div#main {
	float: left;
	text-align: justify;
	vertical-align: top;
	width: 650px;
	margin: 7px 0px 40px 9px;
}

div#main.admin {
	width: 100%;
	margin: 0px;
}

#main .date {
	display: block;
	float: right;
	width: 120px;
	height: 20px;
	font-size: 90%;
	text-align: right;
}

#main .path {		/* style for the path on the top of the main sheet */
	display: block;
	position: relative;
	width: 520px;
	height: 20px;
	font-size: 90%;
	text-indent: 0pt;
	color: #777777;
	margin-bottom: 20px;
}

#main ul {
	position: relative;
	top: -5px;
	line-height: 150%;
}

#main ul ul {
	top: 0px;
}

div.images a {
	margin-left: 4px;
	margin-right: 4px;
}

div.images a:hover img {
	border: 1px solid #feac00;
}

div.images.dominant {
	margin-top: 30pt;
	text-align: center;
}

p + div.images {
	margin-top: 25pt;
	text-align: center;
}

h2 + div.images {
	text-align: center;
}

.images.float-right {
	float: right;
	margin: 0px 20px 0px 30px;
}

#main ul.no-bullets {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	text-indent: 2em;
}

/* the block of the left sheets ***************************************************************************************************************************/

#sheets-left {
	position: relative;
	float: left;
	width: 152px;
	margin: 7px 0px;
}


/* the menu sheet and its items ****************************************************************************/

.menu-title {	/* the header of the sheet */
	border: 1px solid #3567FF;
	border-bottom: 0;
	background: #5A7CE2 url("menu_top.gif");
}

.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 1px solid #5a7ce2;
	border-top: 0;
	background-color: #cfd9f9;
}

.menu ins {					/* pouziva se k propasirovani <div> do <a> (coz obecne neni validni) - potreba pro slusne zobrazeni menu ve starych ie */
	text-decoration: none;
}

.menu li {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #5a7ce2;
	font-size: 108%;
}

.menu li a {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.menu li a div.menu-item {
	display: block;
	padding: 3px 0px;
}

.menu li a div.menu-item span {
	margin: 0px 5px 0px 20px;
}

.menu a:link div.menu-item, .menu a:visited div.menu-item {
	background: #cfd9f9 url("menu_item_bg_normal.gif") 0px 50%;
	color: #4070d0;
}

.menu a:hover div.menu-item, .menu a:active div.menu-item {
	background: #6F92FD url("menu_item_bg_selected.gif") 0px 50%;	
	color: #ffffff;
}

/* podmenu */
.menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-top: 2px inset #4070d0;
	border-left: 2px inset #4070d0;
	background-color: #4070d0;
}

.menu ul li {
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 85%;
}

.menu ul a {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	display: block;
}

.menu ul a div.submenu-item {
	padding: 0px 2px 2px 10px;
}

.menu ul li a:link, .menu ul li a:visited {
	background-color: #4070d0;
	color: #ffffff;
}

.menu ul li a:active, .menu ul li a:hover {
	background-color: #1045b5;	
	color: #ffffff;
}

/* the context menu sheet ****************************************************************************/
	
.context-title	{ /* the header of the sheet */
	border: 1px solid #786198;
	margin-top: 7px;
	background: #786198 url("context_top.gif");
}

ul.context + h3.context-title {
	margin-top: 0px;
	border-top: 0px;
}

.context {
	list-style: none;
	margin: 0;
	padding: 6px 5px 4px 7px;			/* top, right, bottom, left */
	border: 1px solid #786198;
	border-top: 0;
	background: #d0c1e6 url("context_bg.gif") repeat-x;
}

.context li {
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 0;
	color: #786198;
	font-size: 100%;
}

.context li:first-child {
	margin-top: 4px;
}

a.zip, a.pdf, a.link, a.extern-link, a.download {
	padding-left: 20px;
}

a.zip {
	background: url("zip.gif") 0% 50% no-repeat;	
}

a.pdf {
	background: url("pdf.gif") 0% 50% no-repeat;	
}

a.link {
	background: url("link.gif") 0% 50% no-repeat;
}

a.extern-link {
	background: url("extern-link.gif") 0% 50% no-repeat;
}

a.download {
	background: url("download.gif") 0% 50% no-repeat;
}

/* the block of the right sheets ***************************************************************************************************************************/

#sheets-right {
	position: relative;
	float: right;
	width: 152px;
	margin: 7px 0px;
}


/* the language sheet ****************************************************************************/

h3.lang	{ /* the header of the sheet */
	border: 1px solid #9bc66e;
	margin-top: 0;
	background: #9bc66e url("lang_top.gif");
}

div.lang {
	border: 1px solid #9bc66e;
	border-top: none;
	color: #9bc66e;
	background: #d0e6a8 url("lang_bg.gif") repeat-x;
	font-size: 100%;
	text-decoration: none;
	text-align: center;
	padding: 12px 0px 8px 0px;
}

div.lang a {
	margin: 0px 9px;
}

div.lang a img {
	border: none;
}

/* the search sheet ****************************************************************************/

h3.search {
	border: 1px solid #E4D887;
	background: #E4D887 url("search_top.gif");
	margin-top: 7px;
}

div.search {
	padding: 7px;
	padding-right: 9px;
	border: 1px solid #E4D887;
	text-align: center;
	vertical-align: middle;
	background: #fdf4b7 url("search_bg.gif") repeat-x;
	margin-top: 0px;
	margin-bottom: 0px;
}

.search input {
	width: 100%;
	border: 1px solid #e4d887;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	font-size: 100%;
}


/* the actuals sheet ****************************************************************************/

.actuals-title {	/* the header of the sheet */
	background: #DA8E3C url("actuals_top.gif");
	border: 1px solid #DA8E3C;
	margin-top: 7px;
}

.actuals-item {
	border: 1px solid #DA8E3C;
	border-top: 0;
	background-color: #F0E1D2;
	font-size: 85%;
	color: #D9760B;
	margin: 0;
	padding: 4px;
}

.actuals-item.dark {
	background-color: #EED7BF;
}

.actuals-item h5 {
	font: 100% arial;
	text-indent: 0pt;
	margin: 0;
	margin-top: 3px;
	font-weight: bold;
	font-style: italic;
	color: #DA8E3C;
}

.actuals-item p {
	margin: 0;
	text-indent: 0;
	line-height: 130%;
	padding-top: 7px;
	padding-bottom: 7px;
}

.actuals-item .date {
	position: relative;
	margin: 0;
	padding: 0;
	height: 15px;
	font-style: italic;
}

.more {
	display: block;
	text-align: right;
}

.actuals-item .more {
	float: right;
	height: 15px;
}


/* the contact sheet *****************************************************************************/

h3.contact {
	border: 1px solid #8b7c71;
	margin-top: 7px;
	background: #8b7c71 url("contact_top.gif");
	clear: both;	
}

div.contact {
	padding: 7px;
	padding-right: 9px;
	border: 1px solid #8b7c71;
	vertical-align: middle;
	background: #e3d7cd url("contact_bg.gif") repeat-x;
	margin-top: 0px;
	margin-bottom: 0px;
	font-style: italic;
	font-size: 95%;
	line-height: 150%;
}

.contact a {
	font-style: normal;
}

.contact .more {
	margin-top: 0.5em;
	font-size: 85%;
}


/* the shortcut sheet ****************************************************************************/

h3.shortcut {
	border: 1px solid #d5d5d5;
	border-bottom: 0px;
	margin-top: 7px;
	background: #d5d5d5 url("shortcut_top.gif");
	text-align: left;
	padding-left: 10px;
	clear: both;
}

h3.shortcut.important {
	border-color: #dd0000;
	margin-top: 3em;
	background: #dd0000 url("important_top.gif");
}

h3.shortcut a:link, h3.shortcut a:visited {
	display: block;
	text-decoration: none;
	color: #050063;
}

h3.shortcut.important a:link, h3.shortcut.important a:visited {
	color: #ffffff;
}

h3.shortcut a:hover {
	color: #f08212;
}

h3.shortcut.important a:hover {
	color: #ffaa00;
}

#main > div.shortcut {
	height: auto;
}

div.shortcut {
	min-height: 75px;
	height: 75px;
	overflow: visible;
	border: 1px solid #d5d5d5;
	background-color: #ffffff;
	color: #050063;
	padding: 7px;
}

div.shortcut.important {
	min-height: 0px;
	border-color: #dd0000;
	margin-bottom: 3em;
	background-color: #ffe5cc;
	color: #330000;
}

div.shortcut p {
	margin: 0;
	padding-left: 3px;
	text-indent: 0;
}

div.shortcut.important p {
	margin: 0.5em 0px;
}

div.shortcut div {
	text-align: right;
}

div.shortcut a.image, div.shortcut img.image {
	display: block;
	float: right;
	margin: 0px;
	margin-left: 15px;
	margin-right: 7px;
}

div.shortcut a.image img {
	border-width: 0px;
}


/* content ****************************************************************************/

table {
	text-align: left;
}

table.download {
	width: 100%;
}

table.product-parameters, table.download {
	border: 1px solid black;
	border-collapse: collapse;
	font-size: 100%;
}

table.product-parameters thead {
	display: none;
}

table.product-parameters td, table.download td {
	padding: 2px 15px 2px 6px;
	border-color: black;
}

table.product-parameters td {
	width: 270px;
}

table.download th.desc {
	width: 300px;
}

table.product-parameters tr th, table.download tr th {
	background-color: #e2e2e2;
	padding: 3px 20px 3px 6px;
	text-align: left;
	border-color: black;
}

table.product-parameters tr th {
	vertical-align: top;
	width: 160px;
}

table.counter-log {
	width: 100%;
	border: 1px solid black;
	border-collapse: collapse;
	font-size: 80%;
}

table.counter-log tr.own {
  background-color: #e6e6fa;
  color: #555555;
}
table.counter-log.hide-owns tr.own {
	display: none;
}

table.counter-log tr.robot {
  background-color: #e5e5e5;
  color: #555555;
}
table.counter-log.hide-robots tr.robot {
	display: none;
}

/* login etc ****************************************************************************/

form#login {
	padding: 1em;
	text-align: center;
}

form#login div#form-frame, form.formatted #form-frame {
	width: 28em;
	padding: 0.5em;
	border: 3px double #aaaaaa;
	margin: auto;
	text-align: left;
}

form#login.login-failure div#form-frame {
	border-color: #ff0000;
}

form#login div.login-failure {
	text-align: center;
	font-weight: bold;
	color: #ff0000;
	padding-top: 1em;
}

form#login div#form-frame div, form#registration div {
	margin: 0.5em;
}

form#login label, form#registration label, form label.formatted {
	display: block;
	width: 12em;
	padding-right: 1em;
	float: left;
	font-weight: bold;
	text-align: right;
	line-height: 20px;
}

form#registration label {
	width: 16em;
}

form#login input, form input.formatted {
	width: 13em;
}

form#login div#submit {
	text-align: center;
}

form#registration div#submit {
	padding-top: 1em;
	padding-left: 17em;
}

form#login div#submit input {
	margin-top: 1em;
	width: auto;
}

form span.required {
	color: #ff0000;
}

form div.wrong {
	color: #ff0000;
	padding-left: 17em;
	padding-bottom: 1em;
	text-align: left;
}

form label.wrong {
	color: #ff0000;
}

/* The map applet. */
div.map {
	height: 350px;
	border: 1px solid silver;
	margin: auto;
	margin-top: 2em;
}
/* End of map applet. */

/* Special PF formating. */

div.pf {
	font-family: "Verdana CE", Verdana, Garamond;
	font-weight: bold;
	font-style: italic;
	background-color: #e3e3e3;
	padding: 1em;
	margin-bottom: 3em;
}
.pf a img {
	border-width: 0px;
}
.pf img {
	float: right;
	margin: 0px 0px 15px 20px;
}
.pf p {
	font-size: 110%;
	color: #333333;
	line-height: 150%;
	text-align: left;
}
/* end of PF */

}		/* end of @media screen */



@media print {
/* nastaveni zobrazeni pro tisk */

#sheets-left, #sheets-right {
	display: none;
}

}