html {  font-family:verdana;
text-align:justify; padding:16px 12px;  margin:28px 0 42px 0;
color:#313957;background-color:#000; 
background-image:url(/b1.webp); overflow-x:hidden;
	background-repeat:no-repeat; 
	background-attachment:fixed; 
	background-position:center top; 
background-size: 100% 100%;  border-top-left-radius:10px; border-top-right-radius:10px;
margin-left:auto;
margin-right:auto; max-width:1500px;  font-size:14px; font-size:1.1rem;  
}

.wege {color:green; font-weight:bold;}

 
.bbg { background-color: #fff;  
z-index:10;border:12px;  }
.bck {background:#fff;}

.myGrid{  margin:0;padding:0;box-shadow: 0 0 2.4em #ccc;
-moz-box-shadow: 0 0 2.4em #ccc;
-webkit-box-shadow: 0 0 2.4em #ccc;
  border-radius:12px;
width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; 
display: flex;flex-wrap: wrap;}

.grid-item-border {border-radius: 3px;height: 100%;overflow:hidden;}

@media only screen and (min-width: 993px) {
.myGrid{background: #ffffff;}
.grid-item {margin: 0px 0px 26px 0px;	width: 25%;}
.grid-item-border {border-top:1px dashed #666; border-bottom:1px dashed #666; border-left:1px dashed #666;padding:3px;margin: 3px;	
background:#FFFFFF;color:#3a587c;}}

.grid-item-borders:first-child {border-left:none;}
@media only screen and (max-width: 992px) { 
.myGrid{	background: #ffffff;}.grid-item {margin: 0px 0px 26px 0px;width:50%;}

.grid-item-border 
{ border-top:1px dashed #666; border-left:1px dashed #666;padding: 3px;	margin: 3px;background:#FFFFFF;		
color:#3a3f74;}}

@media only screen and (max-width: 768px) {
.myGrid{background: #ffffff;}
.grid-item {margin: 0px 0px 26px 0px;width: 100%;}
.grid-item-border {border-top:1px dashed #666; border-left:1px dashed #666;	
padding: 3px;	margin: 3px;		background:#FFFFFF;	color:#353566;}}

.grid-item {text-decoration:none; line-height:160%; font-size:13px; font-size:0.9rem; padding:10px 0;}
.grid-item a {text-decoration:none;  font-size:13px;  transition:color 1.3s linear;}
.grid-item a:hover {text-decoration:none; transition:color 1.3s linear; }


.myGrid:first-line {font-weight:bolder; font-size:112%;}
/*  SECTIONS  */
.section { 
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.1%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.72%;
}
.span_2_of_4 {
	width: 49.45%;
}
.span_1_of_4 {
	width: 24.17%;
}

/*  GO FULL WIDTH BELOW 580 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}
.se {text-align:center; padding:8px 0px; font-size:11px; font-family:tahoma;}
.ta { float:left; padding:12px 0px ; }
object {  
border:1px solid #ccc; 
  
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
  border-radius:10px;
-moz-box-shadow: 0 3px 12px hsla(3,90%,0%,.2);
-webkit-box-shadow: 0 3px 12px hsla(3,90%,0%,.2);
box-shadow: 0 3px 12px hsla(3,90%,0%,.2);  
}
.sta a:hover { color:#2FAF26;transition:color 1.3s linear;}   
.stt {text-align:center; font-size:12px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #272f44; padding:8px; margin:0px 5%  24px 5%; 
border-bottom:1px dashed #666;  letter-spacing:1px }
.stt a{  font-size:12px; transition:color 1.3s linear;}

textarea, code, input, select {  background-color: #fff;  padding:3px 2px;margin:3px; border:1px solid #a2a2a2;
-webkit-border-radius: 6px;
  border-radius: 6px;
-webkit-box-shadow:2px 4px 8px #ccc;
box-shadow:2px 4px 8px #ccc; }
 
.v { margin:83px 30px 10px 30px;   
-moz-box-shadow: 0 0 2em #fff;
-webkit-box-shadow: 0 0 2em #fff;
box-shadow: 0 0 2em #fff;
-moz-border-radius:14px;
border:1px solid #dee3eb;  
		background-repeat:repeat; 
	background-attachment:fixed; 
	background-position:center top; 
-webkit-border-radius: 14px;
  border-radius:14px; filter:alpha(opacity=85); /* IE's opacity*/
 
     opacity: 0.85;
}
.cc { margin-top:15px; background-color:#fff; display:block;   text-align:justify;font-size:14px; line-height:24px;}
.ccc {float:left; background-color:#fff; display:inline;margin:0; padding:0;  text-align:justify;font-size:13px; line-height:24px;width:25%;}
.i{clear:both; margin-left:25px;float:left;font-size:11px;}

.i4{clear:both; margin:8px 25px; float:left;font-size:11px;}
.i5{clear:both; margin:8px 0; font-size:12px;}
.t5{ margin:8px 25px;  font-size:11px;}

.ggo1 img,.ggo img{   text-align:center;

-ms-box-shadow: 0  0 16px #000; 
-moz-box-shadow: 0  0 16px #000; 
-webkit-box-shadow: 0 0 16px #000;
box-shadow: 0 0 16px #000;
 -ms-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
  border-radius:10px; max-width:98%; height:auto; margin:12px 14px 18px 4px;}


.cw {float:right; background-color:#fff; display:inline;margin:0; padding:0;  text-align:justify;font-size:13px; line-height:24px;width:25%;}


.myGrid  {text-align:center; margin:3px auto;}
.k6 {text-align:center; margin:20px 0px 0px 0px;width:100%;background: linear-gradient(-180deg, #fff,#fff,#fff, #edeaea); background-color: #fff;  border-bottom-left-radius:12px; border-bottom-right-radius:12px; }
.k4 {font-size:11px; margin:5px auto;  letter-spacing:1px; }

img {border:none;}

.m img{ padding:2px 4px; margin:auto;}

a { color:#15559C; transition:color 1.6s linear;}
a:hover { color:#58a230; transition:color 1.6s linear;}  

.yu {text-align:center; letter-spacing:2px; font-size:14px; padding:5px 6px;  margin:4px 12%;line-height:160%; } 
.yu1  {text-align:center; letter-spacing:2px; font-size:14px; padding:4px 6px; line-height:160%;   margin:4px 10%; } 
.yu2  {text-align:center; letter-spacing:2px; font-size:14px; padding:5px 6px;line-height:160%;    margin:4px 2%; } 
.yu a { font-size:108%;}

.yu3  {text-align:center; letter-spacing:2px; font-size:14px; padding:3px 6px;   margin:4px 4%; } 

.yu8 {text-align:center; letter-spacing:2px; font-size:13px; margin:4px 10px 0px 10px;}
.yu8 a { font-size:108%;font-weight:bolder;}
h5 {text-align:center; font-size:120%; margin:2px; padding:1px;}
.wr  { text-align:right; padding:3px 10px;  margin: 0; top:42px; right:86px; position:absolute; visibility:visible; }


pre {text-shadow: 0px 0px 1px #555;padding:0; margin:0;}
 
.wgc { padding:1px 0 0 0;  margin:2px 0px 0px 0px; font-size:90%;  }


.tbk { padding:4px 2px;  text-align:center;vertical-align: middle;
margin:0px 8px; 
border-bottom:1px dashed #666;font-size:14px;vertical-align: middle; }
.tbk:last-child { 
border-bottom:none; }
.tbk img{margin:auto; vertical-align: middle; }
.rsstitle {padding:0; margin:0;}
.kwc {text-shadow: 0px 0px 3px #999;padding:2px;  margin:2px 0px 0px 0px; font-size:14px; }

.pp {padding:16px 40px;}
.wg { margin:0;margin-top:8px; }
.gb { width:100%; 
 border-top-left-radius:12px;  border-top-right-radius:12px; background: linear-gradient(-180deg, #dedbdb, #fff, #fff ); background-color: #fff; 
 padding-bottom:8px;
	 background-attachment:scroll; 
	background-position:center top;	 }
.gb1 { width:100%; height:auto; border-bottom:1px dashed #666; }
.gb2{float:left; width:64%; overflow:hidden; }
.gb3{float:left;width:18%; }
.gb4{float:left;width:18%; }
 
.gb1:after {
    content:"";
    display: table;
    clear: both;
}
@media screen and (max-width: 1048px) {
    .gb2, 
    .gb3,
.gb4,.pab.pab1,.pab2,.pab3,
	h4 {
        float: none;
        width: auto; text-align:center;margin: auto;
 }
    }

.wg  {text-align:center;padding-top:6px;margin-top:3px;}  
.wg1 {text-align:center;padding:0px;margin:1px;} 

.gb3 img {border-radius:3px; box-shadow:0px 0px 10px #555;margin:0px 5px;  width:16px; height:11px;vertical-align: middle;}
.rssdescription {border-bottom:1px dashed #666; margin:4px 0px; padding:4px 0;}
.rssdescription img{ margin-bottom:6px;  }

input { text-align:center;margin:0 auto;}
.pab {text-align:left; padding:5px; margin:22px 10px 0px 10px; font-size:12px;margin-left:5%;}
.pab1 {margin-top:10px; margin-bottom:10px; font-size:12px; text-align:left;margin-left:6%;}
.pab2 {line-height:160%;margin-top:3px; margin-bottom:3px;font-size:12px; text-align:left;margin-left:4%;margin-right:6px;}
button {border:1px solid #ccc; margin:10px 0px 2px 0px;   border-radius:3px;} 
.brd {margin:6px 0px;border-left:1px dashed #555;border-right:1px dashed #555;}


.ggo {max-height:4360px;   overflow-x: auto;
  overflow-y: scroll;}

.ggo::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
  overflow-x: auto;
}

.ggo::-webkit-scrollbar{
  width: 4px;
  height: 4px;
  background-color: #e6e6e9;
  overflow-x: auto;
}
 
.ggo::-webkit-scrollbar-thumb {  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #e8e8e8;
  overflow-x: auto;
}
.ggo{scrollbar-width: thin !important; }

.ggo1 {max-height:4520px;   overflow-x: auto;overflow-y: scroll;}

.ggo1::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
  overflow-x: auto;
}

.ggo1::-webkit-scrollbar
{
  width: 4px;
  height: 4px;
  background-color: #e6e6e9;
  overflow-x: auto;
}
 
.ggo1::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #e8e8e8;
  overflow-x: auto;
}
.ggo1{scrollbar-width: thin !important; }

.rssdescription img {  filter: brightness(100%);margin:12px;
  transition: transform .3s ease;border-radius: 10px;
  margin:auto; text-align:center; 
}

.rssdescription:hover img {filter: brightness(110%);
  transform: scale(1.02);  
 border-radius: 10px; 

  margin:auto; text-align:center;
}
H1 { font-size:7vw; 	-webkit-text-shadow:3px 6px 14px #ccc;  
text-decoration:none;
text-shadow:3px 6px 14px #ccc;  
 
	 margin:0px;padding:0; 
	font-weight: bolder;  color:#15559C;
	letter-spacing: 10px;
	text-transform: uppercase;margin:0;}
 


H1 a {  margin:12px 0px;padding:0; font-size:7vw; transition:color 1.5s linear;
 color:#475b87;
	font-weight: bolder; 
	 
	text-transform: uppercase; text-decoration:none;
 
}
H1 a:hover {text-decoration:none; color:#222;   
 
 
}
span {text-decoration:none; color:red; padding:0; margin:0;}
span  a:hover {  text-decoration:none;}
span  a {  text-decoration:none;}
H2 {background: linear-gradient(-90deg, #AF0000, #EF0000); background-color: #EF0000; text-shadow: 6px 6px 3px #999;
	font-size:3vw; 
	font-weight: bolder;
	color: #FFFFF2;
	margin: 10px 3px 3px 3px;
 text-shadow: 0.2em 0.5em 0.1em #600,
      -0.14px 0.1em 0.1em #060,
      0.4em -0.14px 0.1em #006; 
	padding: 12px 0px;
	letter-spacing: 5px;
	text-transform: capitalize; }
H2 a {  text-shadow: 6px 6px 3px #999;
	font-size: 64px;
	font-weight: bolder;
	color: #FFFFF2;
	margin: 10px 3px 3px 3px;
 text-shadow: 0.2em 0.5em 0.1em #600,
      -0.14px 0.1em 0.1em #060,
      0.4em -0.14px 0.1em #006; 
	padding: 12px 0px;
	letter-spacing: 5px;
	text-transform: capitalize;
}

H3  {  text-shadow: 0px 0px 3px #999;
	font-size: 144%; text-align:center;
	font-weight: bolder;
	 
	margin: 3px;
  
  
	padding: 2px 0px;
	letter-spacing: 2px;
	text-transform: capitalize;
}

.yuu a {  text-decoration:none;}

.cno, .cno1  {text-align:center; margin:auto; display:flex;  display: -webkit-flex;
justify-content:center; -webkit-justify-content:center;
align-items:center;-webkit-align-items:center;}

.cno a,.cno1 a, h1 {  filter: brightness(100%); 
  transition: transform .5s ease; 
  margin:auto; text-align:center; }

.cno a:hover,.cno1 a:hover, h1 {filter: brightness(120%);
  transform: scale(1.05);  }


.cnoc  {text-align:center; margin:auto; display:flex;  display: -webkit-flex;
justify-content:center; -webkit-justify-content:center;
align-items:center;-webkit-align-items:center;}

.cnoc a   {  filter: brightness(100%); 
  transition: transform .6s ease!important; 
  margin:auto; text-align:center; }

.cnoc a:hover  {filter: brightness(120%);
  transform: scale(1.06)!important;  }
.cnoc a, img {box-shadow:none; border-radius:6px;}
.nbp {font-size:10px; color:#686868; margin-bottom:1px; padding-bottom:1px;margin-top:0px; padding-top :0px;}

h1 {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 3.5s;
  animation-duration: 3.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  }
  @keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  } 

.gb1 {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 

.pr {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 

.bck {background-color: #fff;}
.cnocenter {background-color: #fff;margin-bottom:10px; text-align:center; display:flex;  
justify-content:center; 
align-items:center;} 
.cno img {box-shadow:none;}

.tvn  {padding:6px  0px 6px 0px;  text-align:justify;  }
.tvn img {width:225px; height:149px;}
.tvn1 img {width:320px; height:196px;}
.tvn1  {padding:6px  0px 6px 0px;  text-align:justify; font-size:12px; }
.tvn1 a {margin:3px 0px; padding:3px 0px;font-size:98%; }
.heh {border-top:1px dashed #555; margin:0 5px;}
.pr {float:right; right:10px; top:12px; font-size:12px; position:absolute; color:#fff;}

.hch {border-bottom:1px dashed #444;margin:8px;padding-bottom:8px;font-size:99%;}
.hho {margin:4px 0;}
.hhhh {font-weight:normal; color:#fff;font-size:10px;}

.rowc1 {
  display: flex; 
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.ccc1 {     
  flex: 60%;
} 
.ccc2 {  
  flex: 20%;  
} 
.ccc3{ 
  flex: 20%; 
} 
@media screen and (max-width: 900px) {
  .ccc1,.ccc2,.ccc3 { flex-direction: column;
 
} 
}
.rowh {
  display: flex; 
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.hi1 {     
  flex: 64%; 
} 
.hi2 {  
  flex: 12%;  
} 
.hi3 {  
  flex: 12%;  
} 
.hi4 {  
  flex: 12%;  
} 
@media screen and (max-width: 800px) {
  .fcno1,.fcno2 { flex-direction: column;
 
} 
}

.fcno {
  display: flex; 
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.fcno1 {     
  flex: 50%; 
} 
.fcno2 {  
  flex: 50%;  
} 

@media screen and (max-width: 800px) {
  .fcno1,.fcno2 { flex-direction: column;
 
} 
}


.co {
  display: flex; 
  flex-direction: row;
  flex-wrap: wrap;
  width: 800px;
}

.co1 {   
  flex: 20%;
} 
 
@media screen and (max-width: 690px) {
  .co,.co1  { flex-direction: column;
 
} 
}
.co img {width:90px; height:120px;}
@media screen and (max-width: 690px) {
 .co img {width:150px; height:220px;}
}
}
@media screen and (max-width: 1000px) {
.tvn img {width:225px; height:109px;}
}
@media screen and (max-width: 1000px) {
.tvn1 img {width:320px; height:156px;}
}

.cno5  {text-align:center; margin:auto; display:flex;  display: -webkit-flex; flex-direction: column;

 }
.co a{font-size:13px; color:#111;text-decoration:none;}
.co a:hover{  color:#444; }

.nahaczyku a {color:red;text-decoration:underline;}

.cno6 {text-align:center; margin:auto; display:flex;  display: -webkit-flex;
justify-content:center; -webkit-justify-content:center;
align-items:center;-webkit-align-items:center;margin:20px 0px 30px 0px;}

.co8 img,.co9 a,.cno8 a   {  filter: brightness(100%)!important; 
  transition: transform .5s ease!important; 
  margin:auto; text-align:center; }

.co8 img:hover,.co9 a:hover,.cno8 a:hover {filter: brightness(130%)!important;
  transform: scale(1.08)!important;  }

.cno8 a {display:block;}
.cnop {padding:22px 10px 10px 10px}
.cnop img{ width:100%;height:auto;}