﻿html {padding:0;margin:0;}
body {background:#505050;font: 0.875em Arial, Helvetica, sans-serif;margin: 0;padding: 0;color: #ffffff;} /* 14px */
.clear {clear: both;font-size: 0;line-height: 0;display:block;height:0;}
h1, h2, h3 {padding:5px 0;margin:0;font-family: Arial, Helvetica, sans-serif;font-weight: normal;}
a, a:link, a:active, a:visited { color:#F3F4A4;text-decoration: underline;}
a:hover { color:#ffffff;text-decoration: none;}
img {border:none;}
ul, ol, li {margin:0;padding:0; list-style-type:none;}
em, i {font-style:normal;}
#header {margin: 0 auto; min-width: 240px; max-width: 1000px; max-height: 100px; background-image: url("https://es.filmingyen.top/hbg.png"); background-color: #272727; padding-bottom:3px; overflow:hidden;}
.logo { width: 300px; height: 40px; }
.tophides { float: left; width: 30%;}
.topdesk { font-size: 0.9285em;}
.cont {text-align:center; margin: 0 auto; min-width: 240px; max-width: 1000px; font-family: Arial; font-size: 1em; color:#CECECE; background:#272727; }
.namecat { font-size:18px; color:#F2F475; text-align:center;}
.namecat2 { font-size:12px; color:#F2F475; text-align:center;}
.names { font-size:18px; margin:5px;}
.th {width:100%; overflow:hidden;}
.th li {background:#272727;padding:0; float:left; margin:4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 242px;}
.b_img {width:240px; height:180px; border:1px dashed #F3F4A4; display:block;background:#000000;}
.th li a:hover .b_img { border:1px solid #ffffff;}
.th li b {text-align:center; font-weight:bold;}
.th span { font: 0.8em Arial;}
.tophide { width:100%; }
.top { width:100%; }
.t_top {width:100%; margin:0; overflow:hidden; border:1px dashed #F3F4A4;width:240px; height:180px;}
.top a:hover .t_top { border:1px solid #ffffff;}
#footer { margin: 0 auto; min-width: 240px; max-width: 1000px; height: 80px; font-family: Arial; font-size: 0.825em; color:#ffffff; background-image: url("https://es.filmingyen.top/fbg.png"); background-color: #272727; text-align:center; overflow:hidden;}
.hides { float: left; width: 20%; }
.hides img { filter:alpha(opacity=10); opacity: 0.1; }
.nav { color:#ffffff; border:0px; }
.nav a:link,
.nav a:visited,
.nav a:hover,
.nav a:active {	text-decoration:none; color: #ffffff; background:#000000; border:1px solid #ffffff; padding:3px 6px; font-size:12px }
.nav a:hover { background:#F3F4A4; color:#FFFFFF; border-color:#ffffff; }
.nav span { text-decoration:none; background:#000000; border:1px solid #ffffff; padding:3px 6px; color:#ffffff; font-size:12px }
.navline { width:100%; }
.flashtop { float: left; width: 30%; text-align:center;}
.flashtop a:hover .b_img { border:1px solid #ffffff;}
.flashpl { float: left; width: 100%; text-align:center;}
.kattab {font-size:14px;}
@media (max-width: 1000px) and (min-width: 800px){ 
	html {padding:0;margin:0;} 
  .flashpl { float: left; width: 100%; text-align:center;}
	.vbox { width: 100%; position: relative;}
	.vbox iframe, .vbox object, .vbox embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
@media (max-width: 799px) and (min-width: 470px) { 
  .tophides {display: none;}
  .tophide {display: none;}
  .navline {display: none;}
  .navline {display: none;}
  .banner {display: none;}
  .flashpl { float: left; width: 100%; text-align:center;}
  .vbox { width: 100%; position: relative;}
  .vbox iframe, .vbox object, .vbox embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  }
@media (max-width: 469px) {
  .names {display: none;}
  .hides {display: none;}
  .tophides {display: none;}
  .topdesk {display: none;}
  .tophide {display: none;}
  .navline {display: none;}
  .banner {display: none;}
  .flashtop {display: none;}
  .flashpl { float: left; width: 100%; text-align:center;}
  .logo { width: 240px; height: 33px; }
  .vbox { width: 100%; position: relative;}
  .vbox iframe, .vbox object, .vbox embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .kattab {font-size:14px; line-height: 180%;}
}