header .escudo { margin-top: 10px; text-align: center; }

header .escudo img { width: 86%; }

.clear_cont { clear: both; }

.textbody h3 { padding: 0 !important; margin-bottom: 15px; }

.title-lines.sub { margin-bottom: 20px; }

	.title-lines.sub .titulo { font-size: 20px !important; }

.first-cont { margin-bottom: 30px; }

.responsive-img { width: 100%; }

.whatsapp_share  { display: none; }

.antetitulo { font-size: 12px; margin: 18px 0 -18px 0; }

/*=================================================================================================
======================================== SENTENCIA SECTION ========================================
=================================================================================================*/
.sentencia_reference {
	background-color: #f3f3f3;
    border: 1px solid #dcdcdc; 
    border-left: 6px solid #dcdcdc;
    border-radius: .2em;
    margin: 5px 0 20px;
	padding: 10px;
}

	.sentencia_reference h3 { 
		border-bottom-color: #929292; 
		font-weight: bold;
		margin-bottom: 10px; 
		padding: 0; 
	}

	.sentencia_reference p { 
		float: none; 
		margin: 0;
		padding: 0;
	}

#viewerPDF { margin-top: 20px; }

#viewerPDF::before { 
	clear: both;
	content: ''; 
	display: block; 
}

	#viewerPDF iframe { 
		background-color: #3e3e3e;		
		height: 650px; 
		padding-bottom: 6px;
		width: 100%; 
	}

/*=================================================================================================
========================================== PLENO SECTION ==========================================
=================================================================================================*/
#judges_card { margin-top: 20px; }

#judges_card .row { margin-left: -2%; }

.card {
	background-color: #FFF;
	border: solid 1px #d1d1d1;
	border-radius: .3em;
	/*box-shadow: 1px 1px 2px #ccc;*/
	display: table;
	margin: 0 0 18px;
	overflow: hidden;	
	padding: 0;
}

.card.middle { 
	float: left; 
	margin-left: 2%; 
	width: 47.2%;
}

	.card .pic { 
		display: table-cell; 
		overflow: hidden;
		padding: 0; 
	}
		
			.card .pic img { width: 100%; }

	.card .content { 
		box-shadow: 0 3px 0 #7686a4 inset; 
		display: table-cell; 
		padding: 20px 20px 14px; 
		position: relative;
		vertical-align: top;
	}

	.card.middle .content { width: 55%; }
	.card.full .content { width: 73%; }

	.card .content::before {
		content: '';
		border-style: solid;
		border-width: 15px 15px 15px 0;
		border-color: transparent #ffffff transparent transparent;
		display: block;
		height: 0;
		left: -15px;
		position: absolute;
		top: 38%;
		width: 0;
	}

		#judges_card .header { margin-bottom: 10px; }
		#judges_card .middle .header { padding-left: 0; }

			#judges_card .header a { color: #1a3668;  }
			#judges_card .header a:hover { text-decoration: underline; }

			#judges_card .header strong { 
				display: block; 
				font-family: 'Crimson Text', serif;
				font-size: 18px; 
			}

			#judges_card .header span { color: #353535; font-size: 13px; }

		#judges_card .full .social-icon { text-align: right; }
		#judges_card .middle .social-icon { bottom: 14px; position: absolute; }

			#judges_card .social-icon a {
				border-radius: 50%;
				color: #FFF;
				display: inline-block;
				font-size: 14px;
				height: 28px;
				line-height: 30px;
				margin-right: 6px; 
				text-align: center;
				width: 28px;
			}

			#judges_card .social-icon a:last-child { margin-right: 0; }

				#judges_card .social-icon .twitter { background-color: #00aced; }
				#judges_card .social-icon .linkedin { background-color: #007bb6; }

		.card .content p { text-align: left; }

		.card.middle .content p { 
			height: 62px; 
			line-height: inherit;
			margin: 0;
			overflow: hidden; 
			padding: 0;
			position: relative;
		}

		.card.middle .content p::after {
			background-color: #FFF;
			bottom: 6px;
			content: '...';
			color: #353535;
			font-weight: bold;
			line-height: 16px;
			padding-left: 6%;
			position: absolute;
			right: 0;
		}

		.card.middle .content .bio { 
			background-color: rgba(68, 68, 68, .9);
			display: none; 
			height: 100%;
			left: 0;
			padding: 20px;
			position: absolute;
			top: 0;
			width: 100%;
		}

			.card.middle .content .bio p { color: #FFF; }

	#judges_card .links { 
		bottom: 20px;
		clear: both; 
		position: absolute;
	}

		#judges_card .links a { 
			background-color: #1a3668;
			border-radius: .2em;
			color: #FFF;
			display: inline-block;
			font-size: 13px;
			margin-right: 4px;
			padding: 4px 16px;
			transition: opacity .3s;
				-moz-transition: opacity .3s;
				-webkit-transition: opacity .3s;
		}

		#judges_card .links a:last-child { margin-right: 0; }

		#judges_card .links a:hover { opacity: .9; }

			#judges_card .links a img { 
				position: relative;
				top: -2px; 
				width: 14px; 
			}

/*VERSION 2*/
#judges_card.version2 .middle .content p { height: 98px; }
#judges_card.version2 .content p::after { bottom: 3px; }

.hoverBox {
	background-color: rgba(26, 54, 104, .94);
    bottom: 0;
    left: 0;
    opacity: 0;
    padding-top: 16px;
    position: absolute;
    transition: opacity .3s;
		-moz-transition: opacity .3s;
		-webkit-transition: opacity .3s;
    top: 0;
    visibility: hidden;
    width: 100%;   
}

.hoverBox::before {
	content: '';
	border-style: solid;
	border-width: 15px 15px 15px 0;
	border-color: transparent #274271 transparent transparent;
	display: block;
	height: 0;
	left: -15px;
	position: absolute;
	top: 38%;
	width: 0;
}

#judges_card .content:hover .hoverBox { opacity: 1; visibility: visible; }

	.hoverBox .links { position: initial !important; }

	.hoverBox a { 
		background-color: transparent !important;
		border: 1px solid #4c6694; 
		display: block !important; 		
    	margin: 0 auto 5px auto !important;
    	transition: color .3s;
			-moz-transition: color .3s;
			-webkit-transition: color .3s;
    	width: 85%;
	}

	.hoverBox a:hover { background-color: #1a3668 !important; }

/*JUECES DETALLE*/
#bio_content { clear: both; }

	#bio_content img.picture { margin: 0 20px 10px 0; max-width: 250px; }

	#bio_content p { float: none; }

	#judges_shortcuts { margin-top: 30px; }

		#judges_shortcuts a {
			border-radius: .2em;
			color: #353535;
			display: block;
			outline: none;
			padding: 15px;
			text-align: center;
			transition: background-color .3s;
				-moz-transition: background-color .3s;
				-webkit-transition: background-color .3s;
		}

		#judges_shortcuts a:hover { background-color: #f1f1f1; }

		#judges_shortcuts span {
			display: block;
			font-size: 15px; 
			font-weight: bold;
			margin-top: 14px;
		}

/*=================================================================================================
======================================== NOTICIAS SECTION =========	================================
=================================================================================================*/
#mainNews .tableContador { margin-top: 10px; }

#mainNews.newspaper .block { box-shadow: none; }

	#mainNews.newspaper .video_thumbnail { width: 45%; }

		#mainNews.newspaper .video_thumbnail img { width: 100%; max-width: 100% !important; }

		#mainNews.newspaper span.time, #cards .span { 
			display: block; 
			font-size: 13px; 
			opacity: .9;
		}

#cards .basic-cont.fixed-height { height: 270px; }

/*=================================================================================================
======================================= TC TV/RADIO SECTION =======================================
=================================================================================================*/
#mainNews .video-container {
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
	position: relative;		
}

#mainNews .video-container iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#mainNews .block {
	border: solid 1px #d1d1d1; 
	border-radius: .2em; 
	box-shadow: 0 3px 0 #7686a4 inset;
	display: table;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

#mainNews .block:last-child { margin-bottom: 0; }

	#mainNews .block .video_thumbnail, #mainNews .block .radio_icon, #mainNews .block .cont { display: table-cell; }

	#mainNews .block .video_thumbnail img { max-width: 190px; }

	#mainNews .block .radio_icon {
		background-color: #7686a4;
		color: #FFF;
		font-size: 3rem;
		text-align: center;
		vertical-align: middle;
		width: 10%;
	}

	#mainNews .block .cont { 
		padding: 15px; 
		vertical-align: top; 
		width: 80%;
	}

		#mainNews .block a.title { color: #1a3668; }
		#mainNews .block a.title:hover { color: #7a222e; }
		
		#mainNews .block strong { 
			display: block;
			font-size: 19px;
    		line-height: 22px;
			margin-bottom: 10px;
		}

		#mainNews .block p { 
			float: none; 
			margin: 0;
			padding: 0; 
		}

		#mainNews .block .readMore {
			bottom: 20px;
			position: absolute;
			right: 20px;
		}

		#mainNews .block .readMore a { color: #FFF; padding: 6px 20px; }

#mainNews h5 { font-size: 17px; margin-bottom: 20px; }

	#mainNews .view_online { 
		background: #1a3668;
		border-radius: .3em;
	    color: #FFF;
	    display: inline-block;
	    font-size: 14px;
	    margin-left: 10px;
	    padding: 4px 9px;
	}

.filterList {
    background: #f5f5f5;
    border-radius: .3em;
    margin-bottom: 20px; 
    padding: 10px 15px;
}

	.filterList strong { font-size: 15px; margin-right: 10px; } 

	.filterList select { 
		display: inline-block; 
		margin-right: 5px;
		width: 180px; 
	}

.filterList button { position: relative; top: -1px; }

#cards { margin: 0 -8px; }

	#cards a { 
		color: #353535; 
		display: block; 
		height: 100%;
	}

	#cards a:hover { background-color: #F1F1F1; }

	#cards .col-md-4 { padding: 0 8px; }

	.basic-cont { 
		border: solid 1px #d1d1d1; 
		border-radius: .2em; 
		margin-bottom: 16px;
	}

		#cards .video_thumbnail { 
			height: 178px;
			overflow: hidden;
			text-align: center; 
		}

		#cards.newspaper .video_thumbnail { height: auto !important; overflow: inherit; }

			#cards .video_thumbnail img { max-width: 100%; }

		#cards .content { 
			overflow: hidden;
			padding: 10px; 
			position: relative; 
		}

		#cards.newspaper .content { padding: 5px; }

			#cards .content strong.title { 
				color: #1a3668;
				display: block;
				font-size: 15px; 
				margin-bottom: 5px;
			}

			#cards.newspaper .content strong.title { 
				color: #7a222e;
				font-size: 14px; 
				margin-bottom: 0;
				text-align: center; 
			}

			#cards .content .time { display: block; font-size: 13px; }

			#cards .content .time ~ p { margin-top: 5px; }

			#cards .content p { 
				float: none; 
				line-height: normal;
				padding: 0; 
				font-size: 13px;
			}

			#cards a.play {
				background-color: #7a222e;
				border: 0;
				color: #FFF;
				opacity: 1;
				padding: 10px 20px;
				text-align: center;
				transition: background-color .3s;
					-moz-transition: background-color .3s;
					-webkit-transition: background-color .3s;
				width: 100%;
			}

			#cards a.play:hover { background-color: #3c1117 }

#reproductor audio { width: 100%; }

#poadcast-block { margin-top: 20px; }

	#poadcast-block iframe { min-height: 550px; }

/*=================================================================================================
======================================== NEWSPAPER SECTION ========================================
=================================================================================================*/
#newspaper iframe { height: 500px; width: 100%; }

/*CARROUSEL*/
.list_carousel { 
	padding-left: 22px; 
	position: relative;
	width: 100%; 
}

#linnks-gubernamentales .list_carousel { padding: 0 40px; }

#linnks-gubernamentales .caroufredsel_wrapper { width: auto !important; }

	.list_carousel ul {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.list_carousel li {
		display: block;
		float: left;		
		height: auto !important;
		margin: 0 6px !important;
		overflow: hidden;
		padding: 0 !important;	
		position: relative;	
		width: auto !important;		
	}

	#linnks-gubernamentales .list_carousel li { margin: 0 26px !important; }

		.list_carousel li a { 
			display: block;
			height: 100px !important;
			width: 140px !important;
		}

		#linnks-gubernamentales .list_carousel li a { height: 180px !important; width: 317px !important; }
			#linnks-gubernamentales .list_carousel li img { max-width: 100% }

		.list_carousel li span {
			background-color: rgba(122, 34, 46, .9);
			bottom: 0;
			color: #FFF;
			display: block;
			font-size: 13px;
			line-height: normal;
			opacity: 0;
			padding: 30px 15px 15px;
			position: absolute;
			text-align: center;
			transition: opacity .3s;
				-moz-transition: opacity .3s;
				-webkit-transition: opacity .3s;
			top: 0;
			visibility: hidden;
			width: 100%;
		}

		.list_carousel li:hover span { opacity: 1; visibility: visible; }

	.list_carousel.responsive { width: auto; }

	.clearfix { clear: both; float: none; }

	.list_carousel .buttons .prev,  .list_carousel .buttons .next { 
		color: #353535;
		position: absolute; 
		top: 40px; 
	}

	#linnks-gubernamentales .list_carousel .buttons .prev, #linnks-gubernamentales .list_carousel .buttons .next { top: 70px; }

		.list_carousel .prev { left: 0; }
		.list_carousel .next { right: 0; }


/*=================================================================================================
=================================== CAPACITACIÓN E INVESTIGACIÓN ==================================
=================================================================================================*/
.eventosdetailtext h3 { margin-bottom: 5px; }

.eventosdetailtext .readMore { margin-bottom: 10px; }

.download_btn { 
	background-color: #305084;
	border-radius: .3em;
	margin: 40px auto 0;
	overflow: hidden;
	width: 236px;
	transition: opacity .3s;
			-moz-transition: opacity .3s;
			-webkit-transition: opacity .3s;
}

.download_btn:hover { opacity: .9; }
	
	.download_btn .icon, .download_btn .text { float: left; font-size: 13px; }

	.download_btn .icon { 
		background-color: #27426d;
		border-right: 1px solid #5472a2;
		padding: 12px;
		text-align: center;
		width: 22%; 
	}	

		.download_btn .icon i { font-size: 30px; }

	.download_btn .text { line-height: 16px; padding: 12px; }

	.download_btn a { color: #FFF; display: block; }

	.download_btn span { 
		display: block;
		font-size: 11px; 
		text-transform: uppercase; 
	}

/*=================================================================================================
========================================== MEDIA QUERIES ==========================================
=================================================================================================*/
@media only screen and (max-width: 1199px) {
	#judges_card .card, #judges_card .card .pic, #judges_card .card .content { display: block; width: 100%; }
	.card .pic { height: 280px; overflow: hidden; }
		.card .pic img { margin-top: -60px; }
	.card .content::before { display: none; }
	#judges_card .header { padding-left: 0; }
	#judges_card .social-icon { padding-right: 0; }
	.card .content p { float: none; padding: 0; }	
	#judges_card .links { position: initial; }
		#judges_card .links a { margin: 0 6px 6px 0; }
	#judges_card .row { margin: 0; }	
	.card.middle { float: none; margin-left: 0; width: 100%; }
		.card.middle .content p { height: auto; }
		.card.middle .content p::after { display: none; }
	
	#mainNews .block .video_thumbnail, #mainNews .block .radio_icon, #mainNews .block .cont { display: block; } 
	#mainNews .block .video_thumbnail { height: 250px; overflow: hidden; width: auto; }
	#mainNews .block .video_thumbnail img, #cards .video_thumbnail img { max-width: 100%; width: 100%; }
	#mainNews .block .cont { width: 100%; }
	#mainNews .block .readMore { position: inherit; margin-top: 20px; }
	#mainNews .block .video_thumbnail, #mainNews .block .cont{ overflow: hidden; }
	#cards .video_thumbnail { height: 127px; }

	.filterList strong { display: block; }
	.filterList select { width: 38% }

	#linnks-gubernamentales.container { width: 100%; }
}

@media only screen and (max-width: 990px) { 
	#judges_card .social-icon { margin-bottom: 20px; padding: 0; text-align: left !important; }
	#judges_shortcuts .col-md-3 { float: left; width: 50%; }
	#viewerPDF iframe { height: 400px; }
	#mainNews .view_online { display: block; margin: 8px 0 0 0; padding: 8px; width: 94px; }
	#cards .col-md-4 { float: left; width: 50%; }
	#newspaper iframe { height: 350px }
	#cards .col-md-3 { float: left; padding: 0 10px; width: 50%; }

	#mainNews.newspaper .block .video_thumbnail { height: auto; width: 100% }
	#mainNews .block .radio_icon { overflow: hidden; }
	#mainNews.newspaper .block .readMore { margin-top: 10px; position: inherit; }

	.whatsapp_share { display: inline-block; }
	.hidden-mobile { display: none; }
}

@media only screen and (max-width: 767px) {
#cards .basic-cont.fixed-height { height: 300px; }
}

@media only screen and (max-width: 568px) { 
	#cards .col-md-4 { float: none; width: 100%; }
	.filterList select { width: 30% }
	#newspaper iframe { height: 250px }
	#bio_content img.picture { max-width: 100%; width: 100%; }
	#judges_shortcuts .col-md-3 { float: none; width: 100%; }
#cards .basic-cont.fixed-height { height: auto; }
}


@media only screen and (max-width: 320px) { 
	.filterList { margin-bottom: 10px; overflow: hidden; }
	.filterList select { margin-bottom: 5px; width: 100% }
	.filterList button { float: right; margin: 5px 0 0 5px; }
	#newspaper ifrme { height: 200px }
	#cards .col-md-3 { float: none; width: 100%; }
}