xbody { 
 	background-color: #f7fdef; 
	font-family: roboto, arial; 
	font-size: 14px;   /* 13px = <font size="2"> */
}		/* kolor, font całej strony #f7fdef #D9D9D9 f3f3f3 f1f1f1*/

.container {
    display:block;
    width: px;
    margin: 0 auto; 
}

xfonts {
	font-family: roboto, arial; 
	font-size: 14px;   /* 13px = <font size="2"> */
}		/* fonty */

.arch {
	display: inline-block; float: left;
 	background-color: ; 
	height: 160px; width: 650px; 
	border: 1px double gray; 
	border-radius: 10px; 
	padding: 0px 0px 0px 0px;
	text-align: center; 
	vertical-align: center;
}


.archiw {
	display: inline-block; float: center;
 	background-color: #f7fdef; 
	height: px; width: px; 
	border-radius: 6px; 
	text-valign: center; padding-top: px;
	/* font-size: smaller; */
	-webkit-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	-moz-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	box-shadow: 2px 2px 5px 0px rgba(90, 81, 66, 1); 
}  		/* przycisk audycji jasny cien */

.zarch {
 	display: inline-block; float: center; 
	background-color: #FFFFB5; 
	height: px; width: px;  border-radius: 25px;
	padding: 0px 10px 0px 20px;  
	-webkit-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	-moz-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	box-shadow: 5px 5px 8px 0px rgba(90, 81, 66, 1);
	text-align: left;
}		/* box strony archiwalnej */

.codz { 
	height: px; width: px; padding: 0px; 
	margin: 2px;
	background-color: #FFFFAA; 
	border: 1px double sienna; border-radius: 15px; 
} 		/* box codziennie */

.error {
	display: inline-block; float: center;
	background-color: #FFFFB5; 
	height: px; width: 800px; padding: 20px; 
	border-radius: 10px;
	-webkit-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	-moz-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	box-shadow: 5px 5px 8px 0px rgba(90, 81, 66, 1); 
} 		/* box roku error 503 */

.naglowek {
 	display: inline-block; float: center; 
	 background-color: #FFFFB5; 
	 height: px; width: px;  border-radius: 10px; 
	 -webkit-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	 -moz-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	 box-shadow: 5px 5px 8px 0px rgba(90, 81, 66, 1);
} 		/* nagłowek strony srodkowej */

.podcast { 
	display: inline-block; float: left; 
	background-color: #FFFFAA;
	height: 100px; width: 120px;
 	border: 1px double #228B52; border-radius: 10px; 
	margin: 0px 0px 20px 20px; 
	-webkit-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	-moz-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	box-shadow: 5px 5px 8px 0px rgba(90, 81, 66, 1);
} 		/* box podcastu radia i TV */

.radia {
 	display: inline-block; float: center; 
	 background-color: #FFFFAA; 
	 height: 650px; width: 120px;  border-radius: 10px; 
	 -webkit-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	 -moz-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	 box-shadow: 5px 5px 8px 0px rgba(90, 81, 66, 1);
} 		/* box radia online */

.rok { 
	height: 76px; width: 890px; padding: 20px; 
	background-color: #FFFFAA; 
	border: 1px double red; border-radius: 10px; 
}		/* box stron archiw. w roku */

.p1 {
	display: inline-block; float: center;
	background-color: #FFFFB5; 
	height: 20px; width: 150px; padding-top: 6px;
	border-radius: 6px;
	text-valign: center; 
	-webkit-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	-moz-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	box-shadow: 5px 5px 8px 0px rgba(90, 81, 66, 1); 
} 		/* przycisk-1 menu */


.p1bc {
	display: inline-block; float: center;
	background-color: #FFFFB5; 
	height: 20px; width: 140px; 
	border: 1px double sienna; border-radius: 6px;
	text-valign: center; padding-top: 7px;
/*	 -webkit-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	 -moz-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	 box-shadow: 5px 5px 8px 0px rgba(90, 81, 66, 1); */
}  		/* przycisk miesiąca arch. tutaj */


.p2 {
	display: inline-block; float: center;
 	background-color: #FFFFC2; 
	height: 20px; width: px; border-radius: 6px; 
	text-valign: center; padding-top: 5px;
	-webkit-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	-moz-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	box-shadow: 2px 2px 5px 0px rgba(90, 81, 66, 1); 
} 		/* przycisk-2 tygodnie */

.p2a {
	display: inline-block; float: center;
 	background-color: #FFFFC2; 
	height: 20px; width: 130px; border-radius: 6px; 
	text-valign: center; padding-top: 5px;
	-webkit-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	-moz-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	box-shadow: 2px 2px 5px 0px rgba(90, 81, 66, 1); 
}  		/* przycisk miesiąca arch */


.p3 {
	display: inline-block; float: center;
 	background-color: #FFFFC2; 
	height: 20px; width: px; 
	border-radius: 6px; 
	text-valign: center; padding-top: 5px;
	font-size: smaller;
	-webkit-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	-moz-box-shadow: 8px 8px 11px 0px rgba(90, 81, 66, 1);
	box-shadow: 2px 2px 5px 0px rgba(90, 81, 66, 1); 
}  		/* przycisk audycji jasny cien */

.p3red {
	display: inline-block; float: center;
	height: 20px; width: px; 
 	background-color: ; 
	border: 1px double green; border-radius: 6px; 
	text-valign: center; padding: 2px;
	/*font-size: smaller;*/
}  		/* przycisk audycji szaronieb obw  #63636b */


.rozmycie {
-webkit-filter: blur(13px);

-moz-filter: blur(13px);

-o-filter: blur(13px);

-ms-filter: blur(13px);

filter: blur(13px);
} 	/*rozmycie px  */

.jasnosc{
-webkit-filter: brightness(0.9);

-moz-filter: brightness(0.9);

-o-filter: brightness(0.9);

-ms-filter: brightness(0.9);

filter: brightness(3.0);
}	/* jasniejsze do 1 */


.tv {
	display: inline-block; float: left; 
	background-color: #FFFFC2;
	border: 1px double sienna; border-radius: 10px; 
	padding: 10px; margin: 0px 50px 0px 50px; 
	text-align: center;
}  		/* box teatru tv */


.zoom {
  transition: transform .3s;
}
.zoom:hover {
  -ms-transform: scale(0.96); /* IE 9 */
  -webkit-transform: scale(0.96); /* Safari 3-8 */
  transform: scale(0.96); 
}  	/* zoom wklęsły przycisku  */


#scroll-to-top{
   position:fixed;
   bottom:30px;
   right:5px;
   opacity:0.6;
}
#scroll-to-top:hover{
   opacity:1;
}  	/* powrót do góry */