/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * ROZCESTNIK.CSS: - styly pro rozcestník
 *                 - index page styles
 * 
 * verze: 1.0.0 / wa 2.80
 * autor: OV
 * email: vetesnik@ebrana.cz
 * media: screen
 *
 * úpravy:
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */





/* * * * * * * * * * * * * * *    common styles    * * * * * * * * * * * * * * */
	
	html, body 						{ margin: 0; padding: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #000;  background: #ADADAD; }
	body								{ font-size: 68.75%; text-align: center; }
	
	
	
	/* * * * * * * * * * * * * seznamy - lists  * * * * * * * * * * * * * * */
	
	ul 								{ margin: 1em 0 1em 0.355em; padding: 0; line-height: 1.4em; list-style: none; list-style-image: none; }
	ol									{ margin: 1em 0 1em 2em; padding: 0; line-height: 1.4em; }
	ul li								{ background: url(../images/design/li.gif) 0 0.333em no-repeat; padding-left: 20px; }
	
	
	
	/* * * * * * * * * * * * * odkazy - anchors * * * * * * * * * * * * * * */
	
	a									{ text-decoration: underline; color: #06a457; }
	a:hover 							{ text-decoration: none; }
	
	
	#rozcestnik						{ width: 855px; margin: 48px auto 0; }
	#rozcestnik ul					{ width: 100%; margin: 0; }
	#rozcestnik ul li				{ display: inline; float: left; height: 415px; overflow: hidden; padding: 0; background: none; font-size: 1.5em; }
	#rozcestnik ul li#r1			{ width: 424px; margin-left: 2px; }
	#rozcestnik ul li#r2			{ width: 427px; }
	#rozcestnik ul li#r3			{ width: 100%; height: 178px; margin-top: 13px; }
	#rozcestnik ul li a			{ position: relative; display: block; width: 100%; height: 100%; }
	#rozcestnik ul li a span	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
	
	#rozcestnik ul li#r1 a span	{ background: url(../images/r1.jpg) 0 0 no-repeat; }
	#rozcestnik ul li#r2 a span	{ background: url(../images/r2.jpg) 0 0 no-repeat; }
	#rozcestnik ul li#r3 a span	{ background: url(../images/r3.jpg) 0 -178px no-repeat; }
	
	#rozcestnik ul li#r1:hover a span,
	#rozcestnik ul li#r1.hover a span,
	#rozcestnik ul li#r2:hover a span,
	#rozcestnik ul li#r2.hover a span	{ background-position: 0 -415px; }
	#rozcestnik ul li#r3:hover a span,
	#rozcestnik ul li#r3.hover a span	{ background-position: 0 0; }