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

Desenvolvimento: Felipe Web Designer 
http://www.felipewebdesigner.com.br

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

* {
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
	}
	
body {
	background:#FFF url(img/fundo02.jpg) fixed center top;
	}
	
/************************************

Estrutura / Topo / Logo

************************************/	
	
div#corpo {
	width:750px;
	height:auto;
	margin:0 auto;
	}
	
div#topo {
	width:750px;
	height:155px;
	display:block;
	margin:0 auto;	
	}
	
div#topo h1 a {
	width:340px;
	height:130px;
	float:right;
	margin:8px 205px 0 auto;
	text-indent:-9000px;
	background:url(img/logotipo02.gif) no-repeat center bottom;
	}
	
/************************************

Menu

************************************/		
	
div#menu {
	width:750px;
	height:31px;
	display:block;
	clear:both;
	margin:0 auto;
	}
	
div#menu ul {
	width:612px;
	height:31px;
	margin:0 60px 0 67px;
	}
	
div#menu ul li {
	display:inline;
	}
	
div#menu ul li a , div#menu ul li a:visited , div#menu ul li.duas_linhas a , div#menu ul li.duas_linhas a:visited {
	width:96px;
	font:bold 10px Verdana, Arial, Tahoma, "Trebuchet MS";
	color:#060;
	background:url(img/menu_bt.jpg) repeat-x top;
	margin-left:6px;
	float:left;
	text-align:center;
	}
	
div#menu ul li a , div#menu ul li a:visited {
	line-height:31px;
	}
	
div#menu ul li.duas_linhas a , div#menu ul li.duas_linhas a:visited {
	line-height:10px;
	padding:5px 0 6px 0;
	}
	
div#menu ul li a:hover , div#menu ul li.duas_linhas a:hover {
	color:#DBE7D0;
	background:url(img/menu_bt.jpg) repeat-x bottom;
	}
	
/************************************

Conteudo

************************************/
	
div#conteudo {
	width:410px;
	height:200px;
	display:block;
	clear:both;
	margin:0 auto;
	padding:20px 320px 20px 20px;
	overflow:auto;
	}							
	
div#conteudo h2 {
	font:bold 17px/21px Verdana, Arial, Tahoma, "Trebuchet MS";
	color:#060;
	margin-bottom:10px;
	border-bottom:1px solid #CDC;
	}
	
div#conteudo h3 {
	font:bold 11px/17px Verdana, Arial, Tahoma, "Trebuchet MS";
	color:#060;
	margin-bottom:10px;
	}	
	
div#conteudo p {
	font:normal 12px/16px Arial, Tahoma, Verdana, "Trebuchet MS";
	color:#060;
	margin-bottom:10px;
	text-align:justify;
	}
	
div#conteudo p a , div#conteudo p a:visited {
	color:#060;
	text-decoration:underline;
	}
	
div#conteudo p a:hover {
	text-decoration:none;
	}
	
div#conteudo p acronym , div#conteudo p strong.significado {
	text-decoration:underline;
	font-weight:normal;
	cursor:help;
	}
	
	
/************************************

Topo Conteudo

************************************/	
	
body#home div#conteudo {
	width:750px;
	height:240px;
	background-color:#FFF;
	padding:0px;
	overflow:hidden;
	}	
	
body#carbonfix div#conteudo {
	background:#FFF url(img/topo_carbonfix.jpg) no-repeat right top;
	overflow:hidden;
	}

body#home div#conteudo {
	background:#FFF url(img/topo_home.jpg) no-repeat  right top;
	}
	
body#carbonfix div#conteudo {
	background:#FFF url(img/topo_carbonfix.jpg) no-repeat right top;
	}
	
body#consultoria_servicos div#conteudo {
	background:#FFF url(img/topo_consultoria_servicos2.jpg) no-repeat right top;
	}
	
body#equipe div#conteudo {
	background:#FFF url(img/topo_equipe_tecnica.jpg) no-repeat right top;
	}
	
body#parcerias div#conteudo {
	background:#FFF url(img/topo_parcerias.jpg) no-repeat right top;
	}
	
body#servicos_realizados div#conteudo {
	background:#FFF url(img/topo_servicos_realizados.jpg) no-repeat right top;
	}
	
body#contato div#conteudo {
	background:#FFF url(img/topo_contato.jpg) no-repeat right top;	
	}
	
body#obrigado div#conteudo {
	background:#FFF url(img/topo_contato.jpg) no-repeat right top;	
	}	
	
/************************************

Banner Destaque

************************************/
	
div#banner_carbonfix {
	width:750px;
	height:130px;
	clear:both;
	display:block;
	background-color:#FFF;
	margin:0 auto;
	background:url(img/carbonfix.gif) no-repeat center center;
	}	
	
div#banner_carbonfix p a , div#banner_carbonfix p a:visited {
	font:bold 13px/20px Verdana, Arial, Tahoma, "Trebuchet MS";
	color:#060;
	padding:42px 220px 0 210px;
	display:block;
	}
	
div#banner_carbonfix p a:hover {
	opacity:0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);	
	}
	
/************************************

Rodape

************************************/	
	
div#rodape {
	width:750px;
	height:32px;
	clear:both;
	background-color:#FFF;
	margin:0 auto;
	background-color:#060;
	padding-top:8px	
	}	
	
div#rodape p {
	font:normal 9px/11px Verdana, Arial, Tahoma, "Trebuchet MS";
	color:#FFF;
	text-align:center;
	}
	
div#rodape p span , div#rodape p span a , div#rodape p span a:visited {
	font:normal 9px/19px Verdana, Arial, Tahoma, "Trebuchet MS";
	color:#FFF;
	}
	
/*********************************************

Contato - Formulario

*********************************************/
	
form#formulario {
	}

form#formulario label {
	width:70px;
	display:block;
	float:left;
	text-align:right;
	padding-right:2px;
	line-height:21px;
	font:normal 12px Arial, Tahoma, Verdana, sans-serif;
	color:#060;
	margin-bottom:10px;
	}	
	
form#formulario input.campoform , form#formulario textarea.campoform , form#formulario select.campoform_estado , form#formulario input.campoform_aonde {
	font:normal 11px Arial, Verdana, Helvetica, sans-serif;
	color:#444;
	border:1px solid #888;
	margin-bottom:6px;
	padding:2px;
	}
	
form#formulario input.campoform:focus , form#formulario textarea.campoform:focus , form#formulario select.campoform_estado:focus , form#formulario input.campoform_aonde:focus , form#formulario .botaoform:focus {
	border:1px solid #060;	
	}
	
form#formulario textarea.campoform {
	width:225px;
	}
	
form#formulario input.campoform_aonde {
	margin:20px 0;
	}
	
form#formulario .botaoform {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	border:1px solid #333;
	margin:10px 0 0 150px;
	padding:1px;
	background-color:#060;
	display:block;
	}