* { margin:0; padding: 0}

html{
background:#00c0ff url('images/bg2.png');
}

body{
background:url('images/bgg.png') 630px -210px no-repeat;
min-height:600px;
}

#wrapper{
background:url('images/bgg.png') -580px -220px no-repeat;
margin:0 auto;
padding-top:10px;
}

#gl{
width:600px;
height:120px;
margin: 0 auto;
background: url('images/metanoia_logo.png') no-repeat;
background-position: 0px 0px;
cursor:pointer;
}
#gl a , #cd a, #links a {outline:none;}
#gl:hover{
background-position: 0px -165px;
}
.linkGL{
width:600px; height:140px; border:none; text-decoration:none; outline:none;
}

#cd{
background: url('images/cd.png')  no-repeat;
background-position:0 -25px;
width:517px;
height:355px;
margin:0 auto;
cursor:pointer;
margin-top:10px;
}

#cd:hover {
 background-position:0px -433px;
}

.linkCD{
width:517px; height:355px; border:none; text-decoration:none;
}


#links{
position:absolute;
width:690px;
height:50px;
bottom:10px;
margin-left:30px;
}

div#kdm{
background:url('images/ico_kdm.png') 0px -50px no-repeat;
width:92px;
height:50px;
cursor:pointer;
float:left;
border:none; text-decoration:none; color:#0BBCFB;
margin-right:7px;
opacity:0.8;
}
div#kdm:hover{ background-position:0px 0px; opacity:1.0;}


div#rg{
background:url('images/ico_rg.png') 0px 16px no-repeat;
width:110px;
height:50px;
cursor:pointer;
float:left;
border:none; text-decoration:none; color:#0BBCFB;
margin-right:7px;
opacity:0.8;
}
div#rg:hover{ background-position:0px -62px; opacity:1.0;}

div#pielgrzymka{
background:url('images/ico_pielgrzymka.png') 0px 12px no-repeat;
width:250px;
height:50px;
cursor:pointer;
float:left;
border:none; text-decoration:none; color:#0BBCFB;
margin-right:7px;
opacity:0.8;
}
div#pielgrzymka:hover{ background-position:0px -28px; opacity:1.0;}


.link { width:auto; height:50px; border:none; text-decoration:none; color:#0BBCFB}

div#fb{
background:url('images/ico_fb.png') 0px -51px no-repeat;
width:50px;
height:50px;
cursor:pointer;
float:left;
border:none; text-decoration:none; color:#0BBCFB;
opacity:0.8;
}
div#fb:hover{ background-position:0px 0px;opacity:1.0;}

div#yt{
background:url('images/ico_yt.png') 0px -51px no-repeat;
width:50px;
height:50px;
cursor:pointer;
float:left;
opacity:0.8;
border:none; text-decoration:none; color:#0BBCFB;
}
div#yt:hover{ background-position:0px 0px; opacity:1.0;}

div#ms{
background:url('images/ico_ms.png') 0px -51px no-repeat;
width:50px;
height:50px;
cursor:pointer;
float:left;
opacity:0.8;
border:none; text-decoration:none; color:#0BBCFB;
}
div#ms:hover{ background-position:0px 0px; opacity:1.0;}

div#nk{
background:url('images/ico_nk.png') 0px -50px no-repeat;
width:50px;
height:50px;
cursor:pointer;
opacity:0.8;
float:left;
margin-right:7px;
border:none; text-decoration:none; color:#0BBCFB;
}
div#nk:hover{ background-position:0px 0px; opacity:1.0;}

div#mg{
background:url('images/ico_mg.png') no-repeat;
width:146px;
height:50px;
cursor:pointer;
float:left;
border:none; text-decoration:none; color:#0BBCFB;
margin-right:7px;
opacity:0.8;
}
div#mg:hover{ background-position:0px -50px; opacity:1.0;}


#content {
width:500px;
height:336px;
margin:0 auto;
}

#load{
background:#fff;
width:500px;
height:336px;
margin:0 auto;
text-align:center;
}

	#guz{
	background:url('images/fb_left.png') 6px 20px no-repeat; 
	width:37px; 
	height:165px; 
	float:left;
	}
#facebook{
background:url('images/facebook.png') no-repeat;
float:left; 
}