/* MEJORAS */
#loading-vuelos img {
	height: 25px;
	margin-top: 10px;
    margin-bottom: 10px
}

/*************/

#overlay-np {
    display: none;
    position: fixed;
    height: 100%;
    width:100%;
    background: rgba(0, 0, 0, 0.5);
	z-index:3;
	top: 0;
    left: 0;
}

svg {
	height: 100%;
    visibility: hidden;
    width: 100%;
    position: fixed;
    z-index: 9999;
}

.video-container {
    padding-bottom: 36.25%;
}

.row-1400 {
    margin: 70px auto 0;
}

#cont-video{
    background-color: #dddddd;
    margin: 0 auto;
    max-width: 1400px;
    padding:4% 6% 1% 0;
    width: 100%;
}

#cont-video #video{
	margin: 0 auto;
	max-width: 858px;
}

#cont-video #bajada-video{
	margin: 3% auto 0;
    max-width: 858px;
}

#cont-video #bajada-video #titulo{
	margin: 1% 0 0.5%;
	color:#535353;
	display: block;
	font-family: KhandRegular;
	font-size:25px;
}

#cont-video #bajada-video p{
	text-align:justify;
	color:#525252;
	display: block;
	font-family: RobotoRegular;
	font-size:14px;
}

.video-container iframe, 
.video-container object, 
.video-container embed {
    /*left: 3%;
    max-width: 1024px;*/
}

.grid {
	list-style: outside none none;
    margin: 4% auto;
    max-width: 1300px;
    text-align: center;
}

.grid li {
	float: left;
    margin: 1%;
    max-width: 384px;
    position: relative;
    text-align: left;
    width: 31%;
}



span.titulo{	
	color: #535353;
    min-height: 72px;
    text-align: left;
	font-size: 25px;
	display:block;	
	font-family:KhandRegular;
}

span.duracion{
	float:left;
	font-size: 12px;
	color:#666666;
	font-family:RobotoRegular;
}

span.fecha{
	float:right;
	font-size: 12px;
	color:#666666;
	font-family:RobotoRegular;
}


video {
    /*max-height: 680px;*/
    width: 100%;
}

.view {	
    box-shadow: 0 0 5px #aaa;
    cursor: default;
    float: left;
    height: auto;
    margin: 10px;
    max-width: 380px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.view .mask, .view .content {
   width: 100%;   
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view a.info {
   background:url(../images/noticiero-np-borrar/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px;
}

/* SECOND EFFECTS */
.second-effect img {
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.second-effect:hover img {
	-webkit-transform:scale(1.10); /* Safari and Chrome */
	-moz-transform:scale(1.10); /* Firefox */
	-ms-transform:scale(1.10); /* IE 9 */
	-o-transform:scale(1.10); /* Opera */
	 transform:scale(1.10);
}

.second-effect .mask {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.second-effect a.info {
	position:relative;
	top: 40%;
	opacity:0;
   -moz-transform:scale(0,0);
   -webkit-transform:scale(0,0);
   -o-transform:scale(0,0);
   -ms-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}

.second-effect:hover .mask {
   opacity: 1;   
   background-color:rgba(0,0,0,0.7);
}

.second-effect .mask img {
	display: block;
    margin: 17% auto;
    max-width: 70px;
    width: 19%;
}

.second-effect:hover a.info {
	opacity:1;
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
}

.cont-info{padding:2%;}



@media (max-width:768px){
	.grid li {
		width: 48%;
	}
}

@media (max-width:480px){
	.grid li {
		float: none;
		margin: 0 auto 4%;
		max-width: none;
		width: 98%;
	}
	
}

/* ORDENAMIENTO CSS */
#banner{
	background-image:url('../../images/nuevo-terminal/noticiero-np.jpg');
	background-position: center center;
    background-repeat: no-repeat;
    height: 421px;  
	margin-top: 0px !important;
	display: flex;
    justify-content: right;
    align-items: end;
}
	
	#cont-video {
		margin: 0 auto;
		padding-top: 20px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	#listado {
		padding-top: 20px !important;
	}
	
	.grid {
		margin: 0 auto;
    	padding: 0;
	}
	
	.view img {
		width: 100%;
	}



