@charset "UTF-8";
@import "reset.css";
@import "grid.css";

/* Estilos gerais */
body {
	color: #86827b;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 14px;
	line-height: 1.5em;
	padding: 30px 0 50px;
	background: #eae5df;
/*	background: #eae5df url('images/grid.gif') repeat-y 50%;*/
}

#content { padding-top: 25px; }

.imgrep {
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
.skype {
	width:239px;
	height:35px;
	margin-left: -19px;
}

.hidden { display: none; }

legend { display: none; }

	/* Links */
	a:link { color: #333; }
	a:visited { color: #555; }
	a:hover, a:focus { text-decoration: none; }
	a:active { color: #111; }
	/* End: Links */

	/* Títulos */
	h2 { background-image: url('images/titulos.png'); }
	h2.somos-invista {
		height: 101px;
		background-position: 0 0;
	}
	h2.portfolio {
		height: 171px;
		background-position: 0 -101px;
	}
	h2.contato {
		height: 169px;
		background-position: 0 -272px;
	}
	h2.sobre {
		height: 113px;
		background-position: 0 -385px;
	}
	/* End: Títulos */

a.more, button {
	color: #fff;
	font-size: 18px;
	letter-spacing: -1px;
	line-height: 38px;
	text-indent: 28px;
	text-transform: lowercase;
	text-decoration: none;
	display: inline-block;
	margin: 0;
	height: 38px;
	border: none;
	background: url('images/botoes.png') no-repeat 0 0;
}

button {
	cursor: pointer;
	font: 18px Georgia, Times, 'Times New Roman', serif;
	letter-spacing: -1px;
	line-height: 25px;
	text-indent: 0;
	text-align: center;
}

p { margin-bottom: 15px; }
/* End: Estilos gerais */


/* Top */
#top {
	margin-bottom: 30px;
	z-index: 1;
}

h1 a {
	height: 58px;
	background: url('images/invista.png') no-repeat;
}

#menu { padding: 6px 0 6px 31px; }

#menu li {
	float: left;
	height: 46px;
	margin-right: 5px;
}

#menu li a {
	text-indent: -9999px;
	display: block;
	width: 79px;
	height: 100%;
	background: url('images/menu.png') no-repeat;
}

#menu li.home a { background-position: 0 0; }
#menu li.home a:hover, #menu li.home a.current { background-position: 0 100%; }

#menu li.about a { background-position: -79px 0; }
#menu li.about a:hover, #menu li.about a.current { background-position: -79px 100%; }

#menu li.portfolio a {
	width: 99px;
	background-position: -158px 0;
}
#menu li.portfolio a:hover, #menu li.portfolio a.current { background-position: -158px 100%; }

#menu li.contact a {
	width: 95px;
	background-position: 100% 0;
}
#menu li.contact a:hover, #menu li.contact a.current { background-position: 100% 100%; }

#menu li a.current { cursor: default; }
/* End: Top */


/* Posicionamento */
#introducing {
	margin: -50px 0 30px;
	padding-bottom: 7px;
	background: url('images/borda.gif') repeat-x bottom;
}

#introducing .container_12 {
	height: 242px;
	padding: 75px 0 35px;
	background: url('images/painel-home.jpg');
}

#content .container_12 {
	background: url('images/painel-home.jpg') no-repeat bottom;
}
/* End: Posicionamento */


/* Showcase */
div#showcase {
	width: 710px !important;
	min-height: 450px;
	overflow: visible;
	margin-right: 0 !important;
	padding-bottom: 30px;
	margin-bottom: 60px;
}

div#showcase ul { margin-left: -10px; }

div#showcase li { margin-bottom: 20px; }

div#showcase img { display: block;}

div#showcase li a {
	color: #86827b;	
	text-decoration: none;
}

div#showcase span {
	font-size: 11px;
	text-indent: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 3px 0;
	background: #fff url('images/lupa.gif') no-repeat 5px 50%;
	opacity: .8;
	filter: alpha(opacity=80); /* thank you, IE */
}
div#showcase a:hover span {
	opacity: 1;
	filter: alpha(opacity=100); /* thank you, IE */
}
/* End: Showcase */


/* Rodapé */
#footer {
	margin-top: 0px;
	padding-top: 37px;
	background: url('images/borda.gif') repeat-x top;
}

	/* Formulário */
	#contact span { display: none; }
	
	#contact label {
		display: block;
		margin-bottom: 5px;
	}
	
	#contact * { font: 18px Georgia, Times, 'Times New Roman', serif; }
	
	#contact input, #contact textarea {
		color: #86827b;
		letter-spacing: -1px;
		width: 290px;
		padding: 5px;
		border: none;
		background: #f8f8f8;
	}
	#contact input:focus, #contact textarea:focus {
		padding: 4px;
		border: 1px solid #bcb5a8;
		background: #fff;
	}
	#contact textarea { height: 80px; }
	
	#contact button {
		color: #fff;
		font-size: 18px;
		letter-spacing: -1px;
		line-height: 25px;
		text-indent: -5px;
		text-align: center;
		text-transform: lowercase;
		text-decoration: none;
		cursor: pointer;
		display: inline-block;
		margin: 0;
		height: 38px;
		border: none;
		background: url('images/botoes.png') no-repeat 0 0;
	}
	/* End: Formulário */
	
	/* Info */
	#footer .info {
		font-size: 13px;
	}
	
	#footer address { font-style: normal; }
	
	#footer .info ul { margin: 10px 0 5px; }
	
	#footer .info strong {
		color: #333;
		font-weight: normal;
	}
	
	#footer .info a {
		display: block;
		width: 240px;
		height: 35px;
		margin-left: -20px;
		background: url('images/twitter.png') no-repeat top;
	}
	#footer .info a:hover { background-position: bottom; }
	/* End: Info */
/* End: Rodapé */


/* Página "Sobre" */
#content h3 {
	height: 65px;
	margin: 5px 20px 5px 0;
	background-image: url('images/titulos.png');
	background-position: 0 100%;
}
/* End: Página "Sobre" */


/* Página Portfolio */
#filter {
	position: absolute;
	top: 191px;
	left: 0;
}

#filter li { margin-top: 9px; }

#filter a {
	text-align: right;
	text-indent: 0;
	width: 100%;
	background-position: 0 100%;
}
#filter a:hover, #filter a.current { background-position: 0 50%; }
#filter a.current { cursor: default; }

#filter span { padding-right: 30px; }

.empresa {
	float:left;
	position:relative;
	width:700px;
}
.nome_campanha {
	float:left;
	position:relative;
	width:700px;
	font-size:18px;
}
.nome_empresa {
	float:left;
	position:relative;
	width:700px;
	vertical-align:bottom;
}
.linha_fina {
	float:left;
	position:relative;
	width:700px;
	background-color:#000;
	height:3px;
	margin-bottom:10px;
	margin-top:10px;
}
.letra {
	float:left;
	position:relative;
	padding:2px;
}
/* End: Página Portfolio */


/* Janela modal */
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	background: #000;
	opacity: .9;
	filter: alpha(opacity=90);
	display: none;
}

#modal {
	position: absolute;
	left: 50%;
	top: 20%;
	padding: 38px 10px 15px 20px;
	margin-left: -290px;
	background: #fff;
	-webkit-box-shadow: 0 2px 5px #000;
	z-index: 10;
	display: none;
}

#modal #top { display: none; }

#job {
	max-height: 750px;
	overflow: hidden;
}

#job * { display: block; }

#modal #nav { margin: 10px 0 10px -10px; }

#modal #nav a {
	display: block;
	padding: 1px;
	border: 2px solid #cfcfcf;
}
#modal #nav a:hover, #modal #nav a.current { border-color: #ffc951; }
#modal #nav a.current { cursor: default; }

#modal #nav img { display: block; }

#modal #info { font-size: 13px; }

#modal #info .right { padding-right:10px; }

#modal #info strong {
	color: #32302d;
	font-weight: normal;
}

#modal #close {
	position: absolute;
	top: 15px;
	right: 10px;
	line-height: normal;
	text-indent: -9999px;
	width: 60px;
	height: 13px;
	background: url('images/fechar.png') no-repeat;
}
/* End: Janela modal */
.bannernorte {
	height: 342px;
	width: 900px;
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -450px;
	z-index: 100;
}