/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * FORMAT.CSS: - základní typografické styly
 *             - basic typograpgy styles
 *
 * verze: 1.2.6 / ecp 1.2
 * autor: OV
 * email: vetesnik@ebrana.cz
 * media: screen
 *
 * úpravy: dl (1.1.1)
 *         přidán input.submit (1.1.2)
 *         přidána sekce pro plnění (1.2.2)
 *         úprava tabulky ve formuláři - fieldset th (1.2.3)
 *         přidány styly pro tabulku plnění - table.tabulka_1, img.float_left (1.2.4)
 *         přidáno pozadí na fieldset - fieldset (1.2.5)
 *         upraveny odkazy a pseudotřídy - a:active (1.2.6)
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */





/* * * * * * * * * * * * * * *    common styles    * * * * * * * * * * * * * * */
	
	html, body						{ font-family: Arial, Helvetica, sans-serif; color: black; background: white; }
	body								{ font-size: 75%; }
	
	p									{ margin: 1em 0; text-align: justify; line-height: 1.5em; }
	p.doprava						{ text-align: right; }
	hr									{ height: 1px; border: none; clear: both; color: #dadada; background: #dadada; }
	
	acronym, abbr					{ border-bottom: 1px dotted black; cursor: help; }
	
	.cleaner							{ display: block; clear: both; height: 1px; line-height: 1px; font-size: 1px; }
	
	
	
	/* * * * * *  nadpisy  * * * * * */
	h1									{ font-size: 1.666em; margin: 7px 0 12px; padding: 0 0 0 38px; font-weight: normal; color: #ff0000;
										  background: url(../images/h1.gif) 0 0 no-repeat; }
	h2									{ font-size: 1.3em; margin: 24px 0 12px; color: #ff0000; }
	h3									{ font-size: 1.2em; margin: 24px 0 12px; color: #ff0000; }
	h4									{ font-size: 1em; margin: 24px 0 12px; color: #ff0000; }
	h5									{ font-size: 1em; margin: 24px 0 12px; color: #ff0000; }
	h6									{ font-size: 1em; margin: 24px 0 12px; color: #ff0000; }
	
	
	/* * * * * *  seznamy  * * * * * *
	 * POZOR: neměnit! Lineheight p ul a ol musí být stejný kvůli obyčejnému textu na stránce
	 * a kvůli Rich Textu, páč louduje tohle cssko a řada lidí si stěžuje, že jim to tam vypadá
	 * všechno jinak. Odrážky jsou na pozadí proto, že jako list-style-image je jejich pozice
	 * nenastylovatelná (a každej prohlížeč to "zvoře" po svým)... Měnit pouze hodnotu line-height
	 * a margin (a samozřejmě polohu obrázku na pozadí). Všechny meníčka, navigace, atp. se
	 * pak musí vyresetovat zvlášť. Pokud by někoho napadlo použít třeba #center li...,
	 * tak vězte, že v editoru žádnej #center není.
	 */
	ul									{ margin: 1em 0 1em 0.355em; padding: 0; line-height: 1.5em; list-style: none; list-style-image: none; }
	ol									{ margin: 1em 0 1em 2em; padding: 0; line-height: 1.5em; }
	ul li								{ background: url(../images/default/li.gif) 0.333em 0.333em no-repeat; padding-left: 20px; }
	/* konec POZOR */
	
	dl									{ line-height: 1.4em; }
	
	
	
	/* * * * * *  tabulky  * * * * * */
	table								{ border-collapse: collapse; font-size: 1em; }
	th, td							{ font-size: 1em; text-align: left; }
	
	
	
	/* * * * * *  odkazy  * * * * * */
	a:link							{ color: #ff0000; text-decoration: underline; }
	a:visited						{ color: #d12727; text-decoration: underline; }
	a:active,
	a:hover							{ text-decoration: none; }
	
	
	
	/* * * * * *  obrázky  * * * * * */
	img								{ border: none; margin: 0; padding: 0; }
	
	
	
	/* * * * * *  formuláře  * * * * * */
	form								{ margin: 0; padding: 0; }
	fieldset							{ border: solid 1px #dadada; margin: 1em 0; padding: 1em; background: #fafafa; }
	input, textarea				{ border: solid 1px #dadada; font-size: 1em; margin: 0; }
	textarea							{ font-size: 11px; }
	select							{ font-size: 1em; }
	input.submit,
	input.sub						{ padding: 2px 5px; background: #cc0000 url(../images/sub.gif) 0 0 repeat-x; border: solid 1px #bcbcbc; cursor: pointer; color: white;
										  font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
	
	fieldset th,
	fieldset td						{ vertical-align: top; }
	fieldset th						{ text-align: left; font-weight: normal; }
	fieldset span.red_star		{ font-size: 1.1em; color: red; font-weight: bold; padding-left: 5px }
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	/* * * * * * * * * * *   STYLY PRO PLNĚNÍ  * * * * * * * * * * */
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	/* * * * * *  obrázky  * * * * * */
	img.float_left					{ float: left; margin: 0 1.5em 0.5em 0; }
	img.float_right				{ float: right; margin: 0 0 0.5em 1.5em; }
	
	p.floatLeft,
	p.floatRight					{ float: left; width: 300px; display: inline; margin: 0 0 2em 0; }
	p.floatRight					{ float: right; }
	p.floatLeft span,		
	p.floatRight span				{ display: block; padding: 3px 0 0 5px; color: #6b6b6b; }
	
	
	/* * * * * *  tabulky  * * * * * */
	table.tabulka_1				{ width: 100%; border-collapse: collapse; }
	table.tabulka_1 th,
	table.tabulka_1 td			{ padding: 0.2em 0.3em; }
	table.tabulka_1 th			{ border: solid 1px #658ab2; background: #98b4d2; color: white; }
	table.tabulka_1 td			{ border: solid 1px #C8D7E7; background: #F7F9FC; }
	
	.prodejna					{ width: 100%; }
	.prodejna p					{ margin: 7px 0 4px 0; }
	.prodejna .left			{ float: left; width: 48%; }
	.prodejna .vlevo			{ float: left; width: 45%; background: #F3F3F3; border: 5px solid #ECECEC; padding: 0 0 0 13px; }
	.prodejna .vpravo			{ float: right; width: 45%; background: #F3F3F3 url(../images/mapa_prodejny.jpg) 100% 100% no-repeat; padding: 0 0 9px 13px; border: 5px solid #ECECEC; }
	.prodejna .vpravo2		{ float: right; width: 45%; background: #F3F3F3 url(../images/mapa_prodejna2.jpg) 100% 100% no-repeat; padding: 0 0 9px 13px; border: 5px solid #ECECEC; }
	.prodejna .left p			{ margin-top: 2px; color: #6B6B6B;  }	
	.prodejna .right			{ float: right; width: 48%; background: #F3F3F3 url(../images/mapa_prodejny.jpg) 100% 100% no-repeat; padding: 0 0 0 13px; border: 5px solid #ECECEC; }
	.prodejna .right2			{ float: right; width: 48%; background: #F3F3F3 url(../images/mapa_prodejna2.jpg) 100% 100% no-repeat; padding: 0 0 0 13px; border: 5px solid #ECECEC; }
	
	table.noborder				{ border: 0; }
	table.noborder th,
	table.noborder td			{ border: 0; padding: 2px 18px 2px 0; }
	
	/********* fotogalerie *************/
	.fotogalerie				{ width: 100%; }	
	.fotogalerie p				{ width: 100%; margin: 1em 0; text-align: center; }
	.fotogalerie p:after		{ display: block; clear: both; content: " "; }	
	.fotogalerie p span.fotka			{ float: left; width: 206px; margin: 0; text-align: center; }
	.fotogalerie p span.siroky img	{ margin-top: 27px; }

	div.sluzby					{ width: 100%; float: left; margin-bottom: 10px;  }
	div.sluzby .sluzba,	
	div.sluzby .sluzba.last		{ float: left; display: inline; width: 190px; margin: 0 24px 0 0; }
	div.sluzby .sluzba.last		{ margin: 0; }