.employ_article{
    width: 90%;
    display: inline-block;
    margin: auto;
    text-align: left;
    margin: 0.5%;
}
.employ_article a{
    color: #000;
    font-weight: bold;
}
/*FORMULARIO*/
.employ_field, .employ_textarea, .employ_button{
	font: normal 16px roboto;
	box-sizing: border-box;
	border: 2px solid #1c3e4b;
	margin: auto;
	padding: 5px;
	margin: 10px 5px;
}
.employ_field {
    width: calc(50% - 10px);
	height: 45px;
	display: block;
	float: left;
}
.employ_textarea{ 
    width: calc(100% - 10px);
}
.employ_file {
	font: bold 16px roboto;
	box-sizing: border-box;
	margin: auto;
	padding: 5px;
	padding-top: 10px;
	margin: 0px 5px;
    width: calc(50% - 10px);
	height: 45px;
	display: block;
	float: left;
}
.employ_button {
	height: 35px;
	width: 15%;
	background-color: #1c3e4b;
	color: #FFF;
	border: 0px;
	cursor: pointer;
	font-weight: bold;
}
.employ_button:hover {
	background-color: #92b93a;
	transition: all 0.3s ease 0s;
}
.employ_info{
    padding: 0px 10px;
}

/*Validación*/
.textoError {
	font: normal 16px roboto;
	box-sizing: border-box;
	border: 2px solid red;
    width: calc(50% - 10px);
	height: 45px;
	margin: auto;
	margin: 10px 5px;
	display: block;
	float: left;
}
.textoOK {
	font: normal 16px roboto;
	box-sizing: border-box;
	border: 2px solid green;
    width: calc(50% - 10px);
	height: 45px;
	margin: auto;
	margin: 10px 5px;
	display: block;
	float: left;
}
.textoErrortextarea {
	font: normal 16px roboto;
	box-sizing: border-box;
	border: 2px solid red;
	padding: 5px;
	margin: auto;
	margin: 10px 5px;
    width: calc(100% - 10px);
}

.textoOKtextearea {
	font: normal 16px roboto;
	box-sizing: border-box;
	border: 2px solid green;
	padding: 5px;
	margin: auto;
	margin: 10px 5px;
	width: calc(100% - 10px);
}

.resultadoError {
    color: red;
}	          
    .resultadoOK {
    color: green;
}

@media (max-width: 950px) {
    .employ_article{
        display: block;
        width: 100%;
        margin: 2% 0%;
    }  
	.employ_field{
		width: calc(100% - 10px);
	}
	.employ_textarea{ 
		width: calc(100% - 10px);
	}
}
@media (max-width: 450px) {
    .employ_button {
        height: 35px;
        width: 35%;
        background-color: #1c3e4b;
        color: #FFF;
        border: 0px;
        cursor: pointer;
        font-weight: bold;
    }
	.employ_file {
		font: bold 16px roboto;
		box-sizing: border-box;
		margin: auto;
		padding: 5px;
		padding-top: 10px;
		margin: 0px 5px;
		width: calc(100% - 10px);
		height: 45px;
		display: block;
		float: left;
	}
}