/* CSS Document */

/* @import "/lib/font-awesome/5.12.0/webfonts/"; */

.lista_delegaciones{
	text-align:center;	
}

.cabecera_container{
	margin-top:30px;
	margin-bottom:30px;
	text-align:center;
}


.cabecera_container > a{
	color:#000!important;	
}



.cabecera_delegacion{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	max-width:500px;
}

.cabecera_delegacion.full{
	max-width:100%;
}
.cabecera_delegacion.full .responsable{
	height:100%;
}



.cabecera_delegacion .responsable{
	height:90px;
	background-color:white;	
}

.cabecera_delegacion .responsable  div .cargo{
	color:#C00;
}

.cabecera_delegacion .responsable, .cabecera_delegacion .unidad{
	margin-left:0;
	margin-right:0;
	padding:15px;
	padding-right:0;
}


.cabecera_delegacion .unidad, .cabecera_delegacion  .unidad a{
	background-color:#676262;
	color:white;
	font-weight:bold;
	height:70px; 	
}



.lista_delegaciones .cabecera_container .cabecera_delegacion .unidad:hover {
	background-color: #565252!important;
}

.cabecera_delegacion .unidad a {
	color: white!important;
}



.cabecera_delegacion .unidad:hover  span.flecha_detalle{
	margin-left:3px;
}



.cabecera_delegacion .foto{
	position:absolute;
	bottom:10px;
	padding-left:10px;
}

.cabecera_delegacion .foto div img{
	max-width:85px;
	border:1px solid grey;
	border-radius:5px;
}


@media screen and (max-width:500px){
	.cabecera_delegacion{
		font-size:0.8em;	
	}

	.cabecera_delegacion .foto div img{
		max-width:55px;
	}	

	.cabecera_delegacion .responsable, .cabecera_delegacion .unidad {
		padding:5px;
		padding-bottom:10px;
	}


	.cabecera_delegacion .responsable div, .cabecera_delegacion .unidad div {
		padding-right:2px;
	}



	.cabecera_delegacion .responsable{
		height:auto;
	}
	
}




div.row.delegacion > div > h3{
	font-weight:normal;
	border-bottom:1px solid #CCC;
}




.informacion_delegacion >.contacto {
	
}
.informacion_delegacion > .contacto > ul {
	padding-left:10px;
	list-style:none;
	color:#666;
}

.informacion_delegacion > .contacto > ul >li >span {
	padding-right:10px;
	color:#C00;
}


.informacion_delegacion > .organigrama >a{
	color:#666;
	text-decoration:none;
}
.informacion_delegacion > .organigrama >a:hover{
	color:#C00;	
}


.informacion_delegacion > .organigrama >a >.ico_organigrama{
    font-size: 1.6em;
	color:#C00;
}

.delegacion > div.funciones, div.delegacion > div.servicios_destacados, div.delegacion > div.noticias{
	margin-top:50px;	
}

.delegacion .webs_delegacion ul{
	list-style: none;
    padding-left: 30px;
}




/* Sección Leer más, la cual solo muestra una pequeña parte del contenido y despliega el resto al pinchar en el botón */

.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-trigger > span{
	margin-left:5px;
	font-size: 1.1em;	
	font-family: 'Font Awesome 5 Free';		
	font-weight: 900;
}

/*
.read-more-state ~ .read-more-trigger:before {
  content: "Mostrar más";
}
*/
.read-more-state ~ .read-more-trigger>span:before {
  content: "\f0d7";
}

/*
.read-more-state:checked ~ .read-more-trigger:before {
  content: "Mostrar menos";
}
*/
.read-more-state:checked ~ .read-more-trigger>span:before {
  content: "\f0d8";
}



.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  line-height: 2;
  border-radius: .25em;
	width: 100%;  
	text-align:center;
}

/* Sección Leer más  - fin*/



.filter-green{
	filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(87deg) brightness(119%) contrast(119%);	
}

.filter-grisclaro{
	filter: invert(91%) sepia(1%) saturate(12%) hue-rotate(321deg) brightness(92%) contrast(89%);
}

.filter-grisoscuro{
	filter: invert(41%) sepia(7%) saturate(237%) hue-rotate(314deg) brightness(90%) contrast(90%);
}