@charset "iso-8859-1";
/* CSS Document */

/* MODAL */
/* O z-index do div#mask deve ser menor que do div#boxes e do div.window */

#mask {
	position:absolute;
	z-index: 90;  
	background-color:#000; 
	display:none;
	left: 0;
	top: 0;
}

#boxes .window {
	position:absolute;
	width:440px;
	height:200px;
	display:none;
	z-index:9998;
	padding:20px;
	margin: -200px 0 0 -100px;
} 

/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */
#boxes #dialog {
	padding: 5px;
}

/* posiciona o link para fechar a janela */
a.close {
	position: absolute;
	top: -20px;
        left: 5px;
        background: #fff;
        text-decoration: none;
        color: #000;
        padding: 0 10px 0 10px;
}

a.close:hover {
        text-decoration: none;
        background: #f00;
        color: #fff;
}


/* mensagem para clicar para alternar */
a.avisoFoto {
	position: absolute; 
	top: -20px;
	right: 10px;
        /*
        float: left;
        margin: 0 0 0 0;
        */
        background: #fff;
        text-decoration: none;
        cursor: none;
        color: #000;
        padding: 0 10px 0 10px;
}

/*
a.avisoFoto:hover {
        text-decoration: none;
        background: #f00;
        color: #fff;
}
*/

/* posiciona o link para fechar a janela */
a.ampliarbt {
	background: #eee;
	padding: 3px;
	color: #333;
	text-decoration: none;
}

a.ampliarbt:hover {
	background: #ccc;
}