/* ------------------------ POZIOME MENU CSS ------------------------ */
      /* wygląd elementu - ol */
      #menu {
		display:block;
        width: 100%; /*1144px; */
		height:3em;
		margin: 0;  /* auto; */
	    padding: 0;
        
		font-size:1em;
		font-family:arial;
		/* font-style: italic ; */
		list-style-type:none;
        background-color: #DEDEDE; /*#536197; green;  #A0A9D5;  lightblue; */
		/* background-image:url('../obrazy/mnu_tlo2.jpg');*/
		position:  relative; /*absolute ;  fixed;*/
       	   /*top:203px; */ 
		/* left:2px;  107px; */  
        z-index:7000;
      }

      /* naprawa wysokości elementu - ol */
   /*   #menu:after {
        content:'';
        display:block;
        clear:both;
      } */

      /* wygląd elementów - li */
      #menu > li {
		  display:table-cell;

        /*float:left;*/
      }

      /* drugi element - li - elementu o identyfikatorze menu */
  /*    #menu > li:first-child + li {
        background-color:green;       }

       trzeci element - li - elementu o identyfikatorze menu 
     #menu > li:first-child + li + li {
        background-color:blue;       }
   
       wygląd elementów - li */


      /* wygląd elementów - a  Opcje Menu Poziomego*/
      #menu > li > a {


      /* Wygląd elementów Paska poziomego Menu */
	  	height: 1.2em; 
		   max-height:1.2em;
		width:auto;
			max-width:auto ;
		
		display:block;
	   	overflow: hidden;
	   
	   
        text-decoration:none;
        
        padding:0.5em 0.7em 0.5em 0.7em;  /* góra ,prawy, dół lewy */
        text-align:center;
        color:#343434; /*#A21C05;  #7D0B04; #77170D /* #8E120D /*#B21F00;  #AC0A00; * #EA5F08; #00A0AA;*/
        text-shadow: 1px 1px 0px #E0E0E0; /*#E88900; 1px 2px 6px #AAA;  cień dx dy rozm kolor,...;*/
        font-size:1.4em; /*18px*/
		font-family:tahoma; /*sans-serif;*/
        font-weight: bold;     
		letter-spacing: 0;
	
        border-top:1px solid #aaa;  /*#939DE3 ; #DFC815; #FFF; */
		   border-left:1px solid #aaa; 
		      border-bottom:1px solid #aaa; 
        /*background-image:url('obrazek.png'); */
		background: radial-gradient(ellipse at center, #eee 50%,  #ccc); /*#CBBCAF beż  #ECE9D8; #FCF7F0 ; kolor tła pasek menu gł.*/
        /*background-repeat:repeat-x;*/
   /*     background-image:radial-gradient(ellipse at center,#D1BEAF 0%,#FCF7F0 100%); */ /* ciemnoniebieski -> jasnoniebieski */

/*        background-image:radial-gradient(ellipse at bottom,#A8BAF7  0%,#32478F 100%);  */ /* ciemnoniebieski -> jasnoniebieski */
    
	}

	    /* wygląd elementów - a - po najechaniu kursorem myszki na element - li 
	 pomarańczowy - > żółty 		*/

	     #menu > li:hover > a {
        background-color:#FFFF66;
        background-repeat:repeat-x;
        background-image:radial-gradient(ellipse at bottom, #FFC83D 0%, #FFED8B 100%);  
       }
	
	
	  /* wygląd 1-ego elementu menu poziomego : DOM  */
	 	 #menu > li:first-child > a {
		  width:2em;
			max-width:2em;
	   background-color:silver;
		background-image:url('../obrazy/dom_iko6.png'); 
		background-size:100% ;
		 background-repeat:no-repeat;
		 background-position: center; 
	
	  }
	  #menu > li:first-child:hover > a {
	   background-image:url('../obrazy/dom_iko6_AKT.png'); 
		background-size:100% ;
		 background-repeat:no-repeat;
		 background-position: center; 
	
	  }	
	
	      /* pierwszy element - li - elementu menu :  obrazek dom */
  
/*
  #menu > li:first-child  > a, #menu > li:first-child:hover  > a  {
			width:1.9em;
			overflow: hidden; 
			border:0px;
			background-image:url('../obrazy/ikona_dom3.jpg');
			background-size:100% 100%;
		 }
*/  
  	  /* Zmiana szerokość w zależn od rozdzielczości ekranu : 1600x1200, 1280x1024, 1024x768, 800x600*/
  @media all and (min-device-width:800px) {
		  #menu  { 
	 			/*	background-color: green; */
			/*	padding:5px 10px 10px 5px;*/
		  }
	}
	@media all and (min-device-width:1024px) {
		 #menu    { 
			/*	background-color: gold; */
			/*	padding:7px 14px 7px 14px; */
		 }
	}
 	@media all and (min-device-width:1280px) {
		  #menu   { 
				/* background-color: red; */
		 /*	padding:10px 20px 20px 10px; */
		  }
	}
	  
	  /*
	  selektor { font-stretch: rozciąg }
	      ultra-condensed - najbardziej ścieśniona
    extra-condensed
    condensed - ścieśniona
    semi-condensed
    normal - czcionka normalna (podstawowa)
    semi-expanded
    expanded - rozciągnięta
    extra-expanded
    ultra-expanded - najbardziej rozciągnięta */
	  
	  
  

      /* -------------------- ROZWIJANA CZĘŚĆ MENU CSS -------------------- */
      /* wygląd elementów - li - rodzica każdej części rozwijanej menu CSS */
      

	  
	  #menu > li {
        position:relative;
      }

 /* wygląd pod-menu pionowych   */
      #menu > li > ul {
        width:35em;  /*szerokość OKNA menu pionowe */
		height:auto;
        display:none;
        position:absolute;
        z-index:5001;
        margin:0;
        padding:0;
		list-style-type:none;
		overflow: visible;

		background-color: rgba(200, 200, 170, 0.82);  /* kolor tła menu pionowe i przeźroczystoć  0.0  - 1.0 */
		
		/*opacity:0.5; */
		
		font-size:1em;
        /* height:500px; */
      }
	  /* powiększenie szerokości OKNA podmenu pionowe oferta */
      #menu > li:first-child + li > ul {
        width:35em;
     	min-width:35em;
		max-width:35em; 
		
      }

  
     /* wygląd elementów - ul - po najechaniu kursorem myszki na element - li */
      #menu > li:hover > ul {
        display:block;
      }

      /* wygląd elementów - li */
      /* #menu > li > ul > li {
        box-shadow:0 -1px 2px -1px #F0F0E1;
      } */

      /* wygląd pierwszego dziecka elementu typu - li */
      #menu > li > ul > li:first-child {
        box-shadow:none;
      }

      /* wygląd ostatniego dziecka elementu typu - li 
      #menu > li > ul > li:last-child {
        box-shadow:0 -4px 4px -4px #AAA, 0 4px 4px -4px #AAA;
      } */

      /* wygląd elementów - a */
      #menu > li > ul > li > a {
        width:23em;  /*szerokość wierszy tekstu w menu pionowe */
		display:block;
        text-decoration:none;
        font-size:1.4em; /*11.5pt;*/
            font-family:arial; /*sans-serif;*/
       font-weight: bold;         /*normal bold bolder lighter number initial inherit; */
        padding:0.5em;
        
		color: rgba(10, 10, 10, 1); /* kolor tekst podmenu pionowe */		
        text-shadow: 2px 2px 0px #FFFFFF; /* cień jw. */
    
       /*background-color: rgba(200, 200, 200, 0.5);*/
	   
	   border-bottom:1px solid #888; 
	   /*filter: alpha(opacity=50);
	   opacity: 0.5; */
			  
   /* background-image:linear-gradient(#EEEEEE,#CCCCCC); */
  
  /*    background-image:radial-gradient(ellipse at bottom,#A8BAF7  0%,#657BC9 100%);  
    */ 
      }

      /* wygląd elementów - a - po najechaniu kursorem myszki na element - li */
      #menu > li > ul > li:hover > a {
        /*color:#00F;*/
        background-repeat:repeat-x;
        background-image:radial-gradient(ellipse at bottom, #FF6600 0%, #FFFF66 100%);  /* pomarańczowy - > żółty */
    
      }