/* CSS Document */

/* DIV QUE VAI CONTER A GALERIA DE BACKGROUND */
div#div-gal-bg {
	float:left;
	display:block;
	width:auto;
	height:auto;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

/* DIV QUE VAI REPRESENTAR O PRÉ-LOADER DO SITE E DIV CONTENEDOR DA GALERIA DE IMAGENS */
div#div-content-BGSS {
	float:left;
	display:block;
	width:auto;
	height:auto;
	position:absolute;
	top:0px;
	left:0px;
}

div#div-content-BGSS {
	background-color:#000000;
}

div.div-content-img-BGSS {
	float:left;
	display:block;
	width:auto;
	height:auto;
	position:absolute;
}

/* DIV DA IMAGEM DA GALERIA BACKGROUND */
div.div-img-BGSS {
	float:left;
	display:block;
	width:auto;
	height:auto;
	position:absolute;
}

/* LISTA DE INDICADORES DA GALERIA DE BACKGROUND */
ul#ul-li-indicadores-bgSS {
	float:left;
	display:block;
	width:auto;
	height:auto;
	position:relative;
	margin:0px;
	padding:0px;
	list-style:none;
}

ul#ul-li-indicadores-bgSS li.li-indicadores-bgSS {
	float:left;
	display:inline;
	width:6px;
	height:6px;
	position:relative;
	margin-right:6px;
}

/* DIVS DOS INDICADORES */
div.div-indicador-inativo, div.div-indicador-ativo, div.div-capa-indicador {
	float:left;
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}

div.div-indicador-inativo {
	background:transparent url('../imagens/icones/galerias/imgInativa.png') left top no-repeat;
}

div.div-indicador-ativo {
	background:transparent url('../imagens/icones/galerias/imgAtiva.png') left top no-repeat;
}

div.div-capa-indicador {
	background-color:#000000;
	cursor:pointer;
}