@charset "iso-8859-15";       

/*-------------- Generics / Reset --------------*/
* { margin: 0; padding: 0; line-height: 1em; font-size: 1em;}
body { font-size: 62.5%;}
body, input, select, textarea { color: #666; font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;}
a { text-decoration: none;}
a:hover { text-decoration: underline;}
img { border: 0;}
hr, #skip { display: none;}
ul { list-style-type: none;}

/*-------------- Estructura --------------*/
#wrapper { 
	width: 97em; 
	margin: 0 auto;
}  

#header {
   	clear: both;  
}  

#footer {
	text-align: center;
	background-color: #F68B1E;
	height: 2.4em;
	padding-top: 0.6em;
	margin: 2em 0; 
} 

#footer span {
	color: #9C6630;
	font-size: 0.9em;   
} 

#footer p {
	font-size: 1.2em; 
}  

#footer a {
	color: #FFF;   
	margin: 0 0.3em;         
} 

#footer img {
	vertical-align: middle; 
} 

#main .path {
	margin: 1em 0;
	font-size: 1.1em;
}  

#main .path a {
	color: #1D3587;                                                       
} 

#main h1 {
	color: #8C8D8E;
	font-size: 1.8em;
	font-weight: normal;
	margin: 1em 0;
} 

#main h2 {
	color: #1C3687;
	font-weight: normal; 
	margin-bottom: 0.3em; 
	font-size: 2em; 
}     

#main h2 a, #main h5 a {
	color: #1C3687;
}

#main h3 {
	color: #333;
	font-size: 1.6em;
	font-weight: normal; 
	margin-bottom: 0.3em;
}   

#main h3 a {
	color: #333;
} 

#main h4, #recomanar h4 {
	color: #666;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.5em;
} 

#main h5 {
	color: #1C3687;
	font-weight: normal; 
	margin-bottom: 0.3em; 
	font-size: 1.4em; 
}

#main p, #recomanar p {
	font-size: 1.4em;
	margin-bottom: 0.3em; 
	line-height: 1.2em;
}  

#main p.data {
	color: #999;
}

/*-------------- Menú  principal--------------*/  

ul#main-menu {
	background: url("../images/bg-menu.gif") repeat-x;
   	position: relative;    
	z-index: 9;
} 

ul#main-menu li {
	float: left;  
	position: relative;
	color: #FFF;
	margin: 0;
}

ul#main-menu li a.current, ul#main-menu li:hover, ul#main-menu li.hover {
   	background-color: #1C3687;   
}   
 
ul#main-menu li a {    
	color: #FFF;     
	text-decoration: none;
	font-size: 1.6em; 
	display: block;       
	padding: 0.4em .6em .3em;     
} 

ul#main-menu li a:hover {
	text-decoration: none; 
    background-color: #1C3687;  
}        

ul#main-menu li ul {
	display: none;
	position: absolute;
	top: 2.7em;
	left: 0;
	background-color: #1C3687;
	z-index: 10;   
	border: 1px solid #fff;
}

ul#main-menu li li ul {    
	top: 0;
	left: 19em;
	margin: 0;
	background-color: #1C3687;
	z-index: 10;
} 

ul#main-menu li li, ul#main-menu li li li { 
	width: 19em; 
	height: auto; 
	float: none;
	margin: 0;
	border: 0;  
}     

ul#main-menu li li a, ul#main-menu li li li a {          
   	padding: 0.5em;
	color: #FFF; 
	font-size: 1.2em; 
}  

ul#main-menu li:hover ul,
ul#main-menu li.hover ul {
        display: block;
}
ul#main-menu li:hover ul ul,
ul#main-menu li.hover ul ul {
        display: none;
}
ul#main-menu li li:hover ul,
ul#main-menu li li.hover ul {
        display: block;
}
ul#main-menu li li:hover ul ul,
ul#main-menu li li.hover ul ul {
        display: none;
}
ul#main-menu li li li:hover ul,
ul#main-menu li li li.hover ul {
        display: block;
}
ul#main-menu li li li:hover ul ul,
ul#main-menu li li li.hover ul ul {
        display: none;
}
ul#main-menu li li li li:hover ul,
ul#main-menu li li li li.hover ul {
        display: block;
}

ul#main-menu li li li li:hover ul ul,
ul#main-menu li li li li.hover ul ul {
        display: none;
}
ul#main-menu li li li li li:hover ul,
ul#main-menu li li li li li.hover ul {
        display: block;
}

/* Per a cada nou nivell de menu que calgui controlar,
s'ha d'afegir una còpia de les dues darreres instruccions
afegint un li més a cada línia
*/


ul#main-menu li li:hover, 
ul#main-menu li li.hover {
	background-color: #FB943E;
}   

ul#main-menu li li a:hover {
	background: none;
} 

ul#main-menu li.cercador  {
	float: right; 
	margin: 0.3em 0.5em 0 0;  
	font-size: 1.2em;
	background: none;
}   

ul#main-menu li.cercador  input.bot-cerca {
	background-color: #E5780B; 
	border: none;
	color: #FFF; 
	padding: 0.2em; 
	cursor: pointer;
}    

ul#main-menu li.cercador  input.ico-cercador {
	background: #FFF url("../images/ico-cercar.gif") no-repeat 2px;
	border: none;  
	padding: 0.2em 0 0.2em 1.3em;  
}


/*-------------- Menú  funcionalitats --------------*/ 

ul#funcionalitats {
	float: right; 
	margin: 1em 0;  
	position: relative;  
	z-index: 10;  
}   

ul#funcionalitats li {
	float: left;
	margin: 0 1em; 
	text-transform: uppercase;
	font-weight: bold; 
	padding-left: 0.2em;
	height: 1.5em;   
} 


ul#funcionalitats li a {
	color: #FF7A00;
	font-size: 1.1em; 
}    

ul#funcionalitats li div.rss {
	background: url("../images/ico-rss.gif") no-repeat 0;
	padding-left: 1.5em;
	height:1.5em;  
	width: 2em;
}  

ul#funcionalitats li div.podcast {
	background: url("../images/ico-podcast.gif") no-repeat 0;
	padding-left: 2.5em;
	height: 1.5em;
	width: 5em;  
}  
ul#funcionalitats li div.rss:hover, ul#funcionalitats li div.podcast:hover {
	text-decoration: underline; 
	color: #FF7A00;
}
 
ul#funcionalitats li.links {
	background: url("../images/ico-preferits.gif") no-repeat 0; 
	position: relative;
        padding-left:20px;
} 

ul#funcionalitats li.links ul {
	display: none;
	position: absolute;
	top: 1.2em;
	left: 1.5em;
	padding: 0.5em 0;
	margin: 0;
	font-size: 1.1em;
	background-color: #FFF; 
	width: 14em; 
} 

ul#funcionalitats li.links ul li {
	margin: 0;
	padding: .4em 0 .1em 0.3em;
	border: 0;        
	text-transform: none;  
	border-bottom: 1px solid #FDDBBF;           
	float: none;      
	position: relative;
}     
ul#funcionalitats li.links ul li a {  
	color: #FB943E;   
	font-weight: normal;  
}  
ul#funcionalitats li.links ul li a.bot-eliminar {     
	position: absolute;
	top: .2em;
	right: .5em;                                    
}

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

ul#funcionalitats .bot-desar {       
	display: block;
	position: absolute;
	top: 0;
	left: 0.2em;
	background-color: #E8EBF3;  
	padding: 0.3em 1.5em;  
	
}     

ul#funcionalitats .bot-desar a{       
   	color: #FFF!important; 
}

ul#funcionalitats .bot-desar:hover {
	text-decoration: none; 
	background-color: #D4DCF3;  
	color: #1C3687;
}

ul#funcionalitats li.ajuda {
	padding: 0;
	margin-left: 0; 
	position: relative;
}

ul#funcionalitats li.ajuda .balloon {
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	padding: 0.5em;
	margin: 0;
	font-size: 1.1em;
	background-color: #FFF;     
	width: 17.5em;
	text-transform: none; 
	font-weight: normal; 
	border: 1px solid #FB943E;
} 

ul#funcionalitats li.ajuda h4 {
	font-size: 1.1em;
	margin-bottom: 0.3em;   
	color: #FB943E;   
}   

ul#funcionalitats li.ajuda p {
	margin-bottom: 0.2em;    
}     

ul#funcionalitats li.ajuda:hover .balloon, ul#funcionalitats li.ajuda.hover .balloon {
	display: block;
}
 
/*-------------- Accés intranet CDC--------------*/     

#acces-intranet {
	width: 46em;  
	float: left; 
	margin: 0.8em 0 2em;
	font-size: 1.2em;
}    

#acces-intranet input {
	border: 1px solid #C1C1C1; 
	padding: 0.2em; 
	margin-right: 0.5em;
}  

#acces-intranet span.intranet {
	font-weight: bold; 
	color: #FF7A00;
	text-transform: uppercase; 
	font-size: 0.9em;    
}  

#acces-intranet input.bot-entrar {
	padding: 0;  
	margin: 0;
	vertical-align: middle;
	background-color: #FF7A00; 
	border: none;
	color: #FFF; 
	padding: 0.1em 0.2em; 
	cursor: pointer;
    font-weight: bold;
}

/*-------------- Pàgina Llistat Notícies--------------*/   
ul#llistat {
	margin: 1em 0; 
}

ul#llistat li { 
	border-bottom: 2px solid #F1F1F1;  
	margin: 1em 0 2em 0; 
	height: 15.6em; 
}    

ul#llistat li .info-llistat {
	height: 13.5em;
    overflow: hidden;
}   

ul#llistat li p { 
margin-bottom: 0;
}

ul#llistat p.foto { 
	float: left; 
	border: 0;
	margin: 0;
	margin-right: 1.5em; 
	width: 234px;
	height: 156px;
	overflow: hidden; 
	position: relative;
} 

ul#llistat p.foto img.player {
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;  
	width: auto;
	height: auto;
} 

ul#llistat li ul.relacionats {
	margin: 0;
	padding-bottom: .2em;
}  

ul#llistat li ul.relacionats li {
	border: 0; 
	float: left; 
	font-size: 1.4em;
	padding-right: 0.5em;
	margin:0; 
}

ul#llistat li ul.relacionats li span {
	display: none;
}

ul#llistat li ul.relacionats li.comentaris {
	background: url("../images/ico-comentaris.gif") no-repeat 0;
	padding-left: 1.3em;  
	height: auto;
} 

ul#llistat li ul.relacionats li.videos {
	background: url("../images/ico-video.gif") no-repeat 0;
	padding-left: 1.1em;  
	height: auto;
} 

ul#llistat li ul.relacionats li.galeria {
	background: url("../images/ico-galeria.gif") no-repeat 0; 
	padding-left: 1.5em;
	height: auto;
}  

ul#llistat li ul.relacionats li.audio {
	background: url("../images/ico-audio.gif") no-repeat 0; 
	padding-left: 1.6em;
	height: auto;
} 

ul#llistat li ul.relacionats li.documents {
	background: url("../images/ico-doc.gif") no-repeat 0;
	padding-left: 1em;  
	height: auto;
}    

/*-------------- Paginador --------------*/ 
#paginador {
	font-size: 1.2em;  
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;    
	padding: 1em 0;
	text-align: right;
}   

#paginador a {
	color: #666; 
	padding: 0 0.5em;
}  

#paginador a:hover {
	color: #F68B1E;
	text-decoration: none;
}

#paginador span {
	padding: 0.3em 0.5em 0.2em 0.5em; 
	color: #FFF;
	background-color: #F68B1E; 
} 

/*-------------- Pàgina Fitxa --------------*/ 

#content #center { 
	width: 75em;
	float: left;
	/*text-align: justify;*/
}  

#content.no-sidebar #center { 
	width: 95em;
} 

#content #sidebar { 
	width: 20em;
	float: right;	
}

#center #sidebar-notis {
	float: right;  
	width: 31em; 
	margin-left: 2em;
} 

#center li {
   font-size: 1.4em;
}

#center #cos-notis p {
	line-height:1.45em;
        text-align:justify;
}

#center #cos-notis p span {
	line-height:1.45em;
}

#center #cos-notis, #center #cos-monografics { 
	margin: 1em 0 2em; 
} 

#center #cos-notis p, #center #cos-monografics p { 
	margin-bottom: 1em; 
}

#center .modul-foto {
	position: relative;
	border: 1px solid #E2E2E2;
	padding: 4px; 
	margin-bottom: 1em;
	width: 300px;
	height: 225px;
    overflow:hidden;
    line-height: 0;
    display:block !important;
}  

#center .notis-relacionades ul.llistat-notis {
	margin: 1em 0 1.5em; 
	border-left: 1px solid #E2E2E2;
	padding-left: 0.5em;
} 

#center .notis-relacionades ul.llistat-notis li {
	padding: 0 0 0 1em;
	background: url("../images/item-list.gif") no-repeat;
	border-bottom: 1px solid #E2E2E2; 
	margin: 1em 0;
	font-size: 1em; 
} 

#center .modul-galeria {
	position: relative;
	margin-bottom: 2em;
}
#center .modul-galeria li, #center .modul-foto {
	#position: relative;
	line-height: 0;
	font-size: 1em;
    border: 1px solid #E2E2E2;
    text-align: center;
    display: table;
}
    #center .modul-galeria li div.primer, #center .modul-foto div.primer{
        #position: absolute; 
        #top: 50%;
        display: table-cell; 
        vertical-align: middle;
        *position: none;
    }
    #center .modul-galeria li div.segon, #center .modul-foto div.segon{
        #position: relative; 
        #top: -50%;
        *position: none;
    }

#center .modul-galeria h4 {
	background: url("../images/ico-galeria.gif") no-repeat 0; 
	padding: 0.3em 0 0 2em;
}
#center .modul-galeria .info { 
	position: absolute;
	top: 0.3em;
	right: 0; 
	color: #666;
	text-transform: uppercase;
	font-size: 1.2em;
}

#center .modul-foto img{
    margin: auto !important;
}

    
#center .modul-foto p.peu {
    position: absolute;
    bottom: 5px;
    left: 4px;
    width: 288px;
    margin-bottom: 0!important;
    padding: 3px 6px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFF;
    font-size: 1.2em;
    background: url(../images/bg-peu-foto.png) repeat;
    *position: relative;
    *bottom: 40px;
    *left: 0;
    *height: 35px;
}

#center .modul-galeria p.peu {
    position: absolute;
    bottom: 0;
    margin-bottom: 5px !important;
    padding: 3px 6px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFF;
    font-size: 1.2em;
    background: url(../images/bg-peu-foto.png) repeat;
    width: 288px;
    margin-left: 5px;
    *position: relative;
    *bottom: 35px;
    *left: -2px;
    *height: 35px;
}

#center .bar-links {
	border-color: #E2E2E2;
	border-style: solid;
	border-width: 1px 0pt;
	clear: both;
	color: #999;
	font-size: 0.9em;
	margin-bottom: 2em;
	padding: 0.5em 0pt;
	text-align: right;
} 

#center .bar-links  p, .bar-links ul, .bar-links li {
	display: inline;
}  
                  
#center .bar-links li img {
	margin-left: 4px;
	vertical-align: middle;
} 
#center .bar-links  li {
	padding: 0em 0.5em;
	border-right: 1px solid #E2E2E2; 
}
  
#content #sidebar h4 {
	background-color: #F1F1F1; 
	padding: 0.8em 0 0.5em 0.5em;  
} 
#content #sidebar .forum h4 {
	margin-bottom: 0; 
}

#content #sidebar ul, #content #monografics-relacionats ul {
	margin-bottom: 2em;  
}  

#content #sidebar ul li, #content #monografics-relacionats ul li {
	border-bottom: 1px solid #E2E2E2; 
	padding: 0.5em 0 0 0;  
} 

#content #sidebar .audios-relacionats p.data, #content #monografics-relacionats .audios-relacionats p.data {
	background: url("../images/ico-audio.gif") no-repeat; 
	padding-left: 1.5em;
}

#content #sidebar .documents-relacionats h4, #content #monografics-relacionats .documents-relacionats h4 {
	margin: 0;
} 

#content #sidebar .documents-relacionats li, #content #monografics-relacionats .documents-relacionats li {
	background: url("../images/bg_documents.jpg") no-repeat bottom; 
	height: 6.5em;
	overflow: hidden;  
	padding: 0 0.5em;
	border: 0; 
}  

#sidebar .audios-relacionats li {
	position: relative;
}
#sidebar .audios-relacionats .audio-player {
	position: absolute;
	top: .2em;
	right: 1em;
	width: 8.1em;
	height: 2.2em;
}    

#content #sidebar .documents-relacionats p.data, #content #monografics-relacionats .documents-relacionats p.data {
	padding: 0.5em 0 0 1em; 
	background: url("../images/ico-doc.gif") no-repeat 0 8px;
}

#content #sidebar .videos-relacionats img, #content #monografics-relacionats .videos-relacionats img{ 
	float: left;  
	margin: 0 0.5em 0.5em 0; 
	width: 80px;
}  

#content #sidebar #zona-banners {
	margin: 2em 0;
}  

#content #sidebar #zona-banners img {
	margin-bottom: 1em;
} 

#content #sidebar #webs-municipals {
	margin-bottom: 2em;
}    

#content #sidebar #xarxa, 
#ciutv #sidebar-ciutv #xarxa {
	margin-bottom: 2em;
}

#content #sidebar #xarxa h4,
#ciutv #sidebar-ciutv #xarxa h4 {
	background-color: #5b5b5b;  
	color: #FFF;
}  
#ciutv #sidebar-ciutv #xarxa h4 {
   	padding:0.8em 0 0.5em 0.5em;
  	margin-top: 2em;
}


#content #sidebar #xarxa a,
#ciutv #sidebar-ciutv #xarxa a {
   margin: 0 0.1em;
}   



#content #sidebar #links li {
	padding: 0.5em 0;  
	color: #666;   
	font-size: 1.3em;
} 

#content #sidebar #links li a { 
	color: #666;
} 

#content #sidebar #links li a:hover { 
	color: #f68b1e;
}


/*-------------- Comentaris --------------*/  
#comentaris .num-comentaris {
	background: url("../images/ico-comentaris.gif") no-repeat;
	padding-left: 1.5em;  
}

#comentaris a.mes { 
	background: url("../images/ico-mes.gif") no-repeat;
	padding-left: 1em;
	margin-left: 1em; 
	color: #F79A3C;
}

#comentaris ul {
	padding: 2em;
}  

#comentaris ul li {
	padding-left: 1.8em;
	background: url("../images/ico-comentaris.gif") no-repeat; 
    margin-bottom: 2em;	
	border-bottom: 1px solid #E2E2E2;
	font-size: 1em;
}  

#comentaris ul li p.autor {
	color: #1D3587;
} 

#comentaris form {
	background: #F1F1F1; 
	padding-bottom: 1em;  
	margin: 2em;
} 

#comentaris form p {
	padding: 0.5em 1em;
}

#comentaris form h4 {
	color: #F79A3C;
	padding: 1em 0 0 1em;
}     

#comentaris form label {
	display: block;
	color: #F79A3C;  
	padding-bottom: 0.5em;
} 

#comentaris form input {
	border: 0;  
	padding: 0.3em;
}   

input.mini {
	width: 3em;
}

#comentaris form textarea {
	width: 95%;
	height: 10em; 
	border: 0;  
	padding: 0.3em;
}

#comentaris form input.bg-boto {
	background: url("../images/bg-boto.gif") no-repeat; 
	width: 4.5em;  
	color: #FFF;
	float: right;
} 

#comentaris form img {
	vertical-align: middle;
}

#comentaris p.avis {
	font-size: 1.6em;
	color: #F79A3C;
	background: #F1F1F1;
	padding: 1em; 
	border: 1px solid #D5D5D5;
} 
/*-------------- Formulari recomanar --------------*/  
#recomanar {
	width: 49em;  
	padding: 2em;
	background: #FFF; 
}
#recomanar form {
	padding: 1em;  
    border: 1px solid #666;
} 

#recomanar form p {
	margin-bottom: 1em;
}

#recomanar form h4 {
	color: #F79A3C;
	margin-bottom: 1em;
}     

#recomanar form label {
	display: block;
	color: #F79A3C;  
	margin-bottom: .5em;
} 

#recomanar form input {
	border: 0;  
	padding: 0.3em; 
	border: 1px solid #D5D5D5;
}   

#recomanar form textarea {
	width: 95%;
	height: 10em; 
	border: 0;  
	padding: 0.3em;
}

#recomanar form input.bg-boto {
	background: url("../images/bg-boto.gif") no-repeat; 
	width: 4.5em;  
	color: #FFF;
	float: right; 
	border: 0;
} 

#recomanar form img {
	vertical-align: middle;
}

#recomanar p.avis {
	font-size: 1.6em;
	color: #F79A3C;
	background: #F1F1F1;
	padding: 1em; 
	margin-bottom: 1em;
	border: 1px solid #D5D5D5;
}

/*-------------- Monogràfics --------------*/ 

#center #destacat {
	background: #F1F1F1;
	padding: 1.5em; 
	margin-bottom: 1em;
}    

#center #destacat img {
	float: left; 
	margin: 0 1em 0 0;
} 

#center #destacat p.entradeta {
	font-size: 1.8em;
	color: #333;  
	text-align: left;
}


#center #cos-monografics a {
	color: #1c3687; 
} 

#center #cos-monografics li {
	padding: 0 0 0 1em;
	background: url("../images/item-list.gif") no-repeat;
	margin: 1em 0;  
}  

#center #cos-monografics h2 {
	 font-size: 1.8em;
}

#center #cos-monografics h3 {
	 font-size: 1.6em;
}  


#content #monografics-relacionats h4 {
	background-color: #F1F1F1; 
	padding: 0.8em 0 0.5em 0.5em;  
	margin-bottom: 0; 
} 

#content #monografics-relacionats h5, #content #monografics-relacionats p.data, #content #monografics-relacionats p.autor {
	font-size: 1em;
} 

#content #monografics-relacionats p {
	margin-bottom: 0.5em;
}  

#content #monografics-relacionats ul li {
	background: none; 
	margin:0;
}  

#content #monografics-relacionats .documents-relacionats li {
	height: 4.6em;
	overflow: hidden;
}  

#content #monografics-relacionats .forum h5 a {
	color: #1D3587; 
	font-size: 1.4em;
} 

#content #monografics-relacionats .forum img, #sidebar .forum img {
	margin: 1em 0;
} 

#content #monografics-relacionats .forum, #content #monografics-relacionats .enquesta, #sidebar .forum {
	background-color: #FCFCFC;
	margin-bottom: 2em;  
	height: auto;
}

#content #monografics-relacionats .enquesta form label {
 	color: #1D3587;  
  	display: block;
} 

#content #monografics-relacionats .forum div, #content #monografics-relacionats .enquesta form, #sidebar .forum div, .enquesta div {
	background: url("../images/bg_relacionats.jpg") no-repeat bottom;  
	padding: 1em 0.5em;
	border: 0; 
}  

#content #monografics-relacionats .enquesta form {
   	padding: 0.5em;
}   

#content #monografics-relacionats .enquesta form input.bot-votar {
	background: url("../images/bot-votar.jpg") no-repeat bottom;  
	border: none;
	color: #FFF; 
	width: 4.2em;
	height: 2em; 
	text-align: center;  
	padding-top:0.5em;
}  

#content .enquesta p.boto, #content .forum p.boto {
	float: right;    
} 

#content #monografics-relacionats .modul-rss h4 {
	margin-bottom: 0!important; 
}

#content #monografics-relacionats .modul-rss ul {
    padding: 0 0.5em;   
} 

#content #monografics-relacionats .modul-rss p.autor, .modul-rss p.data {
	font-size: 1.2em!important;
	text-transform: uppercase;
	margin: 0!important;
}  

#center #monografics-relacionats .modul-rss p.autor, #center #monografics-relacionats .modul-rss p.data {
	font-size: 1em!important;
}

#content #monografics-relacionats .modul-rss img {
	float: left; 
	margin: 0 0.5em 0.5em 0;
}

 
/*-------------- Portada --------------*/    
#portada {
	margin: 2em 0;
}

#portada .box-1col {
	width: 23.4em;          
} 

#portada .box-1col h2 {
	font-size: 1.4em;
} 

#portada .box-1col h5, #portada .box-2col h5, #portada .box-3col h5  {
	font-size: 1.1em; 
	text-align: left;
}

#portada .box-2col {
	width: 49.2em; 
} 

#portada .box-2col h2 {
   font-size: 2em;
}

#portada .box-3col {
	width: 75em; 
} 

#portada .box-1col, #center .box-2col {
	margin-right: 2.4em;
}  

#portada .box-1col, #portada .box-2col, #portada .box-3col {
	margin-bottom: 2.4em;
	float: left;
	height: 30em;
	overflow: hidden;  
} 

#portada .ultim {
	margin-right: 0;   
} 

#portada .especial {
	height: 21em!important; 
}

/*modul notícies*/

#portada .modul-notis {
	position: relative; 
	border-bottom: 2px solid #E5E5E5;  
    background-color: #f2f2f2;
	height:29.8em;
}  

#portada .modul-notis .content img {   
	float: left;
	margin-right: 2.4em;
	margin-bottom: 0.5em; 
} 

#portada .modul-notis .content h2 {   
	text-align: left; 
    padding-right: 5px;
} 

#portada .modul-notis.box-1col .content h2{
    padding-left: 5px;    
}

#portada .modul-notis.box-2col .content p {   
    padding-left: 5px;
    padding-right: 5px;
} 


#portada ul.opcions {   

	float: left; 
	position: absolute;
	bottom: 0; 
	left: 0;
}      

#portada .modul-notis ul.opcions {   
    padding-left: 5px;
}

#portada ul.opcions li {   
	float: left; 
   	margin-right: 0.3em;
	padding: 0.2em 0;
	font-size: 12px !important;			
}  

#portada ul.opcions li a {   
	color: #A8A8A8;   
} 

#portada ul.opcions li a:hover {   
	color: #666;
} 

#portada ul.opcions li a:hover {   
	text-decoration: none;
}

#portada ul.opcions li span {   
	display: none;
}

#portada ul.opcions li.comentaris {   
	background: url("../images/ico-comentaris-portada.gif") no-repeat -2px 0; 
	padding-left: 1.3em;   
}  

#portada ul.opcions li.fotos {   
	background: url("../images/ico-galeria-portada.gif") no-repeat; 
	padding-left: 1.7em;   
} 

#portada ul.opcions li.audio {   
	background: url("../images/ico-audio-portada.gif") no-repeat; 
	padding-left: 1.7em;   
}  

#portada ul.opcions li.videos {   
	background: url("../images/ico-video-portada.gif") no-repeat; 
	padding-left: 1.2em;   
}
  
#portada ul.opcions li.document {   
	background: url("../images/ico-doc-portada.gif") no-repeat; 
	padding-left: 1.2em;   
} 

#portada .mes {
	background: url("../images/ico-mes-gris.gif") no-repeat; 
	padding-left: 1em; 
	position: absolute;
	right: 0; 
	bottom: 0.3em;
	font-size: 1.2em;
	color: #999999;
}  

#portada .modul-notis .mes {
    padding-right: 5px;
}


#portada .mes a {
	color: #999999;    
} 

/*modul genèric llistat*/ 

#portada .modul-generic {
    background: #fbfbfb; 
	position: relative;
}
#portada .modul-generic h4 {
	margin-bottom: 0;
	background: url("../images/bg-generic.gif") repeat-x;
	height: 2em;
	padding: 0.8em 0 0 0.5em;
}

#portada .modul-generic p {
	margin: 0!important;   
	font-size: 0.9em!important;
}   

#portada .modul-generic p.data {
	text-transform: none;
}

#portada .modul-notis.box-3col p.data, #portada .modul-notis.box-2col p.data {
    padding-top: 3px;
}

#portada .modul-notis.box-1col p.data {
    padding-left: 5px;
}


#portada .modul-generic img {
	float: left; 
	margin: 0 0.5em 0.5em 0;
}

#portada .modul-generic ul {  
	width: 23em;
	float: left;  
	margin: 0 0.5em;
}  

#portada .modul-generic li {
	padding: 0 0.5em; 
	margin-top: 0.4em; 
	border-bottom: 1px solid #EEE; 
	clear: both;
}   

#portada .modul-generic .mes-items {
	position: absolute;
	top: 0.9em;
	right: 0.5em;  
} 

#portada .modul-generic .content {
	padding: 0.5em 0;
	width: 24em;
	float: left;
	text-align: left;
} 

#portada .modul-generic .content .nom-autor {
	font-size: 1.8em;
	background: #d7d7d7;
	color: #1f3682; 
	padding: 0.5em;
} 

#portada .modul-generic .content img {
	margin-bottom: 1em; 
}  



#portada .modul-generic .content p.data {
	clear: both; 
	font-size: 1.4em!important; 
	text-transform: none;    
}  

#portada .modul-generic .content h5 { 
   	font-size: 1.6em;
} 


/********** Tamany de les imatges ***************/ 
#portada .box-1col .imatge {
	width: 234px;
	height: 300px; 
	overflow: hidden;   
}

#portada .box-1col .imatge img {
	width: 234px;
	height: 300px;
}     

#portada .box-video-notis img.player {
	width: auto;
	height: auto;
}

#portada .box-2col .imatge {
	width: 492px;
	height: 300px;
	overflow: hidden;
}

#portada .box-2col .imatge img {
	width: 492px;
	height: 300px;	
}   

#portada .box-3col .imatge {
	width: 750px;
	height: 300px;
	overflow: hidden;
}

#portada .box-3col .imatge img {
	width: 750px;
	height: 300px;	
}  

#portada .box-1col .capcelera img {
	width: 234px;
	height: 33px;
} 

#portada .box-2col .capcelera img {
	width: 492px;
	height: 33px;
}                       

#portada .box-3col .capcelera img { 
	width: 750px;
	height: 33px; 
} 

#portada .foto-rss img, #sidebar-notis .foto-rss img {
	width: 57px;
	height: 57px;  
}  

#sidebar .foto-rss img {
	width: 57px;
	height: 57px;
	float: left;
	margin-right: 0.8em;
}

#portada .foto-opinio img {
	width: 120px;
	height: 120px; 
}  

#portada .foto-notis {
	overflow: hidden; 
	float: left;
	margin-right: 1em;
	margin-bottom: 0.3em;
}   

#portada .foto-notis img {
	width: 234px;
}

#center .modul-galeria ul li {
	background:none !important;
	padding:0em !important;
}

/*-------------- Mòduls rss --------------*/   
/*modul genèric llistat*/ 

#portada .modul-rss {
    background: #efefef; 
	position: relative;
}
#portada .modul-rss h4 {
	margin-bottom: 0;
	background: #d8d6d6;
	height: 2em;
	padding: 0.8em 0 0 0.5em;
}

#portada .modul-rss p {
	text-transform: uppercase;
	margin: 0!important;   
	font-size: 0.9em!important;
}   

#portada .modul-rss p.data {
	text-transform: none;
}

#portada .modul-rss img {
	float: left; 
	margin: 0 0.5em 0.5em 0;
}

#portada .modul-rss ul {  
	width: 23em;
	float: left;
	margin: 0 0.5em;
}  

#portada .modul-rss li {
	padding: 0 0.5em; 
	margin-top: 0.4em; 
	border-bottom: 1px solid #EEE; 
	clear: both;
}   

#portada .modul-rss .mes-items {
	position: absolute;
	top: 0.9em;
	right: 0.5em;  
} 

#portada .modul-rss .content {
	padding: 0.5em;
	width: 22em;
	float: left;
	font-size: 1em; 
	text-align: left;
} 

#portada .modul-rss .content .nom-autor {
	background: #d7d7d7;
	color: #1f3682; 
	padding: 0.5em;
} 

#portada .modul-rss .content img {
	margin-bottom: 1em;
}

#portada .modul-rss .content p.data{
	clear: both; 
	text-transform: none;    
}
 
#portada .modul-rss
 

/*Modul-rss color gris - modul per defecte*/

.RssGris h4 {
	background-color: #D8D8D8!important;
	color: #666!important; 
}  

.RssGris ul {
	background-color: #EFEFEF;
} 

.RssGris h5 a {
	color: #1D3587!important;
} 

/*Modul-rss color taronja*/      

.RssTaronja {
   background-color: #fef4eb!important; 
}

.RssTaronja h4 {
	background: #f68b1f url("../images/bg-taronja.gif") repeat!important;
	color: #FFF!important; 
}  

.RssTaronja ul {
	background-color: #fef4eb;
} 

.RssTaronja h5 a {
	color: #f68b1f!important;
}

/*Modul-rss color blau ciu*/      

.RssBlau {
   background-color: #e7eaf3!important; 
}

.RssBlau h4 {
	background: #e71f8a url("../images/bg-blau-ciu.gif") repeat!important;
	color: #FFF!important; 
}  

.RssBlau ul {
	background-color: #e7eaf3;
} 

.RssBlau h5 a {
	color: #1c3587!important;
}    

/*Modul-rss color rosa*/      

.RssRosa {
   background-color: #e7f0f7!important; 
}

.RssRosa  h4 {
	background: #e71f8a url("../images/bg-rosa.gif") repeat!important; 
	color: #FFF!important; 
}  

.RssRosa  ul {
	background-color: #e7f0f7;
} 

.RssRosa  h5 a {
	color: #e71f8a!important;
}     

/*Modul-rss color gris-fosc*/      

.RssGrisT {
   background-color: #efefef!important; 
}

.RssGrisT h4 {
	background: #666 url("../images/bg-gris-fosc.gif") repeat!important; 
	color: #FFF!important; 
}  

.RssGrisT ul {
	background-color: #efefef;
} 

.RssGrisT h5 a {
	color: #F68B1F!important;
}
 

/*Modul-rss color verd */      

.RssVerd {
   background-color: #efefef!important; 
}

.RssVerd h4 {
	background: #5aa98c url("../images/bg-verd.gif") repeat!important; 
	color: #FFF!important; 
}  

.RssVerd ul {
	background-color: #efefef;
} 

.RssVerd h5 a {
	color: #5aa98c!important;
} 

/*Modul-rss color roig */      

.RssVermell {
   background-color: #fbedec!important; 
}

.RssVermell  h4 {
   background: #d73e2c url("../images/bg-roig.gif") repeat!important; 
	color: #FFF!important; 
}    

.RssVermell  ul {
	background-color: #fbedec;
} 

.RssVermell  h5 a {
	color: #d73e2c!important;
}

/*Modul-rss color negre */      

.RssNegre  {
   background-color: #FFF!important; 
}

.RssNegre  h4 { 
	background: #000 url("../images/bg-negre.gif") repeat!important;
	color: #FFF!important; 
}  

.RssNegre  ul {
	background-color: #FFF;
} 

.RssNegre  h5 a {
	color: #1c3587!important;
}  

/*Modul-rss color blau clar */      

.RssBlauC {
   background-color: #e8eff5!important; 
}

.RssBlauC h4 {
	background: #196f9e url("../images/bg-blau.gif") repeat!important;
	color: #FFF!important; 
}  

.RssBlauC ul {
	background-color: #e8eff5;
} 

.RssBlauC h5 a {
	color: #016194!important;
} 

/*Modul-rss color gris clar */      

.RssGrisC {
   background-color: #FFF!important; 
}

.RssGrisC  h4 {
	background-color: #f1f1f1!important;
	color: #5b5b5b!important; 
}

.RssGrisC  ul {
	background-color: #FFF;
} 

.RssGrisC  h5 a {
	color: #000!important;
}

/*Modul html-lliure */  

#portada .html-lliure p {
	font-size: 1.4em; 
	color: #666;
} 

#portada .html-lliure img {
	float: left;
} 

#portada .html-lliure a {
	 color: #1D3587;
}  

#portada .html-lliure h1 {
	font-size:1.8em;
}   

#portada .html-lliure {
	height: auto !important;
}     
   
#portada .box-video-notis{
	position: relative; 
    height: 156px; 
	width: 234px;   
	float: left;  
	margin-right: 1.5em;
	margin-bottom: 0.5em;
}

#portada .box-video-notis img.player {
   	position: absolute;
    bottom: 0.5em;
	right: 0.5em;
	margin: 0;
}     

/*-------------- Altres --------------*/
#header:after, #main:after, ul#llistat li:after, ul#main-menu:after, ul#funcionalitats li.links ul li:after, #center .bar-links:after, #center:after, .videos-relacionats li:after, .modul-rss li:after, #comentaris form:after, #recomanar form:after, #destacat:after, #video-destacat:after, #video-monografics:after, .enquesta form:after, .forum div:after, .modul-video:after, #bar-canals:after, .modul-notis:after, .modul-notis img:after, #portada #modul-video-canals:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#header, #main, ul#llistat li, ul#main-menu, #center ul.bar-links, #center, .videos-relacionats li, .modul-rss li, #comentaris form, #recomanar form, #destacat,, #video-destacat, #video-monografics, .enquesta form, .forum div, .modul-video, .modul-notis, modul-notis img, #modul-video-canals  { height: 1%;}