#contacto { padding-bottom: 50px;width:100%; }
#contacto #tituloContacto { text-align: center; }

#contacto ul li { float: left;list-style: none; }

.grid {
	width:calc(100% - 2.52em);
	max-width: 1470px;
	list-style: none;
	margin: 0 auto;
	margin-top:20px;
	padding: 0;
}

.grid li {
	display: block;
	float: left;
	padding: 7px;
	opacity: 0;
}

/* Effect 1: opacity */
.grid.effect-1 li.animate {
	-webkit-animation: fadeIn 0s ease forwards;
	-moz-animation: fadeIn 0s ease forwards;
	animation: fadeIn 0s ease forwards;
}

@-webkit-keyframes fadeIn {
	to { opacity: 1; }
}

@-moz-keyframes fadeIn {
	to { opacity: 1; }
}

@keyframes fadeIn {
	to { opacity: 1; }
}

#contacto .persona1 { width: 230px;background-color: #ece0d0;text-align: center;padding-bottom: 15px; }
#contacto .persona1 .iconoContacto { padding-top: 8px;padding-bottom: 10px; }
#contacto .persona1 .nombre { font-family: proxima-nova;font-weight:600;font-size: 14px;color: #696969;padding-bottom: 5px;margin-left: 15px;margin-right: 15px;text-transform: uppercase; }
#contacto .persona1 .puesto { font-family: proxima-nova;font-weight:600;font-style: italic;font-size: 12px;color: #696969;padding-bottom: 15px;line-height: 15px;margin-left: 15px;margin-right: 15px; }
#contacto .persona1 .iconos { border-bottom: 2px solid #faf7f2;border-top: 2px solid #faf7f2;margin-left: 15px;margin-right: 15px;height: 32px; }
#contacto .persona1 .iconos .label { float: left;font-family: proxima-nova;font-weight: 600;font-size: 12px;color: #a3a2a2;line-height: 32px; }
#contacto .persona1 .iconos .icono { float: right;padding-left: 3px;padding-top:5px;  }
#contacto .persona1 .fichas { padding-top: 15px;text-align: left;padding-left: 15px;padding-right: 15px; }
#contacto .persona1 .fichas .fichaContacto { font-family: proxima-nova;font-weight: 600;font-size: 12px;color: #696969;line-height: 18px; }
#contacto .persona1 .fichas .fichaContacto a { text-decoration: none;color: #696969; }
#contacto .persona1 .fichas .fichaContacto a:hover { text-decoration: underline;color: #696969; }

#contacto .persona2 { width: 230px;background-color: #f7f2eb;text-align: center;padding-bottom: 15px; }
#contacto .persona2 .iconoContacto { padding-top: 8px;padding-bottom: 10px; }
#contacto .persona2 .nombre { font-family: proxima-nova;font-weight:600;font-size: 14px;color: #696969;padding-bottom: 5px;margin-left: 15px;margin-right: 15px;text-transform: uppercase; }
#contacto .persona2 .puesto { font-family: proxima-nova;font-weight:600;font-style: italic;font-size: 12px;color: #696969;padding-bottom: 15px;line-height: 15px;margin-left: 15px;margin-right: 15px; }
#contacto .persona2 .iconos { border-bottom: 2px solid #faf7f2;border-top: 2px solid #faf7f2;margin-left: 15px;margin-right: 15px;height: 32px; }
#contacto .persona2 .iconos .label { float: left;font-family: proxima-nova;font-weight: 600;font-size: 12px;color: #a3a2a2;line-height: 32px; }
#contacto .persona2 .iconos .icono { float: right;padding-left: 3px;padding-top:5px;  }
#contacto .persona2 .fichas { padding-top: 15px;text-align: left;padding-left: 15px;padding-right: 15px; }
#contacto .persona2 .fichas .fichaContacto { font-family: proxima-nova;font-weight: 600;font-size: 12px;color: #696969;line-height: 18px; }
#contacto .persona2 .fichas .fichaContacto a { text-decoration: none;color: #696969; }
#contacto .persona2 .fichas .fichaContacto a:hover { text-decoration: underline;color: #696969; }

