/*CSS dla strony głównej*/
body {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #273b52;
	background-image: url(../images/bg02.png);
	background-attachment: fixed;
	text-align: center;
	/*width: 100%;*/
        width: 90vw;
        margin: auto;
	padding: 0;
        *min-height: 350px;
        *min-width: 350px;
}

#Tekst {
  width: 100%;
  color: silver;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.9);
}

#STRONA{
	background-color: #273b52;
	margin: 0 auto;
        width 100%;
	border-radius:15px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	opacity: 0.7;
	box-shadow: 3px 3px 10px black, black -3px 3px 20px, 3px -3px 20px
}

#HEAD{
	width: 100%;
        height:120px;
	margin: 0 auto;
	margin-top: 0px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.9);
	background-color: #273b52;
	text-align: center;
        border-top-left-radius:15px;
        border-top-right-radius:15px;
        border-bottom:1px solid gray;
}
#HDL {
	width: 70%;
	padding-top: 40px;
	font-weight: bold;
}
#HDP {
        float:right;
        margin-right: 10px;
        margin-top: 5px;
        height:100px;
	padding-top: 0px;
	padding-right: 0px;
	font-weight: bold;
}
#N0 {
	margin: 0 auto;
	background-color: #273b52;
	width: 75%;
	padding-top: 5px;
	padding-right: 0px;
        border-bottom:1px solid gray;
	font-weight: bold;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D3D3D3;
	text-align: center;
}

#N1 {
	margin: 0 auto;
	/*background-color:#778899;*/
	background-color: #273b52;
	width: 620px;
	padding-top: 5px;
	padding-right: 0px;
        border-bottom:1px solid gray;
	font-weight: bold;
}
#N2 {
	margin: 0 auto;
	padding-top: 15px;
	width: 620px;
	height: 70px;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: gray;
	font-weight: bold;
        /*border-bottom:1px solid gray;*/
}
#N3 {
	margin: 0 auto;
	width: 100%;
	padding-top: 7px;
	height: 45px;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white; /* color: #D3D3D3; /*#FFF; /*	#A9A9A9;*/
	text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.9);
	background-color: #708090;
       	opacity: 1;
	text-align: center;
        border-bottom:1px solid #B0C4DE;
}

#NAGLOWEK {
	background-color: #273b52;
	opacity: 0.7;
	margin: 0 auto;
	width: 650px;
	height: 70 px;
        	/*border-bottom-left-radius:15px;*/
        	/*border-bottom-right-radius:15px;*/
}

#LOGO {
	margin: 0 auto;
	width: 550px;
	font-size: 36px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
/*	text-align: center;*/
	font-weight: bold;
	background-color: #708090;
        	/*border-top:1px solid #B0C4DE; /*#FFF;*/*/
        	/*border-top-left-radius:15px;*/
        	/*border-top-right-radius:15px;*/
	border-radius:15px;
	/*opacity: 0.25;*/

}

#PIN-1 {
  position: relative;
  width: 50px;
  height: 50px;
  background: url("../images/PIN-1.png") no-repeat;
  display: inline-block;
}
#PIN-2 {
  position: relative;
  width: 50px;
  height: 50px;
  background: url("../images/PIN-2.png") no-repeat;
  display: inline-block;
}
#PIN-3 {
  position: relative;
  width: 50px;
  height: 50px;
  background: url("../images/PIN-3.png") no-repeat;
  display: inline-block;
}
#PIN-4 {
  position: relative;
  width: 50px;
  height: 50px;
  background: url("../images/PIN-4.png") no-repeat;
  display: inline-block;
}
#PIN-5 {
  position: relative;
  width: 50px;
  height: 50px;
  background: url("../images/PIN-5.png") no-repeat;
  display: inline-block;
}
#PIN-6 {
  position: relative;
  width: 50px;
  height: 50px;
  background: url("../images/PIN-6.png") no-repeat;
  display: inline-block;
}
#PIN-7 {
  position: relative;
  width: 50px;
  height: 50px;
  background: url("../images/PIN-7.png") no-repeat;
  display: inline-block;
}
#PIN-8 {
  position: relative;
  width: 50px;
  height: 50px;
  background: url("../images/PIN-8.png") no-repeat;
  display: inline-block;
}
#PIN-9 {
  position: relative;
  width: 50px;
  height: 50px;
  background: url("../images/PIN-9.png") no-repeat;
  display: inline-block;
}
#PIN-X {
  position: relative;
  width: 50px;
  height: 50px;
  background: url("../images/PIN-X.png") no-repeat;
  display: inline-block;
}
#PIN-0 {
  position: relative;
  width: 50px;
  height: 50px;
  background: url("../images/PIN-0.png") no-repeat;
  display: inline-block;
}
#PIN-B {
  position: relative;
  width: 50px;
  height: 50px;
  background: url("../images/PIN-B.png") no-repeat;
  display: inline-block;
}
#PIN-K {
  position: relative;
  width: 50px;
  height: 50px;
  background: url("../images/PIN-K.png") no-repeat;
  display: inline-block;
}

#HomePage {
  position: relative;
  width: 50px;
  height: 50px;
  background: url("../images/Home.png") no-repeat;
  display: inline-block;
}

#HomePage:hover {
  background: url("../images/HomeLight.png") no-repeat;
}

#StartUp {
  position: relative;
  width: 50px;
  height: 50px;
  background: url("../images/StartIt.png") no-repeat;
  display: inline-block;
}

#StartUp:hover {
  background: url("../images/StartItLight.png") no-repeat;
}

#PinPad {
  width: 50px;
  height: 50px;
  background: url("../images/PinPad.png") no-repeat;
  display: inline-block;
}

#PinPad:hover {
  background: url("../images/PinPadLight.png") no-repeat;
}

#Journey {
  width: 50px;
  height: 50px;
  background: url("../images/Journey.png") no-repeat;
  display: inline-block;
}

#Journey:hover {
  background: url("../images/JourneyLight.png") no-repeat;
}

#Kontakt {
  width: 50px;
  height: 50px;
  background: url("../images/kontakt.png") no-repeat;
  display: inline-block;
}

#Kontakt:hover {
  background: url("../images/KontaktLight.png") no-repeat;
}

#GDDKiA {
  width: 50px;
  height: 50px;
  background: url("../images/GDDKiA.png") no-repeat;
  display: inline-block;
}

#GDDKiA:hover {
  background: url("../images/GDDKiALight.png") no-repeat;
}

#ToDo {
  width: 50px;
  height: 50px;
  background: url("../images/Journey.png") no-repeat;
  display: inline-block;
}

#ToDo:hover {
  background: url("../images/JourneyLight.png") no-repeat;
}

#Galeria {
  width: 50px;
  height: 50px;
  background: url("../images/Galeria.png") no-repeat;
  display: inline-block;
}

#Galeria:hover {
  background: url("../images/GaleriaLight.png") no-repeat;
}

#RAMKAN {
	margin: 0 auto;
	width: 100%;
	/*height: 520px;*/
	font-size: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #87ceeb;
/*	text-align: center;*/
	/*margin: 0 0px;*/
	/*scrollbar-base-color: #273b52;*/
	/*box-shadow: 3px 3px 10px black, black -3px 3px 20px, 3px -3px 20px*/
}

#RAMKAS {
	width: 550px;
	height: 520px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #87ceeb;
/*	text-align: center;*/
	margin: 0 0px;
 	/*scrollbar-base-color: #273b52;*/
	/*box-shadow: 3px 3px 10px black, black -3px 3px 20px, 3px -3px 20px*/
	overflow-y: scroll;
}

#ZAWARTOSC{
	margin: 0 auto;
	width: 100%;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #D3D3D3;
	text-align: center;
}
#UWAGA {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
/*	text-align: center;*/
	font-weight: bold;
}
#ARTICLE {
        margin-top:0px;
        font-size:12px;
        line-height:1em;
        text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.9);
/*        text-align: center;*/
	/*overflow-y: scroll;*/
       padding-top:10px;
}
#ART_TOP {
       padding-top:3px;
	margin: 0 auto;
	width:500px;
	height: 20px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF; /*	#A9A9A9;*/
	text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.9);
	background-color: gray;
       	opacity: 0.7;
/*	text-align: center;*/
       	border-top:1px solid #B0C4DE; /*#FFF;*/
       	/*border-radius:15px;*/
       	border-top-left-radius:10px;
       	border-top-right-radius:10px;
       	border-bottom-left-radius:0px;
       	border-bottom-right-radius:0px;
}
#ART_BODY {
	margin: 0 auto;
	width:500px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF; /*	#A9A9A9;*/
	text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.9);
	background-color: #273b52;
       	opacity: 0.7;
	text-align: left;
       	border-left:1px solid gray;
       	border-right:1px solid black;
       	/*border-radius:15px;*/
}
#ART_BOTTOM {
	margin: 0 auto;
	width:500px;
	height: 20px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF; /*	#A9A9A9;*/
	text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.9);
	background-color: #708090;
       	opacity: 0.7;
/*	text-align: center;*/
       	border-top:1px solid #B0C4DE; /*#FFF;*/
       	/*border-radius:15px;*/
       	border-top-left-radius:0px;
       	border-top-right-radius:0px;
       	border-bottom-left-radius:10px;
       	border-bottom-right-radius:10px;
}

#LPAN{
	font-size: 12px;
        /*position: relative;*/
        float: left;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ADD8E6;
	text-align: right;
	margin: 10 5px;
	text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.9);
}

#RPAN{
	/*float: right;*/
        float: right;
        font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.9);
	margin: 5 10px;
}

#LCOL{
      position:fixed;
      top:200px;
      width:180px;
      height:380px;
      font-size: 12px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      color: #ADD8E6;
      text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.9);
      border-right:1px solid #B0C4DE; /*#FFF;*/
      /*border-left:1px solid white; /*#FFF;*/
}
#LCOL_ROW{
        top-margin: 5px;
        font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: 	#B0C4DE;
/*	text-align: center;*/
	margin: 5 10px;
	border-radius:5px;
	/*box-shadow: 3px 3px 5px black, black -3px 3px 10px, 3px -3px 10px;*/
        padding-top:10px;
        padding-bottom:10px;
        padding-left:5px;
        padding-right:5px;
 }
#LCOL_ROW a {
        /*margin-left:0px;*/
        display:block;
        text-decoration:none;
        color:silver;
}

#RCOL{
        float:right;
        width: 420px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ADD8E6;
	/*text-align: left;*/
	text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.9);
	/*margin: 5 10px;*/
        /*border-top:1px solid #B0C4DE;*/
        /*border-left:1px solid #B0C4DE;*/
        /*border-right:1px solid #B0C4DE;*/
        /*border-bottom:1px solid #B0C4DE;*/
}

#ROWN{
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D3D3D3;
	text-align: center;
        /*text-indent: 10px;*/
	margin: 5 10px;
	/*background-color: #778899;*/
}
#ROWP{
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: 	#B0C4DE;
	text-align: center;
        /*text-indent: 10px;*/
	margin: 5 10px;
	/*background-color: 	#D3D3D3;*/
}
#R1{
        /*width: 920px;*/
        margin-left: 10px;
        margin-right: 10px;
        font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D3D3D3;
	text-align: left;
	margin: 5 10px;
	text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.9);
	/*background-color: #778899;*/
	/*border-radius:5px;*/
}
#R2{
        /*width: 920px;*/
        margin-left: 10px;
        margin-right: 10px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: 	#B0C4DE;
	text-align: left;
	margin: 5 10px;
	text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.9);
	/*background-color: 	#D3D3D3;*/
	/*border-radius:5px;*/
}

#DATA {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D3D3D3;
/*	text-align: center;*/
	font-weight: bold;
}
#CLOCKS {
        width: 100%;
        font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D3D3D3;
/*	text-align: center;*/
	font-weight: bold;
}

#MAIN{
	margin: 0 auto;
	width:550px;
	height: 600px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.9);
	background-color: #708090;
       	opacity: 0.5;
/*	text-align: center;*/
        	border-top:1px solid #B0C4DE;
        	border-radius:15px;
}

#STOPKA {
	margin: 0 auto;
	width: 100%;
	height: 30px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.9);
	background-color: #708090;
       	opacity: 0.5;
	text-align: center;
        border-top:1px solid #B0C4DE;
        border-top-left-radius:15px;
        border-top-right-radius:15px;
        border-bottom-left-radius:15px;
        border-bottom-right-radius:15px;
}

#LZ_TABLE {
   border: 1px solid #1b2631;
   border-collapse: collapse;
   color: black;
   width: 670px;
}
#LZ_TABLE td {
   border: 1px solid #57687b;
   padding: 5px;
}
td.c1 {
   background-color: #405976;
   vertical-align: top;
   font-weight: bold;
   color: white;
   width: 25%;
}
td.c2 {
   background-color: #405976;
   vertical-align: top;
   font-weight: bold;
   color: white;
}
td.c3 {
   background-color: #556d88;
   vertical-align: top;
   font-weight: bold;
   color: white;
   width: 25%;
}
td.c4 {
   background-color: #556d88;
   vertical-align: top;
   font-weight: bold;
   color: white;
}
td.c2 a{
   color: #8db9ea;
   text-decoration: none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px; /* font size */
}

td.c4 a{
   color: white;
   text-decoration: none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px; /* font size */
}

/*<link href='http://fonts.googleapis.com/css?family=Raleway:600' rel='stylesheet' type='text/css'>*/


ul.sonarmenu{ /* Inspired by http://tympanus.net/codrops/2013/08/06/creative-link-effects */
	list-style: none;
}

ul.sonarmenu li{
 position relative;
 left: 0px;
 top: 0px;
 display: inline;
 color: #A9A9A9;
}

ul.sonarmenu a{
	position: relative;
        left: 0%;
	display: inline-block;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF; /*#A9A9A9;*/
	text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.9);
	/*color: 	#72778f; /*#606085; font color */
	text-align: right;
	/*text-decoration: bold;*/
	margin: 0px 0px;
	text-transform: uppercase;
        font-family: Verdana, Arial, Helvetica, sans-serif;

	/*font-family: 'Raleway', sans-serif; /* font style (uses Google fonts) */
	font-size: 12px; /* font size */
	letter-spacing: 0px; /* letter spacing */
	border-bottom: 1px solid transparent; /* Bottom border style */
}

ul.sonarmenu a:hover, ul.sonarmenu a:focus{
	outline: none;
	border-bottom: 1px solid white; /* #eee; Bottom border style on hover */
        color: white;
}

ul.sonarmenu a::before, ul.sonarmenu a:after{ /* shared style for two circles */
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px; /* width of outer circle */
	height: 70px; /* height of outer circle */
	border: 12px double rgba(96,96,133,0.9); /* rgba(30,159,195,0.5) style and color of circles */
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	transform: translateX(-50%) translateY(-50%) scale(0.2);
}

ul.sonarmenu a:after{ /* inner circle specific CSS */
	width: 50px; /* width of inner circle */
	height: 50px; /* width of inner circle */
	border-width: 1px;
	border-color: rgba(96,96,133,0.9);
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	transform: translateX(-50%) translateY(-50%) scale(0.8);
}

ul.sonarmenu a:hover:before, ul.sonarmenu a:hover:after{
	-webkit-animation: pulsate 1.2s infinite; /* animation name duration loop etc */
	-moz-animation: pulsate 1.2s infinite;
	-ms-animation: pulsate 1.2s infinite;
	animation: pulsate 1.2s infinite;
}

/* Pulsar menu - kopia sonar */
ul.pulsarmenu{ /* Inspired by http://tympanus.net/codrops/2013/08/06/creative-link-effects */
	list-style: none;
}

ul.pulsarmenu li{
 position relative;
 left: 10%;
 display: inline-block;
}

ul.pulsarmenu a{
	position: relative;
        /*left: 0%;*/
	display: inline-block;
	color: gray; /* font color */
	text-decoration: none;
	margin: 0px 5px;
	text-transform: uppercase;
      font-family: Verdana, Arial, Helvetica, sans-serif;

	/*font-family: 'Raleway', sans-serif; /* font style (uses Google fonts) */
	font-size: 12px; /* font size */
	letter-spacing: 0px; /* letter spacing */
	border-bottom: 2px solid transparent; /* Bottom border style */
}

ul.pulsarmenu a:hover, ul.pulsarmenu a:focus{
	outline: none;
	border-bottom: 2px solid lightsteelblue; /* #eee; Bottom border style on hover */
        color: silver;
}

ul.pulsarmenu a::before, ul.pulsarmenu a:after{ /* shared style for two circles */
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px; /* width of outer circle */
	height: 80px; /* height of outer circle */
	border: 12px double white; /* style and color of circles */
	border-radius: 30%;
	content: '';
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	transform: translateX(-50%) translateY(-50%) scale(0.2);
}

ul.pulsarmenu a:after{ /* inner circle specific CSS */
	width: 50px; /* width of inner circle */
	height: 50px; /* width of inner circle */
	border-width: 1px;
	border-color: white;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	transform: translateX(-50%) translateY(-50%) scale(0.8);
}

ul.pulsarmenu a:hover:before, ul.pulsarmenu a:hover:after{
	-webkit-animation: pulsate 1.2s infinite; /* animation name duration loop etc */
	-moz-animation: pulsate 1.2s infinite;
	-ms-animation: pulsate 1.2s infinite;
	animation: pulsate 1.2s infinite;
}

/* left menu - kopia sonar */
ul.leftmenu{ /* Inspired by http://tympanus.net/codrops/2013/08/06/creative-link-effects */
	list-style: none;
	text-align: left;

}

ul.leftmenu li{
 /*position fixed;*/
 /*left: 0%;*/
 display: inline-block;
}

ul.leftmenu a{
	position: relative;
        left: 1%;
	/*display: inline-block;*/
	color: silver; /* font color */
	text-decoration: none;
	margin: 0px 5px;
	/*text-transform: uppercase;*/
        font-family: Verdana, Arial, Helvetica, sans-serif;

	/*font-family: 'Raleway', sans-serif; /* font style (uses Google fonts) */
	font-size: 12px; /* font size */
	letter-spacing: 0px; /* letter spacing */
	border-bottom: 2px solid transparent; /* Bottom border style */
}

ul.leftmenu a:hover, ul.leftmenu a:focus{
	outline: none;
	border-bottom: 2px solid darkslateblue; /* #eee; Bottom border style on hover */
        color: #8db9ea;
}

ul.leftmenu a::before, ul.leftmenu a:after{ /* shared style for two circles */
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px; /* width of outer circle */
	height: 40px; /* height of outer circle */
	border: 12px double rgba(141,185,234,0.9); /* style and color of circles */
	/*border-radius: 20%;*/
	content: '';
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	transform: translateX(-50%) translateY(-50%) scale(0.2);
}

ul.leftmenu a:after{ /* inner circle specific CSS */
	width: 50px; /* width of inner circle */
	height: 20px; /* width of inner circle */
	border-width: 1px;
	border-color: rgba(141,185,234,0.9);
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	transform: translateX(-50%) translateY(-50%) scale(0.8);
}

ul.leftmenu a:hover:before, ul.leftmenu a:hover:after{
	-webkit-animation: pulsate 1.2s infinite; /* animation name duration loop etc */
	-moz-animation: pulsate 1.2s infinite;
	-ms-animation: pulsate 1.2s infinite;
	animation: pulsate 1.2s infinite;
}

/* ### Keyframe animations ### */

@-webkit-keyframes pulsate{

  30%{
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  }

	100%{
	border-width: 1px;
	border-color: gray;
	opacity: 0.7;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.5);
	}

}

@-moz-keyframes pulsate{

  30%{
	opacity: 1;
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
  }

	100%{
	border-width: 1px;
	border-color: gray;
	opacity: 0.7;
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.5);
	}

}

@-ms-keyframes pulsate{

  30%{
	opacity: 1;
	-ms-transform: translateX(-50%) translateY(-50%) scale(1);
  }

	100%{
	border-width: 1px;
	border-color: gray;
	opacity: 0.7;
	-ms-transform: translateX(-50%) translateY(-50%) scale(0.5);
	}

}

@-keyframes pulsate{

  30%{
	opacity: 1;
	transform: translateX(-50%) translateY(-50%) scale(1);
  }

	100%{
	border-width: 1px;
	border-color: gray;
	opacity: 0.7;
	transform: translateX(-50%) translateY(-50%) scale(0.5);
	}

}

 /* ------------------------CZĘŚĆ-GÓRNA-MENU------------------------ */
 /* usunięcie domyślnych właściwości CSS z elementów - ol - oraz - ul */
#menu, #menu ul, #menu ol {
        list-style-type:none;
        padding:0;
        margin:0;
}

/* wygląd głównego elementu - ol */
#menu {
       margin-top:0px;
        font-size:12px;
        /*height:75px;*/
        background-image: url(logo_down.png);
        line-height:2em;
        /*text-align:top;*/
        text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.9);
/*        text-align: center;*/
	box-shadow: 3px 3px 5px black, black -3px 3px 10px, 3px -3px 10px;
}

 /* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */
#menu a {
        /*margin-left:0px;*/
        display:block;
        /*display: inline-block;*/
        text-decoration:none;
        color:#FFF;
        padding:0 0px;
}

/* wygląd elementów - li - wszystkich dzieci elementu - ol */
#menu > li {
        float:left;
        /*margin-left:10px;*/

        width:140px;
        background-color:#778899;
        /*height:2em;*/
        height:24px;
        border-top:1px solid #B0C4DE; /*#FFF;*/
        border-bottom:1px solid #000; /*#FFF;*/
	box-shadow: 3px 3px 5px black, black -3px 3px 10px, 3px -3px 10px;
}

/* wygląd elementu - li - pierwszego dziecka elementu - ol */
#menu > li:first-child {
        margin-left:0;
}

/* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
#menu > li:hover {
      background-color: #808080; /*#4682B4; #273b52; */
}

/* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
#menu > li:hover > a {
      color: #A9A9A9;
}

/* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
#menu > li:hover > ul {
        display:block;
}

/* ------------------------CZĘŚĆ-ROZWIJANA-MENU-POZIOM-1----------------------- */
/* wygląd głównych rozwijanych elementów - ul */
#menu > li > ul {
        display:none;
        width:120%;
}

/* wygląd elementu - li - w części rozwijanej */
#menu > li > ul > li {
        margin-bottom:1px;
        position:relative;
        background-color:#778899;
	box-shadow: 3px 3px 5px black, black -3px 3px 10px, 3px -3px 10px;
}

/* wygląd elementu - a - w części rozwijanej */
#menu > li > ul > li > a {
        border-top:1px solid #B0C4DE; /*#FFF;*/
}

/* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
#menu > li > ul > li:hover {
        background-color:#696969;
}

/* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
#menu > li > ul > li:hover > a {
         color: #A9A9A9;
}

/* ------------------------CZĘŚĆ-ROZWIJANA-MENU-POZIOM-2----------------------- */
/* wygląd głównego elementu - ol - w drugiej części rozwijanej */
#menu > li > ul > li > ol {
        display:none;
        width:100%;
        position:absolute;
        left:100%;
        margin-top:-2em;
	box-shadow: 3px 3px 5px black, black -3px 3px 10px, 3px -3px 10px;
}

/* wygląd głównego elementu - ol - w drugiej części rozwijanej, po najechaniu kursorem myszki na jego rodzica - li */
#menu > li > ul > li:hover > ol {
        display:block;
}

/* wygląd elementów - li - w drugiej części rozwijanej */
#menu > li > ul > li > ol > li {
       background-color:#778899;
       margin-bottom:1px;
	box-shadow: 3px 3px 5px black, black -3px 3px 10px, 3px -3px 10px;
}

/* wygląd elementów - a - w drugiej części rozwijanej */
#menu > li > ul > li > ol > li > a {
        border-top:1px solid  #B0C4DE; ;
        border-left:1px solid  #B0C4DE; ;
}

/* wygląd elementu - a - w drugiej części rozwijanej, po najechaniu kursorem myszki */
#menu > li > ul > li > ol > li > a:hover {
      color: #A9A9A9;
      background-color: #696969;
}

/* ------------------------WSPÓLNE----------------------- */
/* zaokrąglone rogi wszystkich elementów - li - oraz - a */
#menu li, ol a {
        border-radius:5px;
	z-index: 2;
}

/* strzałka w prawo */
#menu .dol {
        background-image:url('../images/down.png');
        background-repeat:no-repeat;
        background-position:98% center;
}

/* strzałka w dół */
#menu .prawo {
        background-image:url('../images/right.png');
        background-repeat:no-repeat;
        background-position:98% center;
}

/* dopełnienie */
#menu .rest {
       margin-top:0px;
       margin-left:0px;
        font-size:12px;
        /*height:75px;*/
        line-height:2em;
        text-align:left;
        text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.9);
        /*width=300px;*/
	color: silver;

}

* {
margin: 0;
padding: 0;
}
.css_anchor_gallery {
width: 760px;
overflow: hidden;
padding: 5px 0;
}
.css_anchor_gallery .pictures_ {
list-style-type: none;
height: 460px; /* wysokosc najwyzszego zdjecia + ewentualnego opisu lub innych elementow */
width: 540px; /* szerokosc najszerszego zdjecia */
overflow: hidden;
float: right;
margin: 0;
padding: 0;
/*text-align: center;*/
}
.css_anchor_gallery .pictures_ li {
margin: 0;
padding: 5px 0 2000px 0;
background: none;
}
.css_anchor_gallery .pictures_ li p {
padding: 5px;
}
.css_anchor_gallery img {
border: 1px solid #000;
}
.css_anchor_gallery .thumbnails_ {
list-style-type: none;
width: 180px;
overflow: auto;
height: 440px;
float: left;
padding: 0;
margin: 2px 0 0 2px;
}
.css_anchor_gallery .thumbnails_ li {
margin: 5px 0;
background: none;
padding: 0;
}
.css_anchor_gallery .thumbnails_ li:first-child {
margin: 0 0 5px 0;
}
.css_anchor_gallery a {
display: block;
width: 152px;
height: 152px;
}
.css_anchor_gallery a img {
height: 150px;
width: 150px;
margin: 0;
}

#t01 {
  color: #A9A9A9;
}

#mapid { height: 480px;
         width: 100% }


#LMENU  {
    position: fixed;
    left: 0;
    bottom: 7%;
    width: 50px;
    margin: -2.5em 0 0 0;
    z-index: 5;
    background-color: #273b52;
/*background-color: rgba(22, 77, 123, 0.9);
background: rgba(22, 77, 123, 0.9);
color: rgba(22, 77, 123, 0.7);
/*
    background: hsla(80, 90%, 40%, 0.7);
    color: white;
    */
    font-weight: bold;
    font-size: small;
    text-align: left;
	border-width: 1px;
	border-color: rgba(96,96,133,0.9);
/*
    border: solid hsla(80, 90%, 40%, 0.5);
*/
    border-left: none;
    padding: 0.5em 0.5em 0.5em 0.75em;
    box-shadow: 0 1px 3px black;
/*    border-radius: 3em 0.5em 0.5em 3em; */
    border-radius: 0em 1.5em 1.5em 0em;
  }

#POMIARMENU  {
  position: fixed;
  left: 0;
  bottom: 25%;
  width: 90px;
  margin: -2.5em 0 0 0;
  z-index: 5;
  background-color: rgba(22, 77, 123, 0.9);
  background: rgba(22, 77, 123, 0.9);
  color: rgba(22, 77, 123, 0.7);
  font-weight: bold;
  font-size: small;
  text-align: left;
  border-width: 1px;
  border-color: rgba(96,96,133,0.9);
  border-left: none;
  padding: 0.5em 0.5em 0.5em 0.5em;
  box-shadow: 0 1px 3px black;
  border-radius: 0em 1.5em 1.5em 0em;
}

#EMPTY100 {
  width 100px;
  }