@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%;



}



/* CADASTRO FTP

-------------------------------------------------*/

#conteudo #cad_ftp{width:300px; margin:0 auto;}

#conteudo #cad_ftp label{display:block;}

#conteudo #cad_ftp input, #conteudo #cad_ftp select{width:300px;}



/* 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{

	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;	

		

}