/* MODAL */
.load { position: absolute; top: 50%; left: 50%; width: 500px; height: 215px; margin: -250px 0 0 -107px; z-index: 99999;}
.bg_modal { position: absolute; top: 0; left: 0; z-index: 99998; } 
.view_modal { position: absolute; left: 50%;	top: 50%; text-align: left; z-index: 99998; }
.modal { visibility: hidden; cursor:pointer; }

div.container { 
	margin: 10px auto;
}

div.container h1 { 
	font: bold 20px Arial;
}
div.container p { 
	margin: 10px 0;
	font: 13px Arial;
}

div.exemplo { 
	background : #f1f1f1; 
	margin: 20px 0;
	padding: 10px;
}

div.exemplo pre { 
	background : #ffa;
	padding:10px;
	font: 14px Trebushet MS;
}

div.exemplo h2{ 
	font: bold 16px Arial;
}

div.conteudo_modal { 
	background: #fff;
	width: 500px;
	height: 215px;	
	color: #222;
	padding:0 10px;
}

h2.accordion { cursor: pointer; }
div.accordion { display: none; }
div#sobre { display: block; }


div.modalExemplo { width: 500px; height: 215px; padding-top:30px; position:relative;}
div.introducao { width: 500px; height: 215px; background:#fff; padding:10px; }
div.introducao p, div.introducao h1 { color: #777; margin:0; }
a.fechar {
	background: #fff;
	position: absolute;
	display: block;
	padding-bottom:9px;
	padding-left:10px;
	padding-right:10px;
	padding-top:9px;
	top: 0;
	right:0;
}