/* 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: 370px;
	height: 270px;	
	color: #222;
	padding:10px;
	border: 2px dashed #C9C9AD;
}

div.print_modal { 
	background: #fff;
	width: 520px;
	color: #222;
	padding:10px;
	border: 2px dashed #C9C9AD;
}

div.email-blogueiro { 
	background: #fff;
	width: 370px;
	height: 270px;	
	padding:10px;
	border: 2px dashed #C9C9AD;
}
/*-----------------------------------------------------------*/
/* FORMS
-------------------------------------------------------------*/
.label_comercial,.label_informativo, .label_contato { 
	width: 110px; 
	text-align: right; 
	float:left; 
	font: normal 11px Verdana; 
	height: 15px; 
	margin: 3px 10px 4px 0px;
}

.label_contato { margin-top: 2px; }

.frm_contato {
	height: 12px;
	background: #FFFFFF;
	font: normal 11px verdana; 
	color: #00224B;
	padding: 3px 4px 4px 4px;
	border: 1px solid #C9C9AD;
	margin-bottom: 1px;
}

.f_218 { width: 218px; }
.f_353 { width: 353px; }
.f_168 { width: 168px; }
.f_131 { width: 131px; }
.f_110 { width: 110px; }
.f_171 { width: 171px; }
.f_20  { width: 25px;  }
.f_100 { width: 100px; }
.f_29  { width: 29px;  }
.f_90  { width: 90px;  }
.f_218x70 { width: 218px; height: 70px; }

span.accordion { 
	cursor: pointer; 
	background:#C9C9AD;
	padding:1px 1px 1px 4px;
	font:12px Arial, Helvetica, sans-serif;
    color:#fff;
}
div.accordion { display: none; }
div#sobre { display: block; }


div.modalExemplo { width: 320px; height: 300px; padding-top:30px; position:relative;}
div.introducao { width: 300px; height: 270px; background:#fff; padding:10px; }
div.introducao p, div.introducao h1 { color: #777; margin:0; }
a.fechar { background: #fff; position: absolute; display: block; padding: 5px; top: 0; right:0; }