/* 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 { vertical-align: baseline; }
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 { outline: none; }
input:active, textarea:active { outline: none; }
:focus { outline: none; }
.cl:before, .cl:after { content: ""; display: table; }
.cl:after { clear: both; }
.cl { zoom: 1; }
/*Carcas*/


body { margin: 0px; padding: 0px; background-color: #efefef; color: #5d5d5d; font: 12px Arial, Helvetica, sans-serif; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #fd2194; }
.blk{ width: 100%; display: block; text-align: center; margin-bottom: 10px; }
#header{ background-color: #eeeeee; padding-bottom: 10px; background-image: url(/img/head-bg.png); background-repeat: repeat-x; }
#sub-header{ background-color: #FBFBFB; border-top: 1px solid #1c1a1b; height: 50px; margin-bottom: 5px; }
.lp{ background-image: url(/img/logo.png); width: 212px; height: 48px; display: block; float: left; margin-top: 5px; }
.bS{ background-color: #f7f7f7; display: block; height: 37px; float: left; border: 1px solid #252525; border-radius: 3px; margin-top: 10px; -webkit-box-shadow: inset 2px 2px #cacaca; box-shadow: inset 2px 2px #cacaca; margin-left: 10px; width: 370px; }
.bS .input{ height: 27px; margin: 5px 5px 5px 10px; border-style: none; background-color: transparent; color: #000000; line-height: 27px; float: left; width: 314px; }
.bS .button{ background-image: url(/img/search-btn.png); width: 37px; height: 33px; background-color: transparent; border-style: none; text-indent: -9999px; margin: 2px; cursor: pointer; float: right; }
.menu { height: 37px; line-height: 37px; float: right; margin-top: 10px; font-size: 12px; text-transform: uppercase; }
.menu li { float: left; margin-right: 4px; }
.menu li a { display: block; background-image: url(/img/nav-btns.png); background-position: 0px -37px; padding-right: 15px; padding-left: 15px; text-align: center; color: #000; border-radius: 2px; -webkit-box-shadow: 0px 0px 3px 1px #000000; box-shadow: 0px 0px 3px 1px #000000; }
.menu li a:hover, .menu li.active a  { display: block; background-image: url(/img/nav-btns.png); background-position: 0px 0px; padding-right: 15px; padding-left: 15px; text-align: center; color: #000; text-shadow: 1px 1px #000000; }

#show_menu{ background-image: url(/img/nav-btns.png); background-position: 0px -37px; display: none; width: 37px; height: 37px; float: right; margin-top: 10px; border-radius: 2px; -webkit-box-shadow: 0px 0px 4px #060606; box-shadow: 0px 0px 4px #060606; cursor: pointer; position: absolute; top: 0px; right:0px; }
#show_menu:hover, #show_menu.active{ background-image: url(/img/nav-btns.png); background-position: 0px 0px; }

#show_menu span{ background-image: url(/img/menu.png); background-position: 0px -40px; width: 26px; height: 24px; display: block; margin-top: 6px; margin-left: 6px; }
#show_menu:hover span, #show_menu.active span{background-image: url(/img/menu.png); background-position: 0px 0px;}


.submenu { height: 37px; line-height: 37px; float: right; margin-top: 6px; font-size: 12px; text-transform: uppercase; margin-right: 10px; }
.submenu li { float: left; margin-right: 4px; }
.submenu li a { display: block; background-image: url(/img/nav-btns.png); background-position: 0px -37px; padding-right: 15px; padding-left: 15px; text-align: center; color: #000; border-radius: 2px; -webkit-box-shadow: 0px 0px 3px 1px #fffcda; box-shadow: 0px 0px 3px 1px #fffcda; }
.submenu li a:hover, .submenu li.active a  { display: block; background-image: url(/img/nav-btns.png); background-position: 0px 0px; padding-right: 15px; padding-left: 15px; text-align: center; color: #000; text-shadow: 1px 1px #000000; }


.ab { display: block; float: left; margin-top: 4px; }
.ab .nn { font-size: 20px; color: #000; background-image: url(/img/li.png); background-repeat: no-repeat; background-position: left center; padding-left: 15px; text-transform: uppercase; }
.al{ margin-top: 8px; }
.ab p { margin-left: 11px; font-size: 12px; }
.share { float: right; height: 32px; width: 245px; margin-top: 8px; }
.thumbs{ display: block; width: 100%; text-align: center; font-weight: bold; }
.c-item{ display: inline-block; width: 366px; vertical-align: top; *display:inline; zoom: 1; margin-right: 1px; margin-left: 1px; margin-bottom: 2px; }
.c-item a{ display: block; padding: 2px; border-radius: 2px; background-color: #fffcda; color: #000; -webkit-box-shadow: 0px 0px 5px #121212; box-shadow: 0px 0px 5px #121212; border: 1px solid #212121; }
.c-item a:hover{ background-color: #fd2596; color: #cb076e; border: 1px solid #fd2194; }
.c-item a img{width:360px;height:270px; display:block;}
.c-item a .c-name{ width: 100%; height: 22px; line-height: 22px; overflow: hidden; text-align: center; text-transform: uppercase; font-size: 14px; color: #000; }

.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: #171616; }


.hd{ height: 37px; display: block; line-height: 37px; text-align: center; font-size: 17px; font-weight: bold; color: #8D8D8D; background-image: url(/img/nav-btns.png); background-position: 0% -37px; border-top-right-radius: 2px; border-top-left-radius: 2px; text-transform: uppercase; }
.text-cat, .search-log{ padding: 10px; margin-bottom: 20px; background-color: #efefef; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.text-cat ul{ display: inline-block; width: 20%; text-align: left; vertical-align: top; float: left; font-size: 14px; }
.text-cat ul li{ background-image: url(/img/li2.png); background-repeat: no-repeat; background-position: left center; padding-left: 11px; text-align: left; color: #5d5d5d; }
.text-cat ul li a{ text-transform: capitalize; margin-right: 5px; font-weight: bold; color: #000; }
.text-cat ul li a:hover{ color: #fd2194; }

.search-log a{ font-size: 11px; display: inline-block; background-color: #efefef; padding: 4px; text-transform: uppercase; font-weight: bold; margin-right: 3px; margin-bottom: 3px; color: #fd2596; border-radius: 2px; }
.search-log a:hover{ background-color: #fffafd; color: #000; text-shadow: 1px 1px #000000; }
.search-log a span{ font-weight: normal; color: #AFAFAF; }
.search-log a:hover span{ color: #000000; text-shadow: 0px 0px; }


.about { text-align: justify; padding: 10px; margin-top: 20px; margin-bottom: 20px; display: block; background-color: #171616; font-size: 12px; border-radius: 2px; border: 1px solid #232323; }
.up { display: block; height: 62px; width: 62px; position: fixed; bottom: 170px; -webkit-transition: all 1s ease-in 5ms; -moz-transition: all 1s ease-in 5ms; 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(/img/up.png); background-position: 0px 0px; background-repeat: no-repeat; right: 0px; }

.footer { margin-top: 35px; padding-top: 10px; padding-bottom: 10px; text-align: center; background-color: #E1E1E1; border-top: 3px solid #fffcda; }


.item{ display: inline-block; vertical-align: top; margin: 0 1px 5px; position: relative; font-weight: bold; width: 366px; height: 290px; *display:inline;zoom: 1; }
.item .over{ display: block; padding: 2px; border-radius: 2px; background-color: #fffcda; font-weight: bold; color: #000; -webkit-box-shadow: 0px 0px 5px #121212; box-shadow: 0px 0px 5px #121212; border: 1px solid #212121; }
.item .over:hover{ background-color: #fd2596; color: #cb076e; font-weight: bold; height: auto; z-index: 5; position: absolute; top: 0px; left: 0px; border: 1px solid #fd2194; }
.item .over a{ color: #000; }
.item .over a:hover{ color: #cb076e; }
.item .over a img{width:360px;height:270px; display:block;}
.item .over a .duration{ display: block; padding: 2px 3px; background-image: url(/img/dur-bg.png); color: #000; position: absolute; right: 5px; top: 255px; font-family: "Times New Roman", serif; }

.item .over a .name{ width: 100%; height: 14px; overflow: hidden; text-transform: capitalize; font-size: 12px; text-align: left; color: #000; }
.item .over a:hover .name, .item .over:hover a .name{ height: auto; margin-bottom: 5px; color: #000; }
.item .over .tags{ background-image: url(/img/ic-tag.png); background-position: 3px center; background-repeat: no-repeat; text-align: left; padding-left: 21px; margin-bottom: 3px; overflow-y: hidden; display: none; }
.item .over .tags a, .item .over .source a{ background-color: #fffafd; color: #cb076e; border-radius: 2px; padding-left: 2px; padding-right: 2px; }
.item .over .tags a:hover, .item .over .source a:hover{ background-color: #cb076e; color: #fffafd; }
.item .over .source{ background-image: url(/img/ic-source.png); background-position: 3px center; background-repeat: no-repeat; text-align: left; padding-left: 21px; margin-bottom: 3px; display: none; }
.item .over:hover .source, .item .over:hover .tags{display:block;}

.item .over .tags2{ background-image: url(/img/ic-tag.png); background-position: 3px center; background-repeat: no-repeat; text-align: left; padding-left: 21px; margin-bottom: 3px; overflow-y: hidden; display: none; }
.item .over .tags2 span, .item .over .source2 span{ background-color: #fffafd; color: #cb076e; border-radius: 2px; padding-left: 2px; padding-right: 2px; }
.item .over .tags2 span:hover, .item .over .source2 span:hover{ background-color: #cb076e; color: #fffafd; }
.item .over .source2{ background-image: url(/img/ic-source.png); background-position: 3px center; background-repeat: no-repeat; text-align: left; padding-left: 21px; margin-bottom: 3px; display: none; }
.item .over:hover .source2, .item .over:hover .tags2{display:block;}

.pages { display: inline-block; height: 30px; background-repeat: repeat-x; float: right; margin-top: 2px; margin-right: 2px; }
.pagination{text-align:center;}
.pagination .pages{float:none;}
.pages li { display: inline-block; padding-right: 1px; height: 30px; }
.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; background-color: #afafaf; border-radius: 2px; color: #000; }
.pages li.prev a, .pages li.next a { text-decoration: none; width: 55px; }
.pages li a:hover, .pages li .act_page, .pages li .act_page:hover { display: block; text-decoration: none; background-color: #fd2596; color: #000; text-shadow: 1px 1px #000000; }
.hdot { display: block; float: left; height: 30px; width: 30px; line-height: 30px; text-align: center; padding-right: 1px; }


.gallery { padding: 5px; margin-bottom: 15px; }
.movie { display: block; float: left; width: 920px; }
.player { width: 920px; height: 518px; }
.player iframe, .player object{width: 100% !important; height: 100% !important;}
.adv-gall { display: block; float: right; width: 300px; }
.adv-gall ins { padding: 3px; width: 300px; margin-bottom: 1px; display: block;}
.vid-info { padding: 5px; margin-bottom: 5px; margin-top: 5px; background-color: #E1E1E1; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.data { position: relative; border-bottom: 1px solid #140E0E; padding-bottom: 8px; margin-bottom: 5px; 
}
.rating { float: left; height: 28px; }

#rating_div { font-size: 14px; font-weight: bold; color: #111; float: left; display: block; height: 28px; line-height: 28px; }
.buttn-like { height: 28px; line-height: 28px; display: inline-block; padding-right: 10px; padding-left: 10px; cursor: pointer; color: #111; font-size: 12px; border-radius: 2px; background-image: url(/img/nav-btns.png); background-position: 0% -37px; }
.buttn-like:hover { color: #000000; text-decoration: none; font-weight: bold; background-image: url(/img/nav-btns.png); background-position: 0px 0px; }

.current { display: block; float: left; height: 28px; line-height: 28px; font-size: 14px; font-weight: bold; margin-left: 15px; background-repeat: no-repeat; }
.dur { float: right; padding-left: 20px; height: 28px; line-height: 28px; font-size: 14px; font-weight: bold; }
.dur span { color: #000; }

.view { float: left; padding-left: 20px; height: 28px; line-height: 28px; font-size: 14px; font-weight: bold; }
.view span { color: #000; }
.view2 { float: relative; padding-left: 20px; height: 28px; line-height: 28px; font-size: 14px; font-weight: bold; }
.view2 span { color: #000; }
.decr { display: block; position: relative; }
.comment{ position: relative; clear: left; margin-top: 10px; padding: 10px 15px; font-size: 14px; }
.g-tags { color: #000; font-size: 14px; display: block; line-height: 20px; margin-top: 5px; margin-left: 15px; margin-right: 15px; }
.g-tags a { padding: 2px 5px; margin-bottom: 5px; display: inline-block; background-image: url(/img/nav-btns.png); background-position: 0% -37px; border-radius: 2px; color: #111111; }
.g-tags a:hover { text-decoration: none; color: #cb076e; background-image: url(/img/nav-btns.png); background-position: 0px 0px; }
.text a { display: block; width: 100%; margin-top: 6px; margin-bottom: 0px; text-decoration: none; text-align: center; background-color: #fd2596; font-size: 31px; padding-top: 10px; padding-bottom: 10px; color: #000; margin-right: 2px; border-radius: 5px; text-shadow: 1px 1px #000000; }
.text a:hover { background-color: #000; color: #000000; text-shadow: 1px 1px #000; }

@media screen and (min-width: 992px) and (max-width: 1239px) {
.blk{ width:calc(100% - 10px);}
.bS{ float: left; margin-top: 10px; width: 250px; }
.bS .input{ width: 194px; }
.movie {width: 670px; }
.player { width: 670px; height: 377px; }

}

@media screen and (min-width: 744px) and (max-width: 991px){
.blk { width:calc(100% - 10px);}
#show_menu{display:block;}
.menu { float: left; margin-top: 10px; width:100%;display:none; }
.menu.active{display:block;}
.menu li { float: left; margin-right: 4px; width: 24.4%; }
.menu li a {padding-right: 0px; padding-left: 0px; }
.share { display:none;}
.text-cat ul{ width: 100%; }
.text-cat ul li{ display:inline-block; }
.text-cat.top ul{ width: 50%; }
.text-cat.top ul li{ display:block; font-size:18px; }
.text-cat.top ul.last{display:none;}
.movie {  width:734px; }
.player { width: 734px; height: 413px; }
.adv-gall { display: block; float: left; width: 100%; text-align:center;}
.adv-gall ins { padding: 3px; width: 300px; margin-bottom: 0px auto; display: inline-block; *display:inline;zoom:1; vertical-align:top;}

}

@media screen and (min-width: 496px) and (max-width: 743px) {
.blk { width:calc(100% - 10px);}	
#show_menu{display:block;}
.menu { float: left; margin-top: 10px; width:100%;display:none; }
.menu.active{display:block;}
.menu li { float: left; margin-right: 4px; width: 24.1%; }
.menu li a, .menu li a:hover, .menu li.active a  {padding-right: 0px; padding-left: 0px; }
.bS{ float: left;  margin-top: 10px;  margin-left: 0px; width:494px;}
.bS .input{ width: 433px; }
.share { display:none;}
#sub-header{ height: auto; padding-bottom: 7px; }
.ab {width:100%; }
.submenu { float: left; margin-top: 6px; margin-right: 0px;  width:100%; }
.submenu li { margin-right: 4px; width:49.1%}
.submenu li a { padding-right: 0px; padding-left: 0px; width:100%; display:block;}
.submenu li a:hover, .submenu li.active a  { display: block;  padding-right: 0px; padding-left: 0px;}

.text-cat ul{ width: 100%; }
.text-cat ul li{ display:inline-block; }
.text-cat.top ul{ width: 50%; }
.text-cat.top ul li{ display:block; font-size:16px; }
.text-cat.top ul.last{display:none;}

.movie {  width:486px; }
.player { width: 486px; height: 273px; }
.adv-gall { display: block; float: left; width: 100%; text-align:center;}
.adv-gall ins { padding: 3px; width: 300px; margin-bottom: 0px auto; display: inline-block; *display:inline;zoom:1; vertical-align:top;}

}
@media screen and (min-width: 300px) and (max-width: 499px){
.blk { width:calc(100% - 10px);}	
#show_menu{ display: block; position: relative; right: auto; top: auto; }
.menu { float: left; margin-top: 10px; width: 100%; display: none; font-size: 12px; }
.menu.active{display:block;}
.menu li { float: left; margin-right: 4px; width: 23.6%; }
.menu li a, .menu li a:hover, .menu li.active a {padding-right: 0px; padding-left: 0px; }
.bS{ float: left; margin-top: 10px; margin-left: 0px; width: 250px; }
.bS .input{ width: 190px; }
.share { display:none;}
#sub-header{ height: auto; padding-bottom: 7px; }
.ab {width:100%; }
.submenu { float: left; margin-top: 6px; margin-right: 0px;  width:100%; }
.submenu li { margin-right: 4px; width:48.6%}
.submenu li a { padding-right: 0px; padding-left: 0px; width:100%; display:block;}
.submenu li a:hover, .submenu li.active a  { display: block;  padding-right: 0px; padding-left: 0px;}
.text-cat ul{ width: 100%; }
.text-cat ul li{ display:inline-block; }
.text-cat.top ul{ width: 100%; }
.text-cat.top ul li{ display:block; font-size:16px; }
.text-cat.top ul.last{display:none;}

.movie {  width:290px; }
.player { width: 290px; height: 163px; }
.adv-gall { display: none; }
}