/* 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;
}

/* 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 21 etiquetas en el gráfico */
.canvas-outer-container {
    width: 85%;
}

/* 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');
}

/* 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;
}

/* 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:10;
}
#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;}






.iam-panel {
  position: relative;
  overflow: hidden;
}

.iam-panel .title {
  position: absolute;
  height: 40px;
  width: 100%;
}

.iam-panel .handle {
  position: absolute;
  height: 40px;
  left: 0px;
  right: 64px;
  cursor: move;
}

.jimu-rtl .iam-panel .handle {
  right: 0px;
  left: 64px;
}

.iam-panel .handle.minimized {
  left: 0px;
  right: 0px;
  height: 30px;
}

.iam-panel .title .widget-icon {
  position: absolute;
  width: 30px;
  height: 40px;
}

.iam-panel .title .widget-icon .icon {
  margin: 10px;
  width: 20px;
  height: 20px;
}

.jimu-rtl .iam-panel .title .widget-icon {
  right: 0px;
}

.iam-panel .title-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ffffff;
  font-size: 16px;
  line-height: 40px;
  position: absolute;
  left: 60px;
  right: 70px;
}

.jimu-rtl .iam-panel .title-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ffffff;
  font-size: 16px;
  line-height: 40px;
  position: absolute;
  left: 70px;
  right: 60px;
}

.iam-panel .title .min-icon {
  margin: 0;
  width: 32px;
  height: 40px;
  display: block;
  cursor: pointer;
  z-index: 10;
  background: transparent url(images/fold_up.png) center no-repeat;
}

.iam-panel .title .min-icon.minimized {
  margin: 50px 0;
  width: 40px;
  height: 10px;
}

.iam-panel .title .close-icon {
  margin: 0;
  width: 32px;
  height: 40px;
  display: block;
  cursor: pointer;
  background: transparent url(images/x.png) center no-repeat;
}

.iam-panel .title .close-icon.minimized {
  display: none;
}

.iam-panel .panel-bg {
  position: absolute;
  top: 40px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #274991;
  background-image: url('images/shadow.png');
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.iam-panel .panel-content {
  position: absolute;
  top: 40px;
  left: 5px;
  right: 5px;
  bottom: 8px;
  background-color: #fff !important;
}