@charset "utf-8";
/* CSS Document */
/*-------------------------------------------- OTROS ESTILOS ------------------------------------------------*/
.portlet-title-text {display: none!important; color: #FFFFFF}
.contenedor-contingencia-ZTA {
	border: 3px solid  #6b8713;
	background: #FFFFFF;
	margin-top: 20px; 
	border-radius: 10px; min-height: 450px
}
.centered-element-vertical {
 position: absolute;
 top: 55%;
 transform: translateY(-50%); width: 95%
}
.topaligned-element-vertical {
 position: absolute;
 top: 20%;
 transform: translateY(-50%);
}
h1.header-pagina {
	color: #537439; 
	padding-top: 35px; 
	font-family: "BandaRegular"; 
	font-weight: 700;
	font-size: 2.5rem
}
.labels-login-ZTA{
	color: #537439;
	font-size: 18px;
	font-weight: 700;
}
.labels-login-ZTA-white{
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
}
.label-nombre-activacionlogin-ZTA{
	color: #4F6B3A !important;
	padding: 10px 0;
	font-size: 11px;
	margin-top: 50px;
}

.quiero-inscribirme {
	background: rgb(235,131,38);
	background: linear-gradient(90deg, rgba(235,131,38,1) 0%, rgba(216,35,26,1) 100%);
	padding-top: 50px; min-height: 410px
}
.contingencia-offline{
	background: rgb(235,131,38);
	background: linear-gradient(90deg, rgba(164,187,31,1) 0%, rgba(117,134,19,1) 100%);
	padding-top: 50px; min-height: 410px
}
.contingencia-offline h2 {color: #FFF}
.color-usuario-login {font-weight: 700; color: #4F6B3A}
.backfooter {
	background-color: #E8E8E8;
	padding-top: 20px; margin-top: 2em; font-size: 0.9rem; font-family: "BandaRegular"; font-weight: 700 
}
.backfooter img {
	padding-top: 10px; 
}
.error-msg-login {padding: 10px; color: white; background: #D92A1B; width: 95%}
.error-msg-login-arrow-up {
  width: 0;   height: 0;   border-left: 10px solid transparent;  border-right: 10px solid transparent;  
	border-bottom: 10px solid #D92A1B;}
.contenedor-datosconsultor {position: relative; top: 70px; background: #EDEDED; min-height: 120px; padding-top: 10px}
.contenedor-datosusuario {position: relative; top: 60px;padding-top: 10px; font-weight: bold; font-size: 0.65em}
.datosconsultor {background-color: white; border: 1px solid #333; padding: 10px 0 20px; margin: 10px !important; font-size: 11px; font-family: 'BandaRegular'}
.datosconsultor img {float: left; width: 30px; height: auto }
.datosconsultor span { position: relative; top: 10px}
.btn-logout {padding: 20px;  color: #fff;    background-color: #4F6B3A;    border-radius: 10px;    font-size: 18px;
    font-family: "BandaBold"; margin-top: 10px; float: right;}
.btn-logout:hover {   background-color: #708C38;}
.btn-logout img { margin: 5px;    }

@media (max-width:320px){
	h1.header-pagina { font-size: 1.4rem; font-weight: 700; padding-top: 15px
	}
	.img-logo {width: 25%; 
	}
	.centered-element-vertical {
 position: relative; margin: 20px 0 -20px 0; top:40%}
	.topaligned-element-vertical {
 position: relative; margin: 20px 0 -20px 0;
}
	.quiero-inscribirme {
		margin-top: 30px
}
	.labels-login-ZTA{
	color: #4F6B3A !important;
	padding: 10px 0; font-size: 11px
}
	h3{	
	font-size: 1.2rem !important;
	font-weight: 700;}	
}
.datosconsultor img {float: left; max-width: 30px; height: auto }

@media screen and (max-width:576px){
.contenedor-datosconsultor {position: relative; top: 0px; background: #EDEDED; min-height: 125px; font-size: 12px}
.contenedor-datosusuario { top: 20px;}
.datosconsultor {background-color: white; border: 1px solid #333; padding: 15px 0}
.btn-logout { padding: 5px; position: fixed;
    top: 0px;
    right: 20px}
	.btn-logout img { margin: 5px;    }
	
h1.header-pagina { font-size: 1.4rem; font-weight: 700; padding-top: 15px
	}
.img-logo {width: 25%; 
	}
.centered-element-vertical {
 position: relative; margin: 0px 0 -20px 0; top: 40%}
.topaligned-element-vertical {
 position: relative; margin: 50px 0 -20px 0; top: 50%}
.quiero-inscribirme {
		margin-top: 30px
}
.quiero-inscribirme h2 {color: #FFF}
.labels-login-ZTA{
	color: #4F6B3A !important;
	padding: 10px 0; font-size: 11px; top: -10px; margin-bottom: 30px
}
.label-nombre-activacionlogin-ZTA{
	color: #4F6B3A !important;
	padding: 10px 0; font-size: 11px; top: -30px; position: relative;
}
p.error-msg-login a{
	color: #EDC623 !important;
}
h3{	
	font-size: 1.2rem !important;
	font-weight: 700;}
.error-msg-login { width: 95%; float: none; font-size: 12px}
.error-msg-login-arrow {
  	display: none;}

	
}

@media screen and (max-width:780px){
.contenedor-datosconsultor {position: relative; top: 0px; background: #EDEDED; min-height: 125px; font-size: 12px}
.contenedor-datosusuario { top: 20px;}
.datosconsultor {background-color: white; border: 1px solid #333; padding: 15px 0}
.btn-logout { padding: 5px; position: fixed;
    top: 0px;
    right: 20px}
	.btn-logout img { margin: 5px;    }
	
h1.header-pagina { font-size: 1.4rem; font-weight: 700; padding-top: 15px
	}
.img-logo {width: 25%; 
	}
.centered-element-vertical {
 position: relative; margin: 0px 0 -20px 0; top: 40%}
.topaligned-element-vertical {
 position: relative; margin: 50px 0 -20px 0; top: 50%}
.quiero-inscribirme {
		margin-top: 30px
}
.quiero-inscribirme h2 {color: #FFF}
.labels-login-ZTA{
	color: #4F6B3A !important;
	padding: 10px 0; font-size: 11px; top: -10px; margin-bottom: 30px
}
.label-nombre-activacionlogin-ZTA{
	color: #4F6B3A !important;
	padding: 10px 0; font-size: 11px; top: -30px; position: relative;
}
p.error-msg-login a{
	color: #EDC623 !important;
}
h3{	
	font-size: 1.2rem !important;
	font-weight: 700;}
.error-msg-login { width: 95%; float: none; font-size: 12px}
.error-msg-login-arrow {
  	display: none;}

	
}