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





/* * * * * * * * * * * * * * *    common styles    * * * * * * * * * * * * * * */
	
	html, body						{ margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;
										  color: white; background: #1f1a17; text-align: center; }
	body								{ font-size: 75%; }
	
	p									{ margin: 1em 0; text-align: justify; line-height: 1.4em; }
	
	.cleaner							{ display: block; clear: both; height: 1px; line-height: 1px; font-size: 1px; }
	.none								{ position: absolute; top: -999em; left: -999em; }
	
	
	
	/* * * * * *  nadpisy  * * * * * */
	h1									{ font-size: 1.4em; margin: 11px 0 20px; padding: 0; }
	h2									{ font-size: 1.3em; margin: 11px 0; padding: 0; }
	h3									{ font-size: 1.2em; margin: 11px 0; padding: 0; }
	h4									{ font-size: 1em; margin: 11px 0; padding: 0; }
	h5									{ font-size: 1em; margin: 11px 0; padding: 0; }
	h6									{ font-size: 1em; margin: 11px 0; padding: 0; }
	
	
	/* * * * * *  seznamy  * * * * * */
	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								{  }
	
	
	
	/* * * * * *  odkazy  * * * * * */
	a:link							{ color: white; text-decoration: underline; }
	a:visited						{ color: #ccc; text-decoration: underline; }
	a:active,
	a:hover							{ text-decoration: none; }
	
	
	/* * * * * *  design  * * * * * */
	#rozcestnik							{ width: 908px; margin: 0 auto; text-align: left; }
	
	#rozcestnik ul						{ float: left; margin: 30px 0 0; }
	#rozcestnik ul li					{ display: inline; float: left; width: 300px; height: 302px; margin-right: 4px; }
	#rozcestnik ul li.last			{ margin-right: 0; }
	#rozcestnik ul li a				{ position: relative; display: block; width: 100%; height: 13px; text-indent: 5px; overflow: hidden; }
	#rozcestnik ul li a.cz			{ margin: 40px 0 0; padding: 0px; }
	#rozcestnik ul li a.en			{ padding: 0; }
	
	#rozcestnik ul li a span		{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
	#rozcestnik ul li a.cz span	{ background: url(../images/rozcestnik/m1.jpg) 0 -56px no-repeat; }
	#rozcestnik ul li a.en span	{ background: url(../images/rozcestnik/m1.jpg) 0 -72px no-repeat; }
	#rozcestnik ul li#m2 a.cz span	{ background-image: url(../images/rozcestnik/m2.jpg); }
	#rozcestnik ul li#m2 a.en span	{ background-image: url(../images/rozcestnik/m2.jpg); }
	#rozcestnik ul li#m3 a.cz span	{ background-image: url(../images/rozcestnik/m3.jpg); }
	#rozcestnik ul li#m3 a.en span	{ background-image: url(../images/rozcestnik/m3.jpg); }
	
	#rozcestnik ul li .obrazek		{ display: block; width: 300px; height: 212px; margin-top: 2px; cursor: pointer;
											  background: url(../images/rozcestnik/owin.jpg) 0 0 no-repeat; }
	#rozcestnik ul li#m2 .obrazek	{ background: url(../images/rozcestnik/interimex.jpg) 0 0 no-repeat; }
	#rozcestnik ul li#m3 .obrazek	{ background: url(../images/rozcestnik/ostyle.jpg) 0 0 no-repeat; }
	
	
	#rozcestnik p						{ position: relative; display: inline; float: left; margin: 22px 0 0 214px; width: 461px; height: 110px; }
	#rozcestnik p span				{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;
											  background: url(../images/rozcestnik/text.gif) 0 0 no-repeat; }