/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * BOXES.CSS: - hlavní designové styly
 *            - main design styles
 * 
 * version: 1.0.0 / wa 2.82
 * author: OV
 * email: vetesnik@ebrana.cz
 * media: screen
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	html, body				{ margin: 0; padding: 0; text-align: center; }
	span.red,
	span.star				{ color: red; padding: 0 0.2em; }
	.noborder				{ border: none; background: none; }
	.none,
	.hidden					{ position: absolute; top: -999em; left: -999em; }
	.displayNone			{ display: none; }
	p.skipLinks				{ margin: 0; text-align: center; }
	p.skipLinks a				{ position: absolute; top: -999em; left: -999em; z-index: 1000; text-decoration: none; font-weight: bold; }
	p.skipLinks a:focus,
	p.skipLinks a:active		{ position: fixed; top: 0; left: 0; width: 100%; padding: 5px 0; color: #ffc000; background: #175A9E; } /* viz ie.css */
	
	
	
	/* * * * * *  hlavní divy - wrappers  * * * * * */
	#main						{ position: relative; width: 858px; margin: 20px auto 0; text-align: left; background: url(../images/main.gif) 0 0 repeat-y; }
	
	
	/* * * * * *  sloupce - columns  * * * * * */
	#center						{ display: inline; float: left; width: 600px; margin: 0 0 0 21px; }
	#center_cont				{ margin: 0 9px; }
	.homepage #center_cont	{ width: 100%; margin: 0; }
	#left							{ display: none; /*display: inline; float: left; width: 180px; margin: 0;*/ }
	#right						{ display: inline; float: right; width: 207px; margin: 0 19px 0 0; padding: 7px 0 0; }
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	/* * * * * * * * * * *   HLAVIČKOIDNÍ A PATIČKOIDNÍ VĚCI   * * * * * * * * * * * */
	/* * * * * * * * * * *      HEADER AND FOOTER THINGS       * * * * * * * * * * * */
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	#top						{ position: relative; z-index: 90; width: 100%; height: 255px; background: url(../images/top.gif) 0 0 no-repeat; }
	#top a#logo				{ position: absolute; top: 41px; left: 369px;  display: none; }
	#top #topflash			{ position: absolute; top: 13px; left: 13px; }
	#top #running_text	{ position: absolute; top: 235px; left: 31px; width: 798px; }
	
	#flashcontent *				{ color: #000; }
	#flashcontent h3				{ padding-top: 0; margin-top: 0; }
	
	
	
	/* * * * * *  patička - footer  * * * * * */
	#bottom								{ position: relative; width: 100%; height: 46px; border-top: solid 13px #ffdf0f; background: black; }
	#skycraperBanner					{ position: absolute; top: 0; right: -130px; }
	
	p#copyright							{ position: absolute; top: 16px; left: 13px; margin: 0; font-size: 0.916em; text-decoration: none; text-align: left; line-height: normal; }
	p#copyright .pipe					{ position: absolute; top: -999em; left: -999em; }
	p#copyright a						{ position: relative; border-left: solid 1px white; padding: 5px 0 5px 10px; margin-left: 6px; }
	a#wa									{ position: absolute; top: 11px; right: 11px; }
	a#ebrana								{ position: absolute; top: 11px; right: 85px; }
	
	
	/* * * * * *  top menu  * * * * * */
	#mainMenu								{ position: absolute; z-index: 1; top: 204px; left: 13px; width: 832px; height: 22px; background: #ffdf0f; }
	#mainMenu ul							{ width: 100%; height: 100%; margin: 0; line-height: normal; }
	#mainMenu ul li						{ position: relative; display: inline; float: left; height: 100%; padding: 0; border-right: solid 2px #c0a90b; text-align: center;
												  font-weight: bold; background: none; }
	#mainMenu ul li.m1					{ width: 195px; }
	#mainMenu ul li.m2					{ width: 125px; }
	#mainMenu ul li.m3					{ width: 150px; }
	#mainMenu ul li.m4					{ width: 102px; }
	#mainMenu ul li.m5					{ width: 252px; border-right: none; }
	#mainMenu ul li a						{ position: relative; display: block; width: 100%; height: 100%; overflow: hidden; color: black; text-decoration: none; }
	#mainMenu ul li a .repl				{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; background: url(../images/topmenu.gif) 0 0 no-repeat; }
	#mainMenu ul li.m2 a .repl			{ background-position: -195px 0; }
	#mainMenu ul li.m3 a .repl			{ background-position: -320px 0; }
	#mainMenu ul li.m4 a .repl			{ background-position: -470px 0; }
	#mainMenu ul li.m5 a .repl			{ background-position: -572px 0; }
	
	#mainMenu ul li ul					{ position: absolute; top: -999em; left: -999em; height: auto; }
	#mainMenu ul li ul li				{ width: 100%; border: none; border-top: solid 1px #eacb00; background: #ffdf0f; }
	#mainMenu ul li ul li a				{ height: auto; font-size: 0.916em; }
	#mainMenu ul li ul li a span		{ display: block; padding: 5px 6px; }
	
	
	/* * * * * *   2. level   * * * * * */
	#mainMenu ul li.hover ul li,
	#mainMenu ul li:hover ul li						{  }
	
	#mainMenu ul li.hover ul li.hover,
	#mainMenu ul li:hover ul li:hover				{ background-color: #d6b900; }
	
	
	/* * * * * *   3. level   * * * * * */
	#mainMenu ul li.hover ul li.hover ul li,
	#mainMenu ul li:hover ul li:hover ul li						{  }
	
	#mainMenu ul li.hover ul li.hover ul li.hover,
	#mainMenu ul li:hover ul li:hover ul li:hover				{  }
	
	
	/* * * * * *   zobrazování a skrývání // showing and hiding   * * * * * */
	#mainMenu ul li.hover ul,
	#mainMenu ul li:hover ul											{ top: 22px; left: 0; }
	#mainMenu ul li.hover ul li.hover ul,
	#mainMenu ul li:hover ul li:hover ul,
	#mainMenu ul li.hover ul li.hover ul li.hover ul,
	#mainMenu ul li:hover ul li:hover ul li:hover ul			{ top: -1px; left: 200px; }
	
	#mainMenu ul li.hover ul ul,
	#mainMenu ul li:hover ul ul,
	#mainMenu ul li.hover ul li.hover ul ul,
	#mainMenu ul li:hover ul li:hover ul ul,
	#mainMenu ul li.hover ul li.hover ul li.hover ul ul,
	#mainMenu ul li:hover ul li:hover ul li:hover ul ul		{ left: -999em; }
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	/* * * * * * * * * * * * * * *   SLOUPCOVÉ VĚCI    * * * * * * * * * * * * * * */
	/* * * * * * * * * * * * * * *   COLUMNS STYLES    * * * * * * * * * * * * * * */
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	/* * * * * *  sloupcové boxy - col boxes  * * * * * */
	.sloupec_box						{ width: 100%; margin: 0 0 1em; }
	.sloupec_box_cont					{ width: 100%; }
	
	.sloupec_box h3					{ position: relative; width: 100%; height: 29px; overflow: hidden; margin: 0 0 5px; font-size: 1.25em; }
	.sloupec_box h3 span				{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/design/sloupec_h3.gif) 0 0 no-repeat; }
	
	#vysila_box h3 span				{ background-position: -226px 0; }
	#form_box h3 span					{ background-position: -452px 0; }
	#pocasi_box h3 span				{ background-position: -678px 0; }
	#ankety_box h3 span				{ background-position: -904px 0; }
	#mobil_box h3 span				{ background-position: -1130px 0; }
/*	.fanBoxCol							{ background: white; }*/
	
	.sloupec_box fieldset			{ margin: 0; }
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	/* * * * * * * * * * * * * * *   CENTRÁLNÍ VĚCI    * * * * * * * * * * * * * * */
	/* * * * * * * * * * * * * * *   CENTRAL STYLES    * * * * * * * * * * * * * * */
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	/* * * * * *  control box  * * * * * */
	.control_box									{ margin-bottom: 1em; padding: 5px 5px; border: solid 1px #222; line-height: normal;
														 background: #121112 url(../images/design/control_box.gif) 0 100% repeat-x; }
	.control_box span.control_box_upravit	{ float: right; }
	
	
	/* * * * * *  crumb trail  * * * * * */
	#navigace										{ width: 100%; margin: 1em 0; }
	#navigace a.back								{ float: right; margin: 0 0 0 15px; }
	
	
	/* * * * * *  odkazy tisk, atp. / print link, send to email etc.  * * * * * */
	.odkazy:before									{ display: block; clear: both; content: " "; }
	.odkazy											{ clear: both; width: 100%; margin: 2em 0 1em; text-align: right; }
	.odkazy a										{ margin-left: 5px; text-decoration: none; }
	.odkazy a:hover								{ text-decoration: underline; }
	.odkazy a img									{ position: relative; top: 2px; margin-right: 2px; }
	
	
	/* * * * * *  homepage replacementy  * * * * * */
	h2.replaced							{ position: relative; width: 100%; height: 44px; overflow: hidden; margin: 0 0 5px; font-size: 1.25em; font-weight: bold; }
	h2.replaced span					{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/design/h2_replaced.gif) 0 0 no-repeat; }
	.cinemania h2.replaced span	{ background-position: -1200px 0; }
	.doporucuje h2.replaced span	{ background-position: -1800px 0; }
	.fotoAkce h2.replaced span		{ background-position: -600px 0; }
	
	
	/* * * * * *  floaty  * * * * * */
	#floaty								{ width: 100%; }
	#floaty .flout						{ display: inline; float: left; width: 45%; padding: 9px 11px; background: url(../images/design/flout.gif) 0 0 no-repeat; }
	#floaty .pravej					{ float: right; }
	
	#floaty .flout p.obrazek		{ display: inline; float: left; margin: 0 1em 0.5em 0; }
	#floaty .flout p.obrazek img	{ border: solid 1px black; }
	#floaty .flout h3					{ margin: 0 0 10px; font-size: 1.333em; color: white; }
	#floaty .flout h3 a				{ text-decoration: none; color: white; }
	#floaty .flout h3 a:hover		{ text-decoration: underline; }
	#floaty .flout .anotace			{ line-height: 1.5em; font-size: 0.916em; }
	#floaty .flout .anotace p		{ margin: 0; }
	#floaty .flout p.vice			{ margin: 1em 0 0; text-align: right; font-weight: bold; }
	
	#floaty ul.other					{  }
	#floaty ul.other li				{  }
	
	#floaty p.archiv					{ clear: both; width: 578px; margin: 0; padding: 9px 11px; font-weight: bold; background: url(../images/design/archiv.gif) 0 0 repeat-y; }
	
	
	/* * * * * *  homepage věci  * * * * * */
	.homeBox								{ width: 100%; }
	.homeBox .anotace					{ width: 578px; padding: 9px 11px; background: url(../images/design/homeBox.gif) 0 0 no-repeat; }
	.homeBox .anotace p				{ line-height: 1.5em; }
	.homeBox .anotace h3				{ font-size: 1em; margin: 0 0 1em; padding-top: 5px; }
	.homeBox .anotace img			{ float: left; margin: 0 1em 0.5em 0; }
	
	
	.intro_image						{ margin: 30px 0 0 0; }
	.intro_image	a					{ display: block; padding: 0 0 15px 0;   }
	.intro_image	img				{ clear: both; }


/* ### VYMENA LINKU ### - automaticky dogenerovano */
.vymenaLinku p { margin: 0; padding: 1em 1em 0.75em; color: #aaa; text-align: center; }
.vymenaLinku p a, .vymenaLinku p a:visited { color: #aaa; text-decoration: none; }
.vymenaLinku p a:hover { text-decoration: underline; }