/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	outline: none;
}
a, input { outline: none; }

object{outline:none;}

a{text-decoration:none;}

.tudo{
	width:950px;
	margin:auto;
	background:url(imagem/fundo_conteudo.jpg) no-repeat;
	background-position:top;
}

.topo{
	width:950px;
	height:26px;
	margin:auto;
	float:right;
}

.conteudo{
	width:645px;
	float:right;
}

.lateral{
	width:252px;
	float:left;
	margin-left:38px;
}
#conteudo_lateral{
	width:240px;
	left: -6px;
}
#img_base_dep{
	width:252px;
 	height:38px; 
}
.rodape_baixo{
	width:100%;
	height:35px;
	margin:auto;
	background-color:#532900;
	float:left;
}

#margem-bottom5 {margin-bottom:5px;}

#margem-top5 {margin-top:5px}

.rodape{
	width:100%;
	height:337px;
	margin:auto;
	background-image:url(imagem/fundo_rodape.jpg);
	float:left;
}
	#ultimo_projeto{
		margin-top:20px;
		float:left;
		width:283px;
		height:150px;	
	}
	#visualize{
		width:300px;
		float:left;
		padding: 0 0 0 0px;
	}
	#visualize img{margin-top:2px; margin-right: 2px}
		#link{
			vertical-align:super;
			font-family: Verdana;
			font-weight:bold;
			font-size:10px;
			color:#FFF;
			text-align:center;
			background-color:#E6801E;
			text-decoration:none;
			padding: 5px 5px 5px 5px;
			width: 150px;
		}
		
		.mes, .dia{
			font-family:Arial, Helvetica, sans-serif;
			text-align:center;
			font-size:30px;
			color:#FFFFFF;
			font-weight:bold;
		}
		.dia{
			font-size:15px;
		}
		
		#link1{color:#FFFFFF; text-decoration:none;}
		
	#noticias{
		width:280px;
		height: 280px;
		float:left;
		padding: 0 0 0 5px;
	}
	
			#link_noticias{			
				float:left;
				margin-top:8px;
			}
				#data_noticias{
					float:left;
					width:40px;
					height: 55px;
					padding:7px 5px 7px 5px;
					background-color:#CA6D13;
					color:#FFFFFF;
					text-align:center;
					vertical-align:baseline
					
				}
				
				#texto_noticia{
					font-size:12px;
					font-family:Arial;
					color:#FFFFFF;
					width:195px;
					float:right;
					padding:5px 0 0px 5px;
					margin:0px;
					
				}
				
				
				#fala_ai{
					width:280px;
					height: 290px;
				}
				
#table_noticia{
	text-align:justify;
}
.rodape1{
	width:950px;
	margin:auto;
	
}

.fonte_rodape{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#D36800;
}
 


.campo {
	FONT-FAMILY: arial; 
	font-size:11px; 
	background-color:#CB6D13; 
	height:20px; 
	border:solid 1px #CB6D13;
	margin: 5px 0 5px 0;
	padding: 2px 0 2px 5px;	 
	width: 200px;       
}
.campo:hover {border: 1px solid #FF9900;}
.campo_1:hover {border: 1px solid #FF9900;}
#cod {
	float:left; 
	FONT-FAMILY: arial; 
	font-size:11px; 
	background-color:#CB6D13; 
	height:20px;
	width: 50px; 
	border:solid 1px #CB6D13;
	padding: 2px 0 2px 5px;	
}

#cod:hover{border: 1px solid #FF9900;}

.campo_1 {
	FONT-FAMILY: arial; 
	font-size:11px; 
	background-color:#CB6D13; 
	height:45px; 
	border:solid 1px #CB6D13; 
	margin-top:5px; 
	padding: 5px 0 0 5px;
	width:200px;
}

.botao{
	border:1px; 
	FONT-SIZE: 9px; 
	color:#FFFFFF; 
	font-weight:bold;
	height:18px; 
	FONT-FAMILY: arial; 
	background-color:#715B44;
}

.data{
	font-family: Arial,Verdana;
	font-size: 11px;
	color: #666666;
}
		
.espaco{
	font-family: Arial,Verdana;
	font-size: 5px;
	color: #F7F3EF;
	}

.fonte0	{
	font-family:Arial,Verdana;
	font-size: 11px;
	color: #999999;
	letter-spacing: 0px;
	line-height:17px;
}

.fonte1	{
	font-family:Arial,Verdana;
	font-size: 11px;
	color: #715B44;
	letter-spacing: 0px;
	line-height:17px;
}
		
.fonte2{font-family:Arial,Verdana;
	font-size: 14px;
	color: #715B44;
	letter-spacing: 0px;
	line-height:17px;}
		
.fonte3	{
	font-size: 14px;
	font-family:Arial,Verdana;
	color: #FFFFFF;
	text-align: right;
	margin-right:5px;
}
.fonte3 div	{ margin-right:5px;}

#twitter{

 width:370px;
 height:130px;
 
 }
		
.titulo	{
	font-family:Arial,Verdana;
	font-size: 25px;
	line-height: 17px;
	color: #715B44;
	letter-spacing: 0px;
}

.alerta	{
	font-family: Arial,Verdana;
	font-size: 17px;
	color: #E57204;
	letter-spacing: 0px;
}
		
.LINK_fonte1:link {		
	font-family:Arial,Verdana;
	font-size: 11px;
	color: #715B44;
	letter-spacing: 0px;
	text-decoration: none;
}
		
.LINK_fonte1:visited {
	font-family:Arial,Verdana;
	font-size: 11px;
	color: #715B44;
	letter-spacing: 0px;
	text-decoration: none;
}
		
.LINK_fonte1:hover{
	font-family:Arial,Verdana;
	font-size: 11px;
	color: #715B44;
	letter-spacing: 0px;
	text-decoration:underline;
}

.LINK_imagem:hover{
	background-image:url(imagem/efeito_imagem.png);        
	filter:alpha(opacity=60);
	opacity: 0.6;
	z-index: 0;	
}

#depoimento{
	padding:5px;
	
	margin-top: 15px;
}


/*#### FORMULARIO DE BRIEFFING ######*/
	
	#texto{width:600px; padding: 5px 0 5px 0;}
	#texto p{
		font-family:Arial;
		color:#999;
		font-size:12px;
		font-weight:bold;
	}
	
.form_brieffing, .fale_conosco{
	font-size:12px;
	font-family:Arial;
	color:#E57204;
	width:635px; 
	
}
#tamanho_div{width:635px;}
	.input:hover, .textarea:hover{border: 1px solid #FF9900;}
	.textarea{
		color:#E57204;
 		margin: 5px 5px 5px 0;
		height: 30px;
		border: 1px solid #FACEA7;
		padding:2px;
		background:url(imagem/fundo_input.jpg) repeat-x;
	
	}
	.input{
		color:#E57204;
 		margin: 5px 5px 5px 0;
		height:20px;
		border: 1px solid #FACEA7;
		padding:2px;
		background:url(imagem/fundo_input.jpg) repeat-x;
		background-color:#FFFFFF;
	}
		#nome, #ramo{ width:287px; }
		#email{width:240px;}
		#telefone, #celular{ width:123px;}
		#servicos, #sites, #perfil{ width:395px;}
		#paginas, #objetivos{ width:590px;}
		#perfil{width:370px;}
		#orcamento{width:205px;}
		
		
	.text_span{}
	#button{float:right;}
	
	
	#dados_contato{ font-family:Arial; font-size:11px; color:#FFFFFF; font-weight:bold;}

/*#### FORMULARIO DE CONTATO ######*/

		.fale_conosco #nome, #email{ width:360px; }
		.fale_conosco #empresa, #assunto{ width: 200px;}
		.fale_conosco #celular{width:140px;}
		.fale_conosco #estado{width:145px;}
		.fale_conosco #cidade, #telefone{ width:150px;}
		.fale_conosco #codigo{width:30px;} 

		.select{
			color:#E57204;
			height: 25px;
			border: 1px solid #FACEA7;
			padding:2px;
			background:url(imagem/fundo_input.jpg) repeat-x;
		}
		.fale_conosco textarea{
			width:360px;
			height:70px;
		}
		
		#num_cod{
		 	float:right;
			margin-right:2px;	
		}
		
/*####### FORMULARIO DE NOTICIAS #######*/

		.noticias #titulo{width:450px;}
		.noticias textarea{width:450px; height:200px;}
		.noticias #image, #data {width:140px; }
		.noticias #image{height:25px }
		
		
/*####### Div expanseivéis INDIQUE e LOGIN ########*/

#login{
	text-align:left;
	display:none;
	background-color:#FEF3E9;
	border: 1px solid #FEDEBE;
	position:relative;
	width: 160px;
	height: 135px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#E57204;
	padding: 5px 5px 5px 10px;
	margin-right: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
}
	#logar{width: 145px; margin-bottom:5px; -moz-border-radius: 3px;
	-webkit-border-radius:3px;}
	
#amigo{
	text-align:left;
	display:none;
	background-color:#FEF3E9;
	border: 1px solid #FEDEBE;
	position:relative;
	width: 225px;
	height: 170px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#666666;
	padding: 5px 5px 5px 10px;
	margin-right: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	
}
	#indicar{width: 205px}
	
/*############Formulario de login da pagina perfil_logar.php #####################*/
	
.login{margin: 30px 20px 100px 10px;}
#erro{	
	width:570px;
	padding: 5px 5px 5px 40px; 
	background-color:#F4A2A2;
	border: 1px solid #FF8C8C; 
	font-family:Arial;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	}