BODY {  
    background-image: url(../images/bb.png); 
	background-repeat: repeat;  background-attachment: fixed; 
background-color: #fff;
font-family : verdana; 
font-size : 14px;  text-align:center;
color : #303344;
  max-width:1460px;margin:auto;
} 
.xrm img {max-width:580px;height:auto;}
img { text-align:center; border: 0px; }
INPUT, select, TEXTAREA, SELECT { 
font-family : verdana; 
font-size : 13px; 
}
.container {max-width:1024px;background-color:#fff;padding:22px;margin:32px auto;border-radius:10px; box-shadow: 2px 0px 18px #252a31;color:#1c345e;}
.row,.rowr {
  display: flex; 
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;  align-itmes:center;   margin:auto;justify-contnet:center;
}

.column1 {   
  flex: 20%;
} 
.column2 {  
  flex: 60%;  
} 
.column3{ 
  flex: 20%; 
} 
@media screen and (max-width: 768px) {
  .row,.column1,.column2,.column3 { flex-direction: column; 
 
} 
}
aside {max-width:220px;margin:0 auto;text-align:center;}
.srodek {text-align:justify;}

.w1 {  visibility:visible; 	background-repeat:repeat; 
	background-attachment:fixed; position:fixed;
	background-position:center top;  -moz-border-radius:1em;
-webkit-border-radius:1em;
  border-radius:1em; 
-moz-box-shadow: 0 0 1em #333;
-webkit-box-shadow: 0 0 1em #333;
box-shadow: 0 0 1em #333; text-align:center; background-color:#fff;   left:24px; top:26px; padding:10px;}
.f3 {margin:2px;
-webkit-border-radius: 4px;
  border-radius: 4px;
-moz-border-radius: 4px;}

.f1 {margin:6px 2px; 
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
 border-radius:4px;  
-moz-box-shadow: 0 0 8px #4D6091;
-webkit-box-shadow: 0 0 8px #4D6091;
box-shadow: 0 0 8px #4D6091;}

.g5 {font-size:11px;}
a { 
color : #292B33; 
font-size : 14px; 
font-family : Tahoma; 
text-decoration : underline; 
}
td, p, div { font-size:12px;}
a:hover { font-size : 14px; 
color : #EA1212; 
text-decoration : overline underline;
}
span a{ letter-spacing:2px; 	font-weight:bolder;
color : green; 
font-size : 14px; 
font-family : Tahoma; 
text-decoration : underline; 
} 

h1 {border-radius: 5px; font-size:18px;
-webkit-border-radius: 5px;
 border-radius: 5px; font-family:Verdana; color: #fefefd;text-align: center; background-attachment: scroll;
-moz-box-shadow: 0 0 8px #4D6091;
-webkit-box-shadow: 0 0 8px #4D6091;
box-shadow: 0 0 8px #4D6091;	 
	letter-spacing:3px;
	padding: 4px 0;
	margin: 2px 0 5px 0;
 background: linear-gradient(-98deg, #A52B2B, #C61313, #EA1717); background-color: #EA1717; 
}
.backlinks{ 
text-align:center; padding:18px 0;
}
strong:after,
#n2 strong:before{
/*Workaround for Gecko*/
	content: "";
} 
.content { 
background : none repeat; 
color : #616a74; 
font-size : 11px; 
font-family : Tahoma; 
}

.storytitle { 
text-align:center;
background : none repeat;
background-color: #fbfbfb; 
color : #FA9F64; 
font-size : 11px; 
font-weight : bold; 
font-family : Tahoma; 
text-decoration : none; 
} 
.boxtitle, .option, .boxcontent, .storycat { 
text-align:center;
background : none repeat; 
color : #F76D43; 
font-size : 11px; 
font-weight : bold; 
font-family : Tahoma; 
text-decoration : none; 
} 
#navcontainer
{ 
	text-align:left;
 text-indent:10px;
	padding:2px;}
ul#navlist {
list-style: none;
		margin:0;
		padding:0;
		border:none; width: 100%;}
ul#navlist li { border-bottom: 1px dotted #9EAFCA;margin: 0; }
ul#navlist li a { 		font-size:11px;
		display: block;
		padding:8px 4px; margin:3px 0;
		color: #203141;
		text-decoration: none;
		width: 100%;
		font-weight:bolder;

}
#navcontainer>ul#navlist li a { width: auto; }
ul#navlist li#active a {
font-weight:bolder; }
ul#navlist li a:hover, ul#navlist li#active a:hover { -moz-border-radius:3px;
-webkit-border-radius:3px;
 border-radius:3px;
 -moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
	font-size:11px;
	color: #fdfdfb;
	 background: linear-gradient(-90deg, #303344, #16487A, #1D63AA);  background-color:#1D63AA;
	font-weight:bolder; }
.mn {letter-spacing:1px;
	background-image: url(../images/mn.gif);
	margin:0;
	border-top: 1px  solid #F8FAFC;
	background-repeat: repeat-x;
	padding: 4px;
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #06023C;
}
.mn a {letter-spacing:3px;
	 padding:10px
	font-size: 22px;
 
}
.lps {
	margin: 0px;
	text-align:left;
	text-indent: 10px;
	background-color: #FEFEFE;
	width: 100%;
	height:12px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #06023C;
	margin-bottom:10px;
	border-right: 1px #E0E7EF;
	border-bottom: 1px solid #E0E7EF;
	border-left: 1px #E0E7EF;

}
 
.tytulbloku {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align:center;
	color: #F8FAFC;
	width:175px;
	padding:3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	border-right-width: 1px;
	border-right-style: ridge;
	border-right-color: #666;
	border-top-color: #666;
	border-top-width: 1px;
	margin:0px;
	background-color: #1C364E;
	background-image: url(../images/bbg.webp);
	background-repeat: no-repeat;}

.hbg{
	text-align: left;
	width:100%;
	height:140px;
	background-color:#F5F7FA;
	border-bottom: 1px groove #000;
	background-image: url(../images/hbg.jpg);
	background-repeat: repeat-x;}
 
 
.lewetlo{
width:auto;
padding:5px;
margin:0px 5px 10px 5px;
border: 1px solid #dee3eb; 
background-color:#FDFDFE;}

	 
.prawetlo{
width:auto;
padding:5px;
margin:0px 10px 10px 5px;
border: 1px solid #dee3eb; 
background-color:#fff;
}
.tytulsrodek {
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	color: #F8FAFC;
	padding:3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	border-right-width: 1px;
	border-right-style: ridge;
	border-right-color: #666;
	border-top-color: #666;
	border-top-width: 1px;
	margin-top:0px;
	margin-bottom:0px;
	background-color: #1C364E;
}	
.ft{margin:10px;}
.module {
	font-size: 12px;
	padding:3px;
	border-bottom:1px;
	border-bottom-style: inset;
	border-bottom-color: #ccc;
	 
}
.module img { text-align:center; margin:16px 0 auto; 	
-moz-box-shadow: 0 0 10px #4D6091;
-webkit-box-shadow: 0 0 10px #4D6091;
box-shadow: 0 0 10px #4D6091;
border:1px solid #dee3eb; 
-moz-border-radius:8px;
-webkit-border-radius: 8px;
 border-radius:8px; 
} 

#sp7 { padding:3px 0; padding:2px 0;text-align:center;}
.g0 { text-align:center; }
.g0 img { margin:18px 0; 	
-moz-box-shadow: 0 0 16px #4D6091;
-webkit-box-shadow: 0 0 16px #4D6091;
box-shadow: 0 0 16px #4D6091;
border:1px solid #dee3eb; 
 
-moz-border-radius:14px;
-webkit-border-radius: 14px;
 border-radius:14px; } 
.sn7 {text-align:center;
}


.sn7 img { text-align:center; margin:10px 0; 		
-moz-box-shadow: 0 0 6px #4D6091;
-webkit-box-shadow: 0 0 6px #4D6091;
box-shadow: 0 0 6px #4D6091;
border:1px solid #dee3eb; 
 padding :0px; 
-moz-border-radius:5px;
-webkit-border-radius:5px;
 border-radius:5px; } 

.g0 li { quotes: "\00BB" "\00BB"; }
.g0 li a:before { content: open-quote; color: #4bba29; padding: 0 6px; }
.g0 li a:after { content: no-close-quote; } 
.g0 li a:hover:before { content: open-quote; color: #04442b; padding: 0 6px; }
.g0 li a:hover:after { content: no-close-quote; }  

.s3 span a{ letter-spacing:2px; 	font-weight:bolder;
color : green; 
font-size : 14px; 
font-family : Tahoma; 
text-decoration : underline; 
} 
.module p {text-align:justify; } 
.c5 { text-align:center; margin:12px 0; }
.c6 {float:left; text-align:justify; width:40%;}
.c7 { float:left; width:60%;  }
.c5 ul { margin:  0 5px ; padding: 0; }
.c5 li {list-style: none;  }
.c5 a { font-weight:bolder; font-size:12px!important;  letter-spacing:1px;}
.c5 a:hover { font-size:12px!important;  letter-spacing:1px;}
.c7 p {
-moz-box-shadow: 0 0 16px #4D6091;
-webkit-box-shadow: 0 0 16px #4D6091;
box-shadow: 0 0 16px #4D6091;
border:1px solid #dee3eb; margin:16px 8px 26px 8px;
text-align:center; padding:8px;
 }
.module img { text-align:center; margin:4px 0 auto;}
.module li a { font-size:14px;letter-spacing:1px;}
.module li a:hover { font-size:14px; }
.srodek {  font-size:15px; line-height:160%;
width:auto;
padding:5px;
margin:0;
border: 1px solid #dee3eb; 
background-color:#FDFDFE; }
 

.ft3 {margin:5px; text-align:center;}

.ft3 img {margin:5px 30px;}
a:hover { 
-webkit-filter: brightness(1.1) drop-shadow(0px 0px 8px #555); 
filter: brightness(1.1) drop-shadow(0px 0px 8px #555);
} 

.c6 ul {margin:30px  0px 0px 30px;}
.c6 li a {font-size:18px; padding:8px 2px;margin:8px 2px;}
.c6 li a:hover {font-size:18px;padding:4px;margin:4px;}


#navlist li { quotes: "\00BB" "\00BB"; }
#navlist li a:before { content: open-quote; color: #3ca23c; padding: 0 6px; }
#navlist li a:after { content: no-close-quote; } 
#navlist li a:hover:before { content: open-quote; color: #fff; padding: 0 6px; }
#navlist li a:hover:after { content: no-close-quote; }   

.mn a {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 

.mgn img {width:80%;height:auto;margin-bottom:10px;}
.hhtt a {margin:0px auto; text-align:center;   display:flex;  display: -webkit-flex;
justify-content:center; -webkit-justify-content:center;
align-items:center;-webkit-align-items:center;} 
.bx {text-align:center;margin-bottom:20px;}
.buttonxrumer {margin:22px auto;border-radius:10px;text-align:center;width:350px; height:250px;  
 background: linear-gradient(-118deg, #ba401a, #e2400c, #ba401a); background-color: #ba401a; padding-top:2px;
}
.buttonxrumer a{color:#fff; font-size:64px; font-weight:bolder;letter-spacing:1px;line-height:110%;text-align:center;}

.xrumer img {margin:12px auto;text-align:center;}
.xrumer {margin:auto;text-align:center;}
.xrm p  {padding:8px 28px;}
.xrm ul {padding:8px 32px;}
.ghr {padding:0px; margin:2px;text-align:center;}

.tytulbloku,h1 {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  20% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
  -webkit-transform: scale3d(.9, .9, .9);
  transform: scale3d(.9, .9, .9);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
  -webkit-transform: scale3d(.97, .97, .97);
  transform: scale3d(.97, .97, .97);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  20% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
  -webkit-transform: scale3d(.9, .9, .9);
  transform: scale3d(.9, .9, .9);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
  -webkit-transform: scale3d(.97, .97, .97);
  transform: scale3d(.97, .97, .97);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }