@font-face		{font-family: 'Hero';

			src: url('misc/fonts/hero-webfont.eot');

			src: url('misc/fonts/hero-webfont.eot?#iefix') format('embedded-opentype'),

			url('misc/fonts/hero-webfont.woff') format('woff'),

			url('misc/fonts/hero-webfont.ttf') format('truetype'),

			url('misc/fonts/hero-webfont.svg#HeroRegular') format('svg');

			font-weight: normal;
 font-style: normal;

}




*, html, body		{margin: 0; padding: 0;}

a:link, a:visited	{color: #555; text-decoration: none;}

a:hover, a:active	{color: #a861c0; text-decoration: none;}

body			{background: #E5E5E5; color: #666; font: 13px "Hero","Trebuchet MS",sans-serif;
			width: 900px; margin: 20px auto;}

h1			{color: #77398C; font-size: 90px; text-align: right;}

h2			{color: #a861c0; font-size: 51px; text-align: right; margin-bottom: 60px;}

h3			{font-size: 36px; font-weight: normal; margin-bottom: 20px;}

h4			{font-size: 30px; margin: 80px 10px 10px; color: #FFF; text-align: right;}

h1, h2, h3, h4 a	{text-shadow: #444 1px 1px 1px; font-weight: normal;}

h3 span			{font-size: 24px; display: block; margin-bottom: -40px; text-shadow: none; color: #999;}

h3 a:hover span		{color: #77398C;}


.clear			{clear: both;}

.link			{width: 280px; height: 230px; display: block; float: left; 
			margin: 80px 10px 0; padding: 10px; border: 5px #FFF solid; background: #EEE;
			-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
			-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
			box-shadow: 2px 2px 10px rgba(0,0,0,0.4);}

.link img		{width: 280px; height: 200px; border: none; display: block; margin-bottom: 10px;}


.link a:link img,
.link a:visited	img	{opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30)}

.link a:hover img,
.link a:active img	{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100)}

.esquerda, .direita	{width: 49%; margin-bottom: 20px;}

.esquerda		{float: left;}

.direita		{float: right; text-align: right;}