/* 
    Document   : menu
    Created on : Nov 23, 2009, 1:08:44 PM
    Author     : Merlin
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
div.new {
	FONT-SIZE: 11pt;
	FONT-FAMILY: Verdana;
	background-attachment: scroll;
	background-image: url(./img/tlo-01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#menu_g {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 277px;
	height: 430px;
	/*background:#e7e4fd;
        background:#ffefaf;*/
      background: url('./img/tlo-0.jpg') no-repeat;
      background-position: left bottom;
        left:0px;
        top:0px;
      	position: relative;
}

#menu_g span {
	display: none;
	position: absolute;
}
#menu_g a {
	display: block;
	text-indent: -1900%;
	position: absolute;
	outline: none;
}
#menu_g a:hover {
	background-position: left bottom;
}
#menu_g a:hover span{
	display: block;
}
#menu_g .home_m {
	width: 248px;
	height:22px;
	background: url('http://zbpo-brusy.pl/img/sg.png') no-repeat;
	left: 0px;
	top: 0px;
}
#menu_g .home_m span {
	width: 248px;
	height: -44px;
	background: url(../img/sg.png) no-repeat;
	left: 0px;
	top:0px;
}

#menu_g .aktualnosci_m {
	width: 248px;
	height: 22px;
	background: url(../img/akt.png) no-repeat;
	left: 0px;
	top: 42px;
}
#menu_g .aktualnosci_m span {
	width: 248px;
	height: -22px;
	background: url(../img/akt.png) no-repeat;
	
	top: 42px;
}

#menu_g .misja {
	width: 248px;
	height: 22px;
	background: url(../img/mis.png) no-repeat;
	left: 0px;
	top: 84px;
}
#menu_g .misja span {
	width: 248px;
	height: -22px;
	background: url(../img/mis.png) no-repeat;
	
	top: 84px;
}
#menu_g .zasady {
	width: 248px;
	height: 22px;
	background: url(../img/zp.png) no-repeat;
	left: 0px;
	top: 126px;
}
#menu_g .zasady span {
	width: 248px;
	height: -22px;
	background: url(../img/zp.png) no-repeat;
	
	top: 126px;
}

#menu_g .zakres {
	width: 248px;
	height: 22px;
	background: url(../img/zpo.png) no-repeat;
	left: 0px;
	top: 168px;
}
#menu_g .zakres span {
	width: 248px;
	height: -22px;
	background: url(../img/zpo.png) no-repeat;
	
	top: 168px;
}
#menu_g .wolontariat {
	width: 248px;
	height: 22px;
	background: url(../img/wol.png) no-repeat;
	left: 0px;
	top: 210px;
}
#menu_g .wolontariat span {
	width: 248px;
	height: -22px;
	background: url(../img/wol.png) no-repeat;
	
	top: 210px;
}
#menu_g .wspolpraca {
	width: 248px;
	height: 22px;
	background: url(../img/wsp.png) no-repeat;
	left: 0px;
	top: 252px;
}
#menu_g .wspolpraca span {
	width: 248px;
	height: -22px;
	background: url(../img/wsp.png) no-repeat;
	/*left: 221px;*/
	top: 252px;
}
#menu_g .galeria {
	width: 248px;
	height: 22px;
	background: url(../img/gal.png) no-repeat;
	left: 0px;
	top: 294px;
}
#menu_g .galeria span {
	width: 248px;
	height: -22px;
	background: url(../img/gal.png) no-repeat;
	/*left: 221px;*/
	top: 294px;
}
#menu_g .linki {
	width: 248px;
	height: 22px;
	background: url(../img/lin.png) no-repeat;
	left: 0px;
	top: 336px;
}
#menu_g .linki span {
	width: 248px;
	height: -22px;
	background: url(../img/lin.png) no-repeat;
	/*left: 221px;*/
	top: 336px;
}
#menu_g .kontakt1 {
        
	width: 248px;
	height: 22px;
	background: url(../img/kon.png) no-repeat;
	left: 0px;
	top: 376px;
}
#menu_g .kontakt1 span {
        
	width: 248px;
	height: -22px;
	background: url(../img/kon.png) no-repeat;
	
	/*top: 356px;*/
}
/*div.mend {

	width: 288px;
	height: 10px;
	background: url(../img/mend.gif) no-repeat;
	left: 0px;
	top: 418px;
}*/
A {	COLOR: #000000;	TEXT-DECORATION: none;	font-size: 9pt;	font-family: Arial;	text-transform: none;	font-weight: bold;}
A:link {	COLOR: #000000;	TEXT-DECORATION: none;	font-size: 9pt;	font-family: Arial;	text-transform: none;	font-weight: bold;}
A:visited {	COLOR: #000000;	TEXT-DECORATION: none;	font-size: 9pt;	font-family: Arial;	text-transform: none;	font-weight: bold;}
A:hover {	COLOR: #669900;	TEXT-DECORATION: none;	font-size: 9pt;	font-family: Arial;	text-transform: none;	font-weight: bold;}
A:active {	COLOR: #000000;	TEXT-DECORATION: none;	font-size: 9pt;	font-family: Arial;	text-transform: none;	font-weight: bold;}