/* CSS Document */

/* body */
body { behavior:url("http://anglictinaratzova.cz/hover.htc"); 
       background-color: black; 
       margin: 0;
       font-family: Verdana, Helvetica, sans-serif;
       }
/*behavior: ....; slouzi pro spravne zobrazovani divu pri :hover*/


/* chování odkazu */    
a {
    font-size: 100%;
    color: crimson;
    text-decoration: underline;
    border: 0px solid;}

a:hover {
	color: dodgerblue;
}


/* chování obrázku */
img {border-width: 5px;
            border-color: crimson;
            margin-left: 30px;
            float: right;}

/* INDEX */
       body, html  { scrollbar-base-color: crimson;} 
      
      body           { background-image: URL('unitedkingdom_low.jpg');
                      background-attachment: fixed;
                      background-color: steelblue;
                      color: white;
                      behavior: url("http://anglictinaratzova.cz/hover.htc");
                      font-family: Verdana, Helvetica, sans-serif;}
                      
      div.nadpis   {background-color: crimson;
                    margin-left: auto; 
                    margin-right: auto;
                    margin-top: 140px;
                    padding-top: 8px;
                    height: 50px;
                    width: 800px;
                    text-align: center;
                    font-size: 180%;
                    }
           
    div.nadpis a  {
                    text-decoration: none;
                    color: wheat;
                    }           
      
      div.nadpis a:hover {
                        color: wheat;}
      
      
      
      
      
      
      div.menu     {background-color: steelblue;
                    color: crimson;
                    margin-left: auto; 
                    margin-right: auto;
                    margin-top: 10px;
                    padding-top: 5px;
                    height: 30px;
                    width: 800px;
                    text-align: center;
                    font-size: 120%;
                    }        
            
            div.menu a  {
                    text-decoration: none;
                    color: wheat;
                    }
            div.menu a:hover  {
                    text-decoration: none;
                    color: steelblue;
                    }
          
            div.menu:hover  {
                    text-decoration: none;
                    background-color: crimson;
                    }
                           
                div.kurzy   {
                              color: wheat;
                              margin-left: 250px; 
                              margin-top: 0px;
                              height: 0px;
                              width: 0px;
                              float: left;
                              }   
                div.vyuka   {
                              color: wheat;
                              margin-right: 300px; 
                              margin-top: 0px;
                              height: 100%;
                              width: 0px;
                              float: right;
                              }                   
                   
      div.spodek   {background-color: wheat;
                    margin-left: auto; 
                    margin-right: auto;
                    margin-top: 10px;
                    height: auto;
                    width: 740px;
                    text-align: center; 
                    color: steelblue;
                    text-align: justify;
                    padding: 30px;
                    margin-top: 10px;
                    }              

                    
/* KURZY - tabulka */
       table.klasik
          {
           border: 4px solid crimson;
           border-collapse: collapse;
           width: 100%;
           margin-left: auto;
           margin-right: auto;
           color: steelblue;
           
          }
          

         th
        {
            border: 4px solid crimson;
            text-align: left;
            color: crimson;
            padding: 5px;
        }                    	
        
        
         th#top
        {
            border: 4px solid crimson;
            text-align: center;
            color: wheat;
            font-size: 100%;
        }     
        
         td
        {
           border: solid 4px crimson;
           text-align: center;
           height: 25pt;
           font-size:90%;
        }



        table.klasik th
      {
          border-bottom-width: 3px;
          border-top-width: 3px;
          height: 25pt;
          vertical-align: middle;
          text-align: left;
          background-color: steelblue;
          color: wheat;
          font-size: 90%;
          vertical-align: top;
      }

        table.klasik th#top
      {

          height: 25pt;
          vertical-align: middle;
          text-align: left;
          background-color: steelblue;
          color: wheat;
          font-size: 90%;
          vertical-align: middle;
          text-align: center;
      }