/* RESET ---------- */

* {
	margin: 0;
	padding: 0;
	outline: none;
}

a img, fieldset {
	border: none;
}

a {
	text-decoration: none;
	color: inherit;
}

li {
	list-style: none;
}

/* ---------- RESET */

/* GERAIS ---------- */

.clear {
	clear: both;
}

.imgLogo {
	display: block;
	float: left;
	margin: 15px 0 0 15px;
}

.data {
	float: right;
	color: #FFF;
	font-size: 12px;
	width: 240px;
	margin: 10px 15px 0 0;
}

.data img {
	float: right;
	margin: 2px 0 0 0;
}

/* ---------- GERAIS */

/* ESTRUTURA ---------- */

body {
	background-color: #232323;
	width: 980px;
	margin: 0 auto;
	font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif';
}

#topo {
	width: 980px;
	height: 114px;
	background: url('../img/fundoTopo.png') no-repeat right;
}

#jquery {
	width: 1028px;
	height: 450px;
	background: url('../img/fundoJquery.png');
	margin: 0 0 0 -24px;
	position: absolute;
	z-index: 4;
	float: left;
}

#conteudo {
	width: 963px;
	min-height: 420px;
	padding-top: 115px;
	background: url('../img/fundoConteudo.png') no-repeat;
	margin: 306px 0 0 8px;
	float: left;
}

#rodape {
	width: 963px;
	height: 120px;
	background: url('../img/fundoRodape.png') repeat-x;
	float: left;
	margin: 0 0 0 8px;
}

/* ---------- ESTRUTURA */