
@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;
}	

/* Webfont: HeroinePro-CondMedium */
@font-face {
    font-family: 'HeroinePro';
    src: url( '../fonts/HeroinePro-CondMedium.otf');
    font-style: normal;
    font-weight: 700;
}

/* Webfont: Jannon Regular*/
@font-face {
    font-family: 'Jannon Regular';
    src: url( '../fonts/JannonText-Regular-C.otf');
    font-style: normal;
    font-weight: 700;
}

/* Webfont: Jannon Italic*/
@font-face {
    font-family: 'Jannon Italic';
    src: url( '../fonts/Jannon Text Italic.otf');
    font-style: normal;
    font-weight: 700;
}

/* Webfont: Monument Grotesk Regular*/
@font-face {
    font-family: 'Monument Grotesk Regular';
    src: url( '../fonts/monument-grotesk-regular.otf');
    font-style: normal;
    font-weight: 1600;
}

/* Webfont: Monument Grotesk Medium*/
@font-face {
    font-family: 'Monument Grotesk Medium';
    src: url( '../fonts/monument-grotesk-medium.otf'); 
    font-style: normal;
    font-weight: 700;
}

/* Webfont: Monument Grotesk Italic*/
@font-face {
    font-family: 'Monument Grotesk';
    src: url( '../fonts/monument-grotesk-italic.otf');
    font-style: normal;
    font-weight: 700;
}


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

/*----------------------- Baldessari ------------------------- */

#BA_titulo{
		color: black;
		font-family: LatinxTextBold;
		font-size:14px;
		padding: 10px 20px 0px 20px;
}
#BA_anio{
		color: black;
		font-family: LatinxTextRegular;
		font-size:14px;
		
}


/*----------------------- Mondongo ------------------------- */

#MD_titulo_P{
		color: black;
		font-family: LatinxTextBold;
		font-size:36px;
		padding: 10px 20px 10px 20px;
}


#MD_artista{
		color: black;
		font-family: LatinxTextRegular;
		font-size:16px;
		padding: 10px 20px 0px 20px;
}

#MD_titulo{
		color: black;
		font-family: LatinxTextRegular;
		font-size:14px;
		padding: 10px 20px 0px 20px;
}

#MD_texto{
		color: black;
		font-family: LatinxTextRegular;
		font-size:14px;
		padding: 10px 20px 10px 20px;
}

#MD_fecha{
		color: black;
		font-family: LatinxTextRegular;
		font-size:12px;
		padding: 0px 0px 10px 20px;
}

#MD_origen{
		color: black;
		font-family: LatinxTextRegular;
		font-size:14px;
		padding: 40px 20px 10px 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;
}










