body {
font-family: Tahoma;  
cursor: default;
background-color: F0F0F0;
}

/* #5F9EA0 - kolor NIEBIESKI */


/* JAKBY BYŁA POTRZEBNA PRZEŹROCZYSTOŚĆ oto skrypt dla wszystkich przeglądarek

filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;

*/




TD {
FONT-SIZE: 11px; FONT-FAMILY: Tahoma; 
}


h1 {
font-size: 32px;
color: #FFFFFF;
font-weight: bold;
cursor: default;
}

h2 {
font-size: 18px;
cursor: default;
}

h3 {
font-size: 12px;
font-weight: normal;
line-height: 20px;
cursor: default;
}

hr {width:515 ; height: 0; border-style: solid; border-width: 1px 0 0 0; border-color: #DDDDDD ;}
p {font-size: 12px; font-family: Tahoma; line-height: 20px; text-align: justify;  cursor: default;}
.cytat {font-size: 12px; font-family: Tahoma;  font-style: italic; line-height: 20px;  text-align: right;}
table.galeria { background-color: #FFFFFF; border: 1px #D3D3D3 solid; }
.top_fix {width: 34px; height: 66px; background-image: url("images/top.png"); cursor: pointer;  display:flex; float: bottom;}
.gray {COLOR: #696969; font-weight: bold; TEXT-DECORATION: none; cursor: default;}
.link {COLOR: #5F9EA0; font-weight: bold; TEXT-DECORATION: none; cursor: pointer;}
.link:hover {COLOR: #5F9EA0; font-weight: bold; TEXT-DECORATION: underline; cursor: pointer; }
.pogrubienie {COLOR: #5F9EA0; font-weight: bold; TEXT-DECORATION: none; cursor: default;}

#dinks {width: 5px; height: 20px; background-image: url("images/dinks.png"); cursor: default; display: block; vertical-align: top;}


/* napisek ze sloganami pojawiaący się na głównej stronie, powiązany z jquery.js oraz skryptem: timming.js */
#napisek > div {
display: none;
font-size: 20px;
color: #FFFFFF;
font-weight: normal;
text-shadow: 0 1px 20px rgba(0,0,0,0.35);
cursor: default;
}


/* Opcja przyciemniania i rozjaśniania obrazków w galeri */
.hide {
opacity:1.0;
filter: alpha(opacity=100);
 -moz-opacity: 100;
}

.hide:hover {
opacity:.50;
filter: alpha(opacity=50);
 -moz-opacity: 50;
}


/* Górne menu jest wykonane na <UL> <LI> i LI:hover */
ul {
float: right;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}

li a {
display: block;
float: right;
text-align: center;
font-size: 14px;
font-weight: normal;
height: 29px;
text-decoration: none;
color: #000000;
background-color: #FFFFFF;
padding: 18px 16px 14px 16px;
margin: 0px 0px 0px 0px;
text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
border: none;
border: 0px solid transparent; border-top-width:4px ;
}

li a:hover {
color: #000000;
background: #FFFFFF;
border: 0px solid #5F9EA0; border-top-width:4px;
}


/* fix do menu górnego, wstawiający znak "|" między kategorie menu */
.fix { 
display: block;
float: right;
text-align: center;
font-size: 14px;
font-weight: normal;
width: 1px;
height: 29px;
text-decoration: none;
color: #CCCCCC;
background-color: #FFFFFF;
padding: 18px 11px 14px 11px;
margin: 0px 0px 0px 0px;
border: none;
border: 0px solid transparent; border-top-width:4px ;
}



/* DIV najważniejszy przy wyświetlaniu powiększonych obrazków */
#thumbBox{ 
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #FFFFFF;
border: 1px solid #FFFFFF;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

/* DIV dolny, na którym się wyświetla napisik "Zamknij"  */
#thumbBox .footerbar{ 
font: bold 11px Tahoma;
letter-spacing: 1px;
line-height: 1.1em;
color: #000000;
padding: 5px 0;
text-align: center;
}

/* DIV powiększony, w którym pojawiają się obrazki */
#thumbBox #thumbImage{ 
background-color: white;
}

/* DIV pokazujący "Trwa ładowanie..." podczas ładowania obrazka */
#thumbLoading{ 
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #FFFFFF;
padding: 5px;
z-index: 5;
}