* {
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
}

body {
	background:url(img/topo_fundo.jpg) repeat-x;
	}
	
/******************************

TOPO

******************************/
	
div#topo {
	width:100%;
	height:233px;
	background:url(img/topo_novo.jpg) no-repeat center top;
	}
	
div#topo div#topo_interno {
	width:770px;
	height:233px;
	margin:0 auto;
	}
	
div#topo div#topo_interno div#logotipo a {
	width:135px;
	height:184px;
	float:left;
	display:table;
	margin:26px 0 0 85px;
	text-indent:-9000px;
	}
	
div#topo div#topo_interno div#frase {
	width:450px;
	height:45px;
	float:right;
	text-indent:-9000px;	
	}
	
div#topo div#topo_interno div#frase p {
	text-indent:-9000px;
	margin:0;
	padding:0;
	}
	
div#topo div#topo_interno div#menu {
	width:450px;
	height:100px;
	float:right;
	display:table;
	}
	
div#topo div#topo_interno div#menu ul {
	width:430px;
	height:56px;
	margin:96px 2px 0 0;
	float:right;
	}
	
div#topo div#topo_interno div#menu ul li {
	display:inline;
	}
	
div#topo div#topo_interno div#menu ul li a , div#topo div#topo_interno div#menu ul li a:visited {
	width:90px;
	height:56px;
	float:right;
	margin-right:11px;
	text-indent:-9000px;
	}
	
div#topo div#topo_interno div#menu ul li#sobre_menu a {
	background:url(img/botao_sobre.jpg) no-repeat top center;
	}
	
div#topo div#topo_interno div#menu ul li#sites_menu a {
	background:url(img/botao_sites.jpg) no-repeat top center;
	}
	
div#topo div#topo_interno div#menu ul li#logos_menu a {
	background:url(img/botao_logos.jpg) no-repeat top center;
	}
	
div#topo div#topo_interno div#menu ul li#contato_menu a {
	background:url(img/botao_contato.jpg) no-repeat top center;
	}
	
div#topo div#topo_interno div#menu ul li#sobre_menu a:hover , body#sobre div#topo div#topo_interno div#menu ul li#sobre_menu a {
	background:url(img/botao_sobre.jpg) no-repeat bottom center;
	}
	
div#topo div#topo_interno div#menu ul li#sites_menu a:hover , body#sites div#topo div#topo_interno div#menu ul li#sites_menu a {
	background:url(img/botao_sites.jpg) no-repeat bottom center;
	}
	
div#topo div#topo_interno div#menu ul li#logos_menu a:hover , body#logos div#topo div#topo_interno div#menu ul li#logos_menu a {
	background:url(img/botao_logos.jpg) no-repeat bottom center;
	}
	
div#topo div#topo_interno div#menu ul li#contato_menu a:hover , body#contato div#topo div#topo_interno div#menu ul li#contato_menu a {
	background:url(img/botao_contato.jpg) no-repeat bottom center;
	}
	
/******************************

ESTRUTURA / CONTEUDO

******************************/

div#estrutura {
	width:770px;
	height:auto;
	display:table;
	margin:0 auto;
	clear:both;
	background:url(img/fundo_titulo_esquerdo.jpg) repeat-y;
	}
	
/******************************

CONTEUDO / HOME

******************************/
	
div#estrutura h1 {
	width:164px;
	height:188px;
	float:left;
	text-indent:-9000px;
	}
	
body#home div#estrutura h1 {
	background:url(img/titulo_home.jpg) no-repeat;
	}
	
body#sobre div#estrutura h1 {
	background:url(img/titulo_sobre.jpg) no-repeat;
	}
	
body#sites div#estrutura h1 {
	background:url(img/titulo_sites.jpg) no-repeat;
	}
	
body#logos div#estrutura h1 {
	background:url(img/titulo_logos.jpg) no-repeat;
	}
	
body#contato div#estrutura h1 {
	background:url(img/titulo_contato.jpg) no-repeat;
	}
	
body#obrigado div#estrutura h1 {
	background:url(img/titulo_obrigado.jpg) no-repeat;
	}
	
* body div#estrutura div#conteudo {
	width:566px;
	height:auto;
	float:right;
	display:table;
	padding:20px 20px;
	}
	
body#sites div#estrutura div#conteudo , body#logos div#estrutura div#conteudo {
	padding:22px 20px 7px 20px;
	}
	
div#estrutura div#conteudo h2 {
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin:-10px 0 14px 0;	
	}
	
div#estrutura div#conteudo h3 {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin:0 0 8px 0;	
	}
	
div#estrutura div#conteudo p , label {
	font:normal 12px Arial, Verdana, Helvetica, sans-serif;
	color:#666;
	}
	
div#estrutura div#conteudo p {
	line-height:19px;
	margin:0 0 10px 0;
	}
	
div#estrutura div#conteudo p a , div#estrutura div#conteudo p a:visited {
	font:normal 12px Arial, Verdana, Helvetica, sans-serif;
	color:#666;
	text-decoration:underline;
	}
	
div#estrutura div#conteudo p a:visited {	
	color:#888;
	}
	
div#estrutura div#conteudo p a:hover {
	text-decoration:none;
	}
	
body#home div#estrutura div#conteudo ul.portifolio , body#sites div#estrutura div#conteudo ul.portifolio , body#logos div#estrutura div#conteudo ul.portifolio {
	width:566px;
	height:148px;
	position:relative;
	clear:both;
	display:table;
	}
	
body#sites div#estrutura div#conteudo ul.portifolio , body#logos div#estrutura div#conteudo ul.portifolio {
	margin-bottom:15px;
	background-color:#F6F6F6;	
	}
	
body#sites div#estrutura div#conteudo ul.portifolio :hover , body#logos div#estrutura div#conteudo ul.portifolio :hover {
	background-color:#FFF;	
	}
	
div#estrutura div#conteudo ul.portifolio li.imagem {
	width:250px;
	height:148px;
	float:left;
	display:table;
	}
	
* body div#estrutura div#conteudo ul.portifolio li.imagem img , * body div#estrutura div#conteudo ul.portifolio li.imagem a img , * body div#estrutura div#conteudo ul.portifolio li.imagem a:visited img {
	border:10px solid #DBDBDB;
	display:block;
	}
	
body#home div#estrutura div#conteudo ul.portifolio li.imagem a:hover img , body#sites div#estrutura div#conteudo ul.portifolio li.imagem a:hover img {
	border:10px solid #FF9900;
	}
	
div#estrutura div#conteudo ul.portifolio li.dados {
	width:308px;
	height:148px;
	display:table;
	float:right;
	padding-left:8px;
	}
	
div#estrutura div#conteudo ul.portifolio li.dados h4 {
	font:bold 17px/17px Arial, Arial, Helvetica, sans-serif;
	color:#666;
	margin:10px 0 6px 0;
	}
	
div#estrutura div#conteudo ul.portifolio li.dados p {
	font:normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin:0 0 2px 0;
	}
	
div#estrutura div#conteudo ul.portifolio li.dados p a , div#estrutura div#conteudo ul.portifolio li.dados p a:visited {
	font:normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#FF9900;
	margin:0 0 2px 0;
	text-decoration:underline;
	}
	
div#estrutura div#conteudo ul.portifolio li.dados p a:hover {
	text-decoration:none;
	}
	
div#estrutura div#conteudo form#formulario label {
	width:70px;
	display:block;
	float:left;
	text-align:right;
	padding-right:2px;
	line-height:21px;
	}
	
div#estrutura div#conteudo form#formulario input.campoform , div#estrutura div#conteudo form#formulario textarea.campoform , div#estrutura div#conteudo form#formulario select.campoform_estado , div#estrutura div#conteudo form#formulario input.campoform_aonde {
	font:normal 13px Arial, Verdana, Helvetica, sans-serif;
	color:#444;
	border:1px solid #888;
	margin-bottom:6px;
	padding:2px;
	}
	
div#estrutura div#conteudo form#formulario input.campoform:focus , div#estrutura div#conteudo form#formulario textarea.campoform:focus , div#estrutura div#conteudo form#formulario select.campoform_estado:focus , div#estrutura div#conteudo form#formulario input.campoform_aonde:focus , div#estrutura div#conteudo form#formulario .botaoform:focus {
	border:1px solid #FF9900;	
	}
	
div#estrutura div#conteudo form#formulario textarea.campoform {
	width:330px;
	}
	
div#estrutura div#conteudo form#formulario input.campoform_aonde {
	margin:20px 0;
	}
	
div#estrutura div#conteudo form#formulario .botaoform {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	border:1px solid #333;
	margin:10px 0 0 73px;
	padding:1px;
	background-color:#CCCCCC;
	display:block;
	}
	
/******************************

RODAPE

******************************/
	
div#rodape {
	width:100%;
	height:118px;
	clear:both;
	background:url(img/rodape_fundo.jpg) repeat-x;
	}
	
div#rodape_interno {
	width:770px;
	height:96px;
	margin:0 auto;
	/*background:url(img/rodape.gif) no-repeat center top;*/
	text-align:center;
	padding:30px 0 18px 0;
	}
	
div#rodape_interno p {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#AAA;
	margin-bottom:12px;
	}
	
div#rodape_interno p a , div#rodape_interno p a:visited {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#AAA;
	}
	
div#rodape_interno p a:hover {
	text-decoration:underline;
	color:#FF9900;
	}
	
div#rodape_interno p.hosted a , div#rodape_interno p.hosted a:visited , div#rodape_interno p.hosted a:hover {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#AAA;
	}
	
div#rodape_interno p span {
	margin:0 15px;
	}

