/* O z-index do div#mask deve ser menor que do div#boxes e do div.window */
#mask {
position:absolute;
left:0;
top:0;
z-index:9000;
background-image: url("https://sites.google.com/site/comofazerumsitecom/ficheiros/fundo-transp.png");
display:none;
}

#boxes .window {
position:absolute;
left:0;
top:0px;
width:290px;
height:350px;
display:none;
z-index:9999;
}

/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */
#dialog {
width:280px;
height:350px;
padding:10px;
background-color:#D4E7F9;
border:2px solid #000;
-moz-border-radius: 2px; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px;
}

/* posiciona o link para fechar a janela */
.close {
display:block;
text-align:right;
float: right; 
position:relative;
right:-20px;
top:-20px;
}

#logotipo {
clear:both; 
text-align: center;
padding-top: 5px;
}

#logotipo img {
border:0px solid #000;
}

#campo1 {
clear:both; padding: 50px 10px 0px 10px; text-align:center;
font: normal 100% Arial;font-size: 14px;
}

#campo2 {
clear:both; padding: 10px 10px 0px 0px; text-align:center; 
font: bold 100% Arial;font-size: 14px;
}

#campo3 {
clear:both; padding: 0px 10px 0px 10px; text-align:center;
font: bold 100% Arial;font-size: 12px;
}

#dialog .formulario {
border:0px solid #ccc; padding: 3px; margin-top: 50px; text-align:center;font: normal 100% Arial;font-size: 12px;
}