/* CSS Document */
*{
margin:0;
padding:0;
text-decoration:none;
list-style:none;
}
/*### Configurações Gerais ###*/
img{
border:none;
}
body{
text-align:center;
font-family:verdada, arial, helvetica, sans serif;
}
.container{
width:960px;
position:relative;
margin:0 auto;
}

/*### TOPO ###*/
.topo{
width:960px;
float:left;
}
.topo .titulo_texto_oculto{
display:none
}
.topo .titulo_texto{
height:70px;
}
.topo .titulo_texto h1{
margin:15px 0 0 25px;
font-size:30px;
text-align:left;
font-style:italic;
}
.topo .titulo_imagem_oculto{
display:none
}
.topo .titulo_imagem{
height:80px;
float:left;
margin:5px 0 0 25px;
}
.topo .titulo_imagem img{
float:left;
}

/*### MENU ###*/
.menu{
width:960px;
height:61px;
float:left;
}
.menu ul{
margin:0 0 0 350px;
float:left
}
.menu ul li{
height:61px;
display:inline;
float:left;
margin:0 15px 0 0;
}
.menu ul li .link{
float:left;
height:22px;
margin:12px 0 0 0;
}
.menu ul li.menu_off .link a{
font-size:100%;
font-weight:bold;
}
.menu ul li.menu_on .link a{
font-size:100%;
font-weight:bold;
}
.menu ul li.menu_on .marcador{
height:20px;
float:left;
clear:both;
width:100%;
background:url("../imagens/fundo_marcador.png") no-repeat top center;
}

/*### CONTEÚDO ###*/

.conteudo{
float:left;
width:960px;
}
.base_conteudo{
float:left;
width:960px;
height:43px;
margin:0 0 5px 0;
}

/*### RODAPÉ ###*/
.rodape{
width:960px;
float:left;
margin:0 0 10px 0;
}
.rodape p{
text-align:right;
font-size:90%;
margin:0 25px 10px 0;
}

/*### INICIAL###*/

.conteudo .inicial{
float:left;
}
.conteudo .inicial img{
width:875px;
float:left;
margin: 5px 0 0 40px;
}

/*### PROJETOS ###*/
.conteudo .projetos{
float:left;
}

.conteudo .projetos ul{
float:left;
margin:15px 0 0 45px;
}
.conteudo .projetos ul li{
float:left;
display:inline;
width:275px;
height:247px;
margin:0 20px 20px 0;
}
.conteudo .projetos ul li .imagem_projeto {
width:275px;
}
.conteudo .projetos ul li:hover .imagem_projeto {
width:275px;
}
.conteudo .projetos ul li .imagem_projeto img{
width:258px;
height:194px;
margin:7px 0 7px 0;
}
.conteudo .projetos ul li .projeto_nome {
margin:1px 0 0 0;
width:275px;
height:40px;
background:#303036;
}
.conteudo .projetos ul li .projeto_nome h2{
font-style:italic;
font-size:100%;
color:#fff;
text-align:left;
padding:10px 0 0 7px;
}
.conteudo .paginacao ul{
float:right;
margin:0 50px 0 50px;
}
.conteudo .paginacao ul li{
display:inline;
float:left;
margin:0 0 0 5px;
}
.conteudo .paginacao ul li.pagina_inativa a{
margin:0 5px 0 0;
float:left;
padding:0 1px 0 1px;
}
.conteudo .paginacao ul li.pagina_ativa a {
text-decoration:underline;
float:left;
padding:0 1px 0 1px;
margin:0 5px 0 0;
}


/*### COLUNAS ###*/
.conteudo .coluna_um{
width:430px;
float:left;
margin:15px 0 0 45px;
}
.conteudo .coluna_dois{
width:355px;
float:left;
margin:15px 0 0 80px;
}
.conteudo .coluna_um h3, .conteudo .coluna_dois h3{
text-align:left;
font-size:80%;
}
.conteudo .coluna_um p, .conteudo .coluna_dois p {
text-align:left;
font-size:80%;
margin:0 0 10px 0;
}
.conteudo .coluna_dois p a{
text-decoration:underline;
}

/*### FORMULÁRIO ###*/
form{
float:left;
width:430px;
}
form label{
float:left;
text-align:left;
height:20px;
clear:both;
margin:10px 0 0 0;
font-size:90%;
}
form input{
float:left;
clear:both;
width:430px;
height:25px;
font-size:15px;
}
form textarea{
float:left;
clear:both;
width:430px;
height:100px;
}
form select{
float:left;
clear:both;
width:200px;
height:25px;
font-size:13px;
padding:3px 0 0 0;
}
form .btn_acao{
float:left;
width:432px;
}
form .btn_salvar button, form .btn_reset button{
float:right;
border:none;
margin:5px 0 0 10px;
width:82px;
height:35px;
cursor:pointer;
padding:0 0 3px 0;
}
form .btn_salvar button{
font-weight:bold;
}
form .btn_reset button{
font-weight:bold;
font-style:italic;
background:none;
}

/*### VISUALIZA PROJETOS ###*/
.conteudo .voltar_pagina{
float:left;
width:875px;
margin:0 0 0 40px;
}
.conteudo .voltar_pagina a{
float:left;
margin:0 0 0 10px;
font-size:100%;
}

.conteudo .visualiza_projetos{
width:875px;
margin:2px 0 0 40px;
float:left;
}
.conteudo .visualiza_projetos .videos{
float:left;
width:875px;
margin:10px 0 0 0;
}

.miniaturas ul li.mini_oculto{ /*Oculta Miniaturas*/
display:none;
}
.miniaturas{
float:left
width:875px;
height:70px;
margin:10px 0 0 0;
clear:both;
}
.miniaturas ul{
float:left;
height:60px;
}
.miniaturas ul li{
float:left;
display:inline;
width:80px;
height:60px;
margin:0 1px 0 1px;
}
.miniaturas ul li img{
width:70px;
height:50px;
margin:5px 0 0 0;
}
.miniaturas .seta_esquerda{
width:26px;
height:60px;
float:left;
}
.miniaturas .seta_direita{
float:right;
width:26px;
height:60px;
}

.miniaturas .seta_direita a, .miniaturas .seta_esquerda a  { /*determina tamanho do clique na seta*/
float:left;
width:26px;
height:60px;
}
.miniaturas .seta_esquerda_of a { /*classe para trocar a cor da seta*/
float:left;
width:26px;
height:60px;
}
.miniaturas .seta_direita a img, .miniaturas .seta_esquerda a img{
margin:10px 0 0 0;
}
.miniaturas .seta_direita_of a {
float:right;
width:26px;
height:60px;
} 

 
.mostra_imagem{
float:left;
margin:10px 0 0 0;
width:875px;
position:relative;
}
.mostra_imagem .controle{
width:875px;
position:absolute;
z-index:20;
top:50%;
}
.mostra_imagem .controle  a {
opacity: 0.70 ;
-moz-opacity: 0.70;
filter: alpha(opacity=70);
}
.mostra_imagem .controle a:hover {
opacity: 0.95 ;
-moz-opacity: 0.95;
filter: alpha(opacity=95);
}
.mostra_imagem .controle a.volta{
float:left;
height:70px;
width:70px;
}
.mostra_imagem .controle a.volta_off{
display:none;
}
.mostra_imagem .controle a.avanca{
float:right;
height:70px;
width:70px;
}
.mostra_imagem .controle a.avanca_off{
display:none;
}
.quantia_foto p{
font-size:90%;
}
.legenda_projeto{
float:left;
margin:0 0 0 0;
position:relative;
clear:both;
}
.nome_descricao{
float:left;
margin:10px 0 10px 10px; 
}
.nome_descricao a{
float:left;
font-size:100%;
margin:0 3px 0 0;
padding:1px 0 0 0;
}

.nome_descricao h2{
text-align:left;
font-size:110%;
float:left;
}
.nome_descricao a.menos{
float:left;
width:17px;
height:17px;
margin:3px 0 0 5px;
}
.nome_descricao a.mais{
float:left;
width:17px;
height:17px;
margin:3px 0 0 5px;
}

.caption{
position:absolute;
top:25px;
left:0;
margin:10px 0 0 10px;
width:600px;
z-index:2;
display:none;
opacity: 0.90 ;
-moz-opacity: 0.90;
filter: alpha(opacity=80);
}
.caption h3{
text-align:left;
font-size:90%;
margin:10px 0 0 5px;
}
.caption p{
text-align:left;
font-size:80%;
margin:5px 0 0 5px;
}
.caption a{
float:left;
font-size:80%;
margin:5px 0 10px 5px;
text-decoration:underline;
}
.legenda_imagem{
float:left;
margin:2px 0 0 25px;
width:820px;
}
.legenda_imagem .imagem_descricao{
float:left;
width:550px;
}
.legenda_imagem .imagem_descricao h2{
text-align:left;
font-size:100%;
margin:10px 0 0 10px;
}
.legenda_imagem .imagem_descricao p{
text-align:left;
font-size:80%;
margin:0 0 10px 10px;
}
.legenda_imagem .imagem_cliente{
width:220px;
float:right;
}
.legenda_imagem .imagem_cliente h3{
text-align:right;
font-size:90%;
margin:10px 10px 0 0;
}
.legenda_imagem .imagem_cliente a{
text-align:left;
font-size:80%;
text-decoration:underline;
margin:10px 10px 0 0;
float:right;
}