body, html{
	background: transparent;
	margin:0;
	display: flex;
    justify-content: center;


}

@font-face {
    font-family: 'NunitoMedium';
    src: url('../fonts/NunitoMedium.eot');
    src: url('../fonts/NunitoMedium.eot') format('embedded-opentype'),
         url('../fonts/NunitoMedium.woff2') format('woff2'),
         url('../fonts/NunitoMedium.woff') format('woff'),
         url('../fonts/NunitoMedium.ttf') format('truetype'),
         url('../fonts/NunitoMedium.svg#NunitoMedium') format('svg');
}
@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/RobotoRegular.eot');
    src: url('../fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('../fonts/RobotoRegular.woff2') format('woff2'),
         url('../fonts/RobotoRegular.woff') format('woff'),
         url('../fonts/RobotoRegular.ttf') format('truetype'),
         url('../fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}

#ficha{
    font-family: 'NunitoMedium';
	width:700px;
	margin:15px;
}




#ficha #content p,
#ficha #content li{
    color:#374649;
    font-size: 0.9rem;
    text-align: justify;
    font-family: 'RobotoRegular';
    line-height: 1.5;
}
@media (max-width: 700px){
#ficha{
    width:100%;
}
#ficha #content p,
#ficha #content li{
    color:#374649;
    font-size: 1rem;
    text-align: justify;
    font-family: 'RobotoRegular';
    line-height: 1.5;
}
}
#ficha img{
    border-radius: 5px;
    width: 100%;
}
#ficha h1,
#ficha800 h1{
   	background: -webkit-linear-gradient(left top, #009CEA, #4632FF);
    background: linear-gradient(to bottom right, #009CEA, #4632FF);
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent;
}
#content h2{
    color: #ED0000;
    font-family: 'NunitoMedium';
    text-transform: uppercase;
    font-size: 1.2em;

}




#objetivo{
		background: transparent url(../img/objetivos.png) no-repeat center left;
		padding-left:30px;
}
#temario{
		background: transparent url(../img/programa.png) no-repeat center left;
		padding-left:30px;
}
#actividad{
		background: transparent url(../img/actividad.png) no-repeat center left;
		padding-left:30px;
}
#carga{
		background: transparent url(../img/carga.png) no-repeat center left;
		padding-left:30px;
}