@charset "utf-8";
a {text-decoration: none;}@charset "utf-8";

@font-face {
	font-family: 'normal';   src: url('fonts/flama.otf') format('OpenType');
}

@font-face {
	font-family: 'normal';   src: url('fonts/flamabold.otf') format('OpenType'); font-weight:bold;
}

body {
	background-color: #FFFFFF;
	border: 0;
	padding: 0;
	margin: 0;
	background-size: 100% auto;
	background-position: center center;
	overflow-y: scroll;
	font-family: 'normal', Arial;
}

input[type=checkbox] {
	transform: 	scale(1.5);
	padding: 	10px;
	margin:		8px;
}

input[type='radio']:after {
	width: 15px;
	height: 15px;
	border-radius: 15px;
	top: -4px;
	left: -1px;
	position: relative;
	background-color: #d1d3d1;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 2px solid white;
}

input[type='radio']:checked:after {
	width: 15px;
	height: 15px;
	border-radius: 15px;
	top: -4px;
	left: -1px;
	position: relative;
	background-color: #006699;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 2px solid white;
}


.conteudo {
	font-family:	'normal', Arial;;
	margin-top:		2%;
	margin-bottom:	2%;
	border-radius:	20px;
	width:			90%;
	max-width:		750px;
	opacity:		1;
	color:			#000000;
	box-shadow:		2px 2px 4px #000;
	font-size:		12pt;
	box-sizing: 	border-box;
	
	background-color:#CCC;
	
	animation-name: aparece;
	animation-duration: 1s;
}

.conteudo a:link{	color: #FF9;}
.conteudo a:visited{color: #FF9;}
.conteudo a:hover{	color: #FF9; text-decoration:underline;}

.areaTexto {
	font-size:		12pt;
	color:			#000000;
	box-sizing: 	border-box;
	text-align:		left;
	padding-left:	2%;
	padding-right:	2%;	
	
}
.areaForm {
	box-sizing: 	border-box;
	text-align:		left;
	padding-left:	2%;
	padding-right:	2%;	
}

.formulario  {
	font-family:	'normal', Arial;;
	color:			#45133e;
	width:			100%;
	font-size:		13pt;
	border-radius:  8px ;
	border:			none;
	box-shadow: 	1px 1px 2px #999 inset;
	
	padding-bottom:	6px;
	padding-top:	6px;
	padding-left:	15px;
	padding-right:	10px;
	margin-top:		3px;
}


.botao {
	user-select: 		none;
	cursor:		 		pointer; 
	display: 			inline-block;
	font-family:		'normal', Arial;;
	color:				#ffffff;
	background-color:	#039;
	background-size:	cover;
	font-size:			10pt;
	padding-bottom:		6px;
	padding-top:		6px;
	padding-left:		10px;
	padding-right:		10px;
	border-radius:  	8px ;
	font-weight:		bold;
	border:				none;
	box-shadow: 		1px 1px 2px #333;
}
.botao:hover {
	filter: brightness(120%);
}

.botao a:link{	  color: #fff;}
.botao a:visited{ color: #fff;}
.botao a:hover{	  color: #fff;}

.linhaHover {
	line-height:120%;
	padding:5px;
	border-radius:3px;
}

.linhaHover:hover {
	background-color:rgba(255,255,255,0.3);
}

.dd {
	padding:5px;
	border: solid 2px #FF0000;
	background-color:#FFF;
	color:#000;	
}

@keyframes aparece {
	from { opacity:0; }
	to { opacity:1;	}
}


@media only screen and (max-width: 700px) {

	.conteudo {
		font-size:10pt;
	}

}