 	/*
	=Reset
	=Universal
	=Templates structures
	=Header
	=Footer
	=Navigation
	=Modules
	=Tables
	=Popup
	=Forms
*/
/*=Reset
-------------------------------------------------------------*/
html, body, div, dl, dt, dd, ul, ol, li, hr, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, select, textarea, p, blockquote, th, td {
	margin:0;
  	padding:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
abbr, acronym {
  border:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}

table, form, input, select, textarea {
	font-size:100%;
}
hr, fieldset, img {
	border:0;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style-type: none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

/*=Universal
-------------------------------------------------------------*/
html { 
	font-size: 125%; 
}
body{
	font-size: 0.6em;
	font-family: arial, sans-serif;
	line-height: normal; /* 1.4em; */
	color: #333;
	text-align: center;
	background-color: #FFF;
}
h3{
	font-size:1.3em;
}
ol, ul {
	margin: 0 5px 5px 25px;
}
ul ul{
	padding-top:5px;
}
ul ul li a:hover{
	background:none;
}
table, form, input, select, textarea {
	font-family: arial, sans-serif;
}
th {
	text-align:left;
}
table {
	width:100%;
}

a:link,
a:visited,
a:active {
	color:#0059a2;
	text-decoration:none;
	border-bottom: none; /* 1px dotted #0059a2; */
}
a:hover,
a:focus {
	color:#0059a2; /* #4c8bbe; */
	border-bottom: 1px dotted #0059a2; /* 1px solid #4c8bbe; */
	text-decoration:none;
	cursor: pointer;
}
strong {
	font-weight:bold;
}


.side-mod h4 {
	font-size: 1.2em;
	color: #333;
	text-indent: 1em;
	line-height: 2.2em;	
	margin-bottom: .5em;
	padding-top: .5em;
}
h1.date span {
	display: block;
	font-size: .45em;
	color: #7e7e7e;
	font-weight: normal;
	margin-top: 2em;
}
.skiplinks {
	position: absolute;
	left: -10000px;
	top: -10000px;
}


/*=Templates structures
-------------------------------------------------------------*/
#wrapper {
	background: white;
	width: 960px;
	margin: 0 auto 10px;
	text-align: left;
	box-shadow: 0 2px 10px #aaa;
}
#template01,
#template02,
#template03,
#template04,
#template05,
#template06,
#template07 {
	min-height: 500px;
	padding: 0 10px;
	margin-bottom: 3em;
	float: left;
}
#template02,
#template07 {
	padding-top: 10px;
}

#template06 {
	padding-top: 40px;	
}

/* Relative position for breadcrumb below main content */
#template02 #col02,
#template06 #col01{
	position: relative;	
}

#template01 #col01 {
	float: left;
	width: 280px;
	margin-right:20px;
}
#template01 #col02 {
	float: left;
	width: 400px;
	margin-right: 14px;
}
#template01 #col03 {
	float:left;
	width: 226px;
	margin-right:0;
}
#template02 #col01 {
	float:left;
	width: 230px;
	margin-right:20px;
	margin-left: -10px;
}
#template02 #col02 {
	float:right;
	width: 700px;
	margin-right: 0;
}

.m700-col01,
.m700-col02 {
	float: left;
	width: 340px;
}
.m700-col01 {
	margin-right: 20px;
}
#template03 {
	position: relative;	
}
#template03 #col01 {
	float: left;
	width: 230px;
	margin-right: 20px;
	margin-left: -10px;
	background: yellow;
}
#template03 #col02 {
	float: right;
	width: 340px;
	margin-right: 20px;
	background: red;
}
#template03 #col03 {
	position: absolute;
	width: 340px;
	margin-right: 0;
	background: yellow;
	left: 610px;
}

#template04 #col01 {
	float: left;
	width: 220px;
	margin-right: 20px;
}
#template04 #col02 {
	float: left;
	width: 460px;
	margin-right: 14px;
}
#template04 #col03 {
	float: left;
	width: 226px;
	margin-right: 0;
}
#template05 #col01,
#template05 #col02,
#template05 #col03,
#template05 #col04{
	float: left;
	width: 220px;
	margin-right: 20px;
}
#template05 #col04 {
	margin-right: 0;
}
#template06 #col01 {
	float:left;
	width: 700px;
	margin-right:14px;
}
#template06 #col02 {
	float:left;
	width: 226px;
	margin-right: 0;
}
#template07 #col01 {
	position: relative;
}

#template07 #left {
	float:left;
	width: 460px;
	margin-right:20px;
}
#template07 #right {
	float:left;
	width: 460px;
	margin-right: 0;
}

/*=Header
-------------------------------------------------------------*/
#header li {
	display: inline;
}

#top{
	padding-top:5px;
}

#top02 #top a:active{
	background:none;
}

#header #top01 {
	width:140px;
	height: 30px;
	background: #e5e5e5;
	font-size: .9em;
	float:right;
	/* background:url(../img/pictures/top_nou.png); */
}
#breadcrumb-ub {
	/* position: absolute; */
	top: .5em;
	/* left: 27px; */
	margin-left: 1.5em;

}
ul.breadcrumb {
	margin-left: 0;
}
.breadcrumb li {
	/* color: #0059a2; */
	background: url(../img/backgrounds/bg-breadcrumb.png) no-repeat right .5em;
	padding-right: 10px;
	margin-right: .7em;
	display: inline;
}
.breadcrumb li.last,
.breadcrumb li:last-child {
	background: none;
}
.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:active {
	/* color: #0059a2; */
	/* border-bottom: 1px dotted #0059a2; */
}
.breadcrumb a:hover,
.breadcrumb a:focus {
	/* color:#4c8bbe; */
	/* border-bottom: 1px solid #4c8bbe; */
}
#breadcrumb {
	font-size: .9em;
	margin-bottom: 1.4em;
	position: absolute;
	margin-top: -30px;
	top: 0;
}
#template02 #breadcrumb {
/*	margin-left: 240px;*/
}
#template06 #breadcrumb {
	background: #f4f4f4;
	font-size: 1.1em;
	padding: .3em 0;
	width: 940px;
	top: -12px;
}
#template06 #breadcrumb ul {
	margin-left: .5em;
}
#template06 #breadcrumb li {
	margin-right: .5em;

}
#search {
	position: absolute;
	left: 40%;
	top: .5em;
}
#search ul {
	float: right;
	margin-left: .5em;
}
#search ul li {
	float: left;
	margin-right: .5em;
}
#search ul input {
	margin-right: .4em;	
	margin-top: .2em;
	float: left;
}
#search ul li.field input {
	border: 1px solid #cecece;
	width: 110px;
	margin-top: 0;
	margin-right: 0;
	padding: 1px 1px 0;
}
#search ul li.button input {
	background: url(../img/icons/bt-search-form.png) no-repeat left top #e5e5e5;
	text-indent: -9999px;
	width: 17px;
	height: 16px;
	border: 0;
	margin-top: 1px;
	cursor: pointer;
}
#search ul li.button input:hover,
#search ul li.button input:focus {
	background: url(../img/icons/bt-search-form-over.png) no-repeat left top #e5e5e5;
}
#search ul label{
	display: block;
	float: left;
	width: auto;
}
#languages {
	position: absolute;
	right: 9px;
	top: .5em;
	color: #0059a2;
}
#languages li {
	background: url(../img/backgrounds/bg-separator.png) no-repeat right .2em;
	margin-right: 4px;
	padding-right: 8px;
	line-height: 1em;
}
#languages li.last {
	border-right: none;
	background: none;
	padding-right: 0px;
}
#top02 {
	background: url(../img/backgrounds/franja_2-top02-ub-2015.png) no-repeat left bottom;
	margin-bottom: 4px;	
	position: relative;
	height: 80px; /* 95px; */
}
#top02 h1,
#top02 span.logo-ub {
	background: url(../img/pictures/logo-ub.png) no-repeat left 20px;
	width: 289px;
	height: 40px;
	text-indent: -9999px;
	margin: 0 0 0 27px;
	display: block;
}
#top02 ul {
	position: absolute;
	right: 30px;
	bottom: 14px;
}
#top02 li {
	margin-left: 1em;
}
#top02 li.noticies {
	background: url(../img/icons/i-botones.png) no-repeat left top;
}
#top02 li.noticies:hover {
	background: url(../img/icons/i-botones.png) no-repeat -184px 0;
}
#top02 li.agenda {
	background: url(../img/icons/i-botones.png) no-repeat 0 -126px;
}
#top02 li.agenda:hover {
	background: url(../img/icons/i-botones.png) no-repeat -184px -126px;
}
#top02 li.avisos {
	background: url(../img/icons/i-botones.png) no-repeat left -740px;
}
#top02 li.avisos:hover {
	background: url(../img/icons/i-botones.png) no-repeat -184px -740px;
}
#top02 li.directori {
	background: url(../img/icons/i-botones.png) no-repeat 0 -517px;
}
#top02 li.directori:hover {
	background: url(../img/icons/i-botones.png) no-repeat -184px -517px;
}
#top02 a {
	margin-right: .5em;
	padding-left: 24px;
	border: 0;
}
#top02 a:link,
#top02 a:visited,
#top02 a:active {
	background: url(../img/backgrounds/bg-underline.png) no-repeat 24px bottom;
}
#top02 a:hover,
#top02 a:focus {
	background: url(../img/backgrounds/bg-underline-over.png) no-repeat 24px bottom;
}

#top02 #top a:link,
#top02 #top a:visited,
#top02 #top a:active{
background:none;
}
#top02 #top a:focus{
background:none;
}

#top03 {
	/* background: url(../img/backgrounds/capcalera-formulari-concert-nadal-2019.jpg) no-repeat left top; */
	height: 179px;
	margin-bottom: 10px; /* 8px; */
}
#top03 h2,
#top03 span.logo-facultat {
    color: #fff;
    font-family: 'times new roman',serif;
    font-size: 28px;
    font-weight: normal;
    padding: 52px 0 0 30px;
	display: block;
}
#top03 a:link,
#top03 a:visited,
#top03 a:hover,
#top03 a:active {
	color: #fff;
	border: 0;
}
#top03 span.slogan {
    display: block;
    font-size: 0.5em;
    margin-top: 4px;
}
#topnav {
	margin-bottom: 10px;
	height: 30px;
}
#template01 #topnav {
	margin-bottom: 20px;
}
#topnav li {
	float: left;
	width: 136px;
	margin-right: 1px;
	padding: 3px 0;
	font-size: 1em;
	line-height: 2em;
	background: #a24b72;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
#topnav li.last {
	clear: right;
	width: 138px;
	margin-right: 0;
}
#topnav li a {
	display: block;
	padding: 3px 0 3px;
	color: #fff;
	background: #be4e86;
    margin-bottom: -3px;
    margin-top: -3px;
	font-weight: normal;
	border: 0;
}
#topnav li a:hover,
#topnav li a:focus {
	background: #a24b72;
}

/*=Footer
-------------------------------------------------------------*/


#footer02 {
	width:960px;
	margin:10px auto;
	clear: both;
	position: bottom;
	height: 80px;
	/* background: url(../img/pictures/peu_banner2.jpg) no-repeat right 0px #eee; */
	background-color: #eee;
	font-size: .8em;
}
#footer02 li.first {
	clear: left;
}
#footer02 ul.data {
	margin-left: 36px;
	padding-top: 34px;
}
#footer02 ul.data li {
	float: left;
	font-size:1.2em;
	line-height: 1em;
	padding-right: .5em;
	margin-right: .5em;
	/* background: url(../img/backgrounds/bg-footer-separator.gif) no-repeat right .5em; */
	border-right: 1px solid #555;
}
#footer02 ul.data li:last-child,
#footer02 ul.data li.last {
	clear: right;
	background: none;
	border-right: none;
}
#footer02 ul.data li a {
	/* border-bottom: 1px dotted #0059a2; */
}
#footer02 ul.data li a:hover,
#footer02 ul.data li a:focus {
	/* border-bottom: 1px solid #4c8bbe; */
}
#footer02 .media {
	position: absolute;
	background: url(../img/backgrounds/bg-footer-socialmedia.png) no-repeat right top;
	right: 0;
	top: -44px;
	height: 44px;
	padding-top: 1em;
	width: 224px;
	text-align: right;
}
#footer02 .media span {
	float: left;
	text-align: right;
	padding-left: 3.5em;
}
#footer02 .media ul {
	float: right;
	margin-left: .5em;
	text-align: left;
	margin-right: 10px;
}
#footer02 .media ul li {
	float: left;
	display: inline;
}
#footer02 .media a {
	display: block;
	width: 24px;
	height: 24px;
	margin-right: 4px;
	border: 0;
}

/*=Navigation
-------------------------------------------------------------*/

/* ===Side navigation left */
.side-nav {
	margin-bottom: 3em;
	color: #0059a2;
	background: url(../img/backgrounds/bg-nav-left.png) no-repeat left bottom;
	padding-bottom: 1.5em;
	margin-top: -0.25em;
}
.side-nav h3 {
	color: #0059a2;
	font-size: 1.2em;
	background:url(../img/backgrounds/bg-nav-left-header.png) no-repeat left top;
	padding-top: .7em;
	padding-bottom: 1.8em;
}
.side-nav h3 span {
	background:url(../img/icons/i-bullet-blue.png) no-repeat left .2em;
	padding-left: .7em;
	display: block;
	margin-left: .8em;
}
.side-nav ul {
	margin-left: 1.6em;
}
.side-nav li {
	background: url(../img/icons/i-arrow-menu.png) no-repeat left .4em;
	margin-bottom: .6em;
}
.side-nav li:hover {
	background: url(../img/icons/i-arrow-menu-over.png) no-repeat left .4em;
}
.side-nav li a {
	padding-left: 1em;
	background: url(../img/backgrounds/bg-underline.png) no-repeat 1em  bottom;
	border: 0;
}
.side-nav li a:hover,
.side-nav li a:focus {
background: url(../img/backgrounds/bg-underline-over.png) no-repeat 1em  bottom;	color: #4c8bbe;
}
.side-nav li li {
	background: url(../img/icons/i-bullet-dash-blue.png) no-repeat 0 .7em;
	padding-left: 1em;
}
.side-nav li li a {
	margin-left: -1em;
	border: 0;
}
.side-nav li.open {
	font-weight: bold;
	background: url(../img/icons/i-arrow-menu-open.png) no-repeat left .6em;
	padding-left: 1em;
}
.side-nav li.open ul {
	margin-left: 0;
	margin-top: .6em;
}
.side-nav li.open li {
	font-weight: normal;
	background: url(../img/icons/i-bullet-dash-blue.png) no-repeat 0 .7em;
}
.side-nav li.open li.selected {
	font-weight: bold;	
}
.side-nav li li li {
	background: url(../img/icons/i-bullet-dash-blue.png) no-repeat 48px top;
}
.side-nav li li li a {
	padding-left: 48px;
	border-bottom: 1px dotted blue;
	text-decoration: overline;
}

/* ===Side navigation right */
#template06 .side-nav {
	background: url(../img/backgrounds/bg-side-nav-right.png) no-repeat left top;
	padding-bottom: 0;
	padding-top: 1.5em;
	margin-left: 6px;
}
#template06 .side-nav ul {
	background: url(../img/backgrounds/bg-side-nav-right.png) no-repeat left bottom;
	padding-bottom: 1.2em;
	margin: 0;
}
#template06 .side-nav ul ul {
	background: none;
	margin-top: .5em;
	margin-bottom: 0;
	padding-bottom: 0;
}
#template06 .side-nav ul li {
	margin: 0 1.5em .5em;
}
#template06 .side-nav ul li li {
	margin: 0 0 .5em .5em ;
}
#template06 .side-nav li.sep {
	border-bottom: 1px dotted #dcdcdb;
	padding-bottom: 1.4em;
	margin-bottom: 1.2em;
}
#template06 .side-nav li.sep li {
	border-bottom: 0;
}

/* ===Paging */
.paging {
	clear: both;
	float: right;
	margin-right: 6px;
	margin-bottom: 1em;
}
.paging li {
	float: left;
}
.paging a {
	display: block;
	width: 24px;
	height: 24px;
	border-bottom: 0 !important; 
}
.paging li.disabled {
	width: 24px;
	height: 24px;
}
.paging .prev.disabled {
	background: url(../img/icons/bt-prev-disabled.png) no-repeat left top;
}
.paging .next.disabled {
	background: url(../img/icons/bt-next-disabled.png) no-repeat left top;
}

/* ===Paging 2 */
.pagination {
	font-size: 1.1em;
	float: right; 
	clear: both; 
	margin-bottom: 3em;
}
.pagination ul {
	clear: both;
	float: right;
}
.pagination ul li {
	float: left;
}
.pagination li.middle {
	padding: 0 .5em;
}
.pagination li.previous a:hover {
	background: none;
}
.pagination li.next a:hover {
	background: none;
}
.pagination li.previous {
	background: url(../img/icons/bt-prev-small.png) no-repeat left .1em;
}
.pagination li.previous:hover,
.pagination li.previous:focus {
	background: url(../img/icons/bt-prev-small-over.png) no-repeat left .1em;
}
.pagination li.next {
	background: url(../img/icons/bt-next-small.png) no-repeat right .1em;
}
.pagination li.next:hover,
.pagination li.next:focus {
	background: url(../img/icons/bt-next-small-over.png) no-repeat right .1em;
}
.pagination a {
	border: 0;
}
.pagination li.previous a {
	background: url(../img/backgrounds/bg-underline.png) no-repeat 1.5em bottom; 
	padding-left: 1.5em;
}
.pagination li.next a {
	background: url(../img/backgrounds/bg-underline.png) no-repeat -352px bottom;
	padding-right: 1.5em;
}
.pagination li.previous a:hover,
.pagination li.previous a:focus {
	background: url(../img/backgrounds/bg-underline-over.png) no-repeat 1.5em bottom;
	color: #4c8bbe;
}
.pagination li.next a:hover,
.pagination li.next a:focus {
	background: url(../img/backgrounds/bg-underline-over.png) no-repeat -352px bottom; 
	color: #4c8bbe;
}
.pagination li.previous.hidden {
	display: none;
}
.pagination li.next.hidden {
	display: none;
}
/* ===Subsection navigation */
.int-nav {
	float: left;
	clear: both;
	margin-bottom: 2em;
	font-weight: bold;
}
.int-nav li {
	display: inline;
	color: #0059a2;
	border-right: 1px solid #0059a2;
	margin-right: .6em;
	padding-right: .6em;
}
.int-nav li.last {
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
	clear: right;
}
.int-nav a {
	font-weight: normal;
}

/*estil incorporat 03-05-2011 -- menu per a ajax*/
/*Lista horizontal separación rayas*/
.paginador li{
	float:left;
 
	 }
.paginador .last  { background:none;}
.paginador:after {height: 0;content: ".";visibility: hidden;display: block;clear: both;}
.paginador a.selected {color:#0059A2; font-weight:bold; border-bottom-color:#0059A2;}

/* ===Module links (RSS, més avisos)  */
#wrapper .mod-links {
    float: right;
	clear: both;
}
#wrapper .mod-links ul {
	clear: both;
	float: left;
}
#wrapper .mod-links li {
	float: left;
	background: url(../img/backgrounds/bg-separator.png) no-repeat right .4em;
	margin-right: .7em;
	padding-left: 0;
	padding-right: 8px;
	margin-bottom: 1.4em;
}
#wrapper .mod-links li.last {
	clear: right;
	border-right: none;
	background: none;
	padding-right: 0px;
}
#wrapper .mod-links li.rss span {
	background: url(../img/icons/i-rss.png) no-repeat right top;
float: right;
}
#wrapper .mod-links li a {
	text-decoration: none;
	background: url(../img/backgrounds/bg-underline.png) no-repeat left bottom;
	border-bottom: 0 !important;
}
#wrapper .mod-links li.rss a {
	padding-right: 24px;
	background: url(../img/backgrounds/bg-underline.png) no-repeat -376px bottom;
}
#wrapper .mod-links li a:hover,
#wrapper .mod-links li a:focus {
	background: url(../img/backgrounds/bg-underline-over.png) no-repeat left bottom;	
}
#wrapper .mod-links li.rss a:hover,
#wrapper .mod-links li.rss a:focus {
	background: url(../img/backgrounds/bg-underline-over.png) no-repeat -376px bottom;	
}
/* ===Module actions (Compartir, download) */
.mod-actions {
	clear: both;
	background: url(../img/backgrounds/bg-mod-actions.png) repeat-x left top;
	float: right;
	padding: 1em;
	margin-bottom: 10em;
}
.mod-actions ul {
	float: left;
	clear: both;
}
.mod-actions li {
	float: left;
	height: 17px;
	border-right: 2px solid #0059a2;
	margin-right: 1.4em;
}
.mod-actions li.agenda {
	background: url(../img/icons/i-agenda-small.png) no-repeat left 0em;
	border-right: 0;
	height: 19px;
	margin-right: 0;
}
.mod-actions li.pdf {
	background: url(../img/icons/i-pdf-small.png) no-repeat left 0em;
	border-right: 0;
	height: 19px;
	margin-right: 0;
}
.mod-actions dl {
	display: inline;
}
.mod-actions dt {
	float: left;
	padding-right: 1em;
}
.mod-actions dd {
	width: 13.5em;
}
.mod-actions dd a {
	float: left;
	display: block;
	margin-right: .7em;
	height: 18px;
	border: 0;
}
.mod-actions a.mail {
	width: 24px;
}
.mod-actions a.facebook {
	width: 18px;
}
.mod-actions a.twitter {
	width: 18px;
}
.mod-actions li.agenda a {
	background: url(../img/backgrounds/bg-underline.png) no-repeat 2.2em bottom; padding-left: 2.2em;
	border: 0;
}
.mod-actions li.pdf a {
	background: url(../img/backgrounds/bg-underline.png) no-repeat 1.8em bottom;
	padding-left: 1.8em;
	border: 0;
}
.mod-actions li.agenda a:hover,
.mod-actions li.agenda a:focus {
	background: url(../img/backgrounds/bg-underline-over.png) no-repeat 2.2em bottom; color: #4c8bbe;
}

.mod-actions li.pdf a:hover,
.mod-actions li.pdf a:focus {
	background: url(../img/backgrounds/bg-underline-over.png) no-repeat 1.8em bottom; color: #4c8bbe;
}

/*=Lists
-------------------------------------------------------------*/

/* ===Sitemap */
#template07 #col01 ul.sitemap {
	margin-left: 5.2em;
	}
ul.sitemap li h6 {
	padding-left: 6px;
}
#template07 ul.sitemap li h6 {
	padding-left: 0;
}
ul.sitemap li {
	float: left;
	width: 132px;
	background: url(../img/icons/i-bullet.png) no-repeat left .3em;
	margin-right: 5px;
}
#template07 ul.sitemap li {	
	float: none;
	background: url(../img/icons/i-bullet-blue.png) no-repeat left .3em;
	margin-bottom: 3em;
	width: auto;
}
ul.sitemap li li {
	float: none;
	width: auto;
	background: none;
	line-height: 1.6em;
	margin-left: 15px;
	margin-right: 5px;
}
#template07 ul.sitemap li li {
	float: none;
	width: auto;
	background: none;
	margin-bottom: 0;
}
#template07 ul.sitemap li a {
	background: url(../img/backgrounds/bg-underline.png) no-repeat 15px bottom;
	padding-left: 15px;
	border: 0;
}
#template07 ul.sitemap li a:hover,
#template07 ul.sitemap li a:focus {
	background: url(../img/backgrounds/bg-underline-over.png) no-repeat 15px bottom;
}
#template07 ul.sitemap li li a {
	background: url(../img/backgrounds/bg-underline.png) no-repeat left bottom;
	padding-left: 0;
}
#template07 ul.sitemap li li a:hover,
#template07 ul.sitemap li li a:focus {
	background: url(../img/backgrounds/bg-underline-over.png) no-repeat left bottom;
}

/*=Modules
-------------------------------------------------------------*/
.mod01,
.mod02,
.mod03,
.mod04,
.mod05,
.ads
.side-mod {
	float: left;
	clear: both;
	margin-bottom: 22px;
	width: 100%;
}
.mod01 {
	background: url(../img/backgrounds/bg-mod01.png) no-repeat left bottom;
}
.mod01 h3 {
	background: url(../img/backgrounds/bg-mod01-header.png)	no-repeat left top;
	height: 46px;
}
.mod01 ul {
	margin-left: 14px;	
}
.mod01.mod-links ul {
	margin-left: 0;	
}
.mod01 li {
	background: url(../img/icons/i-bullet-red.png) no-repeat left .3em;
	padding-left: 12px;
	padding-right: 10px;
	margin-bottom: 1em;
}
.mod01 span {
	margin-right: .3em;
}
.mod01 .mod-links li {
	background: url(../img/backgrounds/bg-separator.png) no-repeat right .2em;
	margin-right: 0;
	padding-right: 8px;
	padding-left: 0;
	margin-left: 0;
}

.mod02 {
	background: url(../img/backgrounds/bg-mod02.png) no-repeat left bottom;
}
.mod02 h3 {
	background: url(../img/backgrounds/bg-mod02-header.png)	no-repeat left top;
	text-indent: 12px;
	height: 36px;
	margin-bottom: 0 !important;
}
.mod02 ul {
	background: url(../img/backgrounds/bg-mod02.png) no-repeat left bottom;
}
.mod03 {
	background: url(../img/backgrounds/bg-mod03.png) no-repeat left bottom;
}
.mod03.ag #news {display: none;}
.mod03.not #agenda {display: none;}
.list-img-txt-news .left {
	width: 50px;
	float: left;
	margin-right: 12px;
}
.list-img-txt-news .right {
	width: 300px;
	float: left;
	clear: right;
}
.mod03 h3 {
	height: 50px;	
	margin-bottom: 14px;
	position: relative;
}
.mod03.not h3.noticies {
	background: url(../img/backgrounds/bg-mod03-header-not.png) no-repeat left top;
}
.mod03.ag h3.noticies {
	background: url(../img/backgrounds/bg-mod03-header-agenda.png) no-repeat left top;
}
.mod03 h3.header2 {
	margin-top: -3.6em;
	margin-left: 200px;
}
.mod03 h3 a {
	border: none;
}
.mod03 span.agenda {
	left: 0;
	margin-left: 0;
	position: absolute;
	top: 1px;
}
.list-img-txt-news  li {
	float: left;
	clear: both;
	padding-left: 12px;
	margin-bottom: 1em;
}
.list-img-txt-news  li a {
}
.list-img-txt-news  li span {
	display: block;
}
.list-img-txt-news  img {
	margin-top: .3em;
}

.list-txt  li {
	float: left;
	clear: both;
	padding-left: 12px;
	margin-bottom: 1em;
}
.mod04 {
	background: url(../img/backgrounds/bg-mod04.png) no-repeat left bottom;
	float: left;
	clear: both;
}

.list-img130-txt .left {
	width: 130px;
	float: left;
	margin-right: 12px;
	margin-left: 12px;
}
.list-img130-txt .right {
	width: 220px;
	float: left;
	clear: right;
}
.mod04 h3 {	
	margin-bottom: 18px;
	background: url(../img/backgrounds/bg-mod04-header.png) no-repeat left top;
}

.mod04 ul.tags {
	padding-left: 12px;
	line-height: 24px;
	margin-bottom: 1em;
	float: left;
	clear: both;
}
.mod04 ul.tags li {
	float: left;
	height: 24px;
	margin: 0 .5em 0 0;
    padding: 0;
}
.mod04 ul.tags li.peque {
    font-size: 1em;
}
.mod04 ul.tags li.medio {
    font-size: 1.2em;
    padding: .0005em 0 0;
}
.mod04 ul.tags li.grande {
    font-size: 1.5em;
	line-height: 1.1em;
}
.mod04 ul.tags li.grande a {
	float: left;
}

.mod05 {
	background: url(../img/backgrounds/bg-mod05.png) no-repeat left bottom;
	margin-top: 3px;
	position: relative;
}
.mod05.portals {
	background: url(../img/backgrounds/bg-mod05a.png) no-repeat left bottom;
}
#wrapper .mod05 h4 {
	background: url(../img/backgrounds/bg-mod05-header.png) no-repeat left top;
	margin-top: -3px;
	margin-bottom: .5em;
}
.mod05.portals h4 {
	background: url(../img/backgrounds/bg-mod05a-header.png) no-repeat left top;
}
.mod05 span.link {
	position: absolute;	
	width: 20px;
	height: 20px;
	right: 24px;
	top: .6em;
}
.mod05 span a {
	display: block;
	border: 0;
}
#template06 .mod05 {
	margin-left: 6px;
}
#template01 .ads,
#template04 .ads{
	margin-bottom: 0;
	margin-left: 6px;
	clear: both;
}
.ads p {
	width: 220px; 
	color: #fff;
	margin-bottom: 22px;
	font-size: 1.2em;
	line-height: 1.4em;
}
.ads a {
	display: block;
	color: #fff !important;
	padding: .6em 0 .8em 0.8em;
	border: 0 !important;
}
.ads p span {
	font-size: 1.4em;
	display: block;
	text-align: center;
	margin-left: -10px;
}
.ads p.ad01 {
	background: url(../img/pictures/destacat-1.png) no-repeat left top;
}
.ads p.ad02 {
	background: url(../img/pictures/destacat-2.png) no-repeat left top;
}


/* ===List home Portas i Intranets  */
ul.list-portals {
	margin-left: 24px;
	margin-bottom: 1em;
}
ul.list-portals li {
	margin-bottom: .2em;
	background: url(../img/icons/i-bullet-dash-blue.png) no-repeat left .7em;
	padding-left: 10px;
}

/* ===List home Estudis, Unitats  */
ul.list-select {
	margin-left: 6px;
	margin-bottom: .5em;
	margin-right: 14px;
}
ul.list-select select {
	border: 1px solid #cecece;
}
ul.list-select li a {
	color: #595959 !important;
	border: 0 !important;
	display: block;
	padding: .3em 0;
}
ul.list-select li a:hover,
ul.list-select li a:focus {
	color: #4c8bbe !important;	
}
#content ul.list-select li.close a {
	background: url(../img/icons/i-arrow-close.png) no-repeat 190px .6em;
}
#content ul.list-select li.close a:hover,
#content ul.list-select li.close a:focus {
	background: url(../img/icons/i-arrow-close-over.png) no-repeat 190px .6em;
}
#content ul.list-select li.open a {
	background: url(../img/icons/i-arrow-open.png) no-repeat 190px .6em;
}
#content ul.list-select li.open a:hover,
#content ul.list-select li.open a:focus {
	background: url(../img/icons/i-arrow-open-over.png) no-repeat 190px .6em;
}
ul.list-select li {
	padding-left: 4px;
	margin-left: 4px;
}
ul.list-select li.close {
	border-bottom: 1px dotted #e5e5e5;
}
ul.list-select li.open {

}
ul.list-select div {
	margin-bottom: .5em;
}

/* ===List features */
ul.list-destacados {
	margin-bottom: 0;
}
ul.list-destacados li {
	background: url(../img/backgrounds/bg-mod02-destacados.png)	no-repeat 1px top;
	line-height: 2.5em;
}
ul.list-destacados li li {
	margin-left: 10px;	
}
#content ul.list-destacados li.close a,
#content ul.list-destacados li.open a {
	color: #595959 !important;
	display: block;
	border: 0 !important;
	height: 31px;
	padding-left: 12px;
}
#content ul.list-destacados li.close a {
	background: url(../img/icons/i-arrow-close.png) no-repeat 256px 1em;
}
#content ul.list-destacados li.close a:hover,
#content ul.list-destacados li.close a:focus {
	background: url(../img/icons/i-arrow-close-over.png) no-repeat 256px 1em;
	color: #4c8bbe !important;
}
ul.list-destacados li.open a {
	background: url(../img/icons/i-arrow-open.png) no-repeat 256px 1em;
}
ul.list-destacados li.open a:hover,
ul.list-destacados li.open a:focus {
	background: url(../img/icons/i-arrow-open-over.png) no-repeat 256px 1em;
	color: #4c8bbe !important;
}
ul.list-destacados li.open div {
	margin: 18px 18px 10px;	
}
ul.list-destacados li.open div img {
	margin-bottom: 0;	
}
ul.list-destacados li.open p {
	line-height: 1.2em;	
}
ul.list-destacados li.open #open-mod02 a {
	display: inline !important;
	background: none;
	color: #0059a2 !important; 
	border-bottom: 1px dotted #0059a2 !important;
	height: auto;
	padding-left: 0;
}
ul.list-destacados li.open #open-mod02 a:hover,
ul.list-destacados li.open #open-mod02 a:focus {
	color:#4c8bbe !important;
	border-bottom: 1px solid #4c8bbe !important;
}
/* ===Featured documents  */
.dest-docs {
	background: #edf3f8;
	margin-bottom: 2em;
	clear: both;
	float: left;
	width: 100%;
}
.dest-docs ul {
	margin: 1em;
}
/* ===List documents */
ul.docs {}
ul.docs li {
	margin-bottom: .5em;
	padding: 0;
}
ul.docs li.ext {
	background: url(../img/icons/i-ext.png) no-repeat left .3em;
}
ul.docs li.pdf {
	background: url(../img/icons/i-pdf.png) no-repeat left top;
}
ul.docs li.word {
	background: url(../img/icons/i-doc.png) no-repeat left top;
}
ul.docs li.xls {
	background: url(../img/icons/i-xls.png) no-repeat left top;
}
ul.docs li.ppt {
	background: url(../img/icons/i-ppt.png) no-repeat left top;
}
ul.docs li.txt {
	background: url(../img/icons/i-txt.png) no-repeat left top;
}
ul.docs li.file {
	background: url(../img/icons/i-file.png) no-repeat left top;
}
ul.docs a {
	padding-left: 2.6em;
	line-height: 2.4em;
	background: url(../img/backgrounds/bg-underline.png) no-repeat 2.6em bottom;
	border: 0;
}
ul.docs a:hover,
ul.docs a:focus {
	background: url(../img/backgrounds/bg-underline-over.png) no-repeat 2.6em bottom;
}
.intro-txt {
	background: #f4f4f4;
	padding: 2em 2em 1.3em;
	margin-bottom: 2em;
	float: left;
	clear: both;
}
.intro-txt img {
	float: left;
	margin-right: 2em;
	margin-bottom: 1em;
}
.intro-txt p {
	margin-bottom: .7em;
}
.intro-txt p.last {
	margin-bottom: 0;
}
.data-activity {
	clear: both;
	float: left;
	margin-bottom: 1.5em;
}
.data-activity p {
	margin-bottom: 1em;
}
.data-activity .img {
	float: left;
	width: 150px;
	margin-right: 2em;
}
.data-activity .txt {
	float: left;
	width: 526px;
}
.video-txt {
	clear: both;
	float: left;
}
.video-txt h3 {
	margin-bottom: .6em;
}
.video-txt p {
	margin-bottom: 1em;
}
.video-txt .img {
	float: left;
	width: 245px;
	margin-right: 2em;
}
.video-txt .txt {
	float: left;
	width: 430px;
}
.datalist01 dt {
	float: left;
	font-weight: bold;
	margin-right: 1em;
	margin-bottom: 1em;
}
.datalist01 dd {
	clear: right;
		margin-bottom: 1em;
}
.list-bullets {
	margin-left: 1.5em;
	clear: both;
	margin-bottom: 1em;
}
.list-bullets li {
	background: url(../img/icons/i-list-bullets.png) no-repeat left .4em;
	padding-left: 1.5em;
	line-height: 1.3em;
	margin-bottom: 5px;
}
.list-bullets a {
	/*background: url(../img/backgrounds/bg-underline.png) no-repeat left bottom;*/
	/*border: 0;*/
}
.list-bullets a:hover,
.list-bullets a:focus {
	/*background: url(../img/backgrounds/bg-underline-over.png) no-repeat left bottom; color: #4c8bbe;*/
}
.plain-txt {
	clear: both;
}
.plain-txt p {
	margin-bottom: 1em;
}
.plain-txt p.last {
	margin-bottom: 2em;
}
.dest {
	background: #edf3f8;
	padding: 1em;
	margin-bottom: 2em;
	clear: both;
}
.mod700 {
	margin-bottom: 1em;
	float:left;
}
.dest-facultat {
	clear: both;
	float: left;
	margin-bottom: 2em;
}
.list-img-txt {
	clear: both;
	margin-bottom: 2em;
	float: left;
}
.list-img-txt li {
	clear: both;
	float: left;
	margin-bottom: 2em;
}
.list-img-txt .left {
	float: left;
	width: 80px;
	margin-right: 1.5em;
}
.list-img-txt .left a {
	border: 0
}
.list-img-txt .right {
	float: left;
	width: 48em;
}
.m700-col01 .list-img-txt .right,
.m700-col02 .list-img-txt .right {
	width: 20.1em;
}
.list-img-txt h3 {
	background: url(../img/icons/i-arrow-menu.png) no-repeat left .4em;
	font-size: 1.1em;
	margin-bottom: .3em;
}
.list-img-txt h3:hover {
	background: url(../img/icons/i-arrow-menu-over.png) no-repeat left .4em;
}
.list-img-txt h3 a {
	background: url(../img/backgrounds/bg-underline.png) no-repeat 1em bottom;
	padding-left: .8em;
	text-decoration: none;
	border: 0;
}
.list-img-txt h3 a:hover,
.list-img-txt h3 a:focus {
	background: url(../img/backgrounds/bg-underline-over.png) no-repeat 1em bottom; color: #4c8bbe;
}
.list-img-txt p {
	padding-left: 1em;
}
.list-news .list-img-txt .left {
	width: 140px;
}
.list-news .list-img-txt .right {
	width: 45em;
}
.list-news .list-img-txt h3 {
	background: 0;	
}
.list-news .list-img-txt h3 a {
	padding: 0;
	background: url(../img/backgrounds/bg-underline.png) no-repeat 0 bottom;
}
.list-news .list-img-txt h3 a:hover,
.list-news .list-img-txt h3 a:focus {
	background: url(../img/backgrounds/bg-underline-over.png) no-repeat 0 bottom;
}
.list-news .list-img-txt p {
	padding-left: 0;
}
span.date {
	color: #7e7e7e;
	display: block;
}

.intro-ficha {
	background: #e7e7e7;
	float: left;
	clear: both;
	margin-bottom: 2em;
	width:100%;
	padding-top: 2em;
	padding-bottom: 2em;
}
.intro-ficha .left {
	float: left;
	width: 120px;
	margin-left: 2em;
	margin-right: 20px;
}
.intro-ficha .right {
	float: left;
	width: 520px;
}
.intro-ficha li {
	font-weight: bold;
}
.intro-ficha li.mail {
	margin-bottom: 1em;
	font-weight: normal;
}
.side-mod {
	background: url(../img/backgrounds/bg-side-mod.png) no-repeat left top;
	margin-left: 6px;
	margin-bottom: 4em;
}
.side-mod ul.side-nav {
	background: none;
	margin-left: 1.2em;
	padding-bottom: 0;
	margin-bottom: 0;
}
.side-mod ul.side-nav li {
	background: url(../img/icons/i-bullet-dash-blue.png) no-repeat left .7em;
	margin-bottom: .5em;
}
.side-mod ul.docs {
	background: none;
	margin-left: 1.2em;
}
.side-mod ul.docs li {
	margin-bottom: .5em;	
}
.side-mod ul.docs a {
	border: 0 ;
	background: none;
	text-decoration: none;
	display: block;
	padding-left: 30px;
	line-height: 1.4em;
	padding-top: .3em;
}
.side-mod ul.docs a:hover {
	text-decoration: none;
	border: 0 !important;
	color: #4c8bbe;
	background: none;
}
.side-mod ul.docs a span {
	border-bottom: 1px dotted #0059a2;
}
.side-mod ul.docs a span:hover,
.side-mod ul.docs a span:focus {
	border-bottom: 1px solid #4c8bbe;
}



/*=Tables
-------------------------------------------------------------*/
.table01,
.table02 {
	clear: both;
	font-family: arial, sans-serif;
	font-family: 1.2em;
	margin-bottom: 3em;
}
.table01 table,
.table02 table {
	border: 0;
}
.table01 caption,
.table02 caption {
	display: none;
}
.table01 th,
.table01 td {
	padding: .5em;
	vertical-align: top;
}
.table01 th {
	background: #ccdeec;
	color: #0059a2;
	border: 1px solid white;
	border-width: 1px 0 0 0;
}
.table01 thead th {
	border-width: 0 0 0 1px;
	vertical-align: middle;
}
.table01 thead th.first {
	background: #337ab5;
	color: #fff;
	border-width: 0;
}
.table01 td {
	border: 1px solid white;
	border-width: 1px 0 0 1px;
}
.table01 td {
	background: #f0f5f9;
}
.table02 table {
	border-collapse: inherit;
}

.table02 th {
	font-weight: bold;
}
.table02 th,
.table02 td {
	border: 0;
	padding: .5em;
}
.table02 th.col01 {
	width: 35%;	
}
.table02 th.col02 {
	width: 25%;	
}
.table02 th.col03 {
	width: 40%;	
}
.table02 a {
	border-bottom: 1px dotted #0059a2;
}
.table02 a:hover,
.table02 a:focus {
	border-bottom: 1px solid #4c8bbe;
}


.submit {text-align: right;}


#wrapper form input.defaultaction,
#wrapper form input.defaultaction,
#popup .submit input.defaultaction {
	border: 2px solid #676767;
	font-weight: bold;
}

.public_opinio li{
	width:30%;
	float:left;
	margin:5px 10px;
	line-height:20px;
}

.public_opinio{
	display:inline-block;
	height:120px;
}

.public_opinio .nom_pub{
	font-size:15px;
	font-weight:bold;
	margin-top:10px;
	padding-bottom:3px!important;
}

.phm{
height:110px!important;
}

/*estils dos columnes artistes*/

ul.dos-col{
	/* display:inline-block; */
	padding: 0 4em;
	clear: both;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
   -webkit-flex-flow: row wrap; /* Safari 6.1+ */
	justify-content: space-between; /* space-around; */
	-webkit-justify-content: space-between;; /* Safari 6.1+ */
}
#contingut_edicio .dos-col li{
	/* float:left; */
	/* width:370px; */
	flex: 0 0 39%;
}
.dos-col li:nth-child(odd){
	/* margin-right:130px; */
}
#contingut_edicio .dos-col li.artistes{
	min-height:450px;
	border-bottom:none;
	display: block;
	overflow: inherit;
	margin-bottom: 10px;
}
#contingut_edicio .dos-col li.artistes:last-child {
	/* margin: 0 470px 4em 0; */
	min-height: 450px; /* 50px; */
	height: 50px;
	margin-top: 3em;
	margin-bottom: 0;
}
#contingut_edicio .dos-col li.artistes:last-child h2 {
	border-top: 4px solid #ddd;
	border-bottom: none;
	padding-top: 5px;
	/* margin-top: 2.5em; */
	width: 800px;
	/* background-color: #f3f3f3; */
}
.fitxa_concert ul.dos-col{
	display:inline-block;
}
#contingut_edicio .fitxa_concert .dos-col li{
	float:left;
	width:200px;
}
#contingut_edicio .fitxa_concert .dos-col li:nth-child(odd){
	margin-right:130px;
	width:600px;
}

#contingut_edicio .fitxa_concert .dos-col li.artistes{
	min-height:450px;
	height:auto;
	border-bottom:none;
}

.espai .col-left{
	float:left;
	width:60%;
}
.edicions .col-left{
	float:left;
	width:50%;
}

.edicions .col-right{
	float:right;
	width:47%;
}

.edicions{
	padding-top:30px;
	display:inline-block;
}

#edicions{
	height:90px;
}
ol.numerada {
	list-style-type: decimal;
	margin-left: 2em;
}
em {
	font-style:italic;
	color: #999;
}
.text-centrat {
	text-align: center;
}
.text-dreta {
	text-align: right;
}
.text-esquerra {
	text-align: left;
}
.text-sagnat {
	padding-left: 1.5em;
}