/* cria a webfont */
@font-face
{
font-family: Barlow;
/*src: url('fonts/helvetica_light.eot');
src: url('fonts/helvetica_light.eot?#iefix') format('embedded-opentype'),
url('fonts/helvetica_light.woff') format('woff'),
url('fonts/helvetica_light.ttf') format('truetype'),
url('fonts/helvetica_light.svg#helveticalight') format('svg');
font-weight: normal;
font-style: normal;*/
}
/* Especificações para todo o corpo da página */
html,body {
font-family: Barlow;
text-decoration:none;
height:100%;
background-color:#f2f2f2;
}
/* Especificações para a barra de rolagem (só funciona no Chrome) */
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
/* Tira as margens de toda a página */
h1, h2, h3, p, body, html {
margin:0 auto;
padding:0;
}
/* Especificações para o título h1, usado nos títulos de cada página */
h1 {
font-size:40px;
color:#4669ab;
}
/* Especificações para o título h2, usado nos subtítulos de cada página */
h2 {
color:#8b898a;
}
/* Especificações para o título h3, usado nas informações importantes de cada página */
h3 {
font-size:20px;
color:#424242;
}
/* Especificações para o texto de título de tabela */
th {
}
/* Especificações para o texto de título de tabela */
th a {
}
/* Especificações para o texto de tabela */
td {
padding-top:3px;
}
/* Especificações para o texto de parágrafo */
p {
color:#4c4c4c;
}
/* Especificações para o texto de parágrafo em negrito, usado nos nomes de cada item da ficha */
b {
color:#4669ab;
}
/* Especificações para a tag */
a {
color:#4669ab;
text-decoration:none;
}
a:hover {
text-decoration:none;
}
/* Especificações para a tag ah2, usado nos subtítulos de cada página */
.ah2 {
color:#8b898a;
}
/* Especificações para a tag a_menu, usado nos itens do menu */
.a_menu {
font-size:16px;
color:#4f4f4f;
text-align:center;
padding:0px;
line-height:5px;
font-weight:bold;
}
.a_menu:hover {
text-decoration:none;
}
/*Especificações para o div de class mapa, que comporta todo o conteúdo da no mapa */
.mapa p{
white-space: nowrap;
text-wrap: none;
font-size:12px;
}
mapa div{
overflow: hidden;
}
/*Especificações para o div de class container, que comporta todo o conteúdo da página */
.container{
position: relative;
width:990px;
margin:0 auto;
background-color:#f2f2f2;
height:320px;
/*corta o que ultrapassa os limites*/
overflow: hidden;
}
.header{
/* centrar o elemento */
position: relative;
left: 0px;
text-align:center;
margin:auto;
width:990px;
height:200px;
}
.FixoTopo {
top:0px;
position: relative;
z-index:1;
}
.FixoDegrade {
top:-305px;
position: relative;
z-index:2;
}
.FixoTitulo {
top:-522px;
left: 308px;
position: relative;
z-index:3;
}
/*Especificações para o div de class menu, que comporta o menu */
.linha{
}
/*Especificações para o div de class menu, que comporta o menu principal */
.menu_index{
position: relative;
margin-right: auto;
left: -25px;
top:60px;
z-index:3;
width:990px;
padding:0px
}
#catbar{
position: absolute;
left: 0px;
top: 0px;
}
.submenu_index{
height:100px;
text-align:right;
float:right;
padding:0px;
font-family: Barlow;
}
.submenu_index a:hover{
color:#719adb;
}
.submenu_index a{
color:#f2f2f2;
height:20px;
padding:10px;
}
.a_menu_index {
font-size:20px;
color:#f2f2f2;
text-align:center;
padding:0px;
line-height:5px;
font-weight:bold;
}
.a_menu_index:hover {
text-decoration:none;
}
.menu_movimento {
/* ajustar posição do menu em relação ao centro */
position: relative;
height: 299px;
left: 990px;
top: -200px;
font-family: Barlow;
font-size: 20px;
z-index:5;
background-color:#000000;
}
.menu_movimento a{
}
.menu_movimento a:hover {
color:#f2f2f2;
background-color:#4669ab;
/*
*/
}
.submenu_movimento{
text-align:left;
padding: 18px;
/*
distanciamento
*/
}
.a_movimento a{
}
/*Especificações para o div de class menu, que comporta cada item do menu (a largura é ajustada pela quantidade de itens) */
.menu{
}
/*Especificações para o div de class submenu, que comporta cada item do menu (a largura é ajustada pela quantidade de itens) */
.submenu{
}
/*Especificações para o div de class submenu_on, que é o div submenu com fundo cinza */
.on{
}
.on a{
color:#000000;
}
/*Especificações para o div de class conteúdo, que comporta o corpo da página (título e menu não entram aqui) */
.conteudo_arquitetos{
position:relative;
top:-450px;
width:990px;
margin:0 auto;
min-height: 100%;
padding-bottom: 20px;
}
.conteudo_arquiteto{
position:relative;
top:-450px;
margin:0 auto;
min-height: 100%;
padding-bottom: 20px;
}
/*Especificações para o div de class conteúdo, que comporta o corpo da página (título e menu não entram aqui) */
.conteudo_obras{
position:relative;
top:-450px;
width:990px;
margin:0 auto;
/*min-height: 100%;
padding-bottom: 20px;*/
}
/*Especificações para o div de class conteúdo, que comporta o corpo da página (título e menu não entram aqui)*/
.conteudo{
position:relative;
top:0px;
width:990px;
margin:0 auto;
min-height: 30%;
padding-bottom: 20px; /**/
text-decoration:none;
}
/*Especificações para o div de class coluna_principal, que contém as informações da coluna principal*/
.coluna_principal{
position:relative;
top:0px;
width:740px;
float:left;
}
/*Especificações para o div de class sidebar, que contém as informações da segunda coluna (relacionados)*/
.sidebar{
position:relative;
/*Top para posicionar o mapa*/
top:50px;
left:0px;
width:240px;
float:left;
min-height: 100%;
padding-bottom: 10px;
padding-left: 10px;
background-color:#fff;
margin:0px;
}
.barra_colorida{
width:230px;
height:0px;
border-bottom:2px solid;
border-color:#4669ab
}
/* Especificações para o div de class rodape, que comporta as informações do rodapé da página */
.rodape{
position:relative;
height:200px;
margin: auto;
clear:both;
text-align:center;
color:#f7f7f7;
background-color:#8f8c8e;
}
.FixoTituloRodape {
position: relative;
padding-right: 200px;
z-index:0;
left:0px;
top: 0px;
}
.a_rodape a{
height:20px;
}
.menu_rodape {
width:990px;
position: absolute;
left: 50%;
/* ajustar posição do menu em relação ao centro */
margin-left: -450px;
top:30px;
}
.menu_rodape a{
/* centrar o menu */
z-index:3;
font-family: Barlow;
color:#f2f2f2;
}
.menu_rodape a:hover{
color:#4669ab;
}
.submenu_rodape{
top:-100px;
right: 100px;
text-align:left;
font-family: Barlow;
width:auto;
}
.subreferencias_logoA {
position: absolute;
top:20px;
right:0px;
}
.subreferencias_logoB {
position: absolute;
top:24px;
right:110px;
}
.subreferencias_logoC {
position: absolute;
top:80px;
right:0px;
}
.subreferenciasA {
position: absolute;
top:80px;
right:60px;
}
.subreferenciasB {
position: absolute;
top:96px;
right:60px;
}
.subreferenciasC {
position: absolute;
top:112px;
right:60px;
}
.subreferenciasD {
position: absolute;
top:128px;
right:60px;
}
.referencias_logo {
position: absolute;
text-align: right;
font-size:12px;
left: 50%;
/* ajustar posição do menu em relação ao centro */
margin-left: -495px;
width: 990px;
top:20px;
z-index:2;
pointer-events: none;
}
.referencias_logo a{
/* centrar o menu */
font-family: Barlow;
color:#f2f2f2;
pointer-events: all ;
}
.referencias_logo a:hover{
color:#4669ab;
}
.referencias {
text-align: right;
font-size:12px;
position: absolute;
left: 50%;
/* ajustar posição do menu em relação ao centro */
margin-left: -495px;
width: 990px;
top:60px;
z-index:2;
pointer-events: none;
}
.referencias a{
/* centrar o menu */
font-family: Barlow;
color:#f2f2f2;
pointer-events: all ;
}
.referencias a:hover{
color:#4669ab;
}
.ano{
display:block;
clear:both;
}
.revista{
display:inline-block;
clear:none;
float:left;
}