/*---------------------------
 Desenvolvido por Dev Logic
 http://www.devlogic.com.br
---------------------------*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	background-image: url("../imgs/fundo.png");
	background-repeat: repeat-x;
	font-family: verdana, arial, tahoma, trebuchet, sans-serif;
	font-size: 11px;
	color: #4c4c4c;
}

input, select, textarea {
	font-family: verdana, arial, tahoma, trebuchet, sans-serif;
	font-size: 11px;
	color: #4c4c4c;
}

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

a:active, a:hover {
	color: #1578bb;
	text-decoration: underline;
}

#topo {
	margin: 0px auto 0px auto;
	padding: 0px 10px 0px 10px;
	width: 920px;
	height: 108px;
}

#topo h1 {
	padding: 28px 0px 0px 15px;
}

#topo h1 a {
	display: block;
	width: 298px;
	height: 60px;
	background-image: url("../imgs/logo_devlogic.png");
	background-repeat: no-repeat;
	font-size: 0px;
	color: #ffffff;
}

#menu {
	margin: 0px auto 0px auto;
	width: 920px;
	height: 62px;
}

#menu ul {
	list-style: none;
	width: 900px;
	height: 32px;
	padding: 5px 10px 5px 10px;
	background-image: url("../imgs/fundo_menu.png");
	background-repeat: no-repeat;
}

#menu ul li {
	float: left;
}

#menu ul li a {
	display: block;
	margin: 0px 10px 0px 10px;
	padding: 10px 0px 0px 0px;
	height: 22px;
	background-repeat: no-repeat;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}

#menu ul li a:link, #menu ul li a:visited {
	background-position: center top;
	color: #4c4c4c;
}

#menu ul li a:active, #menu ul li a:hover {
	background-position: center bottom;
	color: #ffffff;
}

#menu ul li a.pequeno {
	margin: 0px 11px 0px 11px;
	width: 70px;
	background-image: url("../imgs/fundo_menu_pequeno.png");
}

#menu ul li a.medio {
	width: 96px;
	margin: 0px 8px 0px 8px;
	background-image: url("../imgs/fundo_menu_medio.png");
}

#menu ul li a.grande {
	margin: 0px 16px 0px 16px;
	width: 152px;
	background-image: url("../imgs/fundo_menu_grande.png");
}

#navegacao {
	margin: 0px auto 0px auto;
	padding: 0px 15px 0px 15px;
	width: 890px;
	height: 54px;
}

#navegacao p {
	padding: 20px 0px 0px 0px;
	text-transform: uppercase;
	font-size: 10px;
	color: #ffffff;
}

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

#navegacao a:active, #navegacao a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#conteudo {
	margin: 0px auto 0px auto;
	width: 920px;
	min-height: 200px;
}

#conteudo:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

#conteudo p.erro {
	color: #df0000;
}

#conteudo p.sucesso {
	color: #1578bb;
}

#conteudo div.coluna {
	float: left;
	padding: 13px 15px 13px 15px;
	width: 276px;
}

#conteudo div.coluna h2 {
	padding: 7px 0px 7px 0px;
	font-size: 16px;
	color: #b2b2b2;
}

#conteudo div.coluna p {
	padding: 7px 0px 7px 0px;
	line-height: 20px;
	text-align: justify;
}

#conteudo div.coluna ul {
	padding: 4px 0px 3px 0px;
	list-style: none;
}

#conteudo div.coluna ul li {
	padding: 4px 0px 4px 16px;
	background-image: url("../imgs/marcador_azul.png");
	background-repeat: no-repeat;
	background-position: 6px 7px;
}

#conteudo div.bloco {
	clear: both;
	padding: 13px 15px 13px 15px;
	width: 890px;
}

#conteudo div.bloco h2 {
	padding: 7px 0px 7px 0px;
	font-size: 16px;
	color: #b2b2b2;
}

#conteudo div.bloco h3 {
	padding: 7px 0px 7px 10px;
	background-image: url("../imgs/marcador_preto.png");
	background-repeat: no-repeat;
	background-position: 0px 10px;
	font-size: 11px;
}

#conteudo div.bloco p {
	padding: 7px 0px 7px 0px;
	line-height: 20px;
	text-align: justify;
}

#conteudo div.bloco ul {
	padding: 4px 0px 3px 0px;
	list-style: none;
}

#conteudo div.bloco ul li {
	padding: 4px 0px 4px 16px;
	background-image: url("../imgs/marcador_azul.png");
	background-repeat: no-repeat;
	background-position: 6px 7px;
}

#conteudo div.linha {
	border-top: 1px solid #e5e5e5;
}

#conteudo div.barra {
	border-bottom: 1px solid #e5e5e5;
}

#conteudo div.texto {
	float: left;
	padding: 13px 15px 13px 15px;
	width: 550px;
}

#conteudo div.texto h2 {
	padding: 7px 0px 7px 0px;
	font-size: 16px;
	color: #b2b2b2;
}

#conteudo div.texto p {
	padding: 7px 0px 7px 0px;
	line-height: 20px;
	text-align: justify;
}

#conteudo div.imagem {
	float: right;
	padding: 13px 15px 13px 0px;
	width: 280px;
}

#conteudo div.imagem p {
	padding: 7px 0px 7px 0px;
	line-height: 20px;
}

#rodape {
	position: relative;
	margin: 0px auto 0px auto;
	width: 920px;
	height: 51px;
	background-image: url("../imgs/fundo_rodape.png");
	background-repeat: no-repeat;
}

#rodape p {
	padding: 11px 0px 0px 0px;
	text-align: center;
}

#acompanhe {
	position: absolute;
	top: 8px;
	right: 10px;
}

#acompanhe p {
	padding: 0px;
}

#acompanhe p a {
	display: block;
	width: 18px;
	height: 20px;
	font-size: 0px;
	color: #f2f2f2;
	text-decoration: none;
	text-indent: -10px;
	background-image: url("../imgs/icone_twitter.png");
	background-repeat: no-repeat;
}