body         { font-family: 'arial ce', 'helvetica ce', arial, helvetica, sans-serif; 
               font-size: 0.90em; color: #000000;  background-color:none ;
               margin: 5px; 
               padding: 0 ;
               
               background-image: none;
               }
               
               
 /*--- VARIANTY PRODUKTU ---*/ 
               
               
#center
{
	width : 100%;
	margin : 0;


	
}
  
#content   {width:640px;

	margin-top:8px;
		margin-bottom:10px;

	
		text-align : left;

				padding:8px;	

				background-color:none
  }
   
                  
.main   {	  height:0px;;
  }



#lang {  position:relative; float:right; margin:-85px 10px 0 0; padding:0;text-align:right;} 

#lang  img {margin:0 3px 0 10px; } 

#dlazky {  visibility:hidden } 


.logo { background: url('images/logo-kdk.gif') no-repeat transparent 50%; 	background-repeat: no-repeat;	background-position: top;
height:85px; width: 381px;  padding:0; margin: 18px 0 -12px 17px; float:left}
 
               
.logo  h2  { display: none;font-size: 2em; margin:0; padding:0 }
.logo  span { font-size: 105%; font-weight:bold; letter-spacing: 0.05em;   margin:0; padding:0 }



 /*--- Vlogo ---*/ 
            
                  
.logo-obr    {
	margin: 0; padding:0;	background-image: url('images/top-bg.jpg'); 
	background-repeat: no-repeat;	background-position: left top; height:140px;width:100%;overflow:hidden
}

.logo-bg    {
	margin: 0 0 0 181px; _margin-left:576px; padding:0;	background-image: url('images/top-bg-2.jpg');
	background-repeat: repeat-x;	background-position:  top left; height:140px; overflow:hidden
}




              
.pocitadla { position: absolute; left: 50px; top: 620px; z-index: 1; height: 1px; width: 1px;}
.zpet {visibility:hidden}              
              
img     { border: 0px none; }
              
.obr img     { border: 3px solid #8E6262; margin-left: 10px;}


.column {margin:0; padding:0; } 




a            { color: #0000FF; text-decoration: underline; border: 0px none; }
a:hover      { color: #FF0000; text-decoration: none;  }

nobr  { font-size: 90%}


/*--- slide do hlavicky  ---*/

#slide
{visibility:hidden;}

#slideshow
{
	visibility:hidden
}

#nav { visibility:hidden }







/*--- vlastni obsah stránky ---*/ 
.left-column {float: left;width: 185px;float:left}

#adresa-left 	{text-align: center;font-size:90%;line-height: 120%;  padding: 7px 0; }
#adresa-left p	{margin:8px 0 0}



.obsah {margin:0; padding:0; line-height: 1.45em; 	margin-top: 1px;
border:1px solid #98D3A8;
}
 
.obsah img {margin: 0 5px 10px 25px;border:2px solid #8E6262;}



.hlavniobsah {padding: 1px; margin:0 0 0 185px; border-left: 1px solid #98D3A8;background-color:#FBF8F8 }


.hlavniobsahRam {padding:0 10px 0 20px; font-size:90%}

.hlavniobsahRam ul {margin: 0 0 25px 10px;_margin-left:25px }

.hlavniobsahRam p {padding-right:30px;  text-align: justify; margin: 0 0 0 10px }


table { font-size:100%}





/*--- aktuality na indexu ---*/ 
.aktualitybox{float: right}



               
.paticka { width: 100%; clear: both; text-align: Center; font-size: 0.70em; margin: 15px 0 15px 0;}

h1           { font-size: 13px; background-repeat: repeat-x; line-height: 1.2em; 
               font-weight: bold; background-position: center 50%;
               letter-spacing: 0.12em; ackground-color:#DCF0E1; background-color:#D2E8D7;
               padding: 3px 0 3px 20px;margin:1px  ;display: inline; }
               

               
               
h2 { font-size: 22px; font-weight: bold; margin: 40px 0 20px -6px;

}

.aktuality h2 { margin-top: 8px; padding-top:10px;
 font-size: 1.15em;
font-family:  'times new roman', palatino, georgia, 'times new roman ce'; 
 color: #C61D26; font-style: italic; border-bottom: 1px solid #C61D26;text-decoration: none;  text-indent: 10px;}
 

h3 { font-size: 20px; font-weight: bold; margin: 40px 0 10px -6px;}


H3:first-letter {FONT-SIZE: 19px;}
h4 { font-size: 15px; font-weight: bold; margin-bottom: -8px; margin-left: -6px; margin-top: 3em;}
h5 { font-size: 13px; font-weight: bold; margin-bottom: 3px;}
h6 { font-size: 11px; font-weight: normal; color: #C40000; margin-bottom: 3px;}

.mensi { font-size: 16px; letter-spacing: 0.0em}





/*--- začátek levé navigace ---*/  
.odskok { margin: 15px 1px 80px; padding:0; }

.odskok ul {  POSITION: relative;  margin: 5px 0 0; padding: 0;idth:100%}

.odskok LI { padding: 0; MARGIN: -3px 8px 2px 1px ; _margin-right: 1px; LIST-STYLE-TYPE: none;  left: 0; eight:25px;display: block;}





.left-column h2           { font-size: 13px; background-repeat: repeat-x; line-height: 1.2em; 
               font-weight: bold; background-position: center 50%;
               letter-spacing: 0.10em; background-color:#D2E8D7;
               padding: 4px 0 2px 15px; margin:2px 1px  }
               

.butt a, .buttHere a { letter-spacing: 0.02em;font-family: 
               sans-serif, verdana, helvetica, 'MS Sans Serif', Arial, 'arial ce'; 
               font-size: 0.90em;  ;color:#000 ;
               
                font-variant: normal; 
               text-decoration: none; display: block;
               width: 100%;  font-weight: bold; 
               margin:0; padding: 2px 0px 8px 7px; border-bottom:1px solid #BEF0BE; border-top:1px solid #BEF0BE;     
               ackground-color:#ECFAEC;   background-color: #E3F5E2               
                 }
                             
.buttHere a, .buttHere a:hover, .butt a:hover  { 
color: #DC2B19; 
               padding: 6px 2px 4px 5px; background-color:#FBFEFC;                            
               }
               
.butt a:hover { ackground-color:#DCF0E1; background-color:#CBECC8;
               border-top:1px solid #A5EBA5;border-bottom:1px solid #A5EBA5;
                            
               }






/*---  zbytek ---*/ 
#posuf { height: 210px; clear: both; width: 100%;}
.posum { height: 20px; clear: both; width: 100%;}
.posume { height: 50px; width: 100%;}


/*---  galerie a step by step ---*/ 
.obal { width: 95%; margin: 25px 0 25px 0; padding-bottom: 20px;border-bottom: 2px solid #FFECBF;}

.KonLeftText { width: 200px; float: left;}
.KonLeftText h5, .KonrightText h5 { margin-top: 8px;}
.KonrightText { float: right; width: 200px;}

.KonLeftIMG { width: 250px; padding: 0;}
.KonrightIMG {  float: right; padding: 0;  }

.repase .KonLeftText { width: 450px; float: left;}
.repase .KonLeftIMG { width: 450px; }

.nnone {position: absolute; top: -900px; left:-900px; z-index: 1; height: 1px; width: 1px; visibility:hidden}
.neni {text-indent: -9999px;visibility:hidden}