#item {padding-top:20px;}
#item .volanta {
	display: block;
	margin-top: 20px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
}

#item main {
	display: grid;
	grid-template-areas: "col1 col2";
	grid-template-columns: 1fr 300px;
	grid-gap: 20px;
	margin-bottom:30px;
	width:1260px;
	margin:auto;
}

#item header {margin-bottom:20px;}
#item main div.content {
	position:relative;
	grid-area:col1;
}

.person-avatar {margin-top: 20px;}
.person-avatar img {border-radius: 50%;float: left;}
.person-avatar span {float: left;margin: 20px 0 0 10px;font-size: 17px;}

figure.highlight {margin-bottom:20px;}
div.content .highlight img {width:100%;}

main.content aside.full {
	min-height:450px;
	grid-area: 'col2';
}
main.content aside.inner {display: none;}

main.content .body {
	width:77%;
	margin:auto;
}
header summary,
header summary p,
main.content .body,
main.content .body p {
	font-size:19px;
	line-height:28.4px;
	font-weight:400;
	font-family: 'Source Serif Pro', serif;
}

.body .bar time {display:inline-block;padding:15px 0px 28px;font-size:17px;color:#999;}
.share {float:right;margin:0 0 20px 0;}
.share a {
	display:inline-block;
	background:#f0f0f0;
	font-size:26px;
	width:50px;
	height:50px;
	text-align:center;
	border-radius:50%;
	padding:12px 0 0;
	margin:0 0 0 5px;
}
.share a:hover {color:#000;}

.breadcrumb {
	font-size:13px;
	line-height:19px;
	text-transform: uppercase;
}
.breadcrumb a {
	font-weight:bold;
	display:inline-block;
	padding:0 5px;
}

/* Estilos cuerpo */
.body p { margin-bottom:15px; }
.body h1, .body h2, .body h3, .body h4 {margin:20px 0;}

.leyenda {
	background:#f0f0f0;
	padding:25px;
	margin:50px 0 -20px;
}
.leyenda, .leyenda h3 {font-family: 'Source Sans Pro', sans-serif;}
.leyenda h3 {margin:0 0 20px 0;font-weight:bold;font-size:20px;line-height:22px;}
.leyenda .wp {margin:20px 0;text-align:center;}
.leyenda .wp svg {font-size:42px;vertical-align:-15px;margin:0 10px 0 0;}

#item .envivo {
	background:#3a3a3a;
	color:#fff;
	padding:10px 20px 10px 10px;
	border-radius:50px;
	text-transform:uppercase;
	font-size:13px;
	line-height:17px;
	font-weight:600;
	cursor:pointer;
	width:220px;
	margin:20px auto 0;
}
#item .envivo .mic {
	background:#ff9900;
	float:left;
	padding:6px;
	color:#fff;
	font-size:17px;
	border-radius:50%;
	line-height:24px;
	width:35px;
	text-align:center;
	margin:0 7px 0 0;
}
.envivo em {
	display:block;
	font-style: normal;
	color:#ff9900;
	padding:0;
}

.inline-table {border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;margin:20px 0;}
.inline-table th,
.inline-table td {border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;padding:8px;font-size:15px;font-family: 'Source Sans Pro', sans-serif;}

main.content .body ul, main.content .body ul li {list-style-type:disc;}
main.content .body ol, main.content .body ol li {list-style-type:decimal;}
main.content .body ul {padding-left:40px;}
main.content .body ol {padding-left:45px;}

/* Temas relacionados */
.temas {margin:40px 0 20px 0;border-top:1px solid #f0f0f0;font-family: 'Source Sans Pro', sans-serif;}
.temas .title {font-size:26px;letter-spacing:-1.3px;font-family: 'Source Sans Pro', sans-serif;}
.temas a.tag {display:inline-block;padding:5px 15px;background:#27AAE1;color:#fff;font-size:14px;font-weight:bold;border-radius:5px;margin:0 5px 0 0;}
.temas a.tag:hover {background:#3a3a3a;}


/* Estilos VideoJS */ 
 .m_clip {
 	margin:0 0 20px 0;
 }
.video-js   {margin-bottom:25px;}
.vjs-poster {background-size:cover;}
.video-js .vjs-big-play-button {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border:0;
	line-height: 58px;
	font-size: 48px;
	margin-top:0;
	margin-left:0;
	transform:translate(-50%,-50%);
}
a.ytp-watermark {display:none;}


/* Imagen encolumnada Apertura */
.encolumnada {
	margin:0 0 30px;
}
.encolumnada .pic {width:100%;height:auto;}
figcaption  {
	display:block;
	padding:10px 0;
	font-size:17px;
	color:#666;
	font-family: 'Source Sans Pro', sans-serif;
}
figcaption .credit {
	color:#333;
	font-weight:bold;
	display:inline-block;
	padding:0 10px;
}


.body blockquote {
	width: 70%;
	margin:35px auto;
	position:relative;
}

.body blockquote p {
	font-size: 25px;
	line-height: 30px;
	padding:0 60px;
}
.body blockquote p strong {
	display: block;
	margin:15px 0 0;
	text-align:right;
	font-size:17px;
	font-style: italic;
	font-weight:normal;
}

.body blockquote:before {
	background: url('../imgs/backgrounds/quotestart.png') no-repeat;
	background-repeat: no-repeat;
	background-size: 100%;
	content: "";
	display: block;
	height: 32px;
	width: 45px;
	position:absolute;
	top:0;
	left:0;
}
.body blockquote:after {
	background: url('../imgs/backgrounds/quoteend.png') no-repeat;
	background-repeat: no-repeat;
	background-size: 100%;
	content: "";
	display: block;
	height: 32px;
	width: 45px;
	position:absolute;
	bottom:0;
	right:0;
}


/* Imagen Embebida */
.m_image.left {margin:0 20px 10px 0;}
.m_image.right {margin:0 0 10px 20px;}
.m_image.small  {max-width:250px;}
.m_image.medium {max-width:440px;}
.m_image.large {max-width:720px;}
.m_image.left.large  {width:70%;margin-right:2%;}
.m_image.right.large {width:70%;margin-left:2%;}
.m_image.left.large img {
	position: relative;
	left: -43%;
}
.m_image.center figure img {
	width:auto;
	max-width:100%;
	display:inline;
}
.m_image figure img {display:block;}

/* Epígrafe  */
.m_image figcaption {
	display:block;
	/*font-style:italic;*/
	line-height: 21px;
	color:#636363;
	padding:10px;
}
/*.m_image figcaption .credit {display:block;color:#333;font-size:13px;}*/
figcaption.left   {text-align:left;/*padding:5px 25px 5px 0;*/}
figcaption.right  {text-align:right;/*padding:5px 0 5px 30px;*/}
figcaption.center {text-align:center;/*padding:5px 10px 5px 10px;*/}
figcaption:empty {display:none;}

/* Slide Embebido */

.m_gallery_embed {
	overflow:hidden;
	position:relative;
	border-radius:5px;
	clear:both;
	width:720px;
	height:605px;
	margin:40px auto 15px;
}
.m_gallery_embed .m_image {
	text-align:center;
	position:relative;
}
.m_gallery_embed .m_image img {margin:auto;}
.m_gallery_embed .m_image figure {
	height:540px;
	/*background:#f5f5f5;*/
	position:relative;
}
.m_gallery_embed .m_image figure figcaption {
	position:absolute;
	bottom:-65px;
	left:0;
	/*transform:translateX(-50%);*/
	width:100%;
	height:65px;
	overflow:hidden;
	background:#fff;
}
.m_gallery_embed .m_image figure img {
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:auto;
}

.m_gallery_embed a.prev,
.m_gallery_embed a.next {
	position:absolute;
	top:255px;
	left:15px;
	width:30px;
	height:30px;
	color:#fff;
	z-index:10;
	font-size:42px;
	text-shadow:1px 1px 5px rgba(0,0,0,0.4);
	filter: drop-shadow(0 0 2px #777);
}
.m_gallery_embed a.next {left:auto;right:15px;}

/* Audio Embedido */
.m_audio {
	background:#f5f5f5;
	padding:0;
	border-radius:5px;
	position:relative;
	clear:both;
	margin:30px 0;
}

.jp-gui {
	position:relative;
	padding:15px;
	box-shadow:0 3px 5px -5px rgba(0,0,0,0.8);
}

.jp-audio.jp-state-looped {}
.jp-gui div:focus,.jp-gui div:active {outline:0}


.jp-progress {
	position:absolute;
	width:100%;
	height:8px;
	top:0;
	left:0;
}
.jp-seek-bar {
	background:#e0e0e0;
	height:100%;
	width:0;
}
.jp-seek-bar .jp-play-bar {
	background:#28aae2;
	height:100%;
}

.jp-controls {
	width:100px;
	float:left;
}
.jp-controls div {
	display:inline-block;
	font-size:22px;
}
.jp-controls div span {
	display:inline-block;
	padding:10px;
}
.jp-audio .pause,
.jp-state-playing .play  {display:none;}
.jp-state-playing .pause {display:block;}

.jp-time-holder {
	float:left;
	width:135px;
	font-size:13px;
	padding-top:13px;
}
.jp-time-holder span {display:inline-block;}
.jp-repeat {font-size:22px;float:right;margin-top:-1px;}
.jp-duration {}

.jp-volume-controls {
	width:150px;
	float:right;
	padding:10px 0 0;
	margin:0;
	position:relative;
	font-size:20px;
}
.jp-volume-controls span {display:inline-block;}
.jp-mute       {float:left;padding:3px 0 0;}
.jp-volume-max {float:right;padding:3px 0 0;}
.jp-volume-bar {
	position:relative;
	width:100px;
	height:7px;
	background:#a0a0a0;
	cursor:pointer;
	margin:0 5px 0 10px;
	border-radius:5px;
	overflow:hidden;
}
.jp-volume-bar .jp-volume-bar-value {position:absolute;top:0;left:0;height:100%;background:#28aae2;;}

.jp-details {
	padding:10px;
	font-size:14px;
	background:#fff;
	color:#000;
	transition:all 0.2s ease;
	border-bottom:1px solid #f0f0f0;
	box-shadow:0 5px 8px -7px rgba(0,0,0,0.3) inset;
}
.jp-state-looped .jp-details {box-shadow:0 5px 8px -7px rgba(40,170,226,0.6) inset; /*border-top:1px solid #28aae2;background:#28aae2;color:#fff;*/}
.jp-state-looped .jp-repeat {color:#28aae2;}

.jp-no-solution {display:none;}

/* Para iOS y Android */
.jp-state-no-volume .jp-mute .fa-volume-off,
.jp-mute .fa-volume-up {display:none;}
.jp-state-no-volume .jp-mute .fa-volume-up {display:block;}
.jp-state-no-volume .jp-mute { width:50%;font-size:32px;}

.jp-state-no-volume.jp-state-muted .jp-mute .fa-volume-off {display:block;}
.jp-state-no-volume.jp-state-muted .jp-mute .fa-volume-up {display:none;}

/* Fin Audio embebido */


/* Documento Embebido */
.m_document {
	background:#f0f0f0;
	padding:20px 20px 20px 78px;
	border-radius:5px;
	position:relative;
	clear:both;
	margin:20px 0;
}
.m_document a {display:block;}
.m_document .icon {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:78px;
	text-align:center;
	font-size:42px;
	padding:17px;
}
.m_document h4 {
	margin:0;
	clear:none;
	line-height: 21px;
}
.m_document h4 small  {display:block;}
.m_document .download {font-size:26px;display:inline-block;margin:7px 0 0;}

/* Fin Documento Embebido */


/*Notas relacionadas*/
.related .columns {
	display: grid;
	grid-template-columns: 48.5% 48.5%;
	grid-gap: 3%;
	padding:25px 0;
}
.related > h3 {
	font-size:32px;
	letter-spacing:-1.3px;
	font-family: 'Source Sans Pro', sans-serif;
	/*border-top:1px solid #f0f0f0;*/
	padding-top:40px;
	margin-bottom: 0;
}
.related .columns article {margin-bottom: 20px;}
.related .columns .pic {height: auto;margin-right: 10px;}
.related .columns h2 {margin: 0;font-size: 16px;line-height: 18px;}
.related .columns article .text {line-height: 0;}
.related .columns article .category {
	font-family: 'Source Sans Pro', sans-serif;
	padding: 0 8px 6px 0;
}

/*Notas de la misma categoría*/
.more-by-category {margin:40px auto;}
.more-by-category > h3 {
	font-size:32px;
	letter-spacing:-1.3px;
	font-family: 'Source Sans Pro', sans-serif;
	border-top:1px solid #f0f0f0;
	padding-top:20px;
}
.more-by-category .columns {
	display: grid;
	grid-template-columns: 23% 23% 23% 22%;
	grid-gap: 3%;
	padding:25px 0;
}
.more-by-category .columns article {margin-bottom:20px;height:370px;}
.more-by-category .columns h2 {font-size:17px;line-height:22px;height:88px;overflow:hidden;text-overflow:ellipsis;}
.more-by-category .columns .pic {width: 100%;height: auto;margin-bottom:14px;}

#item main div.content .content-ad > div {
	margin: 30px auto;
}


@media (max-width:1260px){
	#item main {width: 980px;}
	div.content .highlight img {height: auto;}
	.m_gallery_embed {width: 100%;}
}

@media (max-width:980px){
	#item main {width: auto;margin-right: 20px;}
	main.content {width: 768px;}
	main.content .body {width: 90%;margin: 0;padding-left: 20px;}

}