/* ESTILOS  */

	/* ... cabecalho*/
		#cabecalho  {
			border: 2px solid navy; 
			background-color: #3078C0;
			border-radius: 50% 20% / 10% 40%;	
			width:90%;
			display: flex;
			justify-content: center;
			padding:0%;
			margin:auto;
			}
		h2 {
			font-family: "Century Gothic";				
			color: white;
			margin-bottom: 20px;
			text-align: center;
			}	

	/* ... menu  */		
		#div-menu  {
			width:90%;
			justify-content: left;
			padding:0%;
			margin:auto;
			}

	/* ... fundo */
		body {
			margin: 0;
			padding: 0;
			}

	/* ... fonte cabecalho */
		h1 {
			font-size: 18px;
			color: navy;
			text-align: center;
			}

	/* ... class= formato |itens do menu| */
		.formato {
			background: none;
			border: 0.5px solid navy;
			border-radius: 50px 25px;	
			font-size: 14px;
			font-weight: bold;
			padding: 5px 10px;
			font-family: "Century Gothic";
			cursor: pointer;
			margin: 10px;
			transition: 0.8s;
			position: relative;
			overflow: hidden;
			}

		/* ... class= formato1  */
		.formato1{
			color: navy;
			}

		/* Efeito animado nos botões - INÍCIO */
		.formato1:hover{
			color: #fff;
			}		
		.formato::before {
			content: "";
			position: absolute;
			left: 0;
			width: 100%;
			height: 0%;
			background: navy;
			z-index: -1;
			transition: 0.8s;
			}		
		.formato1::before {
			top: 0;
			border-radius: 0 0 50% 50%;
			}
		.formato1:hover::before{
			height: 180%;
			}
		/* Efeito animado nos botões - FIM */	


	/* ... corpo */		 				
		img 
			{
			width: 15%;
			}
		.estilo-formulario {
			background-image: linear-gradient(to bottom right, #bcd6ee, #ebf3fa); 	
			border: 1px solid #9DC3E6; 
			border-radius:15px; 
			width:90%;
			margin:auto;"			
			}
		table {
			width:90%;
			justify-content: center;
			padding:1%;
			margin:auto;
			}
		.fonte-titulo {
			font-family: "Century Gothic";
			font-size: 12pt;
			font-weight: bold;
			text-transform: uppercase;
			color: navy;
			margin-bottom:-5pt;
			margin-top:25pt;
			}
		.fonte-subtitulo {
			font-family: Georgia;
			font-size: 12pt;
			font-weight: bold;
			font-style:italic;
			/*text-decoration:underline;*/
			color: navy;
			} 
		.fonte-excerto {
			font-family: "Century Gothic";
			font-size: 11pt;
			font-weight: bold;
			color: navy;
			}
		.fonte-legenda {
			font-family: "Calibri";
			font-size: 12pt;
			color: navy;
			}	
		.fonte-tabIni {
			font-family: "Century Gothic";
			font-size: 12pt;
			line-height:125%;
			color: navy;
			}	
		input {				
			font-family: "Arial" ;
			font-size: 10pt;
			color: gray;
			/*height:100px;*/
			} 
		option {				
			font-family: Microsoft Sans Serif;
			font-size: 10pt;
			color: gray;
			height:100px;
			} 		
		.alinha-esquerda {
			float:left;
			}
		.alinha-direita {
			float:right;
			}
		.bloco-padding {
			padding-top: 0%;
			padding-bottom: 4%;
			padding-left: 3%;
			padding-right: 3%;
			}