body{
	text-align:center;
	background-color:#FFFFEE;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	color: #000066;
}
div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.iconos {
	float: right;
}
.explica{
	width:685px;
	text-align:left;
	background-color:white;
	border:1px solid #000066;
	padding-bottom:10px;
	margin:auto
}
.fung{
	background-color:#000066;
	color:white;
	padding:3px;
	font-weight:bold;
	margin-bottom:4px
}
.flotar{
	width:300px;
	margin:10px;
	#float:left;
	display:table-cell;
	text-align:center
}

.querer{
	margin-top:8px;
	background-color:#C9E0F7;
	font-size:12px
}

.person{text-align:center;margin:10px}
.enlper{margin:10px;text-align:center}
.enlper a{font-weight:bold;color:blue}
.paleta{width:30px;height:20px;margin:5px;font-size:10px;float:left;cursor:pointer}
.ti{text-align:left;width:200px;margin:auto}
.ti div{font-size:13px;margin:3px;background-color:#CCE5E3;border:1px solid #8DB2B0;cursor:pointer}
.mmargen{margin:2px}
#codigo{font-family:arial;font-size:11px;width:500px}
.peq{color:gray;font:10px arial}