/* CSS Document */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0px 0 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; }

del, ins { text-decoration: none; }

li { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; font-variant: normal; }

sup, sub { vertical-align: baseline; }

legend { color: #000; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input, button, textarea, select { *font-size: 100%; }

input, textarea, input:active, textarea:active, :focus { outline: none; }

.fix { zoom: 1; }
.fix:before { content: ""; display: table; }
.fix:after { content: ""; display: table; clear: both; }

/* Carcas */
body { margin: 0px; padding: 0px; color: #404040; font: 11px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #fcfbfb; }

a { text-decoration: none; color: #404040; }
a:hover { text-decoration: none; color: #db000f; }

.cont { max-width: 1736px; margin-left: auto; margin-right: auto; position: relative; }

.header { display: block; background-color: #f3f3f3; border-bottom: 1px solid #FFFFFF; height: 59px; z-index: 99; margin-bottom: 5px; position: relative; }
@media (max-width: 990px) { .header { height: 50px; } }
@media (max-width: 920px) { .header { height: 40px; } }

.logo { background-image: url(../images/logo.png); background-repeat: no-repeat; width: 204px; height: 47px; display: block; float: right; margin-top: 5px; }
@media (max-width: 990px) { .logo { background-size: contain; width: 180px; height: 42px; } }
@media (max-width: 920px) { .logo { width: 130px; height: 30px; } }
@media (max-width: 767px) { .logo { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; } }

.nav { display: block; float: left; height: 59px; text-transform: uppercase; font-size: 14px; font-weight: bold; background-image: url(../images/sep.png); background-position: left top; background-repeat: no-repeat; }
@media (max-width: 990px) { .nav { height: 50px; } }
@media (max-width: 920px) { .nav { height: 40px; } }
@media (max-width: 767px) { .nav { display: none; position: absolute; background: #fff; z-index: 10; top: 40px; left: 0; width: 100%; height: auto; border-bottom: 1px solid #404040; }
  .nav.open { display: block; } }
.nav .it { display: block; float: left; height: 59px; line-height: 59px; position: relative; background-image: url(../images/sep.png); background-repeat: no-repeat; background-position: right top; }
@media (max-width: 990px) { .nav .it { height: 50px; line-height: 50px; } }
@media (max-width: 920px) { .nav .it { height: 40px; line-height: 40px; } }
@media (max-width: 767px) { .nav .it { float: none; } }
.nav .it a { color: #db000f; display: block; padding-left: 17px; padding-right: 17px; }
@media (max-width: 990px) { .nav .it a { padding-left: 14px; padding-right: 14px; } }
@media (max-width: 920px) { .nav .it a { padding-left: 10px; padding-right: 10px; } }
@media (max-width: 830px) { .nav .it a { font-size: 12px; } }
.nav .it a:hover, .nav .it a.active { color: #ffffff; background-color: #db000f; }
.nav .it a.cat:hover, .nav .it a.cat.active { color: #db000f; background-color: #404040; }
.nav .it a span { background-image: url(../images/arr-d.png); background-repeat: no-repeat; padding-right: 8px; background-position: right 7px; }

.nav-toggle { display: none; width: 28px; padding: 10px 6px; }
.nav-toggle span { height: 4px; background: #db000f; display: block; margin-top: 4px; }
.nav-toggle span:first-child { margin-top: 0; }
@media (max-width: 767px) { .nav-toggle { display: inline-block; } }

.bS { background-color: #FFFFFF; display: block; height: 27px; float: left; border: 1px solid #e5e5e5; margin-top: 15px; box-shadow: inset 1px 1px #F3F3F3; margin-left: 15px; width: 235px; }
@media (max-width: 990px) { .bS { width: 220px; margin-top: 10px; } }
@media (max-width: 920px) { .bS { margin-top: 5px; } }
@media (max-width: 780px) { .bS { margin-left: 10px; width: 210px; } }
@media (max-width: 767px) { .bS { float: right; width: auto; overflow: hidden; position: relative; }
  .bS.open { overflow: visible; position: absolute; right: 0; top: 0; left: 0; margin-left: 0; }
  .bS.open .input { opacity: 1; cursor: text; width: 100%; margin-left: 0; margin-right: 0; padding-left: 5px; padding-right: 30px; box-sizing: border-box; }
  .bS.open .button { position: relative; z-index: 2; } }
.bS .input { height: 17px; margin: 5px 5px 5px 10px; border-style: none; background-color: transparent; color: #000000; line-height: 17px; float: left; width: 190px; }
@media (max-width: 990px) { .bS .input { width: 177px; } }
@media (max-width: 780px) { .bS .input { width: 166px; } }
@media (max-width: 767px) { .bS .input { position: absolute; right: 0; opacity: 0; cursor: pointer; } }
.bS .button { background-image: url(../images/search-btn.png); width: 26px; height: 23px; background-color: transparent; border-style: none; text-indent: -9999px; margin-top: 2px; margin-right: 2px; cursor: pointer; float: right; }
@media (max-width: 767px) { .bS .button { margin-left: 2px; } }

.cat-list { position: absolute; background-color: #404040; display: none; top: 57px; left: 0px; padding: 10px; width: 680px; }
@media (max-width: 990px) { .cat-list { top: 50px; } }
@media (max-width: 920px) { .cat-list { top: 40px; } }
@media (max-width: 767px) { .cat-list { box-sizing: border-box; top: 80px; width: 100%; } }
.cat-list li { background-image: url(../images/li.png); background-repeat: no-repeat; background-position: left center; padding-left: 8px; text-transform: capitalize; font-size: 12px; width: 162px; float: left; display: block; color: #B4B4B4; }
@media (max-width: 767px) { .cat-list li { width: 50%; box-sizing: border-box; } }
.cat-list li a { color: #FFFFFF; }
.cat-list li a:hover { color: #db000f; }
@media (max-width: 767px) { .cat-list li a { display: inline-block; line-height: 24px; } }

.b-title { color: #db000f; text-transform: capitalize; font-size: 20px; padding-left: 17px; background-image: url(../images/h-arr.png); background-repeat: no-repeat; background-position: left center; font-weight: bold; }
@media (max-width: 480px) { .b-title { font-size: 18px; } }

.thumbs { display: block; width: 100%; text-align: center; }

.c-item { display: inline-block; width: 244px; vertical-align: top; *display: inline; zoom: 1; margin-right: 2px; margin-left: 2px; padding-bottom: 10px; background-image: url(../images/t-shadow.png); background-repeat: no-repeat; background-position: center bottom; }
.c-item a { display: block; padding: 2px; border-radius: 2px; background-color: #404040; color: #FFFFFF; text-align: center; }
.c-item a:hover { background-color: #db000f; color: #FFFFFF; }
.c-item a img { width: 240px; height: 180px; display: block; }
.c-item a .inf { width: 100%; height: 22px; line-height: 22px; overflow: hidden; }
.c-item a .inf .c-name { text-transform: uppercase; font-size: 14px; font-weight: bold; text-shadow: 1px 1px #000000; display: block; width: 100%; float: left; text-align: center; }
.c-item a:hover .inf .c-name { text-shadow: 1px 1px #FF0004; float: left; text-align: center; }
@media (max-width: 520px) { .c-item { width: 48%; }
  .c-item a img { width: 100%; height: auto; } }

.item { display: inline-block; width: 244px; vertical-align: top; *display: inline; zoom: 1; margin-right: 2px; margin-left: 2px; position: relative; padding-bottom: 10px; background-image: url(../images/t-shadow.png); background-repeat: no-repeat; background-position: center bottom; }
.item .bl { display: block; padding: 2px; border-radius: 2px; background-color: #404040; }
.item .bl:hover { background-color: #db000f; }
.item .bl a img { width: 240px; height: 180px; display: block; }
.item .bl a .nm { height: 18px; overflow: hidden; width: 100%; font-weight: bold; font-size: 13px; text-align: center; color: #FFFFFF; text-shadow: 1px 1px #000000; text-transform: capitalize; line-height: 18px; }
.item .bl:hover a .nm { color: #FFFFFF; text-shadow: 1px 1px #FF0004; }
.item .bl a .dr { display: block; position: absolute; top: 4px; padding: 1px 3px; font-size: 10px; color: #FFFFFF; background-color: #404040; left: 4px; }
.item .bl:hover a .dr { position: absolute; color: #FFFFFF; background-color: #db000f; }
@media (max-width: 520px) { .item { width: 48%; }
  .item .bl a img { width: 100%; height: auto; } }

.list-pages { display: inline-block; height: 30px; background-repeat: repeat-x; float: right; margin-top: 2px; margin-right: 2px; }

.archive { text-align: center; }
.archive .list-pages { float: none; }

.list-pages li { display: inline-block; padding-right: 1px; height: 30px; }
.list-pages li a { display: block; height: 30px; line-height: 30px; font-size: 10px; text-decoration: none; width: 30px; font-weight: bold; text-transform: uppercase; text-align: center; border-radius: 2px; background-color: #404040; color: #FFFFFF; }
.list-pages li.prev a, .list-pages li.next a { text-decoration: none; width: 55px; }
.list-pages li a:hover { display: block; text-decoration: none; text-shadow: 1px 1px #FF0004; background-color: #db000f; }
.list-pages li .act_page { display: block; text-decoration: none; text-shadow: 1px 1px #FF0004; background-color: #db000f; }
.list-pages li .act_page:hover { display: block; text-decoration: none; text-shadow: 1px 1px #FF0004; background-color: #db000f; }

.adv_banners { display: block; width: 100%; height: 256px; overflow: hidden; margin-top: 25px; margin-bottom: 25px; padding-top: 5px; padding-bottom: 5px; text-align: center; }
.adv_banners .banner { display: inline-block; padding: 3px; margin: 2px 10px; background-color: #F3F3F3; }

.text-cat, .search-log { padding: 10px; margin-bottom: 20px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background-color: #F3F3F3; }

.text-cat ul { display: inline-block; width: 19%; text-align: left; vertical-align: top; float: left; font-size: 14px; margin-right: 1%; background-image: url(../images/sep.png); background-repeat: repeat-y; background-position: right top; }
.text-cat ul li { background-image: url(../images/li.png); background-repeat: no-repeat; background-position: left center; padding-left: 11px; text-align: left; color: #B1B1B1; padding-top: 4px; padding-bottom: 4px; }
.text-cat ul li a { text-transform: capitalize; margin-right: 5px; font-weight: bold; }
.text-cat ul li a:hover { color: #db000f; }
.text-cat ul:last-child { background-image: none; }
@media (max-width: 767px) { .text-cat ul { width: 49%; }
  .text-cat ul:nth-child(even) { background-image: none; } }
@media (max-width: 420px) { .text-cat ul { margin-right: 0; width: 100%; background-image: none; } }

.search-log a { font-size: 11px; display: inline-block; padding: 4px 4px 4px 15px; text-transform: uppercase; font-weight: bold; margin-right: 3px; margin-bottom: 3px; border-radius: 2px; background-image: url(../images/s-log-ic.png); background-position: 5px center; background-color: #404040; background-repeat: no-repeat; color: #FFFFFF; }
.search-log a:hover { color: #FFFFFF; background-color: #db000f; }
.search-log a span { font-weight: normal; color: #AFAFAF; }
.search-log a:hover span { text-shadow: 0px 0px; color: #FFFFFF; }

.about { text-align: justify; padding: 10px; margin-top: 20px; margin-bottom: 20px; display: block; background-color: #F3F3F3; font-size: 12px; border-radius: 2px; border: 1px solid #FFFFFF; }

.gallery { padding: 5px; margin-bottom: 15px; margin-left: auto; margin-right: auto; display: block; max-width: 1000px; }
@media (max-width: 1024px) { .gallery .movie { width: auto; max-width: 690px; float: none; margin: auto; } }
@media (max-width: 1024px) and (max-width: 718px) { .gallery .movie { width: 100%; }
  .gallery .movie .player { position: relative; width: 100%; height: 0; padding-bottom: 56%; }
  .gallery .movie .player iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } }
@media (max-width: 1024px) { .gallery .adv-gall { margin-top: 8px; float: none; width: auto; text-align: center; height: 252px; overflow: hidden; }
  .gallery .adv-gall ins { display: inline; } }

.movie { display: block; float: left; width: 690px; }

.player { width: 690px; height: 384px; }
.player iframe, .player object { width: 100% !important; height: 100% !important; }

.adv-gall { display: block; float: right; width: 300px; }
.adv-gall ins { width: 300px; margin-bottom: 1px; display: block; }

.vid-info { padding: 5px; margin-bottom: 5px; margin-top: 5px; background-color: #F3F3F3; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }

.data { position: relative; border-bottom: 1px solid #FFFFFF; padding-bottom: 8px; margin-bottom: 5px; }

.rating { float: left; height: 28px; }
@media (max-width: 480px) { .rating { float: none; height: auto; } }

#rating_div { font-size: 14px; font-weight: bold; color: #db000f; float: left; display: block; height: 28px; line-height: 28px; }
@media (max-width: 480px) { #rating_div { float: none; } }

.buttn-like { height: 28px; line-height: 28px; display: inline-block; padding-right: 10px; padding-left: 10px; cursor: pointer; color: #FFFFFF; font-size: 12px; border-radius: 2px; background-position: 0% -37px; background-color: #404040; }
.buttn-like:hover { color: #FFFFFF; text-decoration: none; font-weight: bold; background-position: 0px 0px; background-color: #db000f; }

.current { display: block; float: left; height: 28px; line-height: 28px; font-size: 14px; font-weight: bold; margin-left: 15px; background-repeat: no-repeat; }
@media (max-width: 480px) { .current { float: none; display: block; margin-left: 0; } }

.dur { float: right; padding-left: 20px; height: 28px; line-height: 28px; font-size: 14px; font-weight: bold; }
.dur span { color: #db000f; }
@media (max-width: 480px) { .dur { float: none; padding-left: 0; } }

.decr { display: block; position: relative; }

.comment { position: relative; clear: left; margin-top: 10px; padding: 10px 15px; font-size: 14px; }
@media (max-width: 480px) { .comment { padding-left: 0; padding-right: 0; } }

.g-tags { font-size: 14px; display: block; line-height: 20px; margin-top: 5px; margin-left: 15px; margin-right: 15px; }
@media (max-width: 480px) { .g-tags { margin-left: 0; margin-right: 0; } }
.g-tags a { padding: 2px 5px; margin-bottom: 5px; display: inline-block; background-position: 0% -37px; border-radius: 2px; color: #FFFFFF; background-color: #404040; }
.g-tags a:hover { text-decoration: none; color: #FFFFFF; background-position: 0px 0px; background-color: #db000f; }

.text a { display: block; width: 100%; margin-top: 6px; margin-bottom: 0px; text-decoration: none; text-align: center; background-color: #db000f; font-size: 31px; padding-top: 10px; padding-bottom: 10px; color: #FFFFFF; margin-right: 2px; border-radius: 5px; text-shadow: 1px 1px #FF0004; }
.text a:hover { background-color: #404040; color: #FFFFFF; text-shadow: 1px 1px #000000; }

.up { display: block; height: 60px; width: 60px; position: fixed; bottom: 300px; transition: all 1s ease-in 5ms; text-indent: -9999px; -ms-transition: all 1s ease-in 5ms; -o-transition: all 1s ease-in 5ms; z-index: 9999; background-image: url(../images/up.png); background-position: 0px 0px; background-repeat: no-repeat; right: 10px; }
@media (max-width: 767px) { .up { width: 40px; height: 40px; background-position: 50% 50%; bottom: 40px; } }

.footer { background-color: #F3F3F3; border-top: 1px solid #FFFFFF; padding-top: 10px; padding-bottom: 10px; text-align: center; }