﻿/*
================================================================================
VEGAPIX
================================================================================
css/estilo.css :: estilos CSS
--------------------------------------------------------------------------------
Criacao: 19/01/09			      |  Autor: Cristiano <cristianov@vegait.com.br>
--------------------------------------------------------------------------------
Ultima Alteracao: 19/01/09		  |  Autor: Cristiano <cristianov@vegait.com.br>
--------------------------------------------------------------------------------
		Criacao do arquivo
================================================================================
				ALTERACOES MAIS ANTIGAS NO RODAPE DO ARQUIVO
================================================================================
*/

/* Estrutura */

html, body {
	height:100%;
}

* html #mestre {
	height:100%; /* hack para IE6 hq trata height como min-height */
}

body {
	margin:0px;
	padding:0px;
	background-color:#2e406b;
	text-align:center; /* hack para o IE */
}

#mestre {
	position:relative;
	min-height:100%;
}

/* Topo */

#barraTopo {
	z-index:4;
	position:absolute;
	width:100%;
	height:10px;
	font-size:8px;
	left:0;
	top:0;
	background-color:#7bb900;
}

#topo {
	height:130px;
}

.logo {
	margin-top:45px;
	float:left;
}

.menuSuperior {
	padding-top:70px;
	text-align:right;
	color:#fff;
	font-weight:bold;
}

/* Rodapé */

#barraRodape {
	z-index:4;
	position:absolute;
	width:100%;
	left:0;
	bottom:-32;
}

#faixaRodape {
	z-index:4;
	position:absolute;
	width:100%;
	height:10px;
	font-size:8px;
	left:0;
	bottom:0;
	background-color:#7bb900;
}

#rodape {
	z-index:3;
	position:relative;
	width:expression(document.body.clientWidth > 990? "990px" : "auto");
	max-width:990px;
	min-width:770px;
	height:60px;
	margin:auto;
	bottom:5px;
	/*background-color:#dee0e7;*/
	text-align:left; /* "remédio" para o hack do IE */
}

.menuInferior {
	position:absolute;
	padding:10px;
	color:#2e406b;
	font-weight:bold;
	float:left;
	width:55%;
}

.endereco {
	padding:10px;
	text-align:right;
	vertical-align:middle;
}

/* Fundo */

#faixaHorizontal {
	z-index:1;
	position:absolute;
	width:100%;
	height:340px;
	top:110px;
	left:0px;
	background-color:#586689;
}

#fundo {
	z-index:2;
	position:absolute;
	width:100%;
	height:100%;
	margin:0px auto;
	padding:0px;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

/* Conteúdo */

#conteudo {
	z-index:3;
	position:relative;
	width:expression(document.body.clientWidth > 990? "990px" : "auto");
	max-width:990px;
	min-width:770px;
	margin:auto;
	text-align:left; /* "remédio" para o hack do IE */
}

#espacamento {
	margin-right:10px;
	margin-left:10px;
	padding-bottom:48px;
}

#paragrafohome {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2e406b;
	padding:0px 16px 10px 16px;
	margin:0;
}

p {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2e406b;
	padding:0px 16px 10px 16px;
	margin:0;
}

h1 {
	font-family:Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:16pt;
	color:#2e406b;
	padding:10px 10px 10px 15px;
	margin:0px;
}

.texto {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2e406b;
	padding:0px 16px 10px 16px;
	margin:0;
}

/* Home */

.destaque {
	z-index:3;
	position:relative;
	/*height:280px;*/
	min-height:280px;
	margin-bottom:5px;
	background-color:#dee0e7;
}

.imagemDestaque {
	height:100px;
	border:#7bb900 solid 4px;
	margin:0px 16px 10px 16px;
}

#destaqueEsquerda {
	max-width:33%;
	*width:32%;
	float:left;
}

#destaqueDireita {
	max-width:33%;
	*width:32%;
	*left:1px;
	float:right;
}

#destaqueCentro {
	max-width:33%;
	*width:99%;
	*left:2px;
	margin-right:auto;
	margin-left:auto;
}

.destaquePrincipal {
	clear:both;
	text-align:justify;
	background-color:#dee0e7;
}

.flashPrincipal {
	height:285px;
	padding:5px;
}

.niponsul {
	width:expression(document.body.clientWidth < 820? "200px" : "300px");
	max-width:75%;
	padding-top:70px;
	padding-left:25px;
}

.novo {
	position:absolute;
	width:52px;
	height:52px;
	top:0px;
	*margin-right:-1px;
	right:0px;
	float:right;
}

/* Empresa */

#colunaEsquerda {
	background-color:#dee0e7;
	*width:100%;
	max-width:66%;
	text-align:justify;
	border-right:#dee0e7 solid 5px;
}

#colunaDireita {
	z-index:3;
	position:relative;
	width:33%;
	*left:1px;
	float:right;
}

.segmento {
	padding-bottom:5px;
	margin-bottom:5px;
	background-color:#dee0e7;
}

/* Portfolio */

.projeto {
	height:320px;
	margin-bottom:5px;
	background-color:#dee0e7;
}

.projetoImagem {
	width:50%;
	margin-left:16px;
	margin-right:10px;
	float:left;
	border:#7bb900 solid 4px;
}

/* Contato */

input {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	border-style:solid;
	border-width:1px;
	border-color:#999;
}

textarea {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	border-style:solid;
	border-width:1px;
	border-color:#999;
}

select {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

/* Links */

.conheca {
	text-align:right;
	padding-right:15px;
}

a:link.link {
	font-size:12px;
	font-weight:bold;
	color:#2e406b;
	text-decoration:none;
}
	
a:visited.link {
	font-size:12px;
	font-weight:bold;
	color:#2e406b;
	text-decoration:none;
}
	
a:active.link {
	font-size:12px;
	font-weight:bold;
	color:#2e406b;
	text-decoration:none;
}
	
a:hover.link {
	font-size:12px;
	font-weight:bold;
	color:#7bb900;
	text-decoration:none;
}

/*	font-family:Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:16pt;
	color:#2e406b;
	padding:10px 10px 10px 15px;
	margin:0px;*/

a:link.linkTitulo {
	font-family:Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:16pt;
	font-weight:bold;
	color:#2e406b;
	text-decoration:none;
}
	
a:visited.linkTitulo {
	font-family:Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:16pt;
	font-weight:bold;
	color:#2e406b;
	text-decoration:none;
}
	
a:active.linkTitulo {
	font-family:Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:16pt;
	font-weight:bold;
	color:#2e406b;
	text-decoration:none;
}
	
a:hover.linkTitulo {
	font-family:Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:16pt;
	font-weight:bold;
	color:#7bb900;
	text-decoration:none;
}

a:link.menuSuperior {
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
	
a:visited.menuSuperior {
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
	
a:active.menuSuperior {
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
	
a:hover.menuSuperior {
	font-size:12px;
	font-weight:bold;
	color:#7bb900;
	text-decoration:none;
}



/*
================================================================================
							ALTERACOES ANTERIORES
================================================================================
Data Alteracao: 19/01/09	      |  Autor: Cristiano <cristianov@vegait.com.br>
--------------------------------------------------------------------------------
	*	Criacao do arquivo
--------------------------------------------------------------------------------
================================================================================
*/