/* el enlace trámites y gestiones en la home hacía un hover azul */
.featured_clic a .texto2:hover {
    color: 
    white;
}
/*  para añadir p en las p de las noticas de la home: hay que centrarlo en vertical, 
	además hay que repetir el hover que tiene el a a toda la capa para que cambie todo el bloque 
	y quitar el color de fondo al a y ponerselo a p, porque quedaría una banda de color en el a */
.vertical-middle {
	vertical-align: middle;
	display: table-cell;
}
.info_relevant-content.info_relevant-img_text.info_relevant-text.info_relevant-bg:hover {
    background: #0000e1 !important;
}
.info_relevant-content.info_relevant-img_text.info_relevant-text.info_relevant-bg p a {
    background: none !important;
}

/* si en lugar de h4 los modales son p, se juntan las letras si ocupa más de una línea */
.info-seccion .modal-alert .title-modal {
	line-height:24px
}

/* el cerrar de cookies salia muy pequeño */
.panel-cookies a.eliminar:after {
	font-size:	24px;
}

/* para listados paginados con ajax y persianas de sede y calendarios  */
.ajax-error { color:red; }

#ajaxLoading, .ajaxLoadingDiv{
	height: 100%;
	min-height: 130px;
	width: 100%;
	background-color: white;
	opacity: 0.9;
	background-image: url(img/icon/loading.gif);
	background-repeat: no-repeat;
	background-position-x:center;	
	background-position-y:center;	
}

#ajaxLoading, .zindex { 
	z-index: 100;
	position: absolute;
}
#ajaxLoading.top {
	background-position:top;
}
#ajaxLoading.bottom {
	background-position:bottom;
}

/* cambiar el icono de igualdad */
.carouselHome .igualdad a::before, .listadoHome .igualdad a::before {
	font-size: 1px;
	content: "-";
	background-image: url(img/icon/igualdad.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}

.carouselHome .item a {
	padding: 22px 4px 16px;
}

/* dar soporte a enlaces y listas en avisos */
.info-seccion .modal-alert a {
    color: #333;
    text-decoration: underline;
}
.info-seccion .modal-alert.modal-info a, .info-seccion .modal-alert.modal-info li {
    color: white;
}

/* quitar inclusite logo */
ul.tabinclusite>li {
	max-height: 150px !important;
	overflow: hidden;
	background: #fff none !important;
	border: 1px solid #CCC !important;
	border-left: 0px!important;
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	height: 90px !important;
}
ul.tabinclusite > li #inclu_arrow {
    top: 35px;
}
ul.tabinclusite > li a img.logo_inclusite {
    top: -17px;
    position: relative;
}
 
/* bootstrap styles */
.mb-1 {
	margin-bottom:1em;
}

/* popups de OpenStreetMaps, letra más grande y Arial */
.leaflet-popup {
    font-size: 14px;
    font-family: Arial;
}

/* base display bootstrap*/
.d-block  {
	display: block !important;
}
.d-none  {
	display: none !important;
}

/* reajustamos el icono de lo más visto a -173px 0 en los min.css y creamos el modo aviso naranja y el modo span*/
.mw-title.orange > span::after  {
	background-position: -199px 2px;
}
.mw-title.orange   {
	padding: 14px 0 13px;
}
span.mw-item:hover {
    color: #333;
    text-decoration: none;
}

/* poner icono wsdl y recolocar persona carpeta */
.ico-wsdl::after {
    background-position: 0px -476px;
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    left: 0;
	background-image: url(img/spr-sbb4ae8566a.png);
	background-repeat: no-repeat;
}
.mc-motivos::after {
    background-position: 0 -516px;
}    

/* ajustamos el ancho de las imágenes en el tiny para que se adapten a responsive */
.tiny-text > p > img {
    max-width: 100%;
}

/* reducimos el padding del texto citado en el tiny */
.tiny-text q {
    padding: 0 4px;
}

/* en WFORS que no tiene menú hay que ocultar el menu pie que saca los botones de subir y bajar fuente, además quitamos padding */
@media screen and (max-width: 992px) {
	.menuVertical{
	    padding-top: 0;
	}
	.botonesFuenteImprimir {
	    display: none;
	}
}

/* icono inscripcion detalle de actividad, se hace diferente al resto a no usar fuente, el icono se pone en el item no al title9 
   estos cambios deben también ir en cada hoja de color cuando se integren los cambios */
.info-actividad .inscripcion::after {
	line-height: 100%;
	position: absolute;
	content: "\e012";
	font-family: AytMadIcons;
	color: #003df6;
	text-indent: 0;
	font-size: 36px;
	top: -10px;
	right: auto;
	bottom: auto;
	left: -47px;
	text-transform: none;
}

.info-actividad .inscripcion {
	position:relative;
}		

/* revista digital, reducir el padding para que el texto de intro quepa aun con 3 lineas  */
.magazine {
    padding-top: 15px;
}

/* separar más los párrafos de la leyenda lopd de comentarios para mejorar legibilidad */
#commentEditForm .label-group p { padding-bottom:0.5em}

/* en el listado queda mucho espacio debajo del icono o info de accesibilidad */
ul.events-results .actividades-info li {
	margin-bottom: 0px;
}

/* en el listado como accesibilidad noadaptado y parcial no tienen icono se mueven a la izquierda, si se supiera icono hay que quitar este margen*/
ul .actividades-info li p.noadaptado, ul.events-results .actividades-info li p.parcial{
	margin-left: -2.4em;
}

/* nuevos iconos de accesibilidad detalle entidades */
.actividades-info .induccion::after, .actividades-info .podotactil::after, .actividades-info .signos::after {
    position: absolute;
    width: 40px;
    height: 40px;
    left: -42px;
	background-image: url(img/icon/induccion.png);
	background-repeat: no-repeat;	
	content: "";	
}
.actividades-info .podotactil::after {
	background-image: url(img/icon/podotactil.png);
}
.actividades-info .signos::after {
	background-image: url(img/icon/signos.png);
}

.actividades-info .adicional {
    line-height: 20px;
    padding: 0px 25px 0px 25px;
    font-size: 0.875em;
}

/* los iconos de accesibilidad que están en line queda el texto muy pegado a la izquierda se les pone el padding 5 que tienen los inline */
.detalle .actividades-info ul.list-line li {

    padding-left: 5px;
}
/* los indicadores cuadrados no caben bien en detalles de contenido si tienen margen izquierdo, lo reducimos si están en mainContent */
main .indicador-rectangular {
	margin-left: 2px;
}

/* las tablas de datos en el módulo de gráficos pueden ser muy largas, se deja scroll automático */
.grafico-container .showOnlyInIE8 {
	overflow:auto;
}

/* reducidos los márgenes del pie */
.footer .footer-menu{
	padding: 0;
}
.footer .fql-title{
	margin-bottom: 10px;
}
.footer .footer-quick-links{
	padding: 19px 0 0;
}
.footer .footer-other-sites{
	padding: 19px 0 24px;
}

/* cambio de colores de fondo, el azul oscuro del pie se pone gris fluid3g, y en el pie en móvil al seleccionar se pasa a negro */
.bg-fluid3g {
    background-color: #292929;
}
@media screen and (max-width: 767px) {
	.footer-menu .collapse-item-active {
			background-color: #000;
	}
}

/* unas clases genérica de margen inferior y superior */
.margin-top {
    margin-top: 20px;
}
.margin-bottom {
    margin-bottom: 20px;
}

/* nuevo background gris medio fluid8, en él los títulos y los enlaces tienen que ser o negros o grises oscuros */
.bg-fluid8 {
    background-color: #f1f1f1;
}
.bg-fluid8 .bg-triangle::after {
    border-style: solid;
    border-color: transparent;
    border-right-color: transparent;
    position: absolute;
    z-index: 1;
    border-width: 0 136px 24px 0;
    border-right-color: #f1f1f1;
    left: 50%;
    margin-left: -136px;
}

.bg-fluid8 .formasParte-title, .bg-fluid8 .formasParte-link, .bg-fluid8 .gobierno-abierto__link_title {
	color: #333;
}

.bg-fluid8 .title5, .bg-fluid8 .formasParte-text, .bg-fluid8 .gobierno-abierto__title, .bg-fluid8 .gobierno-abierto__text {
	color: black;
}

 .bg-fluid8 .carouselFormasParte .formasParte-text a {
	color: #003df6;
	border-bottom:2px solid #003df6;
}

/* hacemos un class general para que los enlaces visitados dentro de esa capa sean diferentes, se usa el color estándar
   en el calendario en lugar de purple se ponen más claros para que se distingan mejor, y en la portada del publicaciones también que asociar al span */
.visited-color a:visited, .visited-color a:visited span.info-link-text {
	color: purple;
}
.visited-color .datepicker.datepicker-server table.table-condensed tbody td.today a:visited {
	color: darkviolet !important;
}

/* para que quepan 12 etiquetas en el gráfico */
.canvas-outer-container {
    width: 100%;
}

/* en las pordadillas fwk en el módulo central los p negros de directorio pensados para agenda se juntan si ocupan 2 lineas  */
.contacto-central .directorio-municipal li p {
    line-height: 15px;
}

/* poner el logo de clave en la pagina de login de sede */
.mc-acceso-item .legend-cert::after {
    content: "";
    color: #fff;
    width: 61px;
    height: 61px;
    background: #fff;
    background-image: url('/FwFront/new/img/clave.png');
}

/* poner el logo del ayto en la pagina de login de sede */
.mc-acceso-item .legend-user.madrid::after {
    content: "" !important;
    color: #fff;
    width: 61px;
    height: 61px;
    background: #fff;
    border-radius: unset;
    content: "";
    background-image: url('/FwFront/new/img/logo-ayto.png');
}

/* ajustar la página de login de sede */
.mc-acceso .mc-acceso-item .legend.legend-cert {
	max-width:61%
}
.mc-acceso .mc-acceso-item .legend.legend-user {
	max-width:93%
}
.mc-acceso .buttons {
	text-align:center
}
.mc-acceso-item ul.lista {
	list-style:disc
}
.mc-acceso-item ul.lista li {
	list-style:inherit;
	margin: 0px 0 0px 17px
}

/* distritos, módulo de actividades en la zona mainContent */
.actividades.actividades_interior.nofluid {
    background: #f2f2f2;
    padding-top:5px;
}
.actividades_interior .info_relevant {
    width: 105%;
}
.actividades_interior .calendario {
    min-height: 230px;
}

/* el mapa de google en direcciones hace ahora cosas raras y se sale de su capa, se limita por css */
.info-actividad .mapa {
    max-width: 100%;
    overflow: hidden;
}

/* AMMPG-330 la altura fija de este bloque no tiene sentido, lo pone cada plantilla */
.newsCentralBlock .videoplayer object, .newsCentralBlock .videoplayer video {
    height: auto;
}

/* poner icono por defecto a flv y mp4 */
.ico-mp4::before, .ico-flv::before {
    content: "";
    left: -6px;
}

/* poner icono zip a gz */
.ico-gz::after {
    background-position: -160px -296px;
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    left: 0;
	background-image: url(img/spr-sbb4ae8566a.png);
	background-repeat: no-repeat;
}

/* AMPP-331: Accesibilidad 07-2017 hacer más grande el subtexto de las cabeceras, pasar a 28px */
.section-name-title > small {
    font-size: 0.6223em;
    padding: 0 105px;
}

/* AMMPG-258: botones subir y bajar */
/* hay que rebajar el z-index del carrusel y de los modal para que no quede por delante */
.header-carousel .owl-controls, .modal-alert {
	z-index: 1 !important;
}
#nav_up, #nav_down {
	width:70px; 
	height:70px;
	border-radius: 70px 70px;
	padding:0; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:30px;
	display:none;
	opacity: 0.5;
	box-shadow: -4px 4px 4px whiteSmoke;
	z-index:500;
}
#nav_up {
	right:90px;
	background: url('/new/img/arrow_up-gris.png') no-repeat 0px 5px;	
}
#nav_down {
	right:20px;
	background: url('/new/img/arrow_down-gris.png') no-repeat 0px 5px;
}
#nav_up:hover, #nav_down:hover{
	text-decoration:none;
	opacity: 1 !important;
}

/* AMMPG-240: soporte parcial de elementos del tiny-text en los paneles de notificación */
.info-seccion .modal-alert p {
    margin-bottom: 10px;
}
.info-seccion .modal-alert em {
    font-style: italic !important;
}
.info-seccion .modal-alert ul {
    list-style-type: disc;
    padding: 5px 0;
}
.info-seccion .modal-alert ol {
    list-style-type: decimal;
    padding: 5px 0;
}
.info-seccion .modal-alert ul ol ul, .info-seccion .modal-alert ul ul, .info-seccion .modal-alert ul ul ol ul, .info-seccion .modal-alert ul ul ul {
    list-style-type: disc;
}
.info-seccion .modal-alert ul li, .info-seccion .modal-alert ol li {
    margin: 10px 0 10px 17px;
    list-style: inherit;
    font-size: 14px;
}

/* para que quepan 5 iconos en el listado del catálogo */
.global-results .events-results > li.withtable .event-info.min ul li {
    width: 32px;
}

/* al atom de PLACSP se pone el mismo icono que el RSS */
.ico-atom::before {
    content: "~";
}

/* Arrows CarouselHome */
/*
.carouselHome.owl-theme .owl-controls .owl-pagination .owl-page span, .carouselHome.owl-theme .owl-controls .owl-pagination .owl-page.active span { background: none; border: 0;}
.carouselHome.owl-theme .owl-controls .owl-pagination .owl-page span:after{
	color: white;
	content:"g";
	font-family: "AytMadIcons2";
	font-size: 27px;
    font-weight: bold;
	position: relative;
	text-shadow: 0px 0px 4px #666;
}
.carouselHome.owl-theme .owl-controls .owl-pagination .owl-page + .owl-page span:after{ content: "f";}
.carouselHome.owl-theme .owl-controls .owl-pagination .owl-page.active span:after{ color: #0077b9;}
*/

/* WEM CLOUD */
/* en el cloud el wordwrap del ice.css afecta a la paginacion */
.container {word-wrap:normal; }
.pagination > li.prev , .pagination > li.next { word-wrap:normal; }

/* quitamos cosas del templating */
.vgn-ext-region, .vgn-ext-component  { min-height:0px !important;}
strong{font-weight: 700 !important;}

/* el vext.css lo capa en preview */
.tiny-text em {
    font-style: italic !important;
}