@import url(base.css);

#mensagem {
	margin-bottom: 8px;
}
	#mensagem h4, p {
		margin: 0;
	}
	#mensagem h4 {
		color: #666;
		font-size: 87%;
		margin-bottom: 4px;
		text-transform: uppercase;
	}
	#mensagem p {
		color: #888;
		font-size: 77%;
	}

#newsletter-loading {
	background: #FFF url(../img/design/loading.gif) no-repeat 2px 2px;
	width: 20px;
	height: 20px;
	display: none;
}

#subscricao {
	margin: 0 3px 0 13px;
	padding: 10px;
}

#email-input {
	background: #FFF url(../img/design/newsletters/email-input.png) no-repeat scroll 0%;
	border-width: 0;
	font-size: 1em;
	margin: 0pt 5px 0pt 0pt;
	padding: 4px;
	width: 230px;
}

#subscrever-submit {
	margin-top: 5px;
	float: right;
}


.newsletter {
	width: 332px;
	float: left;
	margin-top: 16px;
}
	.newsletter h3 {
		margin: 0 0 0 5px;
		border-bottom: 1px solid #DFDFDF/*#74B076*/;
	}
	.newsletter-info {
		float: left;
		width: 180px;
	}
		.newsletter-info .mes, .newsletter-info .ano {
			display: block;
			margin-left: 5px;
		}

		.newsletter-info .mes {
			margin-top: 10px;
			text-transform: uppercase;
		}
		.newsletter-info .ano {
			font-size: 200%;
		}
	.newsletter-imagem {
		position: relative;
		float: left;
		border: 1px solid #DFDFDF;
		width: 122px;
		height: 162px;
		margin-left: 20px;
	}
		.newsletter-imagem .numero {
			color: #666;
			background: #FFF;
			position: absolute;
			top: 0;
			left: 0;
			width: 91%;
			padding: 5px;
			display: block;
			font-size: 97%;
			font-weight: bold;
		}
		.newsletter-imagem a {
			display: block;
			margin: 1px;
		}