/*
	CSS personalizado para EMPLEO
*/

/**************************************** GAMA DE COLORES ****************************************/

/*    Azul Oscuro: 475E88 rgb( 71, 94,136) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Azul Medio: 6488BC rgb(100,136,188) */
/*     Azul Claro: 53AAEF rgb( 83,170,239) */
/* Azul Muy Claro: B3D0ED rgb(179,208,237) */

/************************************ MODIFICADOS DE syle-home ***********************************/

/******************************************** #row's *********************************************/

@media (max-width: 780px) {
	#content #pg-42-2 { margin-bottom: 50px; } /* #rowEmpleo */
	#content #pg-42-3 { margin-bottom: 50px; } /* #rowFormulario */
}

/****************************************** #rowHeading ******************************************/

#rowHeading { padding: 0px calc((100vw - 1380px) / 2) !important; }

@media (max-width: 1480px) { #rowHeading { padding: 0px calc((100vw - 1080px) / 2) !important; } }
@media (max-width: 1180px) { #rowHeading { padding: 0px calc((100vw -  900px) / 2) !important; } }
@media (max-width:  980px) { #rowHeading { padding: 0px calc((100vw -  720px) / 2) !important; } }
@media (max-width:  780px) { #rowHeading { padding: 0px 5% !important; } }

/****************************************** #rowEmpleo *******************************************/

#rowEmpleo { padding: 0px calc((100vw - 1380px) / 2) !important; }

@media (max-width: 1480px) { #rowEmpleo { padding: 0px calc((100vw - 1080px) / 2) !important; } }
@media (max-width: 1180px) { #rowEmpleo { padding: 0px calc((100vw -  900px) / 2) !important; } }
@media (max-width:  980px) { #rowEmpleo { padding: 0px calc((100vw -  720px) / 2) !important; } }
@media (max-width:  780px) { #rowEmpleo { padding: 0px 5% !important; } }

#rowEmpleo p             { font-size: 18px; font-weight: 500; text-align: justify; }
#rowEmpleo p:first-child { margin-top: 0px; }
#rowEmpleo p:last-child  { margin-bottom: 0px; }

#rowEmpleo .pContactar   { font-size: 24px; font-style: italic; color: var(--color1-hex); }

@media (max-width: 1180px) { #rowEmpleo .pContactar { font-size: 20px; } }
@media (max-width:  980px) { #rowEmpleo p { font-size: 16px; } #rowEmpleo .pContactar { font-size: 18px; } }
@media (max-width:  780px) { #rowEmpleo p { font-size: 14px; } #rowEmpleo .pContactar { font-size: 16px; } }
@media (max-width:  480px) { #rowEmpleo p { font-size: 13px; } #rowEmpleo .pContactar { font-size: 14px; } }

/***************************************** #rowFormulario ****************************************/

#rowFormulario .divFormulario          { display: flex; flex-wrap: wrap; justify-content: center; }
#rowFormulario ::placeholder           { color: var(--color2-hex) !important; } /* Chrome, Firefox, Opera, Safari 10.1+ (opacity for Firefox) */
#rowFormulario :-ms-input-placeholder  { color: var(--color2-hex) !important; } /* Internet Explorer 10-11 */
#rowFormulario ::-ms-input-placeholder { color: var(--color2-hex) !important; } /* Microsoft Edge */

#rowFormulario .div50  { padding: 6px 30px; width: 50%; }
#rowFormulario .div100 { padding: 6px 30px; width: 100%; }

#rowFormulario input                  { padding:  0px 10px; width: 100%; height:  50px; font-size: 16px; font-weight: 500; color: #333333; border: solid 2px #707070; border-radius: 0px; }
#rowFormulario textarea               { padding: 10px 10px; width: 100%; height: 120px; font-size: 16px; font-weight: 500; color: #333333; border: solid 2px #707070; border-radius: 0px; }
#rowFormulario input[type="file"]     { padding: 10px 20px; width: auto; height:  auto; color: #666666; background: #DADADA; }
#rowFormulario input[type="checkbox"] { margin-right: 10px; padding: 0px; width: 24px; height: 24px; }
#rowFormulario input[type="submit"]   { height: 70px; font-size: 24px; color: #FFFFFF; }

#rowFormulario .divAdjuntar { margin: 20px 0px; font-size: 24px; font-weight: 500; text-align: center; }
#rowFormulario .divArchivo  { margin: 20px 0px; font-size: 16px; font-weight: 500; text-align: center; }
#rowFormulario .divUpload   { text-align: center; }
#rowFormulario .divAcepto   { margin: 20px 0px 10px 0px; font-size: 16px; font-weight: 500; display: flex; align-items: center; justify-content: center; }
#rowFormulario .divAcepto * { line-height: 0px; }
#rowFormulario .divSubmit   { position: relative; }

#rowFormulario span[role="alert"] { margin-top: 5px; }
#rowFormulario .ajax-loader       { position: absolute; top: 15px; left: 0px; transform: scale(1.5); }
#rowFormulario div[role="alert"]  { margin: 0px 30px; padding: 10px; font-size: 16px; font-weight: 500; font-style: italic; color: #FFFFFF; }
#rowFormulario div[role="alert"]  { background: #398f14; border: none; text-align: center; }

#rowFormulario .divInfoLegal   { margin: 0px 30px; }
#rowFormulario .divInfoLegal p { margin: 2px 0px; font-size: 12px; }

@media (max-width: 1180px) { #rowFormulario { padding: 0px calc((100vw - 1000px) / 2) !important; } }
@media (max-width:  980px) { #rowFormulario { padding: 0px calc((100vw -  780px) / 2) !important; } }

@media (max-width:  780px) {
	#rowFormulario                      { padding: 0px 5% !important; }
	#rowFormulario .div50               { padding: 6px 10px; }
	#rowFormulario .div100              { padding: 6px 10px; }
	#rowFormulario input                { padding:  0px 10px; height:  40px; font-size: 14px; border: solid 1px #707070; }
	#rowFormulario textarea             { padding: 10px 10px; height: 100px; font-size: 14px; border: solid 1px #707070; }
	#rowFormulario input[type="file"]   { padding: 10px; }
	#rowFormulario input[type="submit"] { height: 50px; font-size: 20px; }
	#rowFormulario .divAdjuntar         { margin: 10px 0px; font-size: 20px; }
	#rowFormulario .divArchivo          { margin: 10px 0px; font-size: 14px; }
	#rowFormulario .divAcepto           { margin: 30px 0px 10px 0px; font-size: 14px; }
	#rowFormulario .divInfoLegal        { margin: 0px 10px; }
}

@media (max-width:  680px) { #rowFormulario .divFile { width: 100%; } }

@media (max-width:  480px) {
	#rowFormulario .div50                 { width: 100%; }
	#rowFormulario input                  { font-size: 13px; }
	#rowFormulario textarea               { font-size: 13px; }
	#rowFormulario input[type="checkbox"] { margin-right: 5px; width: 16px; height: 16px; }
	#rowFormulario input[type="submit"]   { height: 40px; font-size: 18px; }
	#rowFormulario .divAdjuntar           { margin: 10px 0px; font-size: 18px; }
	#rowFormulario .divArchivo            { margin: 10px 0px; font-size: 13px; }
	#rowFormulario .divAcepto             { margin: 20px 0px 10px 0px; font-size: 13px; }
}