@charset "utf-8";
/* CSS Document */


/*HOME LOGIN - ACCESO RESTRINGIDO A TODOS LOS CONTENIDOS*/
.login-form-container form#loginform label{font-family:Oswald, sans-serif; color:#FFF !important; float:left; width:100% !important;  font-size: 20px !important; line-height: 28px !important; font-weight:300;}
.login-form-container form#loginform input[type=text] {
	float: left;
    font-family: Oswald, sans-serif;
    font-size: 20px;
    background-color: #F7F7F7;
    border: 2px solid #F7F7F7;
    padding: 10px;
    border-radius: 5px;
    margin: 0;
    width: 100% !important;
    max-width: 100%;
	margin-bottom:25px;
}
.login-form-container form#loginform input[type=password] {
	float: left;
    font-family: Oswald, sans-serif;
    font-size: 20px;
    background-color: #F7F7F7;
    border: 2px solid #F7F7F7;
    padding: 10px;
    border-radius: 5px;
    margin: 0;
    width: 100% !important;
    max-width: 100%;
	margin-bottom:25px;
}
.login-form-container form#loginform input[type=submit] {min-height: 52px !important;  min-width: 100% !important; max-width: 100% !important;  margin-top: 25px !important; font-size: 20px !important; font-family: Oswald, sans-serif !important; font-weight: 600 !important; border-radius: 10px !important; background: #7ED321 !important; border-color: #7ED321 !important; color: #fff !important; text-decoration: none !important; text-shadow: none !important; cursor: pointer !important; border-width: 1px !important; border-style: solid !important;}
.login-form-container form#loginform input[type=submit]:hover {background-color:#6AB21C !important; border-color: #6AB21C !important; color:#FFF !important;}
.homeLOGIN_pass_olvidada{float:left !important; width:100% !important; text-align:center !important; margin-top:-5px !important;}
.homeLOGIN_pass_olvidada a{font-family: Oswald, sans-serif !important; text-decoration: none !important; color:#FFF; font-size:19px !important;}
.homeLOGIN_pass_olvidada a:hover{text-decoration:underline !important;}
.divERRORlogin{float:left; width:100%; margin-bottom:35px !important; margin-top:0 !important; font-size: 17px !important; line-height: 19px !important; font-family: Oswald, sans-serif !important; font-weight: 400 !important; border-left: 4px solid #d63638 !important; background-color: #fceeee !important; color: #d25c5a !important; padding: 19px 19px 1px 19px !important; border-radius: 15px !important;}
.divERRORlogin a{color:#d25c5a;}
.divERRORlogin a:hover{color:#d25c5a !important; text-decoration:none !important;}

.login-password #imgContrasena{ float: right; margin-top: -38px;}
.login-password .icon { position: relative;  bottom: 0;  right: 15px;  width: 25px;  height: 25px; top: -30px;}
.login-password .icon:hover { cursor:pointer !important;}


/*RECORDATORIO DE CONTRASEÑA*/
#password-lost-form form#lostpasswordform label{font-family:Oswald, sans-serif; color:#FFF !important; float:left; width:100% !important;  font-size: 20px !important; line-height: 28px !important; font-weight:300;}
#password-lost-form form#lostpasswordform input[type=text] {
	float: left;
    font-family: Oswald, sans-serif;
    font-size: 20px;
    background-color: #F7F7F7;
    border: 2px solid #F7F7F7;
    padding: 10px;
    border-radius: 5px;
    margin: 0;
    width: 100% !important;
    max-width: 100%;
	margin-bottom:25px;
}
#password-lost-form form#lostpasswordform input[type=submit] {min-height: 52px !important;  min-width: 100% !important; max-width: 100% !important;  margin-top: 25px !important; font-size: 18px !important; font-family: Oswald, sans-serif !important; font-weight: 600 !important; border-radius: 10px !important; background: #7ED321 !important; border-color: #7ED321 !important; color: #fff !important; text-decoration: none !important; text-shadow: none !important; cursor: pointer !important; border-width: 1px !important; border-style: solid !important;}
#password-lost-form form#lostpasswordform input[type=submit]:hover {background-color:#6AB21C !important; border-color: #6AB21C !important; color:#FFF !important;}
.msjAZULlogin{float:left; margin-bottom:35px !important; margin-top:0 !important; font-size: 17px !important; line-height: 19px !important; font-family: Oswald, sans-serif !important; font-weight: 400 !important; border-left: 4px solid #72aee6 !important; background-color: #fff !important; color: #3c434a 	!important;  padding: 19px 19px 19px 19px !important; border-radius: 15px !important; width: 100% !important;}
.homeLOGIN_volver{float:left !important; width:100% !important; text-align:center !important; margin-top:-10px !important;}
.homeLOGIN_volver a{font-family: Oswald, sans-serif !important; text-decoration: none !important; color:#FFF; font-size:19px !important;}
.homeLOGIN_volver a:hover{text-decoration:underline !important;}


/*INTRODUCIR NUEVA CONTRASEÑA*/
#password-reset-form{margin-top:-40px !important;}
#password-reset-form form#resetpassform label{font-family:Oswald, sans-serif; color:#FFF !important; float:left; width:100% !important;  font-size: 20px !important; line-height: 28px !important; font-weight:300;} 
#password-reset-form form#resetpassform input[type=password] {
	float: left;
    font-family: Oswald, sans-serif;
    font-size: 20px;
    background-color: #F7F7F7;
    border: 2px solid #F7F7F7;
    padding: 10px;
    border-radius: 5px;
    margin: 0;
    width: 100% !important;
    max-width: 100%;
	margin-bottom:25px;
}
#password-reset-form form#resetpassform input[type=text] {
	float: left;
    font-family: Oswald, sans-serif;
    font-size: 20px;
    background-color: #F7F7F7;
    border: 2px solid #F7F7F7;
    padding: 10px;
    border-radius: 5px;
    margin: 0;
    width: 100% !important;
    max-width: 100%;
	margin-bottom:25px;
}
#password-reset-form form#resetpassform input[type=submit] {min-height: 52px !important;  min-width: 100% !important; max-width: 100% !important;  margin-top: 5px !important; font-size: 18px !important; font-family: Oswald, sans-serif !important; font-weight: 600 !important; border-radius: 10px !important; background: #7ED321 !important; border-color: #7ED321 !important; color: #fff !important; text-decoration: none !important; text-shadow: none !important; cursor: pointer !important; border-width: 1px !important; border-style: solid !important;}
#password-reset-form form#resetpassform input[type=submit]:hover {background-color:#6AB21C !important; border-color: #6AB21C !important; color:#FFF !important;}

#password-reset-form #imgContrasenapass1, #password-reset-form #imgContrasenapass2{ float: right; margin-top: -68px; padding-right:10px;}
#password-reset-form .icon { position: relative;  bottom: 0;  right: 5px;  width: 25px;  height: 25px;}
#password-reset-form .icon:hover { cursor:pointer !important;}




/*********************************************************************************************************************************************************************/
/*RESPONSIVE**********************************************************************************************************************************************************/

/*****************************************************************************************************************/
/*mínimos*********************************************************************************************************/

/*320px*************************************************/
@media screen and (min-width: 320px) {
	/*HOME LOGIN*/
	.divLOGINhome .wp-container-content-1{flex-direction: column !important;}
	.divLOGINhome{max-width: 85% !important;}
	.columnaLOGINizqda{flex-basis: 45% !important; padding-right: 0 !important; margin-top:-70px !important;}
	.columnaLOGINizqda p{text-align:center !important;}
	.columnaLOGINizqda figure{ margin-left: auto !important;  margin-right: 0px !important; float:none !important;}
	.columnaLOGINdcha{flex-basis: 55% !important; border-left:none !important; padding-left:0 !important; /*padding-top:30px !important; border-top:1px solid #FFF !important;*/}	
	.wp-container-core-group-layout-3{padding-top:0px !important;}
	.porfavorLOGIN{display:none !important;}
	.titPLATAFORMAlogin{font-size:25px !important; padding-top:0 !important;}
	.login-form-container{ margin-top: -30px !important;}
}

/*360px*************************************************/
@media screen and (min-width: 360px) {
	/*HOME LOGIN*/
	.divLOGINhome .wp-container-content-1{flex-direction: column !important;}
	.divLOGINhome{max-width: 85% !important;}
	.columnaLOGINizqda{flex-basis: 45% !important; padding-right: 0 !important; margin-top:-70px !important;}
	.columnaLOGINizqda p{text-align:center !important;}
	.columnaLOGINizqda figure{ margin-left: auto !important;  margin-right: 0px !important; float:none !important;}
	.columnaLOGINdcha{flex-basis: 55% !important; border-left:none !important; padding-left:0 !important; /*padding-top:30px !important; border-top:1px solid #FFF !important;*/}	
	.wp-container-core-group-layout-3{padding-top:0px !important;}
	.porfavorLOGIN{display:none !important;}
	.titPLATAFORMAlogin{font-size:25px !important; padding-top:0 !important;}
	.login-form-container{ margin-top: -30px !important;}
}

/*375px*************************************************/
@media screen and (min-width: 375px) {
	/*HOME LOGIN*/
	.divLOGINhome .wp-container-content-1{flex-direction: column !important;}
	.divLOGINhome{max-width: 80% !important;}
	.columnaLOGINizqda{flex-basis: 45% !important; padding-right: 0 !important;}
	.columnaLOGINizqda p{text-align:center !important;}
	.columnaLOGINizqda figure{ margin-left: auto !important;  margin-right: 0px !important; float:none !important;}
	.columnaLOGINdcha{flex-basis: 55% !important; border-left:none !important; padding-left:0 !important; /*padding-top:30px !important; border-top:1px solid #FFF !important;*/}	
	.wp-container-core-group-layout-3{padding-top:0px !important;}
	.porfavorLOGIN{display:none !important;}
	.titPLATAFORMAlogin{font-size:25px !important; padding-top:0 !important;}
	.login-form-container{ margin-top: -30px !important;}
}

/*393px*************************************************/
@media screen and (min-width: 393px) {
	/*HOME LOGIN*/
	.divLOGINhome .wp-container-content-1{flex-direction: column !important;}
	.divLOGINhome{max-width: 85% !important;}
	.columnaLOGINizqda{flex-basis: 45% !important; padding-right: 0 !important;}
	.columnaLOGINizqda p{text-align:center !important;}
	.columnaLOGINizqda figure{ margin-left: auto !important;  margin-right: 20px !important; float:none !important;}
	.columnaLOGINdcha{flex-basis: 55% !important; border-left:none !important; padding-left:0 !important; /*padding-top:30px !important; border-top:1px solid #FFF !important;*/}	
	.wp-container-core-group-layout-3{padding-top:0px !important;}
}

/*414px*************************************************/
@media screen and (min-width: 414px) {
	/*HOME LOGIN*/
	.divLOGINhome .wp-container-content-1{flex-direction: column !important;}
	.divLOGINhome{max-width: 85% !important;}
	.columnaLOGINizqda{flex-basis: 45% !important; padding-right: 0 !important;}
	.columnaLOGINizqda p{text-align:center !important;}
	.columnaLOGINizqda figure{ margin-left: auto !important;  margin-right: 30px !important; float:none !important;}
	.columnaLOGINdcha{flex-basis: 55% !important; border-left:none !important; padding-left:0 !important; /*padding-top:30px !important; border-top:1px solid #FFF !important;*/}	
	.wp-container-core-group-layout-3{padding-top:0px !important;}
}

/*480px*************************************************/
@media screen and (min-width: 480px) {
	/*HOME LOGIN*/
	.divLOGINhome .wp-container-content-1{flex-direction: column !important;}
	.divLOGINhome{max-width: 80% !important;}
	.columnaLOGINizqda{flex-basis: 45% !important; padding-right: 0 !important;}
	.columnaLOGINizqda p{text-align:center !important;}
	.columnaLOGINizqda figure{ margin-left: auto !important;  margin-right: 40px !important; float:none !important;}
	.columnaLOGINdcha{flex-basis: 55% !important; border-left:none !important; padding-left:0 !important; /*padding-top:30px !important; border-top:1px solid #FFF !important;*/}	
	.wp-container-core-group-layout-3{padding-top:0px !important;}
}

/*533px*************************************************/
@media screen and (min-width: 533px) {
	/*HOME LOGIN*/
	.divLOGINhome .wp-container-content-1{flex-direction: column !important;}
	.divLOGINhome{max-width: 68% !important;}
	.columnaLOGINizqda{flex-basis: 45% !important; padding-right: 0 !important;}
	.columnaLOGINizqda p{text-align:center !important;}
	.columnaLOGINizqda figure{ margin-left: auto !important;  margin-right: 40px !important; float:none !important;}
	.columnaLOGINdcha{flex-basis: 55% !important; border-left:none !important; padding-left:0 !important; /*padding-top:30px !important; border-top:1px solid #FFF !important;*/}	
	.wp-container-core-group-layout-3{padding-top:0px !important;}
	.porfavorLOGIN{display:block !important;}
	.titPLATAFORMAlogin{font-size:32px !important; padding-top:20px !important;}
	.login-form-container{ margin-top: 0px !important;}
}

/*600px*************************************************/
@media screen and (min-width: 600px) {
	/*HOME LOGIN*/
	.divLOGINhome .wp-container-content-1{flex-direction: column !important;}
	.divLOGINhome{max-width: 60% !important;}
	.columnaLOGINizqda{flex-basis: 45% !important; padding-right: 0 !important;}
	.columnaLOGINizqda p{text-align:center !important;}
	.columnaLOGINizqda figure{ margin-left: auto !important;  margin-right: 40px !important; float:none !important;}
	.columnaLOGINdcha{flex-basis: 55% !important; border-left:none !important; padding-left:0 !important; /*padding-top:30px !important; border-top:1px solid #FFF !important;*/}	
	.wp-container-core-group-layout-3{padding-top:0px !important;}
}


/*667px*************************************************/
@media screen and (min-width: 667px) {
	/*HOME LOGIN*/
	.divLOGINhome .wp-container-content-1{flex-direction: column !important;}
	.divLOGINhome{max-width: 55% !important;}
	.columnaLOGINizqda{flex-basis: 45% !important; padding-right: 0 !important;}
	.columnaLOGINizqda p{text-align:center !important;}
	.columnaLOGINizqda figure{ margin-left: auto !important;  margin-right: 40px !important; float:none !important;}
	.columnaLOGINdcha{flex-basis: 55% !important; border-left:none !important; padding-left:0 !important; /*padding-top:30px !important; border-top:1px solid #FFF !important;*/}	
	.wp-container-core-group-layout-3{padding-top:0px !important;}
}

/*736px*************************************************/
@media screen and (min-width: 736px) {
	/*HOME LOGIN*/
	.divLOGINhome .wp-container-content-1{flex-direction: column !important;}
	.divLOGINhome{max-width: 50% !important;}
	.columnaLOGINizqda{flex-basis: 45% !important; padding-right: 0 !important;}
	.columnaLOGINizqda p{text-align:center !important;}
	.columnaLOGINizqda figure{ margin-left: auto !important;  margin-right: 40px !important; float:none !important;}
	.columnaLOGINdcha{flex-basis: 55% !important; border-left:none !important; padding-left:0 !important; /*padding-top:30px !important; border-top:1px solid #FFF !important;*/}	
	.wp-container-core-group-layout-3{padding-top:0px !important;}
}


/*782px*************************************************/
@media screen and (min-width: 782px) {
	/*HOME LOGIN*/
	.divLOGINhome .wp-container-content-1{flex-direction: row !important;}
	.divLOGINhome{max-width: 90% !important;}
	.columnaLOGINizqda{flex-basis: 50% !important; padding-right: 50px !important;}
	.columnaLOGINizqda p{text-align:right !important;}
	.columnaLOGINizqda figure{ margin-left: 40px !important;  margin-right: 0 !important; float:right !important;}
	.columnaLOGINdcha{flex-basis: 50% !important; border-left:none !important; padding-left:0 !important;  /*padding-top:30px !important; border-top:1px solid #FFF !important;*/}	
	.wp-container-core-group-layout-3{padding-top:0px !important;}
}

/*800px
*************************************************/
@media screen and (min-width: 800px) {
	/*HOME LOGIN*/
	.divLOGINhome .wp-container-content-1{flex-direction: row !important;}
	.divLOGINhome{max-width: 90% !important;}
	.columnaLOGINizqda{flex-basis: 50% !important; padding-right: 50px !important;}
	.columnaLOGINizqda p{text-align:right !important;}
	.columnaLOGINizqda figure{ margin-left: 40px !important;  margin-right: none; float:right !important;}
	.columnaLOGINdcha{flex-basis: 50% !important; border-left:none !important; padding-left:0 !important; /*padding-top:30px !important; border-top:1px solid #FFF !important;*/}	
	.wp-container-core-group-layout-3{padding-top:0px !important;}
}


/*960px*************************************************/
@media screen and (min-width: 960px) {
	/*HOME LOGIN*/
	.divLOGINhome .wp-container-content-1{flex-direction: row !important;}
	.divLOGINhome{max-width: 95% !important;}
	.columnaLOGINizqda{flex-basis: 45% !important; padding-right: 50px !important;}
	.columnaLOGINizqda p{text-align:right !important;}
	.columnaLOGINizqda figure{ margin-left: none;  margin-right: none; float:right !important;}
	.columnaLOGINdcha{flex-basis: 55% !important; border-left:1px solid #FFF !important; padding-left:100px !important; border-top:none !important;}	
	.wp-container-core-group-layout-3{padding-top:200px !important;}
	
}


/*1024px*************************************************/
@media screen and (min-width: 1024px) {
	/*HOME LOGIN*/
	.divLOGINhome{max-width: 90% !important;}
	.columnaLOGINizqda{flex-basis: 45% !important;}
	.columnaLOGINdcha{flex-basis: 55% !important;}
}


/*1180px*************************************************/
@media screen and (min-width: 1180px) {
	/*HOME LOGIN*/
	.divLOGINhome{max-width: 80% !important;}
	.columnaLOGINizqda{flex-basis: 45% !important;}
	.columnaLOGINdcha{flex-basis: 55% !important;}
}


/*1280px*************************************************/
@media screen and (min-width: 1280px) {
	/*HOME LOGIN*/
	.divLOGINhome{max-width: 75% !important;}
	.columnaLOGINizqda{flex-basis: 45% !important;}
	.columnaLOGINdcha{flex-basis: 55% !important;}
}


/*1440px*************************************************/
@media screen and (min-width: 1440px) {
	/*HOME LOGIN*/
	.divLOGINhome{max-width: 60% !important;}
}


/*1600px*************************************************/
@media screen and (min-width: 1600px) {
	/*HOME LOGIN*/
	.divLOGINhome{max-width: 56% !important;}
}

/*1680px*************************************************/
@media screen and (min-width: 1680px) {
	/*HOME LOGIN*/
	.divLOGINhome{max-width: 55% !important;}
}

/*1920px*************************************************/
@media screen and (min-width: 1920px) {
	/*HOME LOGIN*/
	.titCABlogin{ max-width: 32% !important;}
	.divLOGINhome{max-width: 50% !important;}
}

/*2000px*************************************************/
@media screen and (min-width: 2000px) {
	/*HOME LOGIN*/
	.titCABlogin{ max-width: 24% !important;}
	.divLOGINhome{max-width: 33% !important;}
}

/*****************************************************************************************************************/
/*****************************************************************************************************************/
/*****************************************************************************************************************/