@import url('https://fonts.googleapis.com/css?family=Fira+Sans&display=swap');

#ico_layout_contenido{
	
	/* Le quitamos la posición absolute, para que el pie se superponga al cuerpo */ 
	position:inherit;
}

#ico_layout_cabecera {
	height: 115px;
	position:relative;
    margin-left: auto;
    margin-right: auto;
}

#ico_layout_cabecera * 
{
    font-family: 'Fira Sans', sans-serif;
    font-size:13px;
}

3

#ico_layout_cabecera #ico_layout_cab_derecha {
	height: 115px;
}


/* BEGIN FORMULARIO AUTENTICACIÓN */

#ico_layout_cabecera #ico_layout_cab_derecha #form_autenticacion #cerrar_sesion{	
    position: absolute;
    top: 5px;
    width: 16px;
    /* width: 105px; */
    height: 16px;
    right: 10px;
    font-weight: bold;
    font-size: 14px;
    color: black;
    text-decoration: none;
    /* background-repeat: no-repeat; */
    border: 1px solid #4692c4;
    padding: 4px;
    padding-left: 5px;
    padding-right: 3px;
}

#ico_layout_cabecera #ico_layout_cab_derecha #form_autenticacion #cerrar_sesion svg
{
    width: 16px;
    height: 16px;
}

#ico_layout_cabecera #ico_layout_cab_derecha #form_autenticacion #cerrar_sesion svg path {
    fill: #0471b4 !important;
}



#ico_layout_cabecera #ico_layout_cab_derecha #form_autenticacion a.LMensajes{	
	position:absolute;
	top:5px;
	width:16px; /* width:105px; */
	height:16px;
	right:32px;
	font-weight:bold;
	font-size:14px;
	color:black;
	text-decoration:none;
	background-repeat:no-repeat;
    border: 1px solid #84c275;
    padding:4px;
    margin-top: 0px!important;
}


#ico_layout_cabecera #ico_layout_cab_derecha #form_autenticacion a.LMensajes svg.circle 
{
    width: 8px;
    position: absolute;
    height: 8px;
    enable-background: new 0 0 438.533 438.533;
    top: -4px;
    right: -4px;
    display: none;
}

#ico_layout_cabecera #ico_layout_cab_derecha #form_autenticacion a.LMensajes.existenMensajes svg.circle 
{
    display: block;
}

#ico_layout_cabecera #ico_layout_cab_derecha #form_autenticacion a.LMensajes svg.bell 
{
    width:16px;
    height: 16px;    
}

#ico_layout_cabecera #ico_layout_cab_derecha #form_autenticacion a.LMensajes svg.bell  path {
    fill: #6EBB1F !important;
}

#ico_layout_cabecera #ico_layout_cab_derecha #form_autenticacion a.LMensajes svg.circle path 
{
    fill: red;
}

.icono_campana_svg img
{
    width: 100%;
    fill:#84c275;    
}

#ico_layout_cabecera #ico_layout_cab_derecha #form_autenticacion #cerrar_sesion:hover{
	text-decoration:underline;
}


#ico_layout_cabecera #ico_layout_cab_derecha #form_autenticacion .imagen_consultoria
{
	position:absolute;
	top: 31px;
    left: -366px;
}


#ico_layout_cabecera #ico_layout_cab_derecha #form_autenticacion h1 {
	position:absolute;
	top:10px;
	left:43px;
	margin:0;
}

/* END FORMULARIO AUTENTICACIÓN */



/* BEGIN MENU SUPERIOR */

#ico_layout_cabecera #ico_layout_cab_derecha ul#menu_sup {
    display: block;
    float: right;
    max-height: 26px;
    height: 26px;
    box-sizing: border-box;
    line-height: initial;
    list-style-type: none;
    padding: 0;
	margin-top:0px;
    position: absolute;	
    top: 5px;
    right: 70px;
	/* padding-left:12px; */
	border: 1px solid #b1b1b1;
	/* width: 420px; */
}

#ico_layout_cabecera #ico_layout_cab_derecha #menu_sup li{
    display: block;
    float: left;
    margin: 0;
    font-family: Century Gothic;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding: 0;
    width: 148px;
    margin-top: 0;
}



#ico_layout_cabecera #ico_layout_cab_derecha ul#menu_sup #item_CambioPerfil
{
	position:relative;	
}

#ico_layout_cabecera #ico_layout_cab_derecha ul#menu_sup #item_CambioPerfil svg 
{
    width: 13px;
    height: 13px;
    position: absolute;
    top: 6px; 
}


#ico_layout_cabecera #ico_layout_cab_derecha ul#menu_sup #item_CambioPerfil svg path {
      fill: #6EBB1F !important;
}
#ico_layout_cabecera #ico_layout_cab_derecha ul#menu_sup #item_CambioPerfil svg text {
      fill: #6EBB1F !important;
}

#ico_layout_cabecera #ico_layout_cab_derecha ul#menu_sup #item_CambioPerfil span
{
    font-size: 12px;
    position: absolute;
    left: 24px;
    top: 0;
}



#ico_layout_cabecera #ico_layout_cab_derecha ul#menu_sup li img
{
    position: absolute;
    top: 3px;
    left: 126px;
}

#ico_layout_cabecera #ico_layout_cab_derecha #menu_sup  li a{
    text-decoration: none;
    display: block;
    height: 25px;
    /* height: 29px; */
    padding-top: 2px;
    padding-right: 15px;
    padding-left: 5px;
    /* text-transform: uppercase; */
    color: Black;
    font-size: 13px;
    font-weight: normal;
}

#ico_layout_cabecera #ico_layout_cab_derecha #menu_sup  li a:hover
{
	color:#6EBB1F;
}

#ico_layout_cabecera #ico_layout_cab_derecha #menu_sup .seleccionado{
}

#ico_layout_cabecera #ico_layout_cab_derecha #menu .seleccionado a{
}

/* END MENU SUPERIOR */



#datos_empresa_centro{
    display: block;
    width: 720px;
    position: absolute;
    top: 12px;
    right: 233px;
    text-align: right;
}

#datos_empresa_centro .etiqueta,
#datos_empresa_centro .valor{
	/*font-weight:bold;*/
	/*float:left;*/
	display:inline;
	max-width: 300px;
	margin-left:5px;
}

#datos_empresa_centro .valor
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;	
	font-weight: bold;
}



#datos_empresa_centro .etiqueta{
	/*font-size:11px;*/
	color:#747477;
	/*clear:left;*/
	max-width:50px;
	color: #b1b1b1;
}

#datos_empresa_centro .valor{
	/*font-size:14px;*/
	color:#3a3a3a;
}

#datos_empresa_centro .etiqueta_separador 
{
    margin-left: 8px;
    color:#3a3a3a;
}

/* BEGIN MENU PRINCIPAL */

#ico_layout_menu {
	display:block;
	width:980px; /* 	width:1000px; */
	height:28px;	/* height:32px;	*/
	padding-left:20px;
	padding-top:2px;
	padding-bottom:2px;
	background-image:url(../_images/fondo_menu.jpg);
	background-repeat:no-repeat;		
    margin-right: auto;
    margin-left: auto;
}
}

#ico_layout_menu h2{
	font-family:Century Gothic;
	display:block;
	margin:0;
	width:362px;
	height:28px;
	line-height:28px;
	font-size:14px;
	font-weight:bold;
	color:white;
	float:left;
}

#ico_layout_menu ul#menu {
    display: block;
    height: 28px;
    line-height: 28px;
    list-style-type: none;
    padding: 0;
    margin-top: 0px;
    position: relative;
    padding-left: 3px;
    width: 810px;
}


#ico_layout_menu #menu li {
    display: block;
    float: left;
    margin: 0;
    height: 28px;
}




#ico_layout_menu #menu  li a{
	color:white;
    text-decoration: none;
	display:block;	
	height:26px; 
	line-height:26px;
	padding-top:2px;
	padding-left:15px;
	padding-right: 15px;
	
	font-family:Century Gothic;
	font-size:11px;
	font-weight:normal;	
	text-transform:uppercase;
	border-right: solid 1px white;
}

#ico_layout_menu #menu li:last-child a {
  border-right: none;
}


#ico_layout_menu #menu .seleccionado{
}

#ico_layout_menu #menu .seleccionado a{
}


/* Begin Mensaje */

.LMensajes 
{
	float:right;
	height:28px; /* height:28px; */
	margin-top:6px;
	height:22px; 
	margin-right:8px;
}

.LinkAyuda
{
	position: absolute;
    top: 198px;
    right: 28px;
    z-index: 1;
}

.LinkAyuda svg {
    width: 20px;
    height: 20px;
}

#floater_MSG 
{
	BORDER-RIGHT: #330 1px solid; 
	PADDING-RIGHT: 4px; 
	BORDER-TOP: #330 3px solid; 
	PADDING-LEFT: 4px; 
	FILTER: alpha(opacity=80); 
	LEFT: 130px; 
	/*BACKGROUND-IMAGE: url(_images/alertas/fondoAviso.jpg); */
	VISIBILITY: hidden; 
	PADDING-BOTTOM: 4px; 
	MARGIN: 0px; 
	BORDER-LEFT: #330 1px solid; 
	WIDTH: 350px; 
	COLOR: #330; 
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #330 1px solid; 
	POSITION: absolute; 
	TOP: 130px; 
	HEIGHT: 76px; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-ALIGN: center; 
	opacity: 0.8; 
	moz-opacity: 0.8 
}
	
/* End Mensaje */




/* END MENU PRINCIPAL */

#ico_layout_cuerpo{
	display:block;
	min-height:300px;
	width: 1000px;
	background-image: url(../_images/fondo_imagen_002.jpg);
	background-repeat:no-repeat;
/* 	background-position:-140px bottom; */
	background-position:0 bottom; 
	background-color: #F3F4F8;
    margin-right: auto;
    margin-left: auto;

}


/*
#ico_layout_pie {
	display:block;
	width:875px;
	height:40px; 
	background-image:url(../_images/pie_secundaria.png);
	background-repeat:no-repeat;
	background-position: 5px 0;

	margin-right:auto;
	margin-left:auto;
	margin-top:-100px; 
	z-index:2;

	padding-top: 116px;
	padding-left: 159px;
	position: relative;		
}

*/

#ico_layout_pie {
    display: block;
    width: 993px;
    /* width: 1034px; */
    height: 30px;
    /* height: 30px; */
    background-image: url(../_images/pie_secundaria.png);
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding-left: 40px;
    padding-top: 30px;
    color: #CCC;	
}





#ico_layout_pie span, #ico_layout_pie a {
	font-size:10px;
	font-weight:bold;
	color:#B1B1B2; 	
	letter-spacing:1px;	
}


#ico_layout_pie a {
        text-decoration:underline;   
}

#ico_layout_pie a:hover
{
	color:Black;
    cursor:pointer; 
}


#ico_layout_pie span
{
	letter-spacing:1px;
}

#ico_layout_pie span.texto_wke {
    display: inline-block;
    margin-right: 30px;
}

#ico_layout_pie span.version {
    display: inline-block;
    margin-left: 30px;
}


#ico_layout_pie a {
    display: inline-block;
    margin-right: 10px;
}


/* BEGIN BARRA ACCIONES */

  #barra_acciones {
	display:block;
	width:957px; /* width:1000px; */
	height:97px;	/* 	height:134px;	 */
	background-image: url(../_images/fondo_busqueda.png);
	background-repeat:no-repeat;
	
	padding-top: 19px;
	padding-bottom: 18px;
	padding-left:21px;
	padding-right:22px;		
	position:relative;	
}


 #exportacion{
	position:absolute;
	display:block;
	top:19px;
	left:822px;
}

 #exportacion .enlace_pdf,
  #exportacion .enlace_excel
{
	display: block;
	width:102px; /* width:156px; */
	height:27px; /* height:48px; */
	padding-left:54px;
	padding-top:21px;
	text-decoration:none;	

	font-weight:bold;
	font-size:11px;
	color:#5B5B5B;	
	margin-bottom:1px;
	cursor:pointer;
}

#exportacion .enlace_pdf{
	background-image: url(../_images/btn_exportar_pdf.jpg);
	background-repeat:no-repeat;
}


#exportacion .enlace_excel{
	background-image: url(../_images/btn_exportar_excel.jpg);
	background-repeat:no-repeat;
}

#exportacion .enlace_pdf:hover,
#exportacion .enlace_excel:hover{
	background-position:0 -48px;
	color:#3BB426;
}

.texto_cabecera
{
	width:450px;
	padding:30px;
	height:50px;
}

/* END BARRA ACCIONES */ 



.divContenedorUsuario {
    display: block;
    float: left;
    min-width: 50px;
    height: 28px;    
}

.divImgUsuario, .divNombreUsuario
{
	display:block;
	float:left;
}

.divImgUsuario
{
    margin-right: 8px;    
}

.divImgUsuario svg 
{
    width:18px;
    height:18px;
}

.divImgUsuario svg path 
{
    fill: white;
}

.divNombreUsuario
{

}

#divNombreUsuario .StrNombreUsuario
{
    display: block;
    float: left;
    min-width: 20px;
    max-width: 130px;
    height: 28px;
    overflow: hidden;
    font-family: Century Gothic;
    font-size: 9pt;
    color: White;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.divContenedorMenu {
    display: block;
    float: right;
    height: 28px;
    width: 842px;
}


/* Begin PERSONALIZACIÓN logos */


#ico_layout_cabecera .logotipo_cabecera{
	display:block;
	float:left;
	width:460px;
	height:60px;
	margin-top:32px;
	margin-left:20px;
}

#ico_layout_cabecera .logotipo_cabecera img{
	border:0;
	height:60px;
}






/* End PERSONALIZACIÓN logos */






/* reubicación del menú formación consulta ayuda */
ul.menu_izq 
{
    left: initial;
    right: 190px;
    top: 68px;
}

ul.menu_izq li + li a
{
    text-transform: initial!important;
}

#ico_layout_cab_derecha > a > img.wk-logo-large 
{
    position: absolute;
    top: 72px;
    right: 15px;
    width: 11rem;
}


ul.menu_izq li.Icono_Inicio 
{
    display: none;
}
ul.menu_izq li.areaclientes 
{

}

ul.menu_izq li.areaclientes svg
{
   width: 25px;
    height: 25px;
    enable-background: new 0 0 181.207 181.207;
    /* line-height: 25px; */
    position: absolute;
    top: -2px;
    left: -26px;
}

ul.menu_izq li.formacion 
{

}

ul.menu_izq li.formacion svg 
{
    width: 25px;
    height: 25px;
    position: relative;
    top: -4px;
}

ul.menu_izq li.consulta 
{

}


ul.menu_izq li.ayuda 
{
}

ul.menu_izq li + li a svg {
    width: 18px;
    height: 18px;
    float: left;
}

ul.menu_izq li + li a svg path {
      fill: #0471b4 !important;
}
ul.menu_izq li + li a svg text {
      fill: #0471b4 !important;
}

ul.menu_izq li + li a span {
    line-height: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-left: 5px;
}





/* NUEVO MENU */
.menu_2019.relativa {
	width:100%;
	height:100%;
	margin-top:0;
	font-family: "Fira Sans", Sans-Serif;
	font-size: 12px;
	text-transform: uppercase;
}

.menu_2019 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #0471b4;
  width:100%;
}

.menu_2019 li {
  float: left;
  padding: 10px;
  height: 20px;
  line-height: 20px;
  color: white;
  display: block;
}
.menu_2019 li a,
.menu_2019 li a:hover,
.menu_2019 li:hover a {
    color:White!important;
    text-decoration:none;
}
.menu_2019 li:nth-child(2) {
  margin-left:-40px;
  padding-left: 50px;
}
.menu_2019 li:not(:first-child):hover 
{
    background-color: #0a4469;
}

.menu_2019 li:first-child  {
	background-color: #0471b4;
	position:relative;
	margin-right: 22px;
	z-index: 0;
}

.menu_2019 li:first-child:hover 
{
	background-color: #69af2b;
	cursor:pointer;
}


.menu_2019 li:first-child::after{	
	content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 4px;
    right: -15px;
    transform: rotate(45deg);
    height: 30px;
    width: 30px;
    z-index: -9;
	background-color: #0471b4;
    border-right: solid 1px white;
    border-top: solid 1px white;
}

.menu_2019 li:first-child:hover::after
{
    	background-color: #69af2b;
    	cursor:pointer;
}


.menu_2019 .menu{
		position:absolute;
		top:300px;
		left:30px;
		background-color:red;
		width:100px;
		height:100px;
	}
	
.menu_2019 .menu::after{
    content: '';
    position: absolute;
	left:100%;
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 0 50px 40px;
	border-color: transparent transparent transparent red;	
}

li:empty {
    display: none;
}

.ico_layout_contenido.centroNoSeleccionado #datos_empresa_centro .etiqueta_separador {
	display: none !important;
}

.ico_layout_contenido.centroNoSeleccionado #menu_sup {
	display: none !important;
}

.ico_layout_contenido.centroNoSeleccionado #datos_empresa_centro 
{
    right:77px !important;
}


.ico_layout_contenido.centroNoSeleccionado .AccesoLaPaginaLI,
.ico_layout_contenido.aperfil4 .AccesoLaPaginaLI,
.ico_layout_contenido.aperfil4 .AccesoLaPaginaLI,
.ico_layout_contenido.aperfil4 .AccesoLaPaginaLI
 {
    margin-left: -40px;
    padding-left: 50px;
}

.cambiosperfil .menu_2019 li:first-child,
.bienvenida .menu_2019 li:first-child {
    background-color: #69af2b;
}

.cambiosperfil .menu_2019 li:first-child::after,
.bienvenida .menu_2019 li:first-child::after
{
    background-color: #69af2b;
}

.buscarfichas .menu_2019 li.ConsultaInformesLI, 
.listadoinformes .menu_2019 li.ConsultaInformesLI  
{
    	background-color: #0a4469;        
}

.cuadromandos .menu_2019 li.EstadoEvidenciasLI,
.estadoevidencias .menu_2019 li.EstadoEvidenciasLI 
{
    	background-color: #0a4469;      
}

.listados .menu_2019 li.AccesoListadosLI,
.buscarfichasleidas .menu_2019 li.AccesoListadosLI,
.listadofichasleidas .menu_2019 li.AccesoListadosLI,
.listadofichasnuevas .menu_2019 li.AccesoListadosLI,
.buscardisposicioneslegales .menu_2019 li.AccesoListadosLI,
.listadodisposicioneslegales .menu_2019 li.AccesoListadosLI,
.buscarevidenciascaducadas .menu_2019 li.AccesoListadosLI,
.listadoevidenciascaducadas .menu_2019 li.AccesoListadosLI,
.calendarioevidenciascaducadas .menu_2019 li.AccesoListadosLI,
.listadodocumentosynotas .menu_2019 li.AccesoListadosLI                                   
{
    background-color: #0a4469;     
}

.auditlistaauditorias .menu_2019 li.AuditoriaLI,
.auditchecklist .menu_2019 li.AuditoriaLI,
.auditincumplimiento .menu_2019 li.AuditoriaLI,
.auditcerrarauditoria .menu_2019 li.AuditoriaLI,
.auditgrafico .menu_2019 li.AuditoriaLI,
.auditnuevaauditoria .menu_2019 li.AuditoriaLI,
.auditoriasnoconformidad .menu_2019 li.AuditoriaLI {
    background-color: #0a4469;    
}

				
.listadodisposicioneslegales .LinkAyuda {
    top: 331px;
}

.listadoevidenciascaducadas .LinkAyuda {
    top: 325px;
}