/* ------------------------------------------------------------------ */
/* layout.css                                                         */
/* autor HTML a CSS - Michal Príhoda www.michalprihoda.cz             */
/* ------------------------------------------------------------------ */
@media screen {
	/* ----- nastaveni pro body */
		body,
		html {
			min-height: 100%;
			height: 100%;
		}
		body {
			font-size: 76%;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			line-height: 1.4em;
			margin: 0; padding: 0;
			background-color: #eeecec;
			text-align: center;
			background-image: url(../img/bg.png);
		}
	/* end. nastaveni pro body */
	
	.footer {
		border-top: 1px solid #666666;
		margin: 30px 0 0 0;
		padding: 15px 0;
		color: #666666;
	}
	
	#page {
		
		width: 980px;
		text-align: left;
		margin: 0 auto;
		
		height: 100%;
	}
	.pageMain {
		padding: 20px 0;
	}
	
	#page h1 {
		width: 543px; height: 79px;
		position: relative;
	}
	#page h1 span {
		width: 543px; height: 79px;
		background-image: url(../img/moto-obleceni.png);
	}
	
	#page .box {
		margin: 25px 5px;
		text-align: center;
		width: 185px;
		float: left;
		overflow: hidden;
	}
	#page .box h2 {
		width: 189px; height: 49px;
	}
	#page .box h2 span {
		width: 189px; height: 49px;
	}
	#page .box h2.motoBoty span {
		background-image: url(../img/moto-boty.png);
	}
	#page .box h2.motoKalhoty span {
		background-image: url(../img/moto-kalhoty.png);
	}
	#page .box h2.motoBundy span {
		background-image: url(../img/moto-bundy.png);
	}
	#page .box h2.motoRukavice span {
		background-image: url(../img/moto-rukavice.png);
	}
	#page .box h2.motoHelmy span {
		background-image: url(../img/moto-helmy.png);
	}
	
	
	#page .box .text {
		text-align: left;
		color: #fff;
		min-height: 125px;
		margin: 40px 8px 0 8px;
	}
	/* ----- bMotoBoty */
		#page .box a {
			text-decoration: none;
		}
		#page .box .bMotoBoty {
			 width: 180px; height: 55px;
		}
		#page .box .bMotoBoty span {
			 width: 180px; height: 55px;
			 background-image: url(../img/kup-moto-bundu.png);
		}
		
		#page .box .bMotoBoty {
			 width: 180px; height: 55px;
		}
		#page .box .bMotoBoty span {
			 width: 180px; height: 55px;
			 background-image: url(../img/kup-moto-boty.png);
		}
		
		#page .box .bMotoBundu {
			 width: 180px; height: 55px;
		}
		#page .box .bMotoBundu span {
			 width: 180px; height: 55px;
			 background-image: url(../img/kup-moto-bundu.png);
		}
		
		#page .box .bMotoHelmu {
			 width: 180px; height: 55px;
		}
		#page .box .bMotoHelmu span {
			 width: 180px; height: 55px;
			 background-image: url(../img/kup-moto-helmu.png);
		}
		
		#page .box .bMotoKalhoty {
			 width: 180px; height: 55px;
		}
		#page .box .bMotoKalhoty span {
			 width: 180px; height: 55px;
			 background-image: url(../img/kup-moto-kalhoty.png);
		}
		
		#page .box .bMotoRukavice {
			 width: 180px; height: 55px;
		}
		#page .box .bMotoRukavice span {
			 width: 180px; height: 55px;
			 background-image: url(../img/kup-moto-rukavice.png);
		}
	/* end. bMotoBoty */
	
	/* ---- odkazy */
		a:link {
			color: #094e90;
		}
		a:visited{
			color: #666666;
		}
		a:hover{
			color: #666666;
		}
	/* end. odkazy */
}