/* PARA A DIV DO MENU PRINCIPAL */
div#div-menu-main {
	float:left;
	display:block;
	width:100%;
	height:100px;
	position:absolute;
	z-index:20;
}
		
div#div-btn-menu-main {
	float:left;
	display:block;
	width:100%;
	height:20%;
	position:relative;
}
		
div#div-containtMenuMain {
	float:left;
	display:block;
	width:100%;
	height:80%;
	position:relative;
}
		
div#div-content-elms-menu-main {
	float:right;
	display:block;
	clear:both;
	width:95%;
	height:100%;
	position:relative;
}
		
div#div-logo {
	float:left;
	display:block;
	width:178px;
	height:47px;
	position:relative;
	top:0px;
	left:0px;
	background:transparent url('../imagens/estruturas/logo.png') left top no-repeat;
}
		
div#div-logo a {
	float:left;
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
		
div#div-content-menu-rodape {
	float:right;
	display:block;
	clear:both;
	width:68%;
	height:100%;
	position:relative;
	overflow:hidden;
}
		
div.div-menu-rodape-portrait {
	width:78%;
}
		
div.div-menu-rodape-landscape {
	width:70%;
}
		
div#div-content-menu {
	float:left;
	display:block;
	width:100%;
	height:28px;
	position:relative;
	border-bottom:dotted 1px #999999;
	padding-top:10px;
	overflow:hidden;
}
		
div#div-content-rodape {
	float:left;
	display:block;
	width:100%;
	height:40px;
	position:relative;
	margin-top:12px;
	overflow:hidden;
}
		
div#div-logo-fusion {
	float:right;
	display:block;
	clear:both;
	width:48px;
	height:20px;
	position:relative;
	background:transparent url('../imagens/estruturas/logoFusion.png') left top no-repeat;
}
		
/* DIV DOS ÍNDICES DAS ../imagens DE BACKGROUND*/
div#div-indices-bgSS {
	float:left;
	display:block;
	width:auto;
	height:20px;
	position:relative;
}
		
li.li-menu-rodape, li.li-separador {
	float:left;
	display:inline;
	width:auto;
	height:auto;
	position:relative;
}

li.li-menu-rodape a {
	float:left;
	display:block;
	width:auto;
	height:auto;
	position:relative;
	font-size:17px;
}

li.li-menu-rodape a {
	cursor:pointer;
}

li.li-separador {
	margin:0px 25px 0px 25px;
	width:2px;
	height:18px;
	background:transparent url('../imagens/estruturas/separadorMenu.png') center center no-repeat;
}
		
/* BOTÃO PARA ABRIR E FECHAR A DIV DO MENU PRINCIPAL */
a#btn-menu-main {
	float:left;
	display:block;
	width:100px;
	height:100%;
	position:relative;
	cursor:pointer;
}
		
/* PARA AS INTERFACES - BACKGROUND */
div.div-interface {
	float:left;
	display:block;
	position:absolute;
	width:auto;
	height:auto;
	z-index:5;
	background:transparent url('../imagens/estruturas/bg-interfaces.png') left top repeat;
}
		
/* PRÉ-LOADER GERAL DO SITE */
div#div-preloader {
	float:left;
	display:block;
	width:auto;
	height:auto;
	position:absolute;
	z-index:100;
	background:transparent url('../imagens/estruturas/loader.gif') center center no-repeat;
}

/* DIV DA CAPA DO SITE */
div#div-capa-site {
	float:left;
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
	z-index:1000;
	
	/* APLICAR A OPACIDADE DO ELEMENTO */
	opacity:0;
	-moz-opacity: 0;
	filter: alpha(opacity=1);
}
		
/* PARA O CONTEÚDO DA INTERFACE */
div.div-body-interface {
	float:right;
	display:block;
	clear:both;
	width:95%;
	height:auto;
	position:relative;
	top:100px;
}
		
/* PARA O CONTEÚDO DAS REFERÊNCIAS DAS INTERFACES */
div.div-ref-interface {
	float:left;
	display:block;
	width:30%;
	height:auto;
	position:relative;
}

div.div-ref-interface p {
/*	font-size:12px; */
	font-family: Calibri;
}
		
div.div-form-desc-interface {
	float:right;
	display:block;
	clear:both;
	width:68%;
	height:auto;
	position:relative;
}
		
/* PARA O CONTEÚDO DAS REFERÊNCIAS E A JANELA ADICIONAL - DESCRIÇÃO DOS MEMBROS DA EQUIPE */
div.div-content-ref-interface {
	float:left;
	display:block;
	width:100%;
	height:auto;
	position:relative;
}

div.div-content-ref-interface p {
	font-size:12px; 
/*	font-size:11px; */
}
		
/* DIV QUE VAI CONTER AS REFERÊNCIAS DO MEMBRO DA EQUIPE */
div#div-ref-membroEquipe {
	float:left;
	display:block;
	width:auto;
	height:auto;
	position:absolute;
	top:0px;
	left:0px;
}
		
div#div-conteudo-ref-membroEquipe {
	float:left;
	display:block;
	width:auto;
	height:auto;
	position:relative;
}
		
div#div-conteudo-ref-membroEquipe p {
	float:left;
	display:block;
	width:auto;
	height:auto;
	position:relative;
	padding-right:20px;
	font-size:12px; 
/*	font-size:11px; */
}
		
/* DIV QUE VAI CONTER O BOTÃO FECHAR DA JANELA DE REFERÊNCIA DO MEMBRO DA EQUIPE */
div#div-btn-fechar-ref-membroEquipe {
	float:left;
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	overflow:hidden;
}

a#btn-close-refME {
	background: transparent url('../imagens/icones/galerias/btnClose.png') center center no-repeat; 
}
		
/* CATEGORIAS DE PROJETOS */
li.li-opts-categorias {
	float:left;
	display:block;
	width:100%;
	height:auto;
	padding:5px 0px 5px 0px;
	position:relative;
}
		
li.li-opts-categorias a {
	cursor:pointer;
	text-transform:uppercase;
/*	font-size:16px; */
	font-size: 14px;
	position:relative;
	float:left;
	display:block;
}
		
/* INTERFACES DAS CATEGORIAS DE PROJETOS */
li.li-interfaces-cat-proj {
	float:left;
	display:block;
	width:100%;
	height:auto;
	position:relative;
}
		
/* PARA A DIV CONTENEDORA DA GALERIA DE ../imagens DO PROJETO */
div#div-gal-projeto {
	float:left;
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	z-index:15;
}
		
/* MÁSCARA VERTICAL */
div#div-mask-vertical {
	float:left;
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	background:#000000 url('../imagens/estruturas/rotarIpad.jpg') center center no-repeat;
	z-index:300;
}
		
/* CLASSE ADICIONAL PARA O BOTÃO DO MENU PRINCIPAL */
.abrirMenu {
	background:transparent url('../imagens/icones/galerias/btnOpen.png') center center no-repeat;
}

/* DIV ONDE VAI SER CRIADA A IMAGEM */
div.div-imagem  {
	float:left;
	display:block;
	width:auto;
	height:auto;
	position:relative;
}