/*
  Gamma colors (de fosc a clar):
    #8e3f6c
    #a56c8c
    #cfb0c0
    #f4eef2	
    Granate UdL   #6F0047;
    Granate clar  #AE5585;
*/
  

body {
  font-family: sans-serif, Verdana, Arial, Geneva, Helvetica;
/*  background-image: url("/export/system/modules/org.opencms.nouudl/resources/imgs/fons1.gif");*/
  font-size: 11px;
/*  background-color: #ffffef;*/
  background-color: #e0e0e0;
  margin: 0;
  padding: 0;
  text-align: center;
}

img {
  border: 0;
  margin: 0;
  padding: 0;
}

#a_la_dreta{
  display: inline;
  float: right;
  text-align: right;
  width: 220px;
  background-color: #8e3f6c;
  padding-right: 5px;
}



#a_la_esquerra{
  display: inline;
  float: left;
  text-align: left;
  width: 215px;
  background-color: #8e3f6c;
  background-image: url('/export/system/modules/org.opencms.nouudl/resources/imgs/tauler_title_caps.gif');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  }

#a_la_esquerra img{
 position: relative;
 top: 2px;
 left: -8px;
 padding: 0px;
 margin: 0px;
 width: 35px;
 heigth: 12px;
}
  

/********************/
/* PROMO            */
/********************/


#promo {
  clear: both;
  position: absolute;
  top: 0px;
  left: 258px;
}

/********************/
/* IDIOMES          */
/********************/


#idiomes {
  position: relative;
  text-align: right;
  left: 335px;
  top: 1px;
  width: 75px;
}

#idiomes a {
  color: #a56c8c;
  letter-spacing: 0.025em;
  text-decoration: none;
  font-weight: normal;
}

#idiomes a:link {
  color: #a56c8c;
  text-decoration: none;
}

#idiomes a:visited {
  color: #a56c8c;
  text-decoration: none;
}

#idiomes a:hover, .idioma a:hover {
  color: #a56c8c;
  text-decoration: underline;
}

#idiomes a:active {
  color: #a56c8c;
}

#idiomes ul {
  position: relative;
  margin: 0;
  padding: 0;
  display: block;
}

#idiomes li {
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
  list-style-type: none;
}

#idiomes ul li { 
  display: inline; 
  width: 100px; 
}


/********************/
/* PORTADA          */
/********************/

#portada {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px;
  background-color: #a51d6a;
  width: 762px;
/*  heigth: 91px;*/
}

#portada img{
  width: 762px;
  heigth: 91px;
}

/********************/
/* COS DE LA PAGINA */
/********************/

#marco {
  text-align: center;
  display: block;
  padding-top: 0;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 0;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 772px;
  background-color: #ffffff;
  border: 0;
}

#cuerpo {
  text-align: left;
  display: block;
  margin: auto;
  width: 772px;
}

#col_esq {
  clear: both;
  position: relative;
  float: left;
  display: block;
  text-align: left;
  margin-left: 0px;
  width: 136px;
  height: auto;
  margin-top: 1px; /* carol*/
}

#col_esq_portada {
  clear: both;
  position: relative;
  float: left;
  display: block;
  text-align: left;
  margin-left: 0px;
  width: 136px;
  height: auto;
  margin-top: 14px; /* NOU CAROL*/

}

#caixa_central {
  position: relative;
  display: block;
  text-align: left;
  padding: 0px;
  margin-left: 136px;
  margin-bottom: 0px; 
  margin-right: 0px; 
  margin-top: 1px; /* carol*/
  width: 626px;
  height: auto;
  z-index: 0;
}


#caixa_central_cos {
  position: relative;
  display: block;
  text-align: left;
  padding: 0;
  margin-left: 0px;
  margin-bottom: 0px; 
  margin-right: 0px; 
  /*margin-top: 0px;*/
  width: 98%;
  height: 100%;
}

#caixa_central_cos_sense {
  position: relative;
  display: block;
  text-align: left;
  padding: 0;
  margin-left: 0px;
  margin-bottom: 0px; 
  margin-right: 0px; 
  width: 100%;
}


/********************/
/* PEU              */
/********************/

#peu {
  clear: both;
  width: 761px;
  background-color: #8e3f6c;
  position: relative; 
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
}

#peu_text {
  color: #ffffff;
  text-align: center;
  line-height: 12px;
}

#peu_text a {
  color: #ffffff;
  text-decoration: none;
  font-weight: normal;
}

#peu_text a:link {
  color: #ffffff;
}

#peu_text a:visited {
  color: #ffffff;
}

#peu_text a:hover {
  color: #ffffff;
}

#peu_text a:active {
  color: #ffffff;
}


/********************/
/* PEU NOTICIES     */
/********************/


#peu_noticies {
  clear: both;
  width: 90%;
  background-color: #cfb0c0;
  position: relative; 
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;

}

#peu_noticies span{
  clear: both;
  color: #ffffff;
  text-align: center;
  line-height: 12px;
}

#peu_noticies span a {
  color: #ffffff;
  text-decoration: none;
}

#peu_noticies span a:link {
  color: #ffffff;
}

#peu_noticies span a:visited {
  color: #ffffff;
}

#peu_noticies span a:hover {
  color: #ffffff;
}

#peu_noticies span a:active {
  color: #ffffff;
}




/********************/
/* MENU SUPERIOR    */
/********************/


#barra_menu {
  text-align: left;
  width: 762px;
  height: 22px;
  background-image: url("/export/system/modules/org.opencms.nouudl/resources/imgs/barra_menu.png");
  background-repeat: repeat-x;
  position: relative;
  margin-bottom: 1px
  z-index: 1000;
  
}

#menu_sup {
  margin: 0px 0px 0px 0px;
/*  padding: 6px 0px 0px 0px;*/
  padding: 0px 0px 0px 0px;
  height: 22px;
  border: 0px;
  list-style: none;
  overflow: hidden;
}

#cuerpo > #menu_sup {
  overflow: visible;
}

#barra_menu > #menu_sup {
  overflow: visible;
}


#menu_sup li {
  position: relative;
  float: left;
  color: #ffffff;
  text-align: left;
  line-height: 12px;
  font-size: 11px;
  z-index: 1000;
}

#menu_sup li:hover ul , #menu_sup li.over ul {
  display: block;
}

#menu_sup li ul {
  border-top: 1px solid #ffffff;
  color: #a56c8c;
  margin-top: 0px;
/*  margin-top: 2px;*/
  margin-left: 1px;
  padding: 0;
  list-style-type: none;
  font-size: 1.1em;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color:#a56c8c;
}

#menu_sup li>ul {
  top: 100%;
  left: auto;
  width: 13em;
}

#menu_sup li li {
  border-bottom: 1px solid #ffffff;
  padding: 2px 5px 2px 5px;
  float: none;
  position: relative;
  display: block;
}

#menu_sup a {
  text-decoration: none;
  font-weight: normal;
}

#menu_sup a:link {
  color: #ffffff;
}

#menu_sup a:visited {
  color: #ffffff;
}

#menu_sup a:hover {
  color: #ffffff;
}

#menu_sup a:active {
  color: #ffffff;
}

.separador_menu {
  margin: 0px 0px 0px 0px;
  position: relative;
  top: 0px;
  padding-right: 10px;
  padding-left: 10px;
  height: 22px;
}

.texte_menu {
  position: relative;
  top: 6px;
  z-index: 1001;
}

/********************/
/* MENU LATERAL     */
/********************/


#menu_perfils_titol {
  margin: 0px 0px 0px 0px;
  background-image: url("/export/system/modules/org.opencms.nouudl/resources/imgs/icono1.png");
  background-repeat: no-repeat;
  background-position: 108px 8px;
  background-color: #a56c8c;
 
}

#menu_perfils_titol span {
  margin-left: 5px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  line-height: 20px;

}

#menu_perfils {
  margin: 0;
  padding: 0;
  background-color: #cfb0c0;
  z-index: 1000;
}

ul.sidemenu li {
  border: 0px;
  padding: 0;
  margin: 0;
  width: auto;
}

ul.sidemenu li span {
  padding: 0 15px 0px 5px;
  cursor: pointer;
  line-height: 13px;
}

#menu_perfils ul, #menu_perfils li{
  margin: 0;
  padding: 0;
  text-align: right;
  list-style-type: none;
}

#menu_perfils ul.sidemenu {
  text-transform: uppercase;
  background-color: #cfb0c0;
  color: #ffffff;
}

#menu_perfils ul.sidemenu li {
  padding: 2px 0px 2px 0px;
}

#menu_perfils ul li ul {
  background-color: #ffffff;
  color: white;
  text-transform: none;
  font-size: 1.1em;
  display:none;
  width: auto;
}

#menu_perfils ul.sidemenu li ul {
  padding: 1px 15px 5px 5px;
}

#menu_perfils ul.sidemenu li ul li{
  margin-bottom: 0px;
  width: 100%;
  padding-top: 2px;
}

#menu_perfils ul.sidemenu li ul li a:link, #menu_perfils ul.sidemenu li ul li a:visited{
  color: white;
  text-decoration: none;
  font-weight: normal;
}

#menu_perfils ul.sidemenu li ul li a:hover {
  color: #a56c8c;
  font-weight: normal;
}


#menu_perfils ul.sidemenu li span a:link, #menu_perfils ul.sidemenu li span a:visited{
  color: #ffffff;
  text-decoration: none;
  font-weight: normal;
}


#menu_perfils ul.sidemenu li span a:hover {
  color: #a56c8c;
  font-weight: normal;
}


/********************/
/* DATA             */
/********************/

#data {
  position: relative;
  display: block;
  top: 1px;
  margin-left: 5px;
  width: 120px;
  color: #ffffff;
  text-decoration: none;
  text-transform: none;
  text-align: left;
  line-height: 12px;
  font-size: 11px;
  font-weight: normal
}


/********************/
/* CAIXA CERCA      */
/********************/

#caixa_cercar {
  background-color: #a56c8c;
  padding-top: 8px;
  padding-left: 5px;
  text-align: left;
  height: 40px;
}

#caixa_cercar #cercaStr {
  width: 97px;
}

#caixa_cercar #cercaImg {
  width: 17px;
  height: 17px;
  position: relative;
  top: 5px;
}

#caixa_cercar_titol {
  margin-top: 1px;
  background-image: url("/export/system/modules/org.opencms.nouudl/resources/imgs/icono1.png");
  background-repeat: no-repeat;
  background-position: 60px 5px;
  background-color: #a56c8c;
 
}

#caixa_cercar_titol span {
  margin-left: 5px;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
  line-height: 15px;
  font-size: 11px;
}



/********************/
/* CAIXA CAMPUS     */
/********************/

#caixa_campus {
  background-color: #cfb0c0;
  padding-top: 5px;
  padding-left: 5px;
  text-align: left;
  height: 100px;
}

#caixa_campus #eid {
  width: 97px;
}

#caixa_campus #pw {
  width: 97px;
}


#caixa_campus #campusImg {
  width: 17px;
  height: 17px;
  position: relative;
  top: 5px;
}

#caixa_campus_titol {
  margin-top: 1px;
  background-image: url("/export/system/modules/org.opencms.nouudl/resources/imgs/icono1.png");
  background-repeat: no-repeat;
  background-position: 90px 5px;
  background-color: #a56c8c;
 
}

#caixa_campus_titol span {
  margin-left: 5px;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
  line-height: 17px;
  font-size: 11px;
}

#caixa_campus span {
  color: #ffffff;
  text-align: left;
  line-height: 17px;
  font-weight: bold;
  font-size: 11px;
}


/********************/
/* CAIXA BANNERS    */
/********************/

#caixa_banners {
  background-color: #f4eef2;
  padding-top: 0px;
  padding-left: 0px;
/*  padding-bottom: 100%;*/
  padding-bottom: 10px;
  text-align: left; 
  /*height: 100%;*/
}

#caixa_banners img {
  text-align: left;
}


#c_banners a{
  margin-left: 5px;
  margin-top: 5px;
  color: #a56c8c;
  font-weight: bold;
  line-height: 15px;
  text-decoration: none;
  font-size: 11px;
  text-align: left;
}

#c_banners a:link {
  color: #a56c8c;
  text-decoration: none;
}

#c_banners a:visited {
  color: #a56c8c;
  text-decoration: none;
}

#c_banners a:hover {
  color: #a56c8c;
  text-decoration: underline;
}

#c_banners a:active {
  color: #a56c8c;
}

#c_banners ul {
  margin: 0;
  padding: 0;
  text-align: left;
}

#c_banners li {
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
  list-style-type: none;
  text-align: left;
}

#caixa_banners_titol {
  margin-top: 15px;
  background-image: url('/export/system/modules/org.opencms.nouudl/resources/imgs/tauler_title_caps.gif');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-color: #8e3f6c;
 
}

#caixa_banners_titol span {
  margin-left: 20px;
  margin-top: 0px;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
  line-height: 20px;
  font-size: 12px;
  
}

#caixa_banners span.barra_sep {
  color: #f4eef2;
}

#caixa_link{
  display: block;
  margin-top: 15px;
  background-color: #f4eef2;
  color: #8e3f6c;
  width: 100%;
}

div.titol_banner_text{
  margin-left: 8px;
/*  letter-spacing: 0.050em;*/
  text-decoration: none;
  font-weight: bold;
  text-align: left;
  background-image: url("/export/system/modules/org.opencms.nouudl/resources/imgs/leftColumn/linia_continua.gif");
  background-repeat: no-repeat;
  background-position: 0px 20px;
  height: 23px;
  margin-top: 10px;
}

div.entrada_banner_text{
  text-align: left;
  margin-top: 3px;
  margin-left: 5px;
  margin-bottom: 5px;
  width: 100%;
}

div.entrada_banner_text a{
  margin-left: 8px;
  text-decoration: none;
  font-weight: normal;
}


div.entrada_banner_text a:link {
  color: #8e3f6c;

}

div.entrada_banner_text a:visited {
  color: #8e3f6c;
}

div.entrada_banner_text a:hover {
  color: #8e3f6c;
}

div.entrada_banner_text a:active {
  color: #8e3f6c;
}





/*********************/
/* CONTINGUT I COS PORTADA */
/*********************/

#contingut {
  text-align: left;
  position: relative;
  background-color: white;
  margin-bottom: 0px;
  width: 100%;
  display: block;
  margin-left: 1px;
  z-index: 0;
}

#cos_portada {
  text-align: left;
  padding-left: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  width: 448px;
  float: left;
}

#cos_portada img {
  margin-right: 10px;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  border: 0px;
}

#titol_centre {
  display: block;
  margin-top: 0px;
  background-image: url('/export/system/modules/org.opencms.nouudl/resources/imgs/tauler_title_caps.gif');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-color: #8e3f6c;
  width: 440px;
}

#titol_centre span {
  margin-left: 20px;
  margin-top: 15px;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
  line-height: 20px;
  font-size: 12px;
}

#texte_portada {
  text-align: justify;
  font-size: 11px;
  color: #000000;
  padding-right: 10px;
  padding-left: 0px;
  padding-top: 0px
}

#cos_portada h3 {
  font-size: 11px;
  margin: 0;
  font-weight: bold;
  font-family: "Verdana", sans-serif;
  padding: 2px 0px 6px 0px;
  margin-bottom: 0px;
}


#cos_portada h4 {
  color: #6F0047;
  margin-bottom: 5px;
  padding-bottom: 0px;
  line-height: 1em;
  font-size: 13px;
  margin-top: 15px;
}

#cos_portada hr {
  margin-top: 0px;
  margin-bottom: 10px;
  color: #a56c8c;
  background-color: #8e3f6c;
  border: 5px;
  width: 10px;
}
#cos_portada a, a:link, a:visited, a:hover, a:active {
  font-size: 11px;
  font-weight: bold;
  color: rgb(111,0,71);
  text-decoration: none;
  
}

#cos_portada a.external-link {
  background-color: transparent;
  background-image: url("/export/system/modules/org.opencms.nouudl/resources/imgs/link_icon.gif");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 1px 0px;
  padding-left: 20px;
}


#cos_portada a.doc-link {
  background-color: transparent;
  background-image: url("/export/system/modules/org.opencms.nouudl/resources/imgs/icona_doc.gif");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 1px 0px;
  padding-left: 20px;
}


#cos_portada a.noicon {
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 1px 0px;
  padding-left: 0px;
}

#capcelera {
  height: 30px; 
  width: 625px;
  margin-left: 0px;
  padding: 0px;
  text-align: left;
}

#capcelera_llarga {
  height: 30px; 
  width: 762px;
  margin-left: 0px;
  text-align: left;
}


/*********************/
/* COL DRETA         */
/*********************/


#col_dreta {
  width: 166px;
  height: 100%;
  float: right;
  background-color: #ffffff;
  border: 0px;
  display: block;
}

/*********************/
/* AGENDA            */
/*********************/


#caixa_agenda_titol {
  margin-top: 1px;
  background-image: url('/export/system/modules/org.opencms.nouudl/resources/imgs/tauler_title_caps.gif');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-color: #8e3f6c;
}

#caixa_agenda_titol span {
  margin-left: 20px;
/*  margin-top: 15px;*/
  margin-top: 0px;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
  line-height: 20px;
  font-size: 12px;
}

#caixa_agenda {
  background-color: #f4eef2;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px; 
  color: #8e3f6c;
  text-align: left;
  font-size: 11px;
}

#caixa_agenda hr {
  color: #ffffff;
  background-color: #ffffff;
  border: 0px;
}

#caixa_agenda a {
  font-size: 11px;
  color: #8e3f6c;
  letter-spacing: 0.025em;
  text-decoration: none;
}

#caixa_agenda a:link {
  color: #8e3f6c;
  text-decoration: none;
}

#caixa_agenda a:visited {
  color: #8e3f6c;
  text-decoration: none;
}

#caixa_agenda a:hover, .idioma a:hover {
  color: #8e3f6c;
  text-decoration: none;
}
#caixa_agenda a:active {
  color: #8e3f6c;
}

#caixa_agenda h4 {
  background-color: #c0c0c0;
  text-align: center;
  color: white;
}


/*********************/
/* ACTIVITATS        */
/*********************/


#caixa_activitats_titol {
  margin-top: 1px;
  background-image: url('/export/system/modules/org.opencms.nouudl/resources/imgs/tauler_title_caps.gif');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-color: #8e3f6c;
}

#caixa_activitats_titol span {
  margin-left: 20px;
  margin-top: 15px;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
  line-height: 20px;
  font-size: 12px;
}

#caixa_activitats {
  background-color: #f4eef2;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px; 
  color: #8e3f6c;
  text-align: left;
  font-size: 11px;
}

#caixa_activitats hr {
  color: #ffffff;
  background-color: #ffffff;
  border: 0px;
}

#caixa_activitats a {
  font-size: 11px;
  color: #8e3f6c;
  letter-spacing: 0.025em;
  text-decoration: none;
}

#caixa_activitats a:link {
  color: #8e3f6c;
  text-decoration: none;
}

#caixa_activitats a:visited {
  color: #8e3f6c;
  text-decoration: none;
}

#caixa_activitats a:hover, .idioma a:hover {
  color: #8e3f6c;
  text-decoration: none;
}
#caixa_activitats a:active {
  color: #8e3f6c;
}

#caixa_activitats h4 {
  background-color: #c0c0c0;
  text-align: center;
  color: white;
}


/*********************/
/* ALTRES            */
/*********************/


#caixa_altres_titol {
  margin-top: 1px;
  background-image: url('/export/system/modules/org.opencms.nouudl/resources/imgs/tauler_title_caps.gif');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-color: #8e3f6c;
}

#caixa_altres_titol span {
  margin-left: 20px;
  margin-top: 15px;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
  line-height: 20px;
  font-size: 12px;
}

#caixa_altres {
  background-color: #f4eef2;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px; 
  color: #8e3f6c;
  text-align: left;
  font-size: 11px;
}

#caixa_altres hr {
  color: #ffffff;
  background-color: #ffffff;
  border: 0px;
}

#caixa_altres a {
  font-size: 11px;
  color: #8e3f6c;
  letter-spacing: 0.025em;
  text-decoration: none;
}

#caixa_altres a:link {
  color: #8e3f6c;
  text-decoration: none;
}

#caixa_altres a:visited {
  color: #8e3f6c;
  text-decoration: none;
}

#caixa_altres a:hover, .idioma a:hover {
  color: #8e3f6c;
  text-decoration: none;
}
#caixa_altres a:active {
  color: #8e3f6c;
}

#caixa_altres h4 {
  background-color: #c0c0c0;
  text-align: center;
  color: white;
}


/*********************/
/* DESTACATS         */
/*********************/


#caixa_destacats_titol {
  margin-top: 0px;
  background-image: url('/export/system/modules/org.opencms.nouudl/resources/imgs/tauler_title_caps.gif');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-color: #8e3f6c;
 
}

#caixa_destacats_titol span {
  margin-left: 20px;
  margin-top: 15px;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
  line-height: 20px;
  font-size: 12px;
}

#caixa_destacats {
  background-color: #f4eef2;
  padding-top: 10px;
  padding-left: 0px;
  padding-bottom: 10px; 
  text-align: center;
  font-size: 11px;
  height: 100%;

}


/*********************/
/* COS               */
/*********************/

#cos p, #cos span, #cos div, #cos table, #cos strong{
  font-size: 11px;
}


#cos {
  padding: 15px 15px 15px 25px;
  font-size: 11px;
}


#cos p {
  margin: 10px 0px 0px 0px;
}


#cos .title {
  font-weight: bold;
  font-family: "Verdana", sans-serif;
  margin: 2px 0px 7px 0px;
  background-image: url('/export/system/modules/org.opencms.nouudl/resources/imgs/cos_p_bg.gif');
  background-repeat: repeat-x;
  background-position: 0px 20px;
}

#cos a, a:link, a:visited, a:hover, a:active {
  font-size: 11px;
  font-weight: bold;
  color: rgb(111,0,71);
  text-decoration: none;
  
}

#cos a.external-link {
  background-color: transparent;
  background-image: url("/export/system/modules/org.opencms.nouudl/resources/imgs/link_icon.gif");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 1px 0px;
  padding-left: 20px;
}


#cos a.doc-link {
  background-color: transparent;
  background-image: url("/export/system/modules/org.opencms.nouudl/resources/imgs/icona_doc.gif");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 1px 0px;
  padding-left: 20px;
}


#cos a.noicon {
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 1px 0px;
  padding-left: 0px;
}


#cos h1 {
  font-size: 13px;
  margin: 0;
  font-weight: bold;
  font-family: "Verdana", sans-serif;
  padding: 2px 0px 6px 0px;
  margin-bottom: 0px;
  background-image: url('/export/system/modules/org.opencms.nouudl/resources/imgs/cos_p_bg.gif');
  background-repeat: repeat-x;
  background-position: 0px 19px;
}

#cos h3 {
  font-size: 13px;
  margin: 0;
  font-weight: bold;
  font-family: "Verdana", sans-serif;
  padding: 2px 0px 6px 0px;
  margin-bottom: 0px;
  background-image: url('/export/system/modules/org.opencms.nouudl/resources/imgs/cos_p_bg.gif');
  background-repeat: repeat-x;
  background-position: 0px 19px;
}

#cos > h1 {
  padding: 2px 0px 5px 0px;
  background-position: 0px 20px;
}

#cos > h3 {
  padding: 2px 0px 5px 0px;
  background-position: 0px 20px;
}


#cos h4 {
  color: #6F0047;
  margin-bottom: 5px;
  padding-bottom: 0px;
  line-height: 1em;
  font-size: 13px;
  margin-top: 15px;
}

#cos > h4 {
  color: #6F0047;
  margin-bottom: 5px;
  padding-bottom: 0px;
  line-height: 1em;
  font-size: 13px;
  margin-top: 15px;
}


#cos hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

#cos img {
  max-width: 583px;
  margin-right: 8px;
  margin-left: 8px;
}

#cos table {
  max-width: 583px;
}

#cos iframe {
  max-width: 583px;
}


/*********************/
/* COS_LLARG         */
/*********************/

#cos_llarg p, #cos_llarg span, #cos_llarg div, #cos_llarg table, #cos_llarg strong{
  font-size: 11px;
}


#cos_llarg {
  padding: 15px 15px 15px 0px;
  font-size: 11px;
}


#cos_llarg p {
  margin: 10px 0px 0px 0px;
}


#cos_llarg .title {
  font-weight: bold;
  font-family: "Verdana", sans-serif;
  margin: 2px 0px 7px 0px;
  background-image: url('/export/system/modules/org.opencms.nouudl/resources/imgs/cos_p_bg.gif');
  background-repeat: repeat-x;
  background-position: 0px 20px;
}

#cos_llarg a, a:link, a:visited, a:hover, a:active {
  font-size: 11px;
  font-weight: bold;
  color: rgb(111,0,71);
  text-decoration: none;
  
}

#cos_llarg a.external-link {
  background-color: transparent;
  background-image: url("/export/system/modules/org.opencms.nouudl/resources/imgs/link_icon.gif");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 1px 0px;
  padding-left: 20px;
}


#cos_llarg a.doc-link {
  background-color: transparent;
  background-image: url("/export/system/modules/org.opencms.nouudl/resources/imgs/icona_doc.gif");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 1px 0px;
  padding-left: 20px;
}


#cos_llarg a.noicon {
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 1px 0px;
  padding-left: 0px;
}


#cos_llarg h1 {
  font-size: 13px;
  margin: 0;
  font-weight: bold;
  font-family: "Verdana", sans-serif;
  padding: 2px 0px 6px 0px;
  margin-bottom: 0px;
  background-image: url('/export/system/modules/org.opencms.nouudl/resources/imgs/cos_p_bg.gif');
  background-repeat: repeat-x;
  background-position: 0px 19px;
}

#cos_llarg h3 {
  font-size: 13px;
  margin: 0;
  font-weight: bold;
  font-family: "Verdana", sans-serif;
  padding: 2px 0px 6px 0px;
  margin-bottom: 0px;
  background-image: url('/export/system/modules/org.opencms.nouudl/resources/imgs/cos_p_bg.gif');
  background-repeat: repeat-x;
  background-position: 0px 19px;
}

#cos_llarg > h1 {
  padding: 2px 0px 5px 0px;
  background-position: 0px 20px;
}

#cos_llarg > h3 {
  padding: 2px 0px 5px 0px;
  background-position: 0px 20px;
}


#cos_llarg h4 {
  color: #6F0047;
  margin-bottom: 5px;
  padding-bottom: 0px;
  line-height: 1em;
  font-size: 13px;
  margin-top: 15px;
}

#cos_llarg > h4 {
  color: #6F0047;
  margin-bottom: 5px;
  padding-bottom: 0px;
  line-height: 1em;
  font-size: 13px;
  margin-top: 15px;
}


#cos_llarg hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

#cos_llarg img {
  max-width: 762px;
  margin-right: 8px;
  margin-left: 8px;
}

#cos_llarg table {
  max-width: 762px;
}

#cos_llarg iframe {
  max-width: 762px;
}






/*********************/
/* LOGO No se usa    */
/*********************/


#logo_udl {
  width: 100%;
  background-color: #6F0047;
}


/*********************/
/* BREADCRUMPS       */
/*********************/

#breadcrumps {
  position: relative;
  top: 0px;
  left: 0px;
  background-color: #F1F1EF;
  width: 600px;
  height: 17px;
  line-height: 17px;
  border-bottom: 1px solid #DEDFD7;
  color: #777873;
  padding-left: 25px;
  background-image: url('/export/system/modules/org.opencms.nouudl/resources/imgs/tauler_title_caps.gif');
  background-repeat: no-repeat;
  background-position: 6px 3px;
  overflow: hidden;
}


#breadcrumps a {
  color: #777873;
  text-decoration: none;
  font-family: "Tahoma","Arial",sans-serif;
  font-size: 11px;
  font-weight: normal;
}

#breadcrumps a:visited {
  color: #777873;
  font-weight: normal;
}

#breadcrumps a:hover {
  color: black;
  font-weight: normal;
}

#breadcrumps span.actual {
  font-weight: bold;
}


#breadcrumps_llarg {
  position: relative;
  top: 0px;
  left: 0px;
  background-color: #F1F1EF;
  width: 737px;
  height: 17px;
  line-height: 17px;
  border-bottom: 1px solid #DEDFD7;
  color: #777873;
  padding-left: 25px;
  background-image: url('/export/system/modules/org.opencms.nouudl/resources/imgs/tauler_title_caps.gif');
  background-repeat: no-repeat;
  background-position: 6px 3px;
  overflow: hidden;
}

#breadcrumps_llarg a {
  color: #777873;
  text-decoration: none;
  font-family: "Tahoma","Arial",sans-serif;
  font-size: 11px;
  font-weight: normal;
}

#breadcrumps_llarg a:visited {
  color: #777873;
  font-weight: normal;
}

#breadcrumps_llarg a:hover {
  color: black;
  font-weight: normal;
}

#breadcrumps_llarg span.actual {
  font-weight: bold;
}

/*********************/
/* MENU SUBPAGINES   */
/*********************/


#indoor_nav_menu {
  background-color: #f1f1ee;
  padding: 0px;
  margin-bottom: 2px;
  background-image: url('/export/system/modules/org.opencms.nouudl/resources/imgs/cos_nav_bg.gif');
  background-repeat: repeat-x;
  background-position: bottom center;
  color: #333;
}

#indoor_nav_menu span {
  line-height: 11px;
}

#indoor_nav_menu img{
  width: 11px; 
  padding-top: 0px;
  height: 11px;
}

#indoor_nav_menu a {
  font-size: 11px;
  font-weight: normal;
}

#indoor_nav_menu a:link {
  color: #6D0246;
  text-decoration: none;
  font-weight: normal;
}

#indoor_nav_menu a:visited {
  color: #8f3364;
  text-decoration: none;
  font-weight: normal;
}

#indoor_nav_menu a:hover {
  text-decoration: underline;
  font-weight: normal;
}

#indoor_nav_menu a:active {
  color: #d39cb9;
  font-weight: normal;
}

#indoor_nav_menu span {
  line-height: 9px;
  margin-right: 2px;
  margin-left: 2px;
}


/*********************/
/* FORMULARIS        */
/*********************/

.udl_form {
  border: 1px solid #a9a9a9;
  padding: 10px;
  margin-top: 15px;
  text-align: left;
}

.udl_form_label {
  font-size: 11px;
  color: #6F0047;
  margin-bottom: 4px;
}

.udl_form_input {
  margin-left: 35px;
  margin-bottom: 5px;
}

.udl_form_input textarea, .udl_form_input input {
  color: rgb(85, 85, 83);
  font-size: 11px;
  font-family: "BitStream Vera Sans", "Verdana", "Arial", sans-serif;
  padding: 2px;
  padding-top: 3px;
}

.udl_form .mandatory {
  color: red;
  font-weight: bold;
}


/*********************/
/* FITXA CONTACTE    */
/*********************/


.fitxa-contacte {
  background-image: url(/export/system/modules/org.opencms.nouudl/resources/imgs/icona_mail.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  margin-bottom: 15px;
  margin-top: 0px;
}
.fitxa-contacte img {
  margin-top: 10px;
}
ul.dades-contacte {
  list-style-type: none;
  margin: 10px;
  line-height: 15px;
  padding: 0;
  font-size: 11px;
}
ul.dades-contacte #dades-nom {
  font-weight: bold;
}
#dades-horari .label, #dades-url a, #dades-email a {
  font-size: 11px;
}
ul.dades-contacte #dades-address {
  margin-bottom: 5px;
}
ul.dades-contacte #dades-address, ul.dades-contacte #dades-email, ul.dades-contacte #dades-url, ul.dades-contacte #dades-telf, ul.dades-contacte #dades-telf2, ul.dades-contacte #dades-horari, ul.dades-contacte #dades-fax {
  color: #666666;
}
ul.dades-contacte #dades-horari {
  margin-top: 5px;
}
ul.dades-contacte #dades-horari span.label {
  font-weight: bold;
}

ul.dades-contacte #dades-email, ul.dades-contacte #dades-telf, ul.dades-contacte #dades-telf2, ul.dades-contacte #dades-url, ul.dades-contacte #dades-fax {
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 1px 0px;
  padding-left: 20px;
  padding-top: 1px;
}
ul.dades-contacte #dades-email {
  background-image: url("/export/system/modules/org.opencms.nouudl/resources/imgs/mail_icon.gif");
}
ul.dades-contacte #dades-telf {
  background-image: url("/export/system/modules/org.opencms.nouudl/resources/imgs/phone_icon.gif");
}
ul.dades-contacte #dades-url {
  background-image: url("/export/system/modules/org.opencms.nouudl/resources/imgs/link_icon.gif");
}
ul.dades-contacte #dades-fax {
  background-image: url("/export/system/modules/org.opencms.nouudl/resources/imgs/fax_icon.gif");
}


/*********************/
/* DOCUMENTS         */
/*********************/


/*********************/
/* LAST MODIFIED     */
/*********************/

#last_modified {
  position: relative;
  top: 0px;
  left: 0px;
  text-align: right;
  background-color: #F1F1EF;
  height: 17px;
  line-height: 17px;
  color: #777873;
  padding-right: 25px;
  margin-top: 15px;
  overflow: hidden;
}



/*********************/
/* ALTRES            */
/*********************/

.marcat {
  text-decoration: underline;
}


.separador {
  padding-top: 5px;
}

span, form {
  font-family: sans-serif;
  font-size: 10px;
  margin: 0;
  padding: 0;
  border: 0;
	border-collapse: collapse;
	border-spacing: 0px;
	vertical-align: top;
}

p {
  font-weight: normal;
}

#taula_cos {
  margin-bottom: 40px;
  background-color: white;
}


.pgt_textimage h2 {
  color: rgb(85, 85, 83);
}

.alpha-shadow {
  border: 1px solid #a9a9a9;
  padding: 4px;
}