#form-datos .radio {
	font-size:1.2em;
	font-weight:bold;
	padding:10px;
}
#form-datos .radio input {
	width:16px;
	height:16px;
}

#certificado-detalles,
table.item_list {
	width:70% !important;
	margin:0 auto 20px auto !important;
	box-shadow: 0 0 20px #adade4;
}
#certificado-detalles td {
	padding: 8px;
	border: 1px solid rgb(154, 154, 216);
	vertical-align: middle;
	background-color: #f8f8ff;
}
#certificado-detalles td:nth-child(2n) {
	width:70%;
}

table.item_list thead th {
	padding:10px 0;
}
table.item_list td {
	padding:6px;
	vertical-align:middle;
	background-color: #f8f8ff;
}
table.item_list tr td:first-child {
	text-align:center;
	font-size:0.8em;
	color:#777;
}


table.item_list tr:hover td,
#certificado-detalles tr:hover td {
	background-color:#fff;
}



.cert-data {
	font-family:monospace;
}


form.appear {
	animation:aparecer 0.5s;
	animation-fill-mode: forwards;
	animation-delay:1s;
	opacity:0;
	height:0;
	overflow:hidden;
}

@keyframes aparecer {
	from {opacity:0;height:0;}
	to {opacity:1;height:250px;}
}


div.frase-valida,
div.frase-invalida {
	text-align: center;
	font-size: 2em;
	padding: 40px;
	margin: 50px 120px 45px 120px;
	font-weight: bold;
	text-shadow:0 2px 6px #9a9a9a;
}

div.frase-valida {
	color: #237723;
	/*
	background-color: rgba(179, 251, 156, 0.45);
	text-shadow: 2px 2px 2px #ffffff;
	border-radius: 10px;
	border: 1px solid #88c588;
	box-shadow: 0 2px 20px #9fb19f;
	*/
}

div.frase-invalida {
	color: #772323;
	/*
	background-color: rgba(251, 156, 156, 0.45);
	text-shadow: 2px 2px 2px #ffffff;
	border-radius: 10px;
	border: 1px solid #c58888;
	box-shadow: 0 2px 20px #b19f9f;
	*/
}