/**
 * This file is a part of MediaDrop (http://www.mediadrop.net),
 * Copyright 2009-2014 MediaDrop contributors
 * For the exact contribution history, see the git revision log.
 * The source code contained in this file is licensed under the GPLv3 or
 * (at your option) any later version.
 * See LICENSE.txt in the main project directory, for more information.
 **/



 

 /*----------------------------------------------
   CSS de Plyr modificado para CTTV

   verde fuerte 		#285564
   verde intermedio 	#327D73
   verde claro	 		#8CBE50
   amarillo 				#DCBE37
   naranja	 			#E68741
   rojo 					#9B1E32

   gris					#666666
   blanco				#FFFFFF
   negro					#000000
------------------------------------------------*/

body{

	--border_radius_s: 4px;
	--border_radius_m: 8px;
	--border_radius_m: 16px;
	--border_radius_xl: 24px;

	--color_very_light_gray: #e9e9e9;
	--color_light_gray: #ccc;
	--color_medium_gray: #999999;
	--color_gray: #666666;
	
	font-size:80%;
}

hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}

/* Google Closure Library crossbrowser inline-block */
.goog-inline-block {
	position: relative;
	display: -moz-inline-box; /* Ignored by FF3 and later. */
	display: inline-block;
}
* html .goog-inline-block {
	display: inline;
}
*:first-child+html .goog-inline-block {
	display: inline;
}

/* Base generic styles */
/* body, select, input, button, textarea {
	font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
} */
embed, object, iframe, audio, video {
	display: block;
}

ul.bullets > li,
ol.bullets > li {
	list-style: disc outside none;
}
ul.numbers > li,
ol.numbers > li {
	list-style: decimal outside none;
}

.hidden {
	display: none;
}

.invisible {
	visibility: hidden;
}

button {
	background-color: white;
	border: solid 1px var(--color_medium_gray);
	border-radius: var(--border_radius_s);
	color: #666;
	cursor: pointer;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 28px;
	padding: 0 .5em;
}

	button.btn_disabled {
		background-color: var(--color_light_gray);
		color: var(--color_medium_gray);
		cursor: auto;
	}

	button.btn_icon {
		background-color: transparent;
		border: none;
		text-decoration: underline;
	}

	button.btn_link {
		background-color: transparent;
		border: none;
		text-decoration: underline;
	}

a:hover {
	text-decoration: none;
}
.underline-hover:link,
.underline-hover:visited {
	text-decoration: none;
}
.underline-hover:hover,
.underline-hover:active,
.underline-hover:focus {
	text-decoration: underline;
}

.clickable { cursor: pointer }
.clickable:hover { cursor: pointer }
.uppercase { text-transform: uppercase }
.f-lft { float: left }
.f-rgt { float: right }
.clear { clear: both }
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clearfix { height: 1% }
*:first-child+html .clearfix { display: inline-block }

/* MediaDrop default layout */
#mcore-site-title,
#mcore-logo {
	width: 920px;
	margin: 0 auto;
}
#mcore-tagline {
	margin-top: -10px;
	}

#mcore-logo a {
	height: 0px;
	padding-top: 28px;
	padding-left: 10px;
	width: 204px;
	overflow: hidden;
	display: block;
}
#mcore-foot {
	background-repeat: no-repeat;
	width: 950px;
	height: 47px;
	color: #a9afb4;
	font-weight: bold;
	text-shadow: 0 1px #fff;
	margin-top: 15px;
	margin-bottom: 15px;
}
.mcore-foot-link:link,
.mcore-foot-link:visited {
	color: #a9afb4;
}
.mcore-foot-link:hover {
	/* color: #0f7cb4; */
}
#mcore-feeds .mcore-foot-link {
	margin-right: 5px;
}
#mcore-credits,
#mcore-feeds {
	margin: 13px 15px;
}
#mcore-credits strong {
	text-transform: uppercase;
}

/* Login bar */
.mcore-login-box {
    width: 920px;       /* same as .mediadrop-content */
    position: relative;

    /* don't reserve any space, we use relative/absolute positioning with negative margins anyway */
    height: 0px;

    /* ensure that 'login' link is visible if there is no head html/site
     * title - setting will be overriden by appearance.css if logo should be
     * displayed */
    margin-top: 20px;

    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
}

.mcore-login-bar {
    /* get the login bar completely out of the flow so it never messes up with the navbar */
    position: absolute;
    top: -15px;
    right: 0px;

    float: right;
}

/* Sectional Nav */
.mcore-nav-box {
	width: 920px;
	padding: 14px 15px;
	height: 38px;
	margin: 0 auto 15px auto;
}
.mcore-nav {
	width: 730px;
	float: left;
	list-style: none !important;
}
.mcore-nav > li {
	float: left;
}
.mcore-nav-link,
.mcore-nav-link-sep {
	display: block;
	height: 38px;
	text-decoration: none;
	font-weight: bold;

	-webkit-font-smoothing: antialiased;
}
.mcore-nav-link > span {
	display: block;
	height: 38px;
	line-height: 37px;
	float: left;
	/*margin-left: 5px;*/
	padding: 0 20px;

}
.mcore-nav-right .mcore-nav-link > span {
	padding: 0 10px;
}
.mcore-nav-link > em {
	display: block;
	float: left;
	width: 5px;
	height: 38px;
}
.mcore-nav li.f-rgt { float: right; }
.mcore-nav-link { background-position: -5px 0 }
.mcore-nav-link:hover { background-position: -5px -38px }
.mcore-nav-link:active,
.mcore-nav-link.active { background-position: -5px -76px }
.mcore-nav-link:hover > em { background-position: 0 -38px }
.mcore-nav-link:active > em,
.mcore-nav-link.active > em { background-position: 0 -76px }
.mcore-nav-link:hover > span { background-position: 0 -38px }
.mcore-nav-link:active > span,
.mcore-nav-link.active > span { background-position: 0 -76px }

#nav-search {
	float: right;
	width: 175px;
	height: 38px;
}

/*#nav-search input.nav-search-btn:hover {background-position: 0 -38px }*/
/*#nav-search input.nav-search-btn:active {background-position: 0 -76px }*/
/*#nav-search input, #nav-search .overTxtLabel {color: #595050;font-size: 13px;}*/

/* Generic content styles */
/*h1, h2, h3, h4, h5 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}*/

.head-super {
	font-weight: normal;
	border-bottom: 1px solid #cdd2d5;
	padding-bottom: 10px;
	margin-bottom: 11px;
}

/* Buttons */
.mcore-btn {
	height: 33px;
	overflow: visible; /* IE7 */
	cursor: pointer;
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: bold;
	/*font-size: 12px;*/
	-webkit-font-smoothing: antialiased;
	background-repeat: no-repeat;
	background-color: transparent;
}
.mcore-btn > span {
	display: block;
	height: 33px;
	margin-left: 5px;
	padding: 0 12px 0 7px;
	line-height: 32px;
	background-repeat: no-repeat;
	background-position: 100% 0;
	white-space: nowrap; /* IE7 */
}
/*.mcore-btn:hover, .mcore-btn.hover { background-position: 0 -33px }*/
/*.mcore-btn:active, .mcore-btn.active { background-position: 0 -66px }*/
/*.mcore-btn:hover > span, .mcore-btn.hover > span { background-position: 100% -33px }*/
/*.mcore-btn:active > span, .mcore-btn.active > span { background-position: 100% -66px }*/

/* Fix extra padding on button elements in firefox */
button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* Meta info/link text with an icon to its left */
.meta {
	padding-left: 16px;
}

.meta-comments { background: url('../images/icons/comments.png') no-repeat left; }
.meta-likes { background: url('../images/icons/likes.png') no-repeat left; }
.meta-views { background: url('../images/icons/views.png') no-repeat left; }
.meta-download { background: url('../images/icons/download.png') no-repeat left; }
.meta-embed { background: url('../images/icons/embed.png') no-repeat left; }
.meta-share { background: url('../images/icons/share.png') no-repeat left; }
.meta-episodes { background:url('../images/icons/rss.png') no-repeat left; }
.meta-itunes { background:url('../images/icons/rss.png') no-repeat left; }
.meta-rss { background:url('../images/icons/rss.png') no-repeat left; }
.meta-audio { background:url('../images/icons/audio.png') no-repeat left; }
.meta-video { background:url('../images/icons/video.png') no-repeat left; }
.meta-go { background:url('../images/icons/go.png') no-repeat left; }

a.meta-likes:link,
a.meta-likes:visited {
	text-decoration: none;
}
a.meta-likes:hover strong,
a.meta-likes:active strong {
	text-decoration: underline;
}

/* Grey content box */
.feat-box {
	margin-bottom: 15px;
}
/* .feat-top,
.feat-bottom {
	width: 920px;
	height: 10px;
	background-repeat: no-repeat;
}
.feat-bottom {
	background-repeat: no-repeat;
} */
.feat-content {
	padding: 5px 15px 5px 20px;
	background-repeat: repeat-y;
	position: relative;
	width: 880px;
}
.media-desc p {
	margin-bottom: 10px;
}
.media-desc ol,
.media-desc ul {
	margin: 0 15px 10px 30px;
	list-style-type: decimal;
}
.media-desc ul {
	list-style-type: circle;
}
.media-desc blockquote {
	margin: 0 15px 0 30px;
}
.media-desc del {
	color: red;
}
.media-desc ins {
	border-bottom: 1px solid green;
	color: green;
	text-decoration: none;
}
.media-desc sup,
.media-desc sub {
	font-size: 90%;
	vertical-align: super;
}
.media-desc sub {
	vertical-align: sub;
}
.feat-info {
	float: right;
	width: 265px;
	margin-bottom: 26px;
}
/*.feat-date {margin: -5px 0 10px 0;font-weight: bold;font-size: 12px;}*/
.feat-meta {
	position: absolute;
	bottom: 0;
	right: 15px;
	width: 265px;
	line-height: 19px;
}
table.feat-meta > tbody > tr {
	background: url('../images/layout/hr.png') repeat-x scroll left top transparent;
}
table.feat-meta > tbody > tr:first-child {
	background: none;
}
table.feat-meta > tbody > tr > td {
	padding: 4px 0 2px 0;
}
table.feat-meta > tbody > tr:first-child > td {
	padding: 0 0 3px 0;
}
.feat-box .meta-comments,
.feat-box .meta-likes,
.feat-box .meta-views {
	margin-right: 10px;
}

/* Media grids */
.grid {
	position: relative;
	width: 100%;
}
.grid li {
/*	width: 440px;
 height: 127px; */
	float: left;
/*	margin-left: 6px;*/
}
.grid li a {
	display: block;
	text-decoration: none;
	width: 100%;
	/*height: 120px;*/
}
.grid-title {
	text-decoration: none;
/*	font-weight: bold;*/
}
a:hover .grid-title,
a:focus .grid-title {
	text-decoration: underline;
}
.grid-title,
.grid-desc,
.grid-meta {
	cursor: pointer;
}
.grid-desc {
	line-height: 18px;
	margin: 5px 0;
	cursor: pointer;
}

.grid-meta {
	display: block;
}
.grid-meta .meta-likes > span {
	position: absolute;
	top: -5000px;
	left: -5000px;
}
.grid-meta .meta-likes,
.grid-meta .meta-views {
	float: left;
	display: block;
	width: 30px;
}
.grid-meta .meta-views {
	width: 105px;
}

.thumb-wrap {
	display: block;
	float: left; 
	height: max-content;
	position: relative;
	width: auto;
}

	.thumb-wrap > img {
		aspect-ratio: 16/9;
		border: solid 1px #CCCCCC;
		border-radius: 8px;
		display: block;
		object-fit: cover;
		width: 100%;
	}

	.thumb-duration {
		background-color: #5c5c5c;
		border-radius: 4px;
		bottom: 6px;
		color: white;
		display: flex;
		gap: 5px;
		height: 20px;
		padding: 0px 5px;
		position: absolute;
		right: 6px;
	}

		.thumb-duration img {
			height: 20px;
		}

		.thumb-duration span {
			color: inherit;
		}


/* Overrides for full size thumbs */
/*.m-grid .thumb-wrap {
	width: 160px;
}
.m-grid .grid-title,
.m-grid .grid-desc,
.m-grid .grid-meta {
	width: 250px;
}

.m-grid-column,
.m-grid-column .m-grid {
	width: 440px;
	float: left;
}
.m-grid-column .feat-box {
	margin-bottom: 15px;
}
.m-grid-column .feat-top {
	width: 440px;
}
.m-grid-column .feat-bottom {
	width: 440px;
}
.m-grid-column .feat-content {
	width: 410px;
}
.m-grid-column .feat-box h3 {
text-align: right;
	padding-top: 10px;
	padding-bottom: 1px;
	margin-bottom: 0;
	overflow: hidden;
	width: 100%;
}
.m-grid-column .feat-meta {
	position: static;
	width: auto;
	float: right;
	margin-right: -10px;
} */
.mcore-btn-more {
	position: relative;
	margin-top: -10px;
	width: 168px;
	clear: both;
	float: left;
	font-weight: normal;
}
.mcore-btn-more > span {
	text-align: center;
}
.nav-categories-on .mcore-btn-more {
	width: 130px;
}
#category-content .mcore-btn-more {
	font-weight: normal;
	width: 136px;
}

/* Media details page */
#media-player {
	border: 1px solid #fff;
}
#media-info {
	width: 560px;
	margin: 0 15px 15px 15px;
	float: left;
}
#media-info:first-child {
	margin-top: 0;
}
#media-info #media-box {
	margin: 0 0 15px -15px;
}
.media-norm .feat-top,
.media-norm .feat-bottom {
	width: 590px;
}
.media-norm .feat-content {
	width: 560px;
}
.media-wide #media-info {
	margin-top: 0;
}

/* Ensure the meta hover elements render above the sidebar grid in IE7 */
#media-inner-wrapper {
	position: relative;
	z-index: 5;
}
#media-sidebar {
	position: relative;
	z-index: 4;
	float: right;
}

.mcore-playerbox {
	background-color: #000;
}

.mcore-playerbar {
	display: none; /* niobe */
	height: 38px;
	margin: 0 10px;

}
.mcore-playerbar .mcore-nav {
	width: 100%;
}
.mcore-playerbar li {
	position: relative;
}
.mcore-playerbar .mcore-nav-link-sep {
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	margin-right: -5px;
	background-position: -5px 0;
}
.mcore-playerbar > .mcore-nav > li {
	position: relative;
}
.mcore-playerbar .mcore-nav-left {
	margin-left: -10px;
}
.mcore-playerbar .mcore-nav-right {
	margin-right: -10px;
}
.mcore-nav-link > .mcore-btn-fb-like > *{
    padding-top: 3px;
}
.mcore-btn-like {
	padding-left: 18px;
	display: block;
}

/* IE 9 renders the dislike button with more than 11px so parts of the other
   icons in the sprite image are visible. overflow hidden will hide these
   extra parts. Of course Firefox and Chrome work without that IE workaround... */
.mcore-dislike form {
	overflow: hidden;
	width: 11px;
}

.mcore-btn-dislike,
.mcore-btn-expand,
.mcore-btn-shrink,
.mcore-btn-popout {
	width: 17px;
	height: 18px;
	display: block;
	text-indent: -5000px;
	margin-top: 9px;
}

.feat-title,
.feat-date {
	color: #202327;
}
.feat-stats {
	border-top: 1px solid #d4dfe5;
	padding-top: 5px;
	margin-top: 15px;
	font-weight: bold;
	color: #494b4e;
}
.feat-stats > .meta-comments {
	background: none;
}
.feat-stats > .meta-likes,
.feat-stats > .meta-views {
	padding-left: 15px;
}
.feat-stats > .meta-dislikes {
	color: #81858b;
	margin-left: 3px;
}
.feat-stats > .meta-views {
	margin-left: 15px;
}


.contextbox .subhead {
	float: right;
	padding-top: 11px;
}
/*.contextbox .grid {
	width: 315px;
}
.contextbox .grid li {
	width: 315px;
	height: 104px;
	margin-right: 0;
}
.contextbox .grid li a {
	height: 101px;
}
.contextbox .grid .grid-title {
	padding: 9px 0;
}
#podcast-context .grid-title {
	padding-bottom: 0;
}
.contextbox .grid .grid-title,
.contextbox .grid .grid-desc,
.contextbox .grid .grid-meta {
	width: 167px;
}
.contextbox-none {
	font-style: italic;
}
*/
#podcast-context .grid li,
#podcast-context .grid a {
	height: 130px;
}
#podcast-context .grid-meta span.meta-episodes span {
	position: static;
}
#category-context h3,
#tag-context h3 {
	margin-bottom: 5px;
}
.contextbox + .contextbox h3 {
	border-top: 1px solid #cdd2d5;
	padding-top: 10px;
}
#media-context.contextbox h3 {
	border-top: 0;
	padding-top: 0;
	margin-bottom: 10px;
}

/* Media Library */


/* Pagination */
.mcore-pager {
	display: flex;
	gap: 10px;
	justify-content: center;
    margin-top: 40px;
    text-align: center;
	width: 100%;
}
.mcore-pager-label {
	display: none;
}

.mcore-pager-link {
	font-weight: normal;
}

.mcore-pager-link > a,
.mcore-pager-link > span,
.mcore-pager-dotdot {
	margin: 0;
	padding: 0 12px;
}

.mcore-pager-current > span {
	color: #000;
}

#library-controls .mcore-pager {
	margin-right: -3px;
	margin-top: -5px;
}

/* Feed links in footer */
#mcore-feeds {
	float: left;
}
#mcore-feeds h5 {
	display: none;
}
#mcore-feeds li {
	display: inline;
	margin-right: 5px;
	}

.see-more {
	margin-top: -5px;
	margin-bottom: 25px;
	float: right;
}
.mcore-excerpt-fulltext,
.mcore-excerpt {
	overflow: hidden;
}
.mcore-excerpt-toggle {
	/*font-size: 1.5em;*/
	line-height: 12px;
	/* color: #0F7CB4; */
	font-weight: bold;
}
#desc-more:hover {
	cursor: pointer;
}

.meta-hover {
	visibility: hidden;
	position: absolute;
	width: 193px;
	top: 33px;
	left: 50%;
	margin-left: -91px;
	z-index: 1;
}
.meta-hover-top,
.meta-hover-bottom {
	background: url('../images/layout/meta-hover-top.png') no-repeat bottom;
	height: 18px;
}
.meta-hover-bottom {
	background: url('../images/layout/meta-hover-bottom.png') no-repeat top;
}
.meta-hover-content {
	background: url('../images/layout/meta-hover-bg.png') repeat-y;
	padding: 0 15px;
}

.meta-hover label {
	width: 162px;
	display: block;

	line-height: 10px;
	font-weight: bold;
}
.meta-hover input {
	margin-top: 7px;
	margin-bottom: -1px;
	padding: 5px;
	width: 151px;
	border: 1px solid #c6c6c6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.meta-hover-content ul {
	margin: 0 0 0 16px;

	line-height: 14px;
}
.meta-hover-content li:first-child {
	margin-top: 0;
}
.meta-hover-content li {
	margin-top: 5px;
}
.meta-hover-content ul a {
	display: block;
	margin-left: -1px;
}
ul.meta-hover-bottom {
	list-style: none;
	background: url('../images/layout/meta-hover-share.png') no-repeat;
	height: 39px;
	margin: 0;
}
#downloadthis .meta-hover {
	left: -50px;
}
#sharethis-hover li a {
	text-indent: -5000px;
	width: 59px;
	height: 29px;
	margin-top: 1px;
	display: block;
	float: left;
}
#sharethis-hover input { margin-bottom: 10px }
#sharethis-hover .share-email a { margin-left: 6px }
#sharethis-hover .share-facebook a { width: 66px }

/* Forms */
textarea {
	resize: vertical;
}
.form li {
	width: 100%;
	overflow: hidden;
}
.form .submit,
.form .submit .form-field {
	text-align: right;
}
.form .submit input {
	float: right;
}
.form .inputfield,
.form .xhtmltextarea,
.form .selectfield {
	width: 98%;
	border: 1px solid #a9a9a9;
	background: #f9f9f9;

	padding: 3px;
}
.form .form-field-wide {
	position: relative;
}
.form textarea,
.form input[type='text'],
.form input[type='password'] {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #d9dee1;
	padding: 5px 6px 6px 6px;
	color: #637084;
}
.xhtml-description-helper p,
.xhtml-description-helper li {
	margin: 1em 0;
}
.xhtml-description-helper em {
	font-weight: bold;
}

/* Tag listing page */
ul#tag-directory {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

ul#tag-directory li {
	flex: 1 1 45%;
}

.cooliris-nav {
	background: #cbd4d8;
	width: 210px;
	height: 324px;
	float: left;
	overflow: hidden;
}
.cooliris-nav-content {
	margin: 2px 0;
	height: 321px;
	width: 99%;
}
.cooliris-nav-content::-webkit-scrollbar {
	width: 10px;
	-webkit-border-radius: 5px;
}
.cooliris-nav-content::-webkit-scrollbar-thumb {
	background: #637084;
	border: 1px solid #637084;
	-webkit-border-radius: 5px;
}
.cooliris-latest,
.cooliris-featured,
.cooliris-cats-btn {
	padding: 10px 15px;
	color: #484f5a;
	text-shadow: 0 1px #fff;
	-webkit-font-smoothing: antialiased;
}
.cooliris-latest,
.cooliris-cats-btn {
	background: url('../images/layout/cooliris-hr.png') no-repeat top;
}
.cooliris-arrow {
	background: url('../images/layout/cooliris-arrow.png') no-repeat 0 2px;
	width: 13px;
	height: 13px;
}
.cooliris-arrow.down {
	background-position: 0 -11px;
}
.cooliris-nav .cooliris-cats {
	color: #727a88;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 1px #fff;
	margin-top: -10px;
}
.cooliris-nav .cooliris-cats li {
	padding: 5px 0 5px 25px;
	list-style: none;
}
.cooliris-cats-btn:hover .cooliris-cats-text,
.cooliris-nav .cooliris-feed:hover {
	text-decoration: underline;
}
.cooliris-wall {
	background: #eef2f5;
	width: 680px;
	height: 324px;
	float: left;
}
.cooliris-feed-active {
	font-weight: bold;
}

#mcore-ad-banner {
	text-align: center;
	margin-bottom: 15px;
}
#mcore-ad-sidebar {
	text-align: center;
	float: right;
	width: 315px;
	margin-bottom: 15px;
}

.mcore-btn-img {
    border: none;
    height: 26px;
}

.mcore-nav-link form {
    float: left;
}
.mcore-cursor-pointer {
    cursor: pointer;
}

.mcore-alerts {
	width: 920px;
	margin: 10px auto 30px auto;
	border-radius: 4px;
	font-weight: bold;

	padding: 10px;
	line-height: 1;
}

.mcore-warnings {
	color: #644405;
	background-color: #FBDCA0;
	border: 1px solid #F6B83F;
	text-align: center;
}

/* --- MONITOR --------------------------------------------------------- */

#multi-monitor iframe body {
	display: none !important;
}