/* MODAL */
.load       { position: absolute; top: 50%; left: 50%; width: 88px; height: 78px; margin: -39px 0 0 -44px; 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 { 
	width: 700px;
	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: 280px;
	height: 280px;	
	color: #222;
	padding:0 10px;
}

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


div.modalExemplo { width: 500px; height: 250px; position:relative;}
div.introducao { width: 500px; height: 250px; background:#FFFFFF; position:fixed; }
div.introducao p, div.introducao h1 { color: #777; margin:0; }
a.fechar { background: #fff; position: absolute; display: block; padding: 5px; top: 0; right:0; }