/* ------------------------------------------------------------- */
/*                          layout.css                           */
/* ------------------------------------------------------------- */
@media screen {
	/* ----- nastaveni pro body */
		html,
		body {
			height: 100%;
		}
		body {
			font-size: 76%;
			font-family: Arial, Helvetica, sans-serif;
			line-height: 1.4em;
			margin: 0 0 0 0; padding: 0;
			background-color: #FFFFFF;
			text-align: center;
			color: #333333;
			height: auto;
			min-height: 100%;
			position: relative;
		}
	/* end. nastaveni pro body */
	
	/* ----- hlavni rozvrzeni stranky */
		#page {
			width: 900px;
			margin: 0 auto;
			text-align: left;
		}
		.content {
			padding: 0 0 40px 0;
		}
	/* end. hlavni rozvrzeni stranky */
	
	/* ----- topHeader */
		.topHeader {
			position: relative;
			margin: 3px 0 0 0;
			border: 1px solid #FFFFFF;
			background-color: #FFFFFF;
			width: 100%;
		}
		.topHeader .left {
			display: block;
			position: absolute;
			bottom: 5px;
			_top: 0;
			left: 0;
		}
		/* ----- .center */
			.topHeader .center {
				margin: 0 15px;
				width: 450px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 90%;
				line-height: 1.2em;
				position: absolute;
				top: 67px;
				_top: 70px;
				=top: 69px;
				left: 120px;
			}
			.topHeader .center p {
				margin: 35px 0 8px 0; padding: 0 0 0 0;
				_margin: 20px 0 8px 0;
			}
			.topHeader .center ul {
				list-style-type: none;
				margin: 0; padding: 0;
			}
			.topHeader .center ul li {
				display: block;
				float:  left;
				padding: 0 0 0 20px;
				text-transform: uppercase;
				font-size: 95%;
			}
			.topHeader .center ul li.first {
				padding: 0;
			}
			.topHeader .center ul li a {
				color: #666666;
			}
		/* end. center */
		/* ----- .right */
			.topHeader .right {
				width: 291px;
				margin: 0 0 0 610px;
			}
			.topHeader .right strong {
				font-size: 85%;
				color: #666666;
				text-transform: uppercase;
				font-weight: normal;
			}
			.topHeader .right .form {
				background-color: #f1ad30;
				padding: 6px 5px 6px 10px;
				font-size: 85%;
				margin: -2px 0 0 0;
			}
			/* ----- login */
				.topHeader .right .form input.text {
					padding: 1px 3px;
					border: 1px solid #e09710;
					width: 108px;
					margin: 0 0 3px 0;
					font-size: 95%;
				}
				.topHeader .right .form input.text.error {
					border: 1px solid #c50233;
					background-image: url(../img/icons/input-error.gif);
					background-position: 0 1px;
					background-repeat: no-repeat;
					padding-left: 20px;
					width: 88px;
				}
				.topHeader .right .form p.error {
					color: #930125;
					margin: -3px 0 0 60px; padding: 0;
				}
				.topHeader .right .form input.checkbox {
					vertical-align: bottom;
					margin: 0 0 5px 0px;
					_margin: 0 0 4px -4px;
				}
				.topHeader .right .form label.block {
					width: 52px;
					float: left;
				}
				.topHeader .right .form label.remind {
					position: relative;
					top: -2px;
				}
				.topHeader .right .form a {
					color: #666666;
				}
			/* end. login */
			/* ----- logout */
				.topHeader .right .form p {
					font-size: 110%;
					margin: 5px 0 0 0; padding: 0;
				}
				.topHeader .right .form p strong {
					color: #000000;
				}
				.topHeader .right .form p a.edit {
					color: #000000;
					background-image: url(../img/icons/arrow-logout.gif);
					background-position: right 3px;
					background-repeat: no-repeat;
					padding: 0 15px 0 0;
				}
				.topHeader .right .form p.pbutton {
					margin: -8px 3px 0 0;
					text-align: right;
				}
			/* end. logout */
			.topHeader .right .form input.button {
				border: 1px solid #666666;
				color: #333333;
				background-color: #FFFFFF;
				text-transform: uppercase;
				font-size: 90%;
				font-family: Arial, Helvetica, sans-serif;
				margin: 0 0 0 9px;
			}
		/* end. right */
	/* end. topHeader */
	
	/* ----- menu */
		.menu {
			background-color: #930125;
			height: 40px;
			margin: 2px 0 4px 0;
			padding: 0 20px;
		}
	/* end. menu */
	
	/* ------ footer */
		.footer {
			background-image: url(../img/bg/footer.gif);
			background-position: top;
			background-repeat: repeat-x;
			padding: 0 0 0 0;
			margin: 0;
			width: 900px;
			text-align: center;
			color: #82969c;
			font-size: 95%;
			position: absolute;
			bottom: 0px;
		}
		.footer  p {
			margin: 4px 0 5px 0;
		}
		.footer  p span {
			text-transform: uppercase;
			font-size: 90%;
		}
		.footer a {
			color: #999999 !important;
		}
		.footer a.ilt {
			text-decoration: none !important;
		}
	/* end. footer */
	
	/* ----- form error */
		input.text.error {
			border: 1px solid #c50233;
		}
		p.error {
			color: #930125;
			margin: 0 0 0 0; padding: 0;
		}
	/* end. form error */
	
	/* ---- odkazy */
		a, a:link { color: #094e90; } /* nenavštívený */
		/*a:visited {color: #666666; } /* navštívený*/
		a:hover { color: #000000; } /* odkazy přejížděné myší */
	/* end. odkazy */
}