/*modyfikacja suckerfish by Dariusz Niemczak*/

/* Import hacków IE5x/Win */
#nav a:hover{
  color: #4d4d4d; 
}
.obramowanko {
border-left: 1px solid #f4b767;
border-right: 1px solid #f4b767;
border-bottom: 1px solid #f4b767;
border-top: 1px solid #f6c98f;
background: #f6f3ee url(../images/bgdropdown.jpg) repeat-x scroll 0 0; 
   
}  
#nav, #nav ul {

	float: left;
	/*width: 36em;*/
	list-style: none;
	line-height: 10px;    /*dla ie 5 6 pomaga rozmiescic height butona*/
	 
	font-weight: bold;
	padding: 0;
  
	margin: 0 0 0px 0;
         
}

#nav a {
	display: block;
	/*width: 10em;
	w\idth: 6em; */
	color: #4d4d4d;
	text-decoration: none;
	padding-left:23px;
  padding-top:9px;
  padding-bottom:9px;
  padding-right:0px; 
                       
} 
#nav .daddy{
color: #7C6240;  /*okresla kolor wszystkich linkow w rozwinieciu*/
width:180px; /*ustala szerokosc linku w rozwinieciu dla kazdej przegladarki  a takze szerokosc IE6 rozwiniecia*/ 
}
#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;          
}

#nav li {
	float: left;
	padding: 0;             
	/*width: 160px; */      
}

#nav li ul {
	position: absolute;
	left: -15984px;
	height: auto;
	width: 180px;         
	w\idth: 204px;
	font-weight: normal;     
/**/  
  
	margin: 0;
}

#nav li li {
	padding-right: 16px;
	width: 108px;       
  w\idth:108px; 
}


#nav li ul ul {
	margin: -28px 0 0 204px; /*OSTATNIE ROZSZERZA LINKI*/ 

}              

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -15984px;    
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;      
}






/*##################################################################################################*/
/*Let's do it baby ; ) *//*                          ########### S T A £ E ###########              */                

#nav li:hover > a {     /* stala DLA FIRE FOX warunek umozliwiajacy zapalenie na stale w naglowku koloru textu                                   */
color: #f68d34;      
}

#start .first:hover, #start .first.sfhover {
background: #fbf4eb;   /*okresla podswietlenie tla dla wszystkich FIRST rozwiniecie*/
	width: 170px;
	w\idth: 188px; /*dla fire foxa oraz IE6 szerokosc rozwinieciowego podsw */
  color: #f68d34; 

}


/*################################################################################################*/
                         /*                          ########### II KOLUMNA ###########            */

#prof{    
background: transparent url(../images/prof.jpg) no-repeat scroll center top;
height:29px;  /*szerokoscc przycisku*/

width: 104px;

margin-right: 0px  
}

#prof li:hover, #prof li.sfhover {
	background: white;   /* IE6 podswietlenie rozwiniecia okresla podswietlenie na stale naglowka*/   
} 
#nav #prof:hover, #nav #prof.sfhover .stort {  /*<----- stort klasa A do zmiany swiatla dla IE */ 
	background: transparent url(../images/prof.jpg) no-repeat scroll left top;   /*okresla podswietlenie tla naglowka NA STALE*/
  color: #FFFFFF;       /*okresla podswietlenie linku naglowka na stale OPROCZ FIRE FOX/ */     
  
}
#prof li a:hover {    /*zapala w rozwinieciu link txt*/   /*li hover niedziala w IE 6-nizej
dlatego uzylem po li a:hover
Jest metoda ktora zadziala za pomoca javy i pewnego wpisu w CSS ale okazuje sie 
ze mozna obejsc to w taki sposob a reszte java suckara robi za nas*/
color: blue;           
}               

#prof .first:hover, #prof .first.sfhover {
background: #fbf4eb;   /*okresla podswietlenie tla dla wszystkich FIRST rozwiniecie*/
	width: 170px;
	w\idth: 188px; /*dla fire foxa oraz IE6 szerokosc rozwinieciowego podsw */
}   
/*################################################################################################*/
                         /*                          ########### II KOLUMNA ###########            */
#start{    
background: transparent url(../images/b1.jpg) no-repeat scroll center top;
height:29px;  /*szerokoscc przycisku*/

width: 124px;

margin-right: 0px  
}

#start li:hover, #start li.sfhover {
	background: white;   /* IE6 podswietlenie rozwiniecia okresla podswietlenie na stale naglowka*/   
} 
#nav #start:hover, #nav #start.sfhover .stort {  /*<----- stort klasa A do zmiany swiatla dla IE */ 
	background: transparent url(../images/b1.jpg) no-repeat scroll left top;   /*okresla podswietlenie tla naglowka NA STALE*/
  color: #000000;       /*okresla podswietlenie linku naglowka na stale OPROCZ FIRE FOX/ */     
  
}
#start li a:hover {    /*zapala w rozwinieciu link txt*/   /*li hover niedziala w IE 6-nizej
dlatego uzylem po li a:hover
Jest metoda ktora zadziala za pomoca javy i pewnego wpisu w CSS ale okazuje sie 
ze mozna obejsc to w taki sposob a reszte java suckara robi za nas*/
color: blue;           
}               

#start .first:hover, #start .first.sfhover {
background: #fbf4eb;   /*okresla podswietlenie tla dla wszystkich FIRST rozwiniecie*/
	width: 170px;
	w\idth: 188px; /*dla fire foxa oraz IE6 szerokosc rozwinieciowego podsw */
}                       
                         
/*################################################################################################*/
                         /*                          ########### II KOLUMNA ###########            */
#zdrowie{    
background: transparent url(../images/zdrowie.jpg) no-repeat scroll center top;
height:29px;  /*szerokoscc przycisku*/

width: 80px;

margin-right: 0px  
}

#zdrowie li:hover, #zdrowie li.sfhover {
	background: white;   /* IE6 podswietlenie rozwiniecia okresla podswietlenie na stale naglowka*/   
} 
#nav #zdrowie:hover, #nav #zdrowie.sfhover .stort {  /*<----- stort klasa A do zmiany swiatla dla IE */ 
	background: transparent url(../images/zdrowie.jpg) no-repeat scroll left top;   /*okresla podswietlenie tla naglowka NA STALE*/
  color: #FFFFFF;       /*okresla podswietlenie linku naglowka na stale OPROCZ FIRE FOX/ */     
  
}
#zdrowie li a:hover {    /*zapala w rozwinieciu link txt*/   /*li hover niedziala w IE 6-nizej
dlatego uzylem po li a:hover
Jest metoda ktora zadziala za pomoca javy i pewnego wpisu w CSS ale okazuje sie 
ze mozna obejsc to w taki sposob a reszte java suckara robi za nas*/
color: blue;           
}               

#zdrowie .first:hover, #start .first.sfhover {
background: #fbf4eb;   /*okresla podswietlenie tla dla wszystkich FIRST rozwiniecie*/
	width: 170px;
	w\idth: 188px; /*dla fire foxa oraz IE6 szerokosc rozwinieciowego podsw */
}                         
                         
                         

#spr{                 
background: purple;
}

/*################################################################################################*/
                         /*                          ########### II KOLUMNA ###########            */
#galeria{    
background: transparent url(../images/galeria.jpg) no-repeat scroll center top;
height:29px;  /*szerokoscc przycisku*/

width: 72px;

margin-right: 0px  
}

#galeria li:hover, #galeria li.sfhover {
	background: white;   /* IE6 podswietlenie rozwiniecia okresla podswietlenie na stale naglowka*/   
} 
#nav #galeria:hover, #nav #galeria.sfhover .stort {  /*<----- stort klasa A do zmiany swiatla dla IE */ 
	background: transparent url(../images/galeria.jpg) no-repeat scroll left top;   /*okresla podswietlenie tla naglowka NA STALE*/
  color: #FFFFFF;       /*okresla podswietlenie linku naglowka na stale OPROCZ FIRE FOX/ */     
  
}
#galeria li a:hover {    /*zapala w rozwinieciu link txt*/   /*li hover niedziala w IE 6-nizej
dlatego uzylem po li a:hover
Jest metoda ktora zadziala za pomoca javy i pewnego wpisu w CSS ale okazuje sie 
ze mozna obejsc to w taki sposob a reszte java suckara robi za nas*/
color: blue;           
}               

#galeria .first:hover, #start .first.sfhover {
background: #fbf4eb;   /*okresla podswietlenie tla dla wszystkich FIRST rozwiniecie*/
	width: 170px;
	w\idth: 188px; /*dla fire foxa oraz IE6 szerokosc rozwinieciowego podsw */
}

/*################################################################################################*/
                         /*                          ########### II KOLUMNA ###########            */
#kontakt{    
background: transparent url(../images/kontakt.jpg) no-repeat scroll center top;
height:29px;  /*szerokoscc przycisku*/

width: 76px;

margin-right: 0px  
}

#kontakt li:hover, #kontakt li.sfhover {
	background: white;   /* IE6 podswietlenie rozwiniecia okresla podswietlenie na stale naglowka*/   
} 
#nav #kontakt:hover, #nav #kontakt.sfhover .stort {  /*<----- stort klasa A do zmiany swiatla dla IE */ 
	background: transparent url(../images/kontakt.jpg) no-repeat scroll left top;   /*okresla podswietlenie tla naglowka NA STALE*/
  color: #FFFFFF;       /*okresla podswietlenie linku naglowka na stale OPROCZ FIRE FOX/ */     
  
}
#kontakt li a:hover {    /*zapala w rozwinieciu link txt*/   /*li hover niedziala w IE 6-nizej
dlatego uzylem po li a:hover
Jest metoda ktora zadziala za pomoca javy i pewnego wpisu w CSS ale okazuje sie 
ze mozna obejsc to w taki sposob a reszte java suckara robi za nas*/
color: blue;           
}               

#kontakt .first:hover, #start .first.sfhover {
background: #fbf4eb;   /*okresla podswietlenie tla dla wszystkich FIRST rozwiniecie*/
	width: 170px;
	w\idth: 188px; /*dla fire foxa oraz IE6 szerokosc rozwinieciowego podsw */
}





















/* smieci po czyszczeniu
#starto */
/*
margin-right: 20px; /*po starcie bedzie odstep*/ 

/*
#start li:hover, #start li.sfhover {
background: red;   /*okresla podswietlenie
}                  
*/


/*#nav li a:hover {     /*warunek umozliwiajacy zapalenie na stale w naglowku koloru textu
color: pink;

}*/   
/*
#nav #third:hover, #nav #first.sfhover {
	background: green;   /*okresla podswietlenie

}*/