/* ------------------------------------------------------------- */
/*			    layout.css				 */
/* ------------------------------------------------------------- */
@media screen {
	/* ----- nastaveni pro body */
		body {
			font-size: 70%;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			line-height: 1.4em;
			margin: 0; padding: 0;
			background-color: #FFFFFF;
			background-image: url(../img/bg/body.gif);
			background-repeat: repeat-x;
			text-align: center;
		}
	/* end. nastaveni pro body */
	
	input.text {
		border: 1px solid #2177c7;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;
		padding: 2px 5px;
		color: #666666;
	}
	input.checkbox {
		margin: 0;
	}
	select {
		color: #666666;
	}
	
	/* ----- hlavni rozvrzeni stranky */
		#page {
			width: 872px;
			_width: 892px;
			background-image: url(../img/bg/page.png);
			_background-image: none;
			min-height: 150px;
			padding: 0 56px 0 56px;
			_padding: 0 10px 0 10px;
			margin: 0 auto;
			text-align: left;
			_background-color: #FFFFFF;
		}
	/* end. hlavni rozvrzeni stranky */
	
	/* ----- header */
		#header {
			background-image: url(../img/bg/header.jpg);
			background-repeat: no-repeat;
					}
		#header .banner {
    left: 25px;
    top: 2px;
    position: relative;
        		}
		#header .pageTitle {
			xbackground-image: url(../img/bg/header-whitebox-anahata.png);
      float: left;
			margin: 15px 0 0 35px;
			line-height: 1.7em;
			height: 115px;
			width: 353px;
			overflow: hidden;
      	}
		#header .pageTitle span {
		  color: #2177C7;
			font-size: 145%;
			font-weight: bold;
			padding: 1em 1em;
			display: block;
      	}
		#header .pageTitle strong {
			color: #F5821F;
			font-size: 100%;
			font-weight: bold;
				}
				
		#header .pageTitle a {
		  color: #2177C7;
			font-size: 35%%;
			font-weight: normal;
			 	}
	/* end. header */
	
	/* ------ content */ 
		#content {
			background-image: url(../img/bg/content.gif);
			background-repeat: repeat-y;
			background-position: 0 0;
			margin: 45px 0 0 0;
		}
		#content .contentLeft {
			width: 170px;
			float: left;
		}
		#content .contentRight {
			width: 670px;
			float: right;
			position: relative;
			top: -10px;
		}
		/* ----- contentLeft */
			.contentLeft .box {
				background-image: url(../img/bg/line.gif);
				background-position: 0 top;
				background-repeat: repeat-x;
				text-align: center;
				color: #666666;
				text-align: center;
			}
			.contentLeft .box .boxMain {
				/*
				background-image: url(../img/bg/line.gif);
				background-position: 0 bottom;
				background-repeat: repeat-x;
				*/
				padding: 15px 0;
				text-align: center;
			}
			.contentLeft h3 {
				width: 170px;
				background-image: url(../img/bg/title-w170.png);
				height: 36px;
				_height: 66px;
				padding: 30px 0 0 0;
				text-align: center;
				color: #2177c7;
				font-size: 130%;
			}
			.contentLeft .box.noBg {
				background-image: none;
			}
			.contentLeft label {
				display: block;
			}
			.contentLeft input.text {
				width: 85px;
			}
			.contentLeft select.text {
				width: 95px;
				margin: 5px 0;
			}
			input.button {
				background-image: url(../img/bg/input-button.gif);
				color: #2177c7;
				width: 93px;
				height: 18px;
				text-align: center;
				overflow: visible;
				border: none;
				font-size: 95%;
				background-color: transparent;
				margin-top: 4px;
			}
		/* end. contentLeft
	/* end. content */
	
	
	/* ----- footer */
		#footer {
			width: 872px;
			_width: 892px;
			background-image: url(../img/bg/footer.png);
			_background-image: none;
			background-position: bottom;
			padding: 20px 51px 51px 61px;
			_padding: 14px 30px;
			margin: 0 auto;
			text-align: left;
			_background-color: #FFFFFF;
		}
		#footer .footerMain {
			background-image: url(../img/bg/footermain.gif);
			background-repeat: repeat-x;
			background-color: #428bcf;
			color: #FFFFFF;
			padding: 2px 20px 1px 200px;
		}
		#footer .footerMain a {
			color: #FFFFFF;
		}
		#footer .footerMain .fright a {
			text-decoration: none;
		}
	/* end. footer */
	
	/* ---- odkazy */
		a:link		{ color: #2177c7; } /* nenavštívený */
		a:visited	{color: #2177c7;}	/* navštívený*/
		a:hover 	 {color: #666666;}	/* odkazy přejížděné myší */
	/* end. odkazy */
}