/* ================================================================================================================== */
/* corpo */
/* ================================================================================================================== */

div#publications { display: block; position: relative; width: 100%; padding: 0; margin: 0 auto; font-size: 0; }

/* ================================================================================================================== */
/* bloco */
/* ================================================================================================================== */

div#publications a { display: inline-block; position: relative; width: 220px; height: auto; text-decoration: none; vertical-align: top; }
	div#publications a div.photo { display: block; position: relative; width: 100%; height: 220px; }
	div#publications a div.photo.no-photo { background-color: #cfd2d3; text-align: center; }
		div#publications a div.no-photo span.no-photo { display: inline-block; position: relative; width: 48px; height: 42px; background: transparent url(../images/nophoto.png) repeat; vertical-align: middle; }
		div#publications a div.photo div.hover { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../images/gallery_hover_bg.png) repeat; opacity: 0; text-align: center; }
		div#publications a:hover div.photo div.hover { opacity: 1; }
			div#publications a div.photo div.hover span { display: inline-block; position: relative; width: 37px; height: 37px; background: transparent url(../images/gallery_hover_icon.png) no-repeat center center; background-size: contain; vertical-align: middle; }
	div#publications a h2 { display: block; position: relative; }
	div#publications a:hover h2 { color: #db2727; }
	div#publications a h3 { color: #37b34a; }
	div#publications a:hover h3 { color: #db2727; }