/* 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 Verdana, Arial, Helvetica, sans-serif;
}
div.container p { 
	margin: 10px 0;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
}

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 Verdana, Arial, Helvetica, sans-serif;
}

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: 350px;*width: 300px; height: 450px; padding-top:40px; position:relative;}
div.introducao { width: 350px; height: 450px; background:#DFDFDF; padding:20px; }
div.introducao p, div.introducao h1 { color: #000; margin:0; font-size:13.5px; text-align:justify; padding-bottom: 16px;}
a.fechar { background: #fff; position: absolute; display: block; padding: 5px; top: 0; right:0; }