/*----------------------------definice body----------------------------*/
body { 
  text-align: center; /* zarovnání písma */
  font-family: "Verdana", serif; /*jakej font*/
  font-size: 12px; /*velikost pímsma*/
  background-color: #BF8630; /* barva pozadí*/
  color: #000000; /*brava písma  i když se vše bude psát do sekcí obsah, zápatí, záhlaví a menu, takže je to jen kvůli validátoru*/
}
/*---------------------------kaskadové pozicování - definice---------------------------*/

#zahlavi { 
   position:absolute; /*abslolutní pozice, dyžtak si vyhledej, co to znamená*/
   width:1005px; /* šířka */
   height:auto; /*výška*/
   top:10px; /*odsazení od vrchu*/
   left:10px; /*odsazení z leva*/
   color: #FFFFFF; /*barva písma*/
   background-color: #000000; /*barva pozadí*/
   
}

#menu { 
   position:absolute;
   height:auto;
   width:200px; /* šířka menu */
   top:30px;
   left:10px;
   color: #000000;
   background-color: #BF8630; /*  barva pozad ímenu*/
      
}             

#menu ul li a{text-decoration: none;} /*definice, jak bude vypadat menu, je to vlastně seznam - elementuy <ul> a <li> */

#menu ul {
   margin: 0;  
   padding: 25px 0 0 0;
}

#menu ul li {         
   list-style-type: none;
   list-style-position: outside;
   text-align: left;
   margin: 0 0 10px 15px;
}

#menu ul li a {
     color: #404040; /* barva linků v menu */
     font-weight: bold;
}

#menu ul li a:hover { /* = definice toho, co se stane, když na link v menu najedu */
	 text-decoration: underline;
	 color: #FFFFFF;
}

#obsah { /*obsah jest to bílé pole, kam se píšou hlavní informace :-) */
   position:absolute;
   width:575px; /* šířka */
   height:auto; /*výška*/
   left:215px;
   top:30px;
   color: #000000;
   background-color: #FFFFFF;
   text-align: left; /* zarovnání písma v obsahu */
   padding: 10px; /*odsazení od vnitřního rámečku, čili od levé strany "obsahu" */

}    
#obsah div, #zapati div { 
    padding: 10px; 
    margin: 0;
}
#pravy_menu { 
   position:absolute;
   height:auto;
   width:200px; /* šířka menu */
   top:30px;
   left:815px;
   color: #000000;
   background-color: #BF8630; /*  barva pozad ímenu*/ 
   
   
}
#pravy_menu a {
     color: #404040; /* barva linků v menu */
     text-decoration: underline;
}
#pravy_menu a:hover { /* = definice toho, co se stane, když na link v menu najedu */
	 text-decoration: underline;
	 color: #FFFFFF;
}
#pravy_menu p {
     text-align: left; /* zarovnání písma */
	 font-size: 11px; /*velikost pímsma*/
	 margin: 0 0 10px 15px;
	 
}
	 
#zapati { 
   text-align: center;
   width:1005px;
   height:auto;
   background-color: #000000;
   color: #FFFFFF;
   text-align: center;
   margin: auto 0 0 0; 
   
}

/*----------------------------definice stylu----------------------------*/
h1 {font-size: 25px; text-align: center;}
h2 {font-size: 20px; } /*margin=odaszení*/
h3 {font-size: 17px; }
h4 {font-size: 15px; }
a {
	color: #0000FF; /* modrá barva odkazů */
	text-decoration: none; /*bez dekorace */
}
a:hover {text-decoration: underline;}

.tucne { /*kdybys chtěl tučné písmo */
    font-size: 12px;
	font-weight: bold;
}	
.italika { /*kdybys chtěl někde italiku*/
	font-size: 12px;
	font-style: italic;
}