/*
*	############################################################################
*
*	Página de login
*	---------------------------------------------------------------------
*
*	Version:	0.3 | 20180411
*	Author:		Semilla de Software Libre
*   License: 	none (public domain)
*
*
*	############################################################################
 * ========================================================================
 */
/*------------------------------------------------*/
/*	General Styles
/*------------------------------------------------*/

/*------------------------------------------------*/
/*	Cabecera
/*------------------------------------------------*/


.logo-gong {
	background-image:url(/images/login/logo_GONG_N.png);
	background-repeat: no-repeat;
  	width:100px;
  	height:38px;
  	position:absolute;
  	margin-top:17px
}

#pruebademo {
    visibility: hidden;
}
#recover_password {
    position: relative;
    top: 6px;
    left:26px;
    font-size: 13px;
}
#recover_password a {
    color: #999;
}

#version {
	position: relative;
	margin: 70px 0px 0px 0px;
}
/*------------------------------------------------*/
/*	Modificaciones Estilos Boobstrap
/*------------------------------------------------*/
.btn-success {
    border-color:transparent;
    background-color:#3daec6;
}
.navbar {
	background:#FFFFFF;
	border-color:#FFFFFF;
	margin-bottom:0px;
	padding-bottom:12px;
	border-radius:0px;
}
.navbar-collapse {
	border-top: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.navbar-toggle .icon-bar {
    background-color: #000000;
}
.navbar-form {
    padding-top: 10px;
    -webkit-box-shadow: none;
	box-shadow: none;
}
.auth-block {
    float: right;
}
.col-sm-3 {
	padding:50px 20px 50px 20px;
}
.btn-success:hover,
.btn-success:focus {
     border-color:#FFFFFF;
}
.selectdiv:after {
	content: '\f078';
	font: normal normal normal 15px/1 FontAwesome;
	color: #666666;
	pointer-events: none;
	position: relative;
    right: 9px;
    top:2px;
}
/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
	display: none;
}
.selectdiv select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* Add some styling */
	display: block;
	background-color: #ffffff;
	background-image: none;
	-ms-word-break: normal;
	word-break: normal;
	padding: 6px 22px 6px 12px;
	margin-right: -20px;
}
/*------------------------------------------------*/
/*	Content
/*------------------------------------------------*/
.funcionalidades {
	color:#FFFFFF;
	background:#36444b;
	background-image:url(/images/login/fondo_GONG.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center right;
    padding:20px 0px 60px 0px;
}
@media (max-width:1394px) {
.funcionalidades {
	background-position:1180px center;
}
}
.funcionalidades img {
	display:block;
	margin:0px auto 0px auto;
}
.funcionalidades h2 {
    font-size: 25px;
}
.funcionalidades h3 {
	text-align:center;
	font-size:17px;
	padding:0px 10% 10px 10%;
}
.nuevo {
	background-image:url(/images/login/ico_login_nuevo.png);
	background-repeat: no-repeat;
    background-position: right top;
}
/*------------------------------------------------*/
/*	Personalización Instancias
1. general
2. demo
3. desarrollo
4. ansa
5. aps
6. ayudaenaccion
7. centraldocerrado
8. cisp
9. cpt
10. fas
11. fepa
12. gesproei
13. intered
14. juanciudad
15. juandedios
16. justiciaalimentaria
17. medicusmundi
18. medicosdelmundo
19. mundubat
20. musol
21. oei
22. opan
23. pbi
/*------------------------------------------------*/
/*1 GENERAL*/
#general .navbar {
	background:#36444b;
	border-color:#36444b;
}
#general .logo-gong {
	background-image:url(/images/login/logo_GONG_B.png);
}
#general .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}
#general .btn-success:hover,.btn-success:focus {
    background-color: transparent;
    border-color:#FFFFFF;
    color:#FFFFFF;
}
#general #version {
	color: #FFFFFF;
}
#general .form-toggle {
	text-align: right;
	padding-right:15px;
}
#general .form-toggle a {
	color:#ccc;
	text-decoration: none;
	font-size: 85%;
}
#general .form-toggle a:hover {
	color:#ddd;
}

/*2 DEMO*/
#demo .navbar {
	background:#36444b;
	border-color:#36444b;
}
#demo .logo-gong {
	background-image:url(/images/login/logo_GONG_B.png);
}
#demo .logo-instancia {
	background-image:url(/images/login/logo_Instancia_DEMO.png);
	background-repeat: no-repeat;
  	width:188px;
  	height:83px;
	position: absolute;
	margin: 22px 0px 0px 110px;
}
#demo .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}
#demo .btn-success:hover,.btn-success:focus {
    background-color: transparent;
    border-color:#FFFFFF;
    color:#FFFFFF;
}
#demo #version {
	color: #FFFFFF;
}
#demo #pruebademo {
    visibility: visible;
    float:right;
    clear:both;
}
#demo #pruebademo a {
    color:#FFFFFF;
}
#pruebaGONG a {
    color:#FFFFFF;
}
#pruebaGONG .btn-success {
    background-color: #d5006e;
}
.selectpais:after {
	content: '\f078';
	font: normal normal normal 15px/1 FontAwesome;
	color: #666666;
	pointer-events: none;
	float:right;
	margin:-24px 10px 0px 0px;
}
/* IE11 hide native button (thanks Matt!) */
.selectpais::-ms-expand {
	display: none;
}
.selectpais select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* Add some styling */  
	display: block; 
	background-color: #ffffff;
	background-image: none;
	-ms-word-break: normal;
	word-break: normal;
}
/*3 DESARROLLLO*/
#desarrollo .navbar {
	background:#36444b;
	border-color:#36444b;
}
#desarrollo .logo-gong {
	background-image:url(/images/login/logo_GONG_B.png);
}
#desarrollo .logo-instancia {
	background-image:url(/images/login/logo_Instancia_DESARROLLO.png);
	background-repeat: no-repeat;
  	width:188px;
  	height:83px;
	position: absolute;
	margin: 22px 0px 0px 110px;
}
#desarrollo .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}
#desarrollo .btn-success:hover,.btn-success:focus {
    background-color: transparent;
    border-color:#FFFFFF;
    color:#FFFFFF;
}
#desarrollo #version {
	color: #FFFFFF;
}
/*4 ANSA*/
#ansa .logo-instancia {
	background-image:url(/images/login/logo_Instancia_ANSA.png);
	background-repeat: no-repeat;
  	width:188px;
  	height:83px;
	position: absolute;
	margin: 0px 0px 0px 110px;
}
#ansa .funcionalidades {
	background-color:#5cc4ea;
}
#ansa .btn-success {
    background-color: #5cc4ea;
}
/*5 APS*/
#aps .logo-instancia {
	background-image:url(/images/login/logo_Instancia_APS.png);
	background-repeat: no-repeat;
  	width:213px;
  	height:83px;
	position: absolute;
	margin: 0px 0px 0px 110px;
}
#aps .funcionalidades {
	background-color:#76bf3f;
}
#aps .btn-success {
    background-color: #76bf3f;
}
/*6 AYUDA EN ACCION*/
#ayudaenaccion .logo-instancia {
	background-image:url(/images/login/logo_Instancia_AYUDAENACCION.png);
	background-repeat: no-repeat;
  	width:188px;
  	height:83px;
	position: absolute;
	margin: 0px 0px 0px 110px;
}
#ayudaenaccion .funcionalidades {
	background-color:#e23a17;
}
#ayudaenaccion .btn-success {
    background-color: #e23a17;
}
/*7 CENTRAL DO CERRADO*/
#centraldocerrado .logo-instancia {
	background-image:url(/images/login/logo_Instancia_Centraldocerrado.png);
	background-repeat: no-repeat;
  	width:188px;
  	height:83px;
	position: absolute;
	margin: 0px 0px 0px 110px;
}
#centraldocerrado .funcionalidades {
	background-color:#bf8267;
}
#centraldocerrado .btn-success {
    background-color: #ffc974;
}
/*8 CISP*/
#cisp .logo-instancia {
	background-image:url(/images/login/logo_Instancia_CISP.png);
	background-repeat: no-repeat;
  	width:188px;
  	height:83px;
	position: absolute;
	margin: 0px 0px 0px 110px;
}

#cisp .funcionalidades {
	background-color:#ed3c51;
}
#cisp .btn-success {
    background-color: #ed3c51;
}
/*9 CPT*/
#cpt .logo-instancia {
	background-image:url(/images/login/logo_Instancia_CPT.png);
	background-repeat: no-repeat;
  	width:188px;
  	height:83px;
	position: absolute;
	margin: 0px 0px 0px 110px;
}
#cpt .funcionalidades {
	background-color:#17845a;
}
#cpt .btn-success {
    background-color: #bd3e14;
}
/*10 FAS*/
#fas .logo-instancia {
	background-image:url(/images/login/logo_Instancia_FAS.png);
	background-repeat: no-repeat;
  	width:328px;
  	height:83px;
	position: absolute;
	margin: 0px 0px 0px 110px;
}
/*TABLETA-Esconder Logo UE*/
/*Vertical - Max-width - 1024px*/
@media (max-width : 1024px)  {
#fas .logo-instancia {
  	width:199px;
}
}
#fas .funcionalidades {
	background-color:#f89513;
}
#fas .btn-success {
    background-color: #cd7a0e;
}
/*11 FEPA*/
#fepa .logo-instancia {
    background-image:url(/images/login/logo_Instancia_FEPA.png);
    background-repeat: no-repeat;
    width:277px;
    height:82px;
    position: absolute;
    margin: 0px 0px 0px 110px;
}
#fepa .funcionalidades {
    background-color:#4aa715;
}
#fepa .btn-success {
    background-color: #87289b;
}
/*12 GESPROEI*/
#gesproei .logo-instancia {
	background-image:url(/images/login/logo_GesprOEI.png);
	background-repeat: no-repeat;
  	width:188px;
  	height:83px;
	position: absolute;
	margin: 0px 0px 0px 110px;
}
#gesproei .funcionalidades {
	background-color:#2890b0;
}
#gesproei .btn-success {
    background-color: #5cb85c;
}
/*13 INTERED*/
#intered .logo-instancia {
    background-image:url(/images/login/logo_Instancia_INTERED.png);
    background-repeat: no-repeat;
    width:277px;
    height:82px;
    position: absolute;
    margin: 0px 0px 0px 110px;
}
#intered .funcionalidades {
    background-color:#4aa715;
}
#intered .btn-success {
    background-color: #87289b;
}
/*14 JUSTICIA ALIMENTARIA*/
#justiciaalimentaria .logo-instancia {
	background-image:url(/images/login/logo_Instancia_VSF.png);
	background-repeat: no-repeat;
  	width:188px;
  	height:83px;
	position: absolute;
	margin: 0px 0px 0px 110px;
}
#justiciaalimentaria .funcionalidades {
	background-color:#4eb99c;
}
#justiciaalimentaria .btn-success {
    background-color: #efb01b;
}
/*15 JUAN CIUDAD*/
#juanciudad .logo-instancia {
	background-image:url(/images/login/logo_Instancia_FUNDACIONJUANCIUDAD.png);
	background-repeat: no-repeat;
  	width:188px;
  	height:83px;
	position: absolute;
	margin: 0px 0px 0px 110px;
}
#juanciudad .funcionalidades {
	background-color:#00b4e4;
}
#juanciudad .btn-success {
    background-color: #00b4e4;
}
/*16 JUAN DE DIOS*/
#juandedios .logo-instancia {
	background-image:url(/images/login/logo_Instancia_JUANDEDIOS.png);
	background-repeat: no-repeat;
  	width:188px;
  	height:83px;
	position: absolute;
	margin: 0px 0px 0px 110px;
}
#juandedios .funcionalidades {
	background-color:#009fd8;
}
#juandedios .btn-success {
    background-color: #009fd8;
}
/*17 MEDICOSDELMUNDO*/
#medicosdelmundo .logo-instancia {
	background-image:url(/images/login/logo_Instancia_MDM.png);
	background-repeat: no-repeat;
  	width:222px;
  	height:84px;
	position: absolute;
	margin: 0px 0px 0px 105px;
}
#medicosdelmundo .funcionalidades {
	background-color:#075aa8;
}
#medicosdelmundo .btn-success {
    background-color: #075aa8;
}
/*18 MEDICUSMUNDI*/
#medicusmundi .logo-instancia {
	background-image:url(/images/login/logo_Instancia_MEDICUSMUNDI.png);
	background-repeat: no-repeat;
  	width:222px;
  	height:64px;
	position: absolute;
	margin: 0px 0px 0px 105px;
}
#medicusmundi .funcionalidades {
	background-color:#457abf;
}
#medicusmundi .btn-success {
    background-color: #f6a513;
}
/*19 MUNDUBAT*/
#mundubat .logo-instancia {
	background-image:url(/images/login/logo_Instancia_MUNDUBAT.png);
	background-repeat: no-repeat;
  	width:229px;
  	height:64px;
	position: absolute;
	margin: 2px 0px 0px 100px;
}
#mundubat .funcionalidades {
	background-color:#188a36;
}
#mundubat .btn-success {
    background-color: #178a36;
}
/*20 MUSOL*/
#musol .logo-instancia {
    background-image:url(/images/login/logo_Instancia_MUSOL.png);
    background-repeat: no-repeat;
    width:188px;
    height:83px;
    position: absolute;
    margin: 0px 0px 0px 110px;
}
#musol .funcionalidades {
    background-color:#b92433;
}
#musol .btn-success {
    background-color: #b92433;
} 
/*21 OEI*/
#oei .logo-instancia {
	background-image:url(/images/login/logo_Instancia_OEI.png);
	background-repeat: no-repeat;
  	width:188px;
  	height:83px;
	position: absolute;
	margin: 0px 0px 0px 110px;
}
#oei .funcionalidades {
	background-color:#2890b0;
}
#oei .btn-success {
    background-color: #5cb85c;
}
/*22 OPAN*/
#opan .logo-instancia {
	background-image:url(/images/login/logo_Instancia_OPAN.png);
	background-repeat: no-repeat;
  	width:188px;
  	height:83px;
	position: absolute;
	margin: 0px 0px 0px 110px;
}
#opan .funcionalidades {
	background-color:#17845a;
}
#opan .btn-success {
    background-color: #bd3e13;
}
/*23 PBI*/
#pbi .logo-instancia {
	background-image:url(/images/login/logo_Instancia_PBI.png);
	background-repeat: no-repeat;
  	width:188px;
  	height:95px;
	position: absolute;
	margin: 0px 0px 0px 110px;
}
#pbi .funcionalidades {
	background-color:#00a28a;
}
#pbi .btn-success {
    background-color: #00a28a;
}
/*------------------------------------------------*/
/*	Footer
/*------------------------------------------------*/
footer {
	background:#000000;
	color:#CCCCCC;
	text-align:center;
	padding:10px 0px 10px 0px;
	font-size:11px;
}
footer a {
	color:#CCCCCC;
}
footer a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
footer ul {
	list-style:none;
	margin:30px 0px 20px -40px;
}
footer li {
	display:inline;
}
/*TABLETA-Esconder Logo ONG*/
/*Vertical - Max-width - 768px*/
@media (max-width : 768px)  {
	.auth-block {
		float:unset;
	}
	.selectdiv::after {
			top: -27px;
			left: 160px;
	}
	.btn {
		width: 100%;
	}
}
/*MÓVIL-Volver a ver Logo ONG*/
/*Vertical - Max-width - 600px*/
@media (max-width : 600px)  {
	.selectdiv::after {
			content: '\f078';
			font: normal normal normal 15px/1 FontAwesome;
			color: #666666;
			pointer-events: none;
			float: right;
			margin:-25px 0px 0px 0px;
	}
	footer ul {
		list-style:none;
		margin:110px 0px 20px -40px;
	}
}
/*------------------------------------------------*/
/*  Mensaje de error estilo copiado de GOR
/*------------------------------------------------*/
#mensajeerror, #mensajeok {
	padding: 8 15 5 20 ;
	width: 350;
	min-height: 20;
	text-align: center;
	margin: 20 auto 0 auto;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 2px  #ccc;
	-webkit-box-shadow: 0px 0px 2px  #ccc;
	box-shadow: 0px 0px 2px  #ccc;
}
#mensajeerror{
	background:#FFE3E3 no-repeat scroll 4px 4px; /*url(/images/errorpequeno.gif) no-repeat scroll 4px 4px;*/
	border-color:#DD0000;
	color:#550000;
}
#mensajeok{
	background:#DFFFDF no-repeat scroll 4px 4px;
	color:#005F00;
	border-color:#00DD00;
}
/*CABECERA LOGIN VERSIÓN MÓVIL*/
.mobile-menu{
    display:none;
 }
 /*Sin Javascript. Desplegada*/
@media (max-width: 800px){
  #block-login{
    /*display:none;*/
  }
  #navbar {
    height:70px;
  }
	.navbar {
		padding-bottom: 50px;
	}
	.funcionalidades {
		padding-top: 100px;
	}
  .logo-gong {
    margin-left:9px;
  }
  #version {
    margin-left:9px;    
  }
  .mobile-menu{
    display: block;
    width:92%;
    font-size:12px;
    position:absolute;
    top:80px;
    margin-bottom:200px;
  }
  .selectdiv:after {
	content: '\f078';
	font: normal normal normal 15px/1 FontAwesome;
	color: #666666;
	pointer-events: none;
	position: static;
	margin-right:6px;
  }
}