/* ------------------------------------------------------------------ */
/* layout.css                                                         */
/* ------------------------------------------------------------------ */
@media screen {
	/* ----- nastaveni pro body */
		body {
			font-size: 76%;
			font-family: Arial, Helvetica, sans-serif;
			line-height: 1.4em;
			margin: 0; padding: 0;
			background-color: #fff;
			text-align: center;
		}
		div.form * {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 100%;
		}
	/* end. nastaveni pro body */
	
	/* ----- layout */
		#page {
			width: 100%;
			text-align: left;
			margin: 0 auto;
		}
		/* ----- header */
			#header  {
				height: 170px;
				background: #3A8533 url(img/bg/page.jpg) 0 0 repeat-x;
			}
			#headerC  {
				height: 170px;
				width: 1024px;
				margin: 0 auto;
				background: #3A8533 url(img/bg/pageC.jpg) 0 0 repeat-x;
			}
			#headerC #logo {
				position: relative;
				top: 35px; left: 50px;
				display: block;
				float: left;
			}
			#headerC p.lang {
				margin: 10px 20px 0 0;
				float: right;
				font-size: 90%;
			}
			#headerC a {
				color: #fff;
			}
			/* ----- loginBox */
				#loginBox {
					float: right;
					margin: 0 20px 0 0;
					clear: both;
					width: 500px;
					padding: 25px 10px 0 0;
				}
				#loginBox div.form {
					background: url(img/bg/loginbox.gif) 0 26px no-repeat;
					padding: 0 0 0 5px;
					float:right;
				}
				#loginBox input.text {
					background: url(img/bg/inputlogin.gif) 0 0 no-repeat;
					padding: 9px 5px;
					width: 115px;
					border: none;
					float: left;
					margin: 0 4px 0 0;
				}
				#loginBox input.submit {
					background: url(img/buttons/login.gif) 0 0 no-repeat;
					color: #fea700;
					padding: 8px 20px 30px 0px;
					border: none;
					overflow: hidden;
					width: 82px;
					cursor: pointer;
					position:relative;
					z-index:10;
				}
				#loginBox .links2 {
					text-align: right;
					margin: -15px 38px 0 0;
					padding: 0;
					font-weight: bold;
					color: #fff;
					clear: both;
					float: right;
					width: 450px;
				}
			/* end. loginBox */
		/* end. header */
		
		/* ----- content */
			#content {
				width: 1024px;
				margin: 0 auto;
			}
			#content .images {
				height: 245px;
				position: relative;
				margin: 0 12px;
			}
			#content .images a.image {
				position: absolute;
				height: 270px;
				width: 100%;
				z-index: 5;
				background-color: transparent;
				left:0;
			}
			#content .images a.image span {
			  display: none;
      }
			#content .links {
				float: right;
				width: 37px;
				margin: 20px 18px 0 0;
			}
			#content .links a {
				display: block;
				width: 37px; height: 17px;
				text-align: center;
				/*background: url(img/bg/image-link.gif) 0 0 no-repeat;*/
				color: #d1d1d1;
				z-index: 10;
				position: relative;
				text-decoration: none;
				font-size: 170%;
				font-weight: bold;
				padding: 12px 0;
				margin: 5px 0;
			}
			#content .links a.act {
				/*background-image: url(img/bg/image-link_hover.gif);*/
				color: #fff;
			}
			/* ----- contentMain */
				#contentMain {
					background: #E4E4E4 url(img/bg/content.jpg) repeat-x;
					margin: -24px 0 0 0;
					
				}
				#contentMainC {
					padding: 50px 62px 20px 62px;
					background: #E4E4E4 url(img/bg/contentC.jpg) center 0 no-repeat;
					margin: -24px 0 0 0;
					width: 900px;
				    margin: 0 auto;
				}
				.boxLeft {
					width: 455px;
					float: left;
				}
				.boxRight {
					width: 420px;
					float: right;
				}
			/* end. contentMain */
		/* end. content */
		
		/* ----- footer */
			#footer {
				background-color: #231f20;
				width: 100%;
				padding-top: 1px;
			}
			#footerC {
				padding: 25px 0 35px 0;
				background-color: #231f20;
				color: #a3a3a3;
				background: url(img/bg/footer.gif) 0 0 repeat-x;
				width: 1024px;
			}
			#footerC .footerMain {
			   padding: 0 55px;
      }
			#footerC .boxRight {
				margin: 10px 10px 0 50px;
				width: 90px;
			}
			#footerC p {
			 margin: 10px 0; padding: 0;
      }
		/* end. footer */
		
		/* ----- footerLoga */
			#footerLoga {
				padding: 20px 40px;
				display: table;
			}
			#footerLoga img {
				margin: 0 22px;
				display: block;
				float: left;
			}
		/* end. footerLoga */
 	/* end. layout */
	
	/* ---- odkazy */
		a {
			color: #22661d;
		}
		a:hover{
			color: #000;
		}
	/* end. odkazy */

	/* ---- float */
		.fr {
			float:right;
		}
		.fr2 {
			float:right;
			position:relative;
			z-index:100;
		}
	/* end. float */
}