body {
	background: #111111;
}

/* === GLOBAL === */
.fl {
	float: left;
}
.fr {
	float: right;
}

#iframe-video {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 9;
}

/* === FONTS === */
@font-face {
	font-family: 'Open Sans';
    font-weight: normal;
    font-style: normal;
	src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Open Sans Semibold';
    font-weight: normal;
    font-style: normal;
	src: url('../fonts/OpenSans-Semibold.ttf') format('truetype');
}

@font-face {
	font-family: 'Open Sans Bold';
    font-weight: normal;
    font-style: normal;
	src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Segoe UI';
    font-weight: normal;
    font-style: normal;
	src: url('../fonts/segoe-ui.eot');
	src: url('../fonts/segoe-ui.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/segoe-ui.woff') format('woff'),
	     url('../fonts/segoe-ui.ttf') format('truetype'),
	     url('../fonts/segoe-ui.svg') format('svg');
}

@font-face {
    font-family: 'Segoe UI Light';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/segoe-ui-light.eot');
    src: url('../fonts/segoe-ui-light.woff') format('woff'),
    	 url('../fonts/segoe-ui-light.ttf') format('truetype'), 
    	 url('../fonts/segoe-ui-light.svg') format('svg');
}

@font-face {
	font-family: 'VAG Rounded BT';
    font-weight: normal;
    font-style: normal;
	src: url('../fonts/vagron.ttf');
}

.space-category {
	height: 80px;
	display: none;
}

#iframegoogleads {
	width: 0px;
	height: 0px;
	margin: auto;
}

#container-trailer {
	background: #000000;
	width: 600px;
	height: 400px;
	border: 10px solid #FFFFFF;
	position: fixed;
	left: 0;
	right: 0;
	margin: auto;
	top: -400px;
	z-index: 999999999999999999;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

#container-trailer iframe {
	width: 580px;
	height: 380px;
}

#container-trailer #close-trailer {
	background: #FFFFFF;
	width: 40px;
	height: 35px;
	position: absolute;
	margin-left: 20px;
	margin-top: -40px;
	font-family: Open Sans Semibold;
	color: #000000;
	cursor: pointer;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

header #based-header #based-slide ul li #all,
#based-content,
#based-content > #container-category > #container-list,
#based-menu #all,
header #based-header #container-pager,
#modal-view-post #all,
#rodape #all {
	width: 1136px;
}

/* === HEADER === */
header,
header #based-header,
header #based-header .linear,
header #based-header #based-slide,
header #based-header #based-slide ul li .image {
	width: 100%;
	height: 100px;
}

header #based-header {
	border-bottom: 1px solid #000000;
	box-shadow: 0px 4px 16px 0px #000000;
	overflow: hidden;
}

header #based-header .linear {
	background-image: url(../imgs/header-linear.png);
	background-size: 100% 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
}

header #based-header #arrows {
	width: auto;
	height: auto;
	display: table;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 490px;
	margin: auto;
	z-index: 99;
}

header #based-header #arrows .circule {
	background: #FFFFFF;
	width: 12px;
	height: 12px;
	float: left;
	opacity: 0.5;
	cursor: pointer;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	margin-right: 5px;
}

header #based-header .arrow-left {
	background: url(../imgs/icon/arrow-header.png) no-repeat;
	width: 20px;
	height: 30px;
	cursor: pointer;
	position: absolute;
	z-index: 20;
	left: 20px;
	top: 250px;
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

header #based-header .arrow-right {
	background: url(../imgs/icon/arrow-header.png) -20px 0px no-repeat;
	width: 20px;
	height: 30px;
	cursor: pointer;
	position: absolute;
	z-index: 20;
	right: 20px;
	top: 250px;
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

header #based-header .arrow-left:hover,
header #based-header .arrow-right:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

header #based-header #arrows .circule.selected {
	opacity: 1.0;
	cursor: default;
}


header #based-header #based-slide {
	overflow: hidden;
}


header #based-header #based-slide #container-slide {
	width: 999999999999999999px;
	height: 500px;
	margin-left: 0px;
}

header #based-header #based-slide ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

header #based-header #based-slide ul li {
	width: 0px;
	height: 500px;
	float: left;
	position: relative;
}

header #based-header #based-slide ul li .image {
	width: 100%;
	position: absolute;
	z-index: -1;
}

header #based-header #based-slide ul li #all {
	height: 520px;
	margin: auto;
	position: relative;
}

header #based-header #based-slide ul li #all .news {
	width: 360px;
	height: auto;
	display: table;
	position: absolute;
	bottom: 90px;
}

header #based-header #based-slide ul li #all .news .logo {
	max-width: 100%;
	margin-top: 80px;
}

header #based-header #based-slide ul li #all .news h2 {
	width: 360px;
	height: auto;
	margin: 0;
	margin-top: 15px;
	font-family: Open Sans Semibold;
	font-size: 17px;
	color: #999;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

header #based-header #based-slide ul li #all .news h3 {
	margin: 0px;
	margin-top: 5px;
	font-family: Open Sans Semibold;
	font-size: 13px;
	color: #999;
	font-weight: normal;
}

header #based-header #based-slide ul li #all .news #about {
	width: 100%;
	height: auto;
	display: table;
	padding-top: 4px;
	margin: 6px 0px;
}

header #based-header #based-slide ul li #all .news #about .icon-date {
	background: url(../imgs/icon/date2.png) no-repeat;
	width: 14px;
	height: 16px;
	float: left;
	margin-top: 2.5px;
}

header #based-header #based-slide ul li #all .news #about .icon-language {
	background: url(../imgs/icon/language2.png) no-repeat;
	width: 14px;
	height: 16px;
	float: left;
	margin-top: 3px;
}

header #based-header #based-slide ul li #all .news #about .text {
	margin-left: 5px;
	margin-top: 1px;
	float: left;
	font-family: Open Sans Semibold;
	font-size: 14px;
	color: #999;
}

header #based-header #based-slide ul li #all .news #about .year {
	width: auto;
	height: 24px;
	float: left;
	margin: 0px 10px;
	margin-top: -2px;
	padding: 2px 6px;
	border: 1px solid #999;
	font-family: Open Sans Semibold;
	font-size: 13px;
	color: #999;
}

header #based-header #based-slide ul li #all .play {
	background: url(../imgs/icon/play2.png) no-repeat;
	width: 84px;
	height: 84px;
	position: absolute;
	right: 150px;
	margin-top: 220px;
	opacity: 0.5;
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

header #based-header #based-slide ul li #all .play:hover {
	opacity: 0.8;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

/* === MENU === */
#based-menu-responsive {
	background: rgba(0, 0, 0, 0.8);
	width: 300px;
	height: 100%;
	position: fixed;
	left: -300px;
	top: 0px;
	z-index: 999999;
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
}

#based-menu-responsive::-webkit-scrollbar {
	background: none;
	width: 12px;
	height: 5px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
}

#based-menu-responsive::-webkit-scrollbar-thumb {
	background: rgba(255,255,255,0.3);
	cursor: pointer;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
}

#based-menu-responsive ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#based-menu-responsive ul li {
	width: 100%;
	height: 45px;
	cursor: pointer;
	padding: 0px 12px;
	padding-top: 12px;
	border-bottom: 1px solid rgba(255,255,255,0.6);
	font-family: Open Sans Semibold;
	font-size: 14px;
}

#based-menu-responsive ul li:hover {
	background: rgba(255,255,255,0.2);
}

#based-menu-responsive ul a li {
	color: #FFFFFF;
}

#based-menu-responsive ul a:hover {
	text-decoration: none;
}

#based-menu {
	background: none;
	width: 100%;
	height: 75px;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 999998;
}

#based-menu #all {
	height: auto;
	display: table;
	margin: auto;
}

#based-menu #all #logo {
	background: url(../imgs/logo.png) no-repeat;
	width: 127px;
	height: 30px;
	float: right;
	margin-top: 22px;
	cursor: pointer;
}

#based-menu #all ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#based-menu #all ul a li,
#based-menu #all ul li {
	width: auto;
	height: 85px;
	float: left;
	cursor: pointer;
	margin-left: 35px;
	display: table;
	position: relative;
	font-family: Open Sans Semibold;
	font-size: 14px;
	color: #FFFFFF;
}

#based-menu #all ul a li:nth-of-type(1) {
	margin-left: 0px;
}

#based-menu #all ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

#based-menu #all ul li .icon-home {
	background: url(../imgs/icon/home.png) no-repeat;
	width: 27px;
	height: 24px;
	float: left;
	margin-top: 21px;
}

#based-menu #all ul li .icon-navigator {
	background: url(../imgs/icon/navigator.png) no-repeat;
	width: 35px;
	height: 20px;
	float: left;
	margin-top: 25px;
}

#based-menu #all .icon-navigator-responsive {
	background: url(../imgs/icon/navigator.png) no-repeat;
	width: 35px;
	height: 20px;
	float: right;
	margin-top: 25px;
	display: none;
	cursor: pointer;
}

#based-menu #all ul li .icon-user {
	background: url(../imgs/icon/user.png) no-repeat;
	width: 18px;
	height: 20px;
	float: left;
	margin-top: 25px;
}

#based-menu #all ul li .icon-add-user {
	background: url(../imgs/icon/add_user.png) no-repeat;
	width: 18x;
	height: 20px;
	float: left;
	margin-top: 25px;
}

#based-menu #all ul li .text {
	float: left;
	margin-left: 8px;
	margin-top: 26px;
	color: #FFFFFF;
}

#based-menu #all ul li .drop {
	background: url(../imgs/icon/drop.png) no-repeat;
	width: 11px;
	height: 8px;
	float: left;
	margin-left: 10px;
	margin-top: 32px;
}

#based-menu #all ul li #container-drop {
	width: auto;
	height: auto;
	position: absolute;
	top: 40px;
	padding-top: 25px;
	display: none;
}

#based-menu #all ul li #container-drop .up {
	background: url(../imgs/icon/up.png) no-repeat;
	width: 18px;
	height: 10px;
	margin-left: 25px;
}

#based-menu #all ul li #container-drop .container {
	background: rgba(0,0,0,0.9);
	width: auto;
	height: auto;
	position: fixed;
	display: table;
	padding: 0px;
	border-top: 1px solid #FFFFFF;
}

#based-menu #all ul li #container-drop .container #secure {
 	width: auto;
 	height: auto;
 	padding-left: 5px;
 	padding-right: 10px;
 	display: table;
 }

#based-menu #all ul li #container-drop .container #secure > ul {
	padding: 15px 15px;
	float: left;
	margin: 0;
	list-style: none;
	border-right: 1px solid #FFFFFF;
}

#based-menu #all ul li #container-drop .container #secure > ul > li {
	width: 100%;
	height: auto;
	float: none;
	margin-left: 0px;
	padding-bottom: 2px;
	position: relative;
	font-family: Open Sans Semibold;
	font-size: 12px;
	color: #FFFFFF;
}

#based-menu #all ul li #container-drop .container #secure > ul > li a:hover {
	text-decoration: underline;
}

#based-menu #all form {
	width: 335px;
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
}

#based-menu #all form #search {
	background: none;
	width: 335px;
	height: 40px;
	padding-left: 35px;
	padding-right: 8px;
	margin-top: 14px;
	border-radius: 2px;
	border: 2px solid #FFFFFF;
	outline: none;
	font-family: Open Sans Semibold;
	font-size: 13px;
	color: #FFFFFF;
}

#based-menu #all form .icon-search {
	background: url(../imgs/icon/search.png) no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	margin-left: 14px;
	margin-top: 28px;
}

/* === CONTENT === */
#based-content {
	height: auto;
	display: table;
	margin: auto;
	margin-top: 20px;
}

#based-content #warning {
	width: 100%;
	height: auto;
	display: table;
	margin-top: 30px;
	padding: 10px 0px;
}

#based-content #warning.green {
	background: #ff0000;
}

#based-content #warning table {
	min-height: 60px;
}

#based-content #warning table .icon {
	background: url(../imgs/icon/warning.png) no-repeat;
	width: 42px;
	height: 48px;
	float: left;
	margin-left: 30px;
}

#based-content #warning table .text {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	font-family: Open Sans;
	font-size: 18px;
	color: #FFFFFF;
}

#based-content #container-category .container-title {
	width: 100%;
	height: auto;
	display: table;
}

#based-content #container-category #about {
	float: left;
	display: table;
	margin-bottom: 20px;
	color: #999;
	font-weight: normal;
}

#based-content #container-category #about h1 {
	margin: 0px;
	font-family: Open Sans Semibold;
	font-size: 38px;
}

#based-content #container-category #about h1 a {
	color: #999;
	text-decoration: none;
}

#based-content #container-category #about h1 a:hover,
#based-content #container-category #about h1:hover {
	color: #FFFFFF;
}

#based-content #container-category #about h2 {
	margin: 0;
	margin-top: 6px;
	font-family: Open Sans;
	font-size: 18px;
	color: #999;
}

#based-content #container-category #object {
	width: auto;
	height: 41px;
	margin-top: 10px;
	display: table;
	float: right;
	margin-left: 8px;
	border: 1px solid #999;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

#based-content #container-category #object.arrow {
	width: 36px;
	cursor: pointer;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

#based-content #container-category #object.arrow.inactive {
	opacity: 0.5;
	cursor: default;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

#based-content #container-category #object .icon-left,
#based-content #container-category #object .icon-right {
	background-image: url(../imgs/icon/arrow2.png);
	width: 8px;
	height: 11px;
	margin-left: 13px;
	margin-top: 14px;
}

#based-content #container-category #object .icon-right {
	background-position: -8px 0px;
	margin-left: 14px;
}

#based-content #container-category #object-select {
	width: 150px;
	margin-top: 10px;
	display: table;
	float: right;
	margin-left: 8px;
}

#based-content #container-category #object.select {
	width: 150px;
	margin: 0px;
	position: absolute;
	cursor: pointer;
	font-family: Open Sans Semibold;
	font-size: 14px;
	color: #999;
	z-index: 99999;
}

#based-content #container-category #object.select #value {
	width: 106px;
	overflow: hidden;
	float: left;
	margin-left: 14px;
	margin-top: 9px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


#based-content #container-category #object.select #drop {
	background: url(../imgs/icon/drop-select2.png) no-repeat;
	width: 11px;
	height: 8px;
	float: right;
	margin-right: 10px;
	margin-top: 17px;
}

#based-content #container-category #object.select #container-drop {
	overflow: hidden;
	float: left;
	margin-left: 14px;
	margin-top: 2px;
	margin-bottom: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	display: none;
}

#based-content #container-category #object.select #container-drop .see {
	color: #FFFFFF;
}

#based-content #container-category #object.select #container-drop .see:hover {
	text-decoration: underline;
}

#based-content #container-category #object.select #container-drop .see.inactive {
	cursor: default;
	text-decoration: none;
	opacity: 0.5;
}

#based-content #container-category {
	width: 100%;
	height: auto;
	margin-top: 30px;
	margin-bottom: 140px;
	display: table;
}

#based-content #container-category.small {
	margin-bottom: 45px;
}

#based-content > #container-category > #container-list {
	width: 100%;
	height: auto;
	position: relative;
	display: table;
	margin-top: 0px;
}

#based-content > #container-category > #container-list > #list-container {
	width: 100%;
	height: auto;
	display: table;
	position: relative;
}

#based-content > #container-category > #container-list > #list-container ul {
	width: 100%;
	display: table;
	margin: 0;
	padding: 0;
	list-style: none;
}

#based-content > #container-category > #container-list > #list-container ul li {
	width: 208px;
	height: 300px;
	float: left;
	margin-left: 23.9px;
}

#based-content > #container-category > #container-list > #list-container ul li.small {
	height: auto;
}

#based-content > #container-category > #container-list > #list-container ul li#show-category {
	height: auto;
	margin-top: 40px;
	margin-left: 24px;
}

.category-left {
	min-width: 100%;
	margin-left: -25px;
	display: table;
}

#based-content > #container-category > #container-list > #list-container ul li #image,
#based-content > #container-category > #container-list > #list-container ul li #image .transparent {
	width: 100%;
	height: 290px;
}

#based-content > #container-category > #container-list > #list-container ul li.small #image,
#based-content > #container-category > #container-list > #list-container ul li.small #image .transparent {
	height: 90px;
}

#based-content > #container-category > #container-list > #list-container ul li #image {
	background-size: 100% 100%;
	cursor: pointer;
}

#based-content > #container-category > #container-list > #list-container ul li #image .transparent {
	background: rgba(0,0,0,0.8);
	opacity: 0.0;
	visibility: hidden;
	position: relative;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

#based-content > #container-category > #container-list > #list-container ul li #image:hover .transparent {
	opacity: 1.0;
	visibility: visible;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

#based-content > #container-category > #container-list > #list-container ul li #image .transparent #play {
	background: url(../imgs/icon/play.png) no-repeat;
	width: 84px;
	height: 84px;
	position: absolute;
	left: 0;
	right: 0px;
	margin: auto;
	margin-top: 96px;
}

#based-content > #container-category > #container-list > #list-container ul li.small #image .transparent #play {
	zoom: 60%;
	margin-top: 40px;
}

#based-content > #container-category > #container-list > #list-container ul li #image .transparent #time {
	width: auto;
	height: 28px;
	padding: 4px 8px;
	position: absolute;
	bottom: 15px;
	left: 15px;
	border: 1px solid #999;
	font-family: Open Sans Semibold;
	font-size: 12px;
	color: #999;
}

#based-content > #container-category > #container-list > #list-container ul li #information {
	width: 100%;
	height: auto;
	display: table;
}

#based-content > #container-category > #container-list > #list-container ul li #information #quality {
	background: #FF0404;
	width: auto;
	height: 20px;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 2px;
	float: right;
	margin-top: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	font-family: Open Sans;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

#based-content > #container-category > #container-list ul li #information #based-star {
	width: 68px;
	height: 10px;
	float: left;
	margin-top: 14px;
}

#based-content > #container-category > #container-list ul li #information #based-star .star1,
#based-content > #container-category > #container-list ul li #information #based-star .star2,
#based-content > #container-category > #container-list ul li #information #based-star .star3,
#based-content > #container-category > #container-list ul li #information #based-star .star4,
#based-content > #container-category > #container-list ul li #information #based-star .star5 {
	background-image: url(../imgs/icon/star.png);
	width: 10px;
	height: 10px;
	float: left;
	margin-left: 3px;
}

#based-content > #container-category > #container-list ul li #information #based-star [data-rel=full] {
	background-position: 0px 0px;
}

#based-content > #container-category > #container-list ul li #information #based-star [data-rel=means] {
	background-position: -10px 0px;
}

#based-content > #container-category > #container-list ul li #information #based-star [data-rel=empty] {
	background-position: -30px 0px;
}

#based-content > #container-category > #container-list ul li #information #based-star [data-rel=select] {
	background-position: -20px 0px;
}

#based-content > #container-category > #container-list ul li #information #year {
	width: auto;
	height: 24px;
	float: left;
	margin-left: 6px;
	margin-top: 7px;
	padding: 4px 6px;
	border: 1px solid #999;
	font-family: Open Sans Semibold;
	font-size: 10px;
	color: #999;
}

#based-content > #container-category > #container-list ul li #information #classified {
	width: auto;
	height: 30px;
	float: right;
	margin-top: -30px;
	font-family: Open Sans Semibold;
	font-size: 18px;
}

#based-content > #container-category > #container-list ul li #information #classified[rel=c1] {
	border: 1px solid #008C00;
	padding: 0px 8px;
	padding-top: 1px;
	color: #008C00;
}

#based-content > #container-category > #container-list ul li #information #classified[rel=c2] {
	border: 1px solid #0099bf;
	padding: 0px 5px;
	padding-top: 2px;
	color: #0099bf;
}

#based-content > #container-category > #container-list ul li #information #classified[rel=c3] {
	border: 1px solid #cc9e00;
	padding: 0px 5px;
	padding-top: 2px;
	color: #cc9e00;
}

#based-content > #container-category > #container-list ul li #information #classified[rel=c4] {
	border: 1px solid #ff6600;
	padding: 0px 5px;
	padding-top: 2px;
	color: #ff6600;
}

#based-content > #container-category > #container-list ul li #information #classified[rel=c5] {
	border: 1px solid #a21414;
	padding: 0px 5px;
	padding-top: 2px;
	color: #a21414;
}

#based-content > #container-category > #container-list ul li #information #classified[rel=c6] {
	border: 1px solid #5d5d5d;
	padding: 0px 5px;
	padding-top: 2px;
	color: #5d5d5d;
}

#based-content > #container-category > #container-list ul li #information #title {
	width: 100%;
	position: relative;
	height: auto;
	float: left;
	margin-top: 10px;
}

#based-content > #container-category > #container-list ul li #information #title h1 {
	width: 100%;
	position: absolute;
	margin: 0px;
	font-family: Open Sans Semibold;
	font-size: 16px;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#based-content > #container-category > #container-list ul li #information #title h1 a {
	color: #999;
}

#based-content > #container-category > #container-list ul li #information #genre {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 25px;
	font-family: Open Sans Semibold;
	font-size: 10px;
	color: #FF0404;
	text-transform: uppercase;
}

#based-content > #container-category > #container-list ul li #information #date {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 10px;
	font-family: Open Sans Semibold;
	font-size: 12px;
	color: #999;
}

#based-content > #container-category > #container-list ul li #information #date .icon {
	background-image: url(../imgs/icon/date2.png);
	background-size: 100% 100%;
	width: 12px;
	height: 14px;
	float: left;
	margin-top: 1px;
	margin-right: 5px;
}

/* === POST POPUP === */
#modal-view-post {
	background: rgba(0,0,0,1.0);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 10000000;
	overflow-x: hidden;
	overflow-y: auto;
}

#modal-view-post::-webkit-scrollbar {
	background: none;
	width: 12px;
	height: 5px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
}

#modal-view-post::-webkit-scrollbar-thumb {
	background: rgba(255,255,255,0.3);
	cursor: pointer;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
}

#modal-view-post #loading-post {
	background: url(../imgs/loading.gif) center no-repeat;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
}

#modal-view-post #all {
	height: auto;
	display: table;
	margin: auto;
}

#modal-view-post #all .nav {
	width: 70px;
	height: 70px;
	float: left;
	margin-top: 35px;
	display: none;
	opacity: 0.8;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

#modal-view-post #all .nav:hover {
	opacity: 1.0;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}


#modal-view-post #all .nav#trailler {
	background: #A21414;
}

#modal-view-post #all .nav#trailler .icon {
	background: url(../imgs/icon/trailler.png) no-repeat;
	width: 48px;
	height: 43px;
	float: left;
	margin-left: 13px;
	margin-top: 13px;
}

#modal-view-post #all .nav#edit {
	background: #999999;
	cursor: pointer;
	margin-right: 12px;
}

#modal-view-post #all .nav#edit .icon {
	background: url(../imgs/icon/edit.png) no-repeat;
	width: 46px;
	height: 46px;
	float: left;
	margin-left: 13px;
	margin-top: 13px;
}

#modal-view-post #all .close-x,
#modal-view-post #all .close-x-iframe {
	float: right;
	margin-top: 20px;
	cursor: pointer;
	font-family: Open Sans Semibold;
	font-size: 36px;
	color: #999999;
	display: none;
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

#modal-view-post #all .close-x:hover
#modal-view-post #all .close-x-iframe:hover {
	color: #FFFFFF;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

#modal-view-post #all > #content {
	width: 100%;
	display: table;
	margin-top: 144px;
	padding-bottom: 60px;
}

#modal-view-post #all > #content #content-page-view {

}

#modal-view-post #all > #content #content-page-video {
	display: none;
}

#modal-view-post #all > #content #content-page-video h1 {
	margin: 30px 0;
	padding: 0;
	margin-top: 0px;
	font-family: Open Sans Semibold;
	font-size: 40px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
}

#modal-view-post #all > #content #content-page-video #container-players {
	width: auto;
	height: auto;
	display: table;
	position: relative;
	margin: auto;
}

#modal-view-post #all > #content #content-page-video #container-players .container-global-player {
	width: auto;
	height: 42px;
	float: left;
	cursor: pointer;
	padding: 9px 16px;
	margin-right: 10px;
	font-family: Open Sans Semibold;
	font-size: 16px;
	color: #999;
	border: 1px solid #999;
}

#modal-view-post #all > #content #content-page-video #container-players .container-global-player:hover {
	color: #FFF;
	border: 1px solid #FFF;
}

#modal-view-post #all > #content .image {
	background-size: 100% 100%;
	width: 208px;
	height: 290px;
	float: left;
}

#modal-view-post #all > #content .about {
	width: auto;
	height: 290px;
	position: relative;
	margin-left: 238px;
	font-family: Open Sans Semibold;
	color: #FFFFFF;
}

#modal-view-post #all > #content .about #information {
	width: 100%;
	height: auto;
	display: table;
	padding-top: 49px;
	margin: 6px 0px;
}

#modal-view-post #all > #content .about #information .icon-date {
	background: url(../imgs/icon/date.png) no-repeat;
	width: 14px;
	height: 16px;
	float: left;
	margin-top: 0px;
}

#modal-view-post #all > #content .about #information .icon-language {
	background: url(../imgs/icon/language.png) no-repeat;
	width: 14px;
	height: 16px;
	float: left;
	margin-top: 1px;
}

#modal-view-post #all > #content .about #information .text {
	margin-left: 5px;
	margin-top: 1px;
	float: left;
	font-family: Open Sans Semibold;
	font-size: 12px;
	color: #FFFFFF;
}

#modal-view-post #all > #content .about #information .year {
	width: auto;
	height: 24px;
	float: left;
	margin: 0px 5px;
	margin-top: -2px;
	padding: 4px 6px;
	border: 1px solid #FFFFFF;
	font-family: Open Sans Semibold;
	font-size: 10px;
	color: #FFFFFF;
}

#modal-view-post #all > #content .about #information #based-star {
	width: 68px;
	height: 10px;
	float: left;
	margin-left: 4px;
	margin-top: 3px;
}

#modal-view-post #all > #content .about #information #based-star .star1,
#modal-view-post #all > #content .about #information #based-star .star2,
#modal-view-post #all > #content .about #information #based-star .star3,
#modal-view-post #all > #content .about #information #based-star .star4,
#modal-view-post #all > #content .about #information #based-star .star5 {
	background-image: url(../imgs/icon/star.png);
	width: 10px;
	height: 10px;
	float: left;
	margin-left: 3.4px;
}

#modal-view-post #all > #content .about #information #based-star [data-rel=full] {
	background-position: 0px 0px;
}

#modal-view-post #all > #content .about #information #based-star [data-rel=means] {
	background-position: -10px 0px;
}

#modal-view-post #all > #content .about #information #based-star [data-rel=empty] {
	background-position: -30px 0px;
}

#modal-view-post #all > #content .about #information #based-star [data-rel=select] {
	background-position: -20px 0px;
}

#modal-view-post #all > #content .about #menu-page {
	width: 100%;
	height: auto;
	position: absolute;
	display: table;
	bottom: 0px;
}

#modal-view-post #all > #content .about #menu-page .item {
	width: auto;
	height: auto;
	float: left;
	margin-left: 20px;
	cursor: pointer;
	font-family: Open Sans Semibold;
	font-size: 14px;
	color: #FFFFFF;
	text-transform: uppercase;
}

#modal-view-post #all > #content .about #menu-page .item:nth-of-type(1) {
	margin-left: 0px;
}

#modal-view-post #all > #content .about #menu-page .item.selected {
	border-bottom: 7px solid #FF0404;
	padding-bottom: 5px;
	cursor: default;
}

#modal-view-post #all > #content .about h1 {
	width: 100%;
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 36px;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#modal-view-post #all > #content .about h2 {
	height: auto;
	max-height: 72px;
	margin: 15px 0;
	margin-top: 15px;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	overflow-x: hidden;
	overflow-y: auto;
}

#modal-view-post #all > #content .about h2::-webkit-scrollbar {
	background: rgba(255,255,255,0.3);
	width: 7px;
	height: 5px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
}

#modal-view-post #all > #content .about h2::-webkit-scrollbar-thumb {
	background: rgba(255,255,255,0.6);
	cursor: pointer;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
}

#modal-view-post #all > #content .about h3 {
	width: 100%;
	position: absolute;
	margin: 0;
	margin-top: 0px;
	padding: 0;
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#modal-view-post #all > #content .about h3:nth-of-type(2) {
	margin-top: 18px;
}

#modal-view-post #all > #content .about h3:nth-of-type(3) {
	margin-top: 35px;
}

#modal-view-post #all > #content .about h3 b {
	font-family: Open Sans Bold;
}

#modal-view-post #all > #content .about #classified {
	width: auto;
	height: 34px;
	float: left;
	margin-top: 65px;
	padding: 0px 7px;
	padding-top: 5px;
	font-family: Open Sans Semibold;
	font-size: 18px;
	color: #FFFFFF;
}

#modal-view-post #all > #content .about #classified-text {
	height: 34px;
	padding: 8px 10px;
	float: left;
	font-family: Open Sans Bold;
	font-size: 12px;
	margin-left: 10px;
	margin-top: 65px;
}

#modal-view-post #all > #content .about #classified[rel=c1] {
	background: #008C00;
	padding: 0px 10px;
	padding-top: 3px;
	color: #FFFFFF;
}

#modal-view-post #all > #content .about #classified-text[rel=c1] {
	border: 1px solid #008C00;
	color: #008C00;
}

#modal-view-post #all > #content .about #classified[rel=c2] {
	background: #0099bf;
}

#modal-view-post #all > #content .about #classified-text[rel=c2] {
	border: 1px solid #0099bf;
	color: #0099bf;
}

#modal-view-post #all > #content .about #classified[rel=c3] {
	background: #cc9e00;
}

#modal-view-post #all > #content .about #classified-text[rel=c3] {
	border: 1px solid #cc9e00;
	color: #cc9e00;
}

#modal-view-post #all > #content .about #classified[rel=c4] {
	background: #ff6600;
}

#modal-view-post #all > #content .about #classified-text[rel=c4] {
	border: 1px solid #ff6600;
	color: #ff6600;
}

#modal-view-post #all > #content .about #classified[rel=c5] {
	background: #a21414;
}

#modal-view-post #all > #content .about #classified-text[rel=c5] {
	border: 1px solid #a21414;
	color: #a21414;
}

#modal-view-post #all > #content .about #classified[rel=c6] {
	background: #5d5d5d;
}

#modal-view-post #all > #content .about #classified-text[rel=c6] {
	border: 1px solid #5d5d5d;
	color: #5d5d5d;
}

#modal-view-post #all > #content .about #classified {
	border: none;
}

#modal-view-post #all > #content .about #classified-text {
	background: none;
}

#modal-view-post #all > #content .trailer,
#modal-view-post #all > #content .trailer iframe {
	width: 430px;
	height: 214px;
}

#modal-view-post #all > #content .trailer {
	float: right;
	margin-top: 76px;
	display: none;
}

#modal-view-post #all > #content .watch-space {
	width: 100%;
	height: 0px;
	clear: both;
}

#modal-view-post #all > #content .watch {
	width: 100%;
	height: 50px;
	padding-top: 13px;
	clear: both;
	margin-top: 20px;
	cursor: pointer;
	border: 1px solid #999;
	font-family: Open Sans Semibold;
	font-size: 16px;
	text-align: center;
	color: #999;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

#modal-view-post #all > #content .watch:hover {
	color: #FFF;
	border: 1px solid #FFF;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

#modal-view-post #all > #content #container-fb-comments {
	width: 100%;
	height: auto;
	display: table;
	margin-top: 30px;
	margin-left: -10px;
}

#modal-view-post #all > #content #selects {
	width: 100%;
	display: table;
	float: left;
	clear: both;
	margin-top: 30px;
}

#modal-view-post #all > #content #select-season,
#modal-view-post #all > #content #select-audio {
	width: 170px;
	height: 41px;
	float: left;
	display: table;
}

#modal-view-post #all > #content #select-audio {
	margin-left: 20px;
	width: 130px;
}

#modal-view-post #all > #content .select-season,
#modal-view-post #all > #content .select-audio {
	background: #000000;
	width: 170px;
	height: 41px;
	position: absolute;
	display: table;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	font-family: Open Sans Semibold;
	font-size: 14px;
	color: #FFFFFF;
	z-index: 999;
}

#modal-view-post #all > #content .select-audio {
	width: 130px;
}

#modal-view-post #all > #content .select-season #value,
#modal-view-post #all > #content .select-audio #value {
	width: 126px;
	overflow: hidden;
	float: left;
	margin-left: 14px;
	margin-top: 9px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#modal-view-post #all > #content .select-audio #value {
	width: 86px;
}

#modal-view-post #all > #content .select-season #drop,
#modal-view-post #all > #content .select-audio #drop {
	background: url(../imgs/icon/drop-select.png) no-repeat;
	width: 11px;
	height: 8px;
	float: right;
	margin-right: 10px;
	margin-top: 17px;
}

#modal-view-post #all > #content .select-season #container-drop,
#modal-view-post #all > #content .select-audio #container-drop {
	overflow: hidden;
	float: left;
	margin-left: 14px;
	margin-top: 2px;
	margin-bottom: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	display: none;
}

#modal-view-post #all > #content .select-season #container-drop .see,
#modal-view-post #all > #content .select-audio #container-drop .see {
	color: #FFFFFF;
}

#modal-view-post #all > #content .select-season #container-drop .see:hover,
#modal-view-post #all > #content .select-audio #container-drop .see:hover {
	text-decoration: underline;
}

#modal-view-post #all > #content .select-season #container-drop .see.inactive,
#modal-view-post #all > #content .select-audio #container-drop .see.inactive {
	cursor: default;
	text-decoration: none;
	opacity: 0.5;
}

#modal-view-post #all > #content .loading-episode {
	width: 100%;
	height: auto;
	display: table;
	float: left;
	clear: both;
	margin-top: -30px;
}

#modal-view-post #all > #content .loading-episode #episode,
#modal-view-post #all > #content .loading-episode #episode #image {
	background-size: 100% 100%;
	width: 250px;
}

#modal-view-post #all > #content .loading-episode #episode {
	height: auto;
	display: table;
	float: left;
	margin-left: 45px;
	margin-top: 60px;
	font-size: 13px;
	color: #FFFFFF;
	position: relative;
}

#modal-view-post #all > #content .loading-episode #episode:nth-of-type(1),
#modal-view-post #all > #content .loading-episode #episode:nth-of-type(5),
#modal-view-post #all > #content .loading-episode #episode:nth-of-type(9),
#modal-view-post #all > #content .loading-episode #episode:nth-of-type(13),
#modal-view-post #all > #content .loading-episode #episode:nth-of-type(17),
#modal-view-post #all > #content .loading-episode #episode:nth-of-type(21),
#modal-view-post #all > #content .loading-episode #episode:nth-of-type(25),
#modal-view-post #all > #content .loading-episode #episode:nth-of-type(29),
#modal-view-post #all > #content .loading-episode #episode:nth-of-type(33),
#modal-view-post #all > #content .loading-episode #episode:nth-of-type(37),
#modal-view-post #all > #content .loading-episode #episode:nth-of-type(41),
#modal-view-post #all > #content .loading-episode #episode:nth-of-type(45),
#modal-view-post #all > #content .loading-episode #episode:nth-of-type(49),
#modal-view-post #all > #content .loading-episode #episode:nth-of-type(53) {
	margin-left: 0px;
}

#modal-view-post #all > #content .loading-episode #episode #image {
	height: 100px;
}

#modal-view-post #all > #content .loading-episode #episode h1 {
	width: 100%;
	margin: 0;
	margin-top: 5px;
	padding: 0;
	font-family: Open Sans Bold;
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#modal-view-post #all > #content .loading-episode #episode h1 a {
	color: #FFFFFF;
}

#modal-view-post #all > #content .loading-episode #episode h2 {
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 3px;
	padding: 0;
	font-family: Open Sans;
	font-size: 13px;
	font-weight: normal;
}

#modal-view-post #all > #content .loading-episode #episode #data {
	width: 100%;
	position: absolute;
}

#rodape {
	width: 100%;
	height: auto;
	display: table;
	padding-top: 50px;
	border-top: 1px solid #999;
	margin-top: 50px;
}

#rodape #all {
	height: auto;
	position: relative;
	margin: auto;
	display: table;
}

#rodape #all ul {
	width: auto;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}


#rodape #all ul:nth-of-type(2),
#rodape #all ul:nth-of-type(4) {
	float: right;
}


#rodape #all ul li {
	font-family: Open Sans Semibold;
	font-size: 12px;
	margin-bottom: 5px;
}

#rodape #all ul li a {
	color: #999;
}

#rodape #all ul li a:hover {
	color: #FFFFFF;
}

#rodape #all #copyrights {
	width: 100%;
	height: auto;
	margin: 40px 0px;
	float: left;
	clear: both;
	font-family: Open Sans Semibold;
	font-size: 11px;
	color: #999;
}

.rodape-left,
.rodape-right {
	width: 40%;
	display: table;
}

#modal-pagina-facebook {
	background: rgba(0,0,0,0.7);
	position: fixed;
	left: 0;
	right:0;
	top: 0;
	bottom: 0;
	z-index: 99999;
}

#modal-pagina-facebook #box {
	background: #FFFFFF;
	width: 380px;
	height: 200px;
	padding: 5px;
	left: 0;
	right: 0;
	margin: auto;
	position: fixed;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

#modal-pagina-facebook #box #fechar {
	background: #FFF;
	padding: 0px 15px;
	height: 45px;
	position: absolute;
	font-family: Open Sans Semibold;
	color: #000;
	cursor: pointer;
	font-size: 20px;
	margin-left: 5px;
	margin-top: -34px;
}

#modal-app {
	background: #FFFFFF;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	overflow-x: hidden;
	overflow-y: auto;
}

#modal-app::-webkit-scrollbar {
	background: none;
	width: 8px;
	height: 5px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
}

#modal-app::-webkit-scrollbar-thumb {
	background: rgba(0,0,0,0.3);
	cursor: pointer;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
}

.all-supertela {
	width: 1000px;
	margin: 100px auto;
	display: table;
	position: relative;
}

.all-supertela #prev {
	background: rgba(0,0,0,0.2);
	width: auto;
	display: table;
	position: absolute;
	cursor: pointer;
	right: 0px;
	padding: 10px 15px;
	padding-top: 5px;
	margin-top: -70px;
	font-family: Segoe UI;
	font-size: 20px;
	color: #666;
}

.all-supertela #prev:hover {
	background: rgba(0,0,0,0.3);
}

.all-supertela #left {
	width: 460px;
	float: left;
}

.all-supertela #left #title {
	margin: 0px 0px;
}

.all-supertela #left #title h1 {
	font-family: Segoe UI Light;
	font-size: 44px;
	color: #666666;
	font-weight: normal;
}

.all-supertela #left #description {
	margin: 30px 0px;
	font-family: Segoe UI;
	font-size: 14px;
	color: #666666;
}

.all-supertela #left #description a {
	color: #666666;
	font-weight: bold;
}

.all-supertela #left .model-app {
	float: left;
}

.all-supertela #left .model-app#android {
	background: url(../imgs/model-android.png) no-repeat;
	width: 153px;
	height: 295px;
}

.all-supertela #left .model-app#ios {
	background: url(../imgs/model-ios.png) no-repeat;
	width: 157px;
	height: 295px;
	margin-left: 50px;
	opacity: 0.5;
}

.all-supertela #left .model-app#android video {
	margin-left: 7px;
	margin-top: 27px;
}

.all-supertela #right {
	width: 378px;
	float: right;
	margin-top: 50px;
}

.all-supertela #right .stripe {
	background: #DFDFDF;
	width: 100%;
	height: 1px;
	margin: 20px 0px;
}

.all-supertela #right #movie {
	width: 100%;
	height: 165px;
	position: relative;
}

/* Box */
.all-supertela #right #box {
	width: 100%;
	display: table;
}

.all-supertela #right #box > #titulo {
	margin-top: -14px;
	margin-bottom: 10px;
}

.all-supertela #right #box > #titulo h2 {
	font-family: Segoe UI Light;
	font-size: 36px;
	color: #666666;
	font-weight: normal;
}

/* Details */
.all-supertela #right #details {
	width: 100%;
	height: 96px;
}

.all-supertela #right #details .icon.supertela {
	background: url(../imgs/icon.png) no-repeat;
	width: 96px;
	height: 96px;
	float: left;
}

.all-supertela #right #details .about {
	width: 265px;
	float: left;
	margin-left: 17px;
}

.all-supertela #right #details .about #name {
	font-family: Segoe UI Light;
	font-size: 41px;
	color: #B70000;
	margin-top: -15px;
}

.all-supertela #right #details .about #description {
	padding-left: 5px;
	font-family: Segoe UI;
	font-size: 14px;
	color: #666666;
}

/* Screens */
.screens #pager {
	display: table;
	width: 100%;
}

.screens #image {
	width: 89px;
	height: 68px;
	float: left;
	cursor: pointer;
	margin-left: 4px;
	opacity: 0.5;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

.screens #image:hover {
	opacity: 1.0;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

.screens #image.screen-1 {
	background: url(../imgs/screens/1.png) no-repeat;
	margin-left: 0px;
}

.screens #image.screen-2 {
	background: url(../imgs/screens/2.png) no-repeat;
}

.screens #image.screen-3 {
	background: url(../imgs/screens/3.png) no-repeat;
}

.screens #image.screen-4 {
	background: url(../imgs/screens/4.png) no-repeat;
}

.screens #image.screen-5 {
	background: url(../imgs/screens/5.png) no-repeat;
	margin-left: 0px;
	margin-top: 4px;
}

.screens #image.screen-6 {
	background: url(../imgs/screens/6.png) no-repeat;
	margin-top: 4px;
}

.screens #image.screen-7 {
	background: url(../imgs/screens/8.png) no-repeat;
	margin-top: 4px;
}

.screens #image.screen-8 {
	background: url(../imgs/screens/7.png) no-repeat;
	margin-top: 4px;
}

/* Download */
.download {
	margin-bottom: 65px;
}

.download #download {
	float: left;
}

.download #download.google-play {
	background: url(../imgs/google-play.png) no-repeat;
	width: 125px;
	height: 40px;
	margin-left: 13px;
}

.download #download.app-store {
	background: url(../imgs/app-store.png) no-repeat;
	width: 135px;
	height: 40px;
	margin-left: 50px;
}

.download #download .button {
	width: 151px;
	padding: 6px 0px;
	cursor: pointer;
	margin-left: -13px;
	margin-top: 55px;
	font-family: Segoe UI;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	border-radius: 20px;
}

.download #download.app-store .button  {
	margin-left: -8px;
}

.download #download .button#available {
	background: #0BAC02;
}

.download #download .button#unavailable {
	background: #B70000;
}

#googleads {
	width: 300px;
	height: 250px;
	overflow: hidden;
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 99999999;
}

#googleads #close-fake {
	background: #000;
	width: auto;
	padding: 5px 8px;
	font-family: Open Sans Semibold;
	font-size: 16px;
	position: absolute;
	color: red;
	cursor: pointer;
	font-size: 20px;
	margin-left: 35px;
	margin-top: 110px;
}

#googleads #close-fake2 {
	background: red;
	width: auto;
	padding: 0px 5px;
	font-family: Open Sans Semibold;
	font-size: 13px;
	position: absolute;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 20px;
	margin-left: 35px;
	margin-top: 200px;
}


#googleads #close-fake3 {
	background: #000;
	width: auto;
	padding: 0px 5px;
	font-family: Open Sans Semibold;
	font-size: 13px;
	position: absolute;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 20px;
	margin-left: 35px;
	margin-top: 20px;
}

#googleads #ads {
	width: 300px;
	height: 250px;
	position: absolute;
	opacity: 0.0;
	z-index: 13;	
}

@media screen and (min-width: 1px) and (max-width: 800px) {
	#iframegoogleads {
		display: none;
	}
	
	.all-supertela {
		width: 80%;
	}

	.all-supertela #left {
		width: 100%;
		float: none;
	}

	.all-supertela #right {
		width: 100%;
	}

	.all-supertela #right #details {
		display: table;
		width: 100%;
	}

	.all-supertela #left .model-app {
		display: none;
	}

	.all-supertela #left #description {
		display: none;
	}

	.all-supertela #left #title {
		width: 100%;
		text-align: center;
	}

	.all-supertela #right #details .about,
	.all-supertela #right #details .icon.supertela {
		float: none;
		margin: auto;
	}

	.all-supertela #right #details .about {
		padding-top: 30px;
		text-align: center;
	}

	.all-supertela #right #box.screens,
	.stripe-screens {
		display: none;
	}

	.all-supertela #right #box.#download {
		width: 100%;
		float: none;
	}

	.all-supertela #right #box > #titulo {
		text-align: center;
	}

	.download #download.google-play {
		margin: auto;
		float: none;
		margin-top: 25px;
	}

	.download #download.app-store {
		margin: auto;
		float: none;
		margin-top: 50px;
	}

	.download #download .button {
		position: absolute;
		margin-top: 45px;
	}
}	
/*
@media screen and (min-width: 460px) and (max-width: 700px) {
	.all-supertela {
		width: 90%;
	}

	.all-supertela #left {
		display: none;
	}

	.all-supertela #right {
		float: none;
		margin: auto;
	}
}
@media screen and (min-width: 700px) and (max-width: 800px) {
	.all-supertela {
		width: 90%;
	}

	.all-supertela #left,
	.all-supertela #right {
		zoom: 70%;
	}
}
*/
@media screen and (min-width: 800px) and (max-width: 900px) {
	.all-supertela {
		width: 90%;
	}

	.all-supertela #left,
	.all-supertela #right {
		zoom: 80%;
	}
}

@media screen and (min-width: 900px) and (max-width: 1000px) {
	.all-supertela {
		width: 90%;
	}

	.all-supertela #left,
	.all-supertela #right {
		zoom: 90%;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1100px) {
	.all-supertela {
		width: 90%;
	}
}

@media screen and (max-width: 1200px) {
	header #based-header #image .linear #all,
	#based-content,
	#based-content > #container-category > #container-list,
	#based-menu #all,
	header #based-header #container-pager,
	#modal-view-post #all,
	header #based-header #based-slide ul li #all,
	#rodape #all {
		width: 90%;
	}

	#modal-view-post #all > #content .loading-episode #episode {
		width: 22%;
		margin-left: 3%;
	}

	#modal-view-post #all > #content .loading-episode #episode #image {
		width: 100%;
	}

	header #based-header .arrow-left,
	header #based-header .arrow-right {
		display: none;
	}

	#based-content > #container-category > #container-list {
		width: 100%;
	}

	#based-content > #container-category > #container-list > #list-container ul li#normal {
		width: 18%;
		margin-left: 2.5%;
	}

	#based-content > #container-category > #container-list > #list-container ul li#show-category {
		width: 18%;
		margin-left: 2.0%;
	}

	.category-left {
		margin-left: -2.0%;
	}

	#based-content > #container-category > #container-list > #list-container ul li #image,
	#based-content > #container-category > #container-list > #list-container ul li #image .transparent {
		height: 250px;
	}

	#based-content > #container-category > #container-list ul li #information #title h1 {
		font-size: 14px;
	}

	#based-content > #container-category > #container-list ul li #information #date {
		zoom: 90%;
	}

	#based-content > #container-category > #container-list ul li #information #year {
		zoom: 85%;
		margin-top: 10px;
	}

	#based-content > #container-category > #container-list ul li #information #based-star,
	#based-content > #container-category > #container-list > #list-container ul li #information #quality,
	#based-content > #container-category > #container-list ul li #information #classified,
	#based-content > #container-category > #container-list > #list-container ul li #image .transparent #play {
		zoom: 90%;
	}

	#based-content > #container-category > #container-list > #list-container ul li #information #quality {
		margin-top: 14px;
		zoom: 80%;
	}

	#based-content > #container-category > #container-list ul li #information #based-star {
		margin-top: 16px;
	}

	#based-content #warning {
		zoom: 70%;
	}

	#based-content #container-category {
		margin-bottom: 100px;
	}

	#based-content #container-category #about h1 {
		font-size: 34px;
	}

	#based-content #container-category #about h2 {
		font-size: 16px;
	}
}


@media screen and (max-width: 1000px) {

	header #based-header #based-slide ul li #all .play {
		right: 100px;
	}

	header #based-header #based-slide ul li #all,
	#based-content,
	#based-content > #container-category > #container-list,
	#based-menu #all {
		width: 90%;
	}

	#based-content > #container-category > #container-list {
		width: 100%;
	}

	#based-content > #container-category > #container-list > #list-container ul li#normal {
		width: 22.5%;
		margin-left: 2.5%;
	}

	#based-content > #container-category > #container-list > #list-container ul li.id-4#normal {
		width: 23.5%;
	}

	#based-content > #container-category > #container-list > #list-container ul li.id-3#normal {
		width: 24%;
	}

	#based-content > #container-category > #container-list > #list-container ul li.id-5#normal {
		display: none;
	}

	#based-content > #container-category > #container-list > #list-container ul li#show-category {
		width: 22.5%;
		margin-left: 2.5%;
	}

	.category-left {
		margin-left: -2.5%;
	}

	#based-content > #container-category > #container-list > #list-container ul li #image,
	#based-content > #container-category > #container-list > #list-container ul li #image .transparent {
		height: 230px;
	}

	#based-content > #container-category > #container-list ul li #information #title h1 {
		font-size: 13.5px;
	}

	#based-content > #container-category > #container-list ul li #information #genre {
		font-size: 9px;
	}

	#based-content > #container-category > #container-list ul li #information #date {
		zoom: 88%;
	}

	#based-content > #container-category > #container-list ul li #information #year,
	#based-content > #container-category > #container-list > #list-container ul li #information #quality {
		zoom: 80%;
		margin-top: 12px;
	}

	#based-content > #container-category > #container-list > #list-container ul li #information #quality {
		zoom: 75%;
		margin-top: 17px;
	}

	#based-content > #container-category > #container-list ul li #information #based-star,
	#based-content > #container-category > #container-list ul li #information #classified {
		zoom: 90%;
	}

	#based-content > #container-category > #container-list ul li #information #based-star {
		margin-top: 13px;
	}

	#based-content > #container-category > #container-list > #list-container ul li #image .transparent #play,
	#based-content #container-category #object,
	#based-content #container-category #object-select {
		zoom: 80%;
	}

	#based-content #container-category #object.select {
		zoom: 100%;
	}

	#based-content #container-category {
		margin-bottom: 70px;
	}

	#based-content #container-category #about h1 {
		font-size: 30px;
	}

	#based-content #container-category #about h2 {
		font-size: 14px;
	}

	#based-menu #all form,
	#based-menu #all form #search {
		width: 200px;
	}

	#based-menu #all ul a li:nth-of-type(1) {
		display: none;
	}

	#based-menu #all ul li:nth-of-type(1) {
		margin-left: 0px;
	}

	#based-menu #all ul.fr li:nth-of-type(1) {
		display: block;
	}
}

@media screen and (max-width: 950px) {

	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(1),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(5),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(9),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(13),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(17),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(21),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(25),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(29),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(33),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(37),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(41),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(45),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(49),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(53) {
		margin-left: 3%;
	}

	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(1),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(4),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(7),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(10),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(13),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(16),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(19),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(22),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(25),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(28),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(31),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(34),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(37),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(40) {
		margin-left: 0px;
	}

	#modal-view-post #all > #content .loading-episode #episode {
		width: 31%;
		margin-left: 3%;
	}
}

@media screen and (max-width: 800px) {

	header #based-header #based-slide ul li #all .play {
		right: 50px;
	}

	#based-content > #container-category > #container-list > #list-container {
		margin-top: 20px;
	}

	#based-content > #container-category.category-page-top {
		margin-top: 30px;
	}

	#based-content #container-category.small {
		margin-bottom: 70px;
	}

	#based-content > #container-category > #container-list > #list-container ul li#normal {
		width: 21.5%;
		margin-left: 3.5%;
	}

	#based-content > #container-category > #container-list > #list-container ul li.id-4#normal {
		width: 23.5%;
	}

	#based-content > #container-category > #container-list > #list-container ul li.id-3#normal {
		width: 23%;
	}

	#based-content > #container-category > #container-list > #list-container ul li#show-category {
		width: 21.5%;
		margin-left: 3.5%;
	}

	.category-left {
		margin-left: -3.5%;
	}

	#based-content > #container-category > #container-list > #list-container ul li #image,
	#based-content > #container-category > #container-list > #list-container ul li #image .transparent {
		height: 200px;
	}

	#based-content > #container-category > #container-list ul li #information #title h1 {
		font-size: 12px;
	}

	#based-content > #container-category > #container-list ul li #information #genre {
		font-size: 8px;
	}

	#based-content > #container-category > #container-list ul li #information #date {
		zoom: 80%;
	}

	#based-content > #container-category > #container-list ul li #information #year,
	#based-content > #container-category > #container-list > #list-container ul li #information #quality {
		zoom: 70%;
		margin-top: 12px;
	}

	#based-content > #container-category > #container-list > #list-container ul li #information #quality {
		margin-top: 14px;
	}

	#based-content > #container-category > #container-list ul li #information #based-star,
	#based-content > #container-category > #container-list ul li #information #classified {
		zoom: 80%;
	}

	#based-content > #container-category > #container-list ul li #information #based-star {
		margin-top: 14px;
	}

	#based-content > #container-category > #container-list > #list-container ul li #image .transparent #play,
	#based-content #container-category #object-select,
	#based-content #container-category #object {
		zoom: 80%;
	}

	.space-category {
		display: block;
	}

	#based-content #warning {
		margin-top: 20px;
	}

	#based-content #container-category {
		margin-top: -50px;
	}

	#based-content #container-category #about h1 {
		font-size: 25px;
	}

	#based-content #container-category #about h2 {
		font-size: 12px;
	}
}

@media screen and (max-width: 750px) {

	#based-content #container-category.small {
		margin-bottom: 20px;
	}

	#based-content > #container-category > #container-list {
		margin-top: 0px;
	}

	#based-content > #container-category > #container-list ul li #information #title h1 {
		font-size: 11px;
	}

	#based-content > #container-category > #container-list ul li #information #genre {
		font-size: 8px;
	}

	#based-content > #container-category > #container-list > #list-container ul li #image .transparent #play {
		zoom: 69%;
	}

	#based-content #container-category {
		margin-bottom: 15px;
		margin-top: 0px;
	}

	#based-content #warning {
		margin-bottom: 20px;
	}

	#based-content #container-category #about h1 {
		font-size: 28px;
	}

	#based-content #container-category #about h2 {
		display: none;
	}

	#based-content #container-category #about {
		margin-bottom: 20px;
	}

	.space-category {
		height: 20px;
		display: block;
	}

	#based-content #container-category {
		margin-top: 0px;
	}

	#based-menu #all ul li:nth-of-type(1),
	#based-menu #all ul.fr li:nth-of-type(1) .text {
		display: none;
	}

	#based-menu #all .icon-navigator-responsive,
	#based-menu-responsive {
		display: block;
	}

	#based-menu #all #logo {
		zoom: 90%;
		margin-top: 26px;
		float: left; 
	}
}

@media screen and (max-width: 780px) {
	.rodape-left {
		width: 35%;
	}

	.rodape-right {
		width: 50%;
	}
}

@media screen and (max-width: 700px) {

	#based-content > #container-category.category-page-top {
		margin-top: 20px;
	}

	#based-content > #container-category > #container-list > #list-container ul li#normal {
		width: 30.5%;
		margin-left: 4.5%;
	}

	#based-content > #container-category > #container-list > #list-container ul li.id-3#normal {
		width: 30%;
	}

	#based-content > #container-category > #container-list > #list-container ul li.id-5#normal,
	#based-content > #container-category > #container-list > #list-container ul li.id-4#normal {
		display: none;
	}

	#based-content > #container-category > #container-list > #list-container ul li#show-category {
		width: 30%;
		margin-left: 3.3%;
		margin-top: 30px;
	}

	.category-left {
		margin-left: -3.3%;
	}

	#based-content > #container-category > #container-list > #list-container ul li #image,
	#based-content > #container-category > #container-list > #list-container ul li #image .transparent {
		height: 180px;
	}

	#based-content > #container-category > #container-list ul li #information #title h1 {
		font-size: 13px;
	}

	#based-content > #container-category > #container-list ul li #information #genre {
		font-size: 9px;
	}

	#based-menu #all form,
	#based-menu #all form #search {
		width: 180px;
	}

	#based-content > #container-category > #container-list ul li #information #based-star {
		margin-top: 17px;
		zoom: 70%;
	}

	#based-content #container-category #object-select,
	#based-content #container-category #object {
		zoom: 78%;
	}

	#modal-view-post #all > #content .image {
		background-size: 100% 100%;
		width: 208px;
		height: 290px;
		float: none;
		margin: auto;
	}

	#modal-view-post #all > #content .about {
		margin: 0;
		margin-top: 20px;
	}

	#modal-view-post #all > #content #selects,
	#modal-view-post #all > #content #container-fb-comments {
		margin-top: 20px;
	}
}

@media screen and (max-width: 650px) {

	#container-trailer {
		width: 100%;
		border: 5% solid #FFFFFF;
	}

	#container-trailer iframe {
		width: 90%;
	}
}

@media screen and (max-height: 450px) {

	#container-trailer {
		height: calc(100% - 35px);
	}

	#container-trailer iframe {
		height: 100%;
	}
}

@media screen and (max-width: 600px) {

	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(1),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(5),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(9),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(13),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(17),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(21),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(25),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(29),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(33),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(37),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(41),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(45),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(49),
	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(53) {
		margin-left: 0px;
	}

	#modal-view-post #all > #content .loading-episode #episode {
		width: 48%;
		margin-left: 0px;
	}

	#modal-view-post #all > #content .loading-episode #episode:nth-of-type(2n+0) {
		float: right;
	}

	header #based-header #based-slide ul li #all .news {
		zoom: 100%;
		left: 0;
		right: 0;
		top: 0px;
		margin: auto;
	}

	.rodape-left {
		width: 50%;
	}

	.rodape-right {
		width: 50%;
	}

	#rodape #all ul {
		width: 100%;
		float: left;
		clear: both;
	}

	#based-menu #all #logo {
		background: url(../imgs/logo2.png) no-repeat;
		width: 67px;
		height: 52px;
		zoom: 70%;
		margin-top: 20px;
		float: left; 
	}

	header #based-header #based-slide ul li #all .play {
		display: none;
	}

	header #based-header #based-slide ul li #all .news #about .icon-date {
		background: url(../imgs/icon/date.png) no-repeat;
	}

	header #based-header #based-slide ul li #all .news #about .icon-language {
		background: url(../imgs/icon/language.png) no-repeat;
	}

	header #based-header #based-slide ul li #all .news #about .year {
		border: 1px solid #FFF;
	}

	header #based-header #based-slide ul li #all .news #about .text,
	header #based-header #based-slide ul li #all .news #about .year,
	header #based-header #based-slide ul li #all .news h2,
	header #based-header #based-slide ul li #all .news h3 {
		color: #FFF;
	}

	header,
	header #based-header,
	header #based-header .linear,
	header #based-header #based-slide,
	header #based-header #based-slide ul li #all,
	header #based-header #based-slide ul li .image {
		height: 450px;
	}

	header #based-header #arrows {
		top: 420px;
	}
}

@media screen and (max-width: 500px) {

	header #based-header #based-slide ul li #all .news { 
		zoom: 100%;
	}

	#based-content #container-category #about {
		margin-bottom: 5px;
	}

	#based-content #container-category #object {
		display: none;
	}

	#based-content #container-category #object.arrow {
		display: block;
	}

	#based-menu #all form,
	#based-menu #all form #search {
		width: 120px;
	}

	#based-content > #container-category > #container-list ul li #information #title h1 {
		font-size: 10.5px;
	}

	#based-content > #container-category > #container-list ul li #information #genre {
		font-size: 8px;
	}

	#based-content #container-category #about h1 {
		font-size: 28px;
	}
}


@media screen and (max-width: 450px) {

	#modal-view-post #all > #content .loading-episode #episode {
		width: 100%;
		margin-left: 0px;
	}

	.rodape-left {
		width: 100%;
	}

	.rodape-right {
		width: 100%;
	}

	header #based-header #based-slide ul li #all .news {
		zoom: 90%;
		top: 30px;
	}

	#based-content #container-category #about {
		margin-bottom: 20px;
	}

	#based-content > #container-category > #container-list > #list-container {
		margin-top: 0px;
	}

	#based-content > #container-category > #container-list > #list-container ul li#normal {
		width: 47.5%;
		margin-left: 5.0%;
	}

	#based-content > #container-category > #container-list > #list-container ul li.id-5#normal,
	#based-content > #container-category > #container-list > #list-container ul li.id-4#normal,
	#based-content > #container-category > #container-list > #list-container ul li.id-3#normal {
		display: none;
	}

	#based-content > #container-category > #container-list > #list-container ul li#show-category {
		width: 45%;
		margin-left: 5.0%;
	}

	.category-left {
		margin-left: -5%;
	}

	#based-content > #container-category > #container-list > #list-container ul li #image,
	#based-content > #container-category > #container-list > #list-container ul li #image .transparent {
		height: 190px;
	}

	#based-content > #container-category > #container-list ul li #information #title h1 {
		font-size: 12px;
	}

	#based-content > #container-category > #container-list ul li #information #genre {
		font-size: 8px;
	}

	header,
	header #based-header,
	header #based-header .linear,
	header #based-header #based-slide,
	header #based-header #based-slide ul li #all,
	header #based-header #based-slide ul li .image {
		height: 350px;
	}

	header #based-header #arrows {
		top: 320px;
	}
}


@media screen and (max-width: 400px) {
	#modal-view-post #all > #content .about h1 {
		font-size: 26px;
	}
	
	#modal-view-post #all > #content .about h2 {
		font-size: 13px;
	}

	#modal-view-post #all > #content .about h3 {
		font-size: 11px;
	}

	#modal-view-post #all > #content .about h3:nth-of-type(2) {
		margin-top: 15px;
	}

	#modal-view-post #all > #content .about h3:nth-of-type(3) {
		margin-top: 30px;
	}

	#modal-view-post #all > #content .about #classified-text,
	#modal-view-post #all > #content .about #classified {
		zoom: 90%;
		margin-top: 75px;
	}

	#modal-view-post #all > #content #select-season,
	#modal-view-post #all > #content #select-audio {
		zoom: 90%;
	}

	#modal-pagina-facebook {
		display: none;
	}
}

@media screen and (max-width: 370px) {
	header #based-header #based-slide ul li #all .news {
		zoom: 80%;
		top: 30px;
	}

	#based-content #container-category #object.arrow {
		display: none;
	}
}

@media screen and (max-width: 350px) {
	#modal-view-post #all > #content .about #information {
		zoom: 90%;
	}

	#modal-view-post #all > #content #select-season,
	#modal-view-post #all > #content #select-audio {
		zoom: 85%;
	}

	#modal-view-post #all > #content .about #classified-text,
	#modal-view-post #all > #content .about #classified {
		zoom: 83%;
		margin-top: 75px;
	}

	#modal-view-post #all > #content .select-season,
	#modal-view-post #all > #content #select-season {
		width: 140px;
	}

	#modal-view-post #all > #content .select-season #value {
		width: 96px;
	}
}

@media screen and (max-width: 300px) {
	#based-menu-responsive {
		width: 100%;
	}

	#modal-view-post #all > #content #select-audio,
	#modal-view-post #all > #content .select-audio {
		width: 120px;
	}

	#modal-view-post #all > #content .select-audio #value {
		width: 76px;
	}
	#modal-view-post #all > #content #selects,
	#modal-view-post #all > #content #container-fb-comments {
		margin-top: 0px;
	}

	#modal-view-post #all > #content .about #classified {
		display: none;
	}

	#modal-view-post #all > #content .about #classified-text {
		margin-left: 0px;
		height: 36px;
	}

	#modal-view-post #all > #content .select-season,
	#modal-view-post #all > #content #select-season {
		width: 140px;
	}

	#modal-view-post #all > #content .select-season #value {
		width: 96px;
	}

	header #based-header #based-slide ul li #all .news {
		zoom: 70%;
		top: 30px;
	}

	#based-content #container-category #about {
		margin-bottom: 5px;
	}

	#based-content > #container-category > #container-list > #list-container ul li#normal {
		width: 100%;
	}

	#based-content > #container-category > #container-list > #list-container ul li.id-5#normal,
	#based-content > #container-category > #container-list > #list-container ul li.id-4#normal,
	#based-content > #container-category > #container-list > #list-container ul li.id-3#normal,
	#based-content > #container-category > #container-list > #list-container ul li.id-2#normal {
		display: none;
	}

	#based-content > #container-category > #container-list > #list-container ul li#show-category {
		width: 95%;
	}

	.category-left {
		margin-left: -5%;
	}

	#based-content > #container-category > #container-list > #list-container ul li #image,
	#based-content > #container-category > #container-list > #list-container ul li #image .transparent {
		height: 170px;
	}

	#based-content > #container-category > #container-list ul li #information #title h1 {
		font-size: 16px;
	}

	#based-content > #container-category > #container-list ul li #information #genre {
		font-size: 10px;
	}

	#based-content > #container-category > #container-list ul li #information #date {
		zoom: 90%;
	}

	#based-content > #container-category > #container-list ul li #information #year {
		zoom: 90%;
	}

	#based-content > #container-category > #container-list ul li #information #based-star,
	#based-content > #container-category > #container-list > #list-container ul li #information #quality,
	#based-content > #container-category > #container-list ul li #information #classified {
		zoom: 90%;
	}

	#based-content #warning {
		zoom: 60%;
	}
}

#secso1:hover {
opacity: 0.30;
-moz-opacity: 0.30;
cursor: pointer;
filter: alpha(opacity = 30);
 }
 
 #secso:hover {
background-image: url(/media/imgs/icon/play2.png);
background-size: 80px 60px;
background-repeat: no-repeat;
background-position: center;
 }