.extraordinario{
	height: 690px;
}
.extraordinario .views-field-field-imagen-fondo-se{
	position: absolute;
    z-index: 1;
    max-width: 1140px;
}
.extraordinario .views-field-field-imagen-fondo-se img{
	filter: blur(2px);
   -moz-filter: blur(2px);
   -webkit-filter: blur(2px);
   -o-filter: blur(2px);
   -ms-filter: blur(2px);
    height: 690px;
    width: 1140px;
}
.extraordinario .views-field-field-imagen-principal-se{
    position: relative;
    z-index: 2;
    padding-left: 35px;
    height: 460px;
    width: 1105px;
}
.extraordinario .views-field-field-imagen-principal-se img{
	height: 460px;
	width: 1105px;
}
.extraordinario .views-field-field-imagen-seccion-se1{
    position: absolute;
    z-index: 3;
    margin-top: -155px;
    max-width: 194px;
    float: right;
    margin-left: 440px;
}
.extraordinario .views-field-field-imagen-logo-se{
	position: relative;
    z-index: 3;
    margin-top: -480px;
    margin-left: 529px;
}
.extraordinario .views-field-field-imagen-logo-se img{
	max-width: 350px;
}
.extraordinario .views-field-field-imagen-seccion-se1 img,
.extraordinario .views-field-field-imagen-seccion-se2 img,
.extraordinario .views-field-field-imagen-seccion-se3 img{
	border:solid 3px #ffffff;
}
.extraordinario .views-field-field-imagen-seccion-se2{
	position: absolute;
    z-index: 3;
    margin-top: -174px;
    max-width: 194px;
    float: right;
    margin-left: 650px;
}

.extraordinario .views-field-field-imagen-seccion-se3{
    position: absolute;
    z-index: 3;
    margin-top: -192px;
    max-width: 194px;
    float: right;
    margin-left: 860px;
}

.extraordinario .views-field-field-titulo-seccion-se1{
    position: absolute;
    z-index: 3;
    margin-top: -16px;
    margin-left: 440px;
    width: 194px;
    border: #ffffff 2px solid;
    border-right: 20px solid #D4D4D4;
    background: rgba(0,0,0,0.6);
}

.extraordinario .views-field-field-titulo-seccion-se2{
	position: absolute;
    margin-left: 650px;
    z-index: 3;
    margin-top: -35px;
    width: 194px;
    border: #ffffff 2px solid;
    border-right: 20px solid #D4D4D4;
    background: rgba(0,0,0,0.6);
}

.extraordinario .views-field-field-titulo-seccion-se3{
	position: absolute;
    margin-left: 860px;
    z-index: 3;
    margin-top: -54px;
    width: 194px;
    border: #ffffff 2px solid;
    border-right: 20px solid #D4D4D4;
    background: rgba(0,0,0,0.6);
}
.extraordinario .views-field-field-titulo-seccion-se1 a,
.extraordinario .views-field-field-titulo-seccion-se2 a,
.extraordinario .views-field-field-titulo-seccion-se3 a{
	color:#fff !important;
	font-family: 'Roboto';
	text-transform: uppercase;
	margin-left: 6px;
}
.extraordinario .views-field-field-enlace-noticia-se1{
    z-index: 3;
    position: absolute;
    width: 310px;
    margin-top: 60px;
    margin-left: 60px;
}

.extraordinario .views-field-field-enlace-noticia-se1 a,
.extraordinario .views-field-field-enlace-noticia-se2 a,
.extraordinario .views-field-field-enlace-noticia-se3 a{
	color:#fff !important;
	font-family: 'Roboto Condensed', sans-serif;;
	font-size: 18px;
	line-height: 24px;
    background: url(../images/cuadro.png) center left no-repeat;
    padding-left: 22px;
}

.extraordinario .views-field-field-enlace-noticia-se2{
	z-index: 3;
    position: absolute;
    width: 310px;
    margin-left: 420px;    
    margin-top: 60px;
}

.extraordinario .views-field-field-enlace-noticia-se3{
    z-index: 3;
    position: absolute;
    width: 310px;
    margin-left: 790px;
    margin-top: 60px;
}

/*Streaming CSS*/
.streaming{
	height: 420px;
}
.streaming .views-field-field-imagen-fondo-ex{
    position: absolute;
    max-width: 1140px;
}
.streaming .views-field-field-imagen-fondo-ex img{
    height: 420px;
}
.streaming .views-field-field-enlace-youtube-ex{
    z-index: 3;
    position: absolute;
    margin-left: 35px;
    margin-top: 37px;
    
}
.streaming iframe#youtube-field-player{
	border: 11px solid rgba(102,102,102,0.5);
}
.streaming .views-field-field-titulo-video-ex{
    z-index: 3;
    position: absolute;
    margin-top: 342px;
    margin-left: 35px;
    width: 464px;
    background: rgba(102,102,102,0.5);
    padding-bottom: 6px;
    color:#000000;
    font-family: 'Roboto Slab';
    font-weight: bold;
    font-size: 20px;
}
.streaming .views-field-field-titulo-video-ex .field-content{
	margin-left: 20px;
}
.streaming .views-field-field-titulo-noticia-ex1{
    z-index: 3;
    position: absolute;
    margin-left: 786px;
    margin-top: 176px;
    width: 330px;
}

.streaming .views-field-field-imagen-noticia-ex1{
	margin-top: 110px;
    z-index: 3;
    position: absolute;
    margin-left: 585px;
    
}
.streaming .views-field-field-imagen-noticia-ex1 img,
.streaming .views-field-field-imagen-noticia-ex2 img{
	width: 186px;
	height: 114px;
	border: 4px solid rgba(102,102,102,0.5);
}

.streaming .views-field-field-titulo-noticia-ex2{
    z-index: 3;
    position: absolute;
    margin-left: 786px;
    margin-top: 278px;
    width: 330px;
}
.streaming .views-field-field-imagen-noticia-ex2{
	margin-top: 239px;
    z-index: 3;
    position: absolute;
    margin-left: 585px;
}
.streaming .views-field-field-titulo-noticia-ex1 a,
.streaming .views-field-field-titulo-noticia-ex2 a{
	color: #ffffff !important;
	font-family: 'Roboto Slab';
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
}

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:fixed;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}


/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:375px; 
  height:203px;
}
@media screen and (max-width: 1000px){
    .streaming .views-field-field-imagen-fondo-ex{
        max-width: 1000px;
    }
    .streaming .views-field-field-imagen-fondo-ex img{
        max-width: 1000px;
    }
    .streaming .views-field-field-imagen-noticia-ex1{
        margin-left: 540px;
        margin-top: 94px;
        width: 310px;
    }
    .streaming .views-field-field-imagen-noticia-ex2{
        margin-left: 540px;
    }
    .streaming .views-field-field-titulo-noticia-ex2{
        margin-left: 735px;
        margin-top: 235px;
        width: 220px;
    }
    .streaming .views-field-field-titulo-noticia-ex1{
        margin-left: 735px;
        margin-top: 160px;
        width: 310px;
    }
}
@media screen and (max-width: 1200px){
	.extraordinario .views-field-field-imagen-seccion-se1,
	.extraordinario .views-field-field-titulo-seccion-se1{
		margin-left: 380px;
	}
	.extraordinario .views-field-field-imagen-seccion-se2,
	.extraordinario .views-field-field-titulo-seccion-se2{
	    margin-left: 600px;
	}
	.extraordinario .views-field-field-imagen-seccion-se3,
	.extraordinario .views-field-field-titulo-seccion-se3{
		margin-left: 810px;
	}

}
@media screen and (max-width: 992px){
    .streaming .views-field-field-imagen-fondo-ex,
    .streaming .views-field-field-imagen-fondo-ex img{
        max-width: 900px;
    }

    .extraordinario .views-field-field-imagen-principal-se img{
        height: 306px;
        width: 705px;
    }

    .streaming .views-field-field-enlace-youtube-ex{
        margin-left: 5px;
    }

    .streaming .views-field-field-titulo-video-ex{
        margin-left: 5px;
    }

    .streaming .views-field-field-imagen-noticia-ex1{
        margin-top: 45px;
        margin-left: 505px;
    }
    .streaming .views-field-field-imagen-noticia-ex2{
        margin-left: 505px;
    }
    .streaming .views-field-field-titulo-noticia-ex2{
        margin-left: 505px;
        margin-top: 356px;
        width: 220px;
    }
    .streaming .views-field-field-titulo-noticia-ex1{
        margin-left: 505px;
        margin-top: 160px;
        width: 220px;
    }
    .extraordinario .views-field-field-imagen-principal-se{
    	left: -15px;
        width: 740px;
    }
    .extraordinario .views-field-field-enlace-noticia-se1{
    	margin-top: -30px;
    	margin-left: 0px;
    	width: 100%;
    }
    .extraordinario .views-field-field-enlace-noticia-se2{
	    margin-left: 0px;
    	margin-top: 30px;
    	width: 100%;
    }
    .extraordinario .views-field-field-enlace-noticia-se3{
	    margin-left: 0px;
    	margin-top: 90px;
    	width: 100%;
    }
    .extraordinario .views-field-field-imagen-logo-se{
    	margin-top: -518px;
    	margin-left: 87px;
    }
    .extraordinario .views-field-field-imagen-logo-se img{
    	max-width: 160px;
    }
    .extraordinario .views-field-field-imagen-seccion-se1{
        margin-top: -167px;
        margin-left: 22px;
    }
    .extraordinario .views-field-field-titulo-seccion-se1{
        margin-top: -42px;
        margin-left: 22px;
    }
    .extraordinario .views-field-field-imagen-seccion-se2{
        margin-top: -185px;
        margin-left: 254px;
    }
    .extraordinario .views-field-field-titulo-seccion-se2 {
        margin-left: 254px;
        margin-top: -60px;
	}
	.extraordinario .views-field-field-imagen-seccion-se3{
		margin-top: -204px;
		margin-left: 480px;
	}
	.extraordinario .views-field-field-titulo-seccion-se3{
	    margin-left: 480px;
    	margin-top: -79px;
    }
    .extraordinario .views-field-field-imagen-fondo-se{
        max-width: 750px;
    }
}

@media screen and (max-width: 768px){
	.streaming .views-field-field-titulo-noticia-ex1 a, .streaming .views-field-field-titulo-noticia-ex2 a{
		font-size: 14px;
    	line-height: 18px;
    }
    .extraordinario {
        height: 935px;
    }
    .extraordinario .views-field-field-imagen-fondo-se img{
        height: 935px;
    }
    .streaming .views-field-field-imagen-fondo-ex,
    .streaming .views-field-field-imagen-fondo-ex img{
        max-width: 620px;
    }

    .streaming .views-field-field-enlace-youtube-ex{
        margin-left: 62px;
        margin-top: 5px;
    }

    .streaming iframe#youtube-field-player{
        max-height: 200px;
    }

    .streaming .views-field-field-titulo-video-ex{
        margin-top: 205px;
        margin-left: 62px;
    }

    .streaming .views-field-field-imagen-noticia-ex1{
        margin-top: 240px;
        margin-left: 62px;
    }
    .streaming .views-field-field-imagen-noticia-ex2{
        margin-left: 340px;
    }
    .streaming .views-field-field-titulo-noticia-ex2{
        margin-left: 340px;
        margin-top: 347px;
        width: 200px;
    }
    .streaming .views-field-field-titulo-noticia-ex1{
        margin-left: 62px;
        margin-top: 347px;
        width: 200px;
    }
    .extraordinario .views-field-field-imagen-principal-se{
        width: 100%;
        left: 0;
        padding: 0;
    }
    .extraordinario .views-field-field-imagen-principal-se img{
        height: auto;
        width: 100%;
    }
    .extraordinario .views-field-field-enlace-noticia-se1{
    	margin-top: 250px;
    	margin-left: 10px;
    	width: 90%;
    }
    .extraordinario .views-field-field-enlace-noticia-se2{
	    margin-left: 10px;
    	margin-top: 310px;
    	width: 90%;
    }
    .extraordinario .views-field-field-enlace-noticia-se3{
	    margin-left: 10px;
    	margin-top: 370px;
    	width: 90%;
    }
    .extraordinario .views-field-field-imagen-logo-se{
    	margin-top: -518px;
    	margin-left: 87px;
    }
    .extraordinario .views-field-field-imagen-logo-se img{
    	max-width: 160px;
    }
    .extraordinario .views-field-field-imagen-seccion-se1{
	    margin-top: -188px;
    	margin-left: 330px;
    }
    .extraordinario .views-field-field-titulo-seccion-se1{
    	margin-top: -61px;
    	margin-left: 330px;
    }
    .extraordinario .views-field-field-imagen-seccion-se2{
    	margin-top: -50px;
    	margin-left: 330px;
    }
    .extraordinario .views-field-field-titulo-seccion-se2 {
	    margin-left: 330px;
	    margin-top: -78px;
	}
	.extraordinario .views-field-field-imagen-seccion-se3{
		margin-top: 86px;
		margin-left: 330px;
	}
	.extraordinario .views-field-field-titulo-seccion-se3{
	    margin-left: 330px;
    	margin-top: 211px;
	}
}

@media screen and (max-width: 576px){
    .streaming .views-field-field-imagen-fondo-ex,
    .streaming .views-field-field-imagen-fondo-ex img{
        max-width: 560px;
    }

    .streaming .views-field-field-enlace-youtube-ex{
        margin-left: 30px;
        margin-top: 5px;
    }

    .streaming iframe#youtube-field-player{
        max-height: 200px;
    }

    .streaming .views-field-field-titulo-video-ex{
        margin-top: 205px;
        margin-left: 30px;
    }

    .streaming .views-field-field-imagen-noticia-ex1{
        margin-top: 240px;
        margin-left: 30px;
    }
    .streaming .views-field-field-imagen-noticia-ex2{
        margin-left: 307px;
    }
    .streaming .views-field-field-titulo-noticia-ex2{
        margin-left: 307px;
        margin-top: 347px;
        width: 200px;
    }
    .streaming .views-field-field-titulo-noticia-ex1{
        margin-left: 30px;
        margin-top: 347px;
        width: 200px;
    }
    .extraordinario .views-field-field-imagen-seccion-se1{
        margin-left: 20px;
    }
    .extraordinario .views-field-field-titulo-seccion-se1{
        margin-left: 20px;
    }
    .extraordinario .views-field-field-imagen-seccion-se2{
        margin-left: 20px;
    }
    .extraordinario .views-field-field-titulo-seccion-se2{
        margin-left: 20px;
    }
    .extraordinario .views-field-field-imagen-seccion-se3{
        margin-left: 20px;
    }
    .extraordinario .views-field-field-titulo-seccion-se3{
        margin-left: 20px;
    }
}


@media screen and (max-width: 420px){
    .streaming .views-field-field-imagen-fondo-ex,
    .streaming .views-field-field-imagen-fondo-ex img{
        max-width: 420px;
    }

    .streaming .views-field-field-enlace-youtube-ex{
        margin-left: 0px;
    }

    .streaming iframe#youtube-field-player{
        max-height: 200px;
        max-width: 100%;
    }

    .streaming .views-field-field-titulo-video-ex{
        margin-top: 205px;
        margin-left: 0px;
    }

    .streaming .views-field-field-imagen-noticia-ex1{
        margin-top: 233px;
        margin-left: 0px;
    }
    .streaming .views-field-field-imagen-noticia-ex2{
    	margin-top: 233px;
        margin-left: 194px;
    }
    .streaming .views-field-field-titulo-noticia-ex2{
        margin-left: 194px;
        margin-top: 347px;
        width: 200px;
    }
    .streaming .views-field-field-titulo-noticia-ex1{
        margin-left: 0px;
        margin-top: 347px;
        width: 200px;
    }
    .streaming .views-field-field-titulo-video-ex .field-content{
        margin-left: 10px;
        font-size: 18px;
    }
}