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

#menu_hor a { behavior: url('/PIE.php'); }


/* 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									{  }
td.mapa			 						{ width: 400px; }
table.smallpadding td					{ padding: 2px 10px 0px 0px !important; }
.bold td								{ font-weight: bold; }
.float-right							{ float: right; margin: 10px 0px 10px 10px; }
.float-left								{ float: left; margin: 10px 10px 10px 0px;  }
.fr							{ float: right; margin: 10px 0px 10px 10px; }
.fl							{ float: left; margin: 10px 10px 10px 0px;  }
.vzdelani a								{ cursor: default; font-weight: bold; font-size: 1em; }
#detail .vzdelani						{ cursor: default; font-weight: normal; font-size: 1em; }
.center                                 { text-align: center !important; }
/* obecna pravidla */

#nadzahlavi								{ font-size: 1.1em; }
#zahlavi img.logo						{ width: 500px; height: 90px; position: absolute; border: 0px solid black; top: 0px; left: 250px; }



#tree                           { padding: 20px; margin-bottom: 5px; }
#tree h2                          { margin: 0px 0px 10px 0px; color: #8C9C1F; text-transform: uppercase; }
#tree .nav                          { text-align: center; }
#tree .nav a                         { font-size: 14px; color: black; text-decoration: none; }
#tree .nav a.selected,#tree .nav a:hover                         { text-decoration: underline; }

#hlavni									{ text-align: left; }
#hlavni h1								{ font-size: 1.3em; margin: 0px 0px 15px 0px;}
#hlavni h2								{ font-size: 1.2em; margin: 0px 0px 15px 0px;}
#hlavni h3								{ font-size: 1.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; }
#info-lista						   { padding-top: 15px; }
#navigace						 { text-align: left; }
#navigace img					  { margin: 0px 1px 0px 1px; }
#kosik-text						   { float: right; }

#hlavni .katalog 						{ clear: both; position: relative; }
#hlavni .katalog h2						{ font-size: 1.3em; margin: 0px; }
#hlavni .katalog h3						{ padding: 5px 0px; margin: 0; font-size: 1.1em;}
#hlavni .katalog h4						{ padding: 5px 0px; margin: 0; font-size: 1em;}
#hlavni .katalog td.foto 				{ width: 100px; text-align: center; }
#hlavni .katalog-item               { 
    background-color: #e9f1cd; padding: 1px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 5px;
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    1px 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow:         1px 2px 2px rgba(0, 0, 0, 0.5);
    position: relative;
    
}
#hlavni .katalog-item.top               { 
    background-color: #f0bb3a; 
}
#hlavni .katalog-item .foto          { 
    width: 150px;
    padding: 10px 5px 0px 5px;
    float: left;
    text-align: center;
    background-color: ; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#hlavni .katalog-item .profile          { 
    width: 508px;
    padding: 5px 10px;
    float: left;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.panel .facebook                         { font-size: 11px !important; }

#hlavni #detail							{ clear: both; padding: 10px 10px 10px 10px; margin-top: 5px;}
#hlavni #detail	a.poslat-emailem		{ display: block; font-weight: bold; margin: 20px 0px; }
#hlavni #detail p						{ text-align: justify; margin: 10px 0px; }
#hlavni #detail label					{ display: block; float: left; width: 110px;}
#hlavni #detail table					{ border-collapse: collapse; }
#hlavni #detail table .nadpis			{ font-weight: bold; font-size: 1em; }
#hlavni #detail table td				{ vertical-align: top; font-size: 1.05em; padding: 5px;}
#hlavni #detail table td .big			{ font-size: 12px; }
#hlavni #detail h1						{ font-size: 1.4em; margin: 0px 0px 5px 0px; }
#hlavni #detail h2						{ margin: 0px; }
#hlavni #detail .kontakty				{ width: 50%; font-size: 12px; }
#hlavni #detail .screenshot img	    	{ width: 630px !important; }

#hlavni #registrace						{ clear: both;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75);
}


#pravy-sloupec 					{ 
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
border-bottom-left-radius: 20px;

 }
#pravy-sloupec h2						{ font-size: 1.2em; text-align: center; padding: 5px 0px 17px 0px; margin: 4px 0px 0px 0px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
 border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
 }

#pravy-sloupec .inner   { margin: 0px 0px 20px 0px; 
}

#pravy-sloupec h3						{ font-size: 1.2em; margin: 5px 0px !important; }
#pravy-sloupec .body					{ padding: 7px; }
#pravy-sloupec .body form				{ margin: 0;}
#pravy-sloupec .body input				{ font-size: 1.2em; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#pravy-sloupec .body .odeslat			{ font-weight: bold; width: auto; }
#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 .inner2			{ padding: 5px 10px; }
#pravy-sloupec .box a.black				{ font-size: 1.2em; font-weight: bold; color: black; text-align: center; display: block; padding: 40px 0px 10px 0px; }
#pravy-sloupec .box a.black	img			{  
-webkit-box-shadow: 0px 0px 8px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 8px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 8px rgba(50, 50, 50, 0.75);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 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; }

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

/* promoclanky */
#promo									{ padding: 10px; margin-bottom: 10px; }
.title-article							{ width: 48%; margin-right: 5px; padding: 0px 5px 10px 0px; float: left; }
/* promoclanky */

#mapa span								{ float: right; } 

/* prehled clanku */
#clanky-prehled                         {
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75); 
padding: 20px; 
}
#clanky-prehled td						{ padding: 10px 10px; width: 48%; vertical-align: top; }
#clanky-prehled h2						{ font-size: 1.1em; margin: 0px 0px 10px 0px; }
#clanky-prehled img						{ margin-right: 20px; }
/* prehled clanku */

#clanek-dalsi-clanky    { margin-top: 40px; padding-top: 10px; border-top: 1px solid #fc8c06; }
#clanek-dalsi-clanky .inner    { padding-bottom: 20px !important; }
#clanek-dalsi-clanky .inner h3    { margin: 5px 0px; }
#clanek-dalsi-clanky .text    { color: #666 !important; }

.nejclanky h3       { font-weight: normal; margin: 0px 0px 5px 0px; }


/* detail clanku */
#clanek-detail 					{ -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75); 
padding: 20px; 
font-size: 12px;
}
#clanek-detail h1						{ font-size: 1.3em; margin: 0px 0px 10px 0px; }
#clanek-detail a.back					{ display: block; margin-bottom: 15px; }
#clanek-detail .autor					{ font-style: italic; padding-bottom: 10px; display: block; }
/* detail clanku */

/* tabulka kalendare akci */
table#kalendar 							{ width: 100%; }
#kalendar td							{ padding: 5px 10px; vertical-align: top; }
/* tabulka kalendare akci */

/* strom */
.tree .nadpis							{ vertical-align: top; font-size: 1.2em; font-weight: bold; padding-right: 20px; }
.tree .sekce							{ vertical-align: top; font-size: 1.2em; }
/* strom */

#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: 372px; border-collapse: collapse; }
.formular-doporuceni table td.label			{ padding: 5px 10px; width: 120px; }
.formular-doporuceni table td				{ padding: 5px 10px; }
.formular-doporuceni input					{ font-size: 0.9em; width: 240px; }
.formular-doporuceni input.radio			{ font-size: 0.9em; width: 15px; }
.formular-doporuceni textarea				{ font-size: 1.2em; width: 240px; height: 100px; }
.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 table.vyhledavani						{ width: 40%; }
.formular fieldset table						{ width: 100%; }
.formular table td								{ /*text-align: right;*/ padding: 5px 5px;  }
.formular table td.first						{ width: 180px; }
.formular table td strong						{ display: block; text-align: left; }
.formular input.long							{ font-size: 1.2em; width: 300px; }
.formular input.middle							{ font-size: 1.2em; width: 150px; }
.formular textarea								{ font-size: 12px; }
.formular textarea.small						{ width: 350px; height: 50px; }
.formular textarea.big							{ width: 340px; height: 300px; }
.formular textarea.big1							{ width: 340px; height: 150px; }
.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-size: 1em; font-weight: bold; padding: 4px 10px; border: 0; }
.formular select								{ font-size: 1em; }
#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; }

#screenshot img                     { width: 300px; }

.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: 11px; margin-bottom: 5px; }                  
#kniha_form textarea  				{ font-size: 11px; width: 450px; height: 98px; margin-bottom: 5px; }                  
#kniha_form .submit           		{ height: 18px; }                  
#kniha_obsah .nadpis           		{ float: left; font-size: 0.9em; width: 100%; }                  
#kniha_obsah span.nadpis           	{ font-weight: bold; }                  
#kniha_obsah .nadpis span			{ text-align: left; margin-left: 20px; }
#kniha_obsah                  		{ margin: 0px auto; margin-top: 20px; font-size: 1.2em; width: 600px; }                  
#kniha_obsah ul                		{ padding-left: 0px; margin-left: 0px; }                  
#kniha_obsah .vrstva_top .nadpis    { padding: 2px 5px; float: left; font-size: 0.8em; width: 590px; }               
#kniha_obsah li                		{ list-style-type: none;  }                  
#kniha_obsah .normal				{ padding-left: 5px; font-size: 0.9em; }

#paticka .float-right				{ padding-right: 10px; }
#paticka .float-left a				{ padding: 0px 10px; }

#kalkulacka td                              { padding: 5px 10px !important; vertical-align: top; } 
#kalkulacka td label                        { font-size: 1.2em; color: #333; font-weight: bold; } 
#kalkulacka tr.highlighted                  { background-color: #74c449 !important; } 
#kalkulacka tr.highlighted  td              { color: white; } 
#kalkulacka .tbl                            { width: 320px; } 
#kalkulacka .tbl td                         { padding: 5px 10px !important; font-weight: bold; text-align: left !important; } 
#kalkulacka td span                         { font-size: 0.85em; } 
#kalkulacka img                             { width: 100px; } 
#kalkulacka select                          { width: 150px; } 
.slider_value                               { font-weight: normal; font-size: 1em; text-align: center; margin-right: 2px; width: 35px; padding: 1px 5px; border: 1px solid #fcea90; background: transparent; }
.vysledek                                   { color: red; font-size: 1.2em; }
#kalkulacka tr.left td                      { text-align: left !important; }
.calc-half                           { width: 300px; }

.clanky-rubrika     { width: 290px; padding: 10px; float: left; 
    background-color: #e9f1cd; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom: 10px;    
}

.clanky-rubrika ul      { padding: 0px 0px 0px 10px; margin: 0px 0px 0px 10px; }
.clanky-rubrika li      { padding: 3px 0px; }
.clanky-rubrika li a    { color: black !important; text-decoration: none;} 
.hp-clanek              { float: left; width: 300px; margin-right: 20px; }
.hp-clanek img          { float: left; margin: 0px 10px 10px 0px; }
.hp-clanek h3           { font-size: 1.2em !important; color: #fc8c06; margin: 10px 0px 0px 0px !important; padding: 0px; }

.promo-hp     { width: 658px; padding: 15px; 
    background-color: #e9f1cd; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom: 10px;    
}
.promo-hp img { margin: 0px 0px 10px 10px; }
.promo-hp h1    { color: #fc8c06 !important; }
.score          { float: left; }
.rating          { float: left; }
.inputs             { padding-bottom: 20px; }
.inputs label       { font-weight: bold; font-size: 1.1em; }
.inputs input        { width: 200px; }
.inputs textarea { width: 400px; height: 200px; }

.panel .hodnoceni-celkem-cover  { margin-top: 10px; position: relative; width: 120px; height: 24px; }
.panel .hodnoceni-celkem-stars  { position: absolute; top: 0px; left: 0px; width: 120px; background: url('/images/star-empty-icon.png') repeat-x; height: 24px; }
.panel .hodnoceni-celkem-bg     { position: absolute; top: 0px; left: 0px; background: #fc8c06; height: 24px; }
.panel .procenta                { position: absolute; top: 5px; left: 140px; color: #fc8c06; font-size: 1.2em; font-weight: bold; height: 24px; }

.hodnoceni-celkem-cover-small                           { position: relative; width: 80px; height: 16px; }
.hodnoceni-celkem-cover-small  .hodnoceni-celkem-stars  { position: absolute; top: 0px; left: 0px; width: 80px; background: url('/images/star-empty-icon-small.png') repeat-x; height: 16px; }
.hodnoceni-celkem-cover-small  .hodnoceni-celkem-bg     { position: absolute; top: 0px; left: 0px; background: #fc8c06; height: 16px; }
.hodnoceni-celkem-cover-small  .procenta                { position: absolute; top: 0px; left: 90px; color: #fc8c06; font-size: 1em; font-weight: bold; height: 16px; }

.panel .hodnoceni-klient        { margin-top: 20px; border-top: 1px solid #fc8c06; padding: 10px 0px; }
.panel .hodnoceni-klient .jmeno       { margin-bottom: 10px; display: block; }
.panel .hodnoceni-klient .souhrn       { padding: 10px 5px; }

.hodnoceni-prehled          { width: 80px; position: absolute; right: 10px; top: 5px;  }

#newsletter                 { text-align: center; background: #eee; -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 20px; }

#onloadcontent img  { max-width: 100%; }

@media (max-width: 800px) {
    #onloadcontent { max-width: 100% !important; }
}