@font-face {
			font-family: Latinx-Black;
			src: url('../fonts/latinxblack.woff');
			src: url('../fonts/latinxblack.woff2');
}

@font-face {
	font-family: NHaasGroteskDSPro55Rg;
	src: url('../fonts/nhaasgroteskdspro55rg.ttf');
}

@font-face {
	font-family: NHaasGroteskDSPro75bd;
	src: url('../fonts/nhaasgroteskdspro75bd.ttf');	
}

/* Webfont: LatinxText-RegularOblique */
@font-face {
    font-family: 'Latinx Text';
    src: url( '../fonts/LatinxText-RegularOblique.eot'); 
    src: url( '../fonts/LatinxText-RegularOblique.eot?#iefix') format('embedded-opentype'),
         url( '../fonts/LatinxText-RegularOblique.woff2') format('woff2'), 
         url( '../fonts/LatinxText-RegularOblique.woff') format('woff'), 
         url( '../fonts/LatinxText-RegularOblique.ttf') format('truetype');
    font-style: italic;
    font-weight: 400;
}

/* Webfont: LatinxText-Regular */
@font-face {
    font-family: 'LatinxTextRegular';
    src: url( '../fonts/LatinxText-Regular.eot'); 
    src: url( '../fonts/LatinxText-Regular.eot?#iefix') format('embedded-opentype'),
         url( '../fonts/LatinxText-Regular.woff2') format('woff2'), 
         url( '../fonts/LatinxText-Regular.woff') format('woff'), 
         url( '../fonts/LatinxText-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
}

/* Webfont: LatinxText-Bold */
@font-face {
    font-family: 'LatinxTextBold';
    src: url( '../fonts/LatinxText-Bold.eot'); 
    src: url( '../fonts/LatinxText-Bold.eot?#iefix') format('embedded-opentype'),
         url( '../fonts/LatinxText-Bold.woff2') format('woff2'), 
         url( '../fonts/LatinxText-Bold.woff') format('woff'), 
         url( '../fonts/LatinxText-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
}	

/* Webfont: LatinxText-BoldOblique */
@font-face {
    font-family: 'Latinx Text';
    src: url( '../fonts/LatinxText-BoldOblique.eot'); 
    src: url( '../fonts/LatinxText-BoldOblique.eot?#iefix') format('embedded-opentype'),
         url( '../fonts/LatinxText-BoldOblique.woff2') format('woff2'), 
         url( '../fonts/LatinxText-BoldOblique.woff') format('woff'), 
         url( '../fonts/LatinxText-BoldOblique.ttf') format('truetype');
    font-style: italic;
    font-weight: 700;
}

p{
	color: black;
	font-size:14px;
}

/*----------------------- Cedula  Nueva ------------------------- */

#artistaN{
		color: black;
		font-family: LatinxTextBold;
		font-style: normal;
    	font-weight: 700;
		font-size:18px;
		padding: 20px 20px 0px 20px;
}


#paisN{
		color: black;
		font-family: LatinxTextRegular;
		font-style: normal;
    	font-weight: 400;
		font-size:16px;
		padding: 0px 20px 5px 20px;
}

#Linea1{
		font-family: LatinxTextRegular;
		color: black;
		display: flex;
		align-items: stretch;	
		font-style: normal;
    	font-weight: 400;
		padding: 10px 0px 0px 20px;		
}


#tituloN{
		font-family: LatinxTextBold;
		color: black;
		font-weight: 400;
		font-size:14px;
		
}

#notsaN{	
		color: black;
		font-family: LatinxTextRegular;
		font-style: normal;
    	font-weight: 400;
    	font-size:14px;	
}

#Anio_Creacion{
		color: black;
		font-family: LatinxTextRegular;
		font-style: normal;
    	font-weight: 400;
    	font-size:14px;
		
}

#tecnicaN{
		color: black;
		font-family: LatinxTextRegular;
		font-style: normal;
    	font-weight: 400;
		font-size:14px;
		padding: 0px 20px 5px 20px;
		
}


#origenN{
		color: black;
		font-family: LatinxTextRegular;
		font-size:12px;
		padding: 10px 20px 5px 20px;

}

/*----------------------- TEXTOS  Sala ------------------------- */

#tituloTexto{
		font-family: LatinxTextBold;
		color: black;
		font-weight: 400;
		font-size:18px;
		padding: 10px 0px 0px 20px;	
}

#cuerpoTexto{
		color: black;
		font-family: LatinxTextRegular;
		font-size:16px;
		padding: 10px 20px 5px 20px;

}

/*----------------------- Cedula  Tradición ------------------------- */

#artista{
		color: black;
		font-family: NHaasGroteskDSPro75bd;
		font-size:20px;
		padding: 20px 20px 0px 20px;
}


#pais{
		color: black;
		font-family: NHaasGroteskDSPro55Rg;
		font-size:14px;
		padding: 0px 20px 5px 20px;
}


#titulo{
		color: black;
		font-family: NHaasGroteskDSPro55Rg;
		font-size:14px;
		padding: 10px 20px 5px 20px;

}

#origen{
		color: black;
		font-family: NHaasGroteskDSPro55Rg;
		font-size:12px;
		padding: 10px 20px 5px 20px;

}



/*----------------------- Textos  ------------------------- */

#titulo_texto{
		color: black;
		font-family: Latinx-Black;
		font-size:14px;
		padding: 10px 20px 5px 20px;

}

#texto_sala{
		color: black;
		font-family: NHaasGroteskDSPro55Rg;
		font-size:14px;
		line-height: 18px;
		padding: 10px 20px 5px 20px;

}

/*----------------------- Popups  ------------------------- */

#popup_artista{
		color: black;
		font-family: Latinx-Black;
		font-size:14px;
		padding: 20px 20px 0px 20px;
}


#popup_pais{
		color: black;
		font-family: NHaasGroteskDSPro55Rg;
		font-size:14px;
		padding: 20px;
		padding: 0px 20px 5px 20px;
}


#popup_titulo{
		color: black;
		font-family: NHaasGroteskDSPro55Rg;
		font-size:14px;
		line-height: 18px;
		padding: 10px 20px 5px 20px;

}

/*----------------------- Media Queries  ------------------------- */
#malba_360{
	width:900px; height:506px
}

@media (max-width: 1024px) {  
         #malba_360{
             width: 600px;
             height: 334px;
         }
}
@media (max-width: 1024px) {  
         #malba_360{
             width: 300px;
             height: 168px;
         }
}
.flex-video-360 #malba_360 {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}
.flex-video-360 {
    position: relative;
    padding-top: 0;
    padding-bottom: 56.22%;
    height: 0;
    margin-bottom: 30px;
    overflow: hidden;
}