@font-face {
    font-family: 'ComicSans';
    src: url('./fonts/ComicSansMS.ttf') format('truetype');
}
#certificado {
    position: absolute;
    left: -9999px;
    top: 0;
    width: 1200px; /* importante para mantener proporción */
	height: 850px;
    z-index: -1; /* 9999;*/
}


#certificado {
	font-family: 'ComicSans', sans-serif;
	color: #999;
    border: 6px solid #e5e5e5;
    box-sizing: border-box;
    overflow: hidden;
}
#certificado .cert-titulo h2, #certificado .cert-titulo h3 {
	font-family: 'ComicSans', sans-serif;
}
#certificado table, td, th {
	border: none;
}

#certificado .left {
    width: 75%;
    float: left;
	height: 100%;
	padding: 90px 0; 
	background: #eee;
}

#certificado .right {
    width: 25%;
    float: left;
    text-align: center;
}

#certificado .center {
    text-align: center;
}

#certificado .titulo {
    font-size: 34px;
    font-weight: bold;
    margin: 10px 0;
}

#certificado .nombre {
    font-size: 30px;
	letter-spacing: .1em;
    font-weight: bold;
    margin: 15px 0;
	color: #000;
}

#certificado .texto {
    font-size: 26px;
    margin: 5px 20px;
	padding: 0 40px;
}
#certificado .texto p {
		margin: 0;
	}
#certificado .firmas {
    padding-top: 40px;
    page-break-inside: avoid;
}

#certificado .firma {
    width: 50%;
    float: left;
    text-align: center;
}

#certificado .firmas img {
    height: 80px;
}

#certificado .firmas span {
		font-size: 20px;
		font-weight: 600;
	}
	
#certificado .logos img {
    height: 130px;
    margin-bottom: 15px;
	margin-top: 60px;
}

#certificado .clear {
    clear: both;
}
#certificado .cert-titulo h2, 
#certificado .cert-titulo h3 { margin: 0; }
#certificado .cert-td { 
		text-align:center; 
		margin: 20px 0;
		height: 120px;
		vertical-align:bottom;  
			}
#certificado .cert-td span {
		font-size:45px; 
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
		color: #000; 
	}
#certificado .cert-td img { 
		vertical-align:middle; 
		margin-left:10px; 
		margin-top: -20px;
		height: 70px;
	}