.item1 { grid-area: hlavicka;

}
.item2 { grid-area: levy;
         width: 610px; 
         text-align: left;
}
.item3 { grid-area: pravy;
        width: 270px; 
        
}
.item4 { grid-area: zapati; }


.grid-container {
  
  display: grid;
  width: 920px;
  grid-template-areas: 
      'hlavicka hlavicka'
      'levy pravy'
      'zapati zapati';
  gap: 0px;
  padding: 0px;
  background-color: #CCCCCC;
  
}

.grid-container > div {
  
  background-color: rgba(255, 255, 255, 1);
  border: 0px solid rgba(0, 0, 0, 0.8);
  padding: 10px 10px;
  text-align: left;
 }
 
 body{
     background-color: white ;
     
 }
 
.obal{ 
 font-family: sans-serif;
 display: flex;
 align-content: center;
 justify-content: center;
}

#listanabidky{
   width: 880px;
   float: left;
   background-color: #ffff0e;
   text-align: left;
   margin: 0px;
   padding: 10px;
     
}

.menu{
text-align: left;
width: 100%;    
font-family: sans-serif;
padding: 0px;
margin: 0px;
//background-color: rgb(252, 244, 0);  
}

.popis {
margin-left: 30px;
font-family: Verdana, Helvetica, Arial, sans-serif;
//font-size: .8em;
}

.nadpis {
margin-left: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
//font-size: 1em;
color: #3186dc;}
/*
****************
vypis udalosti
***************
*/
.popisakce {
margin-left: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 90%;
}

.nadpisakce {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;

color: #000000;}

.casakce {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
//font-size: 1em;
color: #FF0000;}

/*
    odkazy
*/

a {
font-family: Verdana, Helvetica, Arial, sans-serif;
//font-size: .8em;
}

a:link {color: #165cde  ;
text-decoration: underline;}

a:visited {color: #990099;
text-decoration: underline;}

a:hover {color: #141a6e;
text-decoration: underline;}

.fotka{
box-shadow: 3px 3px 4px #AAAAAA;

border: 1px #000000 solid;
margin-left: 15px;
margin-bottom: 15px;}


.hodnoty{
color: rgb(255, 255, 255);

//font-size: 160%;
font-weight: bold;
vertical-align: top;
float:right;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
}

#popis{
color: rgb(0, 0, 0);
background-color: rgb(252, 0, 0);
//font-size: 100%;
font-weight: bold;
float:left;
margin: 10px 0px 10px 0px; 
padding: 0px 0px 0px 0px;
}

#map_canvas {
width: 260px; 
height: 450px;
margin-left: 0px;
background-color: rgb(222, 222, 222);

}

#mapa_plocha {
width: 900px; 
height: 400px;
background-color: rgb(222, 222, 222);

}

#odkazy {
width: 870px; 
padding: 15px;
}

.pocasiSeznam {font-family: Verdana, Helvetica, Arial, sans-serif;
//font-size: 90%;
font-weight: normal;
text-align: left ;
width: 234px;}

.pocasiPolozka {
background-image: url(images/pocasibgr.png);
background-repeat: no-repeat; 
vertical-align: middle;
line-height: 48px;
text-align: left; 
margin: 0px 0px 0px 0px; 
padding: 0px 5px 0px 5px; 
list-style-type: none; 
display: block;}
        
.pocasiul {
margin: 0px;
padding: 0px;
}

.popisOdkaz{
font-family: Verdana, Helvetica, Arial, sans-serif;
//font-size: 90%;
font-weight: normal;
text-align: left ;
}
/*
******************
******************
stranka s pocasim
*/
table {
    width: 100%;
    font-family: Tahoma,Verdana, sans-serif;
}

.hodnotyPopis{
    color: black; 
    font-stretch: condensed;
    font-size: 15px;  
    text-align: center; 
    background-color: #dddcb9;
}

.hodnotyPocasi{color: black; 
     font-size: 50px; 
     text-align: center; 
     background-color: white;
}

.dataCelek{
    font-family: courier;
}