/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * BOXES.CSS: - òàáëèöà êàñêàäíûõ ñòèëåé äëÿ äèçàéíà, ñëî¸â. çàãîëîâêîâ, êàñêàäíûõ ìåíþ è ò.ï.
 *            - stylesheet for design, layout, hovermenus, header things, floating boxes, etc.
 * 
 * version: 1.0.2 / wa 2.82
 * author: OV
 *
 * media: screen
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	html, body				{ margin: 0; padding: 0; text-align: center; background: black; }
	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  * * * * * */
	.backgroundContainer	{ width: 100%; background: none; }
	#main						{ width: 990px; margin: 0 auto; text-align: left;
								  background: url(../images/design/bg_main.gif) 0 0 repeat-y white; }
	
	/* * * * * *  sloupce - columns  * * * * * */
	#center					{ display: inline; float: right; width: 610px; margin: 34px 40px 60px 0; }
	#center_cont			{ width: 100%; }
	#left						{ display: inline; float: left; width: 300px; margin: 26px 0 0 0; }
	#right					{ display: inline; float: right; width: 210px; margin: 30px 0 60px;  }
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	/* * * * * * * * * * *   HLAVIÈKOIDNÍ A PATIÈKOIDNÍ VÌCI   * * * * * * * * * * * */
	/* * * * * * * * * * *      HEADER AND FOOTER THINGS       * * * * * * * * * * * */
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	#top						{ position: relative; z-index: 90; float: left; width: 100%; height: 201px; background: url(../images/design/a.jpg) 100% 0 no-repeat; }
	#top a#logo				{ position: absolute; top: 31px; left: 0px; }
	#top #topflash			{ position: absolute; top: 0; right: 0; }
	#top #lang				{ position: absolute; top: 92px; right: 0; width: 148px; font-family: Arial; height: 20px; border: 1px solid #adbec9; }	
	
	
	/* * * * * *  patièka - footer  * * * * * */
	/* * * *  v mainu - inside main  * * * */
	#bottom								{ position: relative; width: 100%; height: 45px; color: white;
											  background: black; }
	
	
	/* * * *  mimo mainu - outside main  * * * */
	/*
	#bottom								{ width: 100%; height: 45px; color: white;
											  background: #000; border: 1px solid red; }
	#bottom .width						{ position: relative; width: 990px; margin: 0 auto; text-align: left;  }
   */
		
	p#copyright							{ color: #adbec9; position: absolute; top: 13px; left: 40px; margin: 0; text-decoration: none; text-align: left; line-height: normal; }
	p#copyright .pipe					{ margin: 0 0.5em; }
	p#copyright a						{ color: #adbec9; }
	a#wa									{ position: absolute; top: 11px; right: 40px; }
	a#ebrana								{ position: absolute; top: 11px; right: 122px; }
	
	.internalLinks							{ clear: both; width: 100%; }
	.internalLinks ul						{ margin: 0; padding: 1em 1em 0.75em; font-size: 0.833em; color: #444; text-align: center; }
	.internalLinks ul li					{ display: inline; padding: 0; background: none; }
	.internalLinks ul li a,
	.internalLinks ul li a:visited	{ color: #444; text-decoration: none; }
	.internalLinks ul li a:hover		{ text-decoration: underline; }
	
	.vymenaLinku						{ clear: both; width: 100%; }
	.vymenaLinku p						{ margin: 0; padding: 1em 1em 0.75em; font-size: 0.833em; color: #aaa; text-align: center; }
	.vymenaLinku p a,
	.vymenaLinku p a:visited		{ color: #aaa; text-decoration: none; }
	.vymenaLinku p a:hover			{ text-decoration: underline; }
	
	
	/* * * * * *  rychlé vyhledávání - searchform  * * * * * */
	ul#icons								{ position: absolute; top: 100px; right: 10px; margin: 0; line-height: normal; }
	ul#icons li							{ display: inline; float: left; margin-right: 0px; padding: 0 0px 0 0; font-size: 0.916em;
											  background: url(../images/design/bg_icons_separator.gif) 100% 50% no-repeat; }
	ul#icons li.kontakt				{ padding: 0; margin: 0; background: none; }
	ul#icons li a						{ display: block; padding: 3px 0 4px 0px;
											  background: url(../images/icons/ico_home.gif) 0 4px no-repeat; }
	ul#icons li a:hover				{  }
	
	ul#icons li.map a					{ background: url(../images/icons/ico_map.gif) 0 4px no-repeat; }
	ul#icons li.kontakt a			{ background: url(../images/icons/ico_contact.gif) 0 4px no-repeat; }
	ul#icons li a 						{ width: 31px; height: 23px; }
	ul#icons li a span				{ display: none;  }	
	
	/* * * * * *  jayzkové mutace - language mutations  * * * * * */
	ul#lang								{ position: absolute; top: 86px; right: 29px; margin: 0; line-height: normal; }
	ul#lang li							{ display: inline; width: 40px; height: 18px; float: left; margin-left: 1px; padding: 0; text-align: center; }
	ul#lang li a						{ position: relative; display: block; width: 100%; height: 100%; overflow: hidden; font-size: 0.833em; }
	ul#lang li a span					{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;
											  background: url(../images/icons/ico_cz.gif) 0 0 no-repeat; }
	
	ul#lang li.en a span				{ background: url(../images/icons/ico_en.gif) 0 0 no-repeat; }
	ul#lang li.de a span				{ background: url(../images/icons/ico_de.gif) 0 0 no-repeat; }
	
	
	/* * * * * *  rychlé vyhledávání - searchform  * * * * * *
	 * HACKED in ie.css!
	 */
	#searchbox							{ position: absolute; top: 51px; right: 10px; }
	#searchbox fieldset				{ display: inline; margin: 0; padding: 0; border: none; background: none; }
	#searchbox input.left_input	{ float: left; width: 151px; padding: 2px 0px 2px 2px; border-color: #a6a9ac; font-family: Arial, Helvetica, sans-serif;
											  background: white; border: none; margin: 0; }
	#searchbox input.sub				{ float: left; margin-left: 1px; background: #df4d3d; border: none; padding: 1px 0 0 0; width: 69px; }
	
	
	/* * * * * *  autocomplete  * * * * * */
	#autocomplete						{ position: absolute; top: 20px; left: 0; z-index: 100; width: 176px; }
	#autocomplete ul					{ position: static; top: auto; left: auto; float: left; width: 100%; margin: 0; line-height: normal; border: solid 1px #a6a9ac; }
	#autocomplete ul.hidden			{ position: absolute; top: -999em; left: -999em; }
	#autocomplete ul li				{ clear: both; float: left; width: 164px; padding: 3px 6px; cursor: pointer; background: white; }
	#autocomplete ul li:after		{ display: block; clear: both; content: " "; }
	#autocomplete ul li:hover,
	#autocomplete ul li.hover,
	#autocomplete ul li.active		{ background: #eaeaea; }
	#autocomplete ul li span.txt	{ float: left; }
	#autocomplete ul li span.no	{ float: right; color: #bbbbbb; }
	
	
	/* * * * * *  top menu  * * * * * */
	#mainMenu							{ position: absolute; top: 147px; left: 9px; width: 981px; }
	#mainMenu ul						{ margin: 0; padding: 0px 0 0; }
	#mainMenu ul li					{ position: relative; display: inline; float: left; margin: 0 0px 0 0; padding: 0; font-size: 1em; background: white url(../images/design/bg_topmenu_li.gif) 0 0 no-repeat; }
	#mainMenu ul li a					{ float: left; padding: 16px 11px 16px 17px; color: black; font-weight: bold; text-decoration: none; }
	#mainMenu ul li a span			{  }
	
	#mainMenu ul li.active			{ background: url(../images/design/bg_topmenu_li_hover.gif) 0 0 no-repeat #df4d3d; }
	#mainMenu ul li.active a		{ color: white; }
	
	#mainMenu ul li ul				{ position: absolute; top: -999em; left: -999em; width: 180px; padding: 0; border: solid 1px #9dbed4; border-bottom: none; }
	#mainMenu ul li ul li			{ width: 100%; margin: 0; font-size: 1em; border-bottom: solid 1px #9dbed4; }
	#mainMenu ul li ul li a			{ width: 100%; display: block; float: none; padding: 0; }
	#mainMenu ul li ul li a span	{ display: block; padding: 4px 8px; }
	
	
	/* * * * * *   1. level   * * * * * */
	#mainMenu ul li.hover,
	#mainMenu ul li:hover			{ background: url(../images/design/bg_topmenu_li_hover.gif) 0 0 no-repeat #df4d3d; }
	
	#mainMenu ul li.hover a,
	#mainMenu ul li:hover a			{ color: white;  }
	
	
	/* * * * * *   2. level   * * * * * */
	#mainMenu ul li.hover ul li,
	#mainMenu ul li:hover ul li					{ background: #c8d5de; }
	#mainMenu ul li.hover ul li a,
	#mainMenu ul li:hover ul li a					{ background: none; color: #333; }
	
	#mainMenu ul li.hover ul li.hover,
	#mainMenu ul li:hover ul li:hover			{ background-color: #eee; }
	
	#mainMenu ul li.hover ul li.hover a,
	#mainMenu ul li:hover ul li:hover a			{  }
	
	
	/* * * * * *   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 a,
	#mainMenu ul li:hover ul li:hover ul li a					{  }
	
	#mainMenu ul li.hover ul li.hover ul li.hover,
	#mainMenu ul li:hover ul li:hover ul li:hover			{  }
	
	#mainMenu ul li.hover ul li.hover ul li.hover a,
	#mainMenu ul li:hover ul li:hover ul li:hover a			{  }
	
	
	/* * * * * *   zobrazování a skrývání // showing and hiding   * * * * * */
	#mainMenu ul li.hover ul,
	#mainMenu ul li:hover ul											{ top: 50px; 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						{ margin: 0 0 2em; }
	.sloupec_box_cont					{  }
	
	.sloupec_box h3					{ background: url(../images/design/hlavicka.gif) 0 0 no-repeat; margin: 0 0 0px 0; padding: 10px 0 9px 26px; font-size: 1.125em; font-weight: bold; color: black; }
	#produkty_col h3.h3_sloupec	{ background: url(../images/design/hlavicka2.gif) 0 0 no-repeat; }	
	
	
	
	#stroje_k_odberu					{ min-height: 127px; height: auto !important; height: 127px; background: url(../images/design/bg_stroje_k_odberu.jpg) 0 10px no-repeat; margin: 0 0px 0 0px; padding: 0 10px 0 168px;	}
	
	
	#houfek_obchodni_mista			{ margin: 10px 20px 0 20px;	}
	#houfek_obchodni_mista p		{ margin: 0 0 0 0px;	}	
	p #region							{ margin: 0 20px 0 20px; width: 260px; font-family: Arial;	}
	
	
	/* * * * * *  navi menu  * * * * * */
	#naviMenu							{ width: 100%; }
	#naviMenu ul						{ width: 100%; margin: 0; padding: 5px 0; background: #e7eff7; }
	#naviMenu ul:after				{ display: block; clear: both; content: " "; }
	#naviMenu ul li					{ position: relative; float: left; width: 100%; padding: 0; font-weight: bold; background: none; }
	#naviMenu ul li a					{ display: block; width: 100%; text-decoration: none; border-bottom: solid 1px white; color: black; }
	#naviMenu ul li.last a			{ border-bottom: none; }
	#naviMenu ul li a span			{ display: block; padding: 6px 16px 5px; }
	
	#naviMenu ul li ul				{ position: absolute; top: -999em; left: -999em; width: 200px; padding: 0; border: solid 1px #dadada; border-bottom: none; }
	#naviMenu ul li ul li			{ width: 100%; margin: 0; font-size: 1em; border-bottom: solid 1px #dadada; }
	#naviMenu ul li ul li a			{ width: 100%; display: block; float: none; padding: 0; border-bottom: none; }
	#naviMenu ul li ul li a span	{ display: block; padding: 8px 8px 5px; }
	
	
	/* * * * * *   1. level   * * * * * */
	#naviMenu ul li.active,
	#naviMenu ul li.hover,
	#naviMenu ul li:hover			{ background: #ceddec; }
	
	#naviMenu ul li.active a,
	#naviMenu ul li.hover a,
	#naviMenu ul li:hover a			{  }
	
	
	/* * * * * *   2. level   * * * * * */
	#naviMenu ul li.hover ul li,
	#naviMenu ul li:hover ul li					{ background: white; }
	#naviMenu ul li.hover ul li a,
	#naviMenu ul li:hover ul li a					{ background: none; }
	
	#naviMenu ul li:hover ul li.active,
	#naviMenu ul li.hover ul li.active,
	#naviMenu ul li.hover ul li.hover,
	#naviMenu ul li:hover ul li:hover			{ background-color: #eee; }
	
	
	/* * * * * *   3. level   * * * * * */
	#naviMenu ul li.hover ul li.hover ul li,
	#naviMenu ul li:hover ul li:hover ul li					{  }
	
	#naviMenu ul li.hover ul li.hover ul li.hover,
	#naviMenu ul li:hover ul li:hover ul li:hover			{  }
	
	
	/* * * * * *   zobrazování a skrývání // showing and hiding   * * * * * */
	#naviMenu ul li.hover ul,
	#naviMenu ul li:hover ul											{ top: -1px; left: 210px; }
	#naviMenu ul li.hover ul li.hover ul,
	#naviMenu ul li:hover ul li:hover ul,
	#naviMenu ul li.hover ul li.hover ul li.hover ul,
	#naviMenu ul li:hover ul li:hover ul li:hover ul			{ left: 200px; }
	
	#naviMenu ul li.hover ul ul,
	#naviMenu ul li:hover ul ul,
	#naviMenu ul li.hover ul li.hover ul ul,
	#naviMenu ul li:hover ul li:hover ul ul,
	#naviMenu ul li.hover ul li.hover ul li.hover ul ul,
	#naviMenu ul li:hover ul li:hover ul li:hover ul ul		{ left: -999em; }
	
	#stroje_k_odberu p		{  }
	#stroje_k_odberu p.vice	{  }
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	/* * * * * * * * * * * * * * *  Öåíòðàëüíûå ñòèëè  * * * * * * * * * * * * * * */
	/* * * * * * * * * * * * * * *   CENTRAL STYLES    * * * * * * * * * * * * * * */
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	/* * * * * *  control box  * * * * * */
	p.control_box									{ margin: 0 0 1em; padding: 5px 5px; border: solid 1px #e2e2e2; line-height: normal;
														 background: #ebebeb url(../images/design/control_box.gif) 0 100% repeat-x; }
	p.control_box span.control_box_upravit	{ float: right; }
	
	
	/* * * * * *  crumb trail  * * * * * */
	p#navigace										{ width: 100%; margin: 0 0 1em; }
	p#navigace a.back								{ float: right; margin: 0 0 0 15px; }
	
	
	/* * * * * *  odkazy tisk, atp. / print link, send to email etc.  * * * * * */
	p.odkazy:before								{ display: block; clear: both; content: " "; }
	p.odkazy											{ clear: both; width: 100%; margin: 0; text-align: right; }
	p.odkazy a										{ margin-left: 5px; text-decoration: none; }
	p.odkazy a span								{ text-decoration: underline; }
	p.odkazy a:hover span						{ text-decoration: none; }
	p.odkazy a img									{ position: relative; top: 2px; margin-right: 2px; }
	
	
/*******************************************************************************/
	
	h2.h2_sloupec_vystavy				{ margin: 0; color: white; padding: 7px 0 5px 10px; font-size: 1.25em; font-weight: bold; background: #df4d3d url(../images/design/bg_novinky_head1.gif) right 0 no-repeat; }	
	h2.h2_sloupec_novinka				{ margin: 0; color: white; padding: 7px 0 5px 10px; font-size: 1.25em; font-weight: bold; background: #00528a url(../images/design/bg_novinky_head2.gif) right 0 no-repeat; }		

	.vystavy,
	.novinka									{ width: 610px; background: #f2f6f9; border-bottom: 1px solid #adbec9; margin-bottom: 3px;	}
	.vystavy_cont,
	.novinka_cont							{ padding: 11px 8px;	min-height: 80px; height: auto !important; height: 80px; }
	.vystavy	.obrazek,
	.novinka	.obrazek						{ float: left; width: 140px; }
	.vystavy p.nazev,
	.novinka p.nazev						{ margin: 0 0 4px 0; font-size: 1em; font-weight: bold; border: none; }
	.vystavy p.nazev a,
	.novinka p.nazev a					{ text-decoration: none; }	
	.vystavy p.nazev a:hover,
	.novinka p.nazev a:hover			{ text-decoration: underline; }			
	.vystavy p.datum,
	.novinka p.datum						{ margin: 0; }
	.vystavy .anotace p,
	.novinka .anotace p					{ margin: 5px 0; }			
	.vystavy p.vice,
	.home_kontakt p.vice,
	.novinka p.vice						{ margin: 0; text-align: right; }
	
	
	.home_kontakt									{ width: 100%; background: #f2f6f9; border-bottom: 1px solid #adbec9; margin-bottom: 3px; }
	.home_kontakt .home_kontakt_cont			{ margin: 0 0 0em; padding: 11px 8px 11px 140px; background: url(../images/design/sklad.gif) 8px 11px no-repeat; min-height: 100px; height: auto !important; height: 100px; }
	.home_kontakt .home_kontakt_cont	p		{ margin: 0; } 	
	.home_kontakt .home_kontakt_cont	ul		{ margin-top: 0; }	
	.home_kontakt h2.h2_sloupec4				{ margin: 0; color: white; font-size: 1.25em; font-weight: bold; padding: 7px 0 5px 10px; background: #000 url(../images/design/bg_novinky_head3.gif) right 0 no-repeat; }	
		

		

/* ### 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; }