#odkaz { 
color: white; 
text-decoration: none;
} 

#odkaz:hover { 
color: yellow; 
} 

#ramec {
border: 0px solid #000000;
width:  983px;
height: 500px;
margin: auto;
        }
        
#hlavicka {
float: top;
border: 0px solid #000000;
height: 185px;
           }

#menu {
background-image: url('menu1.png');
float: top;
height: 40px;
           }
           
#telo {
background-color: #FFE4E1;
float: top;
border: 1px solid #000000;
           }    
           
#ramnovinky {
position: relative; 
        left: 235px;
        top: -3075px;
background-image: url('menu1.png');
height: 40px;
width: 500px;
border: 0px solid #000000;

              }

#novinka {
background-color: #FFFFFF;
float: top;
height: 150px;
width: 500px;
border: 0px solid #000000;

}
           
#paticka {
color: white;
background-image: url('menu1.png');
clear: both;
text-align: center;
font-size: 10px;
height: 40px;
border: 1px solid #000000;
padding-top: 3px;

      }  
      
.arial {font-family: Arial CE}

.arial2 {
font-family: Arial CE;
text-align: center;
font-size:  13px;

}

.arial3 {
font-family: Arial CE;
font-size:  13px;
padding-left: 50px;

}

.arial4 {
font-family: Arial CE;
text-align: center;
font-size:  10px;

}


#nadpis {
color: white; 
font-size: 15px;

}

#nadpis:hover { 
color: yellow; 
text-decoration: none;

} 

#obrazeknovinky {
position: relative; 
        left: 10px;
        top: 12px;

}

#text {
position: relative; 
        left: 140px;
        top: -105px;
font-size: 13px;
       
}

#text2 {
position: relative; 
        left: 140px;
        top: -120px;
font-size: 13px;
       
}

#textnovinky {
position: relative; 
        left: 20px;
        top: 30px;
font-size: 13px;
line-height: 2em;
       
}

#termin {
position: relative; 
        left: 320px;
        top: -5px;
font-size: 11px;

}

#seznamkrouzku {
position: relative; 
        left: 30px;
        top: -1195px;
background-image: url('menu1.png');
height: 40px;
width: 170px;
border: 0px solid #000000;

}

.bila {
color: white;
font-family: Arial CE;
font-size: 15px;

       }
       
.cervena {
color: red;
font-family: Arial CE;
font-size: 13px;
font-weight: bold;

}

.cervena2 {
color: red;
font-family: Arial CE;
font-size: 13px;
text-align: center;
font-weight: bold;

}

.zelena {
color: green;
font-family: Arial CE;
font-size: 11px;


}
       
#prostor {
background-color: #FFFFFF;
float: top;
height: 1600px;
width: 170px;
border: 0px solid #000000;
      
        }
        
#prostor2 {
background-color: #FFFFFF;
float: top;
height: 1200px;
width: 170px;
border: 0px solid #000000;
      
        }
        
#ruzne {
position: relative; 
        left: 770px;
        top: 40px;
background-image: url('menu1.png');
height: 40px;
width: 170px;
border: 0px solid #000000;

}

#rodinka {
position: relative; 
        left: 720px;
        top: -2700px;
background-image: url('banner.gif');
height: 148px;
width: 225px;
border: 0px solid #000000;

              }
              
#rodinka2 {
position: relative; 
        left: 720px;
        top: -2500px;
background-image: url('banner.gif');
height: 148px;
width: 225px;
border: 0px solid #000000;

              }             
              
#odkaz2 { 
color: green; 
text-decoration: none;
} 

#odkaz2:hover { 
color: green; 
text-decoration: underline;
} 

#novinkaa {
background-color: #FFFFFF;
float: top;
height: 700px;
width: 500px;
border: 0px solid #000000;

}

#zpet {

float: top;
color: green; 
text-decoration: none;
padding-left: 10px;
        
}

#zpet:hover { 
color: green; 
text-decoration: underline;
} 

#stred {

margin: auto;
padding-left: 400px;

        }