/*
www.3heads.com.br
site da 3heads Soluções em Informática
Versão: 1.3
Desenvolvido por Flyner Portugal Oliveira
*/



/** CSS RESET **/
* {
	text-align:center;
	margin:0 auto;
	padding:0;
	list-style: none;
	text-decoration: none;
	border:none;


}


body
	{
	background:url(imagens/bg_conteudo.jpg) center;
	}


#topo
	{
	overflow:hidden;
	height:222px;

	}


#topo h2
	{
	clear:both;
	height:130px;
	border-bottom:2px solid #0068B4;
	border-top:2px solid #0068B4;
	text-indent:-10000px;
	overflow:hidden;
	background:url(imagens/3heads_imagem_topo.jpg) center center;
	
	}


h1
	{
	float:left;
	margin-left:70px;
	width:204px;
	height:87px;
	font:bold 14px "Trebuchet MS",verdana,arial,tahoma,sans-serif;
	text-indent:-10000px;
	overflow:hidden;
	background:url(imagens/logo_3heads.jpg) top center no-repeat;

	}




#menu 
	{
	float:right;
	position:relative;
	right:70px;
	height:87px;
	padding:0;
	
	}



#menu  ul
	{
	width:443px;
	margin:0px;
	
	}

#menu li
	{
	display: inline;
	margin: 0;	
	padding: 0;

	}
#menu a
	{

	float: left;
	font:bold 13px "Trebuchet MS",verdana,arial,tahoma,sans-serif;
	padding-left:20px;
	padding-right:20px;
	color:#5BA2D6;
	background:url(imagens/bg_botao.jpg);
	line-height:87px;
	}



#menu a:hover,a#selecionado{
	color:#0068B4;
	background:url(imagens/bg_botao_hover.jpg);
	}




#conteudo
	{
	
	padding:10px;
	height:480px;
	margin:0 auto;
	width:680px;
	}

#conteudo p
	{
	font:normal 14px "Trebuchet MS",verdana,arial,tahoma,sans-serif;
	color:#777;
	text-align:justify;
	margin:10px;
	text-indent:30px;
	}



#servicos h4
	{
	font:normal 16px "Trebuchet MS",verdana,arial,tahoma,sans-serif;
	text-indent:0px;
	color:#0068B4;
	}






#detalhes-um p, #detalhes-dois p,#detalhes-tres p,#detalhes-quatro p
	{
	text-align:left;
	margin-left:45px;
	color:#777;
	font:normal 14px "Trebuchet MS",verdana,arial,sans-serif;
		}






#detalhes-um,#detalhes-dois,#detalhes-tres,#detalhes-quatro
	{
					position:relative;
					margin:20px;
					float:left;
					width:296px;
					
					
	}


.maisinfo
	{
	float:right;
	color:#777;
	font:bold 13px "Trebuchet MS",verdana,arial,sans-serif;
	margin-right:10px;
	}


#rodape
	{
	clear:both;
	width:100%;
	background:#000;
	padding-bottom:15px;
	overflow:hidden;
	border-top:2px solid #0068B4;	
	background:url(imagens/bg_rodape.jpg) repeat-x;

	}


#rodape p
	{
	text-align:left;
	margin:20px;
	margin-left:45px;
	color:#FFF;
	font:normal 11px verdana,arial,sans-serif;
	border-left:1px dashed #fff;
	padding-left:15px;
	
	}


#contato
	{
	background:url(imagens/bg_contato.jpg) no-repeat ;
	margin-left:60px;
	background-position:0px -15px;
	width:500px;
	float:left;
		}

#validacao 
	{
	float:right;

	}



/* FORMULARIOS DE CONTATO */
.form-contato {width:445px;}

.form-contato, form#commentform {padding:0 0 30px;}
.form-contato legend, form#commentform legend {display:none;}

.form-contato label b, form#commentform label b {
	font:normal 14px "Trebuchet MS",verdana,arial,tahoma,sans-serif;
	display:block;
	color:#0068B4;
}
.form-contato label, form#commentform label {
	float:left;
	margin:0 10px 15px 0;
}
.form-contato label input, form#commentform label input {
	font:14px "Trebuchet MS",verdana,arial,tahoma,sans-serif;
	width:400px;
	padding:7px 5px;
	border:1px solid #0068B4;
}



.form-contato label textarea, form#commentform label textarea {
	border:1px solid #0068B4;
	width:400px;
	height:140px;
	padding:7px 5px;
	font: 14px "Trebuchet MS",verdana,arial,tahoma,sans-serif;
}

.bot-acao {

	background: url(imagens/bg_botao_enviar.jpg) repeat-X left top;
	padding: 5px 10px;	
	font: 12px "Trebvuchet Ms","Lucida Grande", Verdana, Arial, Tahoma, Sans-Serif;
	color: #0068B4;
	border: 1px solid #0068b4;
	cursor: pointer;
}