/* ================================================================ */
/* Estils UB generals 
  per a pàgines estàtiques amb comportament 'responsive'.
   * Blocs
   * Elements
   * IDs
   * Classes
  -------------------------------------------------------------
  Author: Entorns Web - Universitat de Barcelona
  [JG + RB]
  -------------------------------------------------------------
	Version: Versió 1.1 - Passat per Beautify [http://codebeautify.org/css-beautify-minify]
	Version: Versió 1.2 - Modificacions diverses [./versions-i-millores.txt]
	Version: Versió 1.3 - Separant estils Catalunya i Espanya [estils-ub-dbts-catesp.css]
	-------------------------------------------------------------
	Date: 2017-07-04
	Modified: 2020-02-05
  ================================================================= */
@font-face {
    font-family: 'montserratbold';
    src: url('../recursos/fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../recursos/fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'merriweatherbold_italic';
    src: url('../recursos/fonts/merriweather-bolditalic-webfont.woff2') format('woff2'),
         url('../recursos/fonts/merriweather-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'merriweatherregular';
    src: url('../recursos/fonts/merriweather-regular-webfont.woff2') format('woff2'),
         url('../recursos/fonts/merriweather-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* ================================================================ */
/* ================================================================ */
/*  Configuració inicial elements generals: */
body {
	margin: 0;
	padding: 0;
	/* font-family: arial,sans-serif; */
	font-family: merriweatherbold_italic, times, serif;
	font-size: .8em;
	line-height: 1.4em;
}

h1, h2 {
	color: #0071cd; /* títols */
	/* text-transform: uppercase; */
}

a:link, 
a:visited, 
a:active {
	border: none;
	color: #0071cd; /* enllaços */
	text-decoration: none;
}
a:hover,
a:focus {
	color: #0071cd; /* enllaços hover */
	border-bottom: 1px dotted #1d8dbb;
	text-decoration: none;
	cursor: pointer;
}

ul, menu, dir {
	display: block;
	list-style-type: disc;
	margin-block-end: 1em;
	margin-block-start: 1em;
	padding-inline-start: 40px;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
li {
	display: inline;
	text-align: match-parent;
}
strong {
	font-weight: bolder ;
}


/* ================================================================ */
/* ================================================================ */
/*  Configuració dels blocs: 
   * 1. header
   * 2. nav
   * 3. main
   * 4. aside
   * 5. footer
*/
#wrapper {
	width: 375px;
	padding: 0;
	margin: 0 auto;
	position: relative; /* Per al menú del mòbil. */
}

/* 1) header#header: -------------------------------------------- */
#header {
	text-align: center;
	margin: 0;
	padding: 0;
	margin-bottom: 0;
}

/* --- 1.1) #top_logo --------------------------- */
#top_logo {
	background: #474747 url(../recursos/fons/fons_cap_mb_2.png) no-repeat scroll left center; 
	height: 90px;
}
.logoub {
	background: #333 url(../recursos/icones/logo_ub_1.png) no-repeat scroll left center; 
	height: 90px;
	text-align: left;
}
.debatsub #top_logo {
	background: none; 
}
.debatsub .logoub {
	/* background-image: none;  */
	/* background-color: #333; */
	background: #333 url(../recursos/icones/logo_ub_1.png) no-repeat scroll left center; 
}
.logoub > a {
	/* bottom: 20px; */
	color: rgba(255, 255, 255, 0);
	font-size: 20px;
	padding: 0;
	height: 90px;
	width: 250px; /* 275px; */
	position: absolute;
	top: 0;
	z-index: 10;
	/* left: 40%; */
}
.logoub > a:hover,
.logoub > a:focus  {
	border-bottom: none;
}

/* --- 1.2) #top_lang --------------------------- */
#top_lang {
	right: 2em;
	top: 4em; /* 2em; */
	width: 75%;
	position: absolute;
}
#top_lang #button {
	display: none;
}
#top_lang ul {
    align-items: flex-start;
    display: none;
    flex-flow: column nowrap;
    height: auto;
    margin: -1.4em 1.4em;
    padding: 1px 0;
	 width: 97%;
	 z-index: 100;
}
.languages {
    align-items: flex-start;
    display: flex;
    flex-flow: column nowrap;
    height: auto;
    padding: 1px 0;
    place-content: space-around;
    transition: all 0.1s ease-out 0s;
    /* width: 180px; */
}
.languages li {
	align-items: center;
	align-self: auto;
	background-color: rgba(242,108,79,.95); /* rgba(238,238,238,.95); */ /* #eee; */
	border: 1px solid #ddd;
	display: flex;
	flex: 1 0 100%;
	min-height: 50px;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	transition: all 0.1s ease-out 0s;
	width: 93%;
	padding-left: 1em;
	font-size: 1.5em;
	font-style: italic;
	color: #fff;
	font-family: montserratbold;

	float: right;
}
.languages li a {
	color: #333;
	/* font-weight: bold; */
	font-style: initial;
}
.languages li:hover,
.languages li:focus {
	background-color: rgba(202,202,202,.95); /* #eee; */
	/* border-bottom: 1px dotted #2dabde; */
}

#top_lang label {
	display: block;
	position: relative;
	float: right;
	font-size: 1.1em;
	padding: 0.45em;
	margin: -29px -12px 0;
	width: 93%;
	height: 34px;
	right: 3px;
}
#top_lang label::after {
	content: "≡";
	font-family: arial, sans-serif;
	color: #fff;
	font-size: 4em;
	position: absolute;
	right: 0;
	top: 15px;
}
#top_lang input[type="checkbox"]:checked ~ label {
	background: rgba(5, 5, 5, 0.4) none repeat scroll 0 0;
	border-radius: 0;
	width: 93%;
	height: 34px;
	margin-top: -29px;
	right: 3px;
}
#top_lang input[type="checkbox"]:checked ~ label::after {
	color: #eee;
}
#top_lang input[type="checkbox"]:checked ~ ul {
	display: block;
}

/* --- 1.3) #top_title --------------------------- */
.debatsub #top_title {
	background: #0d6fb6 url(../recursos/fons/capcalera-debatsub-350x350.jpg) no-repeat scroll left top;
	color: #fff;
	text-transform: uppercase;
	padding: 2em;
	height: 325px; /* 375px - (2 x 25px padding) */
	position: relative;
}
#top_title h2,
.article_2nnivell h1 {
	font-family: montserratbold;
	font-size: 4em;
	line-height: 1.05em;
	/* font-weight: bold; */
	margin: .2em auto;
}
.article_2nnivell h1 {
	font-size: 3em;
}
#top_title h3 {
	text-transform: none;
	margin-top: 2em;
	display: none;
}
#top_title a:link, 
#top_title a:visited, 
#top_title a:active,
#top_title a:hover,
#top_title a:focus  {
	color: #444; /* #fff; */
}
#top_title a:hover,
#top_title a:focus  {
	border-bottom: none; /* 1px dotted #fff; */
}
#top_title .video {
	margin: 2em auto 1.5em;
}
#top_title h3 +  a .video {
	margin: 1em auto 0;
}
#top_subtitle {
	font-family: montserratbold;
	margin-top: 9em;
	font-size: 1.2em;
	/* 2018-05-30 : */
	bottom: 1em;
	position: absolute;
	right: 1em;
}
a + #top_subtitle {
	margin-top: 1em;
}


/* == 4) aside.aside ===================================== */
.aside {
	color: #000;
	padding: 2.5em 2em 1em; /* 1em 1.5em; */
	text-align: center;
	width: 100%;
}
.aside.filariadna {
	font-size: .8em;
	padding: 2em 2em 1em;
	text-align: left;
}
.aside.filariadna ul {
	width: 100%;
	margin-bottom: 0;
}
.aside.filariadna li {
	padding: 0 .4em;
}
.aside.filariadna li:after {
	content: ">";
	padding-left: .6em;
}
.aside.filariadna li:last-child:after {
	content: none;
	padding-left: 0;
}

/* -- 4.1) .aside.intro ---------------------- */
.aside.intro h1,
.aside.tinteressa h2 {
	font-family: montserratbold;
	font-size: 2em;
	/* font-weight: bold; */
	line-height: 1.2em;
	text-transform: uppercase;
	padding: 0 1.5em;
	margin-top: 0;
	margin-bottom: .8em;
}
.aside.intro h2 {
	font-family: merriweatherbold_italic;
	font-size: 1.4em;
	margin-bottom: 1em;
	/* font-weight: bold; */
}
.aside.intro h2::before {
	content: "< ";
	color: #0071cd;
}
.aside.intro h2::after {
	content: " >";
	color: #0071cd;
}
.aside p,
.aside ul {
	font-family: merriweatherbold_italic;
	font-size: 1.2em;
	color: #333;
	margin-bottom: 1em;
}

/* -- 4.2) .aside.seguir ---------------------- */
.aside .seguir {
	background: url(../recursos/icones/fletxa_blau_transp_dre.png) no-repeat scroll right center;
	font-weight: bold;
	padding-right: 2em;
}

/* -- 4.3) .aside.properament ------------------ */
.aside .properament {
	background: url(../recursos/icones/asterisc.png) no-repeat scroll left top;
	font-size: 1.05em;
	padding-left: 1em;
	margin: 0 .8em;
}

/* -- 4.4) .aside.notapeu_articles ----------- */
.aside.notapeu_articles {
	padding: .5em 3.5em;
	clear: left;
	margin: 1em 0 5em;
}

/* -- 4.5) .aside.tinteressa ------------------ */
.aside .tinteressa {
	float:right;
	position: relative;
	left:-50%;
	text-align:left;
}
.aside .tinteressa .elements_tinteressa {
	list-style: none;
	position: relative;
	left: 50%;
}
.aside .tinteressa .element_tinteressa {
	position: relative;
}

.aside .element_tinteressa a:link, 
.aside .element_tinteressa a:visited, 
.aside .element_tinteressa a:active {
	background: url(../recursos/fons/fons_mes_color.png) no-repeat scroll left top;
	color: #000;
	text-align: left;
	padding: 20px 0 20px 50px;
	margin: .5em 3.5em .5em 2em;
	display: block;
	min-height: 40px;
}
.aside .element_tinteressa a:hover,
.aside .element_tinteressa a:focus {
	background: #bfdfff url(../recursos/fons/fons_mes_blau.png) no-repeat scroll left top;
	color: #555;
	border-bottom: none;
}
.contingut_element_tinteressa {
	display: none;
	/* width: 80%; */
	background-color: #eee;
	margin: 0 auto 2em;
	padding: 1em 4em;
}
.contingut_element_tinteressa h2.titol {
	font-size: 1.5em;
	text-transform: uppercase;
}
.contingut_element_tinteressa p {
	margin-bottom: 1em;
}
/* == 3) article.main ===================================== */
#main {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	justify-content: space-around;
	
	margin-top: 10px;
	padding: 10px 4px 50px;
	background-color: #ccc;
}
article {
	background-color: #444;
	padding: 0; /* .4em; */
	margin: 4px 2px;
	flex: 1 auto;
	max-width: 350px;
}
article.article_2nnivell {
	background-color: initial;
	margin: .5em;
}
article:after {
	clear: right;
	content: ".";
	font-size: 0;
}

article h2 {
	color: #fff;
	background: rgba(0, 0, 0, 0) url("../recursos/fons/fons_mes_blanc.png") no-repeat scroll left top;
	font-family: montserratbold;
	font-size: 1em; /* 2em; */
	/* font-weight: bold; */
	line-height: 1.3em;
	text-transform: uppercase;
	padding: .7em 12px .5em 8.5em; /* .7em 1em .1em 4.4em; */
	min-height: 45px;
	/* height: 3em; */
	/* margin: 0 0 170px; */
	position: absolute;
	width: 230px;
}
article:hover h2,
article:focus h2 {
	background: rgba(0, 0, 0, 0) url(../recursos/fons/fons_mes_blanc_hover.png) no-repeat scroll left top;
}
article.fet:hover h2,
article.fet:focus h2 {
	background: rgba(0, 0, 0, 0) url(../recursos/fons/fons_mes_blanc.png) no-repeat scroll left top;
}
article .cos_article {
	margin-top: 255px;
	/* position: relative;
	top: 260px; */
	margin-bottom: 1em;
}
article p {
	color: #fff;
	font-family: merriweatherregular;
	font-size: 1.05em;
	line-height: 1.8em;
	padding: 0 2em 0 2em;
	margin-bottom: 1em;
}
article.article_2nnivell p {
	color: #333;
	padding-left: 0;
}
article.article_2nnivell p.intro {
	font-family: merriweatherbold_italic;
	font-size: 1.2em;
}
article.article_2nnivell img {
	width: 375px;
	height: auto;
	margin: 15px 0;
}
article.article_2nnivell img.mitjana {
	width: 375px;
	height: 250px;
	margin: 15px 0 ;
}
article.article_2nnivell img.petita {
	width: 250px;
	height: 166px;
	margin: 10px;
}
article.article_2nnivell img.xpetita {
	width: 125px;
	height: 83px;
	margin: 5px;
}
article.article_2nnivell img.img-esq {
	float: left;
	margin-left: -.5em;
}
article.article_2nnivell img.img-dre {
	float: right;
	margin-right: -.5em;
}
article.article_2nnivell h1 + img {
	margin-top: 0;
}
article.article_2nnivell .video {
	width: 375px;
	height: auto;
	margin-left: -.5em;
}
article.article_2nnivell .video-gran {
	display: none;
}
article.article_2nnivell .video-petit {
	display: block;
	margin-left: -.5em;
}

article .enllacos_article li {
	background: url(../recursos/icones/fletxa_blanc_transp_dre.png) no-repeat scroll left top;
	color: #fff;
	display: block;
	font-size: 1.1em;
	/* font-weight: bold; */
	/* font-style: italic; */
	padding-left: 2em;
	margin-left: 2em;
	margin-bottom: .5em;
}
article .enllacos_article a:link, 
article .enllacos_article a:visited, 
article .enllacos_article a:active {
	color: #2dabde; /* enllaços hover */
}
article .enllacos_article a:hover,
article .enllacos_article a:focus {
	color: #2dabde; /* enllaços hover */
	border-bottom: 1px dotted #2dabde;
}
article .properament a {
	background: url(../recursos/icones/asterisc.png) no-repeat scroll right top;
	padding-right: 1em;
}
article .properament a:link,
article .properament a:visited,
article .properament a:active {
    color: #999;
}
article .properament a:hover,
article .properament a:focus {
	color: #999; /* enllaços hover */
	border-bottom: none; /* 1px dotted #999; */
}

article .avis {
	background: rgba(0, 0, 0, 0) url(../recursos/fons/fons_avis.png) no-repeat scroll left top;
	padding: 1em;
	font-style: italic;
	margin-bottom: 1em;
	/* font-style: italic; */
}
article .avis li {
	display: inherit;
	color: #fff;
	font-family: arial;
	font-style: normal;
	margin-left: 2em;
	margin-bottom: .2em;
	/* padding: 2px; */
	padding-left: 2em;
	padding-top: 5px;
	line-height: 1.2em;
	min-height: 12px;
}
/* li.data { list-style-type: "\1F4C5"; }
li.hora { list-style-type: "\23F0"; }
li.lloc { list-style-type: "\2316"; } */
li.data    { background: url(../recursos/icones/calendari-18.png) no-repeat left 4px; }
li.hora    { background: url(../recursos/icones/hora-18.png) no-repeat left 4px; }
li.lloc    { background: url(../recursos/icones/ubicacio-18.png) no-repeat left 4px; }
li.entrada { background: url(../recursos/icones/tiquet4-18.png) no-repeat left 4px; }

article .avis p {
	margin-right: 1em;
}
article .enllacos_article .video {
	background: url(../recursos/icones/video.png) no-repeat scroll right bottom;
	padding: 1em 2.5em .1em 0;
}

.elements-debat .titol {
	padding: 10px 0;
	margin-top: 30px;
	border-top: 4px solid #ddd;
}
.proper {
	content: "Proper debat...";
	padding-top: 0.9em;
    background-color: #ffb83f;
    color: #ff4024;
    display: block;

    text-align: left;
    margin-bottom: 0px;
    position: absolute;

    padding-left: 10px;
    padding-right: 0px;
    font-size: 18px;
    max-width: 81px;
 min-height: 39px;
}


article.proper:hover::before {
	background-color: #0082d8;
}
article.fet {
	opacity: 0.5;
	-moz-opacity: .5;
	filter: alpha(opacity-50);
	/* background-color: rgba(0,0,0,0.5); */
	position: relative;
}
/* Cicle 2: 2020-21: */
.article_cicle2_1 { background: #444 url(../recursos/fotos/foto-cicle2-bloc1.jpg) no-repeat scroll left top; }
.article_cicle2_1:hover, .article_cicle2_1:focus { background: #303030 url(../recursos/fotos/hover-foto-cicle2-bloc1.jpg) no-repeat scroll left top; }
.article_cicle2_1.fet:hover, .article_cicle2_1.fet:focus { background: #222 url(../recursos/fotos/foto-cicle2-bloc1.jpg) no-repeat scroll left top; }

.article_cicle2_2 { background: #444 url(../recursos/fotos/foto-cicle2-bloc2.jpg) no-repeat scroll left top; }
.article_cicle2_2:hover, .article_cicle2_2:focus { background: #303030 url(../recursos/fotos/hover-foto-cicle2-bloc2.jpg) no-repeat scroll left top; }
.article_cicle2_2.fet:hover, .article_cicle2_2.fet:focus { background: #444 url(../recursos/fotos/foto-cicle2-bloc2.jpg) no-repeat scroll left top; }

.article_cicle2_3 { background: #444 url(../recursos/fotos/foto_bloc3.jpg) no-repeat scroll left top; }
.article_cicle2_3:hover, .article_cicle2_3:focus { background: #303030 url(../recursos/fotos/hover_foto_bloc3.jpg) no-repeat scroll left top; }
.article_cicle2_3.fet:hover, .article_cicle2_3.fet:focus { background: #222 url(../recursos/fotos/foto_bloc3.jpg) no-repeat scroll left top; }

.article_cicle2_4 { background: #444 url(../recursos/fotos/foto_bloc4.jpg) no-repeat scroll left top; }
.article_cicle2_4:hover, .article_cicle2_4:focus { background: #303030 url(../recursos/fotos/hover_foto_bloc4.jpg) no-repeat scroll left top; }
.article_cicle2_4.fet:hover, .article_cicle2_4.fet:focus { background: #444 url(../recursos/fotos/foto_bloc4.jpg) no-repeat scroll left top; }

.article_cicle2_5 { background: #444 url(../recursos/fotos/foto_bloc5.jpg) no-repeat scroll left top; }
.article_cicle2_5:hover, .article_cicle2_5:focus { background: #303030 url(../recursos/fotos/hover_foto_bloc5.jpg) no-repeat scroll left top; }
.article_cicle2_5.fet:hover, .article_cicle2_5.fet:focus { background: #222 url(../recursos/fotos/foto_bloc5.jpg) no-repeat scroll left top; }

.article_cicle2_6 { background: #444 url(../recursos/fotos/foto_bloc6.jpg) no-repeat scroll left top; }
.article_cicle2_6:hover, .article_cicle2_6:focus { background: #303030 url(../recursos/fotos/hover_foto_bloc6.jpg) no-repeat scroll left top; }
.article_cicle2_6.fet:hover, .article_cicle2_6.fet:focus { background: #444 url(../recursos/fotos/foto_bloc6.jpg) no-repeat scroll left top; }

.article_cicle2_7 { background: #444 url(../recursos/fotos/foto_bloc7.jpg) no-repeat scroll left top; }
.article_cicle2_7:hover, .article_cicle2_7:focus { background: #303030 url(../recursos/fotos/hover_foto_bloc7.jpg) no-repeat scroll left top; }
.article_cicle2_7.fet:hover, .article_cicle2_7.fet:focus { background: #222 url(../recursos/fotos/foto_bloc7.jpg) no-repeat scroll left top; }

/* Cicle 1: 2019-20: */
.article_cicle1_1 { background: #444 url(../recursos/fotos/foto_bloc1.jpg) no-repeat scroll left top; }
.article_cicle1_1:hover, .article_cicle1_1:focus { background: #303030 url(../recursos/fotos/hover_foto_bloc1.jpg) no-repeat scroll left top; }
.article_cicle1_1.fet:hover, .article_cicle1_1.fet:focus { background: #222 url(../recursos/fotos/foto_bloc1.jpg) no-repeat scroll left top; }

.article_cicle1_2 { background: #444 url(../recursos/fotos/foto_bloc2.jpg) no-repeat scroll left top; }
.article_cicle1_2:hover, .article_cicle1_2:focus { background: #303030 url(../recursos/fotos/hover_foto_bloc2.jpg) no-repeat scroll left top; }
.article_cicle1_2.fet:hover, .article_cicle1_2.fet:focus { background: #444 url(../recursos/fotos/foto_bloc2.jpg) no-repeat scroll left top; }

.article_cicle1_3 { background: #444 url(../recursos/fotos/foto_bloc3.jpg) no-repeat scroll left top; }
.article_cicle1_3:hover, .article_cicle1_3:focus { background: #303030 url(../recursos/fotos/hover_foto_bloc3.jpg) no-repeat scroll left top; }
.article_cicle1_3.fet:hover, .article_cicle1_3.fet:focus { background: #222 url(../recursos/fotos/foto_bloc3.jpg) no-repeat scroll left top; }

.article_cicle1_4 { background: #444 url(../recursos/fotos/foto_bloc4.jpg) no-repeat scroll left top; }
.article_cicle1_4:hover, .article_cicle1_4:focus { background: #303030 url(../recursos/fotos/hover_foto_bloc4.jpg) no-repeat scroll left top; }
.article_cicle1_4.fet:hover, .article_cicle1_4.fet:focus { background: #444 url(../recursos/fotos/foto_bloc4.jpg) no-repeat scroll left top; }

.article_cicle1_5 { background: #444 url(../recursos/fotos/foto_bloc5.jpg) no-repeat scroll left top; }
.article_cicle1_5:hover, .article_cicle1_5:focus { background: #303030 url(../recursos/fotos/hover_foto_bloc5.jpg) no-repeat scroll left top; }
.article_cicle1_5.fet:hover, .article_cicle1_5.fet:focus { background: #222 url(../recursos/fotos/foto_bloc5.jpg) no-repeat scroll left top; }

.article_cicle1_6 { background: #444 url(../recursos/fotos/foto_bloc6.jpg) no-repeat scroll left top; }
.article_cicle1_6:hover, .article_cicle1_6:focus { background: #303030 url(../recursos/fotos/hover_foto_bloc6.jpg) no-repeat scroll left top; }
.article_cicle1_6.fet:hover, .article_cicle1_6.fet:focus { background: #444 url(../recursos/fotos/foto_bloc6.jpg) no-repeat scroll left top; }

.article_cicle1_7 { background: #444 url(../recursos/fotos/foto_bloc7.jpg) no-repeat scroll left top; }
.article_cicle1_7:hover, .article_cicle1_7:focus { background: #303030 url(../recursos/fotos/hover_foto_bloc7.jpg) no-repeat scroll left top; }
.article_cicle1_7.fet:hover, .article_cicle1_7.fet:focus { background: #222 url(../recursos/fotos/foto_bloc7.jpg) no-repeat scroll left top; }

.fet a {
	color: #008cff;
	/*! border-bottom: 1px dotted; */
}
article .enllac {
    background: #fff;
    margin: 10px 0 0 20px;
    text-align: right;
    padding: 5px 20px;
    position: relative; /* absolute; */
    bottom: 10px;
    right: 0;
}
article .enllac::after {
	content: "»";
	/* position: absolute; */
	color: #0088cf;
}
article .cos_article::after {
    content: ".";
    font-size: 0;
}
/* == 5) footer.footer ===================================== */
.footer {
	background-color: #3d3d3d;
}
/* -- 5.1) .footer div.media ---------------- */
.media {
	background-color: #ebebeb;
	text-align: center;
	padding: 2em .5em 0;
	height: 100px;
}
.media li {
	/* font-size: 0; */
	padding: 0;
	width: 60px;
	float: left;
	display: inline;
}
.media li a {
	display: block;
	width: 60px;
	height: 55px;
	margin-right: 5px;
	border: 0;
	font-size: 0;
}
.media li:first-child {
	display: block;
	font-size: initial;
	/* font-style: italic; */
	padding: 0 0 .5em;
	float: unset;
	width: 100%;
}
.media li.facebook {
	background: url(../recursos/logos/ico_facebook.png) no-repeat scroll center center;
}
.media li.twitter {
	background: url(../recursos/logos/ico_twitter.png) no-repeat scroll center center;
}
.media li.instagram {
	background: url(../recursos/logos/ico_instagram.png) no-repeat scroll center center;
}
.media li.linkedin {
	background: url(../recursos/logos/ico_linkedin.png) no-repeat scroll center center;
}
.media li.youtube {
	background: url(../recursos/logos/ico_youtube.png) no-repeat scroll center center;
}
.media li.flickr {
	background: url(../recursos/logos/ico_flickr.png) no-repeat scroll center center;
}
.media li.facebook:hover,
.media li.facebook:focus {
	background: url(../recursos/logos/ico_facebook_h.png) no-repeat scroll center center;
}
.media li.twitter:hover,
.media li.twitter:focus {
	background: url(../recursos/logos/ico_twitter_h.png) no-repeat scroll center center;
}
.media li.instagram:hover,
.media li.instagram:focus {
	background: url(../recursos/logos/ico_instagram_h.png) no-repeat scroll center center;
}
.media li.linkedin:hover,
.media li.linkedin:focus {
	background: url(../recursos/logos/ico_linkedin_h.png) no-repeat scroll center center;
}
.media li.youtube:hover,
.media li.youtube:focus {
	background: url(../recursos/logos/ico_youtube_h.png) no-repeat scroll center center;
}
.media li.flickr:hover,
.media li.flickr:focus {
	background: url(../recursos/logos/ico_flickr_h.png) no-repeat scroll center center;
}

/* -- 5.2) .footer div.peu_ub ---------------- */
.peu_ub {
	/* background-color: #3d3d3d; */
	color: #fff;
	/* font-style: italic; */
	padding: 0 1.2em 1.2em;
}

/* -- 5.2.1) .footer div.peu_ub div.logoub ----- */
.peu_ub .logoub {
	height: 90px;
	text-align: left;
	/* margin-top: 5em; */
	margin-left: -1.4em;
	margin-bottom: 3em;
	position: relative;
}
.peu_ub .logoub > a {
	font-size: 1em;
	position: relative;
	top: 7em;
	color: #fff0; /*  #fff; */
	left: 1.4em;
	padding-top: 80px;
	padding-right: 70px;
}
.peu_ub .logoub > a:hover,
.peu_ub .logoub > a:focus {
	border-bottom: none;
}

/* -- 5.3) .footer div.membre_de ------------- */
.membre_de {
	margin-bottom: 1em;
}
.membre_de li {
	padding: 0;
	display: block;
}
.membre_de li a {
	display: block;
	width: 62px;
	height: 56px;
	margin-right: 5px;
	border: 0;
	font-size: 0;
}
.membre_de li.membre_leru {
	background: url(../recursos/logos/logo_leru.png) no-repeat scroll left center;
}
.membre_de li.membre_leru:hover,
.membre_de li.membre_leru:focus {
	background: url(../recursos/logos/logo_leru_h.png) no-repeat scroll left center;
}

/* -- 5.4) .footer div.excellencia --------- */
.excellencia {
	margin-bottom: 1em;
}
.excellencia li {
	padding: 0;
	display: block;
}
.excellencia li a {
	display: block;
	width: auto;
	height: 64px;
	margin-right: 5px;
	border: 0;
	font-size: 0;
}
.excellencia li.excel_hr {
	background: url(../recursos/logos/logo_hr.png) no-repeat scroll left center;
}
.excellencia li.excel_bkc {
	background: url(../recursos/logos/logo_bkc.png) no-repeat scroll left center;
}
.excellencia li.excel_hubc {
	background: url(../recursos/logos/logo_hubc.png) no-repeat scroll left center;
}
.excellencia li.excel_hr:hover,
.excellencia li.excel_hr:focus {
	background: url(../recursos/logos/logo_hr_h.png) no-repeat scroll left center;
}
.excellencia li.excel_bkc:hover,
.excellencia li.excel_bkc:focus {
	background: url(../recursos/logos/logo_bkc_h.png) no-repeat scroll left center;
}
.excellencia li.excel_hubc:hover,
.excellencia li.excel_hubc:focus {
	background: url(../recursos/logos/logo_hubc_h.png) no-repeat scroll left center;
}
.dreta { float: right; }


.aside.intro.gris {
	background-color: #eee;
	margin-bottom: 10px;
	width: auto;
}
.aside.intro .bloc-imatge-esq {
	/* height: 275px; */
	/* margin: 0 auto; */
	/* max-width: 80%; */
	/* clear: both; */
	/* position: relative; */
	
	display: -webkit-box;
	display: -moz-box;
	/* display: -ms-flexbox; */
	/* display: -webkit-flex; */
	/* display: flex; */
	/* -webkit-flex-flow: row wrap; */
	/* justify-content: space-around; */
	
    /* A partir de https://the-echoplex.net/flexyboxes/ [2019-11-14]: */
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.bloc-imatge-esq .imatge {
	display: block;
	/* float: left; */
	margin-bottom: 15px;
	width: 20%;
	/* position: absolute; */

    /* A partir de https://the-echoplex.net/flexyboxes/ [2019-11-14]: */
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
.bloc-imatge-esq .imatge img {
	float: right;
	/* margin: 5px 20px; */
	/* height: 350px; */
	border: 1px solid #7bbd5b;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(8, 22, 37, 0.3);
}
.bloc-imatge-esq .imatge a:hover, 
.bloc-imatge-esq .imatge a:focus {
    border: none;
}
.bloc-imatge-esq .text {
	display: block;
    /* float: left; */
    /* margin-left: 215px; */
    /* position: absolute; */
    /* left: 0; */
    /* padding-bottom: 15px; */
	
    /* A partir de https://the-echoplex.net/flexyboxes/ [2019-11-14]: */
	-webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

}
.aside.intro .bloc-imatge-esq .text h2 {
	float: left;
	text-align: left;
	line-height: 1.2em;
	margin-left: 0;
	padding-left: 1em;
	width: 100%;
}
.aside.intro .bloc-imatge-esq .text h2::before,
.aside.intro .bloc-imatge-esq .text h2::after {
	content: "";
}
.aside.intro .bloc-imatge-esq .text p {
    padding: 6px 1.5em;
    text-align: left;
}


.amagat { display: none; }

a.bloc { 
	display: block;
	width: 500px;
	height: 333px;
	border-bottom: none;
}


.aside.nav {
    position: absolute;
	top: 2em;
    right: 1em;
    width: 250px;

    flex: 1 0 20%;
    order: 2;
    display: flex;
    flex-flow: column wrap;
}
#side-nav {
    position: absolute;
    top: 0;
    right: 1em;
    width: 250px;
    margin: 0;
    padding: 1px 0;
	z-index: 1000;
}
#side-nav input[type="checkbox"] {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
#side-nav input[type="checkbox"]:checked ~ label {
	width: 250px;
	background: #555555d9;
	border-radius: 0;
	height: 42px;
	left: 0;
}
#side-nav label::after {
    content: "≡";
    color: #555;
    font-size: 5em;
	font-weight: bold;
    position: absolute;
    right: 7px;
    top: 8px;
}
#side-nav input[type="checkbox"]:checked ~ label::after {
    color: #777;
    right: 11px;
    top: 12px;
}
#side-nav label {
    display: block;
    position: relative;
    float: right;
    /* background: #eee; */
	/* border: 0.15em solid rgba(60, 60, 60, 0.2); */
    /* border-radius: 4px; */
    /* font-size: 1.1em; */
    padding: 0;
    margin: 0;
    min-height: 34px;
    /* height: 34px; */
    /* width: 37px; */
    top: 0;
}
label {
    -moz-user-select: none;
    cursor: pointer;
}
#side-nav input[type="checkbox"]:checked ~ ul {
    display: block;
}
#side-nav ul {
    display: none;
    width: 243px;
    height: auto;
    align-items: flex-start;
    flex-flow: column nowrap;
    padding: 0;
    margin: 5px;
	float: right;
}
#side-nav li::before {
    content: "›";
    font: 1.2em sans-serif;
    position: relative;
    left: -.4em;
    color: #0059a2;
}
.menu-nav li {
    height: auto;
    min-width: 0;
    min-height: 56px;
    width: 100%;
	
	flex: 1 1 20%;

	background-color: #eeeeeee0;
	border: 1px solid #ddd;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.1s ease-out 0s;
	text-align: left;
	display: flex;
	align-items: center;
	align-self: auto;
	flex: 1 0 100%;
	color: #0059a266;
	font-style: italic;
	padding-left: 1em;
	font-size: 1.2em;
}
#side-nav input[type="checkbox"]:checked ~ ul > li {
    opacity: 1;
    text-align: left;
    width: 94%;
}
.menu-nav li:hover {
    background-color: #c5c5c5f0;
    border: -1px outset #aaa;
    overflow: hidden;
}
#side-nav li.nodisp::before, 
#side-nav li.nodisp::after {
    color: #888;
}
.menu-nav li.nodisp:hover {
    background-color: #eeeeeee0;
    border: -1px outset #aaa;
    overflow: hidden;
	cursor: not-allowed;
}
.menu-nav li.submenu span, 
.menu-nav li a {
    margin: 0;
    padding: .7em .5em .5em 0;
    border-bottom: none;
    width: 100%;
    color:  #0059a2;
    font-style: normal;
	height: auto;
}





.article_presentacio {
    max-width: 450px;
	min-height: 300px;
}
.article_presentacio h2 {
	font-size: 1.2em;
	margin-left: 77px;
}
.article_presentacio h2 a, 
.article_presentacio h2 a:hover, 
.article_presentacio h2 a:focus {
	color: #fff;
}
.article_presentacio cos_article {
	margin-top: 300px;
}

#art_present_feminismes { background: #444 url(../feminismes/imatges/baner-home-debats_feminismes_450X300.jpg) no-repeat scroll left top / contain; }
/* #art_present_feminismes:hover, #art_present_feminismes:focus { background: #303030 url(../recursos/imatges/hover-foto-cicle2-bloc1.jpg) no-repeat scroll left top / contain; } */
/* #art_present_feminismes.fet:hover, #art_present_feminismes.fet:focus { background: #222 url(../recursos/imatges/foto-cicle2-bloc1.jpg) no-repeat scroll left top / contain; } */

#art_present_cat-esp20 { background: #444 url(../catalunya-espanya/imatges/baner-home-debats_catalunya_450X300.jpg) no-repeat scroll left top / contain; }
/* #art_present_cat-esp20:hover, #art_present_cat-esp20:focus { background: #303030 url(../recursos/imatges/hover-foto-cicle2-bloc2.jpg) no-repeat scroll left top / contain; } */
/* #art_present_cat-esp20.fet:hover, #art_present_cat-esp20.fet:focus { background: #222 url(../recursos/imatges/foto-cicle2-bloc2.jpg) no-repeat scroll left top / contain; } */

/* #art_present_cat-esp19 { background: #444 url(../recursos/imatges/foto-bloc1.jpg) no-repeat scroll left top / contain; } */
/* #art_present_cat-esp19:hover, #art_present_cat-esp19:focus { background: #303030 url(../recursos/imatges/hover-foto-bloc1.jpg) no-repeat scroll left top / contain; } */
/* #art_present_cat-esp19.fet:hover, #art_present_cat-esp19.fet:focus { background: #222 url(../recursos/imatges/foto-bloc1.jpg) no-repeat scroll left top / contain; } */