/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0; }
body {
	background-color: #D44A2A;
/*	margin-top:14px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:14px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em; /*Font-size: 1.0em = 10px when browser default size is 16px*/
/*	color:#555555;*/
}
.hidden { width:0px; height:0px; visibility:hidden;  overflow:hidden; }


.main-content .img_cabezera { border:0px; margin-bottom:15px; display:none; }

.page-container {width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px #969696; background-color:#FFFFFF; font-size:1.0em;}
.main {clear:both; width:900px; padding-bottom:30px; background:transparent url(../../img/web/bg_main_withnav.jpg) top left repeat-y;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content { display:inline; /*Fix IE floating margin bug*/; float:left; width:440px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-subcontent { display:inline /*Fix IE floating margin bug*/; float:right; width:185px; margin:0 15px 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:900px; height:35px; padding:1.1em 0 0; background:#E1E1E1 url(../../img/web/bg_foot.gif) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
#avellana {text-align:right;width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px;  font-size:9px; color:#990000;}
#avellana a{text-align:right;width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px;  font-size:9px; color:#990000;}

/* --- For alternative headers START PASTE here --- */


/*-----------*/
/* CAPÇALERA */
/*-----------*/

.header {width:900px; }
.header-top {width:900px; height:91px; background: url(../../img/web/bg_head_top.gif); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle {width:900px; height:153px; }
.header-bottom {width:900px; height:40px; background:#FFFFFF url(../../img/web/bg_head_breadcrumbs.jpg) repeat-y;}
.header-breadcrumbs {clear:both; padding:1.0em 0 1.5em 0; }
.main-separator { padding-top:11px; background:#FFFFFF url(../../img/web/bg_head_breadcrumbs.jpg) repeat-y; }
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:440px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:200px; margin:0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.footer {clear:both; width:900px; height:35px; padding:1.1em 0 0; background:#E1E1E1 url(../../img/web/bg_foot.gif) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* --- For alternative headers START PASTE here --- */


/********************/
/*  HEADER SECTION  */
/********************/
.sitelogo {width:55px; height:75px; position:absolute; z-index:1; margin:4px 0 0 20px; background:url(../../img/web/bg_head_top_logo.gif);}
.sitename {width:300px; height:45px; position:absolute; z-index:1; margin:20px 0 0 90px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-size:240%;}
.sitename h2 {margin:-4px 0 0 0; color:#7D7D7D; font-size:120%;}
.sitename a {text-decoration:none; color:#7D7D7D;}
.sitename a:hover {text-decoration:none; color:#323232;}

.nav0 { width:345px; position:absolute; z-index:2; margin:20px 0 0 540px; float:right; font-size: 10px; text-align:right; }
.nav0 ul {float:left; padding:0 20px 0 0; }
.nav0 li {display:inline; list-style:none;}
.nav0 li a {padding:0 0 0 3px;}
.nav0 a:hover {text-decoration:none;}
.nav0 a img {height:14px; border:none;}
.nav0 .searchform form fieldset {float:right; text-align:right; border:none;}
.nav0 .searchform input.field {width:10.0em; padding:0.2em 0 0.2em 0; border:1px solid #C8C8C8; font-family:verdana,arial,sans-serif; font-size:120%; }
.nav0 .searchform input.button {width:3.0em; margin-left:3px; background:#FF9B2E; border:solid 1px #969696; text-align:center; font-family:verdana,arial,sans-serif; color:#FFFFFF; font-size:120%;}
.nav0 .searchform input.button:hover {cursor:pointer; border:solid 1px #969696; background:#FF9B2E; color:#FFFFFF;}
.nav0 .searchform .cabezera { text-decoration:underline; color:#D44A2A; font-weight:bold; }

.nav1 {width:582px; height:23px; position:absolute; z-index:3; margin:68px 0 0 318px; }
.nav1 img {border:0;}	
.nav1 ul {float:right; padding:0px; font-weight:bold;}	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:0px; color:#7D7D7D ; text-decoration:none; font-size:120%;}
.nav1 a:hover {text-decoration:none; color:#323232;}


.header-breadcrumbs ul { float:left; list-style:none; font-family:verdana,arial,sans-serif; font-size:9px; }
.header-breadcrumbs ul li {
	display:inline;
	padding:0 4px 0 13px;
	font-weight:bold;
	color:#7D7D7D;
	background-color: transparent;
	background-image: url(../../img/web/bg_bullet_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
.header-breadcrumbs ul a { color:#FF9B2E; text-decoration:none; }
.header-breadcrumbs ul a:hover {color:#FF9B2E; text-decoration:underline;}


/* --- For alternative headers END PASTE here --- */

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation .round-border-topright {width:10px; height:10px; position:absolute; margin:0 0 0 190px; background:url(../../img/web/bg_corner_topright.gif) no-repeat;}
.main-navigation .separacio_menu { margin-bottom:30px;}

/* MAIN CONTENT */
.apartatNoticia { width:440px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
/*.noticia .descNoticia { margin:-112px 0 5px 110px; padding:0px;}*/

/*.noticia .foto { text-align:center;}*/

/* Foto de la pagina index dels moduls, la imatge flota a la esquerra del text  ----------*/
/*.noticia .foto {float:left; margin-right:10px;margin-bottom:10px;}
.publicacion .foto {float:left; margin-right:10px;margin-bottom:10px;}
.comercial .foto {float:left; margin-right:10px;margin-bottom:10px;}
.anunci .foto {float:left; margin-right:10px;margin-bottom:10px;}
.treball .foto {float:left; margin-right:10px;margin-bottom:10px;}

.publicacion .foto .listado_fotos {height:54px;width:67px;margin:0px;margin-right:0px;margin-bottom:0px;}
.publicacion .foto .listado_fotos .contenedor_foto{height:54px;width:67px;}
.comercial .foto .listado_fotos {height:54px;width:67px;margin:0px;margin-right:0px;margin-bottom:0px;}
.comercial .foto .listado_fotos .contenedor_foto{height:54px;width:67px;}
.anunci .foto .listado_fotos {height:54px;width:67px;margin:0px;margin-right:0px;margin-bottom:0px;}
.anunci .foto .listado_fotos .contenedor_foto{height:54px;width:67px; }
.treball .foto .listado_fotos {height:54px;width:67px;margin:0px;margin-right:0px;margin-bottom:0px;}
.treball .foto .listado_fotos .contenedor_foto{height:54px;width:67px;}
.noticia .foto .listado_fotos {height:54px;width:67px;margin:0px;margin-right:0px;margin-bottom:0px;}
.noticia .foto .listado_fotos .contenedor_foto{height:54px;width:67px;}*/

/* Llistat de fotos de la pagina detall dels moduls. Les imatges ocupen sempre el mateix i si sobra es posa fons gris */
/* Veure final del document*/

/*
.listado_fotos {margin-left:10px; margin-top:15px;text-align:center;width:90px;height:72px;display:inline;float:left;}
.listado_fotos .contenedor_foto{height:72px;width:90px;}
*/

.categoria_publicacion {margin-right:5px;margin-left:5px; margin-top:15px;text-align:center;width:134px;height:130px;display:inline;float:left;}
.categoria_comercial {  margin-right:5px;margin-left:5px; margin-top:15px;text-align:center;width:134px;height:130px;display:inline;float:left;}
/*
.categoria_comercial .foto {}
.categoria_comercial .titulo_comercial {}
*/
.apartatAgenda { background-color:#F8F8F8; width:440px;}
.apartatAgenda ul {float:right; padding-left:5px;}	
.apartatAgenda li {display:inline; list-style:none;}
.apartatAgenda .descAgenda { margin:-13px 5px 10px 85px; padding:0 5px 0 0px;}


/* MAIN SUBCONTENT */
.subcontent-unit-border {width:200px; margin:0 0 2.0em 0; padding:0 0 5px 0; }
.subcontent-unit-border .subtitle { background-color:#D6BDEB;}


.subcontent-unit-border .butlleti {width:165px; margin:0 0 20px 10px; padding:5px 5px 5px 5px; background-color:#E5E5E5;}



.subcontent-unit-noborder {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background:#EBEBEB;}
.subcontent-unit-noborder-green {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:#D9EFB9;}
.subcontent-unit-noborder-blue  {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:#D5E1F0;}
.subcontent-unit-noborder-orange {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:#F8E096;}


.round-border-topleft {width:10px; height:10px; position:absolute; background:url(../../img/web/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; background:url(../../img/web/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:174px;}
.round-noborder-topleft {width:10px; height:10px; position:absolute; background:url(../../img/web/bg_corner_topleft.gif) no-repeat; margin-top:0px; margin-left:0px;}
.round-noborder-topright {width:10px; height:10px; position:absolute; background:url(../../img/web/bg_corner_topright.gif) no-repeat; margin-top:0px; margin-left:175px;}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p { text-align:center; color:#FFFFFF; font-weight:normal; font-size:11px;}
.footer a {text-decoration:none; color:#FFFFFF;}
.footer a:hover {text-decoration:underline; color:#FFFFFF;}
.footer a:visited {color:#FFFFFF;}

.avellana p {color:#FFFFFF; font-weight:normal; font-size:11px;}
.avellana a {text-decoration:none; color:#FFFFFF;}
.avellana a:hover {text-decoration:underline; color:#FFFFFF;}
.avellana a:visited {color:#FFFFFF;}


/******************/
/*  CLEAR FLOATS  */
/******************/
.contenedor:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:440px; height:0.1em; border:none; background:#D2D2D2; color:#D2D2D2;}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:900px; height:80px; background:#F0F0F0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.nav2 {float:left; width:900px; border:none; background:#F0F0F0; color:#4B4B4B; font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px #C8C8C8; border-bottom:solid 1px #C8C8C8; background-color:#F0F0F0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:900px; height:48PX; padding:1.1em 0 0; background:#F0F0F0; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}


/********************************/
/*  MISSATGES FLASH             */
/********************************/
.message { width:300px;	height:auto; position:absolute;	left:50%; top:50%; margin-left:-150px; font-size:13px; border: solid 1px #C2BCAE; padding:11px; color:#000000; background-color:#F5EAD9; text-align:center; }
.messageOK { width:300px; height:auto; position:absolute; left:50%; top:50%; margin-left:-150px; font-size:13px;	border: solid 1px #C2BCAE; padding:11px; color:#000000; background-color:#B2FEA0; text-align:center; }
.messageFALSE { width:300px; height:auto; position:absolute; left:50%; top:50%; margin-left:-150px; font-size:13px;	border: solid 1px #C2BCAE; padding:11px; color:#000000;	background-color:#FFB3B5; text-align:center; }


/********************************/
/*  MENÚ DE NEVAGACIÓ           */
/********************************/

.sitemap {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
	color: #575754;
	}
/* Primer nivel */
.sitemap ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

.sitemap li { margin: 0 0 0px 0; }

.sitemap a
{
display: block;
padding:5px 10px 5px 20px; 
border-top: solid 1px #FFFFFF;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
font-size:13px;
background-color:#FF9B2E;
}

.sitemap a:hover
{
color: #808080;
/*background-color: #69C;*/
text-decoration: none;
}
.sitemap a.active
{
	color: #575754;
	/*background-color:red;*/
}


/* Segundo nivel */
.sitemap ul li { margin: 0 0 0px 0; }

.sitemap ul a
{
display: block;
padding:3px 10px 3px 20px; 
border-bottom: solid 1px #C8C8C8;
text-decoration:none;
color:#808080;
font-weight:bold;
font-size:11px;
background-color:#EFEFF1;
}

.sitemap ul a:hover
{
color: #000000;
background-color: #D7D7D7;
text-decoration: none;
}
.sitemap a.active
{
	/*background-color:red;*/
}
.sitemap ul a.active
{
	/*background-color:lightblue;*/
}

/* Tercer nivel */

.sitemap ul li ul li { margin: 0 0 0px 0; }

.sitemap ul ul a
{
display: block;
padding:2px 10px 2px 40px;
vertical-align:middle;
border-bottom: solid 1px #C8C8C8;
text-decoration:none;
color:#808080;
font-weight:normal;
font-size:10px;
background-color:#EFEFF1;
/*background-image:url(../../img/web/bg_listmenu.gif);
background-repeat:no-repeat;
background-position:0px 0px 0px 10px;*/
background-position:left 1px;
}

.sitemap ul ul a:hover
{
color: #414B07;
/*background-color: #69C;*/
text-decoration: none;
}
.sitemap ul ul a.active
{
	/*background-color:lightblue;*/
}


/* Cuarto nivel */

.sitemap ul li ul li ul li { margin: 0 0 0px 0; }

.sitemap ul ul ul a
{
display: block;
padding:2px 10px 2px 55px;
vertical-align:middle;
border-bottom: solid 1px #C8C8C8;
text-decoration:none;
color:#808080;
font-weight:normal;
font-size:10px;
background-color:#EFEFF1;
background-image:url(../../img/web/bg_listmenu.gif);
background-repeat:no-repeat;
background-position:0px 0px 0px 10px;
background-position:left 1px;
}

.sitemap ul ul ul a:hover
{
color: #414B07;
/*background-color: #69C;*/
text-decoration: none;
}
.sitemap ul ul a.active
{
	/*background-color:lightblue;*/
}


/* ENQUESTA --------------------------------------------- */
.graph { 
	position: relative; /* IE is dumb */
	width: 160px; 
	border: 1px solid #B1D632; 
	padding: 2px; 
}
.graph .bar { 
	display: block;
	position: relative;
	background: #B1D632; 
	text-align: left; 
	color: #333; 
	height: 12px; 
}
.graph .bar span { position: absolute; left: 1em; }



/* Fotos centrades ------------------------------------------*/
/*.contenedor_foto{background-color:#EEEEEE;height:106px;width:133px;vertical-align:middle;display: table-cell;vertical-align: middle;display: table;#position: relative;overflow: hidden;margin:auto;}
.foto_centre{#position: absolute; _top: 50%;_left: 50%;display: table-cell; vertical-align: middle;}
.foto_centre a img{#position: relative; #top: -50%;#left: -50%; }
.foto_centre img{#position: relative; #top: -50%;#left: -50%;}*/


/* CUADRE CONTENIDOR DE FOTO PER DEFECTE*/
div#contenedor_foto {
width: 133px;
height: 100px;
display: table-cell;
vertical-align: middle;
text-align: center;
background-color:#F5F5F5;
}
div#contenedor_foto img {
margin-top: expression((100 - this.height)/2);border:0px;
} 

/* ESPECIFICACIO PER CADA CAS (mides contenidor i el expression que ha de coincidir amb el height) */
/* El contenedor_float es necessari si volem que flueixi el text, ja que si li posem el float a contenedor_foto, es perd el centre vertical */

.publicacion .contenedor_float div#contenedor_foto {width: 67px;height: 53px;}
.publicacion .contenedor_float div#contenedor_foto img {margin-top: expression((53 - this.height)/2); }

.entitat .contenedor_float div#contenedor_foto {width: 67px;height: 53px;}
.entitat .contenedor_float div#contenedor_foto img {margin-top: expression((53 - this.height)/2); }

.comercial .contenedor_float div#contenedor_foto {width: 67px;height: 53px;}
.comercial .contenedor_float div#contenedor_foto img {margin-top: expression((53 - this.height)/2); }

.anunci .contenedor_float div#contenedor_foto {width: 67px;height: 53px;}
.anunci .contenedor_float div#contenedor_foto img {margin-top: expression((53 - this.height)/2); }

.treball .contenedor_float div#contenedor_foto {width: 67px;height: 53px;}
.treball .contenedor_float div#contenedor_foto img {margin-top: expression((53 - this.height)/2); }

.noticia .contenedor_float div#contenedor_foto {width: 67px;height: 53px;}
.noticia .contenedor_float div#contenedor_foto img {margin-top: expression((53 - this.height)/2); }

.listado_fotos {margin-right:5px;text-align:center;width:90px;height:70px;display:inline;float:left; margin-top:5px;}
.listado_fotos div#contenedor_foto {width: 90px;height: 70px;}
.listado_fotos div#contenedor_foto img {margin-top: expression((70 - this.height)/2); }


.main2cols {clear:both; width:900px; padding-bottom:30px;}
.main-content2cols { display:inline; /*Fix IE floating margin bug*/; float:left; width:640px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-separator2 { padding-top:11px; background:#FFFFFF; }

/********************************/
/*  MENÚ DEL MAPA WEB           */
/********************************/
.mapaweb {margin: 0;padding: 0;	list-style-type: none;	font-family: verdana, arial, Helvetica, sans-serif;		}
.mapaweb .apartats { margin:0px; padding:0px; font-size:12px; }

/*Primer nivell*/
.mapaweb ul {margin: 0;padding: 0;list-style-type: none;font-family: verdana, arial, Helvetica, sans-serif;}
.mapaweb li { margin: 0 0 0px 0; }
.mapaweb a {display: block;padding:5px 10px 5px 20px; text-decoration:none;font-weight:bold;font-size:15px;}
.mapaweb a:hover{text-decoration: none;}
.mapaweb a.active{}
/*Segon nivell*/
.mapaweb ul li { margin: 0 0 0px 0;}
.mapaweb ul a{display: block;padding:3px 10px 3px 20px; text-decoration:none;font-weight:bold;font-size:11px;}
.mapaweb ul a:hover{text-decoration: none;}
.mapaweb a.active{}
.mapaweb ul a.active{}
/*Tercer nivell*/
.mapaweb ul li ul li { margin: 0 0 0px 0;}
.mapaweb ul ul a{display: block;padding:2px 10px 2px 40px;vertical-align:middle;text-decoration:none;font-weight:normal;font-size:10px;background-position:left 1px;}
.mapaweb ul ul a:hover{text-decoration: none;}
.mapaweb ul ul a.active{}
/*Quart nivell*/
.mapaweb ul li ul li ul li { margin: 0 0 0px 0;}
.mapaweb ul ul ul a{display: block;padding:2px 10px 2px 55px;vertical-align:middle;text-decoration:none;font-weight:normal;font-size:10px;}
.mapaweb ul ul ul a:hover{text-decoration: none;}
.mapaweb ul ul a.active{}