/*Estilos do corpo*/
body {
	padding: 0px;
	margin: 0px;
	background: url(../images/header.gif) 0 0 repeat-x;
	color: #ffffff;
	font: 10px/14px Tahoma, sans-serif;
}

/*Estilos do conteiner*/
#container {
	width: 905px;
	margin: 0 auto;
}

/*Estilos do menu*/
#menu {
	height: 65px;
	clear: both;
	margin: 30px auto 0 auto;
	text-align: center;
}

/*Estilos da data e hora*/
#data_hora {
	font: 13px/18px "Trebuchet MS", sans-serif;
	font-weight: normal;
	text-align: center;
}

/*Estilos dos favoritos*/
#favoritos {
	font: 12px/16px "Trebuchet MS", sans-serif;
	font-weight: normal;
	text-align: center;
}

#favoritos a {
	padding: 0 3px;
	font: 13px/18px "Trebuchet MS", sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
}

#favoritos a:hover {
	text-decoration: none;
	background: #fffff0;
	color: #000;
}

/*Estilos do cabecalho*/
#header {
	width: 905px;
	height: 950px;
	position: relative;
	background: url(../images/b_header.png) 0 0 no-repeat;
}

/*Estilos do logo heureca*/
#logo {
	position: absolute;
	top: 15px;
	left: 60px;
}

/*Estilos do h1*/
h1 {
	font: 23px/28px Tahoma, sans-serif;
	text-align: left;
}

/*Estilos do h2*/
h2 {
	font: 13px/18px Tahoma, sans-serif;
	text-align: left;
}

/*Estilos do login*/
#login {
	position: absolute;
	top: 120px;
	left: 170px;
	font: 13px/18px Tahoma, sans-serif;
	text-align: left;
}

/*Estilos do UOL Host*/
#uol_host {
	position: absolute;
	top: 140px;
	left: 650px;
}

/*Estilos do quadro1 - Objetivo do Heureca*/
#quadro1 {
	position: absolute;
	left: 170px;
	width: 600px;
	font: 14px/19px Tahoma, sans-serif;
	text-align: justify;
}

/*Estilos do quadro2 - Como Navegar?*/
#quadro2 {
	position: absolute;
	top: 210px;
	width: 250px;
	font: 13px/18px Tahoma, sans-serif;
	text-align: justify;
	padding-left: 3px;
	height: 14px;
	color: #444f51;
}

/*Estilos do quadro3 - Como Anunciar?*/
#quadro3 {
	position: absolute;
	top: 210px;
	left: 280px;
	width: 250px;
	font: 13px/18px Tahoma, sans-serif;
	text-align: justify;
	padding-left: 3px;
	height: 14px;
	color: #444f51;
}

/*Estilos do quadro4 - Motivos para anunciar*/
#quadro4 {
	position: absolute;
	top: 375px;
	left: 280px;
	width: 250px;
	font: 13px/18px Tahoma, sans-serif;
	text-align: justify;
	padding-left: 3px;
	height: 14px;
	color: #444f51;
}

/*Estilos do quadro5 - Realidade Aumentada*/
#quadro5 {
	position: absolute;
	top: 520px;
	width: 250px;
	font: 13px/18px Tahoma, sans-serif;
	text-align: justify;
	padding-left: 3px;
	height: 14px;
	color: #444f51;
}

/*Estilos do quadro6 - Video do Heureca*/
#quadro6 {
	position: absolute;
	top: 570px;
	left: 280px;
	width: 250px;
	height: 200px;
	font: 13px/18px Tahoma, sans-serif;
	text-align: justify;
	padding-left: 3px;
	height: 14px;
	color: #444f51;
}

/*Estilos do twitter*/
#twitter {
	position: absolute;
	top: 230px;
	left: 570px;
}

/*Estilos do addthis*/
#addthis {
	position: absolute;
	top: 810px;
	left: 570px;
}

/*Estilos do w3c*/
#w3c {
	position: absolute;
	top: 860px;
	left: 785px;
}

/*Estilos do ad1 - Barra Lateral*/
#ad1 {
	position: absolute;
	top: 230px;
	left: 780px;
}

/*Estilos do ad2 - Rodape*/
#ad2 {
	position: absolute;
	top: 855px;
	left: 5px;
}

/*Estilos do rodape*/
#footer {
	height: 70px;
	clear: both;
	margin: 10px auto 0 auto;
	background: url(../images/footer.gif) 0 0 repeat-x;
}

#footer p {
	padding: 16px 0 0 0;
	font: 13px/18px "Trebuchet MS", sans-serif;
	font-weight: normal;
	text-align: center;
}

#footer p a {
	padding: 0 3px;
	font: 13px/18px "Trebuchet MS", sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
}

#footer p a:hover {
	text-decoration: none;
	background: #fffff0;
	color: #000;
}

/*Estilos do botao*/
.button {
	border-top: 1px solid #5bbbf7;
	background: #539ac9;
	padding: 5px 10px;
	color: white;
	font-size: 15px;
	font-family: Tahoma, Sans-Serif;
	text-decoration: none;
}

.button:hover {
	border-top-color: #2d74a4;
	background: #2d74a3;
	color: #ccc;
}

.button:active {
	border-top-color: #1b435f;
	background: #1b435e;
}