.erros, .ok{
width: 390px;
padding: 5px;
background: rgba(238, 249, 113, 0.9);
margin: 20px auto 0 auto;
border: 1px solid rgba(222, 239,10,0.9);
border-radius: 4px;
color: #333;
}

.ok{
background: rgba(155, 222, 143, 0.9);
border-color: rgba(68, 171, 50, 0.9);
color: #fff;
}

.form_curriculo{width: 960px;height: auto;display: table;margin: 0 auto;}

#formulario{
	width: 960px;
	height: auto;
	display: table;
	margin: 40px auto;
	text-align: center;
	position: relative;
	
}

#formulario fieldset{
background: white;
border: 0 none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
/*horizontal, vertical, blur, saida  e cor*/
box-shadow: 0 0 15px 1px rgba(0,0,0,0.4);
padding: 20px 30px;

box-sizing: border-box;
width: 80%;
margin: 0 10%;

/*atacando fieldsets abaixo each other*/
 position: absolute;
}
/*esconde todos exeto o primeiro filedset*/
#formulario fieldset:not(:first-of-type){
display: none;
}

/*inputs*/
#formulario input, #formulario textarea, #formulario select{
	padding: 10px;
	border: 1px solid rgba(38, 128, 101, 0.9);
	border-radius: 3px;
	margin-bottom: 10px;
	outline: none;
	width: 49%;
	margin-left: 0.5%;margin-right: 0.5%;
	box-sizing: border-box;
	font-family: "Trebuchet", arial,verdana;
	color: #090;
	margin-bottom: 10px;
	font-size: 14px;
	float: left;
}
#formulario input[type=file]{
height: 38px;	
}
#formulario .termos{
width: 100%;
height: 150px;
resize: none;
display: block;
margin-bottom: 10px;
}

#formulario input[type=checkbox]{float: left;margin-right: 5px;}

#formulario .acao{
width: 100px;
background: rgba(38,128,101,0.9);
font-weight: bold;
color: white;
text-transform: uppercase;
border: 0 none;
border-radius: 1px;
cursor: pointer;
padding: 10px 0px;
margin: 10px 5px;
/*float: left;*/
margin-right: 5%;
}

#formulario .acao:hover, #formulario .acao:focus{
background: rgba(52,177,140,0.9);
cursor: pointer;
}
#formulario #gravar, #formulario #gravar_empresa, #formulario #gravar_cargo{cursor: pointer;}

#formulario table{width: 100%;border-collapse: collapse;}
#formulario table thead tr{height: 30px;}
#formulario table tbody tr td{height: 30px;}

#formulario table tbody tr td input{width: 96%;height: 25px;margin-left: 2%;margin-right: 2%;margin-top: 8px;}

/*Headings*/
.fs-title{
	font-size: 15px;
	text-transform: uppercase;
	color: #2c3e50;
	margin-bottom: 10px;
}
.fs-subtitle{
font-weight: normal;
font-size: 13px;
color: #666;
margin-bottom: 20px;
}


#progress{
margin-bottom: 30px;
overflow: hidden;
/*criar um contador que vai ter uma variavel chamada step */
counter-reset: step;
}

#progress li{
list-style-type: none;
color: #ccc;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
width: 20%;
float: left;
position: relative;	
}

#progress li:before{
content: counter(step);
counter-increment: step;
width: 20px;
line-height: 20px;
display: block;
font-size: 10px;
color: #333;
background: white;
border-radius: 3px;
margin: 0 auto 10px auto;
}

/*progressbar connector*/
#progress li:after{
content: '';
width: 100%:
background: white;
height:2px;
position: absolute;	
top: 9px;
left: -50%;
z-index: -1;/*put it behing the number*/
}

#progress li:first-child:after{
 content: none;
}
/*making active*/
#progress li.ativo:before, #progress li.ativo:after{
background: rgba(40, 208, 141, 0.9);
color: white;
}