@font-face {
    font-family: "Roboto Condesed";
    src: url("../fonts/RobotoCondensed-Regular.ttf");
 }
* {
			transition: background-color 300ms ease, color 300ms ease;
		}

		*:focus {
			/*background-color: rgba(221, 72, 20, .2);*/
			outline: none;
		}
		html, body {
			color: rgba(84, 89, 95, 1);
			font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
			font-size: 14px;
			margin: 0;
			padding: 0;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			text-rendering: optimizeLegibility;
		}
		header {
			box-shadow: #000 0px 2px 4px;
			position: relative;
			background-color: rgba(255, 255, 255, 1);
			padding: .4rem 0 0;
			
		}
		.menu {
			padding: .4rem 2rem;
		}
		header ul {
			font-family:"Roboto Condesed";
			border-bottom: 1px solid rgba(242, 242, 242, 1);
			list-style-type: none;
			margin: 0;
			overflow: hidden;
			padding: 0;
			text-align: right;
			height: 80px;
		}
		header li {
			text-transform:uppercase;
			display: inline-block;
		}
		header li a {
			/*border-radius: 5px;*/
			color: rgba(0, 0, 0, .5);
			display: block;
			
			text-decoration: none;
		}
		header li.menu-item a {
			/*border-radius: 5px; */
			margin: 5px 0;
			height: 46px;
			line-height: 36px;
			padding: .4rem .65rem;
			text-align: center;
		}
		header li.menu-item a:hover,
		header li.menu-item a:focus {
			/*background-color: rgba(221, 72, 20, .2);*/
			color: rgba(84, 89, 95, 1);
			border-bottom-color: rgba(84, 89, 95, 1);
    		border-bottom-style: solid;
		}
		header .logo {
			float: left;
			height: 44px;
			padding: .4rem .5rem;
		}
		header .menu-toggle {
			display: none;
			float: right;
			font-size: 2rem;
			font-weight: bold;
		}
		header .menu-toggle button {
			background-color: rgba(221, 72, 20, .6);
			border: none;
			border-radius: 3px;
			color: rgba(255, 255, 255, 1);
			cursor: pointer;
			font: inherit;
			font-size: 1.3rem;
			height: 36px;
			padding: 0;
			margin: 11px 0;
			overflow: visible;
			width: 40px;
		}
		header .menu-toggle button:hover,
		header .menu-toggle button:focus {
			background-color: rgba(221, 72, 20, .8);
			color: rgba(255, 255, 255, .8);
		}
		header .heroe {
			margin: 0 auto;
			max-width: 1100px;
			padding: 1rem 1.75rem 1.75rem 1.75rem;
		}
		header .heroe h1 {
			font-size: 2.5rem;
			font-weight: 500;
		}
		header .heroe h2 {
			font-size: 1.5rem;
			font-weight: 300;
		}
		section {
			margin: 0 auto;
			max-width: 1100px;
			padding: 2.5rem 1.75rem 3.5rem 1.75rem;
		}
		section h1 {
			margin-bottom: 2.5rem;
		}
		section h2 {
			font-size: 120%;
			line-height: 2.5rem;
			padding-top: 1.5rem;
		}
		section pre {
			background-color: rgba(247, 248, 249, 1);
			border: 1px solid rgba(242, 242, 242, 1);
			display: block;
			font-size: .9rem;
			margin: 2rem 0;
			padding: 1rem 1.5rem;
			white-space: pre-wrap;
			word-break: break-all;
		}
		section code {
			display: block;
		}
		section a {
			color: rgba(221, 72, 20, 1);
		}
		section svg {
			margin-bottom: -5px;
			margin-right: 5px;
			width: 25px;
		}
		.further {
			background-color: rgba(247, 248, 249, 1);
			border-bottom: 1px solid rgba(242, 242, 242, 1);
			border-top: 1px solid rgba(242, 242, 242, 1);
		}
		.further h2:first-of-type {
			padding-top: 0;
		}
		footer {
			background-color: rgba(221, 72, 20, .8);
			text-align: center;
		}
		footer .environment {
			color: rgba(255, 255, 255, 1);
			padding: 2rem 1.75rem;
		}
		footer .copyrights {
			background-color: rgba(62, 62, 62, 1);
			color: rgba(200, 200, 200, 1);
			padding: .25rem 1.75rem;
		}

		.btn-rad {
			width: 100%;
			color: #fff;
			font-family: "Roboto Condesed";
		    font-size: 18px;
		    border-style:unset;
		    text-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		    background-color: #54595F;
		    border-radius: 20px 20px 20px 20px;
		    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
		    padding: 11px 20px 11px 20px;
		    text-decoration: inherit;
		    text-shadow: 0px 0px 10px rgba(0,0,0,3);
		}

		.contbutton{
			cursor: pointer;
		}

/* guia tabs */
	
	#tabs {
		border:none;
	}

	.ul-header-rad{
		background: #fff;
		border:none;
		text-align: center;
	}

	.ui-tabs .ul-header-rad .li-header-rad {
		text-align: center;
		margin: 5px;
		border: none;
		border-bottom: #000 solid;
		width: 30%;
		background: #fff;
		padding: 10px 0px;

	}

	.ui-tabs .ul-header-rad .li-header-rad.ui-tabs-active {
		background: #54595F;
		padding: 10px 0px;
	}

	.ui-tabs .ul-header-rad .li-header-rad.ui-state-hover {
		background: #A9A9A9;
		cursor: pointer;
	}

	.ui-tabs .ul-header-rad .li-header-rad .ui-tabs-anchor {
		float: none;
		width: 100%;

	}
/* ------ */

/* forms */

	.circulo{	
				border-radius: 100%;
				border: solid 2px;
				width: 35px;
				height: 35px;
				text-align: center;
				font-size: 14px;
				font-weight: bold;
				border-color: red;
				line-height:30px;

			}
	.circulo.atualpag{
				background-color: #e9e9e9;
			}
	.circulo.concluipag{
				color: #fff;
				background-color: #ff858a;
			}
	.circulo.concluipag i{
		font-size: 19px;			
		color: #fff;
		margin: 5px;
		
	}


	.circulo_texto{
				text-align: center;
			}
	#barra-processo {
				padding: 10px;
				
	}
	.title-1 {
		color: #530405;
	}
	.title-2{
		background-color: #f1f1f1;
		height: 30px;
		color: #000;
	}
	.borda-1{
		border-radius: 5px;
		border: solid 1px #dfdfdf;

	}
	.red {
		color: red

	}


/*--------*/

		@media (max-width: 559px) {
			header ul {
				padding: 0;
			}
			header .menu-toggle {
				padding: 0 1rem;
			}
			header .menu-item {
				background-color: rgba(244, 245, 246, 1);
				border-top: 1px solid rgba(242, 242, 242, 1);
				margin: 0 15px;
				width: calc(100% - 30px);
			}
			header .menu-toggle {
				display: block;
			}
			header .hidden {
				display: none;
			}
			header li.menu-item a {
				background-color: rgba(221, 72, 20, .1);
			}
			header li.menu-item a:hover,
			header li.menu-item a:focus {
				background-color: rgba(221, 72, 20, .7);
				color: rgba(255, 255, 255, .8);
			}
		}