@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background-color: #c0c0c0;
}
a:link{
	color: #FF6633;
	text-decoration: none;	
}
a:visited{
	color: #FF6633;	
	text-decoration: none;	
}
/* estil del contenidor de tota la web, definirem l´amplada i es important que els margings, ja que així ens quedarà la web centrada*/
 
#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/fondo.png);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}

/* en aquest contenidor, posem el header, que en aquest cas es una imatge amb el logo*/
#container #header {
	margin: 0px;
	width: 900px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	height: 105px;
	
}

/* aquest es l´estil del contenidor que conté el menú superior, que en aquest cas hem anomenat pillmenu.*/
#container #pillmenu{
	margin: 0px;
	padding: 0px;
	
	
}

#container #lineagruix {
	background-color: #656265;
	height: 18px;
	margin-top: -4px;
}
/* contenidor on esta tot el cos, es a dir dins d´aquest inclourem el left, el cos(maincolumt), i el right si la plantilla el té*/
#container #body {
	margin: 0px;
	padding: 20px;
	width: 900px;
	color: #000000;
}
/* estil columna esquerra, li posem una amplada fixe, en aquest cas es importan que floti a l´esquerra*/
#container #body #leftcolumn {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 200px;
}

/* estil del div que contindrá el div component dintre seu, es important que floti a la dreta */
#container #body #maincolumn {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: right;
	width: 100%;
	padding: 5px;
}


/*estil componets (en aquest apartat, es aniran les articles, i contingut de la web) de la web*/
#container #body #maincolumn #component {
	width: 96%;
}

#component ul {
	
	list-style-image: url(../images/bullet.png);
}
#component h3 {
	color: #656265;
}
#component h1 {
	color: #656265;
	font-size: 14px;	
}

/*estil peu pagina web*/
#container #footer {
	
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 900px;
	font-weight: bold;
}


/*top menu*//* utilitzem pillmenu, ja que es el nom que li hem posat al id del div que conté el menu superior variara segons el nom de id que posem*/


/* segons conveniencia, variarem el width, ja que dependrà de lo que ens ocupi el texte que contingui. En aquest cas, no posem with, ja que per tamany del texte, ja ens ocupa tota l´amplada del top i ademés cada un ens convé que tingui un tamany diferent, ja que hi ha textes més amples que d´altres*/


#pillmenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float:left;
	display:block;
	line-height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	background-repeat: no-repeat;
	width: 173px;
	margin: 3px;
	text-align: center;
	list-style-type: none;
	background-image: url(../images/pestanyaB.png);

}

#pillmenu a:hover {
	color: #FFFFFF;
	background-image: url(../images/pestanyaA.png);
}
/*menu top actiu*/
#pillmenu a#active_menu_nav {
	color: #000000;
	background-image: url(../images/pestanyaA.png);
	background-position: 0 0;	

}


/*-----------------------------------------------*/






  /*com a sufixe de la clase del modulo posem _menu*/
/* el moduletable_menu, s´utilitza quan el style="xhtml", es l´estil que tindrá la tabla que conté el menu i tota la columna left */

.moduletable_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ed861f;	
}

/*titols moduletable*/

.moduletable_menu h3 {
	font-size: 12px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
	height: 34px;
	width: 175px;
	text-align: left;
	text-indent: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.moduletable {
	

}

.moduletable h3 {
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(../images/tit_menu.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 34px;
	width: 175px;
	line-height: 20px;
	text-align: left;
	text-indent: 10px;
	padding-top: 15px;
}

/*---------------main menu--------------*/
/* parametres per designar el estil del main menu. *//* posem les características al mainlevel, que es el que posa el joomla per defecte, y marquem les diferencies dels links d´aquest mainlevel*/

.mainlevel {
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	float: left;
	text-indent: 10px;
	padding-top: 5px;
	padding-bottom: 5px;

}

.mainlevel:link, .mainlevel:visited {
	text-decoration: none;
	color: #ffffff;
	background-color: #ed841b;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;

}

#active_menu {
	font-size: 12px;
	color: #ed841b;
	font-family: Arial, Helvetica, sans-serif;
	background:#f9d0b2;
}
.mainlevel:hover{
	color: #ed841b;
	background:#f9d0b2;
}


/* submenus*//* estil per els submenus*/

a.sublevel {

	list-style:none;
	padding-top:1px;
	padding-bottom: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
	float: left;
	text-indent: 5px;
	
}
a.sublevel:link, a.sublevel:visited {
	text-decoration: none;
	color: #000000;
}


a.sublevel:hover {
	color: #ed861f;
	font-size: 11px;
}
/*submenu activo*/

a#active_menu.sublevel {
	font-style: italic;
	color: #ed861f;
	font-size: 11px;
	
}
	
.componentheading {
	font-size: 13px;
	font-weight: bold;	
}
.contentpaneopen {
	width: 850px;

}