#superior_izquierda { 
	position:relative;
        *position:absolute; /* Hack IE 6 ratlla negra */
	float:left;
	}

#superior_derecha { 
	float:right;
	margin-left:491px;
        margin-top:31px;
	}

html>body #superior_derecha { 
	float:right;
        margin-top:31px;
	}
	
#menu_navegacion_opcions {
        margin-top: -72px;
}

#menu_navegacion_opcions_esquerra {
       margin-top: -72px;
       margin-left: 324px;
}


#element {
 margin: -10px;
 margin-top:  -6px; /* FF */
 *margin-top: -6px; /* IE7 */
 _margin-top:  4px; /* IE6 */
 _padding-top: 0px; /* IE6 */
 margin-right: -4px;
}

/* --------------------------------------------------------------------- menu 1er separadors grisos */
#menu li.separador {
 padding-right: 0px;
 padding-left: 0px;
 padding-top: 2px;
 padding-bottom: 2px;
 margin: 0px;
 font-size: 100%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 text-align: left;
 color: #000000;
 background-color: #DDD;
}

#menu li.separador:hover {

 border-left-color: #DDD;
 border-bottom-color: #DDD;
 border-top-color: #DDD
 border-right-color: #DDD;
 background: #DDD;
 color: #000000;
}

/* --------------------------------------------------------------------- menu 1er dreta gris */
#menu li a, #menu li a:hover {
 border-right: 1px solid #A1BFBF;
}

/* --------------------------------------------------------------------- link vermell negreta */
#menu li a:hover {
 font-weight: bold;
 color: #990000;
}

/* --------------------------------------------------------------------- menu 2on borde esquera gris */
#menu ul li a {
 border-left: #838383 5px solid;
}

/* --------------------------------------------------------------------- menu 2on separador blanc */
#menu li li {
 border-bottom: #ffffff 1px solid;
}
/* --------------------------------------------------------------------- menu 2on text marró */
#menu li li a {
 color: #572E28;
}
/* --------------------------------------------------------------------- menu 3er text gris */
#menu li li li a {
 color: #4F4F4F;
}

#Derecha {
background-color: #FFF;
}

html>body, #caixa1004, #Madre, #Central { height:auto; min-height:auto;}

/* --------------------------------------------------------------------- Pastilles destacats */

#destacat {
 display:table; /* estira ul li, agafa alçada ... */
}

.destacat_pastilla_text{
 padding: 4px 4px 0 14px;
 text-align: left;
 line-height: 1.5em;
 font-size: 0.7em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #ffffff;
 text-decoration:none;
}
.destacat_pastilla_text a:link, .destacat_pastilla_text a:visited{
 text-align: left;
 line-height: 1.5em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #ffffff;
 text-decoration:none;
}
.destacat_pastilla_text a:hover{
 text-decoration:underline;
}

#destacat_destaquem {
 width:200px;
 height:32px;
 margin: 8px 0 0 0;
 padding: 0;
 background-image: url("/_img/destaquem_ca.jpg");
}

#destacat_vinculades{
 width:200px;
 height:32px;
 margin: 8px 0 0 0;
 padding: 0;
 background-image: url(/cms/opencms/home/Web/_img/vinculades_ca.jpg);
}

ul.destacat{ margin:0; list-style-type:none; padding:0; font-size: 0.6em; }
ul.destacat li{
 float:left;
 position:relative;
 clear:both;
 width:200px;
 height:88px;
 margin: 0;
 padding: 0;
 border-top:none;
 border-bottom: 1px solid #c0c0c0;
 text-align: left;
 line-height: 1.5em;
 background-image: url(http://www.upf.edu/_img/destacat_01.jpg);
}

ul.destacat2{ margin:0; list-style-type:none; padding:0; font-size: 0.6em; }
ul.destacat2 li{
 float:left;
 position:relative;
 clear:both;
 width:200px;
 height:88px;
 margin: 0;
 padding: 0;
 border-top:none;
 border-bottom: 1px solid #c0c0c0;
 text-align: left;
 line-height: 1.5em;
 background-image: url(http://www.upf.edu/_img/destacat_02.jpg);
}
.destacat img{
 float:left;
 margin: 8px 8px 0 8px;
 padding: 0 0 0 0;
}
.destacat2 img{
 float:left;
 margin: 8px 8px 0 8px;
 padding: 0 0 0 0;

}

.destacat_text {
 line-height: 1.5em;

}
ul.destacat a:link, ul.destacat2 a:link, ul.destacat a:visited, ul.destacat2 a:visited{
 font-weight: bold;
}


/* --------------------------------------------------------------------- Webs Vinculades */
ul.vinculades { margin:24px; list-style-image: url(/cms/opencms/home/Web/_img/fletxa_webs.jpg); padding:0; font-size: 0.7em; }
ul.vinculades li {
 margin-top: 1.2em;
}
ul.vinculades li a:link, ul.vinculades li a:visited{
 margin-top: 20px;
 text-align: left;
 font-weight:bold;
 color:#919191;
 text-decoration:none;
}
ul.vinculades li a:hover{
 color:#990000;
 text-decoration:underline;
}

.txt_login {
 font-size: 0.7em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
}

.caixa_link ,
.caixa_link a:link ,
.caixa_link a:visited ,
.caixa_link a:hover { font-size: 0.9em; line-height: 15px;}

.img_no_border_top {
 border: 0pt none;
 vertical-align: top;
}

.img_no_border_down {
 border: 0pt none;
 vertical-align: bottom;
}

.img_no_border_middle {
 border: 0pt none;
 vertical-align: middle;
}

.img_esquerra {
 float:left;
 align:left;
}


div.caixa_actualitat {
 *margin-top:-4px; /* IE */
 background-color: #4c4c4c;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.85em;
 font-weight:bold;
 text-decoration:none;
 width:100%;
 min-height:26px;
 text-align:right;
}

.actualitat_link a:link { color: #b5b3b4; font-size:0.8em; font-weight:bold; text-decoration:none;}
.actualitat_link a:visited { color: #b5b3b4; font-size:0.8em; font-weight:bold; text-decoration:none;}
.actualitat_link a:hover { color: #b5b3b4; font-size:0.8em; font-weight:bold; text-decoration:underline;}
.actualitat_separador { color:#b5b3b4; font-size:0.8em; font-weight:bold;}

#actualitat_img {
 width:134px;
 height:26px;
 padding: 0;
 background-image: url(/cms/opencms/home/Web/_img/actualitat_ca.jpg);
 float:left;
}


#portada_noticia_img {
 float:left;
 padding: 8px 8px 0px 8px;
}

#portada_titol {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.75em;
 font-weight:bold;
 margin-bottom: 10px;
 line-height: 1.90em;
 color: #bd0000;
}

.portada_data_img {
 height:9px;
 vertical-align:middle;
}

#portada_data {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.55em;
 font-weight:bold;
 color: #414141;
}


#portada_titol a:link, #portada_titol a:visited{
 color: #bd0000;
 font-weight:bold;
 text-decoration: none;
}

#portada_titol a:hover{
 color: #bd0000;
 font-weight:bold;
 text-decoration: underline;
}


#portada_resum {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.65em;
 font-weight:normal;
 color: #434343;
 line-height: 1.90em;
 letter-spacing: 0.02em;
}

#portada_noticia {
 padding-top:14px;
 padding-left: 4px;
 margin-left: 382px;
 width: 200px;
}

#portada_noticia_foto {
 padding-top:14px;
 padding-right: 2px;
 margin-left: 0px;
}

.caixa_noticies {
 display:table; /* Si se saca con Firefox se redimensionan... pero el pie sale mal */
 width:602px;
 *width:601px; /* IE */
 background: #ffffff;
 border: 1px solid #dfdfdf;
 border-bottom-color: #ffffff;
 border-top-color: #ffffff;
 border-left: 0px;
}


.caixa_noticies ul { width: 100%; margin-top: -1px;}
.caixa_noticies ul { padding: 0px; margin:0px; }


.caixa_noticies li {
 width: 300px;
 *width: 297px; /* IE Hack */
 min-height: 210px;
 *height:210px; /* IE Hack */
 list-style:none;
 float:left;
 padding-top: 0px;
 *padding-top: 10px; /* IE Hack */
 padding-bottom: 4px;
 border: 1px solid #dfdfdf;
 border-right: 0px;
 border-top: 1px dotted #dfdfdf;
 border-bottom-color: #ffffff;

}


.TitolNoticia { line-height: 1.90em; }
.TitolNoticia a:link, .TitolNoticia a:visited { text-decoration: none; color:#bd0000; font-weight:bold; }
.TitolNoticia a:hover { text-decoration: underline; }
.TextNoticia { line-height: 1.90em; padding-left:8px; padding-right: 4px;}
.DataNoticia { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; font-weight:bold; color: #414141; }



/* --------------------------------------------------------------------------------- LAVINIA PLAYER */

.holder {
 text-align: center;
 vertical-align: middle;
 width: 368px;
 height: 236px;
 overflow: hidden;
 padding: 8px;
 float:left;
}

html>/**/body .holder
{
 text-align: center;
 vertical-align: middle;
 position: absolute;
 width: 368px;
 height: 236px;
}

.cplayer {
 width: 368px;
 height: 236px;
}

.logo { margin-top: 50px; }

.fonsplayer {
 background-color: #f3f3f3;
 width:100%;
 *width:601px;
 min-height:253px;
 border: 1px solid #dfdfdf;
 border-bottom: 0px;
 border-top: 0px;
 border-left: 0px;
 *border-right: 0px;
}


/* --------------------------------------------------------------------------------- BIBTIC */

a {
 font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;
 text-decoration: none;
 color : #BC0C02}
a:hover {
 text-decoration: none;
 color: red;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
}
a:visited {
 color: #FF0000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
}
b { font-weight: bold}
dd { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em}
div { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%}


body { font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 scrollbar-face-color:#F3F3F3;
 scrollbar-shadow-color:#990000;
 scrollbar-arrow-color:#990000;
 scrollbar-darkshadow-color:#FFFFFF;
 scrollbar-highlight-color:#990000;
 scrollbar-3dlight-color:#FFFFFF;
 scrollbar-track-color:#FFFFFF;
 }


blockquote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%}
table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%}
td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%}
dl { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%}
dt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%}
ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%}
ol { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%}
h1 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 150%;
 font-style: normal;
 color: #000000;
 font-weight: normal;
}
h2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 140%;
 font-style: normal;
 color: #000000;
 font-weight: lighter;
}
h3 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 130%;
 font-style: normal;
 color: #000000;
 font-weight: lighter;
}
h4 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 120%;
 font-style: normal;
 color: #000000;
 font-weight: lighter;
}
h5 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 110%;
 font-style: normal;
 color: #000000;
 font-weight: bold;
}
.titol { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 150%}

.subtitol {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 text-decoration: none;
}

.subtitol2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 font-style: italic;

}

.subtitol3 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 font-style: normal;
 color: #000000;
 font-weight: bold;
}

.subtitol4 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.6em;

}

.text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; text-decoration: none; letter-spacing: normal; word-spacing: normal}

.taucap { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #990000}
.taucap_cartaser { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #035532}
.taucap_cartaser_normal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #035532}
.taucap_planols_serveis { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #9e9c8f}
.taucap_planols_fons { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #e91910}

.taunorm { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; background-color: #f3f3f3}
.taunorm_2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; background-color: #D3D3D3}
.taunorm_3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; background-color: #ffffff}
.taunorm_br { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; background-color: #E4E3E3}

.taubio, .taubio a:visited, .taubio a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #666666}
.taubio:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #666666; text-decoration: none}

.tauccpp, .tauccpp:visited, .tauccpp a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #009797}
.tauccpp:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #009797; text-decoration: none}

.taudret, .taudret:visited, .taudret a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #448800}
.taudret:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #448800; text-decoration: none}

.taueco, .taueco:visited, .taueco a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #284F9F}
.taueco:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #284F9F; text-decoration: none}

.tauhum, .tauhum:visited, .tauhum a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #FF6633}
.tauhum:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #FF6633; text-decoration: none}

.tauper, .tauper:visited, .tauper a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #8D8DC7}
.tauper:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #8D8DC7; text-decoration: none}

.tautec, .tautec:visited, .tautec a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #ADAD52}
.tautec:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #ADAD52; text-decoration: none}

.tautrad, .tautrad:visited, .tautrad a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #8D0095}
.tautrad:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; background-color: #8D0095; text-decoration: none}

.tauguies { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-style: normal; background-color: #F5F5F3}

.copyright { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-style: italic}
li {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
}
p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
}

.caixa {
 width: 100%;
 border: solid #000000 1px;
}



.cap {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #FFFFFF;
 padding : .5em 0.5em;
 background-color: #990000;
 border: solid #990000 1px;
}

div.fons_blanc {
 background-color: #ffffff;
 padding : 0.5em 0.5em 0.5em 0.5em;
 margin : 0.2em;
 width: 50%;
 }

div.cartaser_cap {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #FFFFFF;
 background-color: #035532;
 text-align: center }

div.cartaser_normal {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 background: f3f3f3;
 border-right: solid #035532 thin;
 border-left: solid #035532 thin;
 border-bottom: solid #035532 thin;
 padding : .5em 0.5em;
 }
 
 /* SUMARIS A 2 COLUMNES (Sergi Bono Cruz - Serveis Web) */
 #sumari_2_columnes {
    padding-left:10px;
}

#sumari_2_columnes_item {
	width:45%;
	padding-left:3px;
	padding-right:3px;
}