﻿ /*ogĂłlne ustawienia menu*/
#menu { 
text-align: center;  /* poĹ‚oĹĽenie tekstu w ramce */
overflow: hidden;    
font-family: calibri, tahoma; /* krĂłj czcionki */
margin-left: 165px;			/*poĹ‚oĹĽenie menu wzglÄ™dem lewej krawÄ™dzi*/

    } 
		  
/*wyglÄ…d ramek w menu*/		  
ul#menu li { 
border:3px outset #1c0201; /*gruboĹ›Ä‡ linii, rodzaj obramowania, kolor ramki */
list-style-type: none; /*sposĂłb punktowania */
float: left;  /*poĹ‚oĹĽenie ramek */
background: #1C0201; /*kolor tĹ‚a menu */
margin-left: 2px;  
    } 

/*styl menu gĹ‚Ăłwnego przy zaznaczeniu*/
ul#menu li:hover { 
border:3px outset #1c0201; /*styl linii menu gĹ‚Ăłwnego po zaznaczeniu*/
list-style-type: none;  /*styl punktowania w  pasku menu */
float: left; 
background: orange; /*kolor tĹ‚a zaznaczenia w gĹ‚Ăłwnym pasku menu */
margin-left: 3px; 
    } 
  
 /*styl menu */
  ul#menu li a { 
  display:  block; 
  padding: 8pt; 
  text-decoration: none;
  color: #C0C0C0; /*kolor czcionki */  
    } 
	
	/*styl menu po najechaniu na znacznik */
ul#menu li a:hover{
	color: black; /*kolor czcionki po najechaniu na znacznik */
	background: orange; /*kolor tĹ‚a zaznaczenia*/
}

 /*szerokoĹ›Ä‡ podmenu*/
   ul#menu li li a { 
   width: 300px; 
   } 
  
  /*styl pomenu po zaznaczeniu*/
  ul#menu li li:hover { 
  border:3px outset #1c0201; /*styl linii w podmenu po zaznaczeniu*/
     } 
 
  ul#menu li ul { 
   overflow: visible; 
   display: none; 
    }
   
  ul#menu li:hover ul { 
   position: absolute;
   padding: 0; 
   display: block; 
   width: 300px;
   z-index: 9999;
 
    } 
 
 
 