/* Semantic CSS applies Blueprint CSS positioning to your custom IDs.
   File saved as ISO-8859-1 encoding. 
   total width:990
*/



/* CSS de Maquetació de la portada */


#contenidor {
    /* This is a Blueprint Container. Spans 83 columns. */
    width:990px;
    margin:0 auto;
	padding: 10px
    
    /* min-height is 62 rows 
    min-height:1116px;*/
}





/* Begin descendants of contenidor2 */
#capcalera {
    /* Spans 82 columns. */
    float:left;
    width:978px;
    right:0;
    
    /* min-height is 9 rows */
    min-height:162px;
}


/* Begin descendants of capcalera */
#logo {
    /* Spans 16 columns. */
    float:left;
    width:186px;
    margin-right:6px;
    
    /* min-height is 9 rows */
    height:162px;
}

#capcalera_mig {
    /* Spans 51 columns. */
    float:left;
    width:606px;
    margin-right:6px;
    
    /* min-height is 9 rows */
   height:162px;
}


/* Begin descendants of capcalera_mig */
#adreca {
    /* Spans 51 columns. */
    float:left;
    width:606px;
    margin-right:0;
    
    /* min-height is 2 rows */
    height:36px;
}

#banner {
    /* Spans 51 columns. */
    float:left;
    width:606px;
    margin-right:0;
    
    /* min-height is 5 rows */
    height:90px;
}

#menu2 {
    /* Spans 51 columns. */
    float:left;
    width:606px;
    margin-right:0;
    
    /* min-height is 2 rows */
    height:36px;
}
/* End descendants of capcalera_mig */


#capcalera_dreta {
    /* Spans 15 columns. */
    float:left;
    width:174px;
    margin-right:0;
    
    /* min-height is 9 rows */
    height:162px;
}


/* Begin descendants of capcalera_dreta */
#donatius {
    /* Spans 15 columns. */
    float:left;
    width:174px;
    margin-right:0;
    
    /* min-height is 5 rows */
    height:90px;
}

#cerca {
    /* Spans 15 columns. */
    float:left;
    width:174px;
    margin-right:0;
    
    /* min-height is 4 rows */
    height:72px;
}
/* End descendants of capcalera_dreta */

/* End descendants of capcalera */


#contingut {
    /* Spans 82 columns. */
    float:left;
    width:978px;
    margin-right:0;
    
    /* min-height is 53 rows 
    min-height:954px;*/
}


/* Begin descendants of contingut */
#esquerre {
    /* Spans 16 columns. */
    float:left;
    width:186px;
    margin-right:6px;
    
    /* min-height is 53 rows 
    min-height:954px;*/
}


/* Begin descendants of esquerre */
#idiomes {
    /* Spans 16 columns. */
    float:left;
    width:186px;
    margin-right:0;
    
    /* min-height is 3 rows */
    min-height:30px;
}

#destacats {
    /* Spans 16 columns. */
    float:left;
    width:186px;
    margin-right:0;
    
    /* min-height is 15 rows */
    min-height:250px;
}

#butlleti {
    /* Spans 16 columns. */
    float:left;
    width:186px;
    margin-right:0;
    
    /* min-height is 14 rows */
    min-height:230px;
}

#recursos {
    /* Spans 16 columns. */
    float:left;
    width:182px;
    margin-right:0;
    
    /* min-height is 21 rows
    min-height:378px;*/
}
/* End descendants of esquerre */


#mig {
    /* Spans 34 columns. */
    float:left;
    width:450px;
    margin-right:3px;
	margin-left:5px;
    
    /* min-height is 53 rows 
    min-height:954px;*/
}

#dreta {
    /* Spans 32 columns. */
    float:left;
    width:317px;
    margin-right:0;
	margin-left:10px;
}


/* Begin descendants of dreta */
#agenda {
    /* Spans 32 columns. */
    float:left;
    width:100%;
    margin-right:0;
	padding-bottom:10px;
	
	    
    /* min-height is 8 rows 
    min-height:144px;*/
}

#xarxes_socials {
    /* Spans 32 columns. */
    float:left;
    width:100%;
    margin-right:0;
	background-color: #f2f2f2;
	padding-top:10px;
	padding-bottom:10px;

    
    /* min-height is 20 rows 
    min-height:360px;*/
	
	/*  CSS Rounded Corners  */
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;

}


/* Begin descendants of xarxes_socials */
#twitter {
    /* Spans 16 columns. */
    float:left;
    width:100%;
    margin-right:5px;
	
    
    /* min-height is 20 rows 
    min-height:360px;*/
}

#facebook {
    /* Spans 16 columns. */
    float:left;
    width:220;
    margin-right:2px;
	margin-left:8px;
   	background-color: #ffffff;
	padding-top:1px;
	padding-bottom:3px;

/*  CSS Rounded Corners  */
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;


   /*  min-height is 20 rows 
   height:210px;*/ 
}



/* Begin descendants of multimedia */


#youtube {
    /* Spans 16 columns. */
    float:left;
    width:80px;
    margin-left:7px;
	margin-bottom:4px;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#ffffff;
	/* min-height is 9 rows*/ 
	
	/*  CSS Rounded Corners  */
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
}


#picasa {
    float:left;
    width:80px;
    margin-left:7px;
	margin-bottom:15px;
	margin-top:3px;

	padding-top:15px;
	padding-bottom:15px;
	background-color:#ffffff;
	/* min-height is 9 rows*/ 
	
	/*  CSS Rounded Corners  */
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
}


/* End descendants of multimedia */


#blocs {
    /* Spans 32 columns. */
    float:left;
    width:95%;
    margin-left:7px;
	border: 1px solid #f2f2f2;
	background-color: #ffffff;
	margin-bottom:10px;

    
    /* min-height is 16 rows 
    min-height:288px;*/
/*  CSS Rounded Corners  */
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;


}



#planeta {
    /* Spans 32 columns. */
    float:left;
    width:95%;
    margin-left:5px;
	border: 1px solid #f2f2f2;
	background-color: #ffffff;
	    
    /* min-height is 16 rows 
    min-height:288px;*/
/*  CSS Rounded Corners  */
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;


}



/* End descendants of dreta */

/* End descendants of contingut */

/* End descendants of contenidor2 */


/* End descendants of contenidor */

/* FINAL CSS de Maquetació de la portada */



/* INICI CSS de Maquetació interior notícies */

#socaqui {
    /* Spans 82 columns. */
    float:left;
    width:978px;
    margin-right:0;
    
    /* height is 2 rows */
    height:36px;
}

#submenu3 {
    float:left;
    width:970px;
    margin-right:0;
	margin-bottom:10px;
	padding:5px;
	background-color:#f2f2f2; 
	
	border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
	
	 
    /* height is 2 rows 
    height:500px;*/
}

#baix {
    /* Spans 82 columns. */
    float:left;
    width:978px;
    margin-right:0;
    
    /* height is 39 rows */
    height:702px;
}


/* Begin descendants of baix */
#contingut2 {
    /* Spans 50 columns. */
    float:left;
    width:594px;
    margin-right:6px;
    
    /* height is 39 rows 
    height:702px;*/
}


#foto {
    /* Spans 32 columns. */
    float:left;
    width:378px;
    margin-right:0;
    
    /* height is 39 rows 
    height:702px;*/
}


/* End descendants of baix */



/* FINAL CSS Maquetació interior notícies */





/* INICI CSS TIPUS DE LLETRA */

body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 20px;
	}

p {margin: 10px 0 10px 0;}
	
.petita {
		font-size: 10px;
		line-height: 15px;
	}
	
	a:link {
		text-decoration: none;
		color: #000099;
	}
	a:visited {
		text-decoration: none;
		color: #000099;
	}
	a:hover {
		text-decoration: underline;
		color: #000099;
	}
	a:active {
		text-decoration: none;
		color: #6633FF;
	}
	
	
	
	a.enllac_blanc:link {
		text-decoration: none;
		color: #ffffff;
	}
	a.enllac_blanc:visited {
		text-decoration: none;
		color: #ffffff;
	}
	a.enllac_blanc:hover {
		text-decoration: underline;
		color: #ffffff;
	}
	a.enllac_blanc:active {
		text-decoration: none;
		color: #ffffff;
	}
	
	
	
	h1 {
		font-size: 24px;
		font-weight: normal;
		line-height: 25px;
		font-style: normal;
	}
	
	h2 {
	font-size: 16px;
	font-weight: normal;
	line-height: 20px
	}
	
	h3 {
	font-size: 20px;
	font-weight: normal;
	line-height: 23px;
	}
	
	
	h4 {
		font-size: 12px;
		font-weight: normal;
		line-height: 16px;
		color:#999999
	}
	
	h5 {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	}

	.gris {
	color: #6F6F6F;
	}
	
	.blanca {
		color: #FFFFFF;
		
	}


table.formulari {
width: 100%;
background: #FFFFCC;
}

td {
	padding: 3px;
}
.agenda_portada {
	line-height: 15px;
}
.menu_horitzontal {
	font-size: 11px;
	line-height: 15px;
	font: verdana;
}
.mitjana_gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6F6F6F;
}

.vermella {
	color: #FF0000;
	font-size: 40px;
}

#comentaris {
	background-color: #FFFFCC;
	margin: 0px 10px;
	padding: 2px 7px;
}


.img {  
margin-right: 5px;
margin-left: 5px;  
}


/* Definició de la lletra dels enllaços als blocs*/
.feedsweep_headline {font-size: 10px;}


/* FINAL CSS TIPUS DE LLETRA */


/* INICI CSS DEL MENÚ DESPLEGABLE */
* { margin: 0px;
padding: 0px; outline: 0;
}


#menu {  text-align: center;
font-size: 10px;
width: 600px;
margin: 1px auto;

}
#menu ul { list-style-type: none;}
#menu ul li.nivel1 { float: left;
/*width: 14%;*/
/*margin-right: 10px;*/
text-align: left;
}
#menu ul li a {display: block;
text-decoration: none;
color: #000099;
background-color: #ffffff;
border: solid 0px #fff;
padding: 5px;
margin-left:15px;
position: relative;
text-align: left;

}
#menu ul li:hover {position: relative;

}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #FFFFCC;
color: #000099;
position: relative; 
text-decoration: underline;

}
#menu ul li a.nivel1 {display: block!important;display: none;
position: relative;
}
#menu ul li ul {display: none; 


}
#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;left: 0px;

}
#menu ul li ul li a {width: 160px;
padding: 6px 10px 8px 10px;
border-top-color: #000;
background-color: #FFFFCC;
}
#menu ul li ul li a:hover {border-top-color: #000;
position: relative;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}

/* FINAL CSS DEL MENÚ DESPLEGABLE */

/* INICI CSS DE LA CAIXA ARRODONIDA BLAU CLAR */


#caixarecursos{
  /*  CSS Box Model  */
  padding:5px;

  /*  CSS Rounded Corners  */
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;

 	/*fons degradat*/
    background-color: #fff; /* Navegadores sin CSS3 *
    background-image: url(images/linear_bg_2.png); /* Navegadores sin CSS3 */
    background-image: -moz-linear-gradient(100% 100% 90deg, #ffffff, #92bdff); /* Firefox */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#92bdff), to(#ffffff)); /* Webkit: Chrome, Opera,... */
}


#caixaagenda{
  /*  CSS Box Model  */
  padding:5px;
  padding-left:10px;
  /*  CSS Rounded Corners  */
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;

 	/*fons degradat*/
 	
    background-color: #fff; /* Navegadores sin CSS3 *
    background-image: url(images/linear_bg_2.png); /* Navegadores sin CSS3 */
    background-image: -moz-linear-gradient(100% 100% 90deg, #ffffff, #92bdff); /* Firefox */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#92bdff), to(#ffffff)); /* Webkit: Chrome, Opera,... */
}

#caixagrisa{
  /*  CSS Box Model  */
  padding:2px;
  padding-bottom:15px;
  padding-left:10px;
  margin-bottom: 10px;
  /*  CSS Rounded Corners  */
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;

 	/*fons degradat*/
 	
    background-color: #f2f2f2; /* Navegadores sin CSS3 */
    
}


#ratllagrisa{
  /*  CSS Box Model  */
  padding:0px;
  padding-left:10px;
  margin-bottom: 20px;
  border-left: 2px solid;
  border-left-color:#CCCCCC;
}