/* =========================  G L O B A L  ============================================================================ */
*							{ margin: 0; padding: 0; border: 0px solid; }
body						{ padding: 0 20px 20px; background: #280a01; text-align: center; } 
body, td, input, 
textarea, select			{ font: 62.5% arial, helvetica, sans-serif; }
a:link, a:visited			{ color: #fdc182; font-weight: bold; }
a:hover						{ color: #650608; background: #fdc182; text-decoration: none; }
/* ................................................................................................................... */	
.clr	 		 			{ clear: both; height: 1px; font-size: 1px; overflow: hidden; }
.fl		 		 			{ float: left;  clear: left; }
.fr		 		 			{ float: right; clear: right; }
.ac							{ text-align: center; }
.ar							{ text-align: right; }
hr, .hidden					{ display: none; }
							/* spacing */
#page .n					{ margin: 0; }
#page .h					{ margin: 0 0 0.5em; }
#page .s					{ margin: 0 0 1em; }
#page .sh					{ margin: 0 0 1.5em; }
#page .d					{ margin: 0 0 2em; }
#page .d2					{ margin: 0 auto 2em auto;}

#page .dl					{ margin: 0 0 1em; padding: 0 0 1em; border-bottom: 1px solid #500405; }

#page .sep					{ padding: 0 0 1em; border-bottom: 1px #ccc9ba solid; }	
/* =================================================================================================================== */
/*puv: 756px*/
#page 						{ width: 980px; margin: 0 auto; text-align: left; 
							  background: url(images/page.gif) bottom left no-repeat #650608; }
.solid #page 				{ background: #650608; }							  
/* ................................................................................................................... */	
							/* head */
#head 						{ height: 202px; background: url(images/head.jpg); background-repeat: no-repeat; position: relative; }
#head p						{ position: absolute; top: -10000px; }	
#montage					{ /* height: 222px; background: url(images/montage.jpg); */ display: none; }
/* ................................................................................................................... */	
							/* menu */						
#menu						{ height: 25px; background: url(images/menu.gif);}
#menu ul					{ list-style-type: none; }					
#menu li					{ float: left; }
#menu li a					{ float: left; width: 122px; height: 21px; padding: 4px 0 0; font-size: 1.2em; font-weight: bold;
							  text-align: center; text-decoration: none; color: #6e0000; }
* html #menu li a			{ height: 25px; he\ight: 21px;}
#menu li a:hover			{ color: #000; text-decoration: underline; background: none; }
#menu li.active a			{ background: url(images/menu-active.gif) repeat-x 1px 0; color: #eee; }	
#menu li.active a:hover		{ color: #eee; text-decoration: none; }	
/* ................................................................................................................... */	
							/* MAIN LAYOUT */
#main						{ background: url(images/main.gif) repeat-x; }
.double #main-in			{ background: url(images/main-in.gif) repeat-y right; height: 1%; }
.title #main-in				{ background: url(images/main-in-title.gif) repeat-y right; height: 1%; }

/* =================================================================================================================== */
/* CONTENT */
/*puv: 425, 505px*/
#content					{ padding: 20px 40px 0; height: 1%;}
.double #content			{ width: 649px; float: left; }
* html .double #content		{ width: 729px; w\idth: 649px; }

/*puv: 345, 385px*/
.title #content				{ width: 569px; float: left; padding: 20px 20px 0; }
* html .title #content		{ width: 609px; w\idth: 569px; }

							/* nadpisy */
#content h1					{ font-size: 2.4em; margin: 0 0 0.5em; font-style: italic; color: #fff;
							  font-family: "Times New Roman", "Times CE", Times, serif; }
#content h1.doporuc 		{ font-size: 2.4em; margin: 0 0 0.3em;}
#content h2					{ font-size: 1.8em; margin: 0 0 0.7em; color: #fff; }
#content h2.doporuc         { font-size: 1.6em; font-style: italic; margin: 0 0 0.9em;}
#content h2#popis           { font-size: 1.3em; margin: 0 0 0.4em; color: #fff;}
.title #content h3			{ font-size: 2.3em; margin: 0 0 0.8em; font-style: italic; color: #fff;  
							  font-family: "Times New Roman", "Times CE", Times, serif;  }
#content h2	span,
#content h3	span            { font-weight: normal; font-size: 0.8em; }

							/* texty */
#content h3					{ font-size: 1.3em; margin: 0 0 0.2em; color: #fff; }
#content p					{ margin: 0 0 1em; font-size: 1.3em; line-height: 1.3; color: #fff; }
#content p.sm				{ font-size: 1.2em; }
#content p.navigace         { font-size: 1.1em; color: #fff;}

							/* seznamy */
#content ul					{ list-style-type: none; font-size: 1.3em; color: #fff; margin: 0 0 1.5em; }
#content ul li				{ margin: 0 0 0.5em 0; padding: 0 0 0 19px; line-height: 1.2; background: url(images/li.gif) no-repeat 0 2px; }
							/* definition */
#content dl					{ font-size: 1.3em; color: #fff; margin: 0 0 1.5em; }
#content dt					{ float: left; margin-bottom: -100px; color: #fff; } /* solves MSIE 3px bug */
#content dd					{ margin: 0 0 0.6em 16em; }
							/* obrazky */
#content .ic				{ display: block; margin: 0 auto 0.6em; padding: 5px; border: 1px solid #4e0506; background: #efede9; }
#content .il				{ float:  left; clear:  left; margin: 0 1em 0.7em 0; padding: 5px; border: 1px solid #4e0506; background: #efede9; }

/*
#content .img240            { float: left; clear: left; margin: 0 1em 0.7em 0; padding: 1px 5px; border: 1px solid #4e0506; background-color: #ffffff; text-align: center; line-height: 240px; display: block;}
#content .img240 img        { margin: 0 auto; padding: 0; vertical-align:middle;}
*/

#content .ir				{ float: right; clear: right; margin: 0 0 0.7em 1em; padding: 5px; border: 1px solid #4e0506; background: #efede9; }
#content .nb				{ padding: 0; border: none; background: none; }
#content .tb				{ display: block; margin: 0 0 1.6em; border: 1px solid #ab4c2b; background: #d38a57; }

							/* tabulka, puv: 425, mar. l a r: 20px */
#content table				{ width: 475px; margin: 0 auto 1em auto; border: solid #d5925e; border-width: 1px 0 0 1px;} 
#content td					{ padding: 0.3em 0.4em; background: #fff; font-size: 1.2em; border: solid #d5925e; 
							  border-width: 0 1px 1px 0; vertical-align: top; color: #111; }
* html #content td			{ font-size: 0.75em; fon\t-size: 1.2em; }	
#content .head td			{ background: url(images/main.gif) repeat-x; font-weight: bold; font-size: 1.3em; padding: 0.4em; color: #fff; } 
* html #content .head td	{ font-size: 0.8em; fon\t-size: 1.3em; }
#content td.ar				{ width: 5em; font-weight: bold; }
#content td.arn				{ width: 5em; text-align: right; }
#content td.tip				{ background: #ffe8ce; font-style: italic; font-size: 1.1em; padding: 0.2em 0.4em 0.25em 45px; }
* html #content td.tip		{ font-size: 0.7em; fon\t-size: 1.1em; }	
#content .suma td			{ background: #ffe8ce; font-weight: bold; }

/* SHOP */
/* shop - polozka produktu */
#content .product			{ margin: 0 0 1.5em;}
#content .borderbottom      { border-bottom: 1px solid #500405;}
#content .cara  			{ border-top: 1px solid #500405; height: 1px; width: 100%; margin: 0 0 1.5em 0;}		
#content .col				{width: 48%; float: left; clear: right; padding: 0 1% 0 0;} /* rozdeleni sloupec */
#content .product#last		{ border-bottom: none; }	
#content .product h2        { font-size: 1.5em; margin: 0 0 0.7em; color: #fff;}
/* ?? */
#content .product h3        { font-size: 1.5em; margin: 0 0 0.7em; color: #fff; font-weight: bold; font-style: normal;}
#content .product .il		{ padding: 2px; }
#content .ico				{ margin: 0 2px 0.7em 0; border: 1px solid #4e0506; background: #efede9; padding: 1px; }
#content .product .ir		{ padding: 1px; clear: none; }
#content .product p			{ padding: 0 0 0 85px; }
#content .product p.cena	{ font-size: 1.5em; }
#content .product p.cena-bezna{ font-size: 1.3em; }

							/* preskrtnute ceny */
#content p.cena				{ font-size: 1.3em; }
#content p.cena-bezna		{ font-size: 1.3em;  margin: 0; }
#content p.cena-bezna span  { text-decoration: line-through;}
#content span.dostupne      { font-weight: bold; color: #00aa00;}

							/* pridani do kosiku */
form.bin					{ margin: -0.5em 15px 0 0; float: right; width: 100px; font-size: 1.2em; color: #fff; } 
.title form.bin				{ margin: -0.5em  0 0; width: 80px; }
.bin input.srch				{ width: 20px; font-size: 11px; border: 1px solid #b95c36; padding: 1px; text-align: right; }
.bin input.btn				{ margin: 0 0 0;  vertical-align: middle; } 
#content .kosik				{ height: 40px;}	
#content .kosik p			{ float: left; }  /* puv: h3 */

							/* listovani */
#content .list				{ margin: 0 0 1.5em; border-bottom: 1px solid #500405; }
#content .list	p			{ float: right; width: 260px; padding: 2px 0 0; text-align: right; }
#content .list	a			{ text-decoration: none; }
#content .list#bottom		{ margin: 0 0 0.5em; border-bottom: none; }
#content .list form			{ float: left;  color: #fff; width: 150px }
#content .list form	label	{ float: left; font-size: 1.2em; padding: 2px 8px 0 0;  }
#content .list form	select	{ float: left; font-size: 1.1em; }

							/* nakupni kosik */
#kosik input.srch			{ width: 20px; font-size: 11px; border: 1px solid #d5925e; padding: 1px; text-align: right; }
#kosik input.btn			{ font-size: 1.2em; font-weight: bold; color: #fff; border: 1px solid #fff; 
							  float: right; margin: 0 0 1em 0.5em; padding: 1px 5px; background: #b65833; }

							/* pokladna */
#content #pokladna fieldset	{width: 455px; margin: 0 auto 1em auto; padding: 10px; border: 1px solid #d5925e; background: #ffe8ce; }
#content #pokladna.white fieldset	{ background: #fff; }
#content #pokladna label 	{ display: block; float: left; clear: left; width: 130px; margin: 0 10px 5px 0; 
							  font-size: 1.2em; padding: 0.2em 0 0; text-align: right; font-weight: bold; }
#content #pokladna label span{ font-weight: normal; }							  
#content #pokladna label.er	{ color: #c00; } 
#content #pokladna input,
#content #pokladna select, 
#content #pokladna textarea	{ margin-bottom: 5px; padding: 1px 2px 0; border: 1px solid #b95c36; font-size: 1.2em; }
#content #pokladna textarea	{ width: 240px; }
#content #pokladna textarea#frm_text	{ width: 278px; }
#content #pokladna input.check	{ border: none; float: left; margin: 3px 5px 5px 0; }
* html #content #pokladna input.check	{ margin: 0 5px 5px 0; }
#content #submit            { margin: 0 auto; padding: 0; width: 475px; }
#content #pokladna #submit input{ font-size: 1.2em; font-weight: bold; color: #fff; border: 1px solid #fff; 
							  float: right; margin: 0 0 1em 0.5em; padding: 1px 5px; background: #b65833; }
#content #pokladna  p		{ float: left; font-size: 1.2em; padding: 2px 0; width: 230px; color: #000; border-bottom: 1px solid #d5925e; }
#content #pokladna  p.nb	{ border-bottom: none; }
#content #pokladna  a		{ color: #6e0000; }				
#content #pokladna  a:hover	{ color: #000; background: none; text-decoration: underline; }				
#content #pokladna  div.r	{font-size: 1.2em; margin: 1em 0 0 0; padding: 0; line-height: 1.3;}
#content #pokladna  div.r input {font-size: 1em; font-weight: bold; color: #fff; border: 1px solid #fff; padding: 3px 6px; background: #b65833; margin: 0;}


/* chybova hlaska */
#content #error				{ margin: 0 auto 1em auto; padding: 0 20px 0; background: #c00; border: 1px solid #fff; width: 435px;}
#content #error h4			{ margin: 0 -20px 0.8em; padding: 0.4em 20px; color: #c00; font-size: 1.3em; background: #fff }		
#content #error li			{ background: url(images/li-nav.gif) no-repeat 0 2px; }
#content #error p			{ font-size: 1.2em; }

#content p#error2			{margin: 0 auto 1em auto; padding: 15px 10px 15px 70px; width: 395px; display: block; color: #DE0000;
                             border: 1px solid #d5925e; background: #ffe8ce url(images/alert.gif) no-repeat scroll 10px 50%; text-align: left;}

/* fotogalerie */
#content h3.foto {text-align:  center;}

/* ................................................................................................................... */	
							/* banner */
#banner						{ padding: 25px 20px 15px; width: 210px; float: right; }
* html #banner				{ width: 250px; w\idth: 210px; }

.title #banner				{ padding: 25px 15px 15px; width: 155px; float: right; }
* html .title #banner		{ width: 185px; w\idth: 155px; }
#banner p					{ font-size: 1.2em; color: #280a01; line-height: 1.3; }
#banner .ic					{ display: block; margin: 0 auto 0.6em; border: 1px solid #ab4c2b; background: #d38a57; }
#banner h3					{ font-size: 1.4em; margin: 0 0 0.4em; padding: 0 0 0.1em; border-bottom: 1px solid #b95c36; color: #280a01; }
#banner.small h3            { font-size: 1.2em; margin: 0 0 0.4em; padding: 0 0 0.1em; border-bottom: 1px solid #b95c36; color: #280a01; }
#banner h4					{ font-size: 1.2em; margin: 0 0 0.4em; padding: 0 0 0.1em; border-bottom: 1px solid #b95c36; color: #280a01; }
							/* seznamy */
#banner ul					{ list-style-type: none; font-size: 1.2em; color: #6e0000; margin: 0 0 1.5em; }
#banner ul li ul			{ list-style-type: none; font-size: 1em; color: #6e0000; margin: 0.6em 0 0.6em; }
#banner ul.black			{ color: #280a01; }
#banner ul li				{ margin: 0 0 0.5em; padding: 0 0 0 19px; line-height: 1.2; background: url(images/li-nav.gif) no-repeat 0 0; }
#banner ul.lh li			{ line-height: 1.2; margin: 0 0 0.8em;}
#banner ul li a				{ color: #6e0000; }
#banner ul li a:hover		{ color: #000; background: none; text-decoration: underline; }
#banner ul li.active		{ background: url(images/li-nav-active.gif) no-repeat 0 0;}
/*#banner ul li.active a		{ color: #000; }*/

#banner form#search			{ margin: 0 0 1.3em;} 
#banner #search input#srch	{ width: 140px; font-size: 11px; border: 1px solid #b95c36; padding: 1px 2px; }
#banner #search input#btn	{ margin: 3px 0 0; vertical-align: top; } 

/* ................................................................................................................... */	
							/* advert */
#advert						{ padding: 25px 15px 15px; width: 155px; float: left; }
* html  #advert				{ width: 185px; w\idth: 155px; }
#advert p					{ font-size: 1.3em; color: #d89560; line-height: 1.2em; }
#advert .ic					{ display: block; margin: 0 auto 0.6em; }
#advert h3					{ font-size: 1.5em; margin: 0 0 0.4em; padding: 0 0 0.1em; border-bottom: 1px solid #b95c36; color: #d89560; }
#advert h4					{ font-size: 1.2em; margin: 0 0 0.4em;  color: #d89560; }
#advert .il					{ padding: 2px; float:  left; clear:  left; margin: 0 1em 0.7em 0;  border: 1px solid #4e0506; background: #efede9;}
#advert p.pr				{ color: #fff; font-size:1.2em; margin: 0 0 0.5em; }

/* ................................................................................................................... */	
							/* foot */
#foot						{ height: 20px; padding: 5px 0 0; }
.title #foot				{ background: url(images/main.gif) repeat-x; }
.double #foot				{ background: url(images/foot.gif) no-repeat right; }
* html #foot				{ height: 25px; he\ight: 20px; }
#foot p						{ font-size: 1.1em; color: #fff;  padding: 0 40px; }
/* =================================================================================================================== */