@charset "utf-8";
/*INICIO HTML, BODY, LINKS, BACKGROUND
-------------------------------------------------*/
#Arquivo{
	border:none;
}

body{
	background:url(../images/background_png.jpg) repeat-y top center;
	font-size:60%;
	font-family:Calibri;
	color: #666;
}
h1{
	text-align:center;
	font-weight:bold;
	font-size:120%;
}

p{
	text-indent:1em;
	text-align:justify;

}
a{
	text-decoration:none;
	color: #333;
}
a:link{
	text-decoration: none;
	color:#333;
}
a:hover{
	text-decoration: none;
	color: #999;
}

.botao_padrao{
	height:auto;
	width:105px;
	background:url(../images/bg_cinzaescuro_up.png);
	padding:5px;
	text-align:center;
	float:left;
	margin:5px;
	display:block;
	border:none;
}
.botao_noticia{
	float:right;
	color:	#666;
	margin-right:5px;
}
.botao_noticia a:hover{
	color:#000;
}
.clear{
	clear:both;
}
.barra{
	width:175px;
	height:1px;
	border-bottom:dashed 1px  #CCC;
}
.form_limiter{
	width:87%;
	height:70px;
	background:#EAEAEA;	
	border: #CCC solid 1px;	
}
input:focus{
	background: #FFFDD9;	
}
.form_estilo{
	border:#CCC solid 1px;
	background:#EAEAEA;
}
textarea:focus {
	background: #FFFDD9;
}
.form_limiter_orcamento{
	width:87%;
	background:#EAEAEA;	
	border: #CCC solid 1px;		
}

/*INICIO TOPO
-------------------------------------------------*/
#wrapper{
	margin:0 auto;
	background:url(../images/bg-transparente.png);
	width:800px;
	min-height:1075px;
	height:auto;
	
}
#topo_wrap{
	width:800px;
	height:100px;
}
#topo_logo {
	width:100px;
	height:80px;
	padding:10px;
	float:left
}
#slogan{
	width:200px;
	height:90px;
	float:left;
	margin-top:-30px;
}
#topo_redes_sociais{
	background:url(../images/bg_escuro_up.png);
	height:20px;
	width:160px;
	padding-left:4px;
	padding-top:1px;
	padding-bottom:5px;
	float:right;
	margin-right:8px;
}
#topo_telefone{
	width:135px;
	height:20px;
	background:url(../images/bg_escuro_up.png);
	float:right;
	padding-left:4px;
	padding-top:1px;
	padding-bottom:5px;
	margin-right:8px;
}
#span_telefone{
	color:#FFF;
}
/*BUSCA
-------------------------------------------------*/
#busca{	
	height:25px;
	width:325px;
	background: url(../images/bg_escuro_down.png);
	float: right;
	margin-top:-60px;
	margin-right:-5px;
}
#busca_form{
	height:20px;
	width:325px;
	color:#999;
	z-index:1;
}
#busca_botao{
	width:18px;	
	height:18px;
	background-image:url(../images/icone_busca.png);
	border:none;
	padding-top:4px;
	text-indent:-9000px; /* Hack para corrigir o bug da letra "e" aparecendo. com essa linha ela some*/
}
#canto_direito_escuro_busca{
	float:right;
	margin-top:5px;
	height:5px;
	width:5px;
	background:url(../images/canto_direito_escuro.png);
}
/* TOPO
-------------------------------------------------*/
#ftp_wrap{
	height:25px;
	width:327px;
	float:right;
	margin-right:-5px;
	margin-top:-20px;
}
#ftp_background{	
	height:25px;
	width:75px;
	background: url(../images/bg_escuro_down.png);
	float:right;
	margin-top:1px;
}

#botao_ftp_anexo{
	border:none;
	width:18px;
	height:18px;	
	margin-top:3px;
	margin-right:5px;
	float:right;
	background:url(../images/botao_ftp.png);
	text-indent:-9000px; /* Hack para corrigir o bug da letra "e" aparecendo. com essa linha ela some*/
	}
#canto_direito_escuro_ftp{
	position:relative;
	float:right;
	height:5px;
	width:5px;
}

/*INICIO DO MENU
-------------------------------------------------*/
div#container_menu
	{
	margin-top:20px;
	width:825px;             /*Largura do Menu*/
	position:absolute;      /*posição absoluta*/
	
}
#navigation-1 a{	/*links na navegação 1*/
	color:#000000;	/*Cor da Letra*/
}
ul#navigation-1 li	/*lista ordenada da navegacao 1 */
{ 
	float:left; 	/*Importante faz flutuar a esquerda*/
	position:relative; /*posição relativa*/
}
ul#navigation-1 li a:link,	/*links*/
ul#navigation-1 li a:visited /*links visitados*/
{ 
	padding:10px 0; /*padding de 10 px*/
	display:block; /*mostrar como bloco*/
	text-align:center; /*alinhar texto no centro*/
	text-decoration:none; /*tipo de decoração do texto nenhuma*/
	background: url(../images/bg_menu.png); /*fundo em imagem*/
	color:	#666666; /*cor*/
	width:133px; /*largura*/
	height:13px; /*altura*/
}
ul#navigation-1 li:hover a,	/*links com o mouse por cima*/
ul#navigation-1 li a:hover,	/*links com o mouse por cima*/
ul#navigation-1 li a:active	/*links ativos*/
{
	padding:10px 0; 	/*paddin de 10 px*/
	display:block; 	/*mostrar como bloco*/
	text-align:center; 	/*alinhar no centro*/
	text-decoration:none; 	/*tipo de decoração do texto nenhuma*/
	background-image: url(../images/bg_menu2.png);/*background diferente qaundo o mouse passa por cima*/
	color:	#666666; /*cor*/
	width:133px; /*largura*/
	height:13px; /*altura*/

}
ul#navigation-1 li ul.navigation-2 /* navegação 2*/
{

	 display:none; /*mostrar como none*/
	 background-color: #E8E8E8;
	 position:absolute; /*posição absotula*/
	 top:30px; 	/*distancia da navegação 1*/
	 left:-10px; /*posição esquerda*/
	 text-indent:10px; /*posição do texto*/
	 z-index:2;
	 padding-bottom:5px;

}
ul#navigation-1 li:hover ul.navigation-2 /*ordens para navegação 2*/
{ 
	display:block; /*mostrar como bloco*/
}
ul#navigation-1 li ul.navigation-2 li /*ordnes para li navegação 2*/
{ 
	width:auto;  /*largura*/
}
ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
{ 
	background:url(images/bg_menu.png); /*fundo de imagem*/
	padding:5px 0; /*distancia interna 4px*/
	width:148px; /*largura*/
	position:relative; /*posicao relativa*/
	z-index:2;

}

ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
{ 
	clear:left; /*limpar a esquerda*/
	padding:5px 0; 	/*distancia do topo*/
	width:148px; 	/*largura*/
	position:relative; 	/*posição relativa*/
	

}
ul#navigation-1 li ul.navigation-2 li:hover
{ 
	display:block; 	/*mostrar como bloco*/
}


/* INICIO DO SUB-MENU
-------------------------------------------------*/
#wrap_submenu{
	margin-top:53px;
	margin-left:-5px;
	padding-left:10px;
	padding-top:3px;
	height:23px;
	width:799px;
	background:url(../images/bg_escuro_up.png);
	z-index:1;
}
#sub_menu{
	color:#FFF;
}
#sub_menu a{
	padding-right:2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#FFF;
	text-decoration:none;
}
#sub_menu a:hover{
	color:#CCC;
	text-decoration:none;
}
#canto_direito_escuro_submenu{
	float:right;
	margin-top:3px;
	height:5px;
	width:5px;
	background:url(../images/canto_direito_escuro.png);
}

#canto_esquerdo_escuro_submenu{
	float:left;
	margin-top:3px;
	margin-left:-11px;
	height:5px;
	width:5px;
	background:url(../images/canto_esquerdo_escuro.png);
}
.current_submenu{
	font-weight:bold;

}
/* INICIO DO FlASH
-------------------------------------------------*/
#wrap_flash{
	padding-left:4px;
	margin:0 auto;
	margin-top:05px;
}





/* INICIO DO CONTEUDO
-------------------------------------------------*/

#conteudo{
	height:auto;
	width:800px;
}
#conteudo_portfolio{
	height:650px;
	width:800px;	
	margin-left:20px;		
}

/* ULTIMAS BLOG
-------------------------------------------------*/
#wrap_ultimas_blog{
	margin-left:6px;
	margin-top:5px;
	background: #E6E6E6;
	height:380px;
	width:190px;
	float:left;

}
#wrap_ultimos_trabalhos{
	margin-left:6px;
	margin-top:5px;
	background: #E6E6E6;
	height:380px;
	width:190px;
	float:left;

}
#wrap_ultimos_trabalhos_conteudo{	
padding-left:10px;
padding-right:10px;
}
#wrap_ultimos_trabalhos_conteudo img{	
margin-top:5px;
}
.titulo_class_fundo_escuro h1{
	text-align:center;
	color:#FFF;
	font-weight:100;
	margin-bottom:3px;
	
}
.titulo_class_fundo_escuro{
	background:url(../images/bg_escuro_up.png);
	width:100%;
	height:23px;
	padding-top:3px;
	display:block;	
}

#conteudo_ultimas_blog li{
	float:left;
	width:175px;
	height:55px;
	border-bottom:1px dashed #999;
	padding-top:10px;	
	padding-left:10px;
	padding-right:1px
}
/* ORÇAMENTO
-------------------------------------------------*/

#wrap_orcamento{
	margin-left:6px;
	margin-top:5px;
	background: #E6E6E6;
	height:380px;
	width:190px;
	float:left;
}
#titulo_orcamento h1{
	text-align:center;
	color:#FFF;
	font-weight:100;
	
}
#titulo_orcamento{
	background:url(../images/bg_escuro_up.png);
	width:190px;
	height:23px;
	padding-top:3px;
	text-align:center;
	color:#FFF;
}
#conteudo_orcamento{
	padding-left:15px;
}
#orcamento_form{
	background: url(../images/bg_claro_down.png);
	border:1px solid #CCC;
	font-family:calibri;
	font-size:70%;
	height:20px;
	width:160px;
	margin-top:5px;
}
#orcamento_textarea{
	background: #EEE top no-repeat;
	border:1px solid #CCC;
	font-family:calibri;
	font-size:100%;
	height:50px;
	width:160px;
	margin-top:5px;
}
#orcamento_jumpmenu{
	background: #EEE top no-repeat;
	border:1px solid #CCC;
	font-family:calibri;
	color:#666;

}
#botao_form{
	background:url(../images/bg_cinzaescuro_up.png);
	height:30px;
	margin-top:5px;
	color: #333;
	border:none;
	}
/* ÚLTIMOS TRABALHOS
-------------------------------------------------*/

#foto_ultimos_trabalhos{
	width:180px;
	height:125px;
	margin-top:5px;
}

/* ATENDIMENTO ON-LINE
-------------------------------------------------*/
#wrap_atendimento_online{
	margin-left:6px;
	margin-top:5px;
	background:#E6E6E6;
	height:370px;
	width:190px;
	float:left;
	padding:5px;
}
#botao_atendimento{
	height:30px;
	width:180px;
	background:url(../images/bg_cinzaescuro_up.png);
	padding:5px;
	margin-top:10px;
	text-align:center;
	float:left;
	display:block;
	font-size:85%;

}
/* INICIO DO RODAPE
-------------------------------------------------*/
#top_rodape{
	margin-left:-35px;
	margin-bottom:7px;
	height:87px;
	width:870px;
	float:left;
}


#wrap_rodape{
	clear:both;
	margin-left:-33px;
	background:url(../images/bg_grande_cinza_up.png) center center;
	height:278px;
	width:837px;
	padding-left:30px;
}
#rodape_left{
	height:215px;
	width:255px;
	border:solid 1px #CCC;
	padding:5px;
	float:left;
}
.rodape_wrap_enderecos{
	height:auto;
	width:255px;
	font-size:85%;
	color: #666;
	border-bottom: dashed 1px #999;
	float:left;
	margin-top:15px;
}

#rodape_center{
	max-height:215px;
	height:215px;
	width:255px;
	border:solid 1px #CCC;
	padding:5px;
	float:left;
	margin-left:5px;
	font-size:85%;
}
#rodape_center p{
	padding-top:5px;
	padding-bottom:10px;
	}
#rodape_center a{
	text-align:center;
	}
#rodape_right{
	height:215px;
	width:255px;
	border:solid 1px #CCC;
	padding:5px;
	float:left;
	margin-left:5px;
	margin-bottom:12px;
	font-size:85%;
}
#rodape_bottom{
	height:32px;
	width:865px;
	background:url(../images/bg_rodape.png);
	clear:both;
	margin-left:-30px;
	

}
#rodape_creative_commons{
	color:#FFF;
	font-size:70%;
	padding-top:3px;
	padding-left:10px;
	width:450px;
	float:left;
}
#rodape_webmaster{
	float:right;
	color:#FFF;
	font-size:70%;
	padding-top:10px;
	padding-right:10px;
}
#rodape_webmaster a{
 color:#FFF;
}
#rodape_webmaster a:hover{
 color:#ccc;
}
/* INICIO DAS CARATERISTICAS GERAIS DAS OUTRAS PÁGINAS
-------------------------------------------------*/
/* QUEM SOMOS
-------------------------------------------------*/
.nav_left{
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	min-height:540px;
	height:920px;
	width:220px;
	background: #E6E6E6;
	padding:5px;
	
}
.nav_left_sem_margem{
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	min-height:520px;
	height:900px;
	width:220px;
	background: #E6E6E6;
}
conteudo_nav_left{
	padding:10px;	
	
}
.foto_topo{
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	height:250px;
	width:510px;
	border: #CCC solid 2px;;
}
.conteudo_left{
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	height:auto;
	min-height:275px;
	width:255px;
	background: #E6E6E6;	
}
.conteudo_left_interno{
	margin:10px;
}
.conteudo_right{
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	height:275px;
	width:255px;
	background: #E6E6E6;
}
.conteudo_right_interno{
	margin:10px;	
}

#paginas_quemsomos{
	width:240px;
	height:25px;
	margin-left:400px;
	float:left;
	
}

/* ATENDIMENTO
-------------------------------------------------*/
.google_maps{
	float:left; /*hack para corrigir problemas com a posição do texto*/
}
.atendimento_msn{
	margin-right:50px;
	margin-top:10px;
	float:right;
}
.atendimento_msn2{
	float:left;
}
#endereço_itajai{
	float:left;
	margin-left:10px;
	margin-top:10px;
	padding:10px;
	height:360px;
	width:755px;
	background:	#E6E6E6;
}
#endereço_itajai h1{
	font-size:180%;
}
#endereço_itajai p{
	text-align:center;
}

#endereço_penha{
	float:left;
	margin-left:10px;
	margin-top:10px;
	padding:10px;
	height:360px;
	width:755px;
	background: #E6E6E6;	
}
#endereço_penha h1{
	font-size:180%;	
}
#endereço_penha p{
	text-align:center;
}
#endereço_ilhota{
	float:left;
	margin-left:10px;
	margin-top:10px;
	padding:10px;
	height:360px;
	width:755px;
	background: #E6E6E6;	
}
#endereço_ilhota h1{
	font-size:180%;	
}
#endereço_ilhota p{
	text-align:center;
}
/* ORÇAMENTO & VISITA
-------------------------------------------------*/
#solicitacaodeorcamento{
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	height:auto;
	width:245px;
	background: #E6E6E6;	
}

#conteudo_solicitacaodeorcamento{
	padding:5px;
	padding-left:27px;
}
#solicitacaodevisita{
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	height:auto;
	width:245px;
	background: #E6E6E6;	
}
/* PRODUTO DA COMUNICAÇÃO VISUAL
-------------------------------------------------*/
#menubv {
  width: 220px;
}
#menubv h1 {
	color: #333;
	margin-top:10px;

}
#menubv li a {
  display: block;
  margin-left:10px;
  border-bottom: dashed 1px #CCC;
  width:196px;
  padding-top:5px;
}
#menubv li a:hover {
  color: #000;
  background: #EEE;
}

.prod_root h1{
	text-align:left;
	width:200px;
	height:25px;
	border-bottom:solid 2px #CCC;
	margin-left:5px;
	font-weight:bold;
	margin-bottom:-1px;
	padding-top:5px;
}
.botao_produtos_com_visual{
	height:auto;
	width:auto;
	background: url(../images/bg_botao_grafica.png);
	padding:10px;
	text-align:center;
	float:left;
	margin-left:5px;
	margin-top:10px;
	display:block;	

}
#hackparatexto{
	color: #333;
	margin-top:5px;
	font-size:93%;
	font-weight:bold;
}


/* PRODUTO DA GRAFICA
-------------------------------------------------*/
#botao_grafica_digital{
	height:auto;
	width:240px;
	min-height:210px;	
	background: #E6E6E6;
	padding:5px;
	text-align:center;
	float:left;
	margin-left:10px;
	display: block;
}

#botao_grafica_offset{
	height:auto;
	min-height:210px;
	width:240px;
	background: #E6E6E6;
	padding:5px;
	text-align:center;
	float:left;
	margin-left:10px;
	display: block;
}
.botoes_grafica_texto{
	font-size:140%;
	color:#F00;
	font-weight:bold;
}
/*  PORTFOLIO
-------------------------------------------------*/
.portfolio_box{
	display:block;
	height:140px;
	width:160px;
	float:left;
	border:solid  #CCC 1px;
	margin-left:20px;
	margin-top:20px;
}
.portfolio_box a{
		color: #FFF;
}

/*  PERGUNTAS e RESPOSTAS
-------------------------------------------------*/
#centraliza_paginacao{
	margin-left:230px;
}
#centraliza_paginacao2{
	float:left;
	margin-left:350px;
}
#perguntas_left{
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	height:450px;
	width:220px;
	background: #E6E6E6;
}
.conteudo_central{
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;	
	width:500px;
	height:auto;
	background: #E6E6E6;
	padding:10px;	
}
.conteudo_central h2{
	text-indent:16px;
}
/*  NOTICIAS
-------------------------------------------------*/
#data_noticia{
	float:right;
}
/*  NOTICIAS
-------------------------------------------------*/
#quemsomos_box_wrapper{
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;	
	background: #E6E6E6;
}
#quemsomos_box_interno{
	padding:10px;	
	width:500px;
	height:auto;
	float:left;	
}

#quemsomos_box_interno h1{
	font-weight: normal;
	float:left;
}
#quemsomos_box_interno h2{
	font-weight: normal;
	float:right;	
}
#quemsomos_box_interno h3{
	font-weight:normal;
}
#quemsomos_box_interno p{
	margin-top:50px;

}
#quemsomos_box_interno img{
	width:125px;
	height:135px;
	float:left;
	margin-right:10px;
	
}
.botao_escolha_filial{
	padding:10px;
	margin-left:5px;	
	width:150px;
	height:150px;
	float:left;
}
.botao_escolha_filial a{
	padding:10px;
	margin-left:5px;	
	width:150px;
	height:150px;
	float:left;
	display:block;
}
.botao_escolha_filial h2{
	text-align:center;
	font-size:24px;
}
/*  CLIENTES
-------------------------------------------------*/

.box_clientes{
	display:block;
	height:140px;
	width:160px;
	float:left;
	border:solid  #CCC 1px;
	margin-left:20px;
	margin-top:20px;
}
#conteudo_clientes{
	margin-left:20px;
	height:650px;
	width:800px;	
		
}