/* 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									{  }
.facebook-icon							{ float: left; height: 30px; padding: 7px 0px 13px 35px; text-decoration: none; }
/* 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 */ }

img.logo						{ position: absolute; border: 0px solid black; width: 700px; height: 80px; top: -250px; left: 220px; }


.hp										{ margin: 0px !important; margin-bottom: 5px !important;}
.hp h2									{ text-align: left; height: 21px; padding: 6px 0px 0px 0px; }
.hp table td							{ border-bottom: 0 !important; }

.souvisejici							{ margin-bottom: 20px !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; }
.souvisejici img						{ margin: 0px 5px 5px 0px !important; }

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


#katalog-tree							{ padding: 0px 0px 20px 0px; }
#katalog-tree a							{ margin: 0px 0px 2px 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; }
#katalog-tree li a						{ padding: 4px 0px 4px 23px; }
#katalog-tree li.tree_top a				{  }
#katalog-tree li.tree_sub   			{ list-style-type: none; margin: 0px; padding: 0px 0px 0px 10px; }
#katalog-tree li.tree_sub a  			{ padding: 0px 0px 3px 20px; }
#katalog-tree li.tree_sub1   			{ list-style-type: none; margin: 0px; padding: 0px 0px 0px 20px; }
#katalog-tree li.tree_sub1 a  			{ padding: 0px 0px 3px 20px; }

#hlavni									{ text-align: left; }
#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: 32px; 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; margin-top: 0px; }
#hlavni .katalog label					{ width: 110px; 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: 33%; padding: 5px; 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				{ 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			{ width: 100%; padding: 0px; }
#hlavni .katalog .info td form label	{ font-weight: bold; }
#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-top: 2px; padding: 3px 0px 0px 5px; height: 21px; width: 173px; }
#hlavni .katalog .info .buttons	a				{ float: left; display: block; padding: 2px 10px 0px 0px; }
#hlavni .katalog .info .buttons .kosik-pocet	{ text-align: center; float: left; width: 15px; font-size: 0.9em; margin-right: 3px; }
#hlavni .katalog .info .buttons .submit			{ cursor: pointer; float: left; width: 39px; height: 16px; }


#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; }
#hlavni #detail form label				{ font-weight: bold; }
#hlavni #detail form select				{ border: 1px solid black; }
#hlavni #detail .buttons				{ margin-top: 2px; padding: 3px 0px 0px 5px; height: 21px; width: 173px; }
#hlavni #detail .buttons .text			{ float: left; display: block; padding: 2px 10px 0px 0px; }
#hlavni #detail .buttons .kosik-pocet	{ text-align: center; float: left; width: 15px; font-size: 0.9em; margin-right: 3px; }
#hlavni #detail .buttons .submit		{ cursor: pointer; float: left; width: 39px; height: 16px; }

#hlavni #registrace						{ clear: both;}

#levy-sloupec h2						{ font-size: 1em; height: 10px; padding: 2px 6px 5px 5px; margin: 4px 0px 0px 0px; }
#levy-sloupec h3						{ font-size: 1em;}
#levy-sloupec h5						{ font-size: 1em; margin: 0px 0px 5px 0px; }
#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 .text			{ padding: 5px; }

#levy-sloupec .menu					{ padding: 30px 0px 20px 0px; }
#levy-sloupec .menu a					{ display: block; padding: 5px 0px 5px 20px; }
#levy-sloupec .menu ul,li				{ margin: 0px; padding: 0px; }
#levy-sloupec .menu ul.sub				{ margin: 0px 10px; padding: 0px 10px; }

#pravy-sloupec h2						{ font-size: 1em; height: 10px; padding: 2px 6px 5px 5px; margin: 4px 0px 0px 0px; }
#pravy-sloupec h3						{ font-size: 1em;}
#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 .text			{ padding: 5px; }


#pravy-sloupec .menu					{ padding: 30px 0px 20px 0px; }
#pravy-sloupec .menu a					{ display: block; padding: 5px 0px 5px 20px; }
#pravy-sloupec .menu ul,li				{ margin: 0px; padding: 0px; }
#pravy-sloupec .menu ul.sub				{ margin: 0px 10px; padding: 0px 10px; }

/* 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				{ border-collapse: separate; }
#fotogalerie-polozky td					{ padding: 20px; 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 0px 0px 100px; 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: 100%; }
.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 .checkbox								{ width: 12px !important; border: 0; float: none; margin: 0px 5px;}
.formular .check    							{ width: 12px !important; border: 0; float: none; margin: 0px 5px;}
.formular .datum-button							{ width: 12px !important; }
.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; }

.formular-added	table							{  }
.formular-added	.label						{ width: 150px; }
.formular-added	input						{ font-size: 0.9em; }
.formular-added	.fields						{ width: 400px; }
.formular-added	textarea					{ width: 300px; font-size: 1.4em; height: 100px; }
.formular-added	input.text					{ width: 200px; }
.formular-added	input.checkbox				{ width: 15px; }
.formular-added	select						{ width: 200px; }
.formular-added	.buttons input				{ padding: 5px 10px; }

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

#kosik table td								{ padding: 3px 5px;} 
#kosik table .celkem						{ font-weight: bold; }
#kosik .submit								{ font-weight: bold; border: 0; }
#kosik td.odeslat							{ border: 0; text-align: right; padding: 10px; }

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; }

