BODY
{
font-size: 10pt;
font-family: verdana, helvetica, arial, geneva;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
background-color: lightgrey;
}

#face-slider{
	position:fixed; //sprawia że slider jest widoczny w stałym miejscu przeglądarki, nie przewija się wraz ze stroną, a pozostaje w miejscu
	right:-302px; //pozycjonuje slider poza widoczny obszar okna przeglądarki, efekt schowania
	top:190px; //pozycjonuje slider 190px od góry okna przegladarki
	z-index:100; //po wyjechaniu, otworzeniu się slidera, jego okno ma być ponad wszystkimi innymi warstwami - na samej górze
}
#face-slider #tab{
	cursor:pointer; //zmienia domyślny kursor na wskazującą rączkę - tylko efekt wizualny
	height:110px; //wysokość diva, będącego zakładką, również wysokość grafiki
	width:35px; //szerokość widocznej zakładki, również szerokość grafiki zakłądki
	float:left; //przyleganie do lewej krawędzi kontenera slidera
	background: url(img/facebook-slider.png) no-repeat center center; //ustawia tło zakładki na naszą grafikę
}
#face-code{
	padding:5px; //definiuje odstęp od krawędzi kontenera pluginu Facebooka
	border: solid #0170cf 3px; //ustawia ładną niebieską ramkę dookoła widgetu Facebooka
	background: #fff; //ustawia białe tło pod pluginem Facebook
	float:left; //przyleganie do lewej, czyli ma przylegać do kontenera zakładki
	width:286px; //szerokość 
	height:296px; //wysokość
	-moz-border-radius: 0 0 0 8px; //zaokrągla lewy dolny róg
	-webkit-border-radius: 0 0 0 8px; //zaokrągla lewy dolny róg
	border-radius: 0 0 0 8px; //zaokrągla lewy dolny róg
}

p
{
font-size: 10pt;
font-family: verdana, helvetica, arial, geneva;
color: black;
text-decoration: none;
margin-left: 0px;
margin-right: 0px;
text-align: justify;
}

a.link
{
display: inline;
font-weight: bold;
font-size: 11pt;
font-family: helvetica, verdana, geneva, arial;
color: black;
text-decoration: none;
margin-left: 20px;
text-align: center;
margin-top: 0px;
height: 0px;
font-stretch: narrower;
}

a.link:hover
{
font-weight: bold;
font-size: 11pt;
font-family: helvetica, verdana, geneva, arial;
color:grey;
text-decoration: none;
margin-left: 20px;
text-align: center;
margin-top: 0px;
height: 0px;
font-stretch: narrower;
}

.glownepole
{
color: black;
font-family: verdana, arial, helvetica, geneva;
font-size: 11px;
font-weight: normal;
text-align: left;
padding-left: 50px;
padding-right: 50px;
vertical-align: top;
padding-top: 30px;
padding-bottom: 25px;
text-align: justify
}

.podpisy
{
color: #ffffff;
font-family: verdana, geneva, helvetica, arial;
font-size: 8pt;
font-weight: normal;
text-align: center;
padding: 5px;
}

.art
{
color: #C0C0C0;
font-family: verdana, geneva, helvetica, arial;
font-size: 8pt;
font-weight: normal;
text-align: justify;
padding-right: 200px;
padding-left: 200px
}


.art-tytul
{
color: #C0C0C0;
font-family: verdana, geneva, helvetica, arial;
font-size: 10pt;
font-weight: bold;
text-align: justify;
padding-right: 200px;
padding-left: 200px
}

.tab-menu
{
background-image: url(Obrazki/wodzireje_03.jpg);
background-repeat: no-repeat;
font-family: courier, helvetica;
}


table#odstepy
{
text-align: center;
table-layout: auto;
}

.ramki-galeria
{
display: table-cell;
width: 148px;
height: 135px;
font-size: 12px;
border: 2px solid #ffffff;
padding: 5px;
font-weight: bold;
text-decoration: none;
position: relative;
top: 0px;
color: #ffffff;
font-style: arial-black;
text-align: center;
}


a.przycisk
{
display: inline;
width: 25px;
height: 25px;
font-size: 12px;
border: 1px solid #ffffff;
padding: 3px;
font-weight: bold;
text-decoration: none;
position: relative;
top: -14px;
background-color: #990033;
color: #ffffff;
font-style: arial-black;
}


a.przycisk:hover
{
display: inline;
width: 25px;
height: 25px;
font-size: 12px;
border: 1px solid #ffffff;
padding: 3px;
font-weight: bold;
text-decoration: none;
position: relative;
top: -14px;
background-color: #FF6633;
color: #ffffff;
font-style: arial-black;
}


.odstepy-galeria
{
padding: 6px;
display: block;
}


.galeria-ramka
{
position: relative;
width: 460px;
border: solid 1px #ffffff;
padding-top: 15px;
padding-bottom: 15px;
vertical-align: middle;
text-align: center
}


a.galeria
{
width: 125px;
height: 85px;
border-style: solid;
border-color: white;
border-width: normal;
background-color: none;
display: inline;
text-align: center;
text-decoration: none;
font-family: verdana, geneva, helvetica, arial;
font-size: 8pt;
font-weight: bold;
padding: 3px;
color: #ffffff;

}



.aktualnosci
{
color: #000000;
font-family: verdana, geneva, helvetica, arial;
font-size: 7pt;
font-weight: normal;
text-align: center;
padding: 5px;
}


h2
{
font-weight: bold;
font-size: 14pt;
font-family: helvetica, arial, verdana, geneva;
color: black;
text-decoration: none;
padding-top: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: left
}

h3
{
font-weight: bold;
font-size: 12pt;
font-family: helvetica, arial, verdana, geneva;
color: #ffffff;
text-decoration: none;
text-align: left;
}

.data
{
font-weight: normal;
font-size: 7pt;
font-family: helvetica, arial, verdana, geneva;
color: #000000;
letter-spacing: 1px;
text-decoration: none;
margin-left: 20px;
margin-right: 10px;
text-align: center;
}

.text
{
color: #333333;
text-align: justify
}


.lata
{
font-weight: normal;
font-size: 9pt;
font-family: helvetica, arial, verdana, geneva;
color: #333333;
text-decoration: none;
margin-left: 40px;
margin-right: 100px;
text-align: left;
}
.galerie.button { display: block;
    height: 200px;
    width: 200px;
    background: #0bdf00;
    border: 2px solid rgba(33, 68, 72, 0.59);
	color: rgba(0, 0, 0, 0.55);
    text-align: center;
    font: bold 3.2em/200px	Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	margin: 5px; }
}
.punkty
{
font-weight: normal;
font-size: 9pt;
font-family: helvetica, arial, verdana, geneva;
color: #333333;
text-decoration: none;
margin-left: 60px;
margin-right: 100px;
text-align: justify;
}




ol
{
font-weight: normal;
font-size: 8pt;
font-family: helvetica, arial, verdana, geneva;
color: #333333;
text-decoration: none;
margin-left: 60px;
margin-right: 100px;
text-align: justify;
}

.stopka
{
font-weight: normal;
font-size: 8pt;
font-family: helvetica, arial, verdana, geneva; 
color: #003366;
text-decoration: none;
margin-left: 20px;
margin-right: 10px;
text-align: center
}

.rekomend.podpis
{
font-weight: bold;
text-align: right;
padding: 10px
}







.menu
{
color: black;
font-family: tahoma, verdana, geneva, helvetica, arial;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-left: 20px
}








.tab5
{
background-color: #D7EBFF;
}

.tab4
{
background-color: #DDF8AE;
color: #000000;
font-family: verdana, geneva, helvetica, arial;
font-size: 10px;
font-weight: bold;
text-align: center
}

ul#media
{
list-style-position: outside;
list-style-type: circle;
margin-left: 17px;
line-height: 20px
}


.tab3
{
color: #000000;
font-family: verdana, geneva, helvetica, arial;
font-size: 7pt;
background-color: #D7EBFF;
font-weight: normal;
text-align: center
}

.tab6
{
background-image: url(images/krateczka.gif);
color: #ffffff;
font-family: verdana, geneva, helvetica, arial;
}

.glowna
{
background-color: #E9F4FE;
color: #ffffff;
font-family: verdana, geneva, helvetica, arial;
}


a.link2       { text-decoration: none; color: white; font-weight: normal}
a.link2:hover { text-decoration: none; color: lightgrey; font-weight: normal}


a.dodaj_wpis
{
display: table-cell;
font-size: 11px;
border: 1px solid #ffffff;
padding: 3px;
font-weight: bold;
text-decoration: none;
position: relative;
top: 0px;
bottom; 0px;
color: #ffffff;
font-style: arial-black;
text-align: center;
}
a.dodaj_wpis:hover
{
display: table-cell;
font-size: 11px;
border: 1px solid #FFA500;
padding: 3px;
font-weight: bold;
text-decoration: none;
position: relative;
top: 0px;
bottom; 0px;
color: #FFA500;
font-style: arial-black;
text-align: center;
}



a.rekom_nr 
{
text-decoration: none; color: #FFA500; font-weight: normal;  padding: 2px; font-style: arial-black; text-align: right}

a.rekom_nr:hover {text-decoration: none; color: #FFD700; font-weight: normal;  padding: 2px; font-style: arial-black; text-align: right}



a.link3       { text-decoration: none; color: black}
a.link3:hover { text-decoration: none; color: #FFD700}



a.link4       { text-decoration: none; font-weight: bold; color: #000000; padding-top: 6px; padding-bottom: 6px; display: 		block; background-image: url(images/kreska.gif); background-position: bottom; 				background-repeat: repeat-x; padding-left: 8px; padding-right: 8px; text-align: 		center; background-color: rgb(212,234,255)}

a.link4:hover { text-decoration: none; font-weight: bold;  color: red; padding-top: 6px; padding-bottom: 6px; 		background-color: #BADCFF; display: block; background-image: 
		url(images/kreska.gif); background-position: bottom; background-repeat: repeat-x; 				padding-left: 8px; padding-right: 8px; text-align: center}

a.link4-1       { text-decoration: none; color: #000000; padding-top: 6px; padding-bottom: 6px; display: 		block; background-image: url(images/kreska.gif); background-position: bottom; 				background-repeat: repeat-x; padding-left: 8px; padding-right: 8px; text-align: 		center; background-color: yellow}

a.link4-1:hover { text-decoration: none; color: #000000; padding-top: 6px; padding-bottom: 6px; 		background-color: rgb(255,158,0); display: block; background-image: 
		url(images/kreska.gif); background-position: bottom; background-repeat: repeat-x; 				padding-left: 8px; padding-right: 8px; text-align: center}


</html>