.logo{
	position:absolute;
	margin-top:0%;
	margin-left:0%;
}	

.titulo_instituto{
	position:absolute;
	margin-top:3.5%;
	margin-left:18%;
	font-family:arial black;
	color:#4F4F4F;
	font-size: 130%;
	border: 0px solid black;
	}
	
.titulo_coordenadoria{
	position:absolute;
	margin-top:6%;
	margin-left:18%;
	font-family:arial black;
	color:#4F4F4F;
	font-size: 130%;
	border: 0px solid black;
	}

.linha{
	size:70%;
	position:absolute;
	width:70%;
	margin-left:18%;
	margin-top:5.5%;
}

	
.box		{
	position: absolute; top: 20%; left:20%;
	width: 60%;
	height: 30%;
	padding-top:0px;
    padding-left: 0px;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#1c1c1c;
	font-family: arial;
	font-size:18px;
			}

.box_areas		{
	position: absolute; top: 8%; left:20%;
	width: 60%;
	height: 45%;
	padding-top:0px;
    padding-left: 0px;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#1c1c1c;
	font-family: arial;
	font-size:18px;
			}
			
.box_areas1	{
	position: absolute; top: 63%; left:20%;
	width: 20%;
	height: 30%;
	padding-top:0px;
    padding-left: 0px;
    border:0px solid #ccc;
	background:none;
		}
			
.box_areas1_foto {
	position: absolute; left:0%; top:0%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;	
}

.box_areas1_foto img {
	border-radius:15px 15px 15px 15px;	
}

.box_areas1_titulo	{
	position: absolute; top: 0%; left:100%;
	width: 204%;
	height: 20%;
	padding-top:3%;
    padding-left: 0%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#2ECCFA;				/* #2ECCFA */
	font-family: arial;
	font-size:24px;
	text-align:center;
	font-weight:bold;
			}

.box_areas1_texto	{
	position: absolute; top:25%; left:100%;
	width: 200%;
	height: 69%;
	padding-top:4%;
    padding-left: 4%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#1c1c1c;
	font-family: arial;
	font-size:18px;
			}
			

.box_areas2	{
	position: absolute; top: 103%; left:20%;
	width: 20%;
	height: 30%;
	padding-top:0px;
    padding-left: 0px;
    border:0px solid #ccc;
	background:none;
		}
			
.box_areas2_foto {
	position: absolute; left:0%; top:0%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;	
}

.box_areas2_foto img {
	border-radius:15px 15px 15px 15px;	
}

.box_areas2_titulo	{
	position: absolute; top: 0%; left:100%;
	width: 204%;
	height: 20%;
	padding-top:3%;
    padding-left: 0%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#2ECCFA;				/* #2ECCFA */
	font-family: arial;
	font-size:24px;
	text-align:center;
	font-weight:bold;
			}

.box_areas2_texto	{
	position: absolute; top:25%; left:100%;
	width: 200%;
	height: 69%;
	padding-top:4%;
    padding-left: 4%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#1c1c1c;
	font-family: arial;
	font-size:18px;
			}
			
.box_areas3	{
	position: absolute; top: 143%; left:20%;
	width: 20%;
	height: 30%;
	padding-top:0px;
    padding-left: 0px;
    border:0px solid #ccc;
	background:none;
		}
			
.box_areas3_foto {
	position: absolute; left:0%; top:0%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;	
}

.box_areas3_foto img {
	border-radius:15px 15px 15px 15px;	
}

.box_areas3_titulo	{
	position: absolute; top: 0%; left:100%;
	width: 204%;
	height: 20%;
	padding-top:3%;
    padding-left: 0%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#2ECCFA;				/* #2ECCFA */
	font-family: arial;
	font-size:24px;
	text-align:center;
	font-weight:bold;
			}

.box_areas3_texto	{
	position: absolute; top:25%; left:100%;
	width: 200%;
	height: 69%;
	padding-top:4%;
    padding-left: 4%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#1c1c1c;
	font-family: arial;
	font-size:18px;
			}


.box_areas4	{
	position: absolute; top: 183%; left:20%;
	width: 20%;
	height: 30%;
	padding-top:0px;
    padding-left: 0px;
    border:0px solid #ccc;
	background:none;
		}
			
.box_areas4_foto {
	position: absolute; left:0%; top:0%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;	
}

.box_areas4_foto img {
	border-radius:15px 15px 15px 15px;	
}

.box_areas4_titulo	{
	position: absolute; top: 0%; left:100%;
	width: 204%;
	height: 20%;
	padding-top:3%;
    padding-left: 0%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#2ECCFA;				/* #2ECCFA */
	font-family: arial;
	font-size:24px;
	text-align:center;
	font-weight:bold;
			}

.box_areas4_texto	{
	position: absolute; top:25%; left:100%;
	width: 200%;
	height: 69%;
	padding-top:4%;
    padding-left: 4%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#1c1c1c;
	font-family: arial;
	font-size:18px;
			}


.box_areas5	{
	position: absolute; top: 223%; left:20%;
	width: 20%;
	height: 30%;
	padding-top:0px;
    padding-left: 0px;
    border:0px solid #ccc;
	background:none;
		}
			
.box_areas5_foto {
	position: absolute; left:0%; top:0%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;	
}

.box_areas5_foto img {
	border-radius:15px 15px 15px 15px;	
}

.box_areas5_titulo	{
	position: absolute; top: 0%; left:100%;
	width: 204%;
	height: 20%;
	padding-top:3%;
    padding-left: 0%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#2ECCFA;				/* #2ECCFA */
	font-family: arial;
	font-size:24px;
	text-align:center;
	font-weight:bold;
			}

.box_areas5_texto	{
	position: absolute; top:25%; left:100%;
	width: 200%;
	height: 69%;
	padding-top:4%;
    padding-left: 4%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#1c1c1c;
	font-family: arial;
	font-size:18px;
			}



.box_areas6	{
	position: absolute; top: 263%; left:20%;
	width: 20%;
	height: 30%;
	padding-top:0px;
    padding-left: 0px;
    border:0px solid #ccc;
	background:none;
		}
			
.box_areas6_foto {
	position: absolute; left:0%; top:0%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;	
}

.box_areas6_foto img {
	border-radius:15px 15px 15px 15px;	
}

.box_areas6_titulo	{
	position: absolute; top: 0%; left:100%;
	width: 204%;
	height: 20%;
	padding-top:3%;
    padding-left: 0%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#2ECCFA;				/* #2ECCFA */
	font-family: arial;
	font-size:24px;
	text-align:center;
	font-weight:bold;
			}

.box_areas6_texto	{
	position: absolute; top:25%; left:100%;
	width: 200%;
	height: 69%;
	padding-top:4%;
    padding-left: 4%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#1c1c1c;
	font-family: arial;
	font-size:18px;
			}

.box_areas7	{
	position: absolute; top: 303%; left:20%;
	width: 20%;
	height: 30%;
	padding-top:0px;
    padding-left: 0px;
    border:0px solid #ccc;
	background:none;
		}
			
.box_areas7_foto {
	position: absolute; left:0%; top:0%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;	
}

.box_areas7_foto img {
	border-radius:15px 15px 15px 15px;	
}

.box_areas7_titulo	{
	position: absolute; top: 0%; left:100%;
	width: 204%;
	height: 20%;
	padding-top:3%;
    padding-left: 0%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#2ECCFA;				/* #2ECCFA */
	font-family: arial;
	font-size:24px;
	text-align:center;
	font-weight:bold;
			}

.box_areas7_texto	{
	position: absolute; top:25%; left:100%;
	width: 200%;
	height: 69%;
	padding-top:4%;
    padding-left: 4%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#1c1c1c;
	font-family: arial;
	font-size:18px;
			}

.box_areas8	{
	position: absolute; top: 343%; left:20%;
	width: 20%;
	height: 30%;
	padding-top:0px;
    padding-left: 0px;
    border:0px solid #ccc;
	background:none;
		}
			
.box_areas8_foto {
	position: absolute; left:0%; top:0%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;	
}

.box_areas8_foto img {
	border-radius:15px 15px 15px 15px;	
}

.box_areas8_titulo	{
	position: absolute; top: 0%; left:100%;
	width: 204%;
	height: 20%;
	padding-top:3%;
    padding-left: 0%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#2ECCFA;				/* #2ECCFA */
	font-family: arial;
	font-size:24px;
	text-align:center;
	font-weight:bold;
			}

.box_areas8_texto	{
	position: absolute; top:25%; left:100%;
	width: 200%;
	height: 69%;
	padding-top:4%;
    padding-left: 4%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#1c1c1c;
	font-family: arial;
	font-size:18px;
			}


.box_areas9	{
	position: absolute; top: 383%; left:20%;
	width: 20%;
	height: 30%;
	padding-top:0px;
    padding-left: 0px;
    border:0px solid #ccc;
	background:none;
		}
			
.box_areas9_foto {
	position: absolute; left:0%; top:0%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;	
}

.box_areas9_foto img {
	border-radius:15px 15px 15px 15px;	
}

.box_areas9_titulo	{
	position: absolute; top: 0%; left:100%;
	width: 204%;
	height: 20%;
	padding-top:3%;
    padding-left: 0%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#2ECCFA;				/* #2ECCFA */
	font-family: arial;
	font-size:24px;
	text-align:center;
	font-weight:bold;
			}

.box_areas9_texto	{
	position: absolute; top:25%; left:100%;
	width: 200%;
	height: 69%;
	padding-top:4%;
    padding-left: 4%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#1c1c1c;
	font-family: arial;
	font-size:18px;
			}
			
.box_areas10	{
	position: absolute; top: 423%; left:20%;
	width: 20%;
	height: 30%;
	padding-top:0px;
    padding-left: 0px;
    border:0px solid #ccc;
	background:none;
		}
			
.box_areas10_foto {
	position: absolute; left:0%; top:0%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;	
}

.box_areas10_foto img {
	border-radius:15px 15px 15px 15px;	
}

.box_areas10_titulo	{
	position: absolute; top: 0%; left:100%;
	width: 204%;
	height: 20%;
	padding-top:3%;
    padding-left: 0%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#2ECCFA;				/* #2ECCFA */
	font-family: arial;
	font-size:24px;
	text-align:center;
	font-weight:bold;
			}

.box_areas10_texto	{
	position: absolute; top:25%; left:100%;
	width: 200%;
	height: 69%;
	padding-top:4%;
    padding-left: 4%;
    border:0px solid #ccc;
	font-family: arial;
	background:none;
	color:#1c1c1c;
	font-family: arial;
	font-size:18px;
			}







/* DAQUI PARA BAIXO CSS DO FORMULÁRIO */
.formulario		{
	position: absolute; top: 50%; left:30%;
	width: 35%;
	height: 245%;
	padding-top:0px;
    padding-left: 10px;
    border:3px solid #ccc;
	font-family: arial;
	background:#A9BCF5;
	border-radius: 40px;
	opacity:1;
				}
				
.formulario p{
    width: 100%;
    font-size: 1.5em;
	color:navy;
	text-align:center;
	font-weight:bold;
	padding-left:0px;
}


.formulario_contato		{
	position: absolute; top: 50%; left:30%;
	width: 35%;
	height: 145%;
	padding-top:0px;
    padding-left: 10px;
    border:3px solid #ccc;
	font-family: arial;
	background:#A9BCF5;
	border-radius: 40px;
	opacity:1;
				}
				
.formulario_contato p{
    width: 100%;
    font-size: 1.5em;
	color:navy;
	text-align:center;
	font-weight:bold;
	padding-left:0px;
}

.field{
    width: 90%;
    margin: 5px 0;
}

.field label, 
.field span{
    padding-left: 10px;
    font-size: 1.2em;
    display: block;
    width: 100%;
}	

.field_2{
    width: 40%;
    margin: 5px 0;
}

.field_2 label, 
.field_2 span{
    padding-left: 10px;
    font-size: 1.2em;
    display: block;
    width: 100%;
}	

.field_3{
    width: 10%;
    margin: 5px 0;
}

.field_3 label, 
.field_3 span{
    padding-left: 10px;
    font-size: 1.2em;
    display: block;
    width: 100%;
}

.date{
    width: 40%;
    margin: 5px 0;
}

.date label, 
.date span{
    padding-left: 10px;
    font-size: 1.2em;
    display: block;
    width: 100%;
}	

.numero{
    width: 40%;
    margin: 5px 0;
}

.numero label, 
.numero span{
    padding-left: 10px;
    font-size: 1.2em;
    display: block;
    width: 100%;
}	

#appearance-select{
   -webkit-appearance: none;  /* Remove estilo padrão do Chrome */
   -moz-appearance: none; /* Remove estilo padrão do FireFox */
 }

.radiobox label{
    width: auto;
    display: inline-block;
}
input[type=text],
input[type=email],
input[type=number],
input[type=date],
textarea{
    width: 100%;
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    border: 1px solid #ccc;
    outline: none;
}
input#nao{
    margin-left: 30px;
}
textarea{
    line-height: 20px;
    padding: 10px;
    height: 120px;
    resize: none;
}
input[type=submit]{
    display: block;
    background-color: navy;
	color:white;
	font-weight:bold;
    height: 25px;
    border: none;
    outline: 0;
    cursor: pointer;
    width: 100px;
    margin: 0 auto;
    text-align: center;
    border-radius: 15px;
}	

input[type=submit]:hover{background-color:orange; font-weight:bold; color:black;}

.btn{
    display: block;
    background-color: navy;
	color:white;
	font-weight:bold;
    height: 25px;
    border: none;
    outline: 0;
    cursor: pointer;
    width: 100px;
    margin: 0 auto;
    text-align: center;
    border-radius: 15px;
	text-decoration:none;
}	

.btn:hover{background-color:orange; font-weight:bold; color:black;text-decoration:none;}


input[type=date]::-webkit-inner-spin-button { 
    -webkit-appearance: none;
}
input[type=date] { 
   -moz-appearance: textfield;
   appearance: textfield;
}


input[type=number]::-webkit-inner-spin-button { 
    -webkit-appearance: none;
 }
input[type=number] { 
   -moz-appearance: textfield;
   appearance: textfield;
}
.linha_rodape	{
	position: absolute; left:5%; top:320%;
	width: 90%;
	border: 0px solid #1c1c1c;
				}
				
.rodape {
	position: absolute; left:0%; top:322%;
	width:100%;
	height: 5%;
	color:gray;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
		}

.linha_rodape_form_enviado	{
	position: absolute; left:5%; top:93%;
	width: 90%;
	border: 0px solid #1c1c1c;
				}
				
.rodape_form_enviado {
	position: absolute; left:0%; top:95%;
	width:100%;
	height: 5%;
	color:gray;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
		}
		
.linha_rodape_areas	{
	position: absolute; left:5%; top:473%;
	width: 90%;
	border: 0px solid #1c1c1c;
				}
				
.rodape_areas {
	position: absolute; left:0%; top:475%;
	width:100%;
	height: 5%;
	color:gray;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
		}

.linha_rodape_campanhas	{
	position: absolute; left:5%; top:153%;
	width: 90%;
	border: 0px solid #1c1c1c;
				}
				
.rodape_campanhas {
	position: absolute; left:0%; top:155%;
	width:100%;
	height: 5%;
	color:gray;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
		}

.linha_rodape_relatorio	{
	position: absolute; left:5%; top:2933%;
	width: 90%;
	border: 0px solid #1c1c1c;
				}
				
.rodape_relatorio {
	position: absolute; left:0%; top:2935%;
	width:100%;
	height: 5%;
	color:gray;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
		}
		
.linha_rodape_contato	{
	position: absolute; left:5%; top:208%;
	width: 90%;
	border: 0px solid #1c1c1c;
				}
				
.rodape_contato {
	position: absolute; left:0%; top:210%;
	width:100%;
	height: 5%;
	color:gray;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
		}
		
.linha_rodape_voluntario	{
	position: absolute; left:5%; top:298%;
	width: 90%;
	border: 0px solid #1c1c1c;
				}
				
.rodape_voluntario {
	position: absolute; left:0%; top:300%;
	width:100%;
	height: 5%;
	color:gray;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
		
}


.linha_rodape_post	{
	position: absolute; left:5%; top:92%;
	width: 90%;
	border: 0px solid #1c1c1c;
				}
				
.rodape_post {
	position: absolute; left:0%; top:94%;
	width:100%;
	height: 5%;
	color:gray;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
		
}

.tabela{
		position: absolute; left:20%; top:62%;
		width:60%;
		height:auto;
		border: 0px solid black;
		font-size:18px;
		font-family:arial;
		color:#1c1c1c;
		background-color:none;
}

		a {text-decoration:none;}
		a:hover{text-decoration:none;}