/* ================================================ CUERPO GENERALES ===============================*/
html {	font-size: 100%;}

body {
	color: #606060;
	line-height: 1.3;
	/*modificacion color fondo: para que el pie en altos cortos se vea uniforme sin linea de corte*/
	background-color:#4c5a5f;
}

h1, h2, h3, h4 {
	font: normal 1.6rem/1.5rem 'Open Sans', Arial, Verdana, Sans-serif;
	margin: 0;
}
hr{	border-top:1px solid #e6d8cc;}
button:active, button:focus{outline:2px auto blue;}
.contenedor{
	clear:both
}

.container {	
	width: auto;
}
/*Modifica el estado por defecto de botones selectores, cajas e inputs (y posiblemente mas elementos)*/
.ui-widget.ui-state-default {
	background-color: #fff;
	color: #444;
}
/* ============================================== BOTONES ========================================*/
/*Aspecto de los botones (Naranja con degradado)en general */
.ui-button, 
.ui-button.ui-state-default{
	box-shadow: 1px 2px 4px 0px #777;
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	background-color:#ffc477;
	border-radius:4px;
	border:1px solid #eeb44f;
	color:#373030;
	padding: 6px 10px;
	font-weight: bold;
}
/*Establece el estado de los botones en general en hover y active */
.ui-button:hover, 
.ui-button:active
.ui-state-active ,
.ui-widget-header .ui-state-active,
.ui-button.ui-state-active:hover
{
	box-shadow: 1px 2px 4px 0px #333;
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	background-color:#ffc477;
	padding: 6px 10px;
	font-weight:bold;
}
/*Establece el estado de los botones en hover y active */
.ui-button:hover {
	color:#fff;
}
/*Establece el estado de los botones en hover y active */
.ui-button:active {
	background-color: #e4e4e4;
}
/*Establece un padding en los botones que tienen texto */
.ui-button-text-only .ui-button-text {
	 /* DEFORMA BOTONES AL HACER CLICK */
	/* padding: 6px;  */  
}
/*===============================ACORDEON BOTON AÑADIR y ========================*/
/* - Damos aspecto de boton al acordeon que esconde añadir usuario o añadir empresa  */
#panel_toggler{
	box-shadow: 1px 2px 4px 0px #777; 
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	border:1px solid #eeb44f;
	position: relative; 
	height: 42px; 
	z-index: 30;
	margin: -9px -4px -10px 0;   
	width: 80px;
}
/* Estilos que controlan el texto y la cabecera del acordeon de añadir usuario y empresa*/
.panelDespl span.ui-panel-title{	margin: -15px -41px 0 15px}
 /*Caja que contiene la cabecera del panel desplegable*/
#panel div#panel_header {	margin:0;}
 /* para que en el boton ALTA el titulo fluya en cortes pequeños*/
.panelDespl .ui-panel-titlebar{
	padding: 10px 4px 1px 0px !important;
}

/* ========================   COOKIES  ============================ */
.cookie {
	display:none;
}
.cookie {
	position:fixed;
	z-index:2000;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	padding:16px;
	background:#333;
	color:#fff;
	box-sizing:border-box;
	animation-name:slideUp;
	text-align:center;
	opacity:0.97;
	font-size:.95rem
}
.cookieTit {
	font-size:1rem;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.05rem;
}
.cookie p {
	margin-bottom:0;
}
.cookie .moreInfo{color:#ffb283}
.cookie button {
	background-color:#fff;
	color:#333;
	border:none;
	padding:1px 7px;
	margin-left:10px;
	border-radius:2px;
	cursor:pointer;
	font-size:0.8rem;
	font-weight:bold;
}

/* ============================================== CABECERA ========================================*/
/*Franja que contiene la cabecera */
#cabecera {
	box-shadow: 0 0 7px rgba(0, 0, 1, 0.9);
	background-color: #fff;
}
/*Controla la fijacion de la franja del menu en la parte superior*/
.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1000;
	/* height: 80px; */
}
/*Franja que incluye los elementos de dentro de la cabecera */
#botonera {
	position: relative;
}
/*Contiene el logotipo y el h1 dentro de la botonera*/
.banner {
	position: relative;
	z-index: -1;
}

/*Logotipo de la pagina */
#logo {
	float: left;
	/* width: 230px; */
	margin-left: -5px;
	margin-top: 8px;
}
/*Titulo principal de la pagina*/
h1 {
	letter-spacing: 0.15rem;
	font-weight: bold;
	/* margin: 0; */
	font-size: 1rem;
	margin-right:15px;
	/* padding: 0; */
	/* color: #414d50; */
	float: right;
	background: linear-gradient(to right, #fff 0px, transparent 100px, transparent),
			linear-gradient(to bottom, #fff 1.1rem, #dce8ec 1.4rem, #fff);
}
/*Titulo secundario de la pagina*/
h1 span {
	font-size: .5rem;
	padding: 2px 0 0 0;
	/* margin: 0; */
	display: block;
	line-height: 0.2rem;
	text-align: right;
	letter-spacing: 0.1rem;
	/* color: #767676; */
	font-weight: normal;
}
/*======================================= botonera cabecera ========================================*/
/*Contiene los 4 enlaces o botones que hay debajo del h1 */
.tools {
	width:200px;
	float:right;margin-right:0; /*añadir pixeles del padding, o restar respecto a h1*/
	padding-bottom:7px!important;
}
/*Especifico del boton de notificaciones de debajo del h1 */
.tools .divNotif {
	/* float: left; */
	position: relative;
	/* top: auto; */
	/* right: auto; */
	margin-right: 5px;
}
/*Cambia de color el icono de los dos botones que son enlaces */
.tools a {
	color: #00556f;
}
/*Estilos de los botones de cabecera */
.btnCabecera {
	float: left;
	width: 31px;
	height: 30px;
	padding: 1px 4px 0 5px;
	margin: 0 2% 0 6%;
	border-radius: 16px;
	text-align: center;
	background-color:#c9cfd0;
	border: 1px solid #a8adae;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	/* eliminar: */
	/* text-rendering: auto; */
	/* -webkit-font-smoothing: antialiased; */
	/* -moz-osx-font-smoothing: grayscale; */
	/* font-weight: normal; */
	/* box-sizing: border-box */
}
/*Estilos de los botones de cabecera en hover*/
.btnCabecera:hover {
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	border: 1px solid #dbc968;

}
/* Regla que afecta al hover del boton apagar no toma efecto ya que hereda el color */
/* .btnCabecera:hover span.fa:before { */
	/* color: #00556f; */
/* } */

.btnCabecera span.fa {
	font-size: 1.03rem;
	height: 29px;
	padding-top: 5px;
	/*eliminar:*/
	/* text-rendering: auto; */
	/* -webkit-font-smoothing: antialiased; */
	/* -moz-osx-font-smoothing: grayscale; */
	/* font-weight: normal; */
	/* box-sizing: border-box; */
}
/* Regla que afecta al active de los botones p */
/* .btnCabecera:active, .btnCabecera:focus { */
	/* background-color:#ffc477; */
	/* border: 1px solid #1380a6; */
	/* text-decoration: none; */
/* } */

/* .btnCabecera:active span.fa:before { */
	/* color: #1b5f77; */
/* } */

/* .btnCabecera .ui-button.ui-state-default { */
	/* background-color: #e4eef1; */
/* } */

/*Posiciona el boton de salir (logout) */
.logout{
	position:relative;
	border-radius:4px !important;
}
/*Posiciona el enlace del boton de salir (logout) */
.logout button {
	position: absolute;
	left: -1px;
	top: -1px;
}
#ayuda, #perfil{position:relative;}
/*======================================= Idiomas ==================================================*/
/* Enlaces de cambio de idiomas*/
#idiomas{
	position:absolute;
	right:15px;top:58px;
}
#idiomas ul{
	list-style:none;
	margin-bottom:0;
	-webkit-padding-start:0;
	font-weight:bold;
}
#idiomas ul li{
	display:inline-block;
	padding:0 12px 0 6px;
	border-right:1px solid #aaafb3
}
#idiomas ul li:last-child{
	border-right:0;
}
#idiomas .ui-commandlink{
	cursor:pointer;
}

/*=========================== Menu de hamburguesa ==================================================*/
/*Controla aspectos del boton que contiene al menu de hamburguesa */
#btnMenu.burguer {
	display:none;
	position: absolute;
	width: 30px;
	height: 30px;
	background:#fff; 
	border: none;
	box-shadow:none;
	}
/*Controla el icono de hamburguesa del boton de menu */	
#btnMenu span.ui-button-icon-left.ui-icon.ui-c.fa.fa-bars{
	font-size: 34px;
	color:#00556F;
	}					
/*Controla el icono de hamburguesa del boton de menu en hover*/	
#btnMenu span.ui-button-icon-left.ui-icon.ui-c.fa.fa-bars:hover {
	color: #fb9e25;
}
/*Controla aspectos de la lista desplegable una vez pulsado el boton del menu hamburguesa NO SE SI SON NECESARIAS ESTAS REGLAS HAY QUE VERLAS*/

.ui-menu.ui-menu-dynamic{position:fixed;}

#menuBtn {top:84px!important;}
/* #menuBtn > ul:nth-child(2){ */
		/* box-shadow: 4px 5px 8px 2px #777; */
		/* border-radius:4px; */
	/* } */
/* ==================================== ELEMENTOS OCULTOS DE MENU ==================================*/	
/*Elementos ocultos para accesibilidad en la cabecera de menu  */
.oculto, #btnSalir .ui-button-text {
	position: absolute;
	top: -100px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	font-size: x-small;
}
/*Elementos ocultos para accesibilidad en la cabecera active y focus */
.oculto a:active, .oculto a:focus {
	position: fixed;
	z-index:9999;
	width: auto;
	height: auto;
	text-align: center;
	margin: 0 auto;
	background-color:#fff;
	color:#555;
	top: 0;left:0;
	overflow: visible;
	font-size: .85rem;
	padding:3px 6px;
}	
/* ==================================== BOTONES DE LA BOTONERA======================================*/

/*Controla tamaño del icono del boton salir */
#btnSalir span.fa, #btnMenu span.fa{
	/* font-size: 0.93rem; */
	width: 30px;
	height: 30px;
	/*eliminar:*/
	/* text-rendering: auto; */
	/* -webkit-font-smoothing: antialiased; */
	/* -moz-osx-font-smoothing: grayscale; */
	/* font-weight: normal; */
	/* box-sizing: border-box */
}
/*Posiciona el icono del boton salir */
#btnSalir span{
	padding: 0px;
	margin: -16px;
	top: 23px;
}
/*Posiciona el icono del boton menu de hamburguesa*/
#btnMenu  span {
	padding: 0px;
	left: 0;
	top: 8px;
}
/*Controla aspectos del boton salir en su estado hover */
#btnSalir.ui-state-hover{
	/* background-color: red; */
	border: 1px solid #bed8de;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
/*Color del icono en estado normal, hereda ya el correcto */
/* .fa-power-off:before { */
	/* color: #fff; */
/* } */
/*Color del icono en estado hover*/
#btnSalir.ui-state-hover .fa-power-off:before {
	color: #fff;
}
/*Controla el tamaño y altura del boton de salir y notificaciones */
.logout button, .divNotif a>div {
	height: 30px;
	width: 31px;
	/* padding-top: 6px; */
	/* border-radius: 16px; */
	/* background-color: #e4eef1; */
	/* border: 1px solid #e4eef1; */
	/* box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); */
	/*eliminar:*/
	/* text-rendering: auto; */
	/* -webkit-font-smoothing: antialiased; */
	/* -moz-osx-font-smoothing: grayscale; */
	/* font-weight: normal; */
	/* box-sizing: border-box; */
}
/* .logout button:focus { */
	/* background-color: #e4eef1; */
/* } */
/*Posiciona el icono del boton de notificaciones */
.divNotif a>div {

	position: absolute;
	left: -1px;
	top: -1px;
	/* border: none; */
}
/*Posiciona el icono dentro del boton de notificaciones */
.divNotif #formNotificacion span {
	padding-top: 9px;
}
.divNotif #formNotificacion span.sa_activo:before {
	background-color: transparent;
	color: #00556f;
}
/*Estas reglas parece que no hacen nada, el boton de notificaciones se ve bien */
/* .divNotif #formNotificacion span.sa_inactivo:before { */
	/* background-color: #e4eef1; */
	/* color: #00556f; */
/* } */

/* .divNotif #formNotificacion span:before { */
	/* padding: 0px; */
/* } */
/*Controla la etiqueta que muestra el numero de notificaciones */
.divNotif #formNotificacion label {
	top: -9px;
	right: -12px;
	padding: 2px 6px 2px 4px;
	font-size: 0.7rem;
	border-radius: 3rem;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.6);
	
}




/* ============================================== MAIN ========================================*/
/*Franja que contiene el main */
#main {
	background-color: #f5f5f5;
	padding: 20px 0;
}
/*Establece un espacio del tamaño que ocupa la cabecera para que el main no se introduzca debajo de la cabecera*/
.fixed-top+div {
	margin-top: 79px;
}

.ui-outputpanel, .ui-panel{
	padding:0;
}

.ui-panel {
	/* padding: 0; */
	border-radius: 0;
}
/* Icono de carga */
#cargando {
	color:#fb9e25;
	font-size:1.7rem;
	margin-top:9px;
}
/*hr separador de alta usuario*/
.ui-separator{
	border:0!important;
	border-bottom:1px solid #e6d8cc!important;
}
/*Asterisco rojo de campos los requeridos */
.ui-outputlabel .ui-outputlabel-rfi {
	color: #a20000; /*rojo*/
	font-weight: bold;
}
/*Etiqueta label que esta dentro de los selectores de las cabeceras de tablas */
.ui-selectonemenu .ui-selectonemenu-label {
	text-align: center;
	cursor:text !important;
}
/* Titulos principales h2 de los paneles */
.titulo, .tituloBotonera .titTitulo h2, h2.sa_titulo{
	background-image: none;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 24px;
	padding:13px 0 0 0;
	color:#756f6d;
	display:block;
	line-height:2rem;
}
/* ============================================== PAGINA ACREDITACIONES=========================*/
/* Franja que contiene el titulo de la pagina acreditaciones */
.tituloBotonera {
	width: 100%;
	min-height:40px;
}
/* titular h2 de la pagina de acreditaciones */
.titTitulo{
	width:75%;	
}
 /* Franja que contiene  los botones  */
.titBotonera{
	/*no usar porcentaje para evitar realizar numerosos cortes*/
	
	
	/* sobre escribo para pantalla listado acreditaciones los btns alta y alta masiva se sube encima título en resolución 641px 
	COMPROBAR QUE EN OTRAS PANTALLAS NO GENERA ERROR EL ELIMINAR EL WIDTH: si todo va bien, se puede quitar el width de todos los cortes dejando el auto*/
	width:auto; 
	
	float: right; 
	margin: -56px 0 26px 0;
}
/*eliminado porcentaje para evitar descuadre en redimension*/
.tituloBotonera .titBotonera .ui-button {
	margin-left: 5px; 
	
}
/* ============================================== SELECTORES CHECKS INPUTS=========================*/
/*Controla aspectos del interior de los inputs, checksbox y selectores*/
.ui-inputfield, .ui-chkbox-box, .ui-selectonemenu {
	width: 90%;
	padding: 4px;
}
/*Modifica el puntero y la posicion del check-box */
.ui-chkbox-box {
	margin-top: -3px;
	cursor:pointer;
}
/* .titBotonera .ui-button.ui-state-default{background-color:#c15c2f;border:1px solid #c15c2f;} */
/* .ui-chkbox .ui-state-default { */
	/* background-color: #fff; */
/* } */
/*Establece el color en el fondo de la flecha de selectores cuando se produce un error*/
.ui-selectonemenu-trigger.ui-state-default.ui-state-error {
	background-color: #cd0a0a;
		/* url("/acreditaciones-portal/javax.faces.resource/images/ui-bg_inset-hard_45_cd0a0a_1x100.png.xhtml?ln=primefaces-semilla") */
		/* 50% bottom repeat-x; */
}
/* Controla el color de fondo y color del texto de los input y los select que eran azules (SOLO APARECE EN RESOLUCIONES DE - de 640px)*/
#pestanas\:formLog\:numLineas_input,
#formListado\:listaEntidad_reflowDD,
#formListado\:listaAlertas_reflowDD,
#formListado\:listaAcreditacion_reflowDD{
	background-color:#fff; 
	color:black;
	text-align: center;
}
/* -----ESTAS REGLAS NO PARECE QUE TENGAN USO (Anterior menu de navegacion) SE DESACTIVAN-----------*/

/* .navbar-default { */
	/* border: 0; */
/* } */

/* .navbar { */
	/* margin-bottom: 0; */
/* } */

/* .navbar-nav>li>a { */
	/* padding-top: 10px; */
	/* padding-bottom: 10px; */
	/* color: #656565; */
/* } */

/* .dropdown-toggle span i { */
	/* display: none; */
/* } */

/* .ui-widget-content .ui-selectonemenu-filter { */
	/* color: #606060; */
/* } */

/*+++++++++++++++++++++++++++++++++++++++++++++++++PASADO AL THEME.CSS +++++++++++++++++++++++++++++*/
/* .ui-widget .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { */
	/* font-size: .75rem; */
/* } */
/* ================================================ PANELES ========================================*/


/*Cabeceras y pies generales ORIGINAL, modificar color sin Important, porque sobrescriben todos*/
.ui-widget-header {
	display: table;
	width: 100%;
	letter-spacing: 0.02rem;
}
.ui-panel .ui-widget-header , .ui-datatable .ui-widget-header{color:#646262;}
.leyendas .ui-widget-header {background-color:#1380a6} /* nuevo contraste igual que ui-dialog*/

/*Barra de titulo de los paneles (Principal) */
.ui-panel-title {
	font-size: 1.17rem; /*EMMA 14PT bold*/
}
/*Barra de Titulos en los paneles generales excepto el del colapsador */
.ui-panel .ui-panel-titlebar {
	border-radius: 4px;
	/*cambio color de blanco a #7d7d7d y  background-color:#d4dadc; */
	background-color:#e2ddd9;
	box-shadow:1px 1px 1px rgba(102,102,102,0.5);
	padding: 12px;
	height: 44px;
}
/*Barra de titulo de los paneles (secundarios) */
#panel_content .ui-panel .ui-panel-titlebar{
	color:#646262;	
	/* background-color:#e8e8e7; */
	padding:10px;
	box-shadow:1px 1px 1px rgba(102,102,102,0.35);
}
/*Textos de la barra de titulo de los paneles (secundarios) */
#panel_content .ui-panel-title {
	font-size: 0.9rem; /*EMMA */
}
/*Contenido de un panel unico */
.ui-panel-content{
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
/*Paneles que se encuentran dentro del contenido de otro panel*/
/*estaba duplicado #formCampos\:datosPersonales_content  CORREGIDO ELIMINANDOLO DE CUSTOM? */
.ui-panel-content .ui-panel-content{
	margin-bottom:25px;
	background-color:#f1f1f1;
} 
/*Panel que contiene otros paneles */
.ui-panel .ui-panel-content {
	padding: 10px;
}
/*Elemento sin identificar--?? */
.ui-chips-container {
	width: auto;
	padding: 1px;
}
/*Panel que contiene el elemento desplegable del menu de navegacion  */
.ui-shadow {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}
/*Controla la posicion de los iconos de los paneles desplegables (Usuarios, leyendas y empresas) */
.ui-panel .ui-panel-titlebar-icon, 
.ui-panel .ui-panel-titlebar-icon:hover,
.ui-panel .ui-panel-titlebar-icon:focus,
.ui-panel .ui-panel-titlebar-icon:active {
	/* margin-top: 0px; */
	padding: 4px 5px;
}
/*Controla la visualizacion de los elementos desabilitados dentro de todo el contenido*/
.ui-state-disabled,
.ui-widget-content .ui-state-disabled, 
.ui-widget-header .ui-state-disabled {
	opacity: 0.6;
	background-color:#E2DDD9 !important;
	border: 1px solid #878787;
}
/* Excepción a la regla anterior para que las filas deshabilitadas de un datatable, no salgan por encima de las columnas fijas */
.ui-datatable .ui-widget-content .ui-state-disabled {
	opacity: 1;
}
/* label { */
	/* font-weight: normal; */
/* } */
/*Elementos que aparecen con fondo detras NO ESTA IDENTIFICADO DEL TODO */
.ui-state-highlight {
	background: #f7c172;
	background-image: none;
	background-size: 0;
}
.row+.col-md-3 {
	clear: both;
}
/*Controla el color de fondo de los elementos deshabilitados- NO tiene efecto y se desactiva */
/* .ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label { */
	/* background-color: transparent; */
/* } */
/*Esta regla no se aplica al ser sobrescrita*/
/* #dialogoAyuda { */
	/* width: auto; */
/* } */
/* ==================================== PAGINADOR ================================================= */

/*Controla aspectos de la caja datatable donde se muestra el paginador */
.ui-datatable .ui-paginator{
	padding:11px 0;
	border-top:1px solid #e2e2e2;
	margin-top:0px; 
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
/*Controla posicion y aspectos generales del paginador */
.ui-paginator {
	/* padding: 14px 0 12px 0; */
	margin-bottom: -2px;
	position: relative;
	/*EMMA*/
	color:#6a6868;
	background-color:#e8e8e8;
	/* color:#0e485d; */
	/* border:0; */
}
/*Controla aspectos de los cuadros que muestran numeros de las paginas del paginador*/
.ui-paginator .ui-state-default{
	border:0;
	padding:10px 15px;
	background-color:#fff;
	color:#0e485d;
	box-shadow:1px 1px 0px #abb6bf;
	font-size:14px;
}
/* Controla la caja del selector de paginacion */
.ui-paginator select.ui-widget.ui-state-default{
	background-color:#fff;
	/* color:#0e485d;  */
	padding:0 0 0 15px\0;/*Esta regla no esta mal escrita es un haks exclusivo para explorer */
	border-radius: 3px;
}
/* Controla la caja del selector de paginacion en estado hover*/
.ui-paginator select.ui-state-focus, .ui-paginator .ui-state-hover{
	font-weight:bold;
}
/*Muestra la flecha del selector en explorer (estaba en display:none;) y controla su aspecto */
.ui-paginator select::-ms-expand {
	/* display: none; */
	height:36px;
	margin:0 0 0 15px;
} 
/* Establece el color de los botones del paginador en estado hover */
.ui-paginator .ui-state-hover:not(.ui-paginator-rpp-options){
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	font-weight:bold;
}
/* Pagina activa del paginador */
.ui-paginator  .ui-state-active{
	background:transparent; /*sobre escribir fondo linear naranja*/
	background-color:#517c8f; /*contraste en botón*/
	color:#fff; 
	font-weight:bold;
} 
/* Carga la imagen sprite de los iconos del paginador- (queda pendiente sustituirlos por iconos de font awesome)*/

.ui-paginator .ui-icon{
	background-image:url("/acreditaciones-portal/javax.faces.resource/images/ui-icons_1380A6_256x240.png.xhtml?ln=primefaces-semilla")
}
/*  USAR UNA VEZ ENCONTRADOS LOS ICONOS PARA PAGINADOR*/ 
/* .ui-paginator .ui-icon{background-image: none; */
	/* text-indent: unset; */
	/* width: auto; */
	/* height: auto; */
	/* margin-right: 20px; */
	/* display: inline-block; */
	/* font: normal normal normal 14px/1 FontAwesome; */
	/* font-size: inherit; */
	/* text-rendering: auto; */
	/* -webkit-font-smoothing: antialiased; */
	/* } */

/* .ui-paginator .ui-icon:before{ */
	/* font-family: FontAwesome; */
	/* display: inline-block; */
	/* color: red; */
	/* font-size: 1.2rem; */
	/* font-weight: normal; */
	/* content: "\f00d"; */
	
/* } */
/*No tiene efecto - se desactiva */
/* .ui-paginator .ui-state-hover{ */
	/* font-weight:bold; */
/* } */
/*No tiene efecto - se desactiva */
/* .ui-paginator a { */
	/* padding: 4px 8px; */
	/* margin: 0 2px; */
/* } */

/* ================================================ PIE DE PAGINA ========================================*/
#pie {
	padding: 35px 0px 28px;
	font-size: .85rem;
	text-align: right;
	color: #fff;
	background-color:#4c5a5f;
	/*EMMA eliminado bg-image y box-shadow*/
}
#pie .container{line-height:1.4rem}

    /* ==================== zona pie: accesibilidad y mapa web ==================== */
.ui-widget .ui-widget.enlaces{text-transform:uppercase;margin-bottom:4px;}
.enlaces ul{padding:0;display:inline-flex;list-style:none;}
.enlaces li{line-height:.9rem;padding:0 0 0 11px ;height:18px}
.enlaces li.accesible:after, .enlaces li.mapaWeb:after{content:"|";padding-left:10px}
.enlaces li a{color:#fff;padding:1px 5px;text-decoration:underline;}
.enlaces li:last-child a{padding-right:0;}
.enlaces li a:before{padding-right:4px;font:bold normal normal 1.2rem/1em FontAwesome;color:#fff;}
.enlaces li.accesible a:before{content:"\f29b";}
.enlaces li.mapaWeb a:before{content:"\f0e8";}
.enlaces li.cookies a:before{content:"\f24e";}



/* zona accesibilidad y mapa web   v01     BORRAR SI NO SE UTILIZA   */
/* .ui-widget .ui-widget.enlaces{text-transform:uppercase;color:#b3d3dd;margin-bottom:4px;} */
/* .enlaces ul{padding:0;display:inline-flex;list-style:none;} */
/* .enlaces li{border-right:1px solid #fff;line-height:.9rem;padding:0 15px;height:18px} */
/* .enlaces li:last-child{border-right:0;} */
/* .enlaces li a{color:#fff;padding:1px 5px;text-decoration:underline;} */
/* .enlaces li:last-child a{padding-right:0;} */
/* .enlaces li a:before{padding-right:4px;font:bold normal normal 1.2rem/1em FontAwesome;color:#fff;} */
/* .enlaces li.accesible a:before{content:"\f29b";} */
/* .enlaces li.mapaWeb a:before{content:"\f0e8";} */




/* zona accesibilidad y mapa web  v02    BORRAR SI NO SE UTILIZA  */
/* .ui-widget .ui-widget.enlaces{text-transform:uppercase;color:#b3d3dd;margin-bottom:4px;} */
/* .enlaces ul{padding:0;display:inline-flex;list-style:none;} */
/* .enlaces li{line-height:.1rem;padding:0 6px;} */
/* .enlaces li a{color:#fff;padding:1px 5px;text-decoration:underline;} */
/* .enlaces li:last-child a{padding-right:0;} */
/* .enlaces li a:before, li.mapaWeb:before{padding-right:4px;font:bold normal normal 1.2rem/1em FontAwesome;color:#fff;} */
/* .enlaces li.accesible a:before{content:"\f29b";} */
/* .enlaces li.mapaWeb a:before{content:"\f0e8";} */
/* li.mapaWeb:before{content:"\f068";font-size:.5rem;font-weight:normal;margin-right:10px;} */






/* ============================================== PANTALLAS ACCESIBILIDAD Y MAPA WEB ========================================*/
/*------------------------   COMUN y accesibilidad  --------------------------------------*/
.links{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;}
.links h3{font-size:1.25rem;font-weight:bold; margin-bottom:12px;padding:13px 0 0 0;line-height:1.7rem;}
.links p{font-size:.95rem;line-height:1.65rem;}
.links .titulo{margin-bottom:5px}

 /*------------------------   MAPA WEB   ------------------------------------------*/
.siteMap ul{line-height:3rem;list-style:none;font-size:1rem;letter-spacing:0.03rem}
.siteMap ul .ui-widget {font-size:1rem;}
.siteMap li{margin-bottom:4px}
 .siteMap ul a{padding:2px 14px 2px 20px;color:#fff;display:block;border-radius:4px;box-shadow:2px 2px 2px #b5b5b5;font-family:raleway,arial, sans-serif;}
 .siteMap ul a:hover{text-decoration:none;background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%)!important;color:#373030;box-shadow:2px 2px 4px #616161;}
 
.siteMap ul > li:nth-child(1) a{background-color:#0676A9}
.siteMap ul > li:nth-child(2) a{background-color:#0b6892}
.siteMap ul > li:nth-child(3) a{background-color:#0b587b}
.siteMap ul > li:nth-child(4) a{background-color:#064a69}
.siteMap ul > li:nth-child(5) a{background-color:#063b54}

.siteMap h3{padding:15px 0 0 0}






/*Aspectos sobre el texto que informa de la version de la aplicacion */
.version {
	height: 33px;
	padding-bottom: 10px;
}
/*No parece tener efecto alguno al no existir contenido en el after */
/* .version:after { */
	/* border-bottom: 1px solid #e1e1e1; */
	/* height: 33px; */
	/* padding-bottom: 10px; */

/* } */






/* ============================================== POPUPS ========================================*/


.ui-dialog .ui-widget-header {background-color:#1380a6; /*lightbox*/}



/*Controla los dos botones de algunos popusp emergentes */
.botonera {
	margin-right: 20px;
	margin-top: 5px;
	clear: both;
	text-align: center;
	/* padding: 6px 10px; */
}
/* Márgenes y separacion de la botonera con respecto al contenido en los dialogos*/
.ui-dialog .ui-button {
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px; 
}
/* margen de los botones entre ellos */
.botonera button {
	margin-left: 10px;
	margin-bottom:8px;
}
/* margen de la caja que contiene los botones */
.botonera {
	margin-bottom: 1em;
}

#formDetalle .ui-datalist .ui-widget-content{border:0;background:transparent;padding-top:11px;padding-bottom:4px;min-height:50px;}
#formDetalle .ui-datalist .ui-widget-content{border:0;background:transparent;padding-top:11px;padding-bottom:4px;}
#formDetalle .ui-datalist .ui-widget-content ul{list-style:none;font-size:.84rem;}
#formDetalle .ui-datalist .ui-widget-content ul li:only-child{padding-top:6px}
#formDetalle .ui-datalist .ui-widget-content ul li:before{
content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
color: #666; /* Change the color */
 /* If you want it to be bold */
/* font-weight: bold; */
font-size:1rem;
display: inline-block; /* Needed to add space between the bullet and the text */ 
width: 1em; /* Also needed for space (tweak if needed) */
margin-left: -1em; /* Also needed for space (tweak if needed) */}


/* -------------------------------  ESTAS REGLAS HAY QUE SITUARLAS pero EN DONDE...??  -----------------------------------------------------------*/


/*En Custom hay mas reglas de este tipo (lineas 742 a 777) hay que verlo */
.ui-growl-title {
	font-size: .8rem;
}

/*En semilla-alertas.css hay mas reglas de este tipo hay que verlo */
.sa_panelNotif {
	width: 650px;
}

.sa_panelNotif .ui-icon-closethick {
	background-image: url("/acreditaciones-portal/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-semilla");
	margin-right: 1px;
}
/*Controla la posicion del icono de la flecha del boton acciones(Flecha que hay que pasar a fontawesome) */
.ui-button-icon-left {
	/* position: relative; */
	left: 1rem;
}
/* Controla la posicion del label que hay a la izquierda de los selectores de la cabecera en la pagina acreditaciones */
.ui-datatable-header div label {
	margin-right: -20px;
}
/* Controla el ancho del interior del input de los selectores- no tiene efecto alguno - se desactiva */
/* .ui-datatable-header input { */
	/* width: 30%; */
	
/* } */
/*Controla la flecha del boton acciones en hover, pero no tiene efecto o no es cargada- se desactiva */
/* .ui-state-hover:hover .cabIzq span.ui-button-icon-left.ui-icon.ui-c.ui-icon-triangle-1-s { */
	/* background-image: url("/acreditaciones-portal/javax.faces.resource/images/ui-icons_1380A6_256x240.png.xhtml?ln=primefaces-semilla"); */
/* } */
/* no tiene efecto al estar posicionado el elemento de forma absoluta - se desactiva */
/* .cabIzq span { */
	/* vertical-align: middle; */
/* } */
/* ============================================== FORMULARIO ALTA ==================================*/
/*Establece una separacion entre los inputs del formulario */
form .row div {
	margin-bottom: 8px;
}
/*Establece una separacion de la franja blanca de debajo del boton dubir documentacion */
form .row div div {
	margin-bottom: 0;
}
/*Contenedor de los inputs en los formularios de alta */
.colCampoBf {
	padding-right: 0px;
	position: relative;
}

.colCampoBf, .colEtiquetaBf {
	display: flex;
	align-items: center;
}

.colCampoBf .ui-widget, .colEtiquetaBf .ui-widget{
	margin-top: auto;
	margin-bottom: auto;
}

/*alineacion de Campos de entrada o visualizacion de datos del formulario de alta  */
#formCampos #formCampos\:campos {
	text-align: left;
}
/*No se exactamente sobre que elemento actua pero si se desactiva no se ve bien el boton de subir documentacion de la pagina alta */
#formCampos .ui-button {
	padding: 6x 10px;
	/* font-weight: bold; */
	/* margin-bottom: 5rem; */
}
/*Boton para subir documentacion y subir ficheros en pagina alta y alta masiva */
.ui-fileupload-buttonbar .ui-button{
	margin-bottom:1rem
}
/*Interior del panel del acordeon de añadir usuario y empresa*/
#panel{
	font-weight:bold;
	z-index: 20;
	margin-bottom:25px;
} 

/*Esta regla parece no tener efecto */
/* .ui-button.ui-state-default.ui-state-hover { */
	/* background-color: #1b5f77; */
/* } */

/*Esto pertenece al menu de navegacion primero */
/* .navbar ul li { */
	/* text-transform: uppercase; */
	/* font-weight: bold; */
	/* font-size: .8rem; */
	/* letter-spacing: 0.08rem; */
	/* font-family: 'Open Sans', Verdana, Arial, sans-serif; */
/* } */

/*EMMA esta regla estaba duplicada la anterior estaba en la linea 52 y tenia un error de sintaxis, por eso no funcionaba la regla*/
/* .ui-outputpanel, .ui-panel { */
	/*Necesario padding:0, estaba en 20px, para que no salga scroll horizontal en tabla acreditaciones en toda la ventana, no en tabla*/
	/* padding:0px; */
/* } */
/*+++++++++++++++++++++++++++++++++++++++++++++++++PUESTO EN THEME++++++++++++++++++++++++++++++++++*/
/* .ui-widget.ui-widget-content { */
	/* border: 0; */
/* } */
/* ============================================== DATATABLES ========================================*/
/* Ajustes de la Cabecera de la datatable */
.ui-datatable .ui-datatable-header {
	padding: 15px;
	background-color:transparent;
	border:0;
}
/* EMMA en usuario / detalle  la tabla inferior, cuando salen resultados para "Mostrar eliminados" incluir características de menos alto y menos padding  */
.colEtiquetaBf .ui-datatable-header{padding:0}
.colEtiquetaBf .ui-datatable-header > .cabIzq > .ui-chkbox{margin:11px 0 5px 11px;}
.colEtiquetaBf .ui-datatable-header .cabIzq  label.ui-outputlabel{margin-top:11px}
/* sombra superior de la cabecera del datatable */
.ui-datatable-header{
	box-shadow: -1px 1px 10px 0px rgb(204, 201, 201);
}
/*Controla aspectos de la caja donde se muestran las tablas y datatables */
.ui-datatable-tablewrapper{
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
/*Controla aspectos de las cabeceras de los datatables */
.ui-datatable-header.ui-corner-top {
	border-radius: 0;
}
/* Controla el icono de cargando, si se desactiva se descuadra */
.ui-spinner input {
	width: 100%;
}
/*Contiene el icono de cargando */
.cargando {
	width: 27px; 
	height: 27px;
}
/*Cabecera de tabla controla botones en su estado por defecto*/
.ui-datatable-header .ui-button.ui-state-default {
	margin-left: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	/* background-color: #fff; */
	/* color: #00556f; */
	/*Oscar Modificacion del padding que afecta al boton de limpiar filtros y acciones*/
	padding:5px 1px;
}
/* EMMA Detalle de Acreditaciones en datatable-header el ckeck que solo sale en algunas ocasiones */
.colEtiquetaBf .ui-datatable-header .ui-outputlabel{height:21px;display:inline;vertical-align:middle;margin-left:0!important;margin-top:11px!important}
/* No parece tener efecto esta reglas Pueden ser candidatas a ser borradas*/
.cabIzq{
	text-align:left;
	float: left;	
}
/* No parece tener efecto esta reglas Pueden ser candidatas a ser borradas*/
.cabDer{
	width:140px;
	text-align:left;
	float: left;
}
/*Parte central de la cabecera de la tabla acreditaciones */
.cabCentro {
	width:70%;
	/* text-align:left; */
	display: inherit;	
}
/*Da un margen a la eiqueta y a la que esta dentro de los inputs de la cabecera */
.cabCentro label {
	margin-top: 4px;
}

.cabIzq .ui-button-text-icon-left .ui-button-text {
	padding: .4rem 1rem .4rem 2.1rem;
}
/*Caja que engloba los botones de la pagina acreditaciones para controlar el RESPONSIVE */
.botonesFiltro1, .botonesFiltro3{
	width:135px;
	float:left;	
}
/*Caja que engloba los botones de la pagina usuarios y empresa para controlar el RESPONSIVE */
.botonesFiltro2, .botonesFiltro4{
	margin-top:3px;
	float:left;		
}
/*Clase que centra textos (En las celdas de las tablas)*/
.textoCentro {
	text-align: center;
}

.textoFecha{
	margin-right: 10px;
}

.btnAyudaVer{
	display: block;
}

.btnAyudaDesc {
	display: none;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++PASADO AL THEME++++++++++++++++++++++++++++++++++*/
/* .ui-widget-content { */
	/* border: 1px solid red; */
/* } */
	
/*EMMA  titulo panel Colapsador .panelDespl */
/* .panelDespl .ui-panel-titlebar{ */
	/* color:#fff; */
	/* background-color:#d68a57; */
}
/*EMMA  SUBtitulos paneles generales excepto colapsador */

/*DUPLICADO EN LINEA 118*/
/* .ui-chips-container { */
	
/* } */

/* .botonAlta{ */
	/* Eliminar porcentaje por precision redimension */
	/* float: left; */
	/* margin: 0 0 0 64%; */
/* } */

/* .cabIzq, .cabCentro{ */
	/* display: inherit; */
	
/* } */

/*Regla unificada en la linea 467*/
/* .cabIzq span.ui-button-icon-left.ui-icon.ui-c.ui-icon-triangle-1-s { */
	/* position: absolute; */
	/* margin-left: 1rem; */
/* } */
/* input, optgroup, select, textarea, .ui-selectonemenu-label { */
	/* color: #444; */
	/* padding: 4px; */
/* } */
/*Icono de informacion circular azul */
/* .fa.fa-info-circle { */
	/* margin-left: 4px; */
/* } */

/* ============================================= TABLAS ============================================*/
/* Relativo a las tablas */
.colAccion{
	text-align: center;
}

/* ====================================ICONOS FONTAWESOME ==========================================*/
/*Posiciona y da formato al Icono de informacion circular azul*/
.colCampoBf span.fa-info-circle{
	position:absolute;
	top:12px;
	left:-5px;
	transform: scale(1.5);
	color: #1380a6;
}
/*icono de eliminar (cubo de basura)*/
.fa.fa-trash::before {
	top: 0;
}
/*ICONOS - Icono editar usuario */
.fa-pencil::before {
    content: "\f044";
}
/*ICONOS - Icono ver usuario */
.fa-search::before {
    content: "\f06e";
}
/* =========================================PANTALLA LOGIN ========================================*/
/*Esconde el asterisco de los formularios de login (desactivar si se quitan dichos asteriscos) */
#login .ui-outputlabel-rfi,
#restaurar .ui-outputlabel-rfi{
	display:none
}
/* Caja de texto del dialogo restaurar contraseña */
#restaurar #descripcion{
	clear:both;
}
/* Cuerpo del login de la parte izquierda (Controla la imagen del login)*/
.login {
	background-color: #1380a6;
	background-position: 6% 32%;
	background-repeat:no-repeat;
	box-shadow: 6px 6px 9px rgba(0,0,0,0.3);
	max-width: 1000px;
	margin: 3% auto;
	background-image: url("/acreditaciones-portal/javax.faces.resource/img/bg.png.xhtml?ln=default&v=1_8_1");
	background-size:45%;
}
/*Elemento sin identificar */
.login:parent {
	margin-bottom: -42px
}
/*Panel que engloba el login */
.login .ui-panel {
	box-shadow: none;
	margin-bottom: 0
}
/*Dispone un alto minimo en los cuadros de dialogo del formulario de login donde apareceran los mensajes de error*/
.loginForm .ui-messages {
	min-height:17px
}
/* quita el sombreado de la caja de texto de la parte izquierda del login*/
.loginForm .ui-panel-content{
	box-shadow:none;
}
/*Margenes de las dos cajas (parte derecha e izquierda)de texto del login */
.loginText, .loginForm {
	padding: 45px 25px 30px;
}
/* Establece valores de la caja de texto de la parte izquierda del login */
.loginText {
	color: #fff;
}
/*Establece tamaño del texto de los parrafos de la parte izquierda del login*/
.loginText p {
	font-size: .95rem;
	width: 89%;
	margin: 0 auto;
}
/* Establece valores de la caja de texto de la parte derecha del login */
.loginForm {
	background-color: #CFDEE3;
	/* color: #5a5858 */
}
/* establece separacion entre los bloques de texto de los cuadros de dialogo del login  */
.loginForm p {
	padding-top:10px;
}
/*Establece tamaño del texto de los parrafos del login de ambas partes del login*/
.login p {
	font-size: .85rem;
}
/* Bloque de texto que muestra el mensaje de campos obligatorio (Puede que aparezca en varios sitios, logui, recuperar contraseña, formularios) */
p.asterisco {
	color: #6d6a6a;
	font-size: .8rem;
	margin-bottom: 15px;
}
/* Titulares h2 de la pantalla de login */
.login h2 {
	text-transform: uppercase;
	font-size: 1.05rem;
	letter-spacing: 0.2rem;
	/* font-family: 'Open Sans', Arial, Verdana, Sans-serif; */
	font-weight: bold;
	margin: 30px auto 30px auto;
	text-align: center;
}
/* Titular h2 de la parte derecha del login */
.loginForm h2 {
	color: #0c485d
}
/* Caja que contiene los inputs del login */
.login .ui-widget.ui-widget-content {
	/* border: none; */
	background-color: transparent;
}
/* Controla los elementos de dentro de la caja (label e inputs)  */
.login .ui-panel .ui-panel-content {
	padding: 0;
	color: #00556f;
}


/* ========================================INPUTS login ===========================================*/
/* Cajas que contienen un label y un input del formulario login */
.campos>div {
	padding: 8px 0 2px 0;
}
/* Introduce un espacio o separacion entre las dos cajas contenedoras del formulario */
.campos div:after {
	display: block;
	content: "";
	clear: both;
}
/*controla los inputs del formulario de login*/
.login .ui-widget input.ui-widget {
	width: 92%;
	float: left;
	height:40px;
}
/*Texto del enlace de recuperar contraseña */
.password {
	font-size: .8rem;
	/* color: #6d6a6a */
}
/* Enlace de recuperar contraseña */
.password a {
	color: #00556f;
	text-decoration: underline;
	/* text-align:left; */
	font-weight: bold;
	display: block;
	margin-top: 0px;
}
/* Enlace de recuperar contraseña en hover*/
.password a:hover {
	color: #1380a6;
	text-decoration: none;
}
/* Caja que contiene el boton de aceptar login */
.login form .botonera {
	/* text-align: left; */
	margin-top: 25px
}
/*boton de aceptar login */
.login form .botonera button {
	width: 50%;
	margin:6px auto;
	display:block;
	/* margin-left: 0; */
	/* margin-bottom: 4px; */
}
/* Establece el color rojo en el/los campos de entrada que presenten el error */
.ui-state-error, .ui-widget-content .ui-state-error {
	color: #a20000;
	background-color: transparent;
	background-image: none;
}
/* margenes de los mensajes de error que se muestran en el login */
.loginForm .ui-messages-info,
.loginForm .ui-messages-warn, 
.loginForm .ui-messages-error,
.loginForm .ui-messages-fatal{
	margin-bottom:9px
}
/*Celdas que aparecen en el popup de restaurar contraseña */
.ui-panelgrid.ui-widget td, .ui-panelgrid.ui-widget tr {
	border: none;
	background-color: transparent;
}
/* ============================================== MENSAJES, AVISOS, ERROR ==========================*/

/* controla el interior de la caja de visualizacion de mensajes */
.mensajes div{ 
	font-size: 0.9rem;
	border-radius:19px;
}
/* regla pasada a .mensajes div */
/* .mensajes .ui-corner-all{ */
	/* border-radius:19px; */
/* } */
/* enlace del Icono del aspa de cerrar el aviso */
.mensajes div a .ui-icon{
	background-image:none;
	display:inline;
	font:normal normal normal 1rem/1rem FontAwesome;
}
/* Define el icono que se usara para cerrar el aviso (aspa) */
.mensajes div a .ui-icon:before{
	content:"\f00d";
	/* color:#fff; */
	font-size:1.3rem;
}
/* Controla el interior del mensaje  */
.mensajes ul{
	padding:16px;
	margin-left:69px;
	margin-right:36px;
}
/* posiciona el icono del aspa sobre la caja */
.ui-messages .ui-messages-close{
	/* height:60px; */
	width:29px;
	padding:11px 0 0 0;
}
/* establece separacion con respecto a otros elementos de la caja de avisos */
.ui-messages-info, 
.ui-messages-warn,
.ui-messages-error,
.ui-messages-fatal{
	border:0;
	margin-top:10px;
	margin-bottom:20px;
	padding:0;
}
/* Establece aspecto del icono del tipo de aviso */
.ui-messages-info-icon, 
.ui-messages-warn-icon, 
.ui-messages-error-icon, 
.ui-messages-fatal-icon{
	background-color:transparent;
	padding:22px;
	height:auto;
	width:auto;
	margin-top:0;
	/* display:inline; */
	font:normal normal normal 1rem/1rem FontAwesome;
	background-image:none;
}
/* Establece margenes sobre el texto contenido dentro del aviso  */
.ui-messages-info-summary,
.ui-messages-warn-summary,
.ui-messages-error-summary, 
.ui-messages-fatal-summary, 
.ui-message-info-summary, 
.ui-message-warn-summary, 
.ui-message-error-summary,
.ui-message-fatal-summary{
	 margin-left:-5px;
}

/* =====================  COLOR FONDO CAJA MENSAJES Y AVISOS DE USUARIO E ICONOS =================== */
/* Controla los margenes y estilos del contenido de los elementos li que esten en los popups y mensajes de error */
.ui-messages li {
	margin: .25rem 0;
	min-height:18px; 
	text-align: left;
}
/* Establece aspectos generales sobre los iconos de error */
.ui-messages div span:before{
	color:#fff;
	font-size:2rem;
}
/* Establece colores sobre el contenido del mensaje de error */
.mensajes .ui-messages-info ul{
	background-color:#bae6e2;
	color:#334950;
}
 /* color lateral de la caja del mensaje de información */
.ui-messages-info{
	background:#0f809a;
	color:#fff;
}
/* icono del mensaje de información */
.ui-messages-info-icon:before{
	content:"\f05a";
}
/* Establece colores sobre el contenido del mensaje de warning */
.mensajes .ui-messages-warn ul{
	background-color:#fbf1ce;
	color:#a4473b;
}
 /* color lateral de la caja del mensaje warning */ 
.ui-messages-warn{
	background:#e65122;
}
/*icono del mensaje de warning */ 
.ui-messages-warn-icon:before{
	content:"\f071";
} 
/* Establece colores sobre el contenido del mensaje de error */
.mensajes .ui-messages-error ul{
	background-color:#f1deda;
	color:#614239;
}
 /* color lateral de la caja del mensaje de error */
.ui-messages-error{
	background:#d42d2d;
}
/*icono del mensaje de error */
.ui-messages-error-icon:before{
	content:"\f057";
}
/* Establece colores sobre el contenido del mensaje de error fatal*/
.mensajes .ui-messages-fatal ul{
	background-color:#e2e1d4;
	color:#7d143f;
}
 /* color lateral de la caja del mensaje de error fatal*/ 
.ui-messages-fatal{
	background:#3d0e54;
}
/*icono del mensaje de error fatal*/
.ui-messages-fatal-icon:before{
	content:"\f05e";
}








/* =====================  ERRORES QUE NO SON DE TIPO AVISO (Login y formularios) =================== */


/* establece el color  del icono del error */
.ui-message-error-icon {
	background-image: none;
	color: #a20000;
	/* width: 25px;	 */
	/* height: 25px; */
}
/* Establece normas generales sobre el icono de error */
.ui-message-error-icon:before {
	font-family: FontAwesome;
	color: #a20000;
	font-size: 1.6rem;
	font-weight: normal;
	content: "\f00d";
	padding-left: 2px;
}
/* Esta regla no parece tener ningun uso - se desactiva */
/* .ui-message-error { */
	/* top: 0px; */
	/* right: -6px; */
	/* width: 28px; */
	/* margin: 0px; */
	/* height: 28px; */
	/* padding: 1px 3px; */
/* } */
/* Establece estilos sobre el icono de error que sale en el lateral de los campos de entrada */
.campos .ui-message-error{
	background-color:transparent;
	display:inline-block;
	border:0;
	width:5px;
	height:5px;
}
/* posiciona el icono de error que sale en el lateral de los campos de entrada */
.campos .ui-message-error-icon{
	width:5px;
	height:5px;
	margin-top:-12px;
}
/* Establece tamaño del icono de error que sale en el lateral de los campos de entrada */
.campos .ui-message-error-icon:before{
	font-size:1rem
}
/* Establece margenes y separacion del icono que sale al lado de los selectores */
.campos  .ui-selectonemenu + .ui-message .ui-message-error-icon{
	margin-top:-3px
}

/* =====================  ERROR CONTRASEÑA INCORRECTA =================== */
/*caja del error en login o cambio de contraseña */
.loginForm .ui-messages ul{
	padding-top:15px;
	padding-bottom:12px
}
/*Contenido caja de error en el login o cambio de contraseña modificado alto mínimo para cuando hay 2 mensajes*/
.loginForm .ui-messages div ul li{
	min-height:18px; 
	color:#fff; 
	padding:2px 0;
}
/* =====================  ERROR ADJUNTAR FICHEROS ALTA MASIVA=================== */
/*altura de la caja de error alta masiva y login + color del texto y margenes */
.ui-fileupload-content .ui-messages li, 
#formPassword .ui-messages ul{
	padding:15px 0;
	min-height:65px; 
	color:#fff;
} 
/*Cambia el icono sprite de cerrar los avisos de error de alta masiva upload por iconos fontawesome*/
.ui-fileupload  .ui-widget-content .ui-icon-close{
	background-image:none;
	display: inline;
	font: normal normal normal 1.3rem/1.1rem FontAwesome;
}
/*Establece el icono fontawesome a mostrar*/
.ui-fileupload  .ui-widget-content .ui-icon-close:before{
	content:"\f00d";
	/* color:#fff; */
	font-size: 1.1rem;
}
/*texto del mensaje de error que aparece en alta masiva upload */
.ui-fileupload-messages ul li span{
	display:block;
}
/*Controla algo del formulario de password nuevo */
#formPassword .ui-messages-error {
	margin-bottom:0;
}





/*  traido de otra CSS antigua: importante el orden porque sobre escribe el panel panel error */
#formUrgente .ui-messages div ul li, .ui-panel .ui-panel .ui-messages div ul li{min-height:65px; 	color:#fff; 	padding:15px 0;}
.ui-panel .ui-panel .ui-messages div ul li{line-height:1.8rem;font-size:0.9rem;padding-top:18px}
.ui-messages div span:before{color:#fff;font-size:2rem;}
.ui-messages div ul li span:before{font-size:1.1rem;color:#f9f9c7;padding-left:7px;}
#formUrgente .ui-messages-warn span:before{font-size:2rem;}
#login div span:before{font-size:1rem;}



/* Regla duplicada - que no toma efecto */
/* .ui-message-error-icon { */
/* margin-top: -4px;  */
	/* margin-left: -2px;  */	
/* } */
/* .ui-message-error { */
	/* color: #a20000; */
	/* background-color: #f3eaea; */
/* } */

/*Controla el tamaño color y padding de un error que sale en un popup de la tabla acreditaciones al pulsar boton acciones y seleccionar urgente */
/* #formUrgente .ui-messages-warn ul li, #login div ul li { */
	/* min-height:65px;  */
	/* color:#fff;  */
	/* padding:15px 0; */
/* } */
/*  Error referente a error de validación de campo, aplica a errores internos y login, de ahí que hay que nombrarlo desde .campos */
/* .colCampoBf .ui-message-error {	left: -14px;} */
/* .campos .ui-message-error { */
	
/* } */



/*================================== TABLAS ========================================================= */
/*Alterna el color de fondo de las filas pares dentro de las tablas */
tr:nth-child(even) {
	background-color: #eef3f5;
}
/* Actua sobre la primera columna de las tablas */
.ui-datatable table tr td:first-child,
.ui-datatable table th:first-child {
	border-left-width: 1px;
}
/* define el borde superior de las cabeceras th */
.ui-datatable table tr td,
.ui-datatable table th{
	 border-top-width: 1px !important;
}
/*Quita los bordes de las celdas td de las tablas*/
.ui-datatable table tr td {
	border: 0;
}
/*Define colores y estilos a las th de cabecetras de las tablas */
.ui-datatable-tablewrapper table thead th,
.tablaScroll table thead th,
#pestanas tr th,
.ui-datatable-scrollable-header-box thead th{
	/* background-color:#037FB0; */
	background-color:#cfdee3;
	color:#135971;
	padding-top:10px;
	font-weight:bold;
}
/*Actua sobre los selectores (Parte sombreada donde esta la flecha) */
.ui-datatable thead th, 
th .ui-selectonemenu-trigger.ui-state-default.ui-corner-right {
	background: #0676A9;
}
/*Actua sobre los selectores (Parte sombreada donde esta la flecha) al hacer hover (pero no en todos)*/	
th.ui-state-hover .ui-selectonemenu-trigger.ui-state-default.ui-corner-right {
	/* background: #1380A6; */
	background: #0676A9;
}
/*Borde de separacion de los th de la cabecera*/
.ui-datatable thead th,
#pestanas tr th{
	border-color:#bcccd4;
}
/* establece colores de fondo y textos de los th de cabeceras en hover	 */
.ui-datatable thead th:hover {
	/* background: #1380A6; */
	/* color: #000; */
}
/*Cambia el cursor dentro de las filas de las tablas */
.ui-column-unselectable:hover{
	cursor:context-menu;
}
/*establece el ancho de la primera columna que tiene el check en varias tablas */
.colSel {
	width: 32px;
}
/* centra los checkbox sobre la celda de la tabla */
.colCheck {
	text-align: center;
}
/* Franja resaltada en la columna donde pase el cursor al hacer hover*/
.ui-datatable-data .ui-state-hover,
.ui-datatable-data .ui-state-hover td.colOtroColor {
	background-color: #dde2e4;
	/*Oscar old color: #000*/
	color: #135971;
	font-weight: bold !important;
	font-size:0.70rem;
}
/*Especifica propiedades de los iconos que aparecen dentro de las tablas */
table .fa {
	color: #0676A9;
	font-size: 1.3rem;
}
/*elimina el borde de las filas en la tabla notificaciones*/
.ui-datatable-data tr.ui-state-hover{
	border:0;
	}
/*Pone borde y sombreado a la columna fija de la derecha de las tablas que hacen scroll*/
table tr td.ui-column-unselectable.colAccion.colPrimeraFija,
table tr th.ui-state-default.colAccion.colPrimeraFija{
	/* border-left:1px solid #CFDEE3; */
	box-shadow: -3px 2px 5px 0px #aaa;
}
/*posiciona los elementos de la columna fija de la derecha de las tablas que hacen scroll*/
.ui-datatable thead th.colAccion,
.ui-datatable tbody td.colAccion,
.ui-datatable-scrollable-header-box thead th,
.ui-datatable-scrollable-body tbody td {
	min-height: 30px;
	padding: 10px 10px;
	width: 75px;
	text-align: center;
}
.ui-datatable tbody td.colAccion{
	text-align: left;
}
/*Establece altura de los iconos de la columna fija de la derecha de las tablas que hacen scroll*/
.colAccion .ui-commandlink {
	font-size: 1.15rem;
	margin: 0px 1px;
}
/*Carga el icono de la flecha de los selectores de la cabecera*/
th span.ui-icon, .ui-selectonemenu .ui-icon {
	background-image: url("/acreditaciones-portal/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-semilla");
}
/* Elemento no localizado */
.ui-datatable-scrollable-header{
	background-color:#bcccd4
}
/* Elemento no localizado */
.ui-datatable-data .ui-state-hover:not (.ui-state-active ) a,
.ui-state-hover:not (.ui-state-active ) a:link {
	color: white;
}	
/*Esta regla no tiene efecto - se desactiva */	
/* .ui-datatable tbody td.colAccion span:before { */
	/* position: relative; */
	/* top: 0; */
/* } */

/*REGLAS QUE APARENTEMENTE NO TIENEN NINGUN EFECTO PUES NO SE ENCUENTRA LA CLASE "colOtroColor" */
/* th.colOtroColor { */
	/* background-color: #d1dde2; */
	/* color: #000; */
/* } */

/* th.colOtroColor span.ui-icon { */
	/* background-image: url("/acreditaciones-portal/javax.faces.resource/images/ui-icons_222222_256x240.png.xhtml?ln=primefaces-semilla"); */
/* } */

/* td.colOtroColor { */
	/* background-color: #e8f8ff; */
/* } */

/* tr:nth-child(even) td.colOtroColor { */
	/* background-color: #deecf3; */
/* } */

/* .ui-state-highlight td.colOtroColor { */
	/* background-color: #f7c172; */
/* } */
 

/* No tiene efecto - se desactiva */
/* .botonera { */
	/* text-align: right; */
/* } */

/* .botoneraR{ */
	/* text-align:right; */
/* } */
/* regla sin efecto pues ya la hereda hereda de otro estilo */

/* Reglas desactivadas porque no se llama asi la clase de los iconos que seobrescribiria */
/* .icoExportar { */
	/* font-size: 1.6rem; */
	/* margin: 3px 0px 0px 10px; */
	/* width: 24px; */
	/* height: 22px; */
	/* float: right; */
	/* position: relative; */
/* } */
/* .icoExportar:before { */
	/* box-shadow: 2px 3px 1px #5da3bb; */
/* } */

/* a .icoExportar:hover { */
	/* color: #e4eef1 */
/* } */
/*EMMA*/
/* .titulo{padding:30px 0 0 0;color:#7f8d99} */
/* .tituloBotonera .titTitulo { */
	/* display: table-cell; */
/* } */
/*añadida Separacion entre los botones y el listado padding: 0 0 20px y desactivado flotacion a la derecha*/
/* .tituloBotonera .titBotonera { */
	/* display: table-cell; */
	/* text-align: right; */
	
/* } */
/*Desactivada porque afecta al color del texto en los botones */
/* .ui-button.ui-state-default { */
	/* background-color: #1380A6; */
	/* color: #fff; */
/* } */

/*================================== ICONOS DE EXPORTACION========================================== */
/*Caja que contiene los iconos de exportacion de la tabla a distintos formatos */
.exportDiv {
	height: 37px;
	/* padding: 0px 10px; */
	background-color:#f5f5f5;
	padding:13px;
}
/*Sobrescribe los iconos de exportación de semilla*/
.iconoExportar {
	background-color: transparent;
	margin: 0px;
	margin-left: 10px;
}
/*Iconos exportar en hover */
.iconoExportar:hover {
	transform: scale(1.2);
}
/*Regla que podria ser desactivada, de momento se deja activa */
.iconoExportar .izq, .iconoExportar .der {
	display: none;
}
/* .iconoExportar .texto { */
	/* top: unset; */
/* } */
/*Establece estilos sobre los iconos de exportar datos*/
.iconoExportar .texto::before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 25px;
	/* text-rendering: auto; */
	/* -webkit-font-smoothing: antialiased; */
	background-color:#fff;
	padding: 0px;
	width: 21px;
	height: 24px;
	border-radius: 2px;
	border-top-right-radius: 10px;
}
/*Carga el icono de exportr PDF y le da color */
.iconoExportar.pdf .texto::before {
	content: '\f1c1';
	color: #a5221b;
}
/*Carga el icono de exportr XLS y le da color */
.iconoExportar.xls .texto::before {
	content: '\f1c3';
	color: #378134;
}
/*Carga el icono de exportr DOCS y le da color */
.iconoExportar.docx .texto::before {
	content: '\f1c2';
	color: #0e55b8;
}

/*=========================================== CALENDARIO ========================================== */

/*Caja del Calendario  */
.ui-datepicker.ui-widget.ui-widget-content {
	font-size: 100%;
	box-shadow: 10px 11px 6px rgba(0, 0, 0, 0.4);
	background-color: #f7ede3; 
	border: 1px solid #CFDEE3;
}

/*=========================================== MENU DESPLEGABLE ========================================== */
/* Elemento de menu principal*/
#menubar {
	/* width: fit-content; */
	padding: 0px;
	margin-left: 21.5%;
	position: absolute;
	top: 0px;
}
/* Elemento li del menu principal que no es desplegable */
#menubar .ui-menuitem {
	margin-right: 10px;
}
/* Elemento li del menu desplegable principal que se despliega*/
.menubar li {
	text-transform: uppercase;
	letter-spacing: 0.08rem;
	font-family: 'Open Sans', Verdana, Arial, sans-serif;
}
/* Enlace de opcion de menu desplegable principal */
.menubar.ui-menu .ui-menuitem-link {
	line-height: 20px;
	padding: 1.60rem .5rem;
}
/* Enlace de opcion de menu desplegable principal */
.menubar a {
	/* padding-top: 10px; */
	/* padding-bottom: 10px; */
	background-color: white;
	/* -webkit-transition: all 0.5s ease-in-out; */
	/* -o-transition: all 0.5s ease-in-out; */
	transition: all 0.5s ease-in-out;
	border-radius: 4px;
}
/* Texto span del menu desplegable principal */
.menubar .ui-menuitem-text {
	color: #343434;
	font-size: 0.8rem;
	font-weight: bold;
}
.menubar a:hover{
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	color: #333;
	opacity:0.8;
	/* -moz-transition: background 0.5s ease; */
	/* -webkit-transition: background 0.5s ease; */
	/* -o-transition: background 0.5s ease-in; */
	transition: background 0.5s ease-in
}
/* regla no necesaria pues ya se establece el estilo en otra regla */
/* .menubar .ui-state-hover { */
	/* background: transparent; */
/* } */
/*Icono del elemento de menu (flecha) */
.menubar a .ui-icon {
	background-image: none;
	text-indent: inherit;
}
/* Define Icono de flecha desplegable del menu principal */
#menubar .ui-icon-triangle-1-s::before {
	content: "\f0d7";
	font-family: FontAwesome;
	color: #656565;
	font-size: 1.05rem;
	font-weight: normal;
	margin-left: .4rem;
}
/* Define Icono de flecha desplegable del menu principal cuando esta pulsado*/
#menubar  .activo.ui-menuitem-active .ui-state-hover .ui-icon-triangle-1-s::before {
	content: "\f0d8";
	top: -2px;
	position: absolute;
}
/*Elemento li del desplegable del menu principal */
.menubar .ui-menu-child li.ui-widget {
	font-size: 100%;
}
/*Enlace interno del menu desplegable */
.ui-menubar .ui-menu-child .ui-menuitem-link {
	padding: .5rem;
	width: 100%;
}
/* elemento span del desplegable del menu principal*/ 
.menubar .ui-menu-child .ui-menuitem-text {
	font-size: 0.65rem;
}


/*=========================================== DIALOGOS Y POPUPS =================================== */

/*Caja contenedora de la ventana o popup emergente  */
.ui-dialog.ui-widget.ui-widget-content {
	font-size: .9rem;
	width: 30%;
}
/*Contenido de las ventanas de dialogo o aviso (Color del fondo ) */
.ui-dialog .ui-dialog-content {
	 background: #f2f2f2; 
}

/*Color del pie de las ventanas de dialogo o aviso */
.ui-dialog .ui-dialog-footer {
    background-color:#f2f2f2;
}
/* Controla el icono que sale en los popups de alerta o warning */
.ui-dialog .ui-icon:not(.ui-chkbox-icon) {
	background-image: none;
	text-indent: unset;
	width: auto;
	height: auto;
	/* margin-right: 20px; */
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	/* text-rendering: auto; */
	/* -webkit-font-smoothing: antialiased; */
}
/*Establece el icono color y tamaño que se mostrara en el popup (warning) */
.ui-dialog .ui-icon-alert:before {
	content: '\f071';
	color: #4A98B5;
	font-size: 2.5rem;
}
/*Etiqueta  titulo de cabecera de los popups o light-box */
.ui-dialog .ui-dialog-title {
	font-weight: bold;
	margin: 0;
	padding: .4rem;
	padding-left: 0;
	color:#fff;
}
/*Etiqueta  titulo de cabecera de los popups o light-box que sean enlaces*/
.ui-dialog .ui-dialog-title a {
	margin-top: 2px;
	margin-right: 5px;
}
/*Esto evita que aparezca un area en blanco al aparecer el popup que genera un scroll de desplazamiento vertical en la pagina */
#formPassword{
	height:0;
}
/* POPUP cambiar contraseña */
#formPassword\:passwordDialog{
	position:relative; 
	margin: 0 30%; 
	top: -400px !important;
}
/*Cambia altura del tamaño de los input del popup de cambiar contraseña */
#formPassword\:passwordNuevo, 
#formPassword\:passwordOld,
#formPassword\:password2Nuevo{
	height:34px;
}
/* Contenido del footer de los cuadros de dialogo los centra*/
div.ui-dialog-footer.ui-widget-content{
	text-align:center;
}
/*enlace del "aspa" de cerrar caja de dialogo o popup */
.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-minimize,
.ui-dialog .ui-dialog-titlebar-maximize {
	margin-top: 3px;
	margin-right: 5px;
	padding: 4px;
}
/*Icono del "aspa" de cerrar caja de dialogo o popup */
.ui-dialog .ui-dialog-titlebar-close span,
.ui-dialog .ui-dialog-titlebar-minimize span,
.ui-dialog .ui-dialog-titlebar-maximize span{
	display:inline;
}
/*Define el Icono del "aspa" de cerrar caja de dialogo o popup */
.ui-dialog .ui-icon-closethick:before {
	content: '\f00d';
	color: #fff;
	font-size: 1rem;
}
/*Icono del "aspa" de cerrar caja de dialogo o popup en estado hover */
.ui-dialog .ui-dialog-titlebar-close:hover{
	margin-top: 1px;
    margin-right: 0;
    padding: 4px;
    text-decoration: none;
	border-radius: 16px;
}
/*Texto que aparece en los popus de aviso */
.ui-dialog .ui-confirm-dialog-message {
	white-space: pre-wrap;
	width: 80%;
}
/*  dialogos de ==========================================ACCIONES  */
.ui-dialog .ui-dialog-buttonpane{
	margin:0;
	border-color:#d2d6d8;
	padding:10px 12px;
}
/*  dialogos de ACCIONES 1  */
.wDialog{
	width:500px!important;
}
/*  dialogos de ACCIONES 2  */
.wDialog2{
	width:670px!important;
}
/*Controla el ancho y centrado del ======================HISTORICO */
#formHistorico .ui-resizable{
	width:96% !important; 
	margin:0 2%;
}
/*Contenido de la caja del dialogo del popup historico */
#formHistorico .ui-dialog-content{
	padding:0.9em 1.2em;
}
/* franja que contiene los inputs de fecha y butto de aceptar dentro del contenedor popup historico  */
#formHistorico .ui-outputpanel{
	font-size:0.8rem;
	box-shadow: none;
}
/*Controla los input de fecha del popup historico */
.fechaHistorico input{
	width: 13.4%;
	text-align: center;
	height:42px;margin:0px 3px;
}
/*label de los campos de fecha en el popup historico */
label.textoFecha, div.camposFecha{
	display:inline;
}
/*span de Texto de dentro del input que muestra la fecha en el popup historico */
.ui-calendar {
	position: relative;
}
/* EMMA tabla historico */
.tablaHistorico {
	border: 0;
}
/* POPUP ==============================================SALIR */



/* padding del contenido de la ventana salir*/
#dialogoSalir > div:nth-child(2) > div:nth-child(1), #dlgSesion > div:nth-child(2) > div:nth-child(1){padding: 16px 15px}

/*Caja que encierra los botones aceptar- cancelar de los dialogos popups */
/* sobre escribe margin-bottom general de botonera */
#dialogoSalir .botonera, #dlgSesion .botonera, #formDetalle .botonera{margin-bottom:0}
#dialogoSalir .botonera, #dlgSesion .botonera, #formDetalle .botonera{
	border-top:1px solid #e6d8cc !important;
	padding-top:2px;
	}
/* #dialogoSalir .ui-dialog .ui-dialog-title { */
	/* padding: .3rem; */
	
/* } */
/* #formHistorico\:filtroHist .ui-inputfield { */
	/* width: 13.4%; */
	/* text-align: center; */
/* } */
 .logoHome { 
	 text-align: center; 
	 padding: 6rem 0; 
 } 
/* .ui-dialog .ui-dialog-titlebar-close.ui-state-hover{ */
	/* border-radius: 16px; */
/* } */
/* .ui-dialog .ui-icon-closethick{ */
	/* width: 16px; */
	/* height: 16px; */
	/* padding-left: 1px; */
/* } */
/* #formHistorico .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-minimize, .ui-dialog .ui-dialog-titlebar-maximize */
	/* { */
	/* margin-top: 3px; */
	/* margin-right: 5px; */
/* } */
/* .ui-dialog .ui-outputpanel { */
	/* box-shadow: none;	 */
/* } */
/*Esta regla no toma efecto al ser un display-inline */
/* .ui-dialog .ui-outputlabel { */
	/* width: auto; */
/* } */
/*Con esto pasamos el texto a minusculas y posteriormente ponemos  */
/* #formPassword\:passwordDialog_title{text-transform:lowercase;} */
/* #formPassword\:passwordDialog_title::first-letter{text-transform:uppercase;} */



/* +++++++++++++++++++++++++++++ HASTA AQUI ESTA REVISADO +++++++++++++++++++++++++++++++++++++++++ */


.ui-datatable .ui-datatable-data tr.ui-state-hover {
	border-color: #0F6B8C;
}

.tablaHistorico .ui-datatable-scrollable-body {
	padding: 0px;
	border: none;
}

.modificacionHist {
	padding: 0px;
}

.modificacionHist li {
	padding: 8px 10px;
	width: fit-content;
	float: left;
	margin: 1px 5px 6px 1px;
	list-style: none;
	background-color:#63777d;color:#fff;
	background-color:#e6e0d7;color:#4f686f;
	border-radius:4px;
}

.atributoHist {
	font-weight: bold;
}

.valorHist {
	margin-left: 5px;
}

.multiLinea {
	white-space: pre-wrap;
}

.ui-datatable thead th.filtroRangoFechas {
	width: 120px;
	padding: 4px 0px;
}

.filtroRangoFechas input.ui-widget {
	width: 100%;
	font-size: 0.85em;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
	padding: 0;
}

#formOrg div {
	float: none;
	display: inline-table;
	color: white;
}

#formOrg {
	background-color: #1380a6;
	width: 100%;
	text-align: center;
	padding: .5rem 0;
}

#formOrg .colEtiquetaBf, #formOrg  .colCampoBf {
	width: 18%;
}
/*Regla sin efecto puesto que ya la hereda */
/* #formListado\:listaAcreditacion.ui-datatable .ui-datatable-header { */
	/* border-top: none; */
/* } */

.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger .ui-icon {
	background-image:
		url("/acreditaciones-portal/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-semilla");
}

.ui-selectcheckboxmenu-trigger.ui-state-default.ui-corner-right.ui-state-error {
	background: #cd0a0a
		url("/acreditaciones-portal/javax.faces.resource/images/ui-bg_inset-hard_45_cd0a0a_1x100.png.xhtml?ln=primefaces-semilla")
		50% bottom repeat-x;
}

.modificacionHist li .atributoHist {
	font-weight: bold;
}

.ui-datatable table tr.ui-state-hover {
	background-color: #e6e8e8;
}


#formManual {
	font-size: 0.75rem;
}

pre {
	display: block;
	font-family: monospace;
	white-space: pre;
	margin: 1rem 0px;
	padding: 0px;
	background-color: transparent;
	border: none;
	font-size: 1rem;
	overflow: none;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++PUESTO EN THEME++++++++++++++++++++++++++++++++++*/
/* .ui-widget-overlay { */
	/*Oscar cambio de color del overlay de negro a naranja */
	/* background-color: #a48162; */
	/* background-image: none; */
	/* opacity: 0.9; */
	/* position: fixed; */
/* } */
.ui-selectonemenu {
	min-width: inherit;
}

.ui-calendar .ui-datepicker-trigger {
	position: absolute;
	height: 25px;
	right: 0px;
}

.ui-calendar .ui-datepicker-trigger span {
	margin-top: -3px;
}

/* Capa de bloqueo */
.bloqueoBck {
	z-index:9999;
	top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #000;
	background-image: none;
	opacity: 0.6;
	position: fixed;
}

.bloqueoImg{
	z-index:9999;
	position: fixed;
	padding: 0px;
	background: transparent;
	box-shadow: none;
	border: none;
}

.bloqueoImg span {
	color: orange;
	font-size: 6.5rem;
}

.bloqueoImg span:before {
	color: #e29769;
}

/* elimina espacio superior sin datos*/
.colEtiquetaBf .ui-datatable-header{
	/* display:none; */
}

/*  **********     para sobrescribir con fontAwesome    **************  */

/* .ui-icon-carat-2-n-s, .ui-icon-triangle-1-n{display:inline!important;font:normal normal normal 1rem/1rem FontAwesome;} */
/* .ui-icon-carat-2-n-s:before, .ui-icon-triangle-1-n:before{color:red;content:"\f15e";background-image:none;} */
/* th span.ui-icon, .ui-selectonemenu .ui-icon{background-image:none;display:inline;} */
/* .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon{background-image:none;} */


/*f881 f15e */

/**************************************************************************************************/
/*************************************   MEDIA QUERIES  *******************************************/
/**************************************************************************************************/




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MAX 1200 PX ++ */
/* ++++++++++++++++++++++++++++++ MAX 1200 PX +++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media ( max-width : 1200px) {

	#menubar {
		margin-left: 25.5%;
    }
/*                             CUERPO PAGINA                              */
	.loginForm {
		padding-bottom: 55px;
	}
	/*EMMA*/
	.container {
		margin-left: auto;
		margin-right: auto;
	}
	.mensajes{
		margin-left:70px;
		margin-right:70px;
	}
    .login .ui-messages-error {
		width: 90%;
	}  /* para login error es necesario poner el porcentaje a 100%*/


	/*                ============ACREDITACIONES============                  */	
	

	.botonesFiltro2, .botonesFiltro4{
		width: 140px;	
	}
	.cabCentro {
    width: 65%;  
	}

	
}



/* --------------------------------------------------------------------------------- MIN 1200 PX -- */
/* ------------------------------ MIN 1200 PX --------------------------- */
/* ---------------------------------------------------------------------- */
@media ( min-width : 1200px) {
	.ui-datatable-header .ui-outputlabel {
		text-align: left;
		width: auto;
	}
	.login .ui-outputlabel, .ui-dialog .ui-outputlabel {
		text-align: left;
		/*Cambiado el grosor de letra */
		font-weight:bold;
	}
	/* .loginForm { */
		/* padding: 45px 110px 65px 110px; */
	/* } */
	.mensajes{
		margin-left:200px;
		margin-right:200px;
	}
	/*******   ALTA PERSONA  ****** */
	.line{border-left:1px solid #d4ceca;padding-left:16px}

/*           =====================  AVISO LEGAL  ===============          */
.sa_detalle{max-height:440px!important}

/*                             CUERPO PAGINA                              */	
.links{width:1170px}
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MAX 1200 AND MIN 992 --*/
/* +++++++++++++++++ MAX 1200 PX AND MIN 992 PX-------------------------- */
/* ---------------------------------------------------------------------- */
@media ( max-width : 1200px) and (min-width: 992px) {
/*           =====================  AVISO LEGAL  ===============          */
.sa_detalle{max-height:350px;!important}
.links{width:960px}


	
}





/* ---------------------------------------------------------------------------------- MIN 992 PX -- */
/* ------------------------------ MIN 992 PX --------------------------- */
/* ---------------------------------------------------------------------- */
@media ( min-width : 992px) {
	.ui-menu-list:first {
		display: block ! important;
	}
	.navbar {
		clear: both;
		padding-left: 40px;
		margin-left: 260px;
		position: absolute ! important;
		top: 32px;
	}
	.navbar ul li {
		margin-right: 27px;
	}
	.navbar ul li li {
		text-transform: none;
		margin-right: 0;
	}
	.navbar ul li a {
		background-color: white;
		-moz-transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		border-radius: 4px;
	}
	.navbar ul li a:hover {
		background-color: #dce8ec ! important;
		color: #333 ! important;
		-moz-transition: background 0.5s ease;
		-webkit-transition: background 0.5s ease;
		-o-transition: background 0.5s ease-in;
		transition: background 0.5s ease-in;
	}
	#menuBtn{display:none!important;}
	.login {	background-position: 15% 74%;	background-size:27%;}
	.loginText {	padding: 45px;}
	.login h2 {	}
	.loginForm {	padding: 45px 110px 65px 110px;}
.siteMap ul{ margin-top:25px;padding-left:15px;width:340px;}
	
	
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MAX 991 PX ++ */
/* ++++++++++++++++++++++++++++++ MAX 991 PX ++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media ( max-width : 991px) {
	#btnMenu.burguer {display: block!important;top: 45px;}
/* HACK  para que al presionar sobre el botón burguer no se baje el icono */
	 .ui-button-text-icon-left.ui-state-active .ui-icon.fa{margin-top:-7px;} 
	
	
	.ui-menu{width:16.5em;}
	.ui-menu ul {
		/* clear: left; */
		/* left: 0; */
		background: #E7F0F7;
		z-index: 999;
		/* border: none; */
		/* border-radius:5px; */
		padding: 14px 0 15px 17px;
	}


	.menubar.ui-menu .ui-menuitem-link {
		padding: 1rem 1.5rem 2rem 1rem;
	}
	.ui-menu .ui-menu-parent .ui-menu-child {
		padding: 0px;
		left: 0;
		border: 0;
		box-shadow: none;
		width: 100%;
	}
	.ui-menu .ui-menuitem, .ui-menu .ui-menuitem-link {
		float: none;
		margin: 0px;
		margin-bottom: 2px;
		margin-top: 2px;
	}
	.ui-menubar .ui-menu-child .ui-menuitem-link {
		width: 95%;
		padding-left: 2rem;
	}
	.ui-menu .ui-menu-list .ui-widget-header {
		clear: both;
		float: left;
		width: 92%;
		margin: 1px 0;
		background-color:#f1f1f1;
		padding: 0.5rem 1.5rem 0.6rem 0.5rem;
		margin:0 0 2px 0;
	}

	li.ui-widget-header > h3:nth-child(1){  
		color:#343434;
		font-size: 0.8rem;
		font-weight: bold;
		font-family: 'Open Sans', Verdana, Arial, sans-serif;
	}

								/*MENU DESPLEGABLE */

	#menubar{
		/* Desactiva el menu desplegado */
		display:none;
	}
	

	
/*           =====================  AVISO LEGAL  ===============          */
.sa_detalle{max-height:320px!important;}
.sa_dlgAlertas{min-width:300px!important;}
	
	/* ============================ CUERPO PAGINA =========================*/
	.navbar {
		box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
		min-height: 0px;
	}
	.navbar-toggle {
		display: block ! important;
	}
	.navbar-collapse {
		background-color: #fff;
	}
	.navbar-header {
		position: absolute;
		top: -49px;
		left: 189px;
	}

	.navbar-default .navbar-toggle {
		border-color: transparent;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #1380a6;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: transparent;
	}
	.navbar-toggle {
		padding: 6px
	}
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
		background-color: #edf1f3
	}
	.navbar-toggle .icon-bar {
		height: 3px;
		border-radius: 2px
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #707070;
	}
	.mensajes{margin-left:10px;margin-right:10px;}
	.ui-datatable-header{padding:10px 0;}
	.ui-datatable-header .ui-menubutton button.ui-button.ui-state-default{margin-left:0}


/*                ============ACREDITACIONES============                  */	

	.titTitulo{	width:60%;}

	.botonesFiltro1, .botonesFiltro3{
		width:130px;
	}
	.botonesFiltro2, .botonesFiltro4{
		width: 139px;	
	}
	.cabCentro {
    width: 76%;
	}	
	
/* EMMA ============================================== FOOTER ========================================*/
	.sgsics span{display:block}
	#pie {padding: 27px 0px 27px}
	
	.siteMap{margin-left:30px}
	.siteMap ul{ margin-top:18px;padding-left:18px;width:390px;}
	
	
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MAX 991 AND MIN 768 -- */
/* +++++++++++++++++++++++ MAX 991 PX MIN 768 --------------------------- */
/* ---------------------------------------------------------------------- */
@media ( max-width : 991px) and (min-width: 768px) {
	
.btnAyudaVer{
	display: none;
}

.btnAyudaDesc {
	display: block;
}
	
.login {	background-position: 15% 110px;	background-size:29%;}
	
	/*                            CUERPO PAGINA                           */
	.navbar-collapse.collapse {
		display: none ! important;
	}
	
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header {
		margin-right: -15px;
		margin-left: -15px;
		float: none;
	}
	
	.navbar-default .navbar-collapse {
		border-color: #e7e7e7;
	}
	
	.navbar-collapse.in {
		overflow-y: auto;
	}
	
	.navbar-collapse {
		overflow-x: visible;
		padding-right: 15px;
		padding-left: 15px;
		border-top: 1px solid #e7e7e7;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1)
	}
	
	.collapse.in {
		display: block ! important;
	}
	
	.navbar-nav {
		float: none ! important;
		margin: 0px -15px ! important
	}
	
	.navbar-nav>li {
		float: none;
	}
	
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		box-shadow: none;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #777;
	}
	
	.dropdown-menu {
		padding: 0;
	}
	
	.navbar-nav .open .dropdown-menu>li>a {
		line-height: 20px;
	}
	
	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 25px;
	}
	#idiomas ul{margin-right:39px!important}
	/*                ============ACREDITACIONES============                  */	
	
	.botonesFiltro2{
		width: 140px;
		clear: both;
		margin: 6px 0 0 13px;	
	}
	
	div.separa1,div.separa2{
		height:45px;
	}
	div.separa2{
		margin:7px 0 0 0 !important;
		
	}

	.links{width:735px}	
}



/* ======================================================================== */
/* ================== MAX 992 AND MIN 576 --------------------------- */
/* ---------------------------------------------------------------------- */

@media ( max-width : 992px) and (min-width: 576px){
#btnMenu.burguer {right:227px;}

}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MAX 767 PX ++ */
/* ++++++++++++++++++++++++++++++ MAX 767 PX ++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media ( max-width : 767px) {								

	/*                            CUERPO PAGINA                           */
	.colEtiquetaBf, .colCampoBf {
		min-height: 20px;
	}
	/* QUITADA ESTA CLASE QUE AFECTABA AL SELECTOR DOBLE DE LA PESTAÑA LOG DE LA PAGINA ENTORNO -->  .colCampoBf input  */
	.colCampoBf .ui-selectonemenu, .colCampoBf radio, .colCampoBf input {
		margin-bottom:12px
	}
	
	/*                ============ACREDITACIONES============                  */	

	
	.botonAlta {
		/* eliminar porcentaje */
		/* margin: 0 0 0 45%; */
	}
		
	.botonesFiltro1{
		width:50%;
		margin-top: 28px;
	}
	.botonesFiltro2{
		width: 70%;
		margin: 19px 0 0 33px;
	}
	/*                ============USUARIOS y EMPRESAS============                  */
	.cabIzqUsu{
		width:100%;
	}
	.colCampoBf span.fa-info-circle{left:-5px;}
	
	.ui-paginator-current {font-weight:normal;}
	.ui-paginator .ui-state-default{padding:5px 10px}
	/*dialogo acciones*/

	.botonesFiltro1{
		width:130px;
	}
	.botonesFiltro2{
		width: 140px;
		clear: both;
		margin: 22px 0 0 13px;	
	}
	.cabCentro {
		width: 71%;
		margin: 2px;
	}
	
	/*                ============ HISTORICO ============                  */	
	.fechaHistorico input {width: 103px !important;}
	/* #formHistorico .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable.ui-resizable{width:96% !important; margin:0 2%;} */
	/* #formHistorico .ui-outputlabel{display:block;} */
	
	#formPassword\:passwordDialog{margin:auto auto;}/*Controla el tamaño de popup cambiar contraseña */

	.colCampoBf div.ui-chkbox + span.fa-info-circle{top:0px;}
	.login {	background-position: 15% 94px;	background-size:201px;}
	.loginText, .loginForm{padding:20px 25px 20px}
	.login h2{margin:25px auto 8px;}
	.loginForm .ui-messages{min-height:0}
	.sgsics{display:none;}
	/* .enlaces span{display:block;} */
	.links{margin-bottom:25px;}
}

/* ---------------------------------------------------------------------------------- MIN 768 PX -- */
/* ------------------------------ MIN 768 PX --------------------------- */
/* ---------------------------------------------------------------------- */
@media ( min-width : 768px) {
	.navbar-collapse {	}
	.colEtiquetaBf, .colCampoBf {
		min-height: 47px; /*DE 39PX A 47 POR pantalla empresa formulario*/
	}
	/*para centrar verticalmente los label y que con el checkbox no quede perdido */
	.colEtiquetaBf label.ui-outputlabel{display:table-cell;height:32px;vertical-align:middle;}
	.colCampoBf .ui-chkbox-box{margin-top:8px;}
	#dialogoSalir, #dlgSesion{width:500px!important}
	#formPassword .ui-dialog {width:570px!important}
	.sgsics2{display:none;}
	.links{margin-bottom:42px;}
	
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MAX 767 AND MIN 476 -- */
/* +++++++++++++++++++++++ MAX 767 PX MIN 476 --------------------------- */
/* ---------------------------------------------------------------------- */
@media ( max-width : 767px) and (min-width: 476px) {

}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MAX 642 AND MIN 476 -- */
/* +++++++++++++++++++++++ MAX 642 PX MIN 476 --------------------------- */
/* ---------------------------------------------------------------------- */
@media ( max-width : 640px) and (min-width: 476px) {

	.loginText{padding: 10px 65px 20px;}
	/* .loginText h2{font-size:1.7rem;} */
	.loginForm {	padding: 22px 65px 42px 65px;}
}

@media ( min-width : 641px) {
.titBotonera{text-align:right;}

}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MAX 640 PX ++ */
/* ++++++++++++++++++++++++++++++ MAX 640 PX ++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media ( max-width : 640px) {	

								/*MENU DESPLEGABLE */
	
	/*                            CUERPO PAGINA                           */
	.loginText{display:none;}
	.ui-paginator {
		padding-bottom: 28px ! important;
	}
	
	.ui-paginator-current {
		display: block ! important;
		position: absolute;
		bottom: 4px;
		width: 100%;
		margin-right: 0 ! important;
		margin-left: 0 ! important;
	}
	
	/*Oscar - Modificaciones para el responsive - separa el selecctor de filtros de añadir usuario y junta etiquetas con inputs*/
	#formListado\:listaEntidad{margin-top:25px;}
	.colEtiquetaBf{margin:0;}/*MODIF margint:0 para que no se vaya tanto a la izquierda y arriba, en formularios de entorno se sale del cuadro con el -margin:16px 0 -14px -32px; negativo  Eliminado height:0*/
    /*height:0 eliminado de .colEtiquetaBf   */
	/* form .row div {margin-bottom: -8px;} */
	.mensajes{margin-left:0px;margin-right:0px;}
/*                ============ACREDITACIONES============                  */
	.titulo, .tituloBotonera .titTitulo h2, h2.sa_titulo {
		font-size: 1.75rem;
	}
	.titTitulo{
		/* modificado a 100% porque bajan los botones	*/
			width:100%;
	}

	.titBotonera{
		width: 100%;
		margin:2px 0 25px 0;
		text-align:left;
		float:none;
	}
	.botonAlta {
		 /*para Arreglar pag ACREDITACIOnes, BTN bien alineado, se ha eliminado margin-left:30%*/
		 margin:0;
	}
	
	.cabCentro {
		width: 68%;
	}

	/*                ============AÑADIR PERSONA============                  */
	/* .tituloBotonera .titBotonera .ui-button { */
		/* cambiado a px para evitar tantos cortes */
		/* margin-left: 4%; */
	/* } */
	
	.ui-paginator .ui-paginator-current{
		font-size: .75rem;
		padding: 3px 0;
	}
	
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
    padding: .4em;
    min-width: 30%;
    display: block;
    margin: -.4em 1em -.4em -.4em;
	margin: 0.1em 0 0.2em -10px;
	}
	tr.ui-widget-content td span.ui-column-title{font-weight:bold;} /*aplicado solo a ui-column-title debido a que las tablas en entorno cambiaban los iconos a BOLD*/
	tr.ui-widget-content:hover{font-weight:normal !important;}
	
	/* cuando no hay resultados, que desaparezcan el resto de  celdas, salvo la que contiene el literal, "sin resultados" */
	.ui-datatable-reflow tr.ui-datatable-empty-message > td{display:none;}
	.ui-datatable-reflow tr.ui-datatable-empty-message > td:first-child{display:block}

 
}



/* ---------------------------------------------------------------------------------- MIN 576 PX -- */
/* ------------------------------ MIN 576 PX --------------------------- */
/* --------------------------------------------------------------------- */
@media ( min-width : 576px) {
	
	#restaurar .ui-dialog{width:470px!important}
	#idiomas ul{margin-right:22px}

}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MAX 575 PX ++ */
/* ++++++++++++++++++++++++++++++ MAX 575 PX ++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media ( max-width : 575px) {
	h1 {	font-size: 0.89rem;	margin-right: 4px;}
	.tools {width:168px;}	

								/*MENU DESPLEGABLE */

	
	
	.btnCabecera {margin: 0 2% 0 4%;	}	
	
	/*                            CUERPO PAGINA                           */
	
	/*                ============ACREDITACIONES============                  */
	
	/* .tituloBotonera .titBotonera .ui-button { */
		/* cambiado a px para evitar tantos cortes */
	/* margin-left: 10%; */
	/* }	 */
	/* .titBotonera{ */
		/* width: 100%; */
		/* margin:2px 0 25px 0; */
	/* } */
	
	
	/*para Arreglar pag ACREDITACIOnes, BTN bien alineado, se ha eliminado margin-left:15%*/
	/* .botonAlta { */
		/* margin:0;  */
	/* } */
	
	.cabCentro {
    width: 60%; 
	}
	.cabIzqUsu {
    height: 75px;
	}
	/*                ============AÑADIR PERSONA============                  */
	/* .tituloBotonera .titBotonera .ui-button { */
		/* cambiado a px para evitar tantos cortes */
		/* margin-left: 4%; */
	/* } */
	 /*                =============Historico============                */
	label.textoFecha{display:inline; margin-top:10px; margin-left:10px;}
	div.camposFecha{display:block; margin:12px 0 5px 3px;}
	

	.siteMap{margin-left:0}

	.siteMap ul{ margin-top:12px;padding-left:8px;width:300px;}
}



@media ( max-width : 575px) and (min-width: 476px){
		#btnMenu.burguer{right:187px;}
	
}




/* ---------------------------------------------------------------------------------- MIN 476 PX -- */
/* ------------------------------ MIN 476 PX --------------------------- */
/* --------------------------------------------------------------------- */
@media ( min-width : 476px) {
	.banner:after{ 	display: block;    content: "";    clear: both;}
	.banner {min-height: 79px;}
	.tools{margin-top:-32px}

}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MAX 475 PX ++ */
/* ++++++++++++++++++++++++++++++ MAX 475 PX ++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media ( max-width : 475px) {
#main {padding: 40px 0;}
/*Establece un espacio del tamaño que ocupa la cabecera para que el main no se introduzca debajo de la cabecera*/
.fixed-top+div {
	margin-top: 60px;
}

	.banner {min-height: 60px;}
							
	#logo img, #logo {
		width: 180px;
		margin-left: -8px;
		margin-top: 0;
	}
	h1 {	font-size: 0.7rem;}
	h1 span{	letter-spacing: 0.07rem;}

	
	#idiomas{margin-top:-19px;}
	.tools {	margin-top:-8px;}	
	#btnMenu.burguer {top: 50px;left:10px;}

	#menuBtn {top:89px!important;}	
	
		
	/*                            CUERPO PAGINA                           */	
	
	/*Oscar separa el selecctor de filtros de añadir usuario*/
	#formListado\:listaEntidad{
		margin-top:25px;
	}
	/*                ============ACREDITACIONES============                  */
	
	.titulo, .tituloBotonera .titTitulo h2, h2.sa_titulo  {
		font-size: 1.73rem;
	}
	.cabIzq {
		width: 100%;
	}
	.cabIzq.cargando {
		width: 30px;
	}
	.cabCentro {
    width: 110%;
	}
	.botonesFiltro1{
	margin:0;
	
	}
	.botonesFiltro2{
	clear:none;
	float:left;
	margin:3px 0 0 -6px;
	}
	
	/*para Arreglar pag ACREDITACIOnes, BTN bien alineado, se ha eliminado margin-left:10%*/
	/* .botonAlta { */
		/* margin:0; */
	/* } */
	/*                ============AÑADIR PERSONA============                  */
	/* .tituloBotonera .titBotonera .ui-button { */
		/* cambiado a px para evitar tantos cortes */
		/* margin-left: 4%; */
	/* } */
	
	.ui-paginator .ui-paginator-current{
		font-size: .75rem;
		padding: 3px 0;
	}
	/*                ============ENTORNO============                  */
	.ui-tabs-nav {
		letter-spacing: 0rem;
		font-size:0.7rem; 
	}
	.ui-tabs .ui-tabs-nav li a {
		padding: .8em 0.7em !important;
	}
	/*                ============dialogos============                  */
	.ui-dialog .ui-dialog-title{font-size:.8rem}
  	
	
}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MAX 380 PX ++ */
/* ++++++++++++++++++++++++++++++ MAX 380 PX ++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media ( max-width : 380px) {
	/*                ============CABECERA GENERAL============                  */
	#logo img, #logo {
		width: 157px;
		
	}
	h1 {
		margin-top: 7px;
		margin-right:0;
		letter-spacing: 0.03rem;
		font-size:0.8rem;
	
	}
	h1 span{
		display:none;
	}
	.tools {	width:161px;}
	.btnCabecera {margin: 0 2% 0 3%;	}	
	


	
	/*                            CUERPO PAGINA                           */
	
	
	.titulo, .tituloBotonera .titTitulo h2, h2.sa_titulo  {
		font-size: 1.47rem;
	}
	
	.cabIzq {
		width: 98%;
		margin: 0;
	}
	.cabCentro {
		width: 110%;
	}
	.botonesFiltro2, .botonesFiltro4{
		width: 141px;
		margin: 12px 0 10px 13px;
	}
	/*                ============AÑADIR PERSONA============                  */
	.ui-panel-title {
    font-size: 1rem;			
	}
	.ui-paginator .ui-paginator-current{
		font-size: .71rem;
	}
	/*                ============ENTORNO============                  */

	.ui-tabs .ui-tabs-nav li a {
		padding: .8em 0.5em !important;
	}


	.links h3{font-size:1.15rem}
	.siteMap ul{ margin-top:12px;padding-left:0px;width:auto;font-size:.9rem;}
	
			
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++MAX 320 PX ++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media ( max-width : 320px) {
	/*                ============CABECERA GENERAL============                  */
	#logo img, #logo {width: 140px;}


	
	/*                ============ACREDITACIONES============                  */
	#formListado\:listaAcreditacion.ui-datatable .ui-datatable-header {
	padding:12px 6px 12px 6px;
	}
	.titulo, .tituloBotonera .titTitulo h2, h2.sa_titulo  {
		font-size: 1.25rem;
	}
	.cabCentro {
		width: 100%;
	}
/*                ============ENTORNO============                  */
	
	.ui-tabs .ui-tabs-nav li a {
		padding: .8em 0.5em !important;
	}	
	
}
	
/**************** FIN MEDIA QUERIES ******************/



.mostrar {
	display: block;
}
/*Elementos desplegables poder seleccionar toda la cabecera */
.ui-panel-titlebar-icon.ui-corner-all.ui-state-default {
	background-color: transparent;
	border: none;
	width: 97%;
	position: absolute;
	right: 0;
}

.ui-icon.ui-icon-minusthick, .ui-icon.ui-icon-plusthick {
	float: right;
	margin-right: 3rem;
	margin-top: -2px;
	padding: .55rem;
	background-image:none;
}

.ui-panel-titlebar-icon.ui-corner-all.ui-state-default.ui-state-hover .ui-icon.ui-icon-minusthick,
	.ui-panel-titlebar-icon.ui-corner-all.ui-state-default.ui-state-hover .ui-icon.ui-icon-plusthick {
	/*Oscar Comentada esta linea porque genera un borde en los enlaces que usan el sprite, una vez sustituidos por fontawesome no se le ve utilidad*/ 
	/* border: 1px solid #3dacc7; */
}

.ui-fieldset-toggler.ui-icon.ui-icon-minusthick, .ui-fieldset-toggler.ui-icon.ui-icon-plusthick {
	margin: -0.1rem 0 0 0;
	float: left;
}

#menubar  .dblock {
	-webkit-animation: movermenu .3s; /* Safari 4.0 - 8.0 */
	animation: movermenu .3s;
	animation-fill-mode: forwards;
}

.dblock {
	display: block;
}








/****************************************************************/
            
	           		/* GOOGLE FONTS */ 
			
/****************************************************************/
/* Open sans */
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("/acreditaciones-portal/javax.faces.resource/css/fonts/open-sans-v16-latin-regular.eot.xhtml?ln=default&v=1_8_1"); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url("") format('embedded-opentype'), /* IE6-IE8 */
       url("/acreditaciones-portal/javax.faces.resource/css/fonts/open-sans-v16-latin-regular.woff2.xhtml?ln=default&v=1_8_1") format('woff2'), /* Super Modern Browsers */
       url("/acreditaciones-portal/javax.faces.resource/css/fonts/open-sans-v16-latin-regular.woff.xhtml?ln=default&v=1_8_1") format('woff'), /* Modern Browsers */
       url("/acreditaciones-portal/javax.faces.resource/css/fonts/open-sans-v16-latin-regular.ttf.xhtml?ln=default&v=1_8_1") format('truetype'), /* Safari, Android, iOS */
       url("") format('svg'); /* Legacy iOS */
}






/* Safari 4.0 - 8.0 */
@
-webkit-keyframes movermenu {
	from {left: -100%;
}

to {
	left: 0;
}

}
@
keyframes movermenu {
	from {left: -100%;
}

to {
	left: 0;
}

}

/* Safari 4.0 - 8.0 */
@
-webkit-keyframes movermenuatras {
	from {left: 0;
}

to {
	left: -100%;
}

}
@
keyframes movermenuatras {
	from {left: 0;
}

to {
	left: -100%;
}
}



/*   Internet Explorer    */
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
 
 /* IE10+ specific styles go here */  
.divNotif #formNotificacion span {padding-top: 2px;}


}