/**
 *
 * Arquivo de Folha Estilos
 * Autor: Gustavo Borges Michel
 * Website: www.gust.com.br
 *
 */

/*
 * Reset CSS
 */

html{}

body, ol, ul, h1, h2, h3, h4, h5, h6, p, fieldset{margin:0; padding:0;}

body, input.input-text, textarea{background:#fff;}

h1{font-size:1.75em;}

h2{font-size:1.5em;}

h3{font-size:1.25em;}

h4{font-size:1em;}

h5{font-size:0.75em;}

h6{font-size:0.5em;}

label{cursor:pointer;}

ul, ol{list-style:none;}

a{text-decoration:none;}

a:hover{text-decoration:underline;}

img, table, fieldset, input, textarea{border:0;}

textarea{overflow:auto;}

address, caption, th{font-style:normal;}

th{text-align:left;}

.clear{clear:both;}

.block{display:block;}

.none, legend, hr{display:none;}

.left{float:left;}

.right{float:right;}

.center{text-align:center;}

.relative{position:relative;}

.hide-text{text-indent:-9999px;}

.upper{text-transform:uppercase;}

.lower{text-transform:lowercase;}

/*
 * Classes
 */
body {
	background:url(../img/bg/bg-pagina.jpg) repeat-x 0 0;
	font:normal 0.69em Arial, Tahoma;
	color:#333;
}

a, a:hover {
	color:#333;
}

.site {
	width:894px;
	margin:0 auto;
	padding:0 10px;
}

.site .topo {
	height:200px;
}

/*
 * Coluna Esquerda
 */

.site .coluna-esquerda {
	width:295px;
	margin:68px 0 0 3px;
	float:left;
	position:relative;
}

.coluna-esquerda .logo {
	width:295px;
	height:60px;
	overflow:hidden;
	cursor:pointer;
	position:relative;
}

.coluna-esquerda .logo .nome-site {
	font-size:40px;
}

.coluna-esquerda .logo .nome-site span {
	color:#00739b;
}

.coluna-esquerda .logo .nome-site span.flir-replaced {
	display:block;
	float:left;
	margin-left:2px;
}

.coluna-esquerda .logo .funcao-site {
	width:100px;
	font-size:22px;	
	color:#00739b;
	position:absolute;
	right:2px;
	bottom:0;
	height:21px;
}

.coluna-esquerda .logo .funcao-site h4, .coluna-esquerda .logo .funcao-site h5 {
	float:left;
	font-size:1em;
}

.coluna-esquerda .logo .funcao-site h5 {
	color:#333;
	margin-left:2px;
}

.coluna-esquerda .logo .funcao-site h4 img, .coluna-esquerda .logo .funcao-site h5 img {
	float:left;
}

.coluna-esquerda .logo .funcao-site span.flir-replaced {
	display:block;
	float:left;
	margin-left:2px;
	height:21px;
}

/*
 * Coluna Direita
 */

.site .coluna-direita {
	width:560px;
	float:right;
}

.coluna-direita .menu {
	width:340px;
	margin-top:97px;
	float:left;
}

.coluna-direita .menu ul li {
	padding-top:2px;
	float:left;
	margin-right:10px;
	font-size:22px;
	height:27px;
}

.coluna-direita .menu ul li.ultimo-item {
	border-bottom:none;
}

.coluna-direita .menu ul li a {
	color:#00749c;
}

/*
 * Conteudo Coluna Direita
 */

.coluna-direita .box-geral {
	width:201px;
	margin:15px 4px 15px 0;
	float:right;
}

.coluna-direita .box-geral h3 {
	width:100%;
	font:normal 22px Arial, Tahoma;
	text-align:right;
	color:#00749c;
	margin-bottom:5px;
}

.coluna-direita .box-geral .cabecalho-box {
	width:100%;
	margin-bottom:-1px;
	position:relative;
	z-index:10;
	float:left;
	height:46px;
}

.coluna-direita .box-geral .conteudo-box {
	width:195px;
	border:1px solid #cee6f3;
	padding:2px;
	float:left;
}

.coluna-direita .box-geral .conteudo-box .txt-carregando {
	width:195px;
	display:block;
	margin:10px auto;
	background:url(../img/others/carregando.gif) no-repeat top center;
	padding-top:40px;
	text-align:center;
}

.coluna-direita .box-geral .conteudo-box .lista-twitts {
	margin:10px;
}

.coluna-direita .box-geral .conteudo-box .lista-twitts li {
	line-height:135%;
	margin-bottom:7px;
}

.coluna-direita .box-geral .conteudo-box .lista-twitts li .hora-twitt, .coluna-direita .box-geral .conteudo-box .lista-twitts li a {
	color:#00749c;
	font-weight:bold;
}

.coluna-direita .box-geral .conteudo-box .link-twitter {
	display:block;
	float:right;
	margin:0 10px 5px;
}

.coluna-direita .box-geral .cabecalho-box ul li {
	float:right;
	margin-left:5px;
}

.coluna-direita .box-geral .cabecalho-box ul li.ultimo-item {
	margin-left:0;
}

.coluna-direita .box-geral a.link-social {
	width:42px;
	border:1px solid #fff;
	border-bottom:none;
	display:block;
	background:url(../img/buttons/links-sociais.gif) no-repeat 0 0;
	height:44px;
}

.coluna-direita .box-geral a.link-social:focus {
	outline:0;
}

.coluna-direita .box-geral a.link-ativo {
	border:1px solid #cee6f3;
	border-bottom:1px solid #fff;
}

.coluna-direita .box-geral li.flickr a {
	background-position:0 top;
}

.coluna-direita .box-geral li.flickr a:hover, .coluna-direita .box-geral li.flickr a.link-ativo {
	background-position:0 bottom;
}

.coluna-direita .box-geral li.gmail a {
	background-position:-41px top;
}

.coluna-direita .box-geral li.gmail a:hover, .coluna-direita .box-geral li.gmail a.link-ativo {
	background-position:-41px bottom;
}

.coluna-direita .box-geral li.twitter a {
	background-position:-82px top;
}

.coluna-direita .box-geral li.twitter a:hover, .coluna-direita .box-geral li.twitter a.link-ativo {
	background-position:-82px bottom;
}

/*
 * Coluna Direita
 */

.site .conteudo {
	width:840px;
	margin:0 auto;
}

.conteudo .navegacao-projetos {

}

.conteudo .navegacao-projetos .listagem-projetos {
	width:800px;
	float:left;
	position:relative;
	overflow:hidden;
	height:450px;
}

.conteudo .navegacao-projetos .listagem-projetos li {
	position:absolute;
	overflow:hidden;
	height:450px;
}

.conteudo .navegacao-projetos .listagem-projetos li .detalhes-projeto {
	position:absolute;
	bottom:0;
	width:100%;
	color:#fff;
	overflow:hidden;
}

.conteudo .navegacao-projetos .listagem-projetos li .detalhes-projeto .bg-detalhes {
	width:100%;
	position:absolute;
	bottom:0;
	background:url(../img/bg/bg-detalhes.png);
	height:100%;
}

.conteudo .navegacao-projetos .listagem-projetos li .detalhes-projeto .conteudo-detalhes {
	position:relative;
	padding:0 10px 10px;
	z-index:20;
}

.conteudo .navegacao-projetos .listagem-projetos li .detalhes-projeto .conteudo-detalhes h2 {
	font-size:30px;
	margin-bottom:3px;
	height:36px;
	overflow:hidden;
	position:relative;
}

.conteudo .navegacao-projetos .listagem-projetos li .detalhes-projeto .conteudo-detalhes a, .conteudo .navegacao-projetos .listagem-projetos li .detalhes-projeto .conteudo-detalhes a:hover {
	color:#fff;
	font-weight:bold;
}

.conteudo .navegacao-projetos .listagem-projetos li .detalhes-projeto .conteudo-detalhes h2 img {
	position:absolute;
	top:10px;
}

.conteudo .navegacao-projetos .listagem-projetos li .detalhes-projeto .conteudo-detalhes .agencia {
	display:block;
	position:absolute;
	top:50%;
	right:20px;
}

.conteudo .navegacao-projetos .listagem-projetos li .detalhes-projeto .conteudo-detalhes .bits {	
	background:url(../img/others/bits.png);
	width:25px;	
	margin-top:-15px;	
	height:30px;
}

.conteudo .navegacao-projetos .btn-voltar {
	display:block;
	width:20px;
	background:url(../img/buttons/btn-voltar.png) no-repeat 0 0;
	float:left;
	height:450px;
}

.conteudo .navegacao-projetos .btn-avancar {
	display:block;
	width:20px;
	float:right;
	background:url(../img/buttons/btn-avancar.png) no-repeat 0 0;
	height:450px;
}

.conteudo .navegacao-projetos a:focus {
	outline:0;
}

.conteudo .navegacao-projetos .info {
	width:840px;
	margin:10px auto;
}

.conteudo .navegacao-projetos .info p {
	width:400px;
	margin:10px 20px;
	float:left;
}

.conteudo .navegacao-projetos .info .navegacao-teclado {
	width:116px;
	float:right;
	position:relative;
	height:41px;
}

.conteudo .navegacao-projetos .info .navegacao-teclado a.btn-teclado {
	display:block;
	width:36px;
	background:url(../img/buttons/teclado.gif) no-repeat 0 0;
	position:absolute;
	height:21px;
}

.conteudo .navegacao-projetos .info .navegacao-teclado a.btn-up {
	background-position:-40px 0;
	top:0;	
	left:40px;
}

.conteudo .navegacao-projetos .info .navegacao-teclado a.btn-right {
	background-position:-80px -20px;
	bottom:0;	
	right:0;
}

.conteudo .navegacao-projetos .info .navegacao-teclado a.btn-down {
	background-position:-40px -20px;
	bottom:0;	
	left:40px;
}

.conteudo .navegacao-projetos .info .navegacao-teclado a.btn-left {
	background-position:0 -20px;
	bottom:0;
	left:0;
}

/*
 * Rodape
 */
.rodape {
	margin-top:20px;
	border-top:10px solid #f5f5f5;
}

.rodape .rodape-conteudo {
	border-top:2px solid #cee6f3;
	padding:10px 0 20px;
	line-height:135%;
}

.rodape .rodape-conteudo p.versiculo {
	width:665px;
	background:url(../img/others/aspas.gif) no-repeat 2px 0;
	color:#00749c;
	line-height:135%;
	padding:9px 0 0 35px;
	float:left;
}

.rodape .rodape-conteudo p.direitos {
	width:145px;
	padding:9px 5px 0 0;
	float:right;
	text-align:right;
}