@charset "utf-8";

/*------------------
Generics / Reset
-------------------*/
* { margin: 0; padding: 0; line-height: 1em; font-size: 1em;}
body { font-size: 62.5%;}
body, input, select, textarea { color: #555; font-family: Arial, Verdana, sans-serif;}

a {
  text-decoration: none;
  color: #6490E0;
}

img { border: 0;}
hr, #skip, .ocult { display: none;}
ul { list-style-type: none;}
em {
        font-weight: bold;
        font-style: normal;
}

p, h2, h3, h4, h5 {
        font-family: Arial, sans-serif;
}

.clear {
        clear: both;
}

/*-----------------
Estructura
------------------*/
body {
        background: #FFF url("../images/fons_body.jpg") repeat-x top left;
}

#contenidor {
        width: 970px;
        margin: 0 auto;
}

#navegador {
        position: relative;
        width: 100%;
        height: 27px;
        background: transparent url("../images/fons_navegador.jpg") no-repeat top right;
        z-index: 100;
}

#barra_lateral {
        float: right;
        position: relative;
        width: 237px;
        height: auto;
        padding-top: 10px;
        padding-left: 10px;
        background: transparent url("../images/fons_top_barra.jpg") repeat-x top left;
}

#bloc_principal {
        width: 714px;
        position: relative;
        float: left;
        overflow: hidden;
}

/*--------------------
Apartats
---------------------*/
#header {
        background: transparent url("../images/fons_header.jpg") no-repeat top right;
        position: relative;
        font-size: 0;
}

ul#llengua {
        position: absolute;
        right: 0;
        top: 8px;
        font: 12px "Trebuchet MS", Verdana, sans-serif;
        color: #7d8489;
}

ul#llengua li {
        float: left;
}

ul#llengua li a {
        display: block;
        float: left;
        color: #6490e0;
        font-weight: bold;
}

ul#llengua li a:hover{
        text-decoration: underline;
}

#contingut {
        height:100%;
        overflow: hidden;
        background: url("../images/fons_contingut.jpg") repeat-y top right;
/*      padding-bottom: 30px; */
        z-index: 1;
}

/*-- navegador --*/


#navegador ul {
        position: absolute;
        top: 0px;
        left: 0px;
}

#navegador ul, #navegador ul li {
        list-style-type: none;
   padding: 0px;
        margin: 0px;
}

#navegador ul li {
        float: left;
        position: relative;
        background: url("../images/separador.jpg") right no-repeat;
        color: #FFF;
}

#navegador ul li a {
        display: block;
        float: left;
        color: #FFF;
        text-decoration: none;
        font: 14px "Trebuchet MS", sans-serif;
        line-height: 1.4em;
        padding: 4px 11px 0px 11px;
        height: 23px;
}

#navegador ul li a.current {
  background-color: #6c6c6c;
}

#navegador ul li a:hover {
        background-color: #5789d5;
        color: #FFF;
}

#navegador ul a:hover, #navegador ul li:hover a, #navegador ul li.iehover a {
        background-color: #5789d5;
        color: #FFF;
}


#navegador ul li ul.submenu {
        display: none;
        position: absolute;
        top: 27px;
        left: 0px;
        width: 280px;
        padding:0.5em 0px 0.5em 0px;
        margin: 0px;
        font-size: 0.8em;
        background-color: #5789D5;
}

#navegador ul li ul.submenu li{
        float: left;
        margin: 0;
        background: none;
        padding: 0px;
        width: auto;
}

#navegador ul li ul.submenu li a{
        display: block;
/*      width: 250px;
        padding: 0px 15px 0px 15px;*/
        font-size: 12px;
        height: auto;
  line-height: 16px;
  padding: 4px 15px;
  width: 232px;

}

#navegador ul li > ul {
        top: auto;
        left: auto;
}

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

#navegador ul li ul li a:hover {
        color: #5789D5;
        background-color: #f1f1f1;
}

/*-- data --*/
p#data {
        float: right;
        text-align: right;
        margin-top: 5px;
        font: 12px "Trebuchet MS", Verdana, sans-serif;
        color: #FFF;
}

/*-- categoria --*/
#categoria {
        float: left;
        position: relative;
        height: 25px;
        width: 710px;
        background: #7aa4e4 url("../images/fons_categoria.gif") repeat-x bottom left;
        margin-top: 21px;
        padding-top: 2px;
}

#categoria div {
        float: left;
        padding-left: 0.4em;
}

#categoria div label {
        color: #FFF;
        margin-right: 0.5em;
        padding-left: 11px;
        background: url("../images/triangle_blanc2.gif") no-repeat left center;
        font-size: 14px;
        margin-top: 4px;
        float: left;
}

form#category_form {
        display: inline;
}

#categoria select {
        float: left;
        width: 12em;
        border: 0;
        font-size: 12px;
        margin-top: 3px;
        .margin-top: 1px;
        background-color: #fff;
}

#cat_defecte {
        margin-top: 4px;
        padding-right: 9px;
        float: left;
        position: relative;
}

#categoria #cat_defecte input {
        float: left;
        padding: 0;
        margin-right: 4px;
        .margin-top: -3px;
}

#categoria #cat_defecte a {
        color: #FFF;
        font-size: 12px;
        margin-top: 3px;
        padding: 2px 0;
        background: none;
}

#categoria #cat_defecte a:hover {
        text-decoration: underline;
}

#categoria #veure_XS {
        border-left: 1px solid #FFF;
        margin-top: 3px;
        .margin-top: 1px;
        padding-left: 8px;
}

#categoria a.bot_categoria,
#categoria a.bot_xn {
        background: transparent url('boto_categoria.jpg') no-repeat scroll top left;
        color: #444;
        display: block;
        float: left;
        font: normal 12px arial, sans-serif;
        height: 17px;
        padding-right: 9px;
        padding-left: 9px;
        text-decoration: none;
        padding-top: 3px;
        color: #FFFFFF;
        font-size: 12px;
        margin-left: 7px;
        margin-top: 2px;
}

#categoria a.bot_xn {
        background: transparent url('boto_xn.jpg') no-repeat scroll top left;
   width: 115px;
}

#categoria a.bot_categoria:hover,
#categoria a.bot_xn:hover {
        background-position: left -20px;
        color: #FFFFFF;
}

#categoria a.bot_categoria:active,
#categoria a.bot_xn:active {
        background-position: bottom left;
        color: #FFFFFF;
}

#veure_XS p {
        margin-top: 3px;
        margin-bottom: 2px;
}

#veure_XS p a {
        color: #FFF;
        font-size: 12px;
}

#veure_XS p a:hover {
        text-decoration: underline;
}


#veure_XS img {
        margin-left: 4px;
}

/*- Filtrar per data -*/

.filtre-data,
.filtre-tipus {
	float: left;
  margin-right: 17px;   	
  margin-left: 8px;   	  
}

.filtre-servei {
        float: left;
}

.filtre-data p,
.filtre-servei p,
.filtre-tipus p {
	color: #444;
	font-size: 12px;	
	margin-top: 6px;
	margin-bottom: 2px;
	margin-right: 5px;
	float: left; 
}

.filtre-data ul,
.filtre-servei ul,
.filtre-tipus ul {
	height: 21px;
	float: left;
}	

.filtre-data ul li,
.filtre-servei ul li,
.filtre-tipus ul li {
	float: left;
}	

.filtre-data li a.primer,
.filtre-servei li a.primer,
.filtre-tipus li a.primer {
	background: transparent url("../images/tri_filtre.jpg") no-repeat scroll left top;
	display: block;
	height: 14px;
	padding: 4px 6px 2px 5px;	
	width: 45px; 
	margin-right: 1px;	
	color: #fff;
	font-size: 12px;
}

.filtre-servei li a.primer {
	width: 22px; 
}

.filtre-tipus li a.primer {
	width: 27px; 
}

.filtre-tipus li a.llarg {
	width: 70px; 
}

.filtre-data a.primer:hover,
.filtre-servei a.primer:hover,
.filtre-tipus a.primer:hover {
	background-position: left -20px;
}	

.filtre-data a.primer:active,
.filtre-servei a.primer:active,
.filtre-tipus a.primer:active {
	background-position:right -40px;
}

.filtre-data a:active, 
.filtre-servei a:active,
.filtre-tipus a:active, 
.filtre-data a.selected, 
.filtre-servei a.selected, 
.filtre-tipus a.selected {
	background-position: -6px -40px;
}


.filtre-data a.tot:active, 
.filtre-servei a.tot:active, 
.filtre-tipus a.tot:active,
.filtre-data a.tot.selected, 
.filtre-servei a.tot.selected,
.filtre-tipus a.tot.selected {
	background-position:right -40px;
}

.filtre-data a.primer:active, 
.filtre-servei a.primer:active, 
.filtre-tipus a.prier.active,
.filtre-data a.primer.selected, 
.filtre-servei a.primer.selected,
.filtre-tipus a.primer.selected {
	background-position:left -40px;
}

.filtre-data li a,
.filtre-servei li a,
.filtre-tipus li a {
	background: transparent url("../images/tri_filtre.jpg") no-repeat scroll -6px top;
	display: block;
	height: 14px;
	padding: 4px 6px 2px 5px;	
	width: 45px; 
	margin-right: 1px;	
	color: #fff;
	font-size: 12px;
}

.filtre-tipus li a {
	width: 28px; 
}		
	
.filtre-servei li a {
	width: 22px; 
}	
	
.filtre-data a:hover,
.filtre-servei a:hover,
.filtre-tipus a:hover {
	background-position: -6px -20px;
}	

.filtre-data a:active,
.filtre-servei a:active,
.filtre-tipus a:active {
	background-position: -6px -40px;
}

.filtre-data li a.tot,
.filtre-servei li a.tot,
.filtre-tipus li a.tot {   
	background: transparent url("../images/tri_filtre.jpg") no-repeat scroll right top;
	display: block;
	height: 14px;
	padding: 4px 10px 2px 5px;	
	width: 13px; 
}	

.filtre-data a.tot:hover,
.filtre-servei a.tot:hover,
.filtre-tipus a.tot:hover {
	background-position: right -20px;
}	


.filtre-data a.tot:active,
.filtre-servei a.tot:active,
.filtre-tipus a.tot:active {
	background-position: right -40px;
}

/*- Seleccionar vista-Ordre -*/

#vistes {
        float: right;
        width: 100px;
}

#vistes p {
        color: #444;
        font-size: 12px;
        margin-top: 6px;
        margin-bottom: 2px;
        margin-right: 5px;
        float: right;
}

#vistes ul {
        height: 20px;
        float: right;
}

#vistes ul li {
        float: left;
}

#vistes li a#crono {
        background: transparent url("../images/tri_ordre.jpg") no-repeat scroll left top;
        display: block;
        height: 20px;
        width: 28px;
        text-indent: -10000px;
}

#vistes a#crono:hover {
        background-position: left -20px;
}

#vistes a#crono:active,
#vistes a#crono.selected {
        background-position: left -40px;
}

#vistes li a#distri {
        background: transparent url("../images/tri_ordre.jpg") no-repeat scroll right top;
        display: block;
        height: 20px;
        width: 28px;
        text-indent: -10000px;
}

#vistes a#distri:hover {
        background-position: right -20px;
}

#vistes a#distri:active,
#vistes a#distri.selected {
        background-position: right -40px;
}

#vistes li a#graella {
        background: transparent url("../images/tri_vista.jpg") no-repeat scroll left top;
        display: block;
        height: 20px;
        width: 28px;
        text-indent: -10000px;
}

#vistes a#graella:hover {
        background-position: left -20px;
}

#vistes a#graella:active,
#vistes a#graella.selected {
        background-position: left -40px;
}

#vistes li a#llistat {
        background: transparent url("../images/tri_vista.jpg") no-repeat scroll right top;
        display: block;
        height: 20px;
        width: 28px;
        text-indent: -10000px;
}

#vistes a#llistat:hover {
        background-position: right -20px;
}

#vistes a#llistat:active,
#vistes a#llistat.selected {
        background-position: right -40px;
}

#wrap_info {
        background-color: #ededed;
        float: left;
        width: 710px;
}

#wrap_info.generic {
        width: 714px;
}


#wrap_info div.hr_llistat {
        float: left;
        height: 1px;
        width: 98.5%;
        .width: 97.5%;
        background: url("../images/linia.gif") repeat-x;
        margin: 0;
        margin-left: 6px;
        .margin-left: 5px;
        overflow: hidden;
}

#info_box {
        float: left;
        width: 700px;
        background-color: #ededed;
/*      margin-bottom: 5px; */
        height: 20px;
        padding: 4px 5px 4px 5px;
}

#wrap_info.generic #info_box {
   width: 704px;
}

#info_box p.last_update {
        float: left;
        color: #444;
        font-size: 12px;
        margin-top: 4px;
        line-height: 1.3em;
}

#info_box .minicerca_box {
   float: right;
   padding: 0;
        font-size: 12px;
}

#info_box .minicerca_box input.minicerca {
   border: 1px solid #cdcdcd;
   padding: 2px;
   padding-left: 2px;
/*   margin-top: 1px; */
   width: 110px;
}

#info_box .minicerca_box input.boto_minicerca {
   background: url("../images/boto_minicerca.jpg") no-repeat bottom left;
   border: none;
   color: #fff;
        width: 49px;
        height: 20px;
        padding-bottom: 2px;
        margin-right: 3px;
}

input.boto_cerca {
  font-size: 12px;
  background: url("../images/boto_minicerca.jpg") no-repeat bottom left;
  border: none;
  color: #fff;
  width: 49px;
  float: right;  
  height: 21px;
  .height: 20px;  
  padding-bottom: 2px;  
  margin-right: 6px;
  margin-top: 4px;
  margin-bottom: 5px;
} 

input.boto_generar {
  font-size: 12px;
  background: url("../images/boto_generar.jpg") no-repeat bottom left;
  border: none;
  color: #fff;
  width: 112px;
  float: right;  
  height: 21px;
  .height: 20px;  
  padding-bottom: 2px;  
  margin-right: 6px;
  margin-top: 4px;
  margin-bottom: 5px; 
  text-align: center; 
  cursor: pointer;
padding-top: 3px;
}

p.last_update {
        float: right;
        text-align: right;
        color: #FFF;
        font-size: 13px;
        margin-top: 3px;
        margin-right: 0.4em;
        line-height: 1.3em;
}

p.no_records {
        font-size: 14px;
        font-weight: bold;
        margin-top: 3px;
}  
/*-- noti_destacada --*/

#noti_destacada {
   position: relative;
   float: left;
   width: 710px;
   border-top: 4px solid #5789d5;
   margin-top: 17px;
   background-color: #abc4ea;
   overflow: hidden;
}

.portada #noti_destacada {
   margin-top: 0px;
}

#noti_destacada .video_gran {
   float: left;
   width: auto;
   border-right: 7px solid #FFF;
   margin-right: 1.1em;
   background-color: #cdcdcd;
   padding: 10px;
}

#noti_destacada .text_noti {
  padding: 0 11px;
}

#noti_destacada .text_noti h4 {
        color: #5789d5;
        font-size: 2em;
        font-weight: normal;
        margin-bottom: 0.9em; /* 18px */
        margin-top: 10px;
}

#noti_destacada .text_noti h3 {
        margin-bottom: 9px;
}

#noti_destacada .text_noti h3 a {
        color: #FFF;
        font-size: 2.2em;
        font-weight: normal;
        line-height: 1.1em;
}

#noti_destacada .text_noti h3 a:hover {
        text-decoration: underline;
}

#noti_destacada .text_noti p {
        color: #FFF;
        font-size: 1.4em;
        line-height: 1.2em;
}

#noti_destacada .text_noti p.lloc {
        color: #585859;
        font-size: 1.2em;
        line-height: 1.4em;
        margin-top: 10px;
        text-transform: uppercase;
}

span.espai {
        float: left;
        width: 17px;
        border: 1px solid transparent;
        .border: 0px solid transparent;
}

.breu {
        float: left;
        position: relative;
        border-top: 1px solid #c3c3c3;
        padding-top: 5px;
        width: 344px;
        margin-top: 18px;
}

h4.triangle {
        background: url("../images/triangle_blau.jpg") no-repeat left center;
        padding-left: 10px;
        color: #5789d5;
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 7px;
}

.no_img { 
        width: 100% !important;
}

.breu img {
        border: 4px solid #c3c3c3;
        float: left;
}

.breu p a {
        color: #585859;
        font-size: 1.6em;
        line-height: 1.1em;
        font-weight: bold;
}

.breu p a:hover {
        text-decoration: underline;
}

.breu p.lloc {
        color: #5789d5;
        font-size: 11px;
        text-transform: uppercase;
        margin-top: 6px;
        margin-bottom: 8px;
}

.breu p.subtitol {
        font-size: 13px;
        color: #585859;
        overflow: hidden;
}

.breu_e p.subtitol {
        font-size: 13px;
        color: #888;
}

.breu_esports {
        float: left;
        position: relative;
        border-top: 1px solid #c3c3c3;
        width: 344px;
        margin-top: 18px;
}

.wrapper_e {
        background-color: #f1f1f1;
        padding: 5px 0 4px 4px;
        margin: 0;
        height: 1%;
}
.breu_esports h4 {
        background: url("../images/logo_xs_breus.jpg") no-repeat left center;
        padding-left: 40px;
        color: #5789d5;
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 7px;
}

.breu_esports img {
        border: 4px solid #c3c3c3;
        float: left;
        margin-right: 10px;
}

.breu_esports p a {
        color: #585859;
        font-size: 1.6em;
        line-height: 1.1em;
}

.breu_esports p a:hover {
        text-decoration: underline;
}

.breu_esports p.lloc {
        color: #5789d5;
        font-size: 11px;
        text-transform: uppercase;
        margin-top: 6px;
}

/* contenidor esports */

#contenidor_esports {
        float: left;
        border-top: 4px solid #c3c3c3;
        width: 696px;
        background-color: #f1f1f1;
        margin-top: 35px;
        padding: 8px;
        padding-bottom: 15px;
}

#contenidor_esports h3 {
        background: url("../images/logo_xs.jpg") no-repeat left top;
        height: 30px;
        padding-left: 50px;
        font-weight: normal;
        color: #5789d5;
        font-size: 22px;
}

.breu_e {
        float: left;
        position: relative;
        border-top: 1px solid #c3c3c3;
        padding-top: 15px;
        width: 335px;
        margin-top: 15px;
}

.dalt {
        border: 0;
        margin: 0;
}

.breu .text_noticia,
.breu_e .text_noticia {
        width: 270px;
        float: right;
}

.breu_e img {
        border: 4px solid #c3c3c3;
        float: left;
}

.breu_e p a {
        color: #585859;
        font-size: 1.6em;
        line-height: 1.1em;
}

.breu_e p a:hover {
        text-decoration: underline;
}

.breu_e p.lloc {
        color: #5789d5;
        font-size: 11px;
        text-transform: uppercase;
        margin-top: 6px;
}

/*-- Seccions estàtica --*/

.filariadna {
        width: 700px;
        font-size: 1.2em;
        color: #7B7B7B;
        margin: 9px 0 18px 0;
}

p.filariadna a {
        color: #7B7B7B;
        text-decoration: underline;
}

p.filariadna a:hover {
        text-decoration: none;
}

#barra_titol {
        height: 25px;
        width: 725px;
        background: url("../images/fons_barra.jpg") repeat-x;
        margin-top: 21px;
}

#barra_titol h2 {
        font-size: 1.7em;
        color: #FFF;
        font-weight: bold;
        line-height: 1.4em;
        padding: 0 0 0 5px;
        margin-bottom: 5px;
}

/*-- columna principal --*/
#col_principal,
#col_principal_llarga {
        font-size: 1.3em;
        float: left;
        width: 560px;
        margin-top: 8px;
        margin-bottom:4px;
}

#col_principal_llarga {
        width: 725px;
}

#col_principal p,
#col_principal_llarga p {
        padding-bottom: 1em;
        line-height: 16px;
}

#col_principal ul,
#col_principal_llarga ul {
        margin-top: 0;
        margin-bottom: 0;
        list-style-type: disc;
}

#col_principal li,
#col_principal_llarga li {
        padding-bottom: 0.9em;
        line-height: 16px;
        margin-left: 1em;
}

#col_principal img,
#col_principal_llarga img {
        padding: 1em 0 1em 0;
}


/*-- columna auxiliar esquerra --*/
#col_auxiliar {
        float: left;
        width: 130px;
        height: auto;
        margin-top: 12px;
        margin-right: 15px;
        overflow: hidden;
        border-top: 1px solid #C1C1C1;
}

#col_auxiliar p{
        font-size: 1.2em;
        color: #7B7B7B;
        padding: 6px;
        border-bottom: 1px solid #C1C1C1;
}

#col_auxiliar span {
        padding-left: 0.1em;
}

#col_auxiliar p a {
        color: #7B7B7B;
        text-decoration: none;
}

#col_auxiliar p a:hover {
        color: #7B7B7B;
        text-decoration: underline;
}

#col_auxiliar p.select {
        color: #5789D5;
}


/* peu */

#peu {
        float: left;
        width: 100%;
        margin-top: 15px;
        font-family: "Trebuchet MS", sans-serif;
        font-size: 1.2em;
        color: #7D8489;
        text-align: center;
        border-top: 1px solid #BDC2C4;
}

#copy_peu {
        float: left;
        width: 265px;
        margin-top: 10px;
        padding:10px 0 10px 0;
        border-right: 1px solid #BDC2C4;
}

#opcions_peu {
        border-right:1px solid #BDC2C4;
        float: left;
        width: 400px;
        margin-top: 10px;
        padding:10px 0 10px 0;
}

#opcions_peu a {
        color: #7D8489;
        text-decoration:none;
}

#opcions_peu a:hover {
        text-decoration:underline;
}

#opcions_peu a.rss {
        background: url("../images/rss.gif") right no-repeat;
        padding-right: 15px;
}

#logos_peu a img{
        float: center;
        padding-top:10px;
        border:0px;
}

/* menú de cerca */
#cercador {
        width: 224px;
        height:70px;
        padding: 9px 0px 7px 4px;
        background: url("../images/fons_cercar.jpg") repeat-x;
}

#cercador p a {
        float: left;
        font-family: "Trebuchet MS", sans-serif;
        font-size: 1.2em;
        color: #777777;
        padding-left: 23px;
        margin-top: 7px;
        text-decoration: underline;
}

#cercador p a:hover {
        text-decoration: none;
}

#barra_cerca {
        float: left;
        background:url("../images/lupa.jpg") no-repeat;
        background-position: 0% 30%;
        padding-left: 23px;
}

.cerca {
        padding-left: 3px;
        width: 140px;
        height: 15px;
        font-size: 13px;
        padding-top: 2px;
}

.div.img_cerca {
        vertical-align: 35%;
}

/* Àrea de professionals */

#area_prof h3 {
        font-size: 1.8em;
        font-weight: normal;
        color: #c3c3c3;
        width: 211px;
        height: auto;
        background: #343434 url("../images/titol_prof.jpg") no-repeat top center;
        padding-top: 5px;
        padding-bottom: 4px;
        padding-left: 13px;
        border-bottom: 1px solid #585859;
        overflow: hidden;
}

#area_prof p.sortir a {
        float: right;
        position: relative;
        margin: 0;
} 

#area_prof .informe p a {
		margin-bottom: 5px;
	   
} 
#area_prof .informe p {
	margin-bottom: 5px;
	background: transparent url("../images/ico_informe_blanc.jpg") no-repeat top left; 
	padding-left: 17px;
}

#area_prof .informe ul {
	margin-bottom: 10px;
}  

#area_prof .informe ul li {
     margin-bottom: 5px; 
     margin-left: 17px;
} 

#area_prof .informe ul li a {
	background: transparent url("../images/ico_informe_blanc.jpg") no-repeat top left; 
	padding-left: 17px;  
	font-size: 12px;  
	color: #c3c3c3;         
}  

#area_prof .informe ul li a:hover {
	text-decoration: underline;         
}

#area_prof p.usuaris {
        background: transparent url("../images/ico_usuaris_blanc.jpg") no-repeat top left;
        float: left;
        padding-left: 17px;
        margin-bottom: 5px;
}

#area_prof p.historic {
		background:transparent url("../images/ico_historic_blanc.jpg") no-repeat top left;
		float:left;
		height:17px;
		padding-left:17px;
}

#dades_prof {
        width: 198px;
        height: auto;
        background: #585859 url("../images/fons_prof.jpg") repeat-x top left;
        padding: 12px;
        border-left: 1px solid #585859;
        border-right: 1px solid #585859;
        margin-bottom: 25px;
        overflow: hidden;
}

#dades_prof label {
        font-size: 1.4em;
        color: #c3c3c3;
}

#dades_prof input {
        height: 18px;
        border: 1px solid #868686;
        margin: 5px 0 7px 0;
        width: 97.5%;
        font-size: 13px;
        padding-left: 3px;
        padding-top: 2px;
}

#dades_prof input.boto_sessio {
        width: 91px;
        height: 18px;
        float: right;
        border: 0;
        padding: 0;
        margin: 0;
        margin-top: 14px;
        margin-bottom: 18px;
}

#dades_prof p {
        font-size: 1.2em;
        color: #c3c3c3;
}

#dades_prof p a {
        color: #c3c3c3;
        text-decoration: underline;
}

#dades_prof p a:hover {
        color: #c3c3c3;
        text-decoration: none;
}


#dades_prof p.contra a {
        font-size: 1em;
        color: #c3c3c3;
        text-decoration: underline;
}

#dades_prof p.contra a:hover {
        text-decoration: none;
}

/*-- Mapa web --*/
#contenidor2 {
        font: 1.4em "Trebuchet MS", sans-serif;
        float:left;
        width:725px;
        margin-top:8px;
        color: #7B7B7B;
/*      padding:6px;*/
/*      border-bottom: 1px solid #C1C1C1; */
}

#contenidor2 p {
        padding-bottom:1em;
}

#contenidor2 ul {
        list-style-type: none;
        margin:0;
        padding-left:5px;
        font-weight: bold;
}

#contenidor2 ul ul {
        list-style-type: none;
        margin:0;
        padding-left:2px;
        font-weight: normal;
}

.fletxa {
        background-image:url(fletxa_li.gif);
        background-position:0px 9px;
        background-repeat:no-repeat;
        clear:both;
        padding:4px 0px 4px 14px;
}

#contenidor2 li{
        padding-bottom:0.2em;
        color: #000;
}

#contenidor2 li a {
        padding-bottom:0.5em;
        text-decoration:none;
        color: #000;
}

#contenidor2 li a:hover {
        padding-bottom:0.5em;
        text-decoration:underline;
        color: #000;
}



/* bànners */

div.banner a img {
        padding: 0 5px 22px 5px;
        border: 0px;
}

/*-- Cercador --*/

#bloc_cerca {
	font-size: 13px;
	width: 730px;
	float: left;
	overflow: hidden;	
	padding: 0;
	margin: 0;
}

#menu_cerca {
	width: 685px;
	padding: 12px;
	margin: 0;
	background-color: #ECECEC;
	float: left;
	position: relative;
	font-size: 13px;
}

#menu_cerca h4{
	color: #444444;	
	margin-bottom: 5px;
}

#menu_cerca .autor, 
#menu_cerca .paraules {
	float: left;
	color: #444444;  
	margin-right: 20px;
	.margin-right: 10px;	
	margin-bottom: 10px;
	.margin-bottom: 0px;		
}    

#menu_cerca .checkboxs {
	padding-bottom: 5px;
	border-bottom: 1px solid #d4d4d4;  
	margin-bottom: 5px;
}

#menu_cerca .autor input,
#menu_cerca .paraules input {
	margin-left: 0px;
	margin-right: 5px;
	padding-left: 3px;
	padding-top: 1px;
	width: 300px;
	height: 18px;		
}   


#menu_cerca .autor input {
	width: 125px;
}

#menu_cerca .data, #menu_cerca .data2 {
	float: left;
	margin-bottom: 8px;
	color: #444444;	
}

#menu_cerca .data label, #menu_cerca .data2 label {
	float: left;
	position: relative;
	width: auto;
	margin-top: 2px;
}

#menu_cerca .data input {
	border: 0;
	margin-left: 6px;
	margin-bottom: 19px;
	margin-right: 5px;
	padding-left: 3px;
	padding-top: 1px;
	width: 130px;
	height: 18px;		
}

#menu_cerca .data2 input {
	margin-left: 6px;
	margin-right: 5px;
	padding-left: 3px;
	padding-top: 1px;
	width: 130px;
	height: 18px;		
}

#menu_cerca .data2 p {
   display: inline;
}

#menu_cerca .data p {
	float: left;
	margin-top: 2px;
}

#menu_cerca .data input.mots {
	width: 350px;
	height: 18px;
	margin-bottom: 19px; 
	padding-left: 3px;
	padding-top: 1px;
	margin-left: 0;
}

#menu_cerca .data input.llarg {
	float: left;
}	

#menu_cerca p.cercar {
	position: absolute;
	right: 22px;
	bottom: 12px;
	padding-left: 23px;
	height: 18px;
	background: url("../images/lupa.jpg") top left no-repeat;
}

#menu_cerca p.cercar a {
	text-decoration: underline;
	color: #5789d5;	
	cursor: pointer;
	line-height: 17px;
}

#menu_cerca p.cercar a:hover {
 	text-decoration: none;
}

#menu_cerca select.s_cerca {
	margin-top: 10px;
	width: 13em;
	border: 0;
}

#resultats_cerca {
        width: 690px;
        padding: 10px 12px 0 12px;
        margin: 0;
        background-color: #ECECEC;
        float: left;
        border-bottom: 1px solid #5789D5;
}   

#resultats_cerca h4 {
        font-weight: bold;
        _font-size: 13px;
        *font-size: 13px;
        font-size: 13px;
        color: #000;
}           

#resultats_cerca ul {
        list-style-type: none;
  		padding: 18px 0 0 0;
        margin: 0px;
        float: left;
}

#resultats_cerca li {
        float: left;
        padding: 4px 6px 4px 6px;
        background-color: #5789D5;
        margin-right: 2px;
        color: #FFF;
}

#resultats_cerca li a {
        color: #000;
        text-decoration: none;
}

#resultats_cerca li.off {
        background-color: #92b8f0;
        color: #FFF;
}

#resultats_cerca li.off a {
        background-color: #92b8f0;
        color: #FFF;
}  

.resultats_cerca_informes {
        padding: 10px 12px;
        margin: 0;
        float: left;
        border-bottom: 1px solid #5789D5;   
		width: 685px; 
		background: #ededed;
		margin-bottom: 13px;
} 

.resultats_cerca_informes h4 {
        font-weight: bold;
        font-size: 13px;
        color: #000; 
		margin-bottom: 8px;
} 

.resultats_cerca_informes p {
	 	margin-bottom: 8px;
		font-size: 14px;
}

.resultats_cerca_informes p.tele { 
	background: url("../images/ico-tele.gif") no-repeat;  
	padding-left: 15px;
} 

.resultats_cerca_informes p.data span{
	font-weight: bold; 
} 

.resultats_cerca_informes a {
	text-decoration: underline;
} 

.resultats_cerca_informes a:hover {
	text-decoration: none;
}

.resultats_cerca_informes h3 {
	color: #5789d5;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #C3C3C3;
	padding-top: 10px; 
}

.resultat {
        margin: 25px 13px 25px 13px;
        font-family: "Trebuchet MS", sans-serif;
}

.resultat p.data {
        font-size: 13px;
        color: #5789d5;
}

.resultat p.titol a {
        color: #000;
        font-size: 14px;
        font-weight: bold;
        line-height: 18px;
        text-decoration: none;
}

.resultat p.titol a:hover {
  text-decoration: underline;
}

.resultat p.text {
        color: #444444;
        font-size: 14px;
        line-height: 16px;
}

.resultat p a {
        font: 12px Verdana, sans-serif;
        color: #5789d5;
        text-decoration: underline;
        cursor: pointer;
}

.resultat p a:hover {
        text-decoration: none;
}

/* paginador */

.boto {
        bottom:5px;
        left:5px;
        width:132px;
        height:19px;
        background:url("../images/boto_llarg.gif") no-repeat top right;
        text-align:center;
        line-height:19px;
}

/* botó esquerre paginador */
.boto_esquerre {
        position:absolute;
        bottom:5px;
        left:5px;
        width:85px;
        height:19px;
        background:url("../images/boto.gif") no-repeat top right;

        text-align:center;
        line-height:19px;
}

/* botó dret paginador */
.boto_dret {
        position:absolute;
        bottom:5px;
        right:5px;
        width:85px;
        height:19px;
        background:url("../images/boto.gif") no-repeat top right;

        text-align:center;
        line-height:19px;
}

.boto_esquerre a, .boto_dret a, .boto a {
        color: #5789D5;
        font-family: "Trebuchet MS",sans-serif;
        font-size: 13px;
        line-height: 1.5em;
        text-decoration: none;
}


#paginador {
        position:relative;
        height: 28px;
        width: 710px;
        background-color: #F2F2F2;
        overflow: hidden;
		clear:both;
}

#paginador p {
		text-align: center;
		font: 11px/24px Verdana, sans-serif;
		color: #556170;
		padding-top: 0.8em;
} 

#paginador p span {
		font-weight: bold;
		padding: 0.5em;
} 

#paginador p span a {
		font-weight: normal;
		text-decoration: underline;
} 

#paginador p span a:hover {
		text-decoration: none;
}


/*----------------
Altres
-----------------*/
.wrapper_e:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

/* FORMULARI */

p.successful {
  margin-bottom: 20px;
}

div.formulari {
        width: 690px;
        padding: 18px 12px 0px 14px;
        background-color: #F2F2F2;
        float: left;
        margin-bottom: 2px;
        overflow: hidden;
        font-size: 13px;
}

div.formulari h4 {
        font-size: 13px;
        margin: 13px 0 40px 0;
}

div.formulari p.f_text {
        line-height: 1.1em;
}

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

fieldset h6 {
        font-size: 13px;
        font-weight: bold;
        padding-bottom: 2em;
        color: #444444;
        margin-top: 7px;
}

div.f_element {
        position: relative;
        margin-bottom: 20px;
}

div.f_element p {
        line-height: 1.6em;
        display: inline;
}

div.f_element p a {
        font-size: 0.95em;
        padding-left:1em;
        color: #FF870D;
}

div.f_element p a:hover {
        text-decoration: none;
}

div.f_element .col1 {
        position: absolute;
        width: 151px;
        top: 0px;
        left: 0px;
        text-align: right;
        font-size: 13px;
}

div.f_element .col2 {
        position: relative;
        padding-left: 178px;
}

fieldset label {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 151px;
        text-align: right;
        color: #444444;
        padding-top: 0.3em;
}

fieldset select {
        position: relative;
        border: 0px;
        height: 1.4em;
        .height: 1.5em;
        padding: 0.14em;
        background-color: #FFF;
}

div.f_element input {
        position: relative;
        border: 0px;
        height: 1.4em;
        padding: 0.15em;
}

div.f_element input.nom {
        width: 17em;
}

div.f_element input.llarg {
        width: 20em;
}

div.f_element input.num {
        width: 4em;
}

div.f_element input.pis {
        width: 7em;
}

div.f_element input.cp {
        width: 9em;
}

div.f_element input.tel {
        width: 12em;
}

input.enviar {
        background-color: #5789D5;
        color: #FFFFFF;
        float: right;
        margin-bottom: 14px;
        padding: 0.2em 1.8em;
        text-decoration: none;
        font-weight: bold;
        border: none;
        cursor: pointer;
}


#feedback_error {
background-color:#d70000;
border:1px solid #B7393D;
color:#FFFFFF;
font-size:15px;
font-weight:bold;
margin:10px 0px;
padding:8px;
}

div.fieldWithErrors input,
div.fieldWithErrors select
{
    padding: 1px;
    border: 1px solid red;
    display: table;
}

#errorExplanation h2 {
color:#D70000;
font-size:13px;
font-weight:bold;
margin:-10px -2px 7px;
padding:10px 5px 5px 2px;
text-align:left;
}


#errorExplanation {
background-color:#FFD3D3;
margin:10px 0px;
padding: 0 10px 10px;
}

#errorExplanation p {
    color: #333;
    margin: 5px 0px;
    font-size: 12px;
}

#errorExplanation ul li {
    font-size: 12px;
    line-height: 1.3em;
    color: #333;
    list-style: disc;
    margin: 0px 0px 0px 20px;
    padding: 0px;
}

/* Captcha */

#simple_captcha {
  padding: 5px !important;
}

#simple_captcha,
#simple_captcha div{display: table;}
#simple_captcha .simple_captcha_field,
#simple_captcha .simple_captcha_image{
  border: 1px solid #ccc;
  margin: 0px 0px 2px 0px !important;
  padding: 0px !important;
}

#simple_captcha .simple_captcha_image img{
  margin: 0px !important;
  padding: 0px !important;
  width: 110px !important;
}

#simple_captcha .simple_captcha_label{
  font-size: 12px;
}

#simple_captcha .simple_captcha_field input{
  width: 150px !important;
  font-size: 16px;
  border: none;
  /*background-color: #efefef;*/
}

/* Error fields for forms */

.error_field {
  border: 1px solid red !important;
}

/* breus graella */

.breu_graella {
        float: left;
        position: relative;
/*      border-top: 1px solid #c3c3c3; */
        padding-top: 5px;
        width: 225px;
        margin-top: 5px;
        margin-bottom: 8px;
        height: 1%;
}

.breu_graella p.data {
        color: #888888;
        font-size: 11px;
        margin-bottom: 2px;
        letter-spacing: 0.02em;
}

.breu_graella p a {
        color: #585859;
        font-size: 1.6em;
        line-height: 1.1em;

}

.breu_graella p a:hover {
        text-decoration: underline;
}

.breu_graella h5 {
        text-align: left;
}

.breu_graella h5 a {
        color: #000;
        font-size: 12px;
        line-height: 1.2em;
}

.breu_graella h5 a:hover {
        text-decoration: underline;
}

.breu_graella p.font {
        color: #888888;
        margin-top: 2px;
        margin-bottom: 8px;
        font-size: 12px;
}

.breu_graella h4.triangle {
        background: url("../images/triangle_blau.jpg") no-repeat left center;
        padding-left: 10px;
        padding-top: 2px;
        color: #5789d5;
        font-weight: bold;
        font-size: 12px;
        margin-bottom: 3px;
}

h4.esports {
        background: url("../images/logo_xs_breus.jpg") no-repeat left center;
        padding-left: 27px;
        color: #ff7300;
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 7px;
}

div.hr {
        float: left;
        height: 1px;
        width: 100%;
        background: url("../images/linia.gif") repeat-x;
}

.breu_graella .video_on {
        background-color: #daebf7;
        margin-top: 3px;
        overflow: hidden;
        clear: both;
        padding: 2px 5px 5px 3px;
        font-size: 12px;
        height: 1%;
}

.breu_graella .video_ok {
        background-color: #b0ddfe;
        margin-top: 3px;
        overflow: hidden;
        clear: both;
        padding: 2px 5px 5px 3px;
        font-size: 12px;
        height: 1%;
}

.breu_graella .video_off {
        background-color: #f2f2f2;
        margin-top: 3px;
        overflow: hidden;
        clear: both;
        padding: 2px 5px 5px 3px;
        font-size: 12px;
        height: 40px;
}

.breu_graella .video_on p, .breu_graella .video_ok p {
        color: #585859;
        margin-top: 1px;
}

.breu_graella .video_on div.download p {
        padding-top: 0.1em;
        margin-top: 0;
        color: #585859;
}

.breu_graella .video_ok div.download p {
        padding-top: 0.1em;
        margin-top: 0;
        color: #6190d7;
        font-weight: bold;
}

.breu_graella .video_off div.download p {
        padding-top: 0.1em;
        margin-top: 0;
        color: #888;
}

.breu_graella .video_on div.download p a {
        color: #6190d7;
        text-decoration: underline;
        font-size: 1em;
}

.breu_graella .video_on div.download p a:hover {
        text-decoration: none;
}

.breu_graella .video_on img, .breu_graella .video_ok img {
        float: right;
        margin-top: 2px;
}


/* breus llistat */

#apartats {
        float: left;
        color: #585859;
        font-size: 14px;
        margin: 5px 0;
}

#apartats h6.col1 {
        float: left;
        width: 115px;
}

#apartats h6.col2 {
        float: left;
        width: 370px;
}

#apartats h6.col3 {
        float: left;
        width: 170px;
}

#apartats h6.col4 {
        float: left;
}

.breu_llistat {
        float: left;
        position: relative;
/*      border-top: 1px solid #c3c3c3; */
        padding-top: 3px;
        width: 99.5%;
        margin-bottom: 6px;
        height: 1%;
}

.breu_llistat .data {
        float: left;
        width: 115px;
}

.breu_llistat .data p {
        color: #888888;
        font-size: 12px;
        margin-bottom: 2px;
        letter-spacing: 0.02em;
}

.breu_llistat p a {
        color: #585859;
        font-size: 1.6em;
        line-height: 1.1em;
}

.breu_llistat p a:hover {
        text-decoration: underline;
}

.breu_llistat .titular h5 {
        text-align: left;
}

.breu_llistat .titular h5 a {
        color: #000;
        font-size: 12px;
        line-height: 1.2em;
}

.breu_llistat .titular h5 a:hover {
        text-decoration: underline;
}

.breu_llistat p.font {
        color: #888888;
        margin-top: 2px;
        margin-bottom: 8px;
        font-size: 12px;
}

.titular {
        width: 360px;
        padding-right: 10px;
        float: left;
}

.titular h4.triangle {
        background: url("../images/triangle_blau.jpg") no-repeat left center;
        padding-left: 10px;
        padding-top: 2px;
        color: #5789d5;
        font-weight: bold;
        font-size: 12px;
        margin-bottom: 3px;
}

.titular h4.esports {
        background: url("../images/logo_xs_breus.jpg") no-repeat left center;
        padding-left: 27px;
        padding-top: 2px;
        color: #ff7300;
        font-weight: bold;
        font-size: 12px;
        margin-bottom: 3px;
}

.titular p.subtitol {
        font-size: 12px;
        color: #585859;
 }

div.hr_llistat {
        float: left;
        height: 1px;
        width: 99.5%;
        background: url("../images/linia.gif") repeat-x;
        margin-bottom: 2px;
}

.breu_llistat .video_on {
        background-color: #daebf7;
        margin-top: 0;
        overflow: hidden;
        padding: 2px 5px 5px 3px;
        font-size: 12px;
        height: 1%;
        clear: none;
}

.breu_llistat .video_ok {
        background-color: #b0ddfe;
        margin: 0px;
        overflow: hidden;
        padding: 2px 5px 5px 3px;
        font-size: 12px;
        height: 40px;
        clear: none;
}

.breu_llistat .video_off {
        background-color: #f2f2f2;
        margin: 0px;
        overflow: hidden;
        padding: 2px 5px 5px 3px;
        font-size: 12px;
        height: 40px;
        clear: none;
}

.breu_llistat .video_on p, .breu_llistat .video_ok p {
        color: #585859;
        margin-top: 1px;
}

.breu_llistat .video_on div.download p {
        padding-top: 0.1em;
        margin-top: 0;
        color: #585859;
}

.breu_llistat .video_ok div.download p {
        padding-top: 0.1em;
        margin-top: 0;
        color: #6190d7;
        font-weight: bold;
}

.breu_llistat .video_off div.download p {
        padding-top: 0.1em;
        margin-top: 0;
        color: #888;
}

.breu_llistat .video_on div.download p a {
        color: #6190d7;
        text-decoration: underline;
        font-size: 1em;
}

.breu_llistat .video_on div.download p a:hover {
        text-decoration: none;
}

.breu_llistat .video_on img, .breu_llistat .video_ok img {
        float: right;
        margin-top: 2px;
}

.clip_thumbnail {
  width: 50px;
  height: 38px;
  border: none;
}


/* FITXA DE NOTÍCIA */
#bloc_principal #fitxa_noticia p.update {
        font-size: 12px;
        color: #666;
        margin-top: 18px;
}

#bloc_principal #fitxa_noticia h4.categoria {
        background: url("../images/triangle_blau.jpg") no-repeat left center;
        padding-left: 10px;
        color: #5789d5;
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 2px;
        margin-top: 41px;
}

#bloc_principal #fitxa_noticia h3 {
        font-size: 14px;
        font-weight: normal;
        color: #111;
        margin-bottom: 3px;
}

#bloc_principal #fitxa_noticia h2.titol {
        font-size: 22px;
        color: #111;
        margin-bottom: 23px;
        line-height: 1.05em;
}

#columna_aux {
   float: left;
   background-color: #ececec;
   width: 243px;
   padding: 8px;
   padding-bottom: 12px;
   margin-right: 11px;
}

#columna_aux h5 {
        font-size: 13px;
        color: #5789d5;
        margin-bottom: 10px;
}

#columna_aux p.text_retol {
        font-size: 12px;
        color: #111;
        font-weight: bold;
        line-height: 1.1em;
}

#columna_aux p.temps_retol {
        font-size: 12px;
        color: #111;
        margin-bottom: 10px;
        line-height: 1.1em;
}

#columna_aux p {
        font-size: 13px;
        color: #111;
        line-height: 1.2em;
}

#columna_principal {
   float: left;
   color: #111;
   width: 441px;
}

#columna_principal #bloc_video {
  background-color: #d4ecf8;
  margin-bottom: 15px;
  overflow: hidden;
}

#columna_principal #bloc_video div.video_gran {
  margin: 0px 23px 15px 30px;
  padding-top: 15px;
}

#columna_principal #bloc_video_info {
  width: 425px;
  background-color: #d4ecf8;
  padding: 8px;
  overflow: hidden;
}


#columna_principal div.entradeta,
#columna_principal div.entradeta p {
  font-weight: bold;
        font-size: 13px;
        line-height: 1.1em;
  margin-bottom: 15px;
}

#columna_principal h5 {
        font-size: 13px;
        color: #5789d5;
        margin-bottom: 10px;
}

#columna_principal p.video_info {
   margin-left: 4px;
   float: left;
   color: #5789D5;
   margin-top: 5px;
   margin-bottom: 2px;
   padding-left:17px;
   padding-top:0.1em;
}

.breu_graella img.download_spinner,
.breu_llistat img.download_spinner {
   float: left !important;
   margin: 0px 135px 0px 0px !important;
}

#bloc_video img.download_spinner {
   float: right;
   margin-top: 10px;
   margin-right: 55px;
   margin-bottom: 0;
}

#columna_principal p.download {
  margin-bottom: 0px;
}

#columna_principal p.download a {
   margin-right: 23px;
   float: right;
   display: block;
   width: 86px;
   height: 17px;
   background: transparent url("../images/boto_descarregar.jpg") no-repeat scroll top left;
   font-size: 13px;
   text-align: center;
   padding-top: 5px;
   color: #111;
}

#columna_principal p.downloading {
   float: right;
   margin-top: 3px;
   margin-right: 23px;
   margin-bottom: 0;
   font-size: 13px;
   padding-top: 5px;
   color: #111;
}

#columna_principal p.downloaded {
   float: right;
   margin-top: 3px;
   margin-bottom: 0;
   margin-right: 23px;
   font-size: 13px;
   padding-top: 5px;
   color: #5789D5;
}


#columna_principal p {
        font-size: 13px;
        line-height: 1.15em;
   margin-bottom: 15px;
}

#columna_principal p.autor, #columna_principal p.font {
        font-size: 13px;
   margin: 0;
   color: #666;
}

#dades_prof p#login_error {
  background-color:#DD0000;
  color:#FFFFFF;
  margin-bottom:0.4em;
  padding:0.35em;
}

/* DESCÀRREGUES */

.descarrega_curs p, .descarrega_completa p, .descarrega_error p {
   margin-left: 100px;
   margin-bottom: 7px
}

.descarrega_curs, .descarrega_completa, .descarrega_error {
   padding: 12px;
   padding-bottom: 6px;
   margin-bottom: 4px;
}


.descarrega_curs {
   background-color: #DAEBF7;
   padding: 12px;
   padding-bottom: 6px;
   margin-bottom: 4px;
}

.descarrega_curs h6 {
   color: #5789d5;
   font-weight: normal;
   float: left;
}

.descarrega_error {
   background-color: #ff4040;
         color: #FFF;
   padding: 12px;
   padding-bottom: 6px;
   margin-bottom: 4px;
}

.descarrega_error h6 {
   color: #573935;
   font-weight: normal;
   float: left;
}

.descarrega_completa {
   background-color: #B0DDFE;
}

.descarrega_completa p {
   color: #111;
}

.descarrega_completa h6 {
   color: #3c6eb9;
   font-weight: normal;
   float: left;
}

/* Calendar */
.calendar_date_select .cds_buttons a {
  font-size: 11px !important;
}
.calendar_date_select .cds_footer {
  display: none;
}

/* USUARIS CONNECTATS */

div.usuaris {
   position: relative;
   width: 694px;
   border: 1px solid #d5d5d5;
   background: #ededed url("../images/fons_usuaris.jpg") top left repeat-x;
   margin-top: 10px;
   padding: 9px;
   overflow: hidden;
/* height: 22px; */ /* caixa no desplegada */
}

a.boto_pany {
   position: absolute;
   top: 7px;
   right: 7px;
}

div.usuaris h3 {
   font-size: 16px;
   font-weight: bold;
   color: #5789d5;
   background: transparent url("../images/ico_entitats_titol.jpg") top left no-repeat;
   padding-left: 20px;
}

div.usuaris h3 {
   background: transparent url("../images/ico_usuaris_titol.jpg") top left no-repeat;
}

div.usuaris ul.menu {
   background: transparent url("../images/fons_titol_menu_usuaris.jpg") top left repeat-x;
   height: 24px;
   margin-top: 23px;
   margin-bottom: 1px;
   padding-right: 0px;
   overflow: hidden;
}

div.usuaris ul.menu li {
   font-size: 14px;
   font-weight: bold;
   color: #666;
   float: left;
   clear: none;
   border: 0;
   padding: 0;
}

div.usuaris ul.menu li.usuari {
   width: 248px;
   background: 0;
}

div.usuaris ul.menu li.usuari a,
div.usuaris ul.menu li.entitat a,
div.usuaris ul.menu li.temps a {
   background: transparent url("../images/bg_avall.jpg") 100% -23px no-repeat;
/* border: 1px solid red; */
   display: block;
   padding: 5px;
   color: #666;
}

div.usuaris ul.menu li.usuari.active.up a,
div.usuaris ul.menu li.entitat.active.up a,
div.usuaris ul.menu li.temps.active.up a {
   background: transparent url("../images/bg_amunt.jpg") 100% bottom no-repeat;
   color: #fff;
}

div.usuaris ul.menu li.usuari a:hover ,
div.usuaris ul.menu li.entitat a:hover,
div.usuaris ul.menu li.temps a:hover{
   background-position: 100% bottom;
}

div.usuaris ul.menu li.usuari a:active ,
div.usuaris ul.menu li.entitat a:active,
div.usuaris ul.menu li.temps a:active,
div.usuaris ul.menu li.usuari.active a,
div.usuaris ul.menu li.entitat.active a,
div.usuaris ul.menu li.temps.active a{
   background-position: 100% top;
   color: #fff;
}

div.usuaris ul.menu li.entitat {
   width: 279px;
}

div.usuaris ul.menu li.temps {
   width: 167px;
}

div.usuaris ul li p.usuari {
   width: 226px;
   .width: 220px;
   padding: 2px;
   padding-left: 20px;
   background: transparent url("../images/ico_usuaris.jpg") top left no-repeat;
}

div.usuaris ul li p.entitat {
   width: 262px;
   padding: 2px;
   padding-left: 15px;
   background: transparent url("../images/ico_entitat.jpg") left top no-repeat;
}

div.usuaris ul li p.temps {
   padding: 2px;
   padding-left: 15px;
   background: transparent url("../images/ico_temps.jpg") left 50% no-repeat;
}

div.usuaris ul.llista {
   background: #fff;
   padding: 5px;
   padding-right: 0;
   padding-top: 0;
   overflow: hidden;
}

div.usuaris ul li {
   clear: both;
   font-size: 14px;
   color: #666;
   border-bottom: 1px solid #d3d3d3;
   padding: 4px 0 4px 0;
   overflow: hidden;
}

div.usuaris ul li.ultim {
   border-bottom: 0;
   padding-bottom: 0;
}

div.usuaris ul li p {
   float: left;
} 


/*Informes de descàrregues i contribucions*/

p.report_info{
	font-size: 14px;	
}

.contribucions, #descarregues {
	clear: both;   
	float: left; 
	width: 100%;    
} 

#descarregues {
	width: 100%;
}

#descarregues ul.total {
	float: left;
	margin-top: 10px;
} 

.contribucions ul.total {
	width: 100%;

}

.entity_type_name {
	margin-top: 10px;
	background: url("../images/triangle_gris.png") no-repeat 0 23px;
	padding-left: 10px; 
	font-size: 20px;  
	font-weight: bold; 
	margin-bottom: 10px; 
	padding-top: 18px;
}

.contribucions ul.total li, #descarregues ul.total li {
	background: url("../images/triangle_gris.png") no-repeat 0 2px;
	padding-left: 10px; 
	font-size: 14px;  
	font-weight: bold; 
	margin-bottom: 10px; 
}  

.contribucions ul.total li span, #descarregues ul.total li span {
	color: #868686;
}

ul#llistat-contribucions, ul#llistat-contribucions-nocompta, ul#llistat-descarregues {
	font-size: 12px; 
	margin: 10px 0;
	clear:both;
}   
 
ul#llistat-contribucions li, ul#llistat-contribucions-nocompta li, ul#llistat-descarregues li {
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 10px;
	/*padding-bottom: 5px; */ 
	padding-top: 5px!important;
}

ul#llistat-contribucions li span.data, ul#llistat-contribucions-nocompta li span.data, ul#llistat-descarregues li span.data {
	float: left; 
	display: block;
	width: 105px;
}  

ul#llistat-contribucions li h2, ul#llistat-contribucions-nocompta li h2, ul#llistat-descarregues li h2 {
	background:transparent url("../images/triangle_blau.gif") no-repeat scroll left center;
	color: #5789D5;
	font-size:12px;
	font-weight:bold;
	margin-bottom:3px;
	padding-left:10px;
	padding-top:2px; 
	float: left;  
	width: 75%;
	margin-bottom: 10px;
} 

 ul#llistat-descarregues li h2 {
	width: 41.5%;
} 

ul#llistat-descarregues span.tele {
	background: url("../images/ico-tele.gif") no-repeat ;
	padding: 2px 0 2px 15px; 
	width: auto;
} 

span.tele-noreconeguda {
	color: red;
}

ul#llistat-descarregues li.especial {
	border-top: 1px dotted #9b9b9b;    
	border-bottom: 1px dotted #9b9b9b;
	padding: 3px 0!important;  
    
}  

ul#llistat-descarregues li.especial p {
	color: #000;  
	margin: 0!important;
	font-size: 12px;   
}

ul#llistat-descarregues li input {
	float: left;
	padding: 0!important; 
	margin:0 5px 10px 0 !important;  
}  

ul#llistat-descarregues li.especial input {
	margin: 0 5px 0 0!important;
}

ul#llistat-contribucions-nocompta li h2 {
	background:transparent url("../images/triangle_negre.png") no-repeat scroll left center;
	color: #000;
}

ul#llistat-contribucions li p {
	margin-left: 105px; 
	color: #000; 
	font-weight: bold;
	margin-bottom: 5px;
	clear: both;
}

ul#llistat-contribucions li ul.descarregar {
	margin-left: 105px;
	margin-bottom: 10px; 
	font-size: 13px; 
	background: #DAEBF7;
}    

ul#llistat-contribucions li ul.descarregar li.tele {
	background: #DAEBF7 url("../images/ico-tele.gif") no-repeat 3px 2px; 
	padding: 4px 0 5px 18px;
	margin: 0;
	border: none;  
}  

ul#llistat-contribucions li ul.descarregar li {
	background: #DAEBF7;    
	margin: 0; 
	border: none; 
	float: left;
	width: 285px; 
} 

ul#llistat-contribucions li ul.descarregar-noutil {
	background: #e5e5e5!important; 
	margin-left: 105px;
	margin-bottom: 10px; 
	font-size: 13px; 
}

ul#llistat-contribucions li ul.descarregar-noutil li {
    background: #e5e5e5 url("../images/ico-tele.gif") no-repeat 3px 2px; 
	padding: 4px 0 5px 18px;
	margin: 0; 
	border: none; 
	float: left;
	width: 285px; 
	color: #858585;
} 


div.televisions {
   position: relative;
   width: 690px;
   border: 1px solid #d5d5d5;
   background: #ededed url("../images/fons_usuaris.jpg") top left repeat-x;
   padding: 9px;
   margin-bottom: 20px;
   overflow: hidden; 
   float:left;
/* height: 22px; */ /* caixa no desplegada */
}

div.televisions a.boto_pany {
   position: absolute;
   top: 7px;
   right: 7px;
}

div.televisions h3 {
   	font-size: 16px;
   	font-weight: bold;
   	color: #5789d5;
   	background: transparent url("../images/ico-tele-blau.gif") top left no-repeat;
   	padding-left: 20px; 
	padding-bottom: 5px;  
	padding-top: 3px;
} 
div.televisions ul.menu {
   background: transparent url("../images/fons_titol_menu_usuaris.jpg") top left repeat-x;
   height: 18px;
   margin-top: 10px;
   margin-bottom: 1px;
   padding-right: 0px;
   overflow: hidden;
   padding-top: 5px;
	padding-left: 10px;
}

div.televisions ul.menu li {
   font-size: 14px;
   font-weight: bold;
   color: #666;
   float: left;
   clear: none;
   border: 0;
   padding: 0;
}  

div.televisions ul.menu li.nom, div.televisions ul li p.nom {
   	width: 225px;
} 

div.televisions ul.menu li.nom-llarg, div.televisions ul li p.nom-llarg{
   	width: 290px;
} 

	div.televisions ul li p.nom, div.televisions ul li p.nom-llarg {
		background: url(ico-tele.gif) no-repeat;
		padding-left: 15px;
	} 

div.televisions ul.menu li.minim, div.televisions ul li p.minim {
   	width: 200px;
	text-align: center;
} 

div.televisions ul.menu li.real, div.televisions ul li p.real {
   	width: 180px;
	text-align: center;  
}

div.televisions ul.menu li.aldia, div.televisions ul li p.aldia {
   	width: 60px;
	text-align: center;  
} 

div.televisions ul {
	background: #FFF; 
	margin-top: 0;
}  


div.televisions ul li {
   clear: both;
   font-size: 14px;
   color: #666;
   border-bottom: 1px solid #d3d3d3;
   padding: 4px 0 4px 4px;
   overflow: hidden;
}

div.televisions ul li.ultim {
   border-bottom: 0;
   padding-bottom: 0;
}

div.televisions ul li p {
   float: left;
} 

#filtres {
	margin-bottom: 10px; 
	border-bottom: 1px solid #d4d4d4;  
	padding-bottom: 5px;
}  

#filtres .entitat {
    width: 53%;
	float: left; 
	margin-top: 5px; 
	font-size: 12px;
}        

#filtres .box-right {
	float: right;  
	width: 45%; 
} 

#filtres .entitat label.primer {
	margin-bottom: 5px;
	display: block;
}

#filtres .entitat a {
	text-decoration: underline; 
	margin-left: 5px;
}  

#filtres .entitat a:hover {
	text-decoration: none;
}

#filtres .entitat p {
	 padding-top: 2px; 
	 margin: 5px 0;  
	 
}  

#filtres .entitat p.tele {
	 background: url("../images/ico-tele.gif") no-repeat;
 	 padding-left: 15px;
}   

#resum-detallat li {
	color: #5789d5; 
	background: url("../images/triangle_blau.gif") no-repeat 0 2px;
	padding-left: 10px; 
	font-size: 13px;  
	font-weight: bold;
    clear: both;
}  

#resum-detallat ul.total li {
	background: url("../images/triangle_gris.png") no-repeat 0 2px;
	padding-left: 10px; 
	font-size: 13px;  
	font-weight: bold; 
	margin: 10px 0 10px 20px;
	color: #585858; 
}      

#resum-detallat li span {
	color: #868686;
} 

#resum-grafic {
	border: 1px solid #dadada; 
	padding: 10px 20px; 
	margin: 10px 0;
} 

#resum-grafic .peces-aportades {
	float: left;
}   

#resum-grafic .descarregues {
	float: right; 
} 

h2.tele {  
	background: url("../images/ico-tele-blau.gif") no-repeat; 
   	color: #5789d5;
	font-size: 14px;  
	padding:5px 0 5px 20px;
	margin-bottom: 10px; 
	clear: both;  
}  




/*------------ Altres -----------*/
ul#llistat-contribucions li:after, ul#llistat-contribucions li ul.descarregar:after, ul#llistat-contribucions-nocompta li:after, ul#llistat-descarregues li:after, #filtres:after, #resum-grafic:after, #resum-detallat li:after, ul#llistat-contribucions li ul.descarregar-noutil:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}     
ul#llistat-contribucions li, ul#llistat-contribucions li ul.descarregar, ul#llistat-contribucions-nocompta li, ul#llistat-descarregues li, #filtres, #resum-grafic, #resum-detallat li, ul#llistat-contribucions li ul.descarregar-noutil { height: 1%; }