/************** výchozí ****************/



* { /*HROMADNÝ RESET*/

     margin:  0; 

     padding: 0;

     border:  0;

  }

h1

{

  font-size: 20px;

  color: #FF9900;

}

h2

{

  font-size: 12px;

  /* text-decoration: bolt;            ----> NESMYSL */

  color: #287CD6;

}

.h22

{

  margin-bottom: 10px;

  font-size: 14px;

  color: #ffffff;

}

a

{

  color: #97AF4C;

  border-bottom: 1px #97AF4C dashed;

  text-decoration: none;

}

a:hover

{

  color: #ACCF40;

  border-bottom: 1px #97AF4C solid;

  text-decoration: none;

}

a:active

{

  color: #C5FF0F;

  text-decoration: none;

}

a:visited

{

  color:#909F63;

  border-bottom: 1px #97AF4C dashed;

  text-decoration: none;

}



/************** layout ****************/



body

{

  color: #8C8F7D;

  font: normal 12px Tahoma;

  background: #1A1B16 url(img/pozadi.jpg) ;

}



#box                      /* u klíčových bloků na stránce jsou lepší ID než CLASS (otázka zvyku) */

{

  margin-left: auto;

  margin-right: auto;

  height: 100%;

  width: 740px;

}



#box img

{

display:block;             /* (nebo nechat inline, ale nastavit font-size:0) */ 

}



#menu

{ 

  overflow: auto;                     /* !!! Důležité - obrázkem lišty obklopí tlačítka */ 

                                      /* !!! a není nutný čistič clear:both !!!        */ 

  width:100%;                         /* !!! Navíc quli IE ještě nutno zadat šířku    */ 

  background: #000000 url(img/menu_pozadi.jpg);

  font: 14px/25px Tahoma;                     /* line-height -> svisle centrovani */

}



#menu ul 

{

  list-style:   none; 

  margin-left:  60px;

  margin-right: 60px; 

}



#menu li

{

  float: left;

  margin-right: 3px;     /* zde nastavit mezery mezi tlačítky */

}



#menu a, #menu a:link

{

  display: block;

  margin-top: 2px;

  margin-bottom: 3px;

  width: 82px;

  height: 27px;

  border: 0;                                   /* přepsat výchozí */

  text-align: center;                          /* vodorovne centrovani */

  background-image: url(img/menu_tlacitko.jpg);

  color: #ffffff;

  text-decoration: none;

}

#menu a:hover  { background-image: url(img/menu_hover.jpg)   }

#menu a:active { background-image: url(img/menu_pouzite.jpg) }



/*-------------------> dál jsem nedošel... */

#obsah

{

  float: left;

  width: 740px;

  background: url(img/pozadi_obsah.jpg);

}

.levypanel

{

  font-size: 11px;

  float: left;

  width: 500px;

}



.levypanel-obsah

{

  background: #1E1F1B;

  border: #535547 1px solid;

  margin-left: 35px;

  margin-top: 10px;

  margin-right: 35px;

  margin-bottom: 50px;

}

.levypanel-nadpis

{

  margin-left: 40px;

  margin-top: 10px;

}

.levypanel-text

{

  margin: 10px 10px 10px 10px;

}



.sloupec

{

  color: #BBBFA7;

  margin: 10px 17px 0 500px;

}



.sloupec-obsah

{

margin:0 15px 0 15px;

} 

.sloupec-box

{

  margin-top: 30px;

  margin-bottom: 10px;

  border-top: #ffffff 2px solid;

}

.sloupec-box-text

{

  text-align: center;

}

#patka

{

 width: 740px;

 height: 16px; 

 clear: both;

 background: url(img/patka.jpg);

}

#patka div

{

  text-align: right;

  margin-right: 20px;

  font-size: 10px;

  color: #3F3F2C;

}

/*-------------------> vzkazy */
}
h3 {
	font-family:Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size: 16px;
	color: #000000;
}
td {
	color: #000000;
	padding: 2px;
	font-size:11px;
	font-family: "Tahoma", Helvetica, Arial, sans-serif;
}

.okraj {
	padding: 2px; 
	text-align:left;
	width:400px;
	margin:0px auto;
}
.center {	
	text-align:center;
}
.zdrojak {
	border: 1px solid #C9C992;
	background-color: #EDEDDC;
	padding: 2px; 
	margin-left: 15px; 
}
.zdrojak2 {
	border: 1px solid #DDD;
	background-color: #EEE;
	padding: 2px; 
}
.kom_odp0{
	margin-left:0px;
	margin-top:11px;
}
.kom_odp1{
	margin-left:20px;
	margin-top:11px;
}
.kom_odp2{
	margin-left:40px;
	margin-top:11px;
}
.kom1{
	padding: 2px;
	padding-left: 6px;
	border-left:1px solid #C9C992;	
	border-top:1px solid #C9C992;	
	border-right:1px solid #C9C992;	
	background-color: #EDEDDC;
}
.kom2{
	padding: 2px;
	border-left:1px solid  #C9C992;	
	border-right:1px solid #C9C992;	
	#border-top:1px dotted #C9C992;	
	#border-bottom:1px dotted #C9C992;		
}
.kom3{
	padding: 2px;
	padding-left: 6px;	
	border-left:1px solid #C9C992;	
	border-right:1px solid #C9C992;
	border-bottom:1px solid #C9C992;	
	text-align:left;
	background-color: #EDEDDC;
	-moz-border-radius-bottomleft: 8px;
}
.input {
	border: 1px #CCCC99 solid;
	padding: 2px; 
	margin: 0px; 
	font-size: 11px;
}
.readonly{
	border: 1px #CCCC99 solid;
	padding: 2px; 
	margin: 0px;
	background-color: #eee;
	font-size: 11px;
}
.textarea {
	border: 1px #CCCC99 solid;
	width: 350px; 
	height: 150px; 
	padding: 2px; 
	margin: 2px; 
	background-color: #fff;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
}
.smajl{
	display: inline;
	vertical-align: middle;
	border:0px;
}
.smajl2{
	display: inline;
	float:right;
	padding:1px;
	border:1px solid black;
	background-color: #fff;	
}

.ok {
	color: green;
}
.error {
	color: red;
}