/* BASE LIST */
.list { padding:0px 5px 15px 5px; overflow: hidden!important; zoom: 1;}
  ul.list {
      display:block; 
      width: 100%; max-width: 100%;
      margin:0 auto;  
      padding-bottom: 10px;
  }
   .list li {
      float:left;
      display:inline-block; 
      border-spacing: 0px;
      text-align: center;
      vertical-align: middle;
      width: 100%; 
      max-width: 100%;
      padding: 5px; 
  }
   .list p {
      width: auto;
      max-width: 210px;
      margin: 0 auto;
       
  }
  .list li img {
      display: block;
      display: flex;
      -width: 100%;
      max-width: 210px;
  }
  .list li i {
      display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding: 2px;
  }
 
/* PHOTO */
  .list.photo { 
      display: table;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin:0 auto;
  }
  .list.photo a { 
      display: block;
    overflow: hidden;
    position: relative;
  }

   .list.photo li {
      display: table-cell;
      text-align: center;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; 
  }
 .list.photo p * {  margin : 0 auto; }
 .list.photo p {
      background: #F3F3F3;
      box-shadow: 2px 2px 2px 1px #E0E0E0;
  }

  .list.photo li p:before {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      content: "";
      opacity: .17;
      border-right: 1px solid #8C9093;
      border-bottom: 1px solid #8C9093;
  }
.list.photo li img { 
min-height: 100%; min-height: 100px; display: flex;
 }


.list.photo li i {
position: absolute; bottom:0px; right:0px; padding: 1px 2px; min-width : 22px; 
background: #222;  background: rgba(0, 0,2, 0.6);color: #DFDFDF;text-shadow:none;
font-size: 11px; line-height: 1.1; border-radius:1px;  text-align: center;  

}

 
/* INLINE */
.list.inline li { min-width:100%; border-top:1px solid #E3E3E4;  }
.list.inline p { min-width:240px; display: block; float:left;  padding: 2px 2px; }
.list.inline p+p { min-width:240px;  }


/* LINKS */
.list.links { min-width:100%;   }
.list.links a  {  width:100%; display: block; padding: 5px 2px;border-top:1px solid #E3E3E4; }
.list.links a:last-child  {  border-bottom:1px solid #E3E3E4; }
.list.links i {  float:right; }
 





/* TILE EEEFFF*/  
.list.tile * {text-align:center; }


.list.tile li { width:auto; padding:0;}
.list.tile a , .list.tile div {     margin: 3px;
    display: table;
    width: 66px;
    min-width: 50px;
    height: 50px;
    border: 1px solid #e2e2e33d;
    color: #ffffff;
    background: #f1f1f000;
    background-size: 100%;
}

.list.tile a:after ,.list.tile div:after { 
background-image: url(/css/bg/light/blik.png);
background-repeat: no-repeat;
background-size: 100%;content: "";
height: 100%;width: 100%;left: 0px;top: 0px;
position: absolute;opacity: 0.7;z-index: 2;
}



.list.tile b { display: table-cell; text-align:center; font:17px 'pts',arial;width: 100%;}
.list.tile p { display: table-row; margin-top:10px ;  }
.list.tile i { display: table-cell; text-align: center; font-size:10px; padding:0 4px 0 4px ; }
.list.tile a:hover  * {  color:#ff4646}
.list.tile+.tile{margin-top:-10px;}




/* CHANNELS */
.list.channels  , .list.bs{ padding: 0 ; }
.list.channels li, .list.bs li { padding: 0 ; }
.list.channels *, .list.bs li * { white-space:nowrap; overflow:hidden;   text-overflow:ellipsis; }
.list.channels a, .list.bs li a {
 display: table; max-width: 100%; width: 100%;  padding:8px 2px 8px 9px;
 background: #F0F1F3 url(/css/bg/light/wgr.png) repeat-x;
 border-top: 1px solid #F5F5F5; border-bottom: 1px solid #E3E3E3; eborder: 1px solid #000!important;
} 
.list.channels li b{ display: table-cell; max-width:60%; dheight:15px; }
.list.channels li i { display: table-cell; text-align: right; padding-left:3px; max-width:30%; dheight:15px; }
.upd:after { content:"";position:absolute; top:-8px; left:-18px; background-position:0px -15px; width:20px; height:20px;}
.list.channels a:hover  { background: #f4f4fa url(/css/bg/light/wgr.png) repeat-x;}
.list.channels a:focus {  border: 1px dotted #999!important;}

 
/* BANNERS*/
.list.bs li { padding: 0 ; width: 50%; }
.list.bs img, .list.bs li b { 
margin: 0 auto; text-align: center; display: block;
line-height: 30px;  height: 30px!important; opacity: .83;   
}
.list.t50 img+div,.list.b50 img+div{ width: 72%!important; }
.list.t50 , .list.t100  , .list.b50 , .list.b100,
.list.t50 * , .list.t100 * , .list.b50 * , .list.b100 * {
text-overflow:ellipsis; overflow:hidden; width: auto;margin: 0!important; padding:0!important;vertical-align:top!important;
-background: transparent!important;
background-color: transparent!important;
border-color: transparent!important;
font-size:12px!important; 
color :#91939D!important;  
}

.list.b50 td * { -float:left!important;  }

.list.t50  , .list.b50 ,.list.t100 , .list.t100 { padding:0 1px; }
.list.t50 , .list.t100   { margin-top:-10px; }
.list.t50 li , .list.b50  li  { min-width: 100%;  }
.list.t100 li , .list.b100  li  { min-width: 100%; }

.list.t50 li img,.list.b50 li img {  -float:left!important;
 height: 50px!important; width: 50px!important;min-width: 50px!important;border-radius: 0px!important;opacity: .83; margin-right:6px!important;
}
.list.t50 li  , .list.t100  li  , .list.b50  li  , .list.t100  li { padding:5px!important;}

.tzrlnd_div_1 {
   
    float: left;
}










/* FORM */
.list.form  { padding:1px 5px 15px 5px; }
.list.form li   { width: 100%; min-width:100%; }
.list.form b { display: inline-block; padding: 0px 2px 1px 2px; color:#777778;} 
.list.form a, .list.form a { float:right;  margin: 0 1px; } 
.list.form a+b { margin: 11px 0px 0px 0px; } 
.list.form p { white-space:nowrap; min-width:1px; max-width: 95%; }
.list.form li input[type='submit'], .list.form li input[type='file'] { float:right; width: 100%;} 
.list li img.captcha {display: block; float:left; position:absolute!important; width:auto!important; top:1px; right:1px;}
 /* form w 100%*/
.w100 .list.form p  {  width: 100%; min-width:100%; }
.w100 .list.form li input[type='submit']  { float:none; width: 50%;} 
.w100 .list.form li:last-child p { text-align: center; float:none;} 
.w100 .list.form { padding-left: 0%;}
 



  /* ARTICLES  */
.list.articles li { width: 100%;  max-width: 100%; float:left;  text-align: left;  height: 111px; }
.list.articles li p { margin-left:1px; }
.list.articles li img { max-width: 80px;  max-height: 100px; float:left; padding-right: 8px; }
.list.articles li  { width: 100%; }
.list.articles li b {  
width: 100%; display: block; padding-bottom: 6px; 
font-family:'pts',arial;  font-size:17px; color:#000;
} 
.list.articles li  h2 { 
width:  95%; display: block;height: 35px;  
font-family:arial;  font-size:11px; height: 100%; 
 }
 
 

/* HID - MOB /TAB /PC */
li.mh { display:none!important; }
li.th { display:block; }
li.ph { display:block; }

/*>>>>>>>>>>>>>>>>>>>>>>>>>>> 290px SMART */
@media all and (min-width: 290px) {
.list p { width: 100%; }
.list li { width: 50%; max-width: 50%; }
.list.bs   { padding-bottom: 15px ;}
.list.bs li { padding: 5px ;}
.list.bs li a { padding: 0px!important ; }
.list.bs li img { width: 57%;  }
.list.channels li { padding:5px; }
.list.channels a { 
border: 1px solid #EDEDEF; border-bottom: 1px solid #E1E1E1;
box-shadow: 1px 1px 1px 0px #ECECEC;
}
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>> 480px TAB min */
@media all and (min-width: 480px) {
.list.form p {  smax-width: 270px; } 

.list.channels { padding: 0 ; }
li.mh { display:table-cell!important; }
li.th { display:none!important; }
li.ph { display:block!important; }
.list li { width: 33.333%; max-width: 33.333%;}
.list.t50 li , .list.b50  li  { min-width: 50%;  }

}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>> 720px TAB max*/
@media all and (min-width: 720px) {
.list.form { padding-left: 8%;}
.list.form p { float:left; display: inline-block; width: 280px ; } 
.list.form p:first-child { max-width: 180px; } 
.list.form b { float:right; padding: 6px 10px 0 0; } 
.list.form a { float:left; } 
.list.form a+b { margin: 0px; } 
.list.form li p:first-child input { float:right; width: 50%; margin-right: 7px; } 
.list.form li:last-child { width:100%} 
.list.form li:last-child p { float:left; } 
.list.form li input[type='submit'] { float:right; width: 100%; } 
.w100 .list.form b { float:left; padding: 6px 10px 0 0; } 

li.mh { display:table-cell!important; }
li.th { display:block!important; }
li.ph { display:none!important; }
.list.articles li { width: 50%; max-width: 50%;  }
 .list li { width: 25%; max-width: 25%; }

}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>> 900px PC sidebar on*/
@media all and (min-width:900px) { 
.list { padding:0px 5px 15px 5px;}
.list.form { padding-left: 5%;}
.list.channels a, .list.bs li a {padding:5px 2px 5px 8px;}
.upd:after {  top:-5px; left:-18px;  }
.list.channels { padding: 0 ; }
}