/* ------------------------------------------------------------------ */
/* layout.css                                                         */
/* autor HTML a CSS - Michal Príhoda www.michalprihoda.cz             */
/* ------------------------------------------------------------------ */
@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;
		}
	/* end. nastaveni pro body */
		#page {
			width: 960px;
			padding: 0 10px 10px 10px;
			margin: 0 auto;
			background: url(/files/img/images/page.png) 0 0 repeat-x #ebe496;
		}
		.header {
			height: 203px;
			background: url(/files/img/images/header.jpg) center 0 no-repeat;
			margin: 0 -10px;
			
		}
		.content {
			width: 960px;
			text-align: left;
			margin: 0 auto;
		}
		
		h1.reimage {
			width: 960px;
			height: 194px;
		}
		h1.reimage a {
			text-decoration: none;
		}
		h1.reimage span {
			width: 960px;
			height: 194px;
			background-image: url(/files/img/images/logo.png);
		}
		
		
		/* ----- menu */
			.menu {
				width: 213px;
				background: url(/files/img/images/menu-top.png) 0 0 no-repeat;
				font-family: "Myriad Pro", Tahoma, Geneva, sans-serif;
				font-size: 18px;
				float: left;
				margin: 0 0 0 10px;
			}
			.menu .menuMain {
				background: url(/files/img/images/menu-bottom.png) 0 100% no-repeat;
				padding: 15px 10px;
			}
			.menu .menuMain ul {
				list-style-type: none;
				margin: 0; padding: 0;
			}
			.menu .menuMain ul li {
				border: 1px solid #f74302;
			}
			.menu .menuMain a {
				color: #fff;
				background: url(/files/img/images/menuli.png) 0 16px no-repeat;
				padding: 11px 10px 11px 20px;
				display: block;
				border-bottom: 1px solid #fff;
				text-decoration: none;
			}
			.menu .menuMain li.act a {
				color: #000;
				background: url(/files/img/images/menuli_act.png) 0 16px no-repeat;
			}
			.menu .menuMain a:hover {
				color: #000;
				background: url(/files/img/images/menuli_act.png) 0 15px no-repeat;
			}
			.menu .menuMain li.end a {
				border: none;
			}
		/* end. menu */
		
		.panelRight {
			width: 684px;
			float: left;
			margin: 0 0 0 40px;
		}
		.contentMain {
			margin: 40px 20px 0px 20px;
		}
		h2 {
			color: red;
			font-size: 30px;
			margin: 0 0 30px 0;
		}
		p {
			margin: 20px 0;
		}
		
		
		.fotoBox {
			width: 314px;
			border: 1px solid #000;
			float: left;
			margin: 0 2px 0px 2px;
		}
		.fotoBox .text {
			background-color: #dedede;
			padding: 15px 10px;
			color: red;
			position: relative;
		}
		.fotoBox .text h4 {
			margin: 0;
			font-size: 180%;
			padding: 0 75px 0 0;
		}
		.fotoBox a.more {
			display: block;
			background: url(/files/img/images/more.png) 0 0 no-repeat;
			width: 54px; height: 18px;
			text-align: center;
			padding: 5px 0;
			color: #fff;
			font-weight:bold;
text-decoration:none;
			font-size: 100%;
			position: absolute;
			top: 10px;
			right: 10px;
		}
		
		
		.footer {
			background-color: #000;
			padding: 20px 25px;
			color: #fff;
			margin: 20px 0 ;
		}
	/* ---- odkazy */
		a:link {
			color: #094e90;
		}
		a:visited{
			color: #666666;
		}
		a:hover{
			color: #666666;
		}
	/* end. odkazy */
}