/*
* Estilos globais
* ------------------------------------------------------------------------------------------*/

*{
	margin:0px;
	padding:0px;
}
html, body{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	width:100%;
}
#site{
	position:absolute;
	margin:-275px 0 0 -496px;
	top:50%;
	left:50%;
	width:992px;
	height:550px;
	/*border:solid 1px;*/
}	
#logo{
	position:relative;
	float:left;
	left:34px;
	top:3px;
}
h1 a{
	background-image:url(../imagens/logo_sofia.png);
	display:block;
	text-indent:-9999em;
	width:200px;
	height:74px;	
}
#endereço{
	clear:left;
	position:relative;
	float:left;
	left:-6px;
	top:3px;
}
h5 {
	background-image:url(../imagens/endereco.jpg);
	display:block;
	text-indent:-9999em;
	width:189px;
	height:73px;	
}
#taxi {
	position:absolute;
	float:right;
	right:5px;
	top:5px;	
}
#taxi h4 a{
	background-image:url(../imagens/assinatura.png);
	display:block;
	text-indent:-9999em;
	width:99px;
	height:20px;
	z-index:99;
}
/*
* Fomatações
* ------------------------------------------------------------------------------------------*/

h2 {
	font-weight:bold;
	font-size:12px;
}
h3{
	color:#247900;
	font-weight:normal;
}
h3 a {
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	line-height:20px;
	color:#999999;
}
h3 a:hover {
	font-weight:bolder;
}
#cont_menu_trabalhos h3 a:hover {
	font-weight:normal;
}

h3 a:active {
	font-weight:bolder;
}
#menu_filmes {
	color:#CCCCCC;
}
#menu_filmes a {
	color:#666666;
	text-decoration:none;
}
#ft_trabalhos_impresso a{
	margin-left:5px;
}

/*
* Conteúdos
* ------------------------------------------------------------------------------------------*/

#cont_empresa{
	clear:left;
	position:relative;
	top:12px;
	left:110px;
	width:380px;
	height:450px;
	overflow:auto;
	float:left;
	text-align:right;
	color:#231F20;
	padding-right:15px;
}
#cont_clientes_logo{
	position:relative;
	top:47px;
	right:13px;
	width:341px;
	height:215px;
	float:right;
	text-align:right;
	color:#231F20;
}
#cont_clientes_lista{
	position:relative;
	
	right:5px;
	width:275px;
	height:400px;
	float:right;
	text-align:right;
	color:#231F20;
	vertical-align:bottom;
}
#cont_equipe_fotos{
	clear:left;
	position:relative;
	top:30px;
	left:260px;
	width:475px;
	height:145px;
	float:left;
	overflow:auto;
}

#ft_equipe{
	padding-top:10px;
	width:1910px;
	height:115px;
}

#cont_equipe_texto{
	clear:left;
	position:relative;
	top:40px;
	left:320px;
	width:345px;
	height:200px;
	float:left;
	text-align:center;
	color:#231F20;
	vertical-align:bottom;
}
#cont_trabalhos{
	position:relative;
	top:81px;
	left:61px;
	width:648px;
	height:430px;
	float:left;
	overflow:auto;
}
#ft_trabalhos_design{
  padding-top:10px;
  width:6800px;
  height:366px;
}
#ft_trabalhos_impresso{
  padding-top:5px;
  width:10800px;
  height:366px;
}

#ft_trabalhos_filme{
  position:relative;

  margin: 0 auto;
  width:425px;
  height:360px;
}
#ft_trabalhos_web{
  padding-top:10px;
  width:3700px;
  height:366px;
}
#ft_trabalhos_spot {
	position:relative;
	top:-15px;
	width:425px;
	height:300px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 40px;
}
#cont_menu_trabalhos{
	clear:left;
	position:relative;
	top:60px;
	left:217px;
	width:648px;
	height:25px;
	float:left;
	text-align:center;
	color:#231F20;
	z-index:4;
}
#cont_contato{
	position:relative;
	top:0px;
	right:5px;
	width:469px;
	height:194px;
	float:right;
	color:#231F20;
	background-image:url(../imagens/fundo_contato.jpg);
}
#cont_contato input{
	border:0px;
}
#cont_contato textarea{
	border:0px;
	margin-left:80px;
}
#social-media{
	clear:left;
	position:relative;
	top:10px;
	left:124px;
	float:left;
	height:16px;
}

/*
* Estilo dos Fundos
* ------------------------------------------------------------------------------------------*/

.bg_empresa{
	background-image:url(../imagens/empresa.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
.bg_clientes{
	background-image:url(../imagens/clientes.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
.bg_trabalhos{
	background-image:url(../imagens/trabalhos.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
.bg_equipe{
	background-image:url(../imagens/equipe.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
.bg_contato{
	background-image:url(../imagens/contato.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
/*
* Estilo dos Menus
* ------------------------------------------------------------------------------------------*/

#menu ul{
  list-style:none;
  text-indent:-9999em;
  display: block;
}

#menu ul li a{
  margin:0px; 
  padding:0px;
  text-indent:-9999em;
  display:block;
  width:155px;
  height:40px;
}

/* Posicionamento */

	#menu_clientes {
		clear:left;
		position:relative;
		float:left;
		width:155px;
		top:176px;
		left:15px;
	}
	#menu_empresa {
		position:relative;
		width:155px;
		top:10px;
		right:3px;
		float:right;
	}
	#menu_equipe {
		position:relative;
		width:155px;
		top:300px;
		right:20px;
		float:right;
	}
	#menu_trabalhos {
		clear:left;
		position:relative;
		float:left;
		width:155px;
		top:200px;
		left:20px;
	}
	#menu_contato {
		clear:left;
		position:relative;
		float:left;
		width:155px;
		top:160px;
		left:100px;
	}
/* Menu Branco */

	#home a{
	  background:url(../imagens/menu/menu_home_a.png);
	}
	#empresa a{
	  background:url(../imagens/menu/menu_empresa_a.png);
	}
	#trabalhos a{
	  background:url(../imagens/menu/menu_trabalhos_a.png);
	}
	#clientes a{
	  background:url(../imagens/menu/menu_clientes_a.png);
	}
	#blog a{
	  background:url(../imagens/menu/menu_blog_a.png);
	}
	#equipe a{
	  background:url(../imagens/menu/menu_equipe_a.png);
	}
	#contato a{
	  background:url(../imagens/menu/menu_contato_a.png);
	}
	
	/* Overs */
	
	#home a:hover{
	  background:url(../imagens/menu/menu_home_b.png);
	}
	#empresa a:hover{
	  background:url(../imagens/menu/menu_empresa_b.png);
	}
	#trabalhos a:hover{
	  background:url(../imagens/menu/menu_trabalhos_b.png);
	}
	#clientes a:hover{
	  background:url(../imagens/menu/menu_clientes_b.png);
	}
	#blog a:hover{
	  background:url(../imagens/menu/menu_blog_b.png);
	}
	#equipe a:hover{
	  background:url(../imagens/menu/menu_equipe_b.png);
	}
	#contato a:hover{
	  background:url(../imagens/menu/menu_contato_b.png);
	}

/* Menu Cinza */

	#home2 a{
	  background:url(../imagens/menu/menu2_home_a.png);
	}
	#empresa2 a{
	  background:url(../imagens/menu/menu2_empresa_a.png);
	}
	#trabalhos2 a{
	  background:url(../imagens/menu/menu2_trabalhos_a.png);
	}
	#clientes2 a{
	  background:url(../imagens/menu/menu2_clientes_a.png);
	}
	#blog2 a{
	  background:url(../imagens/menu/menu2_blog_a.png);
	}
	#equipe2 a{
	  background:url(../imagens/menu/menu2_equipe_a.png);
	}
	#contato2 a{
	  background:url(../imagens/menu/menu2_contato_a.png);
	}
	
	/* Overs */
	
	#home2 a:hover{
	  background:url(../imagens/menu/menu2_home_b.png);
	}
	#empresa2 a:hover{
	  background:url(../imagens/menu/menu2_empresa_b.png);
	}
	#trabalhos2 a:hover{
	  background:url(../imagens/menu/menu2_trabalhos_b.png);
	}
	#clientes2 a:hover{
	  background:url(../imagens/menu/menu2_clientes_b.png);
	}
	#blog2 a:hover{
	  background:url(../imagens/menu/menu2_blog_b.png);
	}
	#equipe2 a:hover{
	  background:url(../imagens/menu/menu2_equipe_b.png);
	}
	#contato2 a:hover{
	  background:url(../imagens/menu/menu2_contato_b.png);
	}