#wbb5-body-wrapper{
	flex: 1 0 auto; /* para que el footer esté siempre abajo del todo */
}

#wbb5-body {
    padding: 20px var(--rediris-wbb5-body-padding-right) 0 10px;
}

#wbb5-content {
    background-color: var(--color-white);
    flex: 1 1 auto;
    margin-left:50px;
	min-width: 0;
}

#wbb5-service-icon  {
    float: right;
		margin: 0 0 10px 10px;
}

/* Título y subtítulo ----- */

h1#wbb5-title{
    padding: 0 !important;
	margin-top: 0!important;
	margin-bottom: 0!important;
    font-size: 1.9rem !important;
}

h2#wbb5-subtitle{
    padding: 0 0 20px 0 !important;
	margin-top: 0!important;
	margin-bottom: 0!important;
    font-size: 1.3rem !important;
}


/* Encabezados ----- */

#wbb5-content h1,
#wbb5-content h2,
#wbb5-content h3,
#wbb5-content h4,
#wbb5-content h5,
#wbb5-content h6 
{
    color: var(--color-rediris-verde);
}

#wbb5-content h1 { font-size: 1.5rem; margin-top: 1.6rem; margin-bottom: 1rem;}
#wbb5-content h2 { font-size: 1.4rem; margin-top: 1.6rem; margin-bottom: 1rem;}
#wbb5-content h3 { font-size: 1.3rem; margin-top: 1.6rem; margin-bottom: 1rem;}
#wbb5-content h4 { font-size: 1.1rem; margin-top: 1.6rem; margin-bottom: 1rem;}
#wbb5-content h5 { font-size: 1.0rem; margin-top: 1.6rem; margin-bottom: 1rem;}
#wbb5-content h6 { font-size: 1.0rem; margin-top: 1.6rem; margin-bottom: 1rem;}

/* Párrafos ----- */

#wbb5-content p {
    color: var(--color-rediris-text-body);
    /*font-size: 0.95rem;*/
		font-size: var(--rediris-fontsize-p);
    line-height: 1.3rem;
}

pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#wbb5 .codigo_scroll {
	padding:10px;
  background: linear-gradient(var(--color-white) 50%, var(--color-gray-2));
	border:1px solid var(--color-rediris-verde-2) !important;
	color: var(--color-rediris-text-body);
	overflow:auto;
}

tt, code {
	font-family: courier,arial,helvetica,sans-serif;
	font-size: 1.1em;
}

/* Listas ----- */

#wbb5-content-body ul li::marker {
	list-style: disc;
	font-size: 1.2rem;
	color: var(--color-rediris-verde);
}

/*
#wbb5-content-body ul li::before {
    content: "\2022";
    color: var(--color-rediris-verde);
    font-weight: medium;
    display: inline-block; 
    width: 1rem;
    margin-left: -1rem;
    line-height:1.6rem;
}
*/

/* Estilos para las listas ordenadas */
/* Javi Masa - 20180208 */

/* Lista OL con Números Grandes o UL con caja */
ol.ol-n-g, 
ol.ol-n-gy,
ul.ul-circle,
ul.ul-square
{
	list-style-type: none;
	list-style-type: decimal !ie; /*IE 7- hack*/
	margin-top: 0; margin-bottom: 0;
	margin-left: 3em;
	padding: 0px;
	counter-reset: li-counter;
}
ol.ol-n-g > li, 
ol.ol-n-gy > li,
ul.ul-circle > li,
ul.ul-square > li
{
	position: relative;
	margin-bottom: 20px;
	padding-left: 0.5em;
	min-height: 3em;
	counter-increment: li-counter;
}
ol.ol-n-g > li:before, 
ol.ol-n-gy > li:before,
ul.ul-circle > li:before,
ul.ul-square > li:before
{
	position: absolute;
 	top: 0;
	left: -1em;
	font-size: 2em;
	line-height: 1;
	font-weight: bold;
	text-align: right;

	content: "";
	width:20px;
	height:20px;
	display: block;
}
ul.ul-circle > li:before
{
	border-radius: 10px;
}

ol.ol-n-g > li:before, 
ol.ol-n-gy > li:before
{
	color: var(--color-rediris-verde);
	content: counter(li-counter);
}

/* OL con líneas white, yellow, green, warm gray */
.ol-l-w > li { border-left: 2px solid var(--color-white); }
.ol-l-y > li { border-left: 2px solid var(--color-rediris-amarillo); }
.ol-l-g > li { border-left: 2px solid var(--color-rediris-verde); }
.ol-l-wg > li { border-left: 2px solid var(--color-rediris-gris); }


/* Lista OL con Números grandes y caja amarilla */
ol.ol-n-gy > li:before, 
ol.ol-n-yg > li:before
{
	background: var(--color-rediris-amarillo);
	content: counter(li-counter);
}


/* UL con cajas en lugar de números */
ul.ul-circle > li:before,
ul.ul-square > li:before
{
	background: var(--color-rediris-verde);
	color: var(--color-rediris-verde);
}


/* Evitar el icono en los PDFs, XLS, ....  */
a.link-no-icon {
  padding-right: 0 !important;
  text-decoration: none !important;
  background-image: none !important;
}
/* Para los enlaces sin la miniatura (link-no-icon), cambiar el fondo al hacer hover o focus */
a.link-no-icon:hover,
a.link-no-icon:focus {
  background-color: var(--color-rediris-text-body-link-hover);
}



/* Escalar un poco las imágenes que llevan un enlace*/
a.img-scale:hover {
  background-color: transparent !important;
}
a.img-scale img:hover {
  /*border: solid 1px #ddd;*/
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  transform: scale(1.05);
  background-color: transparent !important;
}


/* ----------------- */

/* Estilos ol de w4 */

ol.ol-a1b1, ol.ol-a1b2, ol.ol-a1b3,
ol.ol-a2b1, ol.ol-a2b2, ol.ol-a2b3
{
	list-style-type: none;
	list-style-type: decimal !ie; /*IE 7- hack*/
	margin-top: 0; margin-bottom: 0;
	margin-left: 3em;
	padding: 0px;
	counter-reset: li-counter;
}

ol.ol-a1b1 > li, ol.ol-a1b2 > li, ol.ol-a1b3 > li,
ol.ol-a2b1 > li, ol.ol-a2b2 > li, ol.ol-a2b3 > li
{
	position: relative;
	margin-bottom: 20px;
	padding-left: 0.5em;
	min-height: 3em;
	counter-increment: li-counter;
}

ol.ol-a1b1 > li, ol.ol-a2b1 > li { border-left: 2px solid var(--color-white); }
ol.ol-a1b2 > li, ol.ol-a2b2 > li { border-left: 2px solid var(--color-rediris-amarillo); }
ol.ol-a1b3 > li, ol.ol-a2b3 > li { border-left: 2px solid var(--color-rediris-verde); }


ol.ol-a1b1 > li:before, ol.ol-a2b1 > li:before,
ol.ol-a1b2 > li:before, ol.ol-a2b2 > li:before,
ol.ol-a1b3 > li:before, ol.ol-a2b3 > li:before
{
	position: absolute;
 	top: 0;
	left: -1em;

	font-size: 2em;
	line-height: 1;
	font-weight: bold;
	text-align: right;
	color: var(--color-rediris-verde);

	content: counter(li-counter);
}

ol.ol-a2b1 > li:before,
ol.ol-a2b2 > li:before,
ol.ol-a2b3 > li:before
{
	content: "";
	width:20px;
	height:20px;
	display: block;
	background: var(--color-rediris-amarillo);

	content: counter(li-counter);
}


/* blockquote, citas, ... ----- */

blockquote.l-y,
blockquote.l-g,
blockquote.l-wg {
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 20px;
	padding-left: 20px;
	margin-inline-end: 20px;
}

blockquote.l-y { border-left: 4px solid var(--color-rediris-amarillo); }
blockquote.l-g { border-left: 4px solid var(--color-rediris-verde); }
blockquote.l-wg { border-left: 4px solid var(--color-rediris-gris); }

blockquote.cita {font-style: italic;}
blockquote.cita:before { content: open-quote; }
blockquote.cita:after  { content: close-quote; }
   

/* breadcrumb & pagelinks ----- */

#wbb5-breadcrumb-wrapper {
    padding: 0 0 20px 0;
/*
    display: flex;
    justify-content: left;
    flex-wrap: wrap;    
    */
}

#wbb5-breadcrumb, #wbb5-pagelinks {
    padding: 0;
    margin-top: 0; margin-bottom: 0;
    font-size: 0.9rem;
}
#wbb5-breadcrumb li, #wbb5-pagelinks li {
    display: inline;
    text-decoration: none;
}
#wbb5-breadcrumb li:before {	
    content: "/ ";
    color: var(--color-rediris-verde);
}
#wbb5-pagelinks li:before {	
    content: "\00B7\0020";
    color: var(--color-rediris-verde);
}
#wbb5-breadcrumb li.first:before,
#wbb5-pagelinks li.first:before {
    content: "";
}
#wbb5-breadcrumb a[href], 
#wbb5-pagelinks a[href]{
    color: var(--color-rediris-text-body) !important;
    text-decoration: underline;
    text-decoration-color: var(--color-gray) !important;
    text-underline-offset: 3px;
}
#wbb5-breadcrumb a[href]:hover, #wbb5-breadcrumb a[href]:focus,
#wbb5-pagelinks a[href]:hover, #wbb5-pagelinks a[href]:focus {
    background-color: var(--color-rediris-text-body-link-hover);
    color: var(--color-black) !important;
}


#wbb5-content-body {
    margin-top:30px;
}

#wbb5-content-body>.box-shadow {
	position: relative;
	left: -20px;
	margin-left: 20px;
	width: calc(100%);
}
/* Enlaces ----- */

#wbb5-content-body a[href] {
    color: var(--color-rediris-text-body-link) !important;
    /*padding: 0 2px 0 2px;*/
    text-decoration: underline !important;
    text-decoration-color: var(--color-rediris-text-body-decoration) !important;
    text-underline-offset: 3px !important;
}

#wbb5-content-body a[href]:hover,
#wbb5-content-body a[href]:focus {
    background-color: var(--color-rediris-text-body-link-hover);
}

/* ----------------------------------------------------------------------
  Iconos en los enlaces

  Los iconos son free y han salido de
  http://www.brandspankingnew.net/archive/2006/06/doctype_icons_2.html
  http://www.famfamfam.com/lab/icons/mini/
---------------------------------------------------------------------- */

a[href^="#"] {
background:none;
}

a[href^="mailto:"] {
	background: url('../../mm/url_email.gif') no-repeat bottom right;
	padding-right: 18px;
}

a[href$=".txt"], a[href$=".TXT"] {
	/*background: url('../../mm/url_text.gif') no-repeat bottom right;*/
	background: url('../../mm/url_txt.gif') no-repeat bottom right;
	padding-right: 18px;
}

a[href$=".odt"], a[href$=".ODT"]
{
	background: url('../../mm/url_odt.png') no-repeat bottom right;
	padding-right: 18px;
}

a[href$=".doc"], a[href$=".DOC"], a[href$=".docx"]
{
 	background: url('../../mm/url_doc.gif') no-repeat bottom right;
 	padding-right: 18px;
}

a[href$=".pdf"], a[href$=".PDF"]
{
	background: url('../../mm/url_pdf.gif') no-repeat bottom right;
	padding-right: 18px;
}

/* Presentación */

a[href$=".odp"], a[href$=".ODP"],
a[href$=".ppt"], a[href$=".PPT"],
a[href$=".pptx"], a[href$=".PPTX"],
a[href$=".pps"], a[href$=".PPS"],
a[href$=".ppsx"], a[href$=".PPSX"]
{
 	background: url('../../mm/url_ppt.gif') no-repeat bottom right;
 	padding-right: 18px !important;
}

/* Hoja de cálculo */

a[href$=".ods"], a[href$=".ODS"],
a[href$=".xls"], a[href$=".XLS"], a[href$=".xlsx"]
{
	background: url('../../mm/url_xls.gif') no-repeat bottom right;
	padding-right: 18px !important;
}

/* Audio, música */

a[href$=".mid"], a[href$=".MID"],
a[href$=".midi"], a[href$=".MIDI"],
a[href$=".mp3"], a[href$=".MP3"],
a[href$=".ogg"], a[href$=".OGG"],
a[href$=".wav"], a[href$=".WAV"],
a[href$=".wma"], a[href$=".WMA"]
{
	background: url('../../mm/url_audio.png') no-repeat bottom right;
	padding-right: 20px !important;
}

/* Vídeo */

a[href$=".avi"], a[href$=".AVI"],
a[href$=".ogm"], a[href$=".OGM"],
a[href$=".mp4"], a[href$=".MP4"],
a[href$=".mpg"], a[href$=".MPG"],
a[href$=".mpeg"], a[href$=".MPEG"]
{
	background: url('../../mm/url_video.gif') no-repeat bottom right;
	padding-right: 18px !important;
}

a[href$=".mov"], a[href$=".MOV"]
{
	background: url('../../mm/url_mov.gif') no-repeat bottom right;
	padding-right: 18px !important;
}

/* https */

/*
#wbb_wbb_in a[href ^="https://"] {
  background: transparent url('../../mm/url_lock.gif') no-repeat center right;
  padding-right: 18px;
}
#wbb_wbb_in a[href ^="https://"]:hover {
  padding-right: 18px;
}
*/

#wbb5-content-body>ol.ol-n-gy.ol-l-y {
	margin-left: 3em;
	left:initial;
	width: calc(100% - 33px);
}


/* Listas de definiciones */

#wbb5-content-body dl {
	padding: 0 1em 1em 1em;
	margin:0;
}

#wbb5-content-body dt {
  font-weight: bold;
	margin-top: 1.0em;
}

#wbb5-content-body dd {
	padding-left: 1em;
	margin: 0.4em 1.0em;
}

/* Colores de texto  <dt> */

#wbb5-content-body dl.t-w dt {
	color: white;
}
#wbb5-content-body dl.t-wg dt {
	color: var(--color-rediris-gris);
}
#wbb5-content-body dl.t-y dt {
	color: var(--color-rediris-amarillo);
}
#wbb5-content-body dl.t-g dt {
	color: var(--color-rediris-verde);
}

#wbb5-content-body dt.t-w {
	color: white !important;
}
#wbb5-content-body dt.t-wg {
	color: var(--color-rediris-gris) !important;
}
#wbb5-content-body dt.t-y {
	color: var(--color-rediris-amarillo) !important;
}
#wbb5-content-body dt.t-g {
	color: var(--color-rediris-verde) !important;
}


/* Colores de fondo del <dt> */

#wbb5-content-body dl.bg-wg dt {
	background: var(--color-rediris-gris-1);
	padding:0.5em;
}
#wbb5-content-body dl.bg-y dt {
	background: var(--color-rediris-amarillo-2);
	padding:0.5em;
}
#wbb5-content-body dl.bg-g dt {
	background: var(--color-rediris-verde-1);
	padding:0.5em;
}

#wbb5-content-body dt.bg-wg {
	background: var(--color-rediris-gris-1) !important;
	padding:0.5em;
}
#wbb5-content-body dt.bg-y {
	background: var(--color-rediris-amarillo-2) !important;
	padding:0.5em;
}
#wbb5-content-body dt.bg-g {
	background: var(--color-rediris-verde-1) !important;
	padding:0.5em;
}


/* Colores de líneas <dd> */

#wbb5-content-body dl.l-wg dd {
  border-left: solid 2px var(--color-rediris-gris);
}
#wbb5-content-body dl.l-y dd {
  border-left: solid 2px var(--color-rediris-amarillo);
}
#wbb5-content-body dl.l-g dd {
  border-left: solid 2px var(--color-rediris-verde);
}

#wbb5-content-body dd.l-wg {
  border-left: solid 2px var(--color-rediris-gris) !important;
}
#wbb5-content-body dd.l-y {
  border-left: solid 2px var(--color-rediris-amarillo) !important;
}
#wbb5-content-body dd.l-g {
  border-left: solid 2px var(--color-rediris-verde) !important;
}