/*Documento CSS /style_janela_modal.css*/
  body{
        background-attachment: fixed;
        /*background-color:#DCDCDC;*/
        background-image:url(/static/img/whitey.png);
	/*background-repeat: no-repeat;*/
	}

em{
color:green;
}
	
#container  { 
        border: 1px dotted black; 
        margin: 0 auto;  
	width: 660px;
        /*height:900px;*/ 	
	padding: 30px;
	background: #FFF; 
	/*background-image:url(/static/img/bordadouva.jpg);
	background-repeat: no-repeat;
	background-position: 5px;*/
	box-shadow: 4px 8px 10px 10px #181818; /*o primeiro número é da sombra direita, o 2º é da parte debaixo,*/
	}   
	
.janelaModal{
	position:fixed;
	font-family: Arial, Helvetica, sans-serif;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background: rgba(0,0,0,0.6);
	z-index:99999;/*Para que a janela Modal fique acima de tudo, a propriedade z-index define a posição.*/
	opacity:0;
	-webkit-transition:opacity 400ms ease-in;
	-moz-transition:opacity 400ms ease-in;
	transition:opacity 400ms ease-in;

	}
	.janelaModal:target{
	     opacity:1;
	     pointer-events:auto;
	}
	.janelaModal{
	width:400px;
	height:300px;
	position:relative;
	margin:10%auto;
	padding:5px 20px 13px 20px;
	border-radius:10px;
	background:-moz-linear-gradient(#fff,#999);
	background:-webkit-linear-gradient(#fff,#999);
	background:-0-linear-gradient(#fff,#999);
	}
	.fechar{
	background:#606061;
	color:#FFFFFF;
	line-height:25px;
	position:absolute;
	right:16px;
	text-align:center;
	top:10px;
	width:24px;
	text-decoration:none;
	font-weight:bold;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	-moz-box-shadow:1px 1px 3px #000;
	-webkit-box-shadow:1px 1px 3px #000;
	box-shadow:1px 1px 3px #000
	}
	.fechar:hover(background:#00d9ff;}