﻿/*Slider en General*/
/*Slider Noticias*/
.rsOverflow{
	border-top: none !important; 
}
#noticiasSlider.rsDefault .rsThumb {
    width: 140px !important;
    height: 80px !important;	
}

div.rsNav.rsThumbs.rsThumbsHor{
	margin:0 auto !important;
	width: 90vw !important; 
}

@media (min-width: 576px){
	div.rsNav.rsThumbs.rsThumbsHor{
		margin:0 auto !important;
		width: 80vw !important; 
	}
	#noticiasSlider.rsDefault .rsThumb {
	    width: 140px !important;
	    height: 80px !important;	
	}
}

@media (min-width: 768px){
	div.rsNav.rsThumbs.rsThumbsHor{
		margin:0 auto !important;
		width: 60vw !important; 
	}
	#noticiasSlider.rsDefault .rsThumb {
	    width: 150px !important;
	    height: 90px !important;	
	}
}

@media (min-width: 992px){
	div.rsNav.rsThumbs.rsThumbsHor{
		margin:0 auto !important;
		/*width: 75% !important;*/
	}
	#noticiasSlider.rsDefault .rsThumb {
	    width: 200px !important;
	    height: 120px !important;	
	}
}

/*Imagen Ambos Tipos de Noticia*/
.noticiaImagen{
	max-height:277px;
	cursor: pointer; 
	height: 100%;
	object-fit: contain; 
	margin: 0 auto; 
}

@media (min-width: 576px){
	.noticiaImagen{
		max-height:306px;
	}
}

@media (min-width: 768px){
	.noticiaImagen{
		min-height:225px; 
		max-height:234px;
	}
}

@media (min-width: 992px){
	.noticiaImagen{
		max-height:380px; 
	}
}

/*Noticias con Texto*/
.noticiaTexto ul li{
	list-style-type: none; 
	max-height: 140px; 
	overflow: hidden; 
}
.scroll-content::-webkit-scrollbar{
	width: 10px;
}

.noticiaTextoThumbnails{
    bottom: 0;
    display: block;
    height: 48px;
    left: 0;
    margin: 0 auto;
    padding: 1em 0 0.8em;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 5;
}
.noticiaTextoThumbnail{
    -webkit-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;
    opacity: 0.8;

}
.noticiaTextoThumbnail:hover {
	opacity: 1;
}
.noticia-content{
	max-height: 250px;
	overflow-y: hidden;
}

.noticiaTexto .ver-mas{
	color: #007bff;
	position: absolute;
	font-weight:bold; 
	background: #fff; 
	width: 100%; 
}
.noticiaTexto .ver-mas a:visited,
.noticiaTexto .ver-mas a:active,
.noticiaTexto .ver-mas a:hover{
	color: #007bff;
	text-decoration: none; 
}
@media (min-width: 576px){
	.noticiaTextoThumbnails {
		bottom:5%; 	
	}
}
@media (min-width: 768px){
	.noticiaTextoThumbnails {
		bottom:37.5%; 	
	}
	.noticia-content{
		max-height: 250px;
	}
}

@media (min-width: 992px){
	.noticiaTextoThumbnails {
		bottom: 15%;
	}
}

/*Noticias con Texto - Thumbnail Individual*/
.noticiaTextoThumbnails li {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    /*height: 30px;*/
    margin: 0 8px;
    position: relative;
    max-width: 60px;
}

.noticiaTextoThumbnails li img {
    width: 100%;
   	border-radius: 5px;
    border: 2.5px solid #FFFFFF;
}

.noticiaTextoThumbnails li img.active {
    border: 2.5px solid #008cb1;
}

.noticiaTextoThumbnail{
	max-height:64px;
}

@media (min-width: 576px){
	.noticiaTextoThumbnails  li{
		max-width: 100px; 
	}
	.noticiaTextoThumbnail{
		max-height:64px;
	}
}

@media (min-width: 768px){
	.noticiaTextoThumbnail{
		max-height:64px;
	}
}

/*Noticias Solo Imagen - Thumbnail Container*/
.thumbnailContainer{
	/*max-height:380px; 
	height:100%; */
}

/*Noticias Solo Imagen - Thumbnail Individual*/
.noticiaSoloImagenThumbnail{
	cursor:pointer; 
	object-fit: cover;
	width: 100%;
	height: 100% !important; 
    border: 2.5px solid #FFFFFF;
    border-radius: 5px;
}

.noticiaSoloImagenThumbnail.active{
    border: 2.5px solid #008cb1;
}

@media (max-width: 576px){
	.noticiaSoloImagen ul li{
		max-width: 45%; 	
	}
}

/*NOTICIA MODAL*/

@media (max-width: 850px){
	#noticia-modal .modal-dialog{
		max-width: 80%; 
	}
	#noticia-modal .modal-image{
		margin: 20px; 
	}
}
@media (min-width: 850px){
	#noticia-modal .modal-dialog{
		max-width: 80%; 
	}
	#noticia-modal .modal-image{
		float: left;
		margin: 20px; 
		max-width: 50%; 
	}
} 
#noticia-modal .modal-content{
	width: 100%; 
}
#noticia-modal .modal-text{
	padding: 0 20px 0 20px; 
}
.ver-mas{
	cursor: pointer; 
}
.rsTmb{
	height: 100%; 
}
.rsOverflow{
	padding-top: 0; 
}