<HTML>
<HEAD><meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-2">
<TITLE>Arkusz Stylów</TITLE>
<style TYPE="text/css">
<!--
    .normal         {font: 14px Arial; line-height: 140%; color: #000000}
    .norm  	    {font-weight : normal; font-style : normal; text-decoration : none; font-family : Verdana, Arial; font-size : 12px; color : #000000;}
    .daty  	    {font-weight : normal; line-height: 120%; font-style : normal; text-decoration : none; font-family : Trebuchet MS, Arial; font-size : 11px; color : #005500;}
    .bo             {font-weight: bold; line-height: 140%}
    .opis           {font: 12px Arial; line-height: 140%; color: #AA0000}
    .hist           {font: 14px Times, Times New Roman; line-height: 140%; color: #000000}
    .hist1          {font: 16px Times, Times New Roman; line-height: 130%; color: #000000}
    .kal            {font: 13px Verdana; font-weight: bold; color: #FFFFFF}
    .podpis         {font: 12px Arial; font-style: italic; color: #004400; line-height: 140%;}
    BODY            {font: 10px Times, Times New Roman; margin: 0px}
    .header         {font: 16px Verdana; font-weight: bold; color: #770000; line-height: 140%}
    .head           {font: 20px Arial; font-weight: bold; color: #000000; line-height: 140%;}
    .subheader      {font: 15px Arial; font-weight: bold; line-height: 140%}
    .t		    {font: 14px Arial; color: #000000}
    .k		    {font: 14px Arial; line-height: 120%; color: #000055}
    .menu	    {font: 12px Verdana; font-weight: bold; line-height: 120%; color: #004400}
    .data           {font: 11px Verdana; color: #000000}
    .s1 {font-weight: bold; font-style: normal; font-family: Arial; font-size: 14px; color: #000055;}
    .s2 {font-weight: normal; font-style: normal; font-family: Arial; font-size: 14px; color: #BB7700;}

html {
background: url(obrazki/tlo_kosciol.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

div.gora {
position: fixed;
top: 0;
left:0;
width:100%;
z-index:9;
}
div.na_dole {
position: fixed;
bottom: 0;
left:0;
width:100%;
}

    span .link{
    background:url('/obrazki/link.jpg') top left no-repeat;
    width:100px;
    height:100px;
    font: Arial 1px/200px;
    text-indent:9999px;
    }
    span .link:hover{
    background:url('/obrazki/linka.jpg') bottom left no-repeat;
    width:100px;
    height:100px;
    }

@font-face {
    font-family: 'titilliumsemibold';
    src: url('titillium-semibold.otf') ,
    url('titillium-semibold.eot') format('embedded-opentype'),
    url('titillium-semibold.eot?#iefix') format('embedded-opentype'),
         url('titillium-semibold.ttf') format('truetype');
}


@font-face {
    font-family: 'titilliumregularitalic';
    src: url('titillium-regular-italic.otf') ,
    url('titillium-regular-italic.eot') format('embedded-opentype'),
    url('titillium-regular-italic.eot?#iefix') format('embedded-opentype'),
         url('titillium-regular-italic.ttf') format('truetype');
}


@font-face {
    font-family: 'titilliumbold';
    src: url('titillium-bold.otf') ,
    url('titillium-bold.eot') format('embedded-opentype'),
    url('titillium-bold.eot?#iefix') format('embedded-opentype'),
         url('titillium-bold.ttf') format('truetype');
}


@font-face {
    font-family: 'titilliumregular';
    src: url('titillium-regular.otf') ,
    url('titillium-regular.eot') format('embedded-opentype'),
    url('titillium-regular.eot?#iefix') format('embedded-opentype'),
         url('titillium-regular.ttf') format('truetype');
}






input.buton {
	border-right: black 1px solid;
	border-top: black 1px solid;
	font: 11px 'Verdana';
	border-left: black 1px solid;
	width: 60px;
	border-bottom: black 1px solid;
	height: 17px;
	background-color: #CC8811;
	color : white;
	font-weight:bold; }
input.buton1 {
	border-right: black 0px solid;
	border-top: black 1px solid;
	font: 11px 'Tahoma';
	border-left: black 1px solid;
	width: 42px;
	border-bottom: black 1px solid;
	height: 16px;
	background-image: url(/images/nrstr.jpg);
	color : #2d2209;
	font-weight:bold;}
input.buton2 {
	border-right: #002288 1px solid;
	border-top: black 1px solid;
	font: 9px 'Verdana';
	border-left: black 1px solid;
	width: 22px;
	border-bottom: black 1px solid;
	height: 16px;
	background-color: #6c5625;
	color : #ffffff;
	font-weight:bold; }
input.buton2a {
	border-right: black 0px solid;
	border-top: black 0px solid;
	font: 12px 'Tahoma';
	border-left: black 0px solid;
	width: 25px;
	border-bottom: black 0px solid;
	height: 14px;
	background-color: #021f4f;
	color : #ffffff;
	font-weight:bold; }
input.buton3 {
	border-right: black 1px solid;
	border-top: black 1px solid;
	font: 12px 'Verdana';
	border-left: black 1px solid;
	width: 115px;
	border-bottom: black 1px solid;
	height: 18px;
	background-color: #ffffff;
	color : #414141;
	font-weight:bold; }
input.buton4 {
	border-right: black 1px solid;
	border-top: black 1px solid;
	font: 12px 'Verdana';
	border-left: black 1px solid;
	width: 55px;
	border-bottom: black 1px solid;
	height: 18px;
	background-color: #880000;
	color : #FDD137;
	font-weight:bold; }
H1 {font: 14px Verdana; font-weight: bold; color: #004400; line-height: 120%;}
H2 {font: 18px Verdana; font-weight: bold; color: #000000;  line-height: 140%;}
H3 {font: 18px Verdana; font-weight: bold; color: brown; line-height: 140%;}
H4 {font: 18px Verdana, Arial; font-weight: bold; color: #009900;  line-height: 140%;}
H5 {font: 14px Arial; font-weight: bold; color: #0099CC; line-height: 140%;}
H6 {font: 15px Verdana; font-weight: bold; color: #990000; line-height: 140%;}
A:LINK  {
	font-weight : normal;
	font-style : normal;
	text-decoration : none;
	font-family : Tahoma, Arial;
	font-size : 11px;
	color : #2e0203; line-height: 120%;
}
A:VISITED  {
	font-weight : normal;
	font-style : normal;
	text-decoration : none;
	font-family : Tahoma, Arial;
	font-size : 11px;
	color : #4e0305; line-height: 120%;
}
A:active  {
	font-weight : normal;
	font-style : normal;
	text-decoration : none;
	font-family : Tahoma, Arial;
	font-size : 11px;
	color : orange; line-height: 120%;
}
A:HOVER	{
	font-weight : normal;
	font-style : normal;
	text-decoration : underline;
	font-family : Tahoma, Arial;
	font-size : 11px;
	color: #CC0000; line-height: 120%;
}



.ramka{
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
background-color:#EEEEEE;
border:1px solid #786336;
padding:1px;
}

.ramkafilm{
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
background-color:#786336;
border:1px solid #463718;
padding:0px;
}


div.okienko {  
   width:336px;  
   height:38px;  
 }  
 div.okienko IMG {  
   border:0px;  
 }

#flash object,.flash embed{
position: relative;
z-index:0;
}

#tab-container-1{
  font: 11px Tahoma, Arial, Verdana;
  color: #fff;
  margin: 0px
}

#tab-container-1 ul#tab-container-1-nav{ margin-left: 8px; margin-top: 6px; margin-bottom: 0px; padding: 0 }
#tab-container-1 ul#tab-container-1-nav li{ display: inline }

#tab-container-1 ul#tab-container-1-nav li a:link{
  margin-left: 4px;
  margin-top: 0px;
  font: 11px Tahoma, Arial, Verdana;
  padding: 0px 6px;
  background: #d9d9d9;
  border: 1px solid #999;
  color: #25252E;
  text-decoration: none
}
#tab-container-1 ul#tab-container-1-nav li a:active{
  margin-left: 4px;
  margin-top: 0px;
  font: 11px Tahoma, Arial, Verdana;
  padding: 0px 6px;
  background: #a9a9a9;
  border: 1px solid #999;
  color: #25252E;
  text-decoration: none
}
#tab-container-1 ul#tab-container-1-nav li a:hover{
  margin-left: 4px;
  margin-top: 0px;
  font: 11px Tahoma, Arial, Verdana;
  padding: 0px 6px;
  background: #a9a9a9;
  border: 1px solid #999;
  color: #25252E;
  text-decoration: none
}

#tab-container-1 .tab{
  margin-top: 0px;
  padding: 0px 0px;
  background: #eee;
  border: 0px solid #ddd
}

#tab-container-1 #s1{ background: #eeeeee }
#tab-container-1 #s2{ background: #eeeeee }
#tab-container-1 #s3{ background: #eeeeee }

div.st A:LINK  {
	font-weight : normal;
	font-style : normal;
	text-decoration : none;
	font-family : Tahoma, Arial;
	font-size : 11px;
	color : #c9c4b0; line-height: 120%;
}
div.st A:VISITED  {
	font-weight : normal;
	font-style : normal;
	text-decoration : none;
	font-family : Tahoma, Arial;
	font-size : 11px;
	color : #c9c4b0; line-height: 120%;
}
div.st A:active  {
	font-weight : normal;
	font-style : normal;
	text-decoration : none;
	font-family : Tahoma, Arial;
	font-size : 11px;
	color : orange; line-height: 120%;
}
div.st A:HOVER	{
	font-weight : normal;
	font-style : normal;
	text-decoration : none;
	font-family : Tahoma, Arial;
	font-size : 11px;
	color: white; line-height: 120%;
}


#tab-container-2{
  font: 12px Tahoma, Arial, Verdana;
  color: #fff;
  margin: 0px;
}

#tab-container-2 ul#tab-container-2-nav{ margin-left: 0px; margin-right: 0px; margin-top: 7px; margin-bottom: 0px; padding: 0}
#tab-container-2 ul#tab-container-2-nav li{ display: inline }

#tab-container-2 ul#tab-container-2-nav li a{
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px; 
  font: 13px Tahoma, Arial, Verdana;
  font-weight : bold;
  padding: 0px 0px;
  background: #d9d9d9;
  border: 0px solid #999;
  color: #25252E;
  text-decoration: none
}

#tab-container-2 .tab{
  position: absolute;  z-index:9;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px; 
  margin-left: 0px; 
  padding: 0px 0px;
  background: #dddac9;
  width: 1000px;
  -moz-width: 980px;
  border: 0px; solid: black;
  filter:alpha(opacity=90);
  opacity: 0.9;
  -moz-opacity:0.9;
  font: 13px Tahoma, Arial, Verdana;
}

#tab-container-3 #m1{ background: #66eeee }
#tab-container-3 #m2{ background: #ee66ee }
#tab-container-3 #m3{ background: #eeee66 }

div.mn {
	font-weight : bold;
	font-style : normal;
	text-decoration : none;
	font-family : Tahoma, Arial;
	font-size : 14px;
	color : #3f3522; line-height: 130%;
}
div.mn A:LINK  {
	font-weight : bold;
	font-style : normal;
	text-decoration : none;
	font-family : Tahoma, Arial;
	font-size : 14px;
	color : #012c63; line-height: 130%;
}
div.mn A:VISITED  {
	font-weight : bold;
	font-style : normal;
	text-decoration : none;
	font-family : Tahoma, Arial;
	font-size : 14px;
	color : #012c63; line-height: 130%;
}
div.mn A:active  {
	font-weight : bold;
	font-style : normal;
	text-decoration : none;
	font-family : Tahoma, Arial;
	font-size : 14px;
	color : orange; line-height: 130%;
}
div.mn A:HOVER	{
	font-weight : bold;
	font-style : normal;
	text-decoration : none;
	font-family : Tahoma, Arial;
	font-size : 14px;
	color: #a34901; line-height: 130%;
}





/********slider************/
#slider {
	width: 570px; /* important to be same as image width */
	height: 321px; /* important to be same as image height */
	position: relative;  z-index:0; /* important */
	overflow: hidden; /* important */
	left: 0px;
	top: 0px;	
}

#slider img {
	border:0;
	width: 570px; 
	height: 321px;
	margin: 0px;
}

#sliderContent, #slider1Content, #slider2Content {
    width: 570px;
    position: absolute; z-index:0;
	top: 0;

}
.sliderImage, .slider1Image, .slider2Image {
    float: left;
    position: relative; z-index:0;
	display: none;
}
.sliderImage span {
    position: absolute;  z-index:0;
	font: 11px/14px Verdana, Tahoma, Arial, Helvetica, sans-serif;
    padding: 7px 10px 10px 10px;
    width: 551px;
    background-color: #2c2006;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}


.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong, .slider2Image span strong {
    font-size: 11px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}



-->

</style>
</head>
</HTML>