* {
	margin:0;
	padding:0;
	vertical-align:middle;
	list-style:none;
}

body {
	font:small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	line-height:1.5em;
	color:#FFF;
	background:url(../imagens/back_principal.jpg);
}

h1, h2, h3, h4, h5, h6 {
	letter-spacing:0.6px;
}

a:link, a:visited, a:hover, a:active {
	color:#FF9;
}

hr {
	height:5px;
	color:#048D95;
	clear:both;
}

h2 {
	font:bold 30px Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	text-align:center;
	margin:15px 0;
}

h3 {
	margin:15px 0;
	font-size:large;
}

/* classes */

.selecionado {
	background-color:#048D95;
	color:#FFF;
}

.destaque {
	background-color:#666;
}

.paragrafo-destaque {
	background-color:#666;
	padding:3px;	
}

.amarelo {
	color:#FF9;
}

.obrigatorio {
	background-color:#FF9;
}

.contato-direto {
	text-align:center;
}

.primeiro {
	font-size:xx-large;
}

h2.recentes {
	width:730px;
	display:table;
	margin:0;
	padding:10px;
	clear:both;
	font-size:25px;
	background-color:#000;
}

.miniaturas {
	width:730px;
	display:table;
	margin:0;
	padding:10px;
	text-align:center;
	background-color:#000;
	border-bottom:2px solid #048D95;
}

.miniaturas img {
	border:1px solid #FF9;
	margin:0 5px;
	display:inline;
}

.colocacao {
	font-size:20px;
}

.fones {
	color:#048D95;
	font-weight:bold;
}

/* fim das classes */

#principal {
	width:780px;
	display:table;
	margin:0 auto;
}

#sombra {
	width:770px;
	display:table;
	margin:0 auto;
	padding:0 5px;
	background: url(../imagens/sombra.gif) repeat-y;
}

#topo {
  width:300px;
  display:table;
}

#topo h1 a {
	width:254px;
	height:72px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	background:url(../imagens/logo-otimizador.gif);
	margin:10px 0;	
}

#menu {
	width:100%;
  height:35px;	
	text-align:right;	
	color:#FFF;
}

#menu li {
	display:inline;	
	border-right:1px solid #048D95;
}

#menu li a {
	font:bold 15px Arial, Helvetica, Sans-Serif;	
	text-decoration:none;
	padding:3px;
	color:#048D95;
}

#menu li a:hover, #menu li.selecionado a {
	background-color:#048D95;
	color:#FFF;
}

#foto {
	width:750px;
	height:308px;
	border-top:3px solid #048D95;
	border-bottom:3px solid #048D95;
}

#marketing, #otimizacao, #ajax {
	width:355px;
	height:565px;
	float:left;
	padding:0px 10px;
	border-bottom:3px solid #048D95;
}

#marketing p, #otimizacao p, #ajax p {
	margin:5px 0;
}

#marketing {
	background-color:#000;
}

#otimizacao {
	background-color:#668525;
}

#ajax {
	background-color:#5C422B;
}

#casos-sucesso {
  width:710px;
  clear:both;
  padding:0 20px;
  background-color:#333;
}

#casos sucesso p {
	margin:5px 0;
}

#casos-sucesso h2 {
	margin:5px 0;
	padding:10px;
	background-color:#666;
	border-bottom:1px solid #CCC;
}

#casos-sucesso h3 {
	letter-spacing:1px;
	margin:5px 0;
	padding:5px;	
	border-top:1px dotted #CCC;	
}

#casos-sucesso img {
	margin:10px;
}

/* ---------- rea de contedo para as pginas internas ---------- */

#conteudo-otimizacao {
	background-color:#333;
}

#conteudo-otimizacao ul li {
	margin-left:15px;
	list-style:disc;
	line-height:2em;
}

#conteudo-conversao {
	background-color:#668525;
}

#conteudo-ajax {
	background-color:#5C422B;
}

#conteudo-fale {
	background-color:#C00;
}

#conteudo-cases {
	background-color:#A3709B;
}

#conteudo-otimizacao, #conteudo-conversao, #conteudo-ajax, #conteudo-fale, #conteudo-cases {
	width:740px;
	padding:5px;
	display:table;
}

#conteudo-otimizacao h2, #conteudo-conversao h2, #conteudo-ajax h2, #conteudo-fale h2, #conteudo-cases h2 {
	text-align:left;	
}

#conteudo-otimizacao p, #conteudo-conversao p, #conteudo-ajax p, #conteudo-cases p {	
	margin:5px 0px;
}

#cases #conteudo-cases img {
  margin:7px 0;
}

/* rodap */

#rodape {
	width:100%;
	display:table;
	clear:both;
	margin:10px 0;
	text-align:center;
	color:#000;
}

#rodape a:link {
	color:#000;
}

/* declaraes para os forms */

fieldset, input, textarea {
  border:1px solid #CCC;
}

fieldset {
  padding:10px;
}

label {
  display:block;
  float:left;
  width:100px;
}

input, textarea {
  margin-bottom:10px;
}

input:focus, textarea:focus {
	background-color:#E5E5E5;
}

legend {
	display:none;
}

/* destaque para as otimizaes mais recentes */