body {
/* margin: espai al voltant del text, fora dels marges d'aquest (padding) transparent*/
margin : 0;
/* padding: espai al voltant del text que el manté buit i amb el 
color de fons que li hagis donat a la classe */
padding : 0;
text-align : left;
color : #333;
/*color de fons de tot el document */
background : white ;
/*font per defecte del document */
font : 75% "Trebuchet MS", verdana, arial, tahoma, sans-serif;
}


#container {
width : 1000px;
/*margin auto: centra el contenidor*/
margin : 0 auto;
padding : 0;
/*color per defecte de la lletra del contenidor*/
color : #aaa;
/*color de fons del contenidor*/
background :white;
}
			/*CAPÇALERA I BANNER*/

#prebanner {
float : left;
width : 100%;

padding : 0;
margin-bottom : 0;
background : white;
}
#prebanner_inside {
margin: 0 auto;
width : 1000px;
height : 80px;
background : white;
}

	#banner {
float : left;
width : 100%;
padding : 0;
margin-bottom : 0;
background : #8B0000;
}		
#banner_inside {
margin: 0 auto;
width : 1000px;
height : 180px;
padding : 0;
background : #8B0000 url(img/banner.png) ;
}

			/*CONTINGUT I MENUS*/


	
#content {
/*contingut central, sense tenir en compte els menús dels costats*/
/*padding: als costats esquerre i dret*/
padding : 0 10px 0 10px;
/*deixem marges al costat, això ja no pertany al content*/
margin-left : 170px;
margin-right : 170px;
margin-top : 0;
line-height : 1.8em;
background:white;



}


iframe
{
width:100%;
min-height: 1000px !important;
frameborder:0:
scrolling:no;
}

			/*MENU ESQUERRE*/
#sidebar {
float : left;
width : 160px;
margin : 15px 5px 5px 5px;


}
			/*MENU DRET*/
			
#sidebar_right {
float : right;
width : 160px;
margin : 15px 5px 5px 5px;


}

		/*LLISTAT DEL MENÚ*/
ul {
margin : 0;
padding : 0 0px 0 0px;
list-style-type : none;
}
		
		/*CLASSES DELS ENLLAÇOS I TÍTOLS DEL MENÚ*/
		
		

.menu a {
display : block;
font-size : 11px;
/*color lletres menu i fons menú (background)*/
color : #8B0000;
background : #FFDFDF;
padding : 0.5em 0.8em;
text-decoration : none;

/*color marca esquerra*/

}
.sense_enllaç{
display : block;
font-size : 11px;
/*color lletres menu i fons menú (background)*/
color : #8B0000;
background : #FFDFDF;
padding : 0.5em 0.8em;
text-decoration : none;
}
.menu a:hover {
/* color quan passem per sobre el ratolí, el borde, el fons i la lletra*/
border-left : 10px solid red;
background-color : #FFCECE;
color : red;
}			
			

.titol_menus {

text-transform : uppercase;
letter-spacing : 3px;
color :#FFDFDF;


-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius: 30px;

border-top-left-radius:5px;
border-top-right-radius: 30px;
behavior:url(border-radius.htc);


padding : 5px 5px;
background:#8B0000;

}

.final_menu {



-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius: 30px;

border-bottom-left-radius:30px;
border-bottom-right-radius: 5px;
behavior:url(border-radius.htc);
background:#FFDFDF;
color: #FFDFDF;

}

		/*menu desplegable*/
.mostrar a {
display : block;
font-size : 11px;
color :#8B0000 ;

padding : 0.5em 0.8em;
text-decoration : none;
border-left : 10px solid transparent;
}
.mostrar a:hover {
border-left : 10px solid transparent;
background-color : ;
color : red;
}


.oculto{
display: none;
}



/*titols menus*/



			/*peu*/
#peu {
clear : both;
padding : 5px;
margin-top : 5px;
height : 40px;
font-size : 0.8em;
border-top : 1px solid #515244;
color : #eee;
background : #404040;
}

#peu_inside {

margin: 0 auto;
width : 1000px;
}

	/*esquema en 3 columnes de principal*/


#esquerra{
float: left;
background:white;
width:200px;
height:500px;
padding: 0 5px 0 5px;
}

#dreta{
float: right;
background:white;
width:200px;
height:500px;
padding: 0 5px 0 5px;
}



#centrat
	{
		position: absolute;
		/*nos posicionamos en el centro del navegador*/
		left: 220px;
		width: 200px;
		height: 500px;
		background: white;
		}
	
/*imatge en esquema normal*/

#imatge_dreta{

float: right;
overflow: auto;
margin: 5px 5px 5px 5px;

}

/*TAULES*/

div.centrat{
text-align: center;
}
div.centrat table {
margin: 0 auto;
text-align: left;
}

table {
  
   border: 1px solid #898686;
   text-align: left;
   border-collapse: collapse;
   margin: 0 0 1em 0;
   caption-side: top;
   
}


th {
border-collapse: collapse;

	color: #8B0000;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background:  #898686;
}

td {
border-collapse: collapse;


	border-bottom: 1px solid #C1DAD7;
	background:#fff;
	padding: 6px 6px 6px 12px;
	color: #898686;
}

td.alt {
	background: #F5FAFA;
	color:#898686;
}



			/*TIPOGRAFIA*/
/*títols dels textos centrals*/			
h1 {

margin : 0 0 10px 0;
font : normal 1.1em verdana, arial, tahoma, sans-serif;
font-weight:bold ;
text-transform: uppercase;
color :#8B0000;


}


			/*ENLLAÇOS*/
a {
color : #8B0000;
font-weight : ;
text-decoration : none;
background : inherit;
}
a:hover {
text-decoration : none;
color : red;
background : inherit;
}
a img {
border: 0;
}
			/*CLASS*/

			.clear {
clear : both;
overflow : hidden;
width : 0;
height : 1px;
}

.img_portada{

width : 150;


}

/*TIPUS DE LLETRA*/

.post {
/*color de fons dels textos centrals #FAFAFA* la resta de format ve donada al body*/
background-color:;

}

.post .dest{
/*text destacat*/

color :#DA5050;

}


/*FORMAT DE LA DATA D'ESCRIPTURA DEL TEXT*/

.post .date {

background : url(img/calendar2.gif) no-repeat left center;
padding: 0 15px;
color:grey;
}

/*ENLLAÇ A LA PÀGINA AMB LA INFORMACIÓ*/
.post .readmore {
background : url(img/document.gif) no-repeat left center;
padding-left : 15px;
padding-right : 5px;

}



/* ENLLAÇOS MÉS SEPARATS ENTRE ELLS PER A ENLLAÇOS CENTRATS AL PRINCIPI O FINAL D'UNA PÀGINA GRAN*/
.post .blank {

padding-left : 15px;
margin : 0 15px 0 5px;

/*
.post .comments {
background : url(img/comment.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
}
*/