html, body {
	height:100%;
	min-height:100%;
}
body {
	background:url(imgs/bg.jpg) center top repeat-x #FFF;
}
html, body, *{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
img, img a, a img {
	border:none;
}
#tudo {
	width:760px;
	margin:0 auto;
	min-height:100%;
	position:relative;
}
#topo {
	height:80px;
	position:relative;
	padding:30px 20px 0 20px;
}

#conteudo {
	background:url(imgs/fundo-inicio-texto.png) 50% 0 no-repeat ;
	padding-bottom:120px;
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	color:#666666;
	line-height:20px;
	
}
#conteudo p {
	margin-bottom:15px;
}
#conteudo ul {
	list-style-position:outside;
	margin-left:20px;
	color:#37A8A8;
}
#conteudo a {
	color:#276F83;
	text-decoration:none;
}
#conteudo a:hover {
	color:#37A8A8;
}
#conteudo h1 {
	color:#333333;
	font-size:16px;
	margin-bottom:20px;
}
#bc {
	margin:0 0 20px 0;
}
#bc a, 
#bc {
	color:#1F5463;
	font-size:9px;
}
.clear {
	clear:both;
}
#rodape {
	width:100%;
	position: absolute;
	bottom: 0; 
	text-align:center;
	background:url(imgs/footer.png) bottom center repeat-x;

}
#rodape #icones {
	height:100px;
	width:720px;
	padding:15px 20px 0 20px ;
	margin:0 auto;
	background:url(imgs/rodape.png) no-repeat;

}


#rodape #icones img {
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 20px;
}

#wrapper {
	position:relative;
	min-height:100%;
}



/*direita e esquerda*/
#direita, #dir {
	float:right;
}
#esquerda, #esq{
	float:left;
}
#topo #direita a {
	margin-left:10px;
}

#dir, #esq {
	width:49%;
}

.extra-box {
	background:#F2F2F2;
	border:1px solid #E6E6E6;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding:15px;
}