/* import souvisejicich css souboru */
@import url("layout.css");
@import url("menu.css");
@import url("wysiwyg.css");
@import url("color.css");
@import url("paging.css");


body									{ font-size: 0.7em; font-family: Tahoma , Verdana, Arial, lucida, sans-serif; padding: 0px; margin: 0px; text-align: center; }

/* obecna pravidla */
img										{ border: 0; }
table									{ border-collapse: collapse; }
tr.nadpis								{ font-weight: bold; }
form									{ margin: 0px;}
.cistic                 				{ clear: both; height:0; overflow: hidden; visibility: hidden;}
.info_message							{ font-weight: bold; margin-bottom: 20px; padding: 10px; }
.error_message							{ font-weight: bold; margin-bottom: 20px; padding: 10px; }
.parametry-hledani						{ padding: 5px; }
.parametry-hledani a 					{ margin-top: 10px; display: block; }
.star									{  }
/* obecna pravidla */

#razeni									{ padding: 5px; }
#razeni	select							{ font-size: 1em; }
#razeni .sort							{ cursor: pointer; width: 9px; height: 13px; border: 0px; color: white; font-size: 0px; }
#razeni .asc							{ /* viz color */ }
#razeni .asc-neaktiv					{ /* viz color */ }
#razeni .desc							{ /* viz color */ }
#razeni .desc-neaktiv					{ /* viz color */ }

#zahlavi img.logo						{ position: absolute; border: 0px solid black; width: 300px; height: 80px; top: 10px; left: 270px; }


.hp										{ margin: 0px !important; margin-bottom: 5px !important;}
.hp h2									{ width: 545px; height: 21px; padding: 6px 0px 0px 35px; }
.hp table td							{ border-bottom: 0 !important; }

.souvisejici h2							{ font-size: 0.8em !important; padding: 3px 5px; margin-bottom: 5px !important; }
.souvisejici table						{ width: 100% !important; }
.souvisejici td							{ padding: 5px !important; }

/* vlozene clanky */
.vlozeny						{ font-size: 10px; }
.vlozeny h3						{ font-size: 11px; text-align: center; }
.vlozeny .body					{ padding: 5px; }
/* vlozene clanky */


#katalog-tree							{ padding: 10px 0px 0px 30px; width: 164px; height: 199px; margin-bottom: 5px; }
#katalog-tree a							{ height: 14px; font-size: 1.1em; padding: 17px 0px 16px 0px; margin: 0px; display: block; font-weight: bold; text-decoration: none; }
#katalog-tree ul						{ margin: 0px; padding: 0px; }
#katalog-tree li						{ list-style-type: none; margin: 0px; }

#hlavni									{ text-align: left; }
#hlavni-bottom							{ min-height: 500px; _height: 500px; }
#hlavni h1								{ font-size: 1.2em; margin: 0px 0px 15px 0px;}
#hlavni h2								{ font-size: 1.1em; margin: 0px 0px 15px 0px;}
#hlavni h3								{ font-size: 1em; margin: 0px 0px 15px 0px;}
#hlavni h4								{ font-size: 1em; margin: 0px 0px 15px 0px;}
#hlavni h5								{ font-size: 1em; margin: 0px 0px 15px 0px;}
#hlavni	img								{ border: 0px; }
#hlavni #info-lista						{ height: 22px; margin-bottom: 10px;}
#hlavni #navigace						{ text-align: left;  }
#hlavni #navigace img					{ margin: 0px 1px 0px 1px; }
#hlavni #kosik-text						{ float: right; }

#hlavni .katalog 						{ clear: both; }
#hlavni .katalog td						{ text-align: center; }
#hlavni .katalog tr.cena td				{ text-align: right; font-size: 1.1em; padding-right: 25px; }
#hlavni .katalog label					{ width: 50px; float: left;  }
#hlavni .katalog .bezna-cena			{ text-decoration: line-through; }
#hlavni .katalog h2						{ font-size: 1.1em; margin: 0px; }
#hlavni .katalog h3						{ margin: 0; font-size: 1em;}
#hlavni .katalog table td				{ width: 50%; padding: 5px; padding-left: 15px; padding-right: 15px; vertical-align: top;}
#hlavni .katalog td.prvni				{ border: 0; }
#hlavni .katalog .foto td div			{ position: relative; text-align: center;  vertical-align: middle;}
#hlavni .katalog .foto td .spec-img		{ height: 100px; width: 100px; position: absolute; background-repeat: no-repeat; bottom: 0px;  }
#hlavni .katalog .popis td				{ padding-top: 0px }
#hlavni .katalog .anotace td			{ text-align: justify; }
#hlavni .katalog .info td				{ padding-bottom: 15px; }
#hlavni .katalog td hr					{ height: 1px; border: 0; margin: 15px 0px 0px 0px; }
#hlavni .katalog td a					{ font-weight: bold; }
#hlavni .katalog .info td form			{ text-align: center; padding: 0px; height: 21px; }
#hlavni .katalog .info td form select	{ font-size: 0.8em; }
#hlavni .katalog .nadpis-h1 			{ padding: 5px; }
#hlavni .katalog .nadpis-h1 .text		{ float: left; padding: 2px 10px 0px 0px; }
#hlavni .katalog .nadpis-h1 h1			{ margin: 0px; width: 80%; float: left; display: block; }
#hlavni .katalog .info .buttons			{ margin: 0px auto; padding: 3px 0px 0px 5px; height: 24px; width: 193px; }
#hlavni .katalog .info .buttons span	{ display: block; float: left; padding: 3px 20px 0px 0px; }
#hlavni .katalog .info .buttons	a				{ float: left; display: block; padding: 2px 0px 0px 0px; }
#hlavni .katalog .info .buttons .kosik-pocet	{ text-align: center; float: left; width: 15px; font-size: 0.9em; margin: 2px 5px 0px 15px; }
#hlavni .katalog .info .buttons .submit			{ cursor: pointer; float: left; width: 109px; height: 21px; }


#hlavni #radkovy table					{ width: 100%; }
#hlavni #radkovy td .kosik-pocet		{ width: 15px; font-size: 0.8em; margin-right: 3px; }
#hlavni #radkovy .info td form			{ width: 70px; text-align: left; padding-right: 15px;}
#hlavni #radkovy .info td form select	{ font-size: 0.8em; }
#hlavni #radkovy .info td p				{ margin: 4px 0px; padding-left: 10px;}

#hlavni #detail							{ clear: both; padding: 0px 10px 10px 10px; margin-top: 5px;}
#hlavni #detail	a.poslat-emailem		{ display: block; font-weight: bold; margin: 20px 0px; }
#hlavni #detail .bezna-cena				{ text-decoration: line-through; }
#hlavni #detail	#text					{ width: 100%; }
#hlavni #detail p						{ text-align: justify; margin: 10px 0px; }
#hlavni #detail label					{ display: block; float: left; width: 110px;}
#hlavni #detail #foto					{ margin-left: 10px; width: 50%; float: right; text-align: center;}
#hlavni #detail #foto img				{ margin-left: 2px;}
#hlavni #detail #foto table				{ margin: 1px 0px; }
#hlavni #detail #foto table td			{ width: 25%; padding: 2px;}
#hlavni #detail #foto table .main_foto	{ border: 0;}
#hlavni #detail #foto table td img		{ margin: 0;}
#hlavni #detail #cena table td			{ font-size: 1em; padding: 3px 10px 3px 0px; font-weight: bold; border: 0;}
#hlavni #detail table					{ border-collapse: collapse; }
#hlavni #detail table#parametry			{ margin-top: 20px; clear: both; width: 100%; }
#hlavni #detail table .nadpis			{ font-weight: bold; font-size: 1em; }
#hlavni #detail table td				{ vertical-align: top; padding: 5px;}
#hlavni #detail form					{ padding: 20px 0px; float: left; width: 250px;}
#hlavni #detail .buttons				{ margin: 0px auto; padding: 3px 0px 0px 5px; height: 24px; width: 193px; }
#hlavni #detail .buttons span			{ display: block; float: left; padding: 3px 20px 0px 0px; }
#hlavni #detail .buttons a				{ float: left; display: block; padding: 2px 0px 0px 0px; }
#hlavni #detail .buttons .kosik-pocet	{ text-align: center; float: left; width: 15px; font-size: 0.9em; margin: 2px 5px 0px 15px; }
#hlavni #detail .buttons .submit		{ cursor: pointer; float: left; width: 109px; height: 21px; }

#hlavni #registrace						{ clear: both;}

#levy-sloupec h2						{ font-size: 1.2em; height: 17px; padding: 4px 6px 0px 30px; margin: 4px 0px 0px 0px; }
#levy-sloupec h3						{ font-size: 1em;}
#levy-sloupec .body						{ padding: 7px; }
#levy-sloupec .body form				{ margin: 0;}
#levy-sloupec .body input				{ font-size: 0.9em; }
#levy-sloupec .body .odeslat			{ font-weight: bold; width: 60px; }
#levy-sloupec .body .radio				{ border: 0px; }
#levy-sloupec .body table input			{ width: 100px; }
#levy-sloupec .body .check				{ width: 12px; border: 0; }
#levy-sloupec .body .odsadit			{ margin-top: 10px; }
#levy-sloupec .body table td			{ padding: 2px; }
#levy-sloupec .body ul					{ list-style-type: square; margin: 6px 0px 0px 0px; padding-left: 17px;}
#levy-sloupec .body ul li				{ margin-top: 5px;}
#levy-sloupec .article 					{ padding: 0px; margin-bottom: 5px; }
#levy-sloupec .article .inner			{ padding: 0px 4px; }
#levy-sloupec .article .text			{ padding: 5px; }
#levy-sloupec img						{ margin: 2px; }

#pravy-sloupec h2						{ font-size: 1em; height: 17px; text-align: center; padding: 4px 0px 0px 0px; margin: 4px 0px 0px 0px; }
#pravy-sloupec h3						{ font-size: 1em;}
#pravy-sloupec .bottom					{ padding: 7px; }
#pravy-sloupec .body					{ padding: 7px; }
#pravy-sloupec .body form				{ margin: 0;}
#pravy-sloupec .body input				{ font-size: 0.9em; }
#pravy-sloupec .body .odeslat			{ font-weight: bold; width: 60px; }
#pravy-sloupec .body .radio				{ border: 0px; }
#pravy-sloupec .body table input		{ width: 100px; }
#pravy-sloupec .body .check				{ width: 12px; border: 0; }
#pravy-sloupec .body .odsadit			{ margin-top: 10px; }
#pravy-sloupec .body table td			{ padding: 2px; }
#pravy-sloupec .body ul					{ list-style-type: square; margin: 6px 0px 0px 0px; padding-left: 17px;}
#pravy-sloupec .body ul li				{ margin-top: 5px;}
#pravy-sloupec .article .inner			{ padding: 5px; }
#pravy-sloupec .article h2				{ font-size: 1.2em; height: 17px; text-align: left; padding: 3px 6px 5px 30px; margin: 4px 0px 0px 0px; }
#pravy-sloupec .box						{ margin-top: 5px; }
#pravy-sloupec .box-prihlaseni			{ margin-top: 5px; }

/* fotogalerie */
#fotogalerie-navigace 					{ padding-top: 20px; }
#fotogalerie-navigace  td				{ padding-top: 10px; vertical-align: middle; }
#fotogalerie-navigace  td img			{ float: left; margin: 10px; }
#fotogalerie-navigace  a				{ font-size: 1.2em; font-weight: bold; }

#fotogalerie-polozky table				{ width: 100%; border-collapse: separate; }
#fotogalerie-polozky td					{ padding: 5px; vertical-align: middle; text-align: center; }
#fotogalerie-polozky td.hidden			{ border: 0px; }
#fotogalerie-polozky h1					{ text-align: center; width: 290px; font-size: 1.2em; }
/* fotogalerie */


/* prehled clanku */
#clanky-prehled td						{ vertical-align: top; }
#clanky-prehled h2						{ font-size: 1.1em; margin: 0px; }
#clanky-prehled img						{ margin-right: 20px; }
/* prehled clanku */

/* detail clanku */
#clanek-detail h1						{ font-size: 1.2em; margin: 0px; }
#clanek-detail a.back					{ display: block; margin-bottom: 15px; }
/* detail clanku */


#schedule-table td a					{ text-decoration: none; }	

.anketa .linka							{ margin: 2px 0px 5px 0px; height: 5px; font-size: 1px; }

#prehled_objednavek td					{ padding: 3px 10px; }
#prehled_objednavek fieldset			{ border: 0px; }
#prehled_objednavek fieldset legend		{ padding: .4em; font-weight: bold; }

.hodnoceni 						{ padding: 0px; margin: 0px; text-align: left; position: relative; }
.hodnoceni span					{ font-weight: bold; }
.hodnoceni ul					{ margin: 0px; padding: 0px; height: 19px; width: 105px; overflow: hidden; }
.hodnoceni li					{ margin: 0px; padding: 0px; list-style-type: none; display: inline; } 
.hodnoceni a					{ display: block; height: 19px; position: absolute; text-indent: -9999px;  }   

.hodnoceni a.s1 				{ width: 21px; z-index: 10; }
.hodnoceni a.s2					{ width: 42px; z-index: 9; }
.hodnoceni a.s3					{ width: 63px; z-index: 8; }
.hodnoceni a.s4					{ width: 84px; z-index: 7; }
.hodnoceni a.s5					{ width: 105px; z-index: 6; }

/*-- Definice stylu pro formulare --*/
.formular										{ margin: 0; padding: 0px 3px; font-size: 1em;}

.formular fieldset 								{ display: block;  margin: 0 0 2em 0; width: 280px;  padding: 0 0.5em 1em 0.5em; position: relative; } 
html>body .formular fieldset 					{ padding-top: 1em; }  
.formular legend 								{ padding: .4em; font-weight: bold;	position: relative;	top: -1em;} 

.formular-doporuceni table					{ width: 400px; border-collapse: collapse; }
.formular-doporuceni table td.label			{ padding: 5px 10px; width: 25%; }
.formular-doporuceni table td				{ padding: 5px 10px; }
.formular-doporuceni input					{ font-size: 0.9em; width: 120px; }
.formular-doporuceni input.radio			{ font-size: 0.9em; width: 15px; }
.formular-doporuceni textarea				{ font-size: 1.2em; width: 250px; }
.formular-doporuceni table .nadpis			{ font-weight: bold; font-size: 1em; }
.formular-doporuceni table .submit			{ font-weight: bold; border: 0; }

.login input.checkbox						    { width: 20px !important; }

table#products 		  	{ border-collapse: collapse; width: 560px !important; font-size: 12px; border: 0px !important; }
table#prehled 		  	{ width: 560px !important; font-size: 12px; font-weight: bold; border: 0px !important; }
table#udaje 		  	{ width: 560px !important; font-size: 11px; }

table#kosik-step1								{ width: 100%; }		

.formular table									{ width: 70%; }
.formular fieldset table						{ width: 100%; }
.formular table td								{ /*text-align: right;*/ padding: 3px 5px;  }
.formular table td strong						{ display: block; text-align: left; }
.formular input									{ font-size: 0.9em; width: 120px; }
.formular textarea								{ font-size: 11px; }
.formular .check								{ width: 12px !important; border: 0; float: none; margin: 0px 5px;}
.formular .radio								{ width: 12px !important; border: 0; float: none; margin: 0px 5px;}
.formular .potvrzeni							{ margin: 10px 0px; padding: 2px 5px; text-align: right;}
.formular .submit								{ font-weight: bold; border: 0; }
.formular select								{ font-size: 0.9em; }
#formular-kosik 								{ width: 140px; }
#formular-kosik input.kosik-pocet				{ width: 15px; font-size: 0.8em; margin-right: 3px; }
#formular-kosik input.submit					{ width: 50px; font-weight: normal; font-size: 0.9em; margin-right: 3px; }

/*-- Definice stylu pro formulare --*/
#clanek-detail .formular										{ background: #EFEFEF; border: 1px solid #BEBEBE; padding: 5px 10px; }
#clanek-detail .formular label									{ width: 200px; float: left; font-weight: bold; }
#clanek-detail .formular table									{ width: 70%; }
#clanek-detail .formular table td								{ /*text-align: right;*/ padding: 3px 5px;  }
#clanek-detail .formular table td strong						{ display: block; text-align: left; }
#clanek-detail .formular input									{ border: 1px solid #5F8F21; font-size: 0.9em; width: 300px; }
#clanek-detail .formular textarea								{ border: 1px solid #5F8F21; font-size: 11px; font-family: Arial, Verdana, Tahoma; height: 90px; width: 300px; }
#clanek-detail .formular .check								{ width: 12px !important; border: 0; float: none; margin: 0px 5px;}
#clanek-detail .formular .radio								{ width: 12px !important; border: 0; float: none; margin: 0px 5px;}
#clanek-detail .formular .potvrzeni							{ border-top: 1px solid #0D97C5; border-bottom: 1px solid #0D97C5; margin: 10px 0px; padding: 2px 5px; text-align: right;}
#clanek-detail .buttons										{ text-align: left; }
#clanek-detail .buttons input									{ width: 90px; padding: 5px 10px; background-color: #5F8F21; color: white; font-weight: bold; border: 0; }
#clanek-detail .formular select								{ font-size: 0.9em; }

.souhlas  										{ padding: 20px 0px 10px 0px; }
.souhlas  .check								{ width: 12px !important; border: 0; float: none; margin: 0px 5px;}

#kosik-header 				{ width: 510px; position: relative; clear: both; padding: 0px 0px 0px 60px;}
#kosik-header div			{ width: 60px; padding-bottom: 20px; float: left; text-align: center; }
#kosik-header div.separator	{ letter-spacing: 5px; float: left; text-align: center; padding: 20px 3px;  }
#kosik-header span			{ font-size: 1.3em; display: block; text-align: center; padding: 20px 18px; }

#kosik table						{ width: 100%; } 
#kosik table.main					{ width: 570px; } 
#kosik table td.produkt				{ width: 200px !important; }
#kosik table td						{ padding: 3px 5px;} 
#kosik table .celkem				{ font-weight: bold; font-size: 1.3em; }
#kosik table .celkem td				{ padding-top: 15px; }
#kosik textarea						{ font-size: 12px; font-family: Tahoma, Verdana, Arial; width: 99%; height: 80px; }
#kosik input						{ font-size: 12px; }
#kosik .submit						{ font-weight: bold; border: 0; }
#kosik td.odeslat					{ border: 0; text-align: right; padding: 10px; }
#kosik table.main tr.nadpis			{ height: 32px; width: 570px;  }
#kosik tr.nadpis td					{ padding: 0px; }
#kosik tr.bottom					{ height: 36px; }
#kosik tr.bottom td					{ padding: 0px; }
#kosik .upravit						{ text-align: left; width: auto; cursor: pointer; font-size: 10px; padding: 5px 0px 0px 0px; }
#kosik tr.kosik-radek td			{ padding: 10px; }
#kosik table td.single				{ padding: 0px 20px;  }
#kosik .nadpis-inner 				{ height: 20px; }
#kosik td.kosik-foto				{ width: 60px; padding: 0px; text-align: center; border-right: 0px; }
#kosik td.nbr						{ border-right: 0px; }
#kosik td.nbl						{ border-left: 0px; }
#kosik .buttons						{ width: 100%; float: right; clear: both; }
#kosik  .submit						{ float: right; font-size: 1em; width: auto; padding: 5px; font-weight: bold; border: 0; }
#kosik  .submit-back				{ float: left; font-size: 1em; width: 150px; padding: 5px; margin-right: 5px; font-weight: bold; border: 0; }
#kosik  .submit-back-nakupovat		{ float: left; font-size: 1em; width: 150px; padding: 5px; margin-right: 5px; font-weight: bold; border: 0; }
#kosik .nofloat						{ position: relative !important; }
#kosik_udaje .half					{ width: 49%; height: 32px; font-weight: bold; }
#kosik_udaje input.text				{ width: 180px; }
#kosik_udaje .separator				{ width: 2%; } 

h2.discuss							{ width: 50%; font-size: 1em; padding: 3px 0px; margin-bottom: 5px !important;  }
#kniha_form 	             		{ width: 500px;  }                  
#kniha_form label             		{ width: 70px; float: left;  font-size: 1em; font-weight: bold; }                  
#kniha_form input			  		{ font-size: 1em; margin-bottom: 5px; }                  
#kniha_form textarea  				{ font-size: 1.3em; width: 420px; height: 50px; margin-bottom: 5px; }                  
#kniha_form .submit           		{ height: 18px; }                  
#kniha_obsah .nadpis           		{ float: left; font-size: 0.9em; width: 100%; }                  
#kniha_obsah .nadpis span			{ text-align: left; margin-left: 20px; }
#kniha_obsah                  		{ margin: 0px auto; margin-top: 20px; font-size: 1.2em; width: 500px; }                  
#kniha_obsah ul                		{ padding-left: 0px; margin-left: 0px; }                  
#kniha_obsah .vrstva_top .nadpis    { padding: 2px 5px; float: left; font-size: 0.8em; width: 490px; }               
#kniha_obsah li                		{ list-style-type: none;  }                  
#kniha_obsah .text					{ padding-left: 5px; }