
.load {
	height: 78px;
	left: 50%;
	margin: -39px 0 0 -44px;
	position: absolute;
	top: 50%;
	width: 88px;
	z-index: 99999;
	background: url(../images/load.gif) no-repeat;
}

.bg_modal {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 99998;
}

.view_modal {
	left: 50%;
	position: absolute;
	text-align: left;
	top: 50%;
	z-index: 99998;
}

.modal {
	cursor: pointer;
	visibility: hidden;
	display:none;
}

div.container {
	margin: 10px auto;
	*margin: -10px auto;
	width: 450px;
	height:auto;
	*width:470px;
}

div.container h1 {
	-x-system-font: none;
	font-family: Arial;
	font-size: 20px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
}

div.container p {
	-x-system-font: none;
	font-family: Arial;
	font-size: 13px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	
}

div.container p img {
	border:none;
	
}

div.exemplo {
	background: #F1F1F1 none repeat scroll 0 0;
	margin: 20px 0;
	padding: 10px;
}

div.exemplo pre {
	background: #FFFFAA none repeat scroll 0 0;
	font-family: Trebushet MS;
	font-size: 14px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	padding: 10px;
}

div.exemplo h2 {
	-x-system-font: none;
	font-family: Arial;
	font-size: 16px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
}

div.conteudo_modal {
	background: #FFFFFF none repeat scroll 0 0;
	color: #222222;
	padding: 0 10px;
	width: 450px;
	*width: 470px;
}

h2.accordion {
	cursor: pointer;
}

div.accordion {
	display: none;
}

div#sobre {
	display: block;
}

div.modalExemplo {
	height: auto;
	padding-top: 30px;
	position: relative;
	width: 470px;
}

div.container {
	background: #FFFFFF none repeat scroll 0 0;
	padding: 10px;
	width: 450px;
	height:auto;
	*width: 470px;
	
}

div.container .titulo {
	color:#777777;
float:left;
font-size:22px;
font-weight:bolder;
margin:0;
width:100%;
}

.modalExemplo  a.fechar {
background:#eaeaea none repeat scroll 0 0;
color:#000000;
display:block;
font-family:Georgia;
font-size:10px;
font-weight:normal;
margin-top:-13px;
padding:5px 10px;
text-decoration:none;
*margin-top:-30px;
}
a.fechar:hover{
color:#651C3D;
}





