body {
        font-size:30px;
		font-family:Arial;
		/*background-image: url("./png/foto1.png"); -> obrazek w rogu
		background-repeat: no-repeat;
		background-position: right bottom;*/
		background-attachment:fixed;
		background-color:#ECEFF1;
		color:#8F8FBD;
      }

	  
#topleft {					/* */ 
	position: fixed;		
	right: 3%;
	top: 1%;
	width:30%;

	height:50px;	
	letter-spacing:7px;
	font-size:1.2em;
	font-style:italic;		
	color:#90A4AE;
	text-shadow:2px 3px 2px #263238, 2px 3px 6px #33691E,  6px 6px 6px #ECEFF1;
	padding:0 1% 0 2%;
	
	
	border-radius:4px;	
	border-style: solid;
    border-width: 2px 0px 0px 1px;
	border-style:inset;
	border-color: #777777;
	
	/* z-index:-1; -> napis chowa się pod obrazkami
	background-color:#ECEFF1;
	
	*/
}

#napismenu{
	color:#A8A8A8;
	text-shadow:2px 3px 2px #263238, 2px 3px 6px #33691E;
	letter-spacing: 2px;
	font-size:1.1em;
	font-style:italic;	/*italic - styl czcionki napisu menu*/
	width:200px;
	padding:0 0 0 10px;
	transition:10s;
	-webkit-transition:10s;
	-moz-transition:10s;/*opoznienie chowania napisu menu*/
}

#napismenu:hover {
  	color:#c0c0c0;
	text-shadow:2px 3px 2px #222222, 2px 3px 6px #cc3300;
  cursor:default;
}/*pointer*/

#menuall{
	position:fixed;
	right:-350px;
	top:100px;
	transition:5s;
	-webkit-transition:5s;
	-moz-transition:5s;/*opoznienie chowania menu*/
}
#menuall:hover{
	right:1px;
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
}
#menuall:hover #napismenu{
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
	padding:0 0 0 120px;
	opacity:0.2;
	font-size:0.8em;
	color:#c0c0c0;
	text-shadow:2px 3px 6px #444444;
}

#menuleft{
	float:left;
	width:120px;
}

#menuright{
	font-style:italic;	/*italic - styl czcionki napisu menu*/
	float:left;
	width:350px;
}
#emptyli{
	height:20px;
}

#mainli a{
	padding:5px 15px 8px 15px;
	font-size:.9em;	
	opacity:0.9;
	border-radius:4px;	
	
	text-decoration:none;
	color:#A8A8A8;
	text-shadow:2px 3px 2px #263238, 2px 3px 6px #33691E;
	/*
	background-color:#323232;
	border-color: #c0c0c0;
	border-style: solid;
    border-width: 0px 1px 2px 0px;         obramowanie napisów menu*/	
}
#mainli a:hover{
	text-shadow:2px 3px 2px #000000, 2px 3px 6px #cc3300;
	font-style:italic;
	/*border-color: #c0c0c0;
	border-style: solid;
    border-width: 0px 1px 2px 0px;         obramowanie napisów menu*/
}

#fotoli a{
	padding:5px 15px 8px 15px;
	font-size:.7em;	
	opacity:0.9;
	border-radius:4px;
			
	text-decoration:none;
	color:#A8A8A8;
	text-shadow:2px 3px 2px #263238, 2px 3px 6px #33691E;
	/*
	background-image:linear-gradient(90deg, #323232 0%, #808080 45%, #323232 100%);
	background-color:#323232;
	border-color: #c0c0c0;
	border-style: solid;
    border-width: 0px 1px 2px 0px;         obramowanie napisów menu*/
}
#fotoli a:hover{
	text-shadow:2px 3px 2px #000000, 2px 3px 6px #cc3300;
	font-style:italic;
	/*border-color: #c0c0c0;
	border-style: solid;
    border-width: 0px 1px 2px 0px;         obramowanie napisów menu*/
}


#subtitle1foto {
	width:50%;
	
	height:9px;
	color:#c0c0c0;
	text-shadow:2px 3px 2px #222222, 2px 3px 6px #555555;
    vertical-align:middle;
	letter-spacing:5px;
	font-style:italic;
	font-size:0.9em;
	padding:5px 0 10px 15px;
	margin:3% 0 1% 2%;
	white-space: nowrap;
	border-radius:4px;
	border-color: #777777;	
	border-style: solid;
    border-width: 2px 0px 0px 1px;
	border-style:inset;
	cursor:default;  
	
	/*
	min-width:400px;
	" pomarańczowe obramowanie tytułów sekcji cc3300 "
	
	
	*/  
}

#subtitle1top {
	width:50%;
	
	height:40px;
	color:#c0c0c0;
	text-shadow:2px 3px 2px #222222, 2px 3px 6px #555555;
    vertical-align:middle;
	letter-spacing:7px;
	font-size:1.2em;
	font-style:italic;		
	color:#90A4AE;
	text-shadow:2px 3px 2px #263238, 2px 3px 6px #33691E,  6px 6px 6px #ECEFF1;
	padding:5px 0 10px 15px;
	margin:3% 0 1% 2%;
	white-space: nowrap;
	border-radius:4px;
	border-color: #777777;	
	border-style: solid;
    border-width: 0px 0px 2px 1px;
	border-style:inset;
	cursor:default; 

	/*
	" pomarańczowe obramowanie tytułów sekcji cc3300 "
	
	*/
}

#arrow1 {					/*  strzałka przy napisie powrót*/
	float:left;
	width:10px;
	height:10px;
	opacity:0.7;
	font-size:0.1em;
	border-radius:0% 100% 0% 0%;	/*  oryginalnie border-radius:50% 180% 50% 0%;*/
	border-color: #555555;
	border-style: solid;
    border-width: 0 0 1px 1px;
	margin:1% 0 10px 10px;
	padding:0px 0px 0px 0px;
	transform: rotate(315deg);
	color:#323232;
	text-align:right;
	text-decoration:none;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
}

#headerback1 a {					/*  strzałka przy napisie powrót*/
	float:left;
	width:18px;
	height:18px;
	opacity:0.7;
	font-size:0.1em;
	border-radius:0% 100% 0% 0%;	/*  oryginalnie border-radius:50% 180% 50% 0%;*/
	border-color: #555555;
	border-style: solid;
    border-width: 0 0 1px 1px;
	margin:2.3% 0 0 2%;
	padding:0px 0px 0px 0px;
	transform: rotate(225deg);
	color:#323232;
	text-align:right;
	text-decoration:none;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
}

#headerback2 a {				/*napis powrót*/
	float:left;
	width:18px;
	height:18px;
	margin:2.3% 0 0 2%;
	text-decoration:none;
	color:#c0c0c0;
	text-shadow:2px 3px 2px #222222, 2px 3px 6px #555555;
	padding:0px 0px 0px 12px;
	opacity:0.3;
	font-size:0.6em;
	font-style:italic;
	letter-spacing:5px;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
}


.content0{
	width:125px;
	margin:5px 0 0 5px;
}
.content0:hover #headerback2 a {
	color:#c0c0c0;
	text-shadow:2px 3px 2px #222222, 2px 3px 6px #33691E;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	opacity:0.8;
}
.content0:hover #headerback1 a {
	border-color:#cc3300;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
    transform: rotate(225deg);
}
.content0:after {
        content:'';
        display:block;
        clear:both;
}
	  
.content1{
	margin:0 0 0.5% 0;
	width:75%;
	/*target:_blank;*/
}

.content1:after {
        content:'';
        display:block;
        clear:both;
}	  
  
.content2{
	width:255px;
	margin:5px 0 0 5px;
	position: fixed;/**/
	right: 3%;
	bottom: 3%;
}
.content2:hover #headerback2 a {
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	letter-spacing:5px;
	text-shadow:2px 3px 2px #222222, 2px 3px 6px #33691E;	
	opacity:0.8;
	font-size:0.6em;
}
.content2:hover #headerback1 a {
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	letter-spacing:5px;
    transform: rotate(135deg);
}
.content2:after {
        content:'';
        display:block;
        clear:both;
		letter-spacing:5px;
      }	  

#header {
	width:49%;
	min-width:420px;
	height:18px;
	margin:3% 0 0 2%;
}

#footer {
	width:49%;
	min-width:420px;
	height:18px;
	margin:5% 0 3% 2%;
}

.link1 {

	padding:8px 0 0 10px;
	width:60%;
	line-height: 1.5em;
	display:block;
	text-decoration:none;
	color:#2F2F4F;
	text-align:bottom;
	font-size:.6em;	
	text-shadow:2px 3px 6px #aaaaaa;
}


	
p.link1	  {
		background-repeat: no-repeat;
		background-position: bottom;
}