@charset "utf-8";
/*
	General
*/
a {
	color: #0059A2;
}
.dreta {
	text-align: right;
}
sup {
	padding: 0 .15em;
	font-size: .75em;
}
.neteja {
	clear: both;
	height: 1em;
}
.amagat {
	display: none;
}
.negreta {
	font-weight: bold;
}
#template02 .intro-txt h2 {
	border-bottom: 0px solid #e7e7e7;
	margin-bottom: .6em;
	margin-top: 0;
	padding-left: 0;
}
#col02 + h2 {
	border-bottom-width: 0px;
}
#col02 h2 {
	margin-top: 0;
	padding-left: .25em;
}
#col02 h1 + h2 {
	margin-top: 1.25em;
}
#col02 h2 .info-inscripcio {
	margin-left: 1em;
	font-size: .8em;
	font-weight: normal;
}
#col02 h2 .info-inscripcio::before {
	content: "(";
}
#col02 h2 .info-inscripcio::after {
	content: ")";
}
.intro-txt, .plain-txt {
	margin: 0 0 3.5em;
}
.intro-txt h3,
.intro-txt p,
.plain-txt h3, 
.plain-txt p,
.table01 p {
	text-align: justify;
	line-height: 1.5em;
	margin-bottom: 1em;
}
.intro-txt h3,
.plain-txt h3 {
	font-size: 1.15em;
	margin-bottom: .25em;
}
.intro-txt h3:not(:first-of-type) {
	margin-top: 1.75em;
}
.plain-txt h3 {
	margin-top: 2em;
}
.petit {
	font-weight: normal;
	font-size: 0.95em;
}
.h2-petit {
	margin-left: 1em;
	font-weight: normal;
	font-size: 0.75em;
}
.groc {
	background-color: #FFC;
}
.centre {
	text-align: center;
}
.esquerra {
	text-align: left;
}
.segueixnos {
	margin: 3em 0 1em;
	display: none;
}
.segueixnos li {
	margin-right: 1.5em;
	display: inline;
	list-style-image: none;
	background-image: none;
}
.segueixnos li:hover {
	background: none;
	border-bottom-width: 0px;
}
#col02 .segueixnos li a {
	color: #333;
}
#col02 .segueixnos li a:hover,
#col02 .segueixnos li a:focus {
	color: #0059A2;
	border-bottom-width: 0px;
}
ol.numerat {
	margin-left: 1.25em;
	margin-bottom: 1em;
	list-style-type: decimal;
	list-style-position: outside;
}
ol.numerat li {
	margin-bottom: .75em;
	padding-left: .75em;
}
ol.numerat li ul.list-bullets {
    margin: 1.25em 0 1.25em .25em;
}
ol.numerat li ul.list-bullets li {
	margin-bottom: 0.75em;
    padding-left: 1.5em;
}
div.bloc {
	margin: 0 0 3.5em;
	padding-left: 1em;
}
p + div.bloc {
	margin-top: 3.5em;
}
div.bloc h3 {
	margin: 0 0 .75em -1em;
	padding: 0;
}
div.bloc h3::before {
	position: relative;
	top: .05em;
	font-size: 1.5em;
	content: "\25AA\0020";
	color: #0059A2;
}
div.bloc p, div.bloc li {
	margin-bottom: .5em;
}
div.bloc ul {
	margin: .5em 2em;
}
div.menu_pagina {
	margin-bottom: 2em;
}
div.menu_pagina li {
	margin-left: 1em;
	line-height: 1.75em;
	list-style-type: square;
}
a.colorbox img {
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5), -1px -1px 5px rgba(0, 0, 0, 0.35);
}
.intro-txt a.colorbox img {
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5), -1px -1px 4px rgba(0, 0, 0, 0.35);
}
.requadre-destacat {
	border-radius: 5px;
	border: 1px solid #0074CC;
	background-color: #E5F3FF;
	margin-top: 1.25em;	
    padding: .5em .75em;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2), -1px -1px 5px rgba(0, 0, 0, 0.19);
}
.intro-txt ul.list-bullets {
	margin: 1.5em 0 3em 250px;
	clear: none;
}
.intro-txt ul.list-bullets~p {
	clear: both;
}
.intro-txt ul.list-bullets li {
	background: url(../css_img/icons/i-list-bullets-blue.png) no-repeat left .4em;
}
div.ubicacio {
	position: relative;
	display: inline-block;
	/*left: 25px;*/
	border-radius: 8px;
	color: #0059A2;
	padding: 0;
	margin-bottom: -1em;
}
#ADM div.ubicacio {
	margin-bottom: 1.5em;
}
div.ubicacio:hover {
	background-color: #0059A2;
	color: #FFF;
}
div.ubicacio i {
	position: relative;
	top: -.6em;
	font-size: 2em;
	margin: .65em .75em .65em .75em;
	width: .75em;
	max-width: .75em;
	z-index: 1002;
}
div.ubicacio:hover i {
	cursor: pointer;
}

div.ubicacio a {
	display: inline-block;
	margin-left: -4.25em;
	padding: .75em 1.25em .75em 4.25em;
	z-index: 1001;
}
#col02 div.ubicacio:hover a {
	color: #FFF;
}
#col02 div.ubicacio a:hover {
	color: #FFF;
	border-bottom-width: 0;
}
div.mapa {
	display: none;
}
span.ubicacio {
	position: relative;
	cursor: pointer;
}
span.ubicacio:hover {
	color: #0059A2;
}
span.ubicacio i {
	position: absolute;
	top: -.15em;
	left: 0;
	font-size: 1.6em;
	color: #0059A2;
	transition: .25s ease;
}
span.ubicacio:hover i {
	top: -.25em;
	left: -.1em;
	font-size: 2em;
}

span.titol_lloc {
	padding: .5em;
	margin-left: 1.5em;
}


/*
	formling.html
*/
.intro-txt.oferta-cursos-aranes img {
	margin-bottom: 50px;
}
#oferta-cursos {
	position: relative;
	display: grid;
	margin: 1.25em 0 0;
	font-size: 1.4em;
	font-weight: 500;
	line-height: 1.75em;
}
#oferta-cursos .bloc-oferta {
	box-sizing: border-box;
	margin: .51em .25em;
	
	padding: 0;
	border-radius: 12px;	
	color: #222;
	

	background-color: #E7E7E7;
	background-image: linear-gradient(180deg, #E7E7E7, #D7D7D7);
	cursor: pointer;
}
#oferta-cursos .bloc-oferta:hover {
	margin: .45em .2em .55em .3em;
	background-color: #AEDEE4;
	background-image: linear-gradient(180deg, #AEDEE4, #A0D7DE);
	color: #000;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);
}
#oferta-cursos .bloc-oferta div {
	display: inline-block;
	box-sizing: border-box;
}
#oferta-cursos .bloc-oferta .fons {
	float: left;
	display: block;
	width: 200px;
	height: calc(5em + 1.75em * 1.1);
	margin: 0 .5em 0 0;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	background-color: white;
	overflow: visible;
	opacity: .75;
}
#oferta-cursos .bloc-oferta:hover .fons {
	opacity: 1;
}
#oferta-cursos .bloc-oferta .oferta a {
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 0;
	margin-right: 0;
}
#oferta-cursos .bloc-oferta .oferta a:not(.mes-info):before {
	content: "\00bb";
 	opacity: 0;
	top: .25em;
	font-size: 1.25em;
	margin-left: -0.55em;
	margin-right: 0;
	transition-duration: 0.3s;	
}
#oferta-cursos .bloc-oferta:hover .oferta a:not(.mes-info):before {
	margin-left: 0;
	margin-right: .25em;
	opacity: 1;
}
#oferta-cursos .bloc-oferta .oferta, #oferta-cursos .bloc-oferta .info-oferta {
	width: calc(500px - 1.5em);
	background-color: white;	
	opacity: .75;
}
#oferta-cursos .bloc-oferta .oferta {
	margin-top: .5em;
	padding: .75em .25em .25em 1em;
	border-top-right-radius: 8px;
}
#oferta-cursos .bloc-oferta .info-oferta {
	margin-top: .25em;
	margin-bottom: .5em;
	padding: .5em .25em .5em 1em;
	border-bottom-right-radius: 8px;

}
#gener .fons {
	background: url("../img/formacio/oferta-gener.jpg") no-repeat left top;
}
#setembre .fons {
	background: url("../img/formacio/oferta-setembre.jpg") no-repeat left center;
}
#estiu .fons {
	background: url("../img/formacio/oferta-estiu.jpg") no-repeat left top;
}
#semestre-1 .fons {
	background: url("../img/formacio/oferta-semestre-1.jpg") no-repeat left top;
}
#semestre-2 .fons {
	background: url("../img/formacio/oferta-semestre-2.jpg") no-repeat left center;
}
#lliures .fons {
	background: url("../img/formacio/oferta-lliures.jpg") no-repeat left top;
}
#PDI .fons {
	background: url("../img/formacio/oferta-pdi.jpg") no-repeat left -10px;
}


.destacat {
	font-weight: bold;
	background-color: #F4F4F4;
	font-size: 1.1em;
}
.video {
	box-sizing: border-box;
	position: relative;
	padding: 0;
	width: 700px;
	margin: 3.5em 0 2.5em;
}
.video video {
	height: auto;
	width: 400px;
	margin: 0 150px
}

/*
	Taules dels cursos
*/
div.nivell {
	clear: both;
	margin: 0 0 4.5em;
	padding: 0 0 0 1em;
}
#col02 div.nivell h2 {
	margin: 0 0 1.75em -.75em;
	padding-left: .25em;
}
div.nivell p {
	text-align: justify;
	line-height: 1.5em;
	margin-bottom: 1.1em;
	margin-right: 1.25em;
}
div.nivell h2 + p,
div.nivell ul + p {
	margin-top: -1em;
}
span.nivell {
	margin-left: 1.5em;
	background-color: #A6C4DE;
	padding: .5em;
	border-radius: 5px;
}
h3.nivell {
	font-size: 1.25em;
	margin: 0 0 3em 0;
	clear: both;
}
.llista_cursos {
	/*margin: 15px 10px 30px 0;*/
	margin: 0;
	padding: 0 1em 0 0;
}
div.nivell p + ul.llista_cursos {
	margin-top: 2.45em;
}
.llista_cursos li {
	margin-bottom: 3em;
}
.cursos td div, 
.cursos-extra td div, 
.cursos-extra-3-cols td div,
.cursos-extra-3-cols td div.inscripcio {
	margin: .35rem 0 0 0!important;
}
.cursos, 
.cursos-extra, 
.cursos-extra-3-cols {
	position: relative;
	border: 1px solid #A6C4DE;
	width: 550px /*550px*/;
	margin: 0;
	caption-side: bottom;
	line-height: 1.5em;
}
.cursos-extra, 
.cursos-extra-3-cols {
	width: 675px;
}
th.calendari, td.calendari{
	width: 450px;
}
th.horari, td.horari {
	width: 225px;
}
.cursos-extra-3-cols .calendari, 
.cursos-extra-3-cols.no-menu .calendari {
	width: 355px;
}
.cursos-extra-3-cols th.horari, 
.cursos-extra-3-cols td.horari, 
.cursos-extra-3-cols.no-menu th.horari, 
.cursos-extra-3-cols.no-menu td.horari {
	width: 160px;
}
.cursos th.titol_lloc, 
.cursos-extra th.titol_lloc,
.cursos-extra-3-cols th.titol_lloc {
	font-size: 1.1em;
}
.cursos th.titol_lloc span.hores, 
.cursos-extra th.titol_lloc span.hores,
.cursos-extra-3-cols th.titol_lloc span.hores {
	float: right;
	text-align: right;
}
.cursos tr th, 
.cursos-extra tr th,
.cursos-extra-3-cols tr th {
	font-weight: bold;
	background-color: #D6E4F0;
	padding: .75em .75em .6em;
	border-bottom: 1px solid #A6C4DE;
}
th.calendari, th.horari, th.inscripcio, th.examen {
	font-size: 0.9em;
	background-color: #EBF2F9;
}
.cursos tr td, 
.cursos-extra tr td,
.cursos-extra-3-cols tr td {
	padding: .75em .5em .6em;
	border-right: 1px solid #A6C4DE;
	border-bottom: 1px solid #A6C4DE;
}
.cursos tfoot td, 
.cursos-extra tfoot td,
.cursos-extra-3-cols tfoot td {
	padding: .75em .75em .6em;
	text-align: justify;
}
table.cursos-extra tfoot p,
table.cursos-extra-3-cols tfoot p {
	margin-bottom: .4em;
}
table.cursos-extra tfoot p:last-of-type,
table.cursos-extra-3-cols tfoot p:last-of-type {
	margin-bottom: .2em;
}

/*	Curs anul·lat	*/
.cursos tr.anulat td, 
.cursos-extra tr.anulat td,
.cursos-extra-3-cols tr.anulat td {
	text-decoration: line-through;
	color: #999;
}

/*	Infomació sobre l’inici de la inscripció */
span.info-inscripcio {
	margin: 0 -.5em 0 .5em;
	padding: .2em .4em .1em;
	border: 1px solid #9BD5FF;
	color: #0059A2;
	background-color: #FAFAFA;
	border-radius: .5em;
	display: inline-block;
}

/*	Curs ple	*/
span.ple  {
	padding: .2em .4em .1em;
	border: 1px solid #F77;
	color: #F00;
	background-color: #FFFFE5;
	border-radius: .5em;
}
.cursos tr.ple td, 
.cursos-extra tr.ple td,
.cursos-extra-3-cols tr.ple td,
.cursos tr td.ple, 
.cursos-extra tr td.ple,
.cursos-extra-3-cols tr td.ple {
	color: #999;
}
.cursos:not(.intensius) tr.ple td.calendari::after, 
.cursos-extra:not(.intensius) tr.ple td.calendari::after,
.cursos-extra-3-cols:not(.intensius) tr.ple td.calendari::after,
.cursos.intensius tr.ple td.horari::after, 
.cursos-extra.intensius tr.ple td.horari::after,
.cursos-extra-3-cols.intensius tr.ple td.examen::after, 
.cursos tr td.horari.ple::after, 
.cursos-extra tr td.horari.ple::after,
.cursos-extra-3-cols tr td.horari.ple::after {
	margin-left: 1em;
	padding: .2em .4em .1em;
	border: 1px solid #F77;
	color: #F00;
	background-color: #FFFFE5;
	border-radius: .5em;
	display: inline-block;
}
.cursos:not(.intensius) tr.ple td.calendari::after, 
.cursos.ca:not(.intensius) tr.ple td.calendari::after, 
.cursos-extra:not(.intensius) tr.ple td.calendari::after,
.cursos-extra.ca:not(.intensius) tr.ple td.calendari::after,
.cursos-extra-3-cols:not(.intensius) tr.ple td.calendari::after, 
.cursos-extra-3-cols.ca:not(.intensius) tr.ple td.calendari::after,
.cursos.intensius tr.ple td.horari::after, 
.cursos.ca.intensius tr.ple td.horari::after, 
.cursos-extra.intensius tr.ple td.horari::after,
.cursos-extra.ca.intensius tr.ple td.horari::after,
.cursos-extra-3-cols.intensius tr.ple td.examen::after, 
.cursos-extra-3-cols.ca.intensius tr.ple td.examen::after, 
.cursos tr td.horari.ple::after, 
.cursos.ca tr td.horari.ple::after, 
.cursos-extra tr td.horari.ple::after,
.cursos-extra.ca tr td.horari.ple::after,
.cursos-extra-3-cols tr td.horari.ple::after, 
.cursos-extra-3-cols.ca tr td.horari.ple::after {
	content: "Places exhaurides!";
}
.cursos.es:not(.intensius) tr.ple td.calendari::after, 
.cursos-extra.es:not(.intensius) tr.ple td.calendari::after,
.cursos-extra-3-cols.es:not(.intensius) tr.ple td.calendari::after,
.cursos.es.intensius tr.ple td.horari::after, 
.cursos-extra.es.intensius tr.ple td.horari::after,
.cursos-extra-3-cols.es.intensius tr.ple td.examen::after, 
.cursos.es tr td.horari.ple::after, 
.cursos-extra.es tr td.horari.ple::after,
.cursos-extra-3-cols.es tr td.horari.ple::after {
	content: "\00A1 Plazas agotadas!";
}
.cursos.en:not(.intensius) tr.ple td.calendari::after, 
.cursos-extra.en:not(.intensius) tr.ple td.calendari::after,
.cursos-extra-3-cols.en:not(.intensius) tr.ple td.calendari::after,
.cursos.en.intensius tr.ple td.horari::after, 
.cursos-extra.en.intensius tr.ple td.horari::after,
.cursos-extra-3-cols.en.intensius tr.ple td.examen::after, 
.cursos.en tr td.horari.ple::after, 
.cursos-extra.en tr td.horari.ple::after,
.cursos-extra-3-cols.en tr td.horari.ple::after {
	content: "Course full!";
}

/*	Curs nou	*/
.cursos:not(.intensius) tr.novetat td.calendari::after, 
.cursos-extra:not(.intensius) tr.novetat td.calendari::after,
.cursos-extra-3-cols:not(.intensius) tr.novetat td.calendari::after,
.cursos.intensius tr.novetat td.horari::after, 
.cursos-extra.intensius tr.novetat td.horari::after,
.cursos-extra-3-cols.intensius tr.novetat td.horari::after, 
.cursos tr td.horari.novetat::after, 
.cursos-extra tr td.horari.novetat::after,
.cursos-extra-3-cols tr td.horari.novetat::after {
	margin-left: 1em;
	padding: .2em .4em .1em;
	border: 1px solid #007EE6;
	color: #004B8A;
	background-color: #CDE7FF;
	border-radius: .5em;
	display: inline-block;
}
.cursos:not(.intensius) tr.novetat td.calendari::after, 
.cursos.ca:not(.intensius) tr.novetat td.calendari::after, 
.cursos-extra:not(.intensius) tr.novetat td.calendari::after,
.cursos-extra.ca:not(.intensius) tr.novetat td.calendari::after,
.cursos-extra-3-cols:not(.intensius) tr.novetat td.calendari::after, 
.cursos-extra-3-cols.ca:not(.intensius) tr.novetat td.calendari::after,
.cursos.intensius tr.novetat td.horari::after, 
.cursos.ca.intensius tr.novetat td.horari::after, 
.cursos-extra.intensius tr.novetat td.horari::after,
.cursos-extra.ca.intensius tr.novetat td.horari::after,
.cursos-extra-3-cols.intensius tr.novetat td.horari::after, 
.cursos-extra-3-cols.ca.intensius tr.novetat td.horari::after, 
.cursos tr td.horari.novetat::after, 
.cursos.ca tr td.horari.novetat::after, 
.cursos-extra tr td.horari.novetat::after,
.cursos-extra.ca tr td.horari.novetat::after,
.cursos-extra-3-cols tr td.horari.novetat::after, 
.cursos-extra-3-cols.ca tr td.horari.novetat::after {
	content: "Horari nou!";
}
.cursos.es:not(.intensius) tr.novetat td.calendari::after, 
.cursos-extra.es:not(.intensius) tr.novetat td.calendari::after,
.cursos-extra-3-cols.es:not(.intensius) tr.ampliat td.calendari::after,
.cursos.es.intensius tr.novetat td.horari::after, 
.cursos-extra.es.intensius tr.novetat td.horari::after,
.cursos-extra-3-cols.es.intensius tr.novetat td.horari::after, 
.cursos.es tr td.horari.novetat::after, 
.cursos-extra.es tr td.horari.novetat::after,
.cursos-extra-3-cols.es tr td.horari.novetat::after {
	content: "\00A1Horario nuevo!";
}
.cursos.en:not(.intensius) tr.novetat td.calendari::after, 
.cursos-extra.en:not(.intensius) tr.novetat td.calendari::after,
.cursos-extra-3-cols.en:not(.intensius) tr.novetat td.calendari::after,
.cursos.en.intensius tr.novetat td.horari::after, 
.cursos-extra.en.intensius tr.novetat td.horari::after,
.cursos-extra-3-cols.en.intensius tr.novetat td.horari::after, 
.cursos.en tr td.horari.novetat::after, 
.cursos-extra.en tr td.horari.novetat::after,
.cursos-extra-3-cols.en tr td.horari.novetat::after {
	content: "New!";
}

/*	Places disponibles	*/
.cursos:not(.intensius) tr.disponible td.calendari::after, 
.cursos-extra:not(.intensius) tr.disponible td.calendari::after,
.cursos-extra-3-cols:not(.intensius) tr.disponible td.calendari::after,
.cursos.intensius tr.disponible td.horari::after, 
.cursos-extra.intensius tr.disponible td.horari::after,
.cursos-extra-3-cols.intensius tr.disponible td.horari::after, 
.cursos tr td.horari.disponible::after, 
.cursos-extra tr td.horari.disponible::after,
.cursos-extra-3-cols tr td.horari.disponible::after {
	margin-left: 1em;
	padding: .2em .4em .1em;
	border: 1px solid #393;
	color: #050;
	background-color: #FFFFE5;
	border-radius: .5em;
	display: inline-block;
}
.cursos:not(.intensius) tr.disponible td.calendari::after, 
.cursos.ca:not(.intensius) tr.disponible td.calendari::after, 
.cursos-extra:not(.intensius) tr.disponible td.calendari::after,
.cursos-extra.ca:not(.intensius) tr.disponible td.calendari::after,
.cursos-extra-3-cols:not(.intensius) tr.disponible td.calendari::after, 
.cursos-extra-3-cols.ca:not(.intensius) tr.disponible td.calendari::after,
.cursos.intensius tr.disponible td.horari::after, 
.cursos.ca.intensius tr.disponible td.horari::after, 
.cursos-extra.intensius tr.disponible td.horari::after,
.cursos-extra.ca.intensius tr.disponible td.horari::after,
.cursos-extra-3-cols.intensius tr.disponible td.horari::after, 
.cursos-extra-3-cols.ca.intensius tr.disponible td.horari::after, 
.cursos tr td.horari.disponible::after, 
.cursos.ca tr td.horari.disponible::after, 
.cursos-extra tr td.horari.disponible::after,
.cursos-extra.ca tr td.horari.disponible::after,
.cursos-extra-3-cols tr td.horari.disponible::after, 
.cursos-extra-3-cols.ca tr td.horari.disponible::after {
	content: "Places disponibles!";
}
.cursos.es:not(.intensius) tr.disponible td.calendari::after, 
.cursos-extra.es:not(.intensius) tr.disponible td.calendari::after,
.cursos-extra-3-cols.es:not(.intensius) tr.disponible td.calendari::after,
.cursos.es.intensius tr.disponible td.horari::after, 
.cursos-extra.es.intensius tr.disponible td.horari::after,
.cursos-extra-3-cols.es.intensius tr.disponible td.horari::after, 
.cursos.es tr td.horari.disponible::after, 
.cursos-extra.es tr td.horari.disponible::after,
.cursos-extra-3-cols.es tr td.horari.disponible::after {
	content: "\00A1 Plazas disponibles!";
}
.cursos.en:not(.intensius) tr.disponible td.calendari::after, 
.cursos-extra.en:not(.intensius) tr.disponible td.calendari::after,
.cursos-extra-3-cols.en:not(.intensius) tr.disponible td.calendari::after,
.cursos.en.intensius tr.disponible td.horari::after, 
.cursos-extra.en.intensius tr.disponible td.horari::after,
.cursos-extra-3-cols.en.intensius tr.disponible td.horari::after, 
.cursos.en tr td.horari.disponible::after, 
.cursos-extra.en tr td.horari.disponible::after,
.cursos-extra-3-cols.en tr td.horari.disponible::after {
	content: " Available seats!";
}

/*	Curs ampliat	*/
.cursos:not(.intensius) tr.ampliat td.calendari::after, 
.cursos-extra:not(.intensius) tr.ampliat td.calendari::after,
.cursos-extra-3-cols:not(.intensius) tr.ampliat td.calendari::after,
.cursos.intensius tr.ampliat td.horari::after, 
.cursos-extra.intensius tr.ampliat td.horari::after,
.cursos-extra-3-cols.intensius tr.ampliat td.horari::after, 
.cursos tr td.horari.ampliat::after, 
.cursos-extra tr td.horari.ampliat::after,
.cursos-extra-3-cols tr td.horari.ampliat::after {
	margin-left: 1em;
	padding: .2em .4em .1em;
	border: 1px solid #393;
	color: #050;
	background-color: #FFFFE5;
	border-radius: .5em;
	display: inline-block;
}
.cursos:not(.intensius) tr.ampliat td.calendari::after, 
.cursos.ca:not(.intensius) tr.ampliat td.calendari::after, 
.cursos-extra:not(.intensius) tr.ampliat td.calendari::after,
.cursos-extra.ca:not(.intensius) tr.ampliat td.calendari::after,
.cursos-extra-3-cols:not(.intensius) tr.ampliat td.calendari::after, 
.cursos-extra-3-cols.ca:not(.intensius) tr.ampliat td.calendari::after,
.cursos tr td.horari.ampliat::after, 
.cursos.ca tr td.horari.ampliat::after, 
.cursos-extra tr td.horari.ampliat::after,
.cursos-extra.ca tr td.horari.ampliat::after,
.cursos-extra-3-cols tr td.horari.ampliat::after, 
.cursos-extra-3-cols.ca tr td.horari.ampliat::after {
	content: "Places ampliades!";
}
.cursos.es:not(.intensius) tr.ampliat td.calendari::after, 
.cursos-extra.es:not(.intensius) tr.ampliat td.calendari::after,
.cursos-extra-3-cols.es:not(.intensius) tr.ampliat td.calendari::after,
.cursos.es.intensius tr.ampliat td.horari::after, 
.cursos-extra.es.intensius tr.ampliat td.horari::after,
.cursos-extra-3-cols.es.intensius tr.ampliat td.horari::after, 
.cursos.es tr td.horari.ampliat::after, 
.cursos-extra.es tr td.horari.ampliat::after,
.cursos-extra-3-cols.es tr td.horari.ampliat::after {
	content: "\00A1 Plazas ampliadas!";
}
.cursos.en:not(.intensius) tr.ampliat td.calendari::after, 
.cursos-extra.en:not(.intensius) tr.ampliat td.calendari::after,
.cursos-extra-3-cols.en:not(.intensius) tr.ampliat td.calendari::after,
.cursos.en.intensius tr.ampliat td.horari::after, 
.cursos-extra.en.intensius tr.ampliat td.horari::after,
.cursos-extra-3-cols.en.intensius tr.ampliat td.horari::after, 
.cursos.en tr td.horari.ampliat::after, 
.cursos-extra.en tr td.horari.ampliat::after,
.cursos-extra-3-cols.en tr td.horari.ampliat::after {
	content: "Extended seats!";
}

/*	Curs ajornat	*/
.cursos:not(.intensius) tr.ajornat td.calendari::after, 
.cursos-extra:not(.intensius) tr.ajornat td.calendari::after,
.cursos-extra-3-cols:not(.intensius) tr.ajornat td.calendari::after,
.cursos.intensius tr td.calhorariendari.ajornat::after, 
.cursos-extra.intensius tr.ajornat td.horari::after,
.cursos-extra-3-cols.intensius tr.ajornat td.horari::after, 
.cursos tr td.calhorariendari.ajornat::after, 
.cursos-extra tr td.horari.ajornat::after,
.cursos-extra-3-cols tr td.horari.ajornat::after {
	margin-left: 1em;
	padding: .2em .4em .1em;
	border: 1px solid #0A65AB;
	color: #0A65AB;
	background-color: #F5FBFF;
	border-radius: .5em;
	display: inline-block;
}
.cursos:not(.intensius) tr.ajornat td.calendari::after, 
.cursos.ca:not(.intensius) tr.ajornat td.calendari::after, 
.cursos-extra:not(.intensius) tr.ajornat td.calendari::after,
.cursos-extra.ca:not(.intensius) tr.ajornat td.calendari::after,
.cursos-extra-3-cols:not(.intensius) tr.ajornat td.calendari::after, 
.cursos-extra-3-cols.ca:not(.intensius) tr.ajornat td.calendari::after,
.cursos.intensius tr.ajornat td.horari::after, 
.cursos.ca.intensius tr.ajornat td.horari::after, 
.cursos-extra.intensius tr.ajornat td.horari::after,
.cursos-extra.ca.intensius tr.ajornat td.horari::after,
.cursos-extra-3-cols.intensius tr.ajornat td.horari::after, 
.cursos-extra-3-cols.ca.intensius tr.ajornat td.horari::after, 
.cursos tr td.horari.ajornat::after, 
.cursos.ca tr td.horari.ajornat::after, 
.cursos-extra tr td.horari.ajornat::after,
.cursos-extra.ca tr td.horari.ajornat::after,
.cursos-extra-3-cols tr td.horari.ajornat::after, 
.cursos-extra-3-cols.ca tr td.horari.ajornat::after {
	content: "Curs ajornat!";
}
.cursos.es:not(.intensius) tr.ajornat td.calendari::after, 
.cursos-extra.es:not(.intensius) tr.ajornat td.calendari::after,
.cursos-extra-3-cols.es:not(.intensius) tr.ajornat td.calendari::after,
.cursos.es.intensius tr td.calhorariendari.ajornat::after, 
.cursos-extra.es.intensius tr.ajornat td.horari::after,
.cursos-extra-3-cols.es.intensius tr.ajornat td.horari::after, 
.cursos.es tr td.calhorariendari.ajornat::after, 
.cursos-extra.es tr td.horari.ajornat::after,
.cursos-extra-3-cols.es tr td.horari.ajornat::after {
	content: "\00A1 Curso aplazado!";
}
.cursos.en:not(.intensius) tr.ajornat td.calendari::after, 
.cursos-extra.en:not(.intensius) tr.ajornat td.calendari::after,
.cursos-extra-3-cols.en:not(.intensius) tr.ajornat td.calendari::after,
.cursos.en.intensius tr.ajornat td.horari::after, 
.cursos-extra.en.intensius tr.ajornat td.horari::after,
.cursos-extra-3-cols.en.intensius tr.ajornat td.horari::after, 
.cursos.en tr td.horari.ajornat::after, 
.cursos-extra.en tr td.horari.ajornat::after,
.cursos-extra-3-cols.en tr td.horari.ajornat::after {
	content: "Course postponed!";
}

/*	Curs cancel·lat	*/
span.cancelat  {
	padding: .2em .4em .1em;
	border: 1px solid #666;
	color: #666;
	background-color: #F7F7F7;
	border-radius: .5em;
}
.cursos tr.cancelat td, 
.cursos-extra tr.cancelat td,
.cursos-extra-3-cols tr.cancelat td,
.cursos tr td.cancelat, 
.cursos-extra tr td.cancelat,
.cursos-extra-3-cols tr td.cancelat,
.cursos.cancelat td, 
.cursos-extra.cancelat td,
.cursos-extra-3-cols.cancelat td,
.cursos tr.cancellat td, 
.cursos-extra tr.cancellat td,
.cursos-extra-3-cols tr.cancellat td,
.cursos tr td.cancellat, 
.cursos-extra tr td.cancellat,
.cursos-extra-3-cols tr td.cancellat,
.cursos.cancellat td, 
.cursos-extra.cancellat td,
.cursos-extra-3-cols.cancellat td
 {
	color: #999;
}
.cursos:not(.intensius) tr.cancelat td.calendari::after, 
.cursos-extra:not(.intensius) tr.cancelat td.calendari::after,
.cursos-extra-3-cols:not(.pdi):not(.intensius) tr.cancelat td.calendari::after,
.cursos-extra-3-cols.pdi tr.cancelat td.inscripcio::after,
.cursos.intensius tr.cancelat td.horari::after, 
.cursos-extra.intensius tr.cancelat td.horari::after,
.cursos-extra-3-cols.intensius tr.cancelat td.horari::after, 
.cursos tr td.horari.cancelat::after, 
.cursos-extra tr td.horari.cancelat::after,
.cursos-extra-3-cols tr td.horari.cancelat::after,
.cursos-extra tr.cancellat td.inscripcio::after {
	margin-left: 1em;
	padding: .2em .4em .1em;
	border: 1px solid #666;
	color: #666;
	background-color: #F7F7F7;
	border-radius: .5em;
	display: inline-block;
}
.cursos-extra tr.cancelat td.inscripcio::after,
.cursos-extra-3-cols tr.cancelat td.inscripcio::after,
.cursos-extra-3-cols.pdi tr.cancelat td.inscripcio::after {
	margin-left: 0;
}
.cursos:not(.intensius) tr.cancelat td.calendari::after, 
.cursos.ca:not(.intensius) tr.cancelat td.calendari::after, 
.cursos-extra:not(.intensius) tr.cancelat td.calendari::after,
.cursos-extra.ca:not(.intensius) tr.cancelat td.calendari::after,
.cursos-extra-3-cols:not(.pdi):not(.intensius) tr.cancelat td.calendari::after,
.cursos-extra-3-cols.ca:not(.pdi):not(.intensius) tr.cancelat td.calendari::after,
.cursos-extra-3-cols.pdi:not(.intensius) tr.cancelat td.inscripcio::after,
.cursos.intensius tr.cancelat td.horari::after, 
.cursos.ca.intensius tr.cancelat td.horari::after, 
.cursos-extra.intensius tr.cancelat td.horari::after,
.cursos-extra.ca.intensius tr.cancelat td.horari::after,
.cursos-extra-3-cols.intensius tr.cancelat td.horari::after, 
.cursos-extra-3-cols.intensius.ca tr.cancelat td.horari::after, 
.cursos tr td.horari.cancelat::after, 
.cursos.ca tr td.horari.cancelat::after, 
.cursos-extra tr td.horari.cancelat::after,
.cursos-extra.ca tr td.horari.cancelat::after,
.cursos-extra-3-cols tr td.horari.cancelat::after, 
.cursos-extra-3-cols.ca tr td.horari.cancelat::after,
.cursos-extra tr.cancellat td.inscripcio::after {
	content: "Curs cancel·lat";
}
.cursos.es:not(.intensius) tr.cancelat td.calendari::after, 
.cursos-extra.es:not(.intensius) tr.cancelat td.calendari::after,
.cursos-extra-3-cols.es:not(.intensius) tr.cancelat td.calendari::after,
.cursos.es.intensius tr.cancelat td.horari::after, 
.cursos-extra.es.intensius tr.cancelat td.horari::after,
.cursos-extra-3-cols.es.intensius tr.cancelat td.horari::after, 
.cursos.es tr td.horari.cancelat::after, 
.cursos-extra.es tr td.horari.cancelat::after,
.cursos-extra-3-cols.es tr td.horari.cancelat::after {
	content: "Curso cancelado";
}
.cursos.en:not(.intensius) tr.cancelat td.calendari::after, 
.cursos-extra.en:not(.intensius) tr.cancelat td.calendari::after,
.cursos-extra-3-cols.en:not(.intensius) tr.cancelat td.calendari::after,
.cursos.en.intensius tr.cancelat td.horari::after, 
.cursos-extra.en.intensius tr.cancelat td.horari::after,
.cursos-extra-3-cols.en.intensius tr.cancelat td.horari::after, 
.cursos.en tr td.horari.cancelat::after, 
.cursos-extra.en tr td.horari.cancelat::after,
.cursos-extra-3-cols.en tr td.horari.cancelat::after {
	content: "Course cancelled";
}

.cursos tr.inscripcio-tancada td.inscripcio::after,
.cursos-extra tr.inscripcio-tancada td.inscripcio::after,
.cursos-extra-3-cols tr.inscripcio-tancada td.inscripcio::after,
p.inscripcio-tancada::after {
	margin-left: 0;
	/*margin-right: 1em;*/
	padding: .2em .4em .1em;
	border: 1px solid #9BD5FF;
	color: #0059A2;
	background-color: #FAFAFA;
	border-radius: .5em;
	display: inline-block;
	content: "Inscripció finalitzada";
}

.cursos tfoot td, 
.cursos-extra tfoot td,
.cursos-extra-3-cols tfoot td {
	background-color: #FAFAFA;
}
.cursos tfoot td.destacat, 
.cursos-extra tfoot td.destacat,
.cursos-extra-3-cols tfoot td.destacat {
	background-color: #FFD;
	font-weight: normal;
}


.cursos-extra.intensius th.calendari,
.cursos-extra.intensius td.calendari {
	width: 300px;
}
.cursos-extra.intensius th.horari,
.cursos-extra.intensius td.horari {
	width: 375px;
}
.cursos-extra-3-cols.intensius th.calendari, 
.cursos-extra-3-cols.intensius td.calendari {
	width: 275px;
}
.cursos-extra-3-cols.intensius th.horari, 
.cursos-extra-3-cols.intensius td.horari {
	width: 120px;
}
.cursos-extra-3-cols.intensius th.examen, 
.cursos-extra-3-cols.intensius td.examen {
	width: 280px;
}

table.intensius p {
	margin-bottom: .4em;
}
table.intensius .list-bullets {
	margin: .75em 2em;
}
table.intensius .list-bullets li {
	margin-bottom: .6em;
}

/*
	.setembre td {
		line-height: 1.75em;
	}
	.setembre .sagnat-esq {
		padding-left: 1em;
	}
	.setembre tbody > tr:nth-child(even) td {
		background-color: #F2F7FC;
	}
	.setembre {
		width: 605px;
	}
	.setembre td.calendari {
		width: 340px;
	}
	.setembre td.horari {
		width: 265px;
	}
*/

td.calendari a,
td.horari a,
td.examen a.inscripcio,
tfoot a.inscripcio {
	font-weight: bold;
	margin-left: 1em;
	margin-right: .25em;
}
td.calendari a:not(.mes-info):before,
td.horari a:not(.mes-info):before,
td.examen a.inscripcio:before,
tfoot a.inscripcio:before {
	content: "\00bb";
 	opacity: 0;
	top: .25em;
	font-size: 1.25em;
	margin-left: -0.55em;
	margin-right: 0;
	transition-duration: 0.3s;
}
td.calendari a:hover,
td.horari a:hover,
td.examen a.inscripcio:hover,
tfoot a.inscripcio:hover {
	margin-right: 0;
	border-bottom-width: 0;
}
td.calendari a:hover:not(.mes-info):before,
td.horari a:not(.mes-info):hover:before,
td.examen a.inscripcio:hover:before,
tfoot a.inscripcio:hover:before {
	margin-left: 0;
	opacity: 1;
	margin-right: .25em;
}
td.calendari a:active,
td.calendari a:focus,
td.horari a:active,
td.horari a:focus,
td.examen a:active,
td.examen a:focus,
tfoot a.inscripcio:active,
tfoot a.inscripcio:focus {
	border-bottom-width: 0;
}
td.calendari a.sense-marge,
td.horari a.sense-marge,
td.examen a.sense-marge,
tfoot a.inscripcio.sense-marge,
span.sense-marge {
	margin-left: 0;
}
cursos span.avis {
	padding: 5px;
	margin: 0 1em;
	font-size: 1em;
}
.cursos caption, 
.cursos-extra caption,
.cursos-extra-3-cols caption {
	text-align: left;
	padding: .75em .5em 0;
	display: table-caption;	
}
p.no-info {
	margin-left: 1em;
}
.cursos.cancelat tfoot, 
.cursos-extra.cancelat tfoot,
.cursos-extra-3-cols.cancelat tfoot {
	font-weight: bold;
	color: #C00;
}


/*	Menú de les taules de cursos	*/
.cursos th.titol_lloc span.hores.menu, 
.cursos-extra th.titol_lloc span.hores.menu,
.cursos-extra-3-cols th.titol_lloc span.hores.menu {
	margin-right: 3.5em;	/*3em;*/
}
.cursos th.titol_lloc span.boto-menu, 
.cursos-extra th.titol_lloc span.boto-menu,
.cursos-extra-3-cols th.titol_lloc span.boto-menu {
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: center;
	margin-left: 1em;
	padding: 0.4em;	/*.65em .5em .7em .6em;*/
	font-weight: bold;
	width: 1.25em;
	color: #337AB5;	/*afegit*/
	font-size: 1.6em;	/*afegit*/
	/*border-left: 1px solid #A6C4DE;*/
	transition: .25s ease;
	animation: animacio-boto-menu 2.5s infinite;
}
.cursos th.titol_lloc span.boto-menu:hover, 
.cursos-extra th.titol_lloc span.boto-menu:hover,
.cursos-extra-3-cols th.titol_lloc span.boto-menu:hover {
	/*background-color: #A6C4DE;*/
	/*animation-play-state: paused;*/
	color: #0059A2;
	cursor: pointer;
	padding: 0.2em;	/*afegit*/
	font-size: 2em;	/*afegit*/
}
#menu-info-cursos {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	text-align: left;
	padding: 0;
	background-color: #FFF;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	max-width: 225px;
	border: 1px solid #BBD2E7;
	box-sizing: border-box;
}
#menu-info-cursos p {
	padding: .7em 1.1em .4em 2.6em; /*.85em;*/
	background-color: #BBD2E7;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	color: #0059A2;
	background: #BBD2E7 url(../img/utils/i-info.png) no-repeat .5em .5em;
}
#menu-info-cursos li {
	margin: .2em;
	padding: .5em 1.1em .5em .85em;
}
#menu-info-cursos li:hover {
	margin: .2em;
	background-color: #EBF2F9;
}
#menu-info-cursos li:hover a {
	color: #0059A2;
}
#menu-info-cursos li a:hover {
	border-bottom-width: 0;
}

/*	Bloc de novetats	*/
.novetats {
	background-color: #F2F7FC;
	padding: 1.25em;
	min-height: auto;
}
.novetats h5:not(:first-of-type) {
	margin-top: 1.25em;
}
.novetats ul {
	margin: .5em 0 .35em .5em;
	clear: both;
}

.novetats li {
	background: url(../img/utils/marca_noticies_destacades.png) no-repeat left top;
	padding-left: 2em;
	margin-bottom: 0.5em;
}
.novetats li:last-of-type {
	margin-bottom: 0;
}
.novetats li a {
	display: inline-block;
	position: relative;
	top: -.75em;
	background: url(../img/utils/go_down.png) no-repeat left top;
	margin-left: 1em;
	min-height: 26px;
	min-width: 27px;
}
.novetats li a:hover {
	background: url(../img/utils/go_down.png) no-repeat -27px top;
	border-bottom-width: 0;
}
tfoot ul.list-bullets {
	margin: .5em;
}
tfoot ul.list-bullets li {
	margin-bottom: .5em;
}
tfoot p:last-child {
	margin-bottom: 0;	
}


#template02 #col02 a.mes-info,
.mes-info {
	font-size: 1.4em;
	padding: .1em .25em;
	margin: 0 .2em;
	border-radius: 5px;
	font-weight: bold;
	color: #0059A2;
}

#template02 #col02 a.mes-info:hover {
	color: #FFF;
	background-color: #0059A2;
	text-emphasis: none;
	border-bottom-width: 0;
}


.info-txt {
	margin: 1em .5em;
	max-width: 675px;
}
.info-txt h1 {
	font-size: 1rem;
	margin-top: .75rem;
}
.info-txt h2 {
  font-size: 1.4em;
  color: #333;
  border-bottom: 1px solid #e7e7e7;
	margin-top: .75rem;
  margin-bottom: .35rem;
  clear: both;
  padding-bottom: .3em;
}
.info-txt p {
	margin-bottom: .75em;
}
.info-txt thead th,
.info-txt tbody td {
	text-align: left;
}
.info-txt h2,
.info-txt h3,
.info-txt li,
.info-txt tfoot td,
.info-txt p {
	text-align: justify;
}
.info-txt table.cursos-extra-3-cols {
	margin-bottom: 1.5em;
}

.info-txt ol {
	/*list-style-type: decimal;*/
	text-align: justify;
	margin: 1.25em 1.5em 1.5em 2.5em;;
	/*margin-left: 190px;*/
}
.info-txt ol li {
	margin-bottom: .75em;
	list-style-position: inherit;
	line-height: 1.5em;
	padding-left: .5em;
}
.info-txt a:link,
.info-txt a:visited,
.info-txt a:active {
	color: #0059A2;
}

@keyframes animacio-boto-menu {
/*	
	0% {padding: 0.4em;font-size: 1.6em;}
	50% {padding: 0.3em;font-size: 1.8em;}
	100% {padding: 0.4em;font-size: 1.6em;}
*/
	0% {color: #337AB5;}
	50% {color: #234F77;}
	100% {color: #337AB5;}
}
#mes-info-colorbox div {
	display: none;
}
#mes-info-colorbox .visible {
	display: block;
}

/*
	inscripcio.html
*/
#info-inscripcio {
	padding-left: 2.5em;
}
#info-inscripcio div.setembre-primersem,
#info-inscripcio div.gener-segonsem, 
#info-inscripcio div.estiu, 
#info-inscripcio div.sorteig-c2 {
	margin-bottom: 1.5em;
}
#info-inscripcio h3 {
	text-indent: -1em;
	margin: 2em 0 .5em 0;
}
#info-inscripcio h3:first-of-type {
	margin-top: 0;
}
#info-inscripcio h3::before {
	content: "\25AA";
	padding-right: .4em;
	font-size: 1.3em;
}


/*
	preus.html (també d’aranès)
*/
table.preus {
	/*border: 1px solid #9BD5FF;*/
	width: auto;
	margin-bottom: 1.5em;
	caption-side: bottom;
	line-height: 1.5em;
}
table.preus th, 
table.preus td {
	padding: .9em .4em .55em;
	border-style: none;
}
table.preus td.nota {
	padding: .6em .4em .85em;
}
table.preus th.curs,
table.preus td.curs {
	min-width: 135px;
	max-width: 180px;
	padding-left: .5em;
}
table.preus th.nivell,
table.preus td.nivell {
	min-width: 50px;
	max-width: 60px;
	padding-left: 0;
	padding-right: 0;
}
table.preus th.modalitat,
table.preus td.modalitat {
	min-width: 80px;
	max-width: 105px;
}
table.preus th.hores,
table.preus td.hores {
	min-width: 50px;
	max-width: 80px;
}
table.preus th.preu,
table.preus td.preu {
	min-width: 85px;
	max-width: 110px;
}
table.preus th.preu.pdi-pas-alumni-ateneu-grup-ub,
table.preus td.preu.pdi-pas-alumni-ateneu-grup-ub {
	max-width: 125px;
}
table.preus td.hores {
	text-align: right;
	padding-right: 1.75em;
}
table.preus td.preu {
	text-align: right;
	padding-right: 2.25em;
}
table.preus.aranes th.nivell,
table.preus.aranes td.nivell {
	min-width: 100px;
	max-width: 125px;
}
table.preus.aranes th.preu,
table.preus.aranes td.preu {
	min-width: 80px;
	max-width: 115px;
	padding-right: 1.5em;
}
table.preus tr {
	border-left: 1px solid #9BD5FF;
	border-right: 1px solid #9BD5FF;
	border-bottom: 1px solid #E0E0E0;
}
table.preus tr:first-child {
	border-top: 1px solid #9BD5FF;
}
table.preus tr:last-child {
	border-bottom: 1px solid #9BD5FF;
}
table.preus.aranes th, 
table.preus.aranes td {
	padding: .85em .85em .75em;
	border-style: none;
}
table.preus thead th {
	font-weight: bold;
	line-height: 1.4em;
	text-align: center;
	background-color: #9BD5FF;
	padding: .5em .85em .4em;
}
table.preus thead th.curs,
table.preus thead th.modalitat {
	color: inherit;
	text-align: left;
	background-color: #9BD5FF;
	padding-left: 0.5em;
}
table.preus td.movalitat, 
table.preus th.nivell, 
table.preus td.nivell {
	text-align: center;
}
table.preus td.preu {
	text-align: right;
	padding-right: 3.5em;
}
table.preus tbody th,
table.preus tbody td {
	background-color: #FFF;
}
table.preus tbody tr:nth-child(even) th, 
table.preus tbody tr:nth-child(even) td {
	background-color: #E1F2FF;
}
table.preus caption {
	display: table-caption;
	text-align: left;
	/*font-size: .95em;*/
	padding: 1em 0 0 .5em;
	/*margin-left: 1em;*/
	/*text-indent: -1em;*/
}
table.preus caption p {
	line-height: 1.5em;
	margin-bottom: 0.25em;
	padding-left: 1em;
}
table.preus caption p sup {
	display: inline-block;
	margin-left: -1.25em;
	min-width: 1.25em;
	width: 1.25em;
	max-width: 1.25em;
}
table.preus caption p span.sup {
	display: inline-block;
	margin-left: -1em;
	min-width: 1em;
	width: 1em;
	max-width: 1em;
}

/*
	credits.html
*/
table.credits {
	/*border: 1px solid #9BD5FF;*/
	margin-bottom: 2em;
	width: auto;
	caption-side: top;
}
table.credits tr {
	border-left: 1px solid #9BD5FF;
	border-right: 1px solid #9BD5FF;
	border-bottom: 1px solid #E0E0E0;
}
table.credits tr:first-child {
	border-top: 1px solid #9BD5FF;
}
table.credits tr:last-child {
	border-bottom: 1px solid #9BD5FF;
}
table.credits thead th {
	text-align: center;
	vertical-align: middle;
	background-color: #9BD5FF;
	font-weight: bold;
}
table.credits thead th.curs,
table.credits thead th.modalitat {
	text-align: left;
}
table.credits th:first-child {
	min-width: 100px;
	max-width: 200px;
}
table.credits th.nivell,
table.credits th.hores,
table.credits td.nivell,
table.credits td.hores {
	min-width: 45px;
	max-width: 60px;
}
table.credits th.cle,
table.credits th.ects,
table.credits td.cle,
table.credits td.ects {
	min-width: 65px;
	max-width: 100px;
}
table.credits th,
table.credits td {
	padding: .5em .8em;
	border-style: none;
}
table.credits th.curs {
	text-align: left;
}
table.credits th.nivell {
	text-align: center;
}
table.credits td.hores {
	text-align: right;
	padding-right: 2em;
}
table.credits td.cle {
	text-align: right;
	padding-right: 2.25em;
}
table.credits td.ects {
	text-align: right;
	padding-right: 3em;
}
table.credits tbody th, 
table.credits tbody td {
	background-color: #FFF;
}
table.credits tbody tr:nth-child(even) th, 
table.credits tbody tr:nth-child(even) td {
	background-color: #E1F2FF;
}
.table01 table.credits caption {
	/*display: table-caption;*/
}
table.credits caption {
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	margin-left: 10px;
	margin-bottom: .5em;
}

/*
	materials.html;			Pàgina anul·lada!!!
*/
table.materials-nivells {
	border: 1px solid #A6C4DE;
	width: 700px;
	margin-bottom: 2.5em;
	margin: 1.5em 0;
}
table.materials-nivells th {
	font-weight: bold;
	background-color: #D6E4F0;
	padding: .4em 0.5em;
	border-bottom: 1px solid #A6C4DE;
	text-align: center;
}
table.materials-nivells td {
	padding: .4em 0.5em;
	border-right: 1px solid #A6C4DE;
	border-bottom: 1px solid #A6C4DE;
	text-align: center;
}
table.materials-nivells caption {
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	margin-left: 10px;
	margin-bottom: .5em;
}


/*
	certificats.html
*/
.diplomes li {
	line-height: 1.75em;
	text-align: justify;
	margin-bottom: 1em;
	background-position: left 0.6em;
}


/*
	razones.html, reasons.html
*/
span.num-gros {
	margin-right: .5em;
	font-size: 200%;
	font-weight: bold;
}


/*
	pdi.html, aranes.html, lliures.html
*/
#cursos table.cursos-extra,
#cursos table.cursos-extra-3-cols {
	margin: 2.5em 0 2.5em 2.5em;
	width: 850px;
}
#cursos table.cursos-extra .calendari,
#cursos table.cursos-extra-3-cols .calendari {
	width: 375px;
}
#cursos table.cursos-extra .horari,
#cursos table.cursos-extra-3-cols .horari {
	width: 250px;
}
#cursos table.cursos-extra .inscripcio,
#cursos table.cursos-extra-3-cols .inscripcio {
	width: 250px;
}
#cursos table.cursos-extra tfoot h3,
#cursos table.cursos-extra-3-cols tfoot h3 {
	margin: 0.2em 0 .4em 0;
}
.convocatoria {
	position: relative;
	float: left;
	/*background: #F2F7FC;*/
	background-color: #FAF0EA;
    border-radius: 8px;
	margin: 1.25em 1.25em 1.25em;
	box-sizing: border-box;
	min-width: 440px;
	width: 440px;
	max-width: 440px;
    padding: 1.5em 1.5em 1.25em;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 13px 0 rgba(0, 0, 0, 0.19);
}
.convocatoria:nth-child(odd) {
	margin-right: 0;
}
.plain-txt .convocatoria h3 {
	margin: 0 0 1em;
	text-align: left;
}
.convocatoria ul {
	margin: 0 0 0 .5em;
}
.convocatoria li {
	margin: 0 0 1.25em;
	padding: .25em 0 .25em 3em;
	line-height: 1.5em;
}
.convocatoria li:last-of-type {
	margin-bottom: .5em;
}
.convocatoria li.data-hora {
	background: url(../img/utils/data-hora-ico.png) no-repeat left top;
}
.convocatoria li.lloc {
	background: url(../img/utils/ubicacio-ico.png) no-repeat 3px top;
}
.convocatoria li.inscripcio {
	background: url(../img/utils/inscripcio-ico.png) no-repeat left top;
}
.convocatoria li.info {
	background: url(../img/utils/info-ico.png) no-repeat left top;
}
.convocatoria li.calendari {
	background: url(../img/utils/calendari-ico.png) no-repeat left top;
}
.convocatoria li.hora {
	background: url(../img/utils/hora-ico.png) no-repeat left top;
}
.convocatoria li.durada {
	background: url(../img/utils/durada-ico.png) no-repeat left top;
}
.convocatoria li.persona {
	background: url(../img/utils/persona-ico.png) no-repeat 3px top;
}
.convocatoria li.nivell {
	background: url(../img/utils/nivell-ico.png) no-repeat left top;
}
.convocatoria li.preu {
	background: url(../img/utils/euro-ico.png) no-repeat left top;
}
.convocatoria li.notes {
	background: url(../img/utils/notes-ico.png) no-repeat left top;
}
.convocatoria li.lloc p {
	padding-left: 2.7em;
	text-indent: -2.7em;
}
.convocatoria li.inscripcio p {
	padding-left: 6em;
	text-indent: -6em;
}
.convocatoria p {
	margin: 0 0 .5em;
}
.convocatoria p:last-of-type {
	margin-bottom: 0;
}
.convocatoria.extraordinaria {
	/*background-color: #FAF0EA;*/
}
.convocatoria.tancada, 
.convocatoria.extraordinaria.tancada {
	background-color: #E6E6E6;
}U
p.inscripcio a,
.convocatoria li.inscripcio a {
	color: #0059A2;
	font-weight: bold;
	margin-left: 0;
	margin-right: 0;
}
p.inscripcio a.inscripcio:before,
.convocatoria li.inscripcio a.inscripcio:before {
	content: "\00bb";
 	opacity: 0;
	top: .25em;
	font-size: 1.25em;
	margin-left: -0.55em;
	margin-right: 0;
	transition-duration: 0.3s;
}
p.inscripcio a.inscripcio:hover,
.convocatoria li.inscripcio a.inscripcio:hover {
	border-bottom-width: 0;
}
p.inscripcio a.inscripcio:hover:before,
.convocatoria li.inscripcio a.inscripcio:hover:before {
	margin-left: 0;
	opacity: 1;
	margin-right: .25em;
}
p.inscripcio a:active,
p.inscripcio a:focus,
.convocatoria li.inscripcio a:active,
.convocatoria li.inscripcio a:focus {
	border-bottom-width: 0;
}

.plain-txt.pdi-mes-2 {
	margin-top: 1.5em;
}
ul.pdi-mes-2 {
	clear: none;
	padding-left: 150px;
}

.convocatoria.aranes {
	margin-right: .5em;
}
.lemes {
	position: relative;
	float: left;
	max-width: 500px;
	margin-left: 1.5em;
	font-size: 1.4em;
}
.lemes p {
	line-height: 1.75em;
	margin: 2em 0 0;
}
.nota-groga-dreta {
	position: relative;
	float: right;
	border-radius: 5px;
	background-color: #FFC;
	max-width: 300px;
    padding: 1.5em 1.5em 0;
	margin: 1em 1.5em;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.preu div.preus {
	position: relative;
	display: block;
	left: 3.25em;
	top: -1.4em;
	margin-bottom: -1.4em;
}
.video-aranes {
	float: right;
	margin: 10em 1.5em 0;
}
#video-117029 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.38);
	margin: 0 0 2em;
}
div.web-guies {
	text-align: center;
}
div.web-guies {
	float: right;
	/*margin: 7em 1.5em 1.5em;*/
	margin: 1.5em 1.5em 1.5em;
}
div.web-guies img {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin: 0 0 .75em;
}
div.web-guies p {
	text-align: center;
}
.intro-txt.aranes {
	min-height: 210px
}
.intro-txt div.web-guies {
	margin: -2.5em 0 0 2.5em;
}


/*
	lliures.html
*/
.convocatoria.lliure {
	float: none;
	background-color: #EFF7FF;
    border-radius: 8px;
	margin: 2em 4px 2.5em;
	box-sizing: border-box;
	min-width: none;
	max-width: none;
	width: 690px;
    padding: 1.5em 1.5em 1.25em;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 13px 0 rgba(0, 0, 0, 0.19);
	font-size: 1.1em;
}
.convocatoria.lliure ul ul.list-bullets {
	margin: 1em 0 1em 1.5em;
}
.convocatoria.lliure ul ul.list-bullets li {
	background: url(../css_img/icons/i-list-bullets-blue.png) no-repeat left .4em;
	padding: 0 0 0 1.5em;
	margin: 0 0 .5em 0;
}
.convocatoria.lliure li.preu strong {
	display:  block;
}
.convocatoria.lliure table.preus {
	display:  block;
	margin: -2em 0 0 3.75em;
	/*margin: 1em 0 0;*/
}
.convocatoria.lliure table.preus th.preu,
.convocatoria.lliure table.preus td.preu {
	min-width: none;
	max-width: none;
}
.convocatoria.lliure .info-sorteig {
	display: none;
}
.convocatoria.lliure ul > li > ul + p {
	margin-left: 1.5em;
}
li.inscripcio-tancada::after {
	margin: -.5em 0 0;
	padding: .2em .4em .1em;
	border: 1px solid #51B3FF;
	color: #0059A2;
	background-color: #FFF;
	border-radius: .5em;
	display: inline-block;
	content: "Inscripció finalitzada!";
}



/*
	condi.html
*/
h2+table.condicions {
	margin-top: 1.5em;
}
table.condicions+p {
	margin-top: -.75em;
}
table.condicions {
	border: 1px solid #A6C4DE;
	border-bottom-width: 0;
	margin-bottom: 2em;
	min-width: 500px;
	width: auto;
	line-height: 1.5em;
}
table.condicions th:first-child {
	min-width: 125px;
	max-width: 150px;
}
table.condicions th, 
table.condicions td {
	border-bottom: 1px solid #A6C4DE;
	min-width: 75px;
	max-width: 150px;
}
table.condicions th, 
table.condicions thead th:first-of-type, 
table.condicions td {
	padding: 6px 10px;
}
table.condicions thead th:first-of-type {
	background: #ccdeec none repeat scroll 0 0;
	color: inherit;
	text-align: left;
}
table.condicions th {
	font-weight: bold;
	background: #ccdeec none repeat scroll 0 0;
}
table.condicions thead th {
	text-align: center;
	border-bottom-width: 2px;
}
table.condicions td:not(:first-child) {
	text-align:right;
	padding-right: 5em;
}
table.condicions td:nth-child(3) {
	padding-right: 3.25em;
}
table.condicions tbody th {
	background-color: inherit;
}
table.condicions tbody tr:nth-child(even) {
	background-color: #ECF2F8;
}
table#cursos, 
table#preus {
	min-width: 500px;
}
table#cursos th:not(:first-child),
table#cursos td {
	min-width: 125px;
	max-width: 150px;
}
table#cursos td:not(:first-child) {
	text-align: center;
	padding-right: 1em;
}
table#preus th:first-child {
	min-width: 125px;
	max-width: 150px;
}
table#preus td:nth-child(3) {
	padding-right: 5em;
}
table#dates, 
table#credits {
	min-width: 350px;
}
table#dates th:first-child {
	min-width: 100px;
	max-width: 100px;
}
table#dates th:nth-of-type(2),
table#dates td:nth-of-type(2) {
	text-align: left;
	padding-right: 1.25em;
}
table#credits td:nth-child(2) {
	text-align: center;
	padding-right: 1em;
}

/*
	lliures.html
*/
table.convocatories {
	line-height: 1em;
	width: auto;
	margin-bottom: 1.5em;
	caption-side: bottom;
}
table.convocatories caption {
	display: table-caption;
	text-align: left;
	padding: 1em 0 0 .5em;
}
table.convocatories tr {
	border-left: 1px solid #9BD5FF;
	border-right: 1px solid #9BD5FF;
	border-bottom: 1px solid #E0E0E0;
}
table.convocatories tr:last-child {
	border-top: 1px solid #9BD5FF;
	border-bottom: 1px solid #9BD5FF;
}
table.convocatories tbody tr:nth-child(2n) th, 
table.convocatories tbody tr:nth-child(2n) td {
	background-color: #E1F2FF;
}
table.convocatories thead th {
	font-weight: bold;
	line-height: 1.4em;
	text-align: center;
	background-color: #9BD5FF;
	padding: .5em .85em .4em;
}
table.convocatories tbody th,
table.convocatories tbody td {
	background-color: #FFF;
}
table.convocatories th,
table.convocatories td {
	padding: .85em .85em .75em;
	border-style: none;
}
table.convocatories th.nivell,
table.convocatories td.nivell {
	min-width: 45px;
	max-width: 60px;
}
table.convocatories thead th:not(:first-child) {
	padding: .5em 1.5em .4em;
}
table.convocatories th:not(:first-child),
table.convocatories td {
	min-width: 75px;
	max-width: 175px;
}
table.convocatories td.nivell-mecr {
	text-align: center;
}
table.convocatories td.preu-inscripcio {
	text-align: center;
	padding-right: 0;
	line-height: 1.5em;
}

table.convocatories a {
	font-weight: bold;
	margin-left: 0;
	margin-right: .25em;
}
table.convocatories a:before {
	content: "\00bb";
 	opacity: 0;
	top: .25em;
	font-size: 1.25em;
	margin-left: -0.55em;
	margin-right: 0;
	transition-duration: 0.3s;
}
table.convocatories a:hover {
	margin-right: 0;
	border-bottom-width: 0;
}
table.convocatories a:hover:before {
	margin-left: 0;
	opacity: 1;
	margin-right: .25em;
}
table.convocatories a:active,
table.convocatories a:focus {
	border-bottom-width: 0;
}
table.convocatories td.inscripcio-tancada::after {
	margin-right: 1em;
	padding: .2em .4em .1em;
	border: 1px solid #9BD5FF;
	color: #0059A2;
	background-color: #FAFAFA;
	border-radius: .5em;
	display: inline-block;
	content: "Inscripció finalitzada!";
}
ul.list-bullets.lliures ul {
	margin: 1em 0 3em;
}
ul.list-bullets.lliures ul li {
	background: url(../css_img/icons/i-list-bullets-blue.png) no-repeat left .4em;
}



/*	llenguatge-juridic: .html;*/

#curs table,
#cursos-extra-3-cols intensius table {
	margin: 1.5em 0 .5em 1.5em;
	width: auto;
}
#curs table.cursos-extra th,
#curs table.cursos-extra td {
	padding: .75em 1em .6em;
	width: auto;
}
#curs table.cursos-extra td.calendari,
#curs table.cursos-extra td.horari {
	padding-right: 10em;
}
.docencia-llenguatge-juridic {
	position: relative;
	border: 1px solid #A6C4DE;
	caption-side: top;
	line-height: 1.5em;
}
.docencia-llenguatge-juridic th {
	font-weight: bold;
	background-color: #D6E4F0;
	padding: .75em 3em .6em;
	border-bottom: 1px solid #A6C4DE;
	text-align: center;
}
.docencia-llenguatge-juridic th:first-of-type {
	text-align: left;
}
.docencia-llenguatge-juridic td {
	padding: .75em 3em .6em;
	text-align: center;
	border-right: 1px solid #A6C4DE;
	border-bottom: 1px solid #A6C4DE;
}
.docencia-llenguatge-juridic th:first-of-type,
.docencia-llenguatge-juridic td:first-of-type {
	text-align: left;
	padding: .75em 3em .6em 1em;
}
table.preus.preus-llenguatge-juridic tbody th,
table.preus.preus-llenguatge-juridic tbody td {
	text-align: center;
	padding: .75em 2.5em .6em;
	border-right: 1px solid #9BD5FF;
}
p.inscripcio-tancada::after {
	margin-right: 1em;
	padding: .2em .4em .1em;
	border: 1px solid #9BD5FF;
	color: #0059A2;
	background-color: #FAFAFA;
	border-radius: .5em;
	display: inline-block;
	content: "Inscripció finalitzada!";
}



/*		Afegit a partir del 01/04/2020	*/

/*	Estil reiteratiu, ja està al l’arxiu styles-ub-nou.css	*/
/*	Hi ha arxius html de plantilles velles i no el criden	*/
/*	Quan tots els arxius htnl siguin de plantilles noves, es podrà eliminar	*/
.neteja {
	clear: both;
	height: 1em;
}

.intro-txt ol {
	/*list-style-type: decimal;*/
	text-align: justify;
	/*margin-left: 190px;*/
}
.intro-txt ol li {
	margin-bottom: .75em;
	list-style-position: inherit;
	line-height: 1.5em;
	padding-left: .5em;
}
.no-bold {
	font-weight: normal;
}
.cursos-estiu {
	border: 1px solid #A6C4DE;
	border-bottom-width: 0;
	min-width: 550px;
	width: auto;
	margin-bottom: 2.5em;
}
.cursos-estiu caption {
	margin-left: 0;
}
.cursos-estiu th,
.cursos-estiu td {
	padding: .5em;
	border-bottom: 1px solid #A6C4DE;
	line-height: 1.5em;
}
.cursos-estiu th:first-of-type,
.cursos-estiu td:first-of-type {
	min-width: 300px;
}
.cursos-estiu th:not(:first-of-type),
.cursos-estiu td:not(:first-of-type) {
	min-width: 250px;
}

.cursos-estiu tfoot td {
	background-color: #FAFAFA;
	
}
.cursos-estiu tfoot td.destacat {
	background-color: #FFD;
	font-weight: normal;	
}
.cursos-estiu th {
	font-weight: bold;
	background-color: #D6E4F0;
	border-bottom-width: 2px;
}
.cursos-estiu tbody tr:nth-child(even) th, 
.cursos-estiu tbody tr:nth-child(even) td {
	background-color: #ECF2F8;
}
.cursos-estiu a {
	font-weight: bold;
	margin-left: .5em;
}
table.cursos-estiu caption {
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	margin-left: 10px;
	margin-bottom: .5em;
}

/*	Logo Generalitat de Catalunya a les pàgines d’aranès: */
div.plain-txt.logo-gc {
	margin-top: 5em;
	line-height: 2.5em;
}

/*
	certificats: .html;(aranès)
*/
table.certificats-aranes {
	/*border: 1px solid #9BD5FF;*/
	margin-bottom: 2em;
	width: 100%;
	caption-side: top;
}
table.certificats-aranes tr {
	border-left: 1px solid #9BD5FF;
	border-right: 1px solid #9BD5FF;
	border-bottom: 1px solid #E0E0E0;
}
table.certificats-aranes tr:first-child {
	border-top: 1px solid #9BD5FF;
}
table.certificats-aranes tr:last-child {
	border-bottom: 1px solid #9BD5FF;
}
table.certificats-aranes thead th {
	text-align: center;
	vertical-align: middle;
	background-color: #9BD5FF;
	font-weight: bold;
}
table.certificats-aranes th,
table.certificats-aranes td {
	width: 50%;
	padding: .5em .8em;
	border-style: none;
	text-align: center;
}
table.certificats-aranes tbody th, 
table.certificats-aranes tbody td {
	background-color: #FFF;
}
table.certificats-aranes tbody tr:nth-child(even) th, 
table.certificats-aranes tbody tr:nth-child(even) td {
	background-color: #E1F2FF;
}
.table01 table.certificats-aranes caption {
	/*display: table-caption;*/
}
table.certificats-aranes caption {
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	margin-left: 10px;
	margin-bottom: .5em;
}