/* INICI DEFINIM estils generics html */
IMG
{
	border:0px;
}

/* estil linia horitzontal */
hr
{
	color:#cc402b;
	height:1px;
	margin:0;
	padding:0;
	border-top:1px solid #0099cc;
}
/* usat en titols de m?duls  i seccions */

h1
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color:#cc402b;
	text-decoration:none;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px;
    
}
h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #cc402b;
	text-decoration:none;
	font-weight: normal;
	padding: 0px;
	margin: 0px;	
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #cc402b;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px;	

}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #cc402b;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #cc402b;
	font-size: 1.0em;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px;	

}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #cc402b;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px;	

}


/* redefinim llistes no ordenades */
ul li
{
	list-style-image: url(../../img/comu/punt_llistes_generals.gif);
}

ul li ul li
{
	list-style-image: url(../../img/comu/punt_llistes_generals_2.gif);
}

ul li ul li ul li
{
	list-style-image: url(../../img/comu/punt_llistes_generals_3.gif);
}	
/* fi redefinim llistes no ordenades */

.no_visible {
	DISPLAY: none
}


/* estil per enlla� */
a {
	
    color:#cc402b;
    text-decoration: underline;
}

a:hover 
{
    color: #cc402b;
    text-decoration: underline;
}

/* FINAL DEFINIM ENTITATS HTML */


/* estil per defecte d'una cel?la d'una taula (coincidir amb txt) */
td {
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    text-decoration: none;
}


/********************************************************************************************************/
/* Maquetaci� per fila de formulari generica  */
/* est? en %, per tant tindra un marge de maniobra , pobablement sols haurem de redefinir els m?s petits */
/********************************************************************************************************/

input, textarea, select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #CBCBD7;
	padding: 1px ;
	margin: 0px;
}

.input_check
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #000000;
	background-color: #ffffff;
	border: none;
	padding: 1px ;
	margin: 1px 5px 1px 1px;

}
.txt_submit
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    background: #cc402b;
    color:#ffffff;
    padding: 2px 10px 2px 10px;
    margin: 0px;
    border:0px;
}

.fila_form
{
  clear: both;
  padding-top: 6px;
  width:100%;
  /*border:1px solid black;*/
}

.etiqueta_form_obligatori
{
    color:#FF0000;
}

.fila_form .etiqueta 
{
  float: left;
  width: 31%;
  font-size: 1.0em;
  text-align: right;
  padding-top:2px;
}


.fila_form .etiqueta_simple
{
  margin:3px 0px 5px 0px;
  color: #0099cc;

}

.fila_form .informacio 
{
  float: right;
  width: 68%;
  font-size: 0.9em;
  text-align: left;
}

.fila_form .informacio input[type="text"], input[type="password"], input.text, input.title, textarea, select
{
    margin:0px;
}

.espai_valor_text
{
    padding-top:2px;
    
}

.fila_form .itemample 
{
  width: 100%;
  padding-top:2px;
  text-align:left;
  clear:both;
} 

/********************************************************************************************************/
/** FI Maquetaci� per formulari generica  ***************************************************************/
/********************************************************************************************************/



/* estil de text normal*/
.txt {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	/*text-align: justify;*/
}




/* estil per al text contingut amb fotos */
.txt_clavar_fotos {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 7pt;*/
	/*font-size: 0.7em;*/
	color: #000000;
	text-decoration: none;
	/*text-align: justify;*/
}



.txt_form_p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #DDDDE5;
	padding: 0px;
	margin: 0px;

}




/* estil per al peu de foto (clavar_fotos.cfm) */
.txt_peu_foto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	text-decoration: none;
	line-height: 1em;
}

.titol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	text-decoration: none;
	/*text-align: justify;	*/
}

.peu {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

.peu:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #0099cc;
	font-weight: normal;
	text-decoration: none;
}

.txt_foto {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 7pt;*/
	font-size: 0.7em;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}



.requadrat_fitxers {
	border-top: 1px solid #77777B;
	border-left: 1px solid #77777B;
	border-bottom: 1px solid #77777B;
	border-right: 1px solid #77777B;
	
}



/* LLISTA NO ORDENADA MULTICOLUMNA (PER DUES COLUMNES) */
/* si es volem m?s columnes, sols cal tocar l'amplada del li i deixar suficient espai 
	al div que la contingui */

/* separate the list from subsequent markup */
div.wrapper
{
    margin-bottom: 1em;
}


div.wrapper br
{
    clear: left;
}


.llista_multi_columna
  {
    width: 99%;
    margin:0;
    padding:6px;
  }

/* float & allow room for the widest item */
.llista_multi_columna li
  {
    float: left;
    /*width: 10em;*/
    width:50%;
	list-style: none;
	list-style-image: none; 
}
/* FINAL  LLISTA MULTICOLUMNA */




/* estil per a mapa */
#mapa
{
	
 margin-left:20px;	
	
}

#mapa li
{
	list-style-image: url(../../img/extranet/punt_contingut_mapa.gif);
	padding:1px;
}
.invisible {
/*	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 3pt;
	color: #DDDDE5;
	background-color : #DDDDE5;
	border : 0px;
	margin: 0px;
	padding: 0px;*/
	display:none;
}
.invisible_fals {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color : #ffffff;
	border : 0px;
	margin: 0px;
	padding: 0px;
}
/* maquetaci? general de la p?gina */





/* ############################################################## */
/* ### estils que defineixen l'estructura general de la index ### */
/* ############################################################## */

/*BODY {
	padding:0px;
	margin:0px;
	margin-top:0px;
	text-align: center;	
	font-family: Arial, Helvetica, sans-serif;
	background:#ffffff;
	text-decoration: none;
	font-size:0.75em;	
	color: #000000;
	background:url(../../img/extranet/fons.gif);
	

}*/

body
{
	font-family: Arial, Helvetica, sans-serif;
	background:#ffffff;
	text-decoration: none;
	font-size:0.8em;
}




.body_normal {
    padding:0px;
    margin:0px;
    margin-top:0px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    background:#630a05;
    text-decoration: none;
    font-size:0.8em;
    color: #000000;
}

.body_imprimir {
    padding:0px;
    margin:0px;
    margin-top:0px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    background:#ffffff;
    text-decoration: none;
    font-size:0.8em;
    color: #000000;
}

.body_mail{
    padding:0px;
    margin:0px;
    margin-top:5px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    background:#ffffff;
    text-decoration: none;
    font-size:0.8em;
    color: #000000;
}

form
{

    margin-top:5px;
    margin-bottom:5px;
}

#contenidor
{
	
}

#logo_menu
{
    width:100%;
    /*height:65px;*/
}

#logo
{
    width:250px;
    float:left;
}

#logo_espai
{
    padding-top:14px;
}

#logo_movils
{
    display:none;
}

#menu_final_movils
{
    display:none;
}

#cos
{
    width:100%;
    background:url(../../img/comu/fons_cos.gif);
    text-align:left;
    display:inline-block;
    /*width:74.5em;*/
}


#menu
{
    width:690px;
    float:right;   
}

#menu_principal
{
    width:100%;
}

#menu_trad_idiomes
{
    width:100%;
    text-align:right;
}


#fons_contenidor_peu
{
	margin: 0 auto;
	width:100%;
	padding-left:0px;
	background:url(../../img/extranet/fons_peu.jpg);
}

#contenidor_peu
{
	clear:both;
	margin: 0 auto;
	width:1000px;	
	text-align:left;	
}


#cap
{
        width:680px;
        height:280px;
        margin:0 auto;
        border:0px;
        padding-bottom:15px;
}

/*

#cap_espai
{
	padding-left:10px;
	padding-right:10px;
}


#cap_esquerre
{
	width:700px;
	float:left;
	text-align:left;
}

#cap_dret
{
	width:280px;
	float:right;
}

*/


/** submenu accions de m�dul */
#menu_accions_modul
{
	text-align:right;
	padding-right:15px;
	padding-top:5px;	
	font-size:0.8em;
}

#menu_accions_modul a
{
    color:#999999;
    text-decoration:none;
    margin-left:10px;
}
/* maquetaci? general de la p?gina */


.lin_icones
{
    border-top:1px solid #d4d4d4;
    text-align:right;
}

#breadcrumbs
{
    color:#cc402b;
    width:100%;
    padding-top:3px;
    font-size:0.8em;
    text-align:left;
    padding-bottom:29px;
}

#breadcrumbs a
{
	color:#cc402b;
	text-decoration:none;
}
#breadcrumbs a:hover
{
	color:#cc402b;
	text-decoration:underline;
}



#banners_laterals
{
	padding-top:30px;
}


#cap_temps
{
	width:90px;
	text-align:left;
	float:left;
}


#cap_usuari
{
	width:180px;
	float:right;
}

.cap_usuari_esquerre
{
	width:11px;
	height:45px;
	float:left;
	background:url(../../img/extranet/fons_esquerre_usuari.gif);
}

.cap_usuari_dret
{
	width:169px;
	height:45px;
	float:right;
	background:url(../../img/extranet/fons_dret_usuari.gif);
}

.cap_usuari_dret_espai
{
	padding-left:30px;
	padding-top:13px;
}

.nom_usuari
{
	color:#000000;
	padding-bottom:0px;
	text-align:left;
}

.logout_usuari
{
	color:#666666;
	font-size:0.8em;
	text-align:left;
}

.missatges_usuari
{
	padding-top:6px;
	padding-left:11px;
	color:#cc9900;
	font-size:0.8em;
	text-align:left;
}

.missatges_usuari a
{
    color:#cc9900;
}

.missatges_usuari img
{
	vertical-align:bottom;
}



/*************************************************/
/**** pantalla de login  *************************/
/*************************************************/

#cos_login
{
	width:100%;
	background:url(../../img/extranet/fons_login.jpg);
    height: 469px;
}

#cos_login_interior
{
    padding: 45px 0px 0px 60px;
    text-align:left;
}

#login_titol
{
    margin-bottom:30px;


}

#login_introduccio
{
	color:#0099cc;
	margin-bottom:15px;
	font-size:1.25em;
	text-align:left;
	font-weight:normal;


}


#missatge_confirma_login
{

    text-align:left;
    padding:170px 420px 0px 30px;


}

#missatge_confirma_login .miss_tornar
{
    margin-top:20px;
    
}

#form_login
{
    padding:60px 440px 0px 15px;
    margin-bottom:50px;
    height:140px;
}

#login_recordatori
{
    margin-top:0px;
    color:#666666;
    text-decoration:none;
}

#missatge_error_login
{
    margin:10px 0px 0px 30px;
    color:red;
}

#form_login .fila_form_boto
{
    text-align:right;
}

#form_login .etiqueta_form_obligatori
{
    display:none;
}

#form_login label
{
    font-size:1.1em;
    font-weight:bold;
    color:#000000;
}

#form_login input
{
    font-size:1.1em;
    
}

.boto_tornar_inici
{
    text-align:left;

}

#missatge_confirmacio_login
{
        margin:10px 0px 0px 30px;
    color:#00cc00;
}

/*************************************************/
/**** FINAL pantallade login  ********************/
/*************************************************/

#cos_espai
{
	padding:10px 10px 10px 10px;
}

#cos_esquerre
{
	width:780px;
	float:left;
	text-align:left;
}

#cos_dret
{
	width:200px;
	float:right;
	
}

#cos_menu_secundari
{
	width:180px;
	float:left;
	padding-top:10px;
}	


#cos_info
{
	width:600px;
	float:right;
}

#cos_info_espai
{
	padding-left:20px;
	
}

.boto_tornar
{
	padding-top:33px;
	padding-bottom:20px;
	text-align:right;	
}

/************************************
	Estils portada 
************************************/

#portada_cos
{
    padding:20px 15px 20px 15px;
}

#espai_lateral_esquerra
{
    padding:20px 5px 15px 15px;
}

#pastilla_esquerre
{
	width:380px;
	float:left;
	
}

#pastilla_dreta
{
	width:200px;
	float:right;
}


#pastilla_dreta_espai
{
	padding-left:20px;
}

.portada_titol_agenda
{
     color:#0099cc;
     padding-top:20px;
     padding-bottom:20px;
}

.portada_titol_agenda a
{
    color:#0099cc;
    text-decoration:none;
    font-size:1.6em;
}

.portada_titol_agenda a:hover
{
    color:#0099cc;
    text-decoration:none;
    font-size:1.6em;
}

.portada_data
{
    color:#cc402b;
    font-size:1.1em;
}

.dia_agenda_portada
{
    background:#cc402b;
    padding:0px 3px 0px 5px;
    color:#ffffff;
    font-weight:bold;
}

.portada_data_movils
{
    display:none;
}

.portada_info_agenda
{
    padding-top:1px;
}

.portada_info_agenda a
{
    color:#630a05;
    font-size:1.2em;
    text-decoration:none;
}

.portada_info_agenda a:hover
{
	color:#630a05;
	text-decoration:underline;
}

.portada_info_agenda_text
{
	width:255px;
	padding-bottom:20px;
}


.portada_info_agenda_text a
{
	color:#666666;
	font-size:1.1em;
	text-decoration:none;
}

.portada_info_agenda_text a:hover
{
	color:#666666;
	text-decoration:underline;
	font-size:1.1em;
}

.nom_localitzacio_portada
{
    color:#000000;
    font-size:0.85em;
}

.data_dia_mes
{
	padding-top:5px;
	padding-left:4px;	
}

.data_dia
{
	color:#0099cc;
	font-size:1.2em;
	font-weight:bold;
}

.data_gris
{
	color:#666666;
	font-size:0.8em;
	
}


.data_any
{	
	text-align:center;
	padding-left:2px;
}


.data_dia_mes_interior
{
	padding-top:8px;
	padding-left:6px;
	font-size:1.0em;
}


.portada_item_agenda_espai
{
    padding-top:15px;
}

#pastilla_agenda_contenidor
{
    padding-right:10px;
    padding-bottom:40px;
}

.pastilla_agenda
{
    padding-bottom:28px;
}

#pastilla_noticies
{
    padding-right:10px;
    padding-bottom:40px;
}

.portada_titol
{
    padding-bottom:17px;
    text-align:left;
}

.portada_titol a
{
    color:#630a05;
    font-weight:normal;
    text-decoration:none;
    font-size:1.4em;
    padding-left:0px;
}

.portada_titol a:hover
{
    color:#630a05;
    font-weight:normal;
    text-decoration:underline;
    padding-left:0px;
}

.portada_noticia
{
    padding-bottom:38px;
}


.portada_noticia_foto
{
    width:120px;
    float:left;
       
}

.portada_noticia_info
{
	margin-left:130px;
        text-align:left;
}

.portada_titol_item
{
    
}

.portada_titol_item a
{
    color:#cc402b;
    text-decoration:none;
    font-size:1.1em;

}

.portada_titol_item a:hover
{
    color:#cc402b;
    text-decoration:underline;
}

.data_noticies_portada
{
    color:#000000;
    font-size:0.85em;
}

.veure_tot
{
    text-align:right;
}

.veure_tot a
{
	color:#000000;
	text-decoration:underline;
	font-size:0.8em;
}


.veure_tot a:hover
{
	color:#666666;
	text-decoration:underline;
	font-size:0.8em;
}


.pastilla_anuncis
{
    text-align:left;
    padding-bottom:40px;
}

.portada_titol_anunci
{
    color:#0099cc;
}


.portada_titol_enllassos
{
    color:#0099cc;
    text-decoration:none;
    font-size:1.2em;
}

.portada_titol_anunci a
{
    color:#0099cc;
    text-decoration:none;
    font-size:1.6em;
}

.portada_titol_anunci a:hover
{
    color:#0099cc;
    text-decoration:none;
    font-size:1.6em;
}

.portada_titol_anunci_espai
{
	padding-top:15px;
}

.text_categoria_anunci_portada
{
    color:#999999;
    text-decoration:underline;
    font-size:0.9em;
}

.text_data_anunci_portada
{
    color:#000000;
    font-size:0.85em;
}

.item_anunci
{
    padding-bottom:14px;
    border-bottom:3px solid #ece9e9;
    margin-bottom:10px;
}

.item_anunci a
{
    color:#cc402b;
    text-decoration:none;
    font-size:1.2em;
}

.item_anunci a:hover
{
    color:#cc402b;
    text-decoration:underline;
   
}

 .banner_lateral_portada
 {
     padding-bottom:20px;
 }

 .fons_pastilla_enllasos_directes
 {
     background:#88362a;
 }

 .fons_pastilla_enllasos_directes_espai
 {
     padding:10px 10px 4px 18px;
 }

 .pastilla_enllasos_directes
 {
     width:100%;
     display:inline-block;
     padding-bottom:20px;
 }

 .pastilla_enllasos_directes h1
 {
    color:#ffffff;
    font-weight:normal;
    padding-bottom:18px;
 }

 .pastilla_enllasos_item
 {
     padding-bottom:6px;
 }

 .pastilla_enllasos_item img
{
    padding-right:10px;
}

.pastilla_enllasos_item a
{
    color:#ffffff;
    text-decoration:none;
    font-size:1.2em;
}

.pastilla_enllasos_item a:hover
{
    color:#ffffff;
    text-decoration:underline;
}
.cercador_web
{
    padding-bottom:20px;
}

/************************************
	Fi estils portada
************************************/

#cos_interior
{
    padding:20px 15px 30px 15px;
}

#cos_interior_esquerre
{
    
}

#cos_interior_info
{
   
}

#cos_interior_banners
{
    width:100%;
}

#peu
{	
    color:#ffffff;
    padding-top:10px;
}

#peu_espai
{
    padding-left:15px;
    text-align:left;
    padding-top:4px;
    font-size:0.9em;
    line-height:1.5em;
}

#peu_fons
{
    background:url(../../img/comu/fons_peu.gif);
    display:inline-block;
}

.peu_inferior
{
    padding-top:9px;
    color:#fc5035;
}

.peu_inferior a
{
    color:#fc5035;
    text-decoration:underline;
}

.peu_inferior a:hover
{
    text-decoration:underline;
}

#peu_dret_diputacio
{
    padding-left:15px;
}


.fi_float 
{
	clear:both;
}



/** Informaci? debug a peu de p?gina **/

#debug_info_ext
{
	text-align:center;
	margin: 0 auto;
	font-family: "Courier new",Arial;
	font-size: 10pt;
	width:800px;
}

#debug_info
{	
	text-align:center;
	border:1px solid #CCCCCC;
	padding:8px;
	background-color:#ffffff;		
	margin-top:10px;	
}



/*******************************************/
/*** menu principal desplegable flotant ****/
/*******************************************/
#menu_superior
{
    padding-top:35px;
    padding-left:40px;
}

#menu_deplegable
{
    margin: 0 ;
    padding: 0;
    display:inline-block;
}

#menu_deplegable li
{
    float: left;
    list-style: none;
    text-align:center;
    padding-right:0px;
}

#menu_deplegable li a
{
    display: block;
    text-decoration: none;
    font-size:1.1em;
    font-weight:normal;
    white-space: nowrap;
    color:#ffffff;
    text-align:center;
}

#menu_deplegable li  a .menu_d_seleccionat
{
    display: block;
    padding: 12px 10px 10px 10px ;
    color:#ffffff;
    background:#cc402b;
}

#menu_deplegable li  a .menu_d_no_seleccionat
{
    display: block;
    padding:12px 10px 10px 10px;
}

#menu_deplegable li  a:hover
{
    background:#cc402b;
}

.espai_menu_desplegable
{
    /*padding-top:14px;*/
}

#menu_deplegable li ul
{
    margin: 0;
    padding: 10px 10px 10px 10px;
    width: auto;
    position: absolute;
    visibility: hidden;
    background:#cc402b;
}

#menu_deplegable li ul li
{
    float: none;
    display: inline;
    text-align:left;
    padding:0px;   
}

#menu_deplegable li ul li  .submenu_normal
{
    width: auto;
    font-size:1.0em;
    border-bottom:1px solid #ffffff;
    color: #ffffff;
    padding: 8px 0px 8px 8px;
    width:140px;
    text-align:left;
    background:none;
}

#menu_deplegable li ul li  a
{
    white-space: normal;
}
#menu_deplegable li ul li  .submenu_normal_seleccionat
{
    width: auto;
    font-size:1.0em;
    border-bottom:1px solid #ffffff;
    color: #ffffff;
    padding: 8px 0px 8px 8px;   
    text-align:left;
    background:none;
}

#menu_deplegable li ul li  a:hover
{
    text-decoration:underline;
}

/********************************
** Estils menu securndari
********************************/

.fons_submenu
{
    padding-bottom:20px;
}

.submenu
{
    text-align:left;
    font-size:0.9em;
}

.submenu a
{
    color:#ffffff;
    text-decoration:none;
    padding:7px 0px 8px 5px;
    border-bottom:1px solid #ffffff;
    width:220px;
    display:inline-block;
}

.submenu a:hover
{
    color:#630a05;
    text-decoration:none;
    width:220px;
    background:#ffffff;
    
}

.submenu_seleccionat
{
    text-align:left;
    font-size:0.9em;
}
.submenu_seleccionat a
{
    text-decoration:none;
    padding:7px 0px 9px 5px;
    width:220px;
    display:inline-block;
    color:#630a05;
    text-decoration:none;
    background:#ffffff;
}

.submenu_seleccionat a:hover
{
	
}

.fons_submenu2
{
    font-size:0.9em;
    background:#88362a;
    padding:7px 0px 5px 20px;
    width:205px;
    text-align:left;
}
.submenu2
{
    
}

.submenu2 a
{
    color:#ffffff;
    text-decoration:none;
    padding:0px 10px 6px 5px;
    display:inline-block;
}

.submenu2 a:hover
{
    color:#ffffff;
    text-decoration:underline;
}

.submenu2_seleccionat
{
	text-align:left;
	padding:0px 0px 6px 5px;
        display:inline-block;
        width:205px;
}
.submenu2_seleccionat a
{
	color:#e8472f;
	text-decoration:none;
}
.submenu2_seleccionat a:hover
{
	color:#e8472f;
	text-decoration:none;	
}


.submenu2_seleccionat_final
{
	text-align:left;
	padding:8px 5px 0px 17px;
	font-size:0.9em;
        background:url(../../img/comu/fons_submenu_n2.gif);
}
.submenu2_seleccionat_final a
{
	color:#cc9900;
	text-decoration:none;
}
.submenu2_seleccionat_final a:hover
{
	color:#cc9900;
	text-decoration:none;
}

/********************************
** FI estils menu securndari
********************************/

/* FI titols de pastilles de portada  i lateral dret*/


.credits
{
  	width:100%;
  	background-color:white;
  	text-align:center;
}
  
.form_fila
{
	/*border:black solid 1px;*/

}

.form_fila label
{
 	width:50px;
 	text-align:right;
}




/* breadcrumbs */

.c_breadcrumbs{

	height:20px;
	background-color:#CCCCCC;
	width:100%;
	text-align:left;
	
}

.c_breadcrumbs p
{
	margin:0;
	padding-left:12px;
	padding-top:7px;
	height:24px;
}



/* presentacio continguts */
.contenidor_contingut
{
	text-align:left; 
	padding-top:30px;
}

.contenidor_contingut_sense_espai
{
	text-align:center; 
	
}


.contenidor_fills_espai
{
	padding-top:30px;
	padding-bottom:30px;

}



.contenidor_contingut_formacions_programades
{
	margin-top:20px;
	text-align:center;
	width:510px;
	border-top:1px solid #c9c9c9;
}

.contenidor_contingut_sense_linia{
    text-align:center;
    margin:0;
    padding:0;
    padding-bottom:10px;
    margin-bottom:8px;
    width:100%;
}
.c_cap
{	
    clear:both;
    width:100%;
    padding-bottom:15px;
}

.c_cap_agenda
{	
    clear:both;
    width:100%;
    margin-top:0px;
    padding-bottom:0px;
}

.c_titol 
{
    float:left;
    text-align:left;
    margin-bottom:0px;
    width:80%;
}

.c_enviar_imprimir
{
    float:right;
    text-align:left;
    padding-top:4px;
}
.c_enviar_imprimir a
{
    color:#cc402b;
    font-size:0.8em;
    text-decoration:none;
}

.c_enviar_imprimir img
{
    padding-right:5px;
}
.c_contenidor_interior
{
	text-align:left;	
}
.c_contenidor_interior_no_centrat
{
	text-align:left;
	width:100%;	
}
#form_contacte .informacio
{
	font-size:1.0em;
}

.entradeta
{
    color:#88362a;
    margin-bottom:15px;
    font-size:1.2em;
    text-align:left;
    font-weight:normal;
    font-style:italic;
}

.text-maquetat
{
    /*padding-bottom:30px;*/
}

.c_info_estadistica
{
    text-align:center;
}

.c_links
{
    margin:0 auto;
    width:100%;
    padding-top:20px;
    padding-bottom:20px;
}

.c_documents
{	
    margin:0 auto;
    width:100%;
    padding-top:0px;
    border-top:3px solid #ece9e9;
}

.c_tramits
{
    text-align:left;
}

.c_informacio
{
    /*text-align:justify;	*/
    color:#000000;
    padding-bottom:20px;
}
/*************************************
**Estils per al paginador
*************************************/
.c_paginador
{
    clear:both;
    text-align:right;
    padding:20px 5px 5px 0px;
}

.c_paginador a
{
    color:#0099cc;
    text-decoration:underline;
}

.c_paginador a:hover
{
    color:#000000;
}

.paginador_css
{
    float:right;
    text-align:right;
}

.paginador_pagines
{
    float:left;
    width:20px;
    height:25px;
}


.paginador_pagines a
{
    width:20px;
    text-align:center;
    display:block;
    color:#cc402b;
    font-size:0.9em;
    padding-top:5px;
    text-decoration:underline;
}

.paginador_pagines a:hover
{
    width:20px;
    color:#000000;
    display:block;
    font-size:0.9em;
}

.paginador_pagina_actual
{
    float:left;
    text-align:center;
    color:#000000;
    font-size:0.9em;
    width:20px;
    padding-top:5px;
    height:20px;
} 

.paginador_fletxa
{
    float:left;
    width:20px;
}

.paginador_fletxa a
{
    padding-top:5px;
    width:20px;
    text-align:center;
    display:block;
    color:#cc402b;
    font-size:0.9em;
    text-decoration:underline;
}

.paginador_fletxa a:hover
{
    width:20px;
    color:#000000;
    display:block;
    font-size:0.9em;
}


/*******************************************
**	Fi estils paginador
*******************************************/
.c_llista_continguts_fills
{
	margin:0 auto;
	text-align:left;		
	border-top:1px solid #e1e1e1;
	font-size:1.2em;
	width:100%;	
	padding-bottom:30px;
	margin-top:20px;
}
.llista_fills
{		
	border-bottom:1px solid #e1e1e1;
	
}
.img_llista_fills
{
	float:left;
	
}
.titol_llista_fills
{
	float:left;
	padding:5px 10px 4px 15px;
}
.titol_llista_fills a
{	
	text-align:left;	
	display:block;
}
.titol_llista_fills a:hover
{	
	display:block;
}

div.fila_form_petit 
{
  clear: both;
  padding-top: 0px;
  width:100%;
  color:#676664;
}
div.fila_form_petit .etiqueta 
{
  float: left;
  width: 33%;
  text-align: right;
  padding-top:5px;
  padding-right:2px;
}

div.fila_form_petit .informacio 
{
  float: right;
  width: 65%;
  text-align: left;
}   
.form_submit
{
	clear:both;
	text-align:right;
	padding-right:23px;
	padding-top:3px;
}



div.fila_form_entitats 
{
  clear: both;
  padding-top: 1px;
}

div.fila_form_entitats .etiqueta 
{
  float: left;
  width: 50%;
  text-align: right;
  padding-top:3px;
}

div.fila_form_entitats .informacio 
{
  /*float: right;*/
  text-align: left;
	
}   
.mes_informacio
{
	color:#ffffff;
	font-size:1.7em;
	padding:12px 7px 2px 0px;
	font-weight:bold;
}

submit
{
    


}

.form_mes_info
{
	text-align:left;
	padding-left:5px;	
	font-size:1.2em;			
}
.form_mes_info .fila_form
{
	padding:0px 0px 0px 0px;
}
.form_mes_info .txt_submit
{
	background:#e1e1e1;
	font-weight:bold;
    padding: 5px 10px 5px 10px;
}
.form_mes_info .informacio
{
	font-size:1.4em;
}

.form_mes_info .txt_form
{
	border:0px;	
}
.form_petit_cos
{
	width:100%;
	text-align:center;
	border-bottom:1px solid white;

}

.form_petit_cos form
{
	padding:0px 0  0px 0;
	margin:0;
}

/* estils per p?gina impresi? i mail */

#imp_contenidor {
	text-align: left;
	margin: 0 auto;
	width:80%;
	background:#ffffff;		
}


#imp_cap
{
    text-align: left;
    width:100%;
    background:#630a05;
}

#imp_cap_espai
{
    padding:14px 0px 15px 25px;
}


#imp_logo
{
	padding-top:28px;
	padding-left:70px;
}

#imp_breadcrumbs
{
	width:95%;
	text-align:left;
	padding-top:20px;
	font-size:0.8em;
	color:#cccccc;	
}

#imp_breadcrumbs a
{
	color:#cccccc;
	text-decoration:none;
}


#imp_breadcrumbs a:hover
{
	color:#cc9900;
	text-decoration:none;
}

#imp_titol
{
    width:100%;
    padding-bottom:27px;
}

#imp_cap_see_photo
{
	text-align: left;
	padding:4px;
	background-color: #ffffff;
}

#imp_cos_seephoto
{
    clear:both;
    text-align: center;
    padding-bottom:4px;
    padding-left:4px;
    padding-right:4px;
    background-color: #ffffff;
}

#imp_cos
{
    clear:both;
    text-align: left;
    padding-top:16px;
    padding-bottom:20px;
    width:86%;
    margin:0 auto;
}

#imp_peu
{
    clear:both;
    text-align:left;
    font-size:1.0em;
    width:100%;
}

#imp_peu_espai
{
    padding:7px 15px 20px 20px;
    background:#630a05;
}

#taula_peu
{
    width:100%;
    background:#630a05;
}

#imp_peu_esquerre
{
    padding-left:25px;
    border:0px;
    color:#ffffff;
    padding:7px 15px 20px 45px;
}


#imp_peu_dret
{
   width:109px;
   text-align:left;
   padding-top:3px;
   border:0px;
   vertical-align:top;
   padding:10px 15px 20px 20px;
}

#imp_peu_espai_dret
{
   border-left:3px solid #fc5035;
   padding:0px 0px 20px 15px;
}

#imp_peu_foto
{
	text-align:center;

}

#imp_cos_mail
{
	margin-bottom:10px;
	text-align:left;
	
}

#imp_cos_mail_int
{
	margin:0 auto;
	text-align: left;
	width:95%;
	padding-top:20px;

}

#icones_peu_imp
{
	clear:both;
	margin:0 auto;
	height:57px;
	width:90%;
		
}
/* fi estils per p?gina impresio i mail */



.espaiat
{
	padding:10px;

}

/**************************************/

.txt_form_gris
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #cccccc;
    background-color: #ffffff;
    border: 1px solid #CBCBD7;
    padding: 1px;
    margin: 1px;
}

/* taula per documents */
.taula_documents 
{
    border:0;
    width:100%;
}

.taula_documents td
{
    border-bottom:3px solid #ece9e9;
    border-right:0px;
    border-left:0px;
    border-top:0px;
    color:#0099cc;
    background:#ffffff;
    font-size:0.9em;
}

.tr_linia
{	
    background:#ffffff;
}

.tr_iluminat
{
    background:#ffffff;
}

.td_mida
{
    width:100px;
    text-align:right;
    padding-right:10px;
    /*valign:top;*/
}

.td_nom_fitxer
{
    text-align:left;
}
.td_nom_fitxer a
{
    padding-top:7px;
    padding-bottom:6px;
    padding-left:3px;
    display:block;
    color:#000000;
    text-decoration:underline;
    font-size:0.95em;
}

.td_nom_fitxer a:hover
{
    padding-top:7px;
    padding-bottom:6px;
    padding-left:3px;
    display:block;
    color:#cc402b;
    text-decoration:underline;
}

.td_icona
{
	width:25px;
	text-align:center;
	padding-left:5px;
	/*valign:top;*/
}


a.txt_documents {
	
	color:#000000;	
	text-decoration: none;
}

a.txt_documents:hover 
{
	color: #000000;
	text-decoration: none;
}


/* fi taula per documents */

.banner
{
    text-align:left;
    padding-bottom:20px;
	
}

.mail_destacat
{
    color:#cc402b;
}

/************************************/
/* taules 							*/

/* aquest estil es el que dona format al text interior de continguts */
.td_justificat
{
    /*text-align:justify;*/
    color:#000000;
    border:0px;
}

table
{ 
    border:none;
    border-collapse: collapse;
    border-spacing: 0;
    margin:0px;
}
td
{ 
    color:#000000;
    border-bottom:3px solid #ece9e9;
    border-top:0px;
    border-left:0px;
    border-right:1px solid #ffffff;
    padding:0px;
}
th {
	
    background:#ffffff;
    color:#cc402b;
    font-weight:bold;
    border:0px;
    border-bottom:3px solid #ece9e9;
    padding:5px;
    padding-left:0px;
    text-align:left;
	
}
caption {
	
    background:#ffffff;
    color:#cc402b;
    font-weight:bold;
    text-align:left;
    border-bottom:3px solid #ece9e9;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    padding:5px;
    padding-left:0px;
}

/* estil per defecte d'una cel?la d'una taula (coincidir? amb txt) */

.taula_continguts
{
    border:0;
    width: 100%;
    padding:0;
    border:0;
}
.taula_continguts a
{
    color:#cc402b;
    text-decoration:none;
}

.taula_continguts a:hover
{
    color:#cc402b;
    text-decoration:underline;
}


.taula_foto_left
{
    width: 1%;
    padding:4px;
    border: 0;
    float:left;
}

.taula_foto_left img
{
    padding:8px 8px 8px 0px;
}

.taula_foto_right img
{
    padding:8px 0px 8px 8px;
}

.taula_foto_left td
{
	border:0px;
}

.taula_foto_right
{
	width: 1%;
	padding:4px;
	border: 0;
	float:right;
}

.taula_foto_right td
{
	border:0px;
}

.taula_foto_center
{
	width: 1%;
	padding:4px;
	border: 0;
	margin:0 auto;
}

.taula_foto_center td
{
	border:0px;
}

.foto_centrada
{
	text-align:center;
	width:100%;
}


.foto_centrada td
{
	border:0px;
}

.taula_fotos_horitzontals
{
	width: 100%;
	border: 0;
	margin:0 auto;
}

.taula_fotos_horitzontals td
{
	border:0px;
}

.taula_continguts
{
    border:0;
    margin:0px;
}

.taula_no_fil
{
	border:0;	
	width:100%;
}

.taula_no_fil td
{
	border:0px;
}

.taula_continguts p
{
	margin-top:6px;
}



/* butllet? formulari */
.butlleti_cos_form
{
	padding:5px;
	
	margin-bottom:10px;
}



.titol_butlleti
{
	text-align:left;
	padding-left:15px;
	padding-top:15px;

}

/************************/
/* menu icones */


#menu_icones
{
	margin:0;
	padding:0;
	font-size:0.9em;
	letter-spacing:1px;
	padding-left:20px;
	text-align:right;
	

}


#menu_icones li
{
	list-style: none;
	list-style-image: none; 
	margin:0;
	display:inline;	
	padding-top:1px;
	text-align:right;		
}

#menu_icones li a
{
	padding:3px 0px 3px 6px;
	color:#000000;

}

#menu_icones li a:hover
{
	padding:3px 0px 3px 6px;
	color:#ffffff;

}


.idioma_actiu
{
	color:#0099cc;
}

.idioma_no_actiu
{
	color:#000000;
}

/* FINAL selector d'idiomes */
/************************/


/************************/
/* menu icones */


#selector_idiomes
{
	margin:0;
	padding:0;
	font-size:1.0em;
	padding-left:0px;
	text-align:center;	
	
}


#selector_idiomes 
{
	list-style: none;
	list-style-image: none; 
	margin:0;
	display:inline;	
	padding-top:0px;
	text-align:right;		
}

#selector_idiomes a
{
	padding:0px 0px 0px 0px;
	color:#000000;	

}

#selector_idiomes a:hover
{
	padding:0px 0px 0px 0px;
	color:#0099cc;
}

#selector_idiomes a.idioma_actiu
{
	padding:0px 0px 0px 0px;
	color:#0099cc;


}



/* FINAL selector d'idiomes */
/************************/

.missatges_web
{
	text-align:center;
	padding-bottom:90px;
        padding-top:50px;
	
}


.miss_tornar
{
    margin-top:100px;
    text-align:right;


}







.missatge_error
{
	color:#ff0000;
	padding:5px 0px 20px 0px;
}

/**********************************
	Estils per a la cap?alera
**********************************/


#data_avui
{
	float:right;
	background:#e1e1e1;
	width:699px;
	color:#ffffff;
	text-align:right;
	font-size:2.5em;
	height:42px;
	/*border:1px solid #e1e1e1;*/
}


#data_avui_espai
{
	padding-top:4px;
	padding-right:23px;

}
/**********************************
	FI estils per a la cap?alera
**********************************/

.verd_aladetres
{
	color:#0099cc;
	
}



/*************************************
	Estils per a la fitxa d'experiencies
*************************************/
.informacio_experiencia
{
	margin-bottom:25px;

}

.experiencies_titol
{
	padding:5px 0px 5px 10px;
}

.experiencies_caracteristica
{

}

.experiencies_carac_etiqueta
{
	color:#999999;
}


.experiencies_dades_projecte
{
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px 0px 5px 10px;

}

.informacio_experiencia_esquerre
{
	float:left;
	width:135px;
	text-align:center;
	
}
.informacio_experiencia_dreta
{
	float:right;
	width:330px;		
}

.informacio_experiencia_dreta_contingut
{
	padding:5px 0px 10px 10px;	
}

.informacio_experiencia_data
{
	color:#999999;
}




/* fi taula per documents */

/*************************************
	FI estils per a la fitxa d'experiencies
*************************************/



/******************************/
/*   titols parcials editor   */
/******************************/
.titol_nivell_1
{
    color:#000000;
    font-size: 1.3em;
    text-decoration: none;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.titol_nivell_2
{
	color:#cc402b;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.titol_nivell_3
{
	color:#630a05;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.resaltat_nivell_1
{
	color:#88362a;
	font-size: 1.0em;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}


.resaltat_nivell_2
{
	color:#336699;
	font-size: 1.0em;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.resaltat_nivell_3
{
	color:#000000;
	font-size: 0.85em;
	text-decoration: none;	
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-weight: normal;
}
 /*****************************************************/
 /*****************************************************/
 
 



/*****/


.mobilitat
{
    color:#ffffff;
    padding:0px;
    text-align:left;
    font-size:0.95em;
    padding-left:15px;
}

.mobilitat label
{
    font-weight:normal;
}

.mobilitat .input_com_arribar_text
{
    float:left;
    padding-top:3px;
}

.mobilitat .input_com_arribar_input .txt_form
{
    margin:0px;
    background:#630a05;
    border:1px solid #fc5035;
    color:#999999;
}

.mobilitat .input_com_arribar_input
{
    float:right;
    padding-right:7px;
}

.submit_com_arribar
{
    clear:both;
    text-align:right;
    padding-right:7px;
    padding-top:3px;
}

.submit_com_arribar .txt_submit
{
    background:#FC5035;
}

/**** CONTINGUTS EXTESOS ***********************/


.contingut_extes_titol
{
	clear:both;
	margin-top:6px;
	margin-bottom:4px;
	text-align:left;

}

.contingut_extes_fila
{
	clear:both;
	margin-bottom:4px;
	text-align:left;

}

.contingut_extes_fila_etiqueta
{
	float:left;
	color: #A2165F;
	font-weight:bold;	
	text-align:left;
}

.contingut_extes_etiqueta_span
{
	color: #A2165F;
	font-weight:bold;	
	text-align:left;
}


.contingut_extes_fila_info
{
	margin-left: 150px;
	text-align:left;
}

/**** CONTINGUTS EXTESOS ***********************/



/**************************************************/
/*    USUARI CONTINGUTS PRIVATS                   */
/************************************************/


.usuari_continguts_privats
{	
	margin-top:10px;
	padding:0px 10px 10px 10px;		
	text-align:center;
}


.missatge_error
{
	color:#ff0000;
	padding-bottom:10px;
}


.text_interior_error
{
	color:#ff0000;
	padding-bottom:10px;
}
/**************************************************/
/*    FI USUARI CONTINGUTS PRIVATS                   */
/************************************************/



/************************************************************************/
/*    estils per al reseteig de password  */
/**********************************************************************/


#form_reset
{
	width: 680px;

}

.intro_login
{
	text-align:left;
	width: 600px;
	
}

/******************************************************************************************
***
*** per substituir <p align="*">
***
******************************************************************************************/

.alinea_centre
{
	text-align:center;
}
.alinea_dreta
{
	text-align:right;
}

.alinea_esquerre
{
	text-align:left;
}

.alinea_justificat
{
	text-align:justify;
}



/******************************************************************************************
***
*** Maquetaci� "Consulta tamb�"
***
******************************************************************************************/

.consulta_tambe
{

}


.fons_consulta_tambe
{
	
}

.fons_consulta_tambe_espai
{

}

.titol_consulta
{
    background:#cc402b;
    color:#ffffff;
    padding:5px 10px 3px 9px;
    font-size:1.2em;
}


.interior_consulta
{
    border:1px solid #cc402b;
    padding:0px 10px 10px 9px;
    margin-bottom:20px;
}


.info_consulta
{
	width:100%;
}

.info_consulta_titol
{
	padding-top:8px;	
	padding-bottom:4px;
	font-weight:normal;
}

.info_consulta_text
{
    color:#ffffff;
    padding-bottom:4px;
}

.info_consulta_text a
{
    text-decoration:none;
    font-size:0.85em;
    padding:0px 10px 1px 0px;
    display:block;
}

.info_consulta_text a:hover
{

}

.c_llista_items_consulta
{
        font-size:0.9em;
}
/******************************************************************************************
***
*** Fi Maquetaci� "Consulta tamb�"
***
******************************************************************************************/


/******************************************************************************************
***
*** maquetaci� banners text
***
******************************************************************************************/


.contenidor_banner
{
    text-align:left;

}

.titol_banner
{
    color:#ffffff;
    font-size:1.2em;
    font-weight:bold;
}

.titol_banner a
{

    display:block;
    color:#0099cc;
    text-decoration:underline;
}

.titol_banner a:hover
{
    color: #333333;
    text-decoration:underline;
}

.cos_banner
{
    color: #333333;
    padding-bottom:10px;
}

.cos_banner table
{
    margin:0px;
    text-align:left;
    font-size:0.95em;
}

.cos_banner table td
{
    padding:0px;
    color:#ffffff;
    border:0px;
}

.cos_banner table td a
{
    color:#ffffff;
    text-decoration:underline;
}

.cos_banner table td a:hover
{
    color:#ffffff;
    text-decoration:underline;
}
/******************************************************************************************
***
*** FI maquetaci� banners text
***
******************************************************************************************/



/******************************************************************************************
***
*** Traductor idiomes gencat
***
******************************************************************************************/


.traductor_idiomes
{
    text-align:right;
    color:#ffffff;
    font-weight:normal;
    font-family: Arial, Helvetica, sans-serif;
    float:right;
    font-size:0.9em;
}

.traductor_idiomes a
{
    padding-left:4px;
    color:#ffffff;
    text-decoration:none;
    background:#cc402b;
    display:inline-block;
    padding:2px 5px 4px 6px;
    margin-left:10px;
}

.traductor_idiomes .traductor_idiomes_carrerer
{
    background:url(../../img/comu/icona_carrerer.gif);
    margin-right:10px;
    padding-left:26px;
}

.traductor_idiomes .traductor_idiomes_sense_estils
{
    background:none;
    color:#fc5035;
    text-decoration:underline;
    margin-right:5px;
}

.traductor_idiomes .traductor_idiomes_zoom
{
    background:none;
    color:#fc5035;
    text-decoration:underline;
    padding:0px;
    margin:0px;
}

.traductor_idiomes_text_zoom
{
    padding-top:2px;
}


.traductor_idiomes a:hover
{
    text-decoration:underline;
}

/******************************************************************************************
***
*** Fi Traductor idiomes gencat
***
******************************************************************************************/


.hr_pda
{
    display:none;
}

/******************************************************************************************
***
*** Visor imatge
***
******************************************************************************************/
.visor_imatge_individual
{
    margin-bottom:20px;
    text-align: center;
    background-color: #eaeaea;
}

/******************************************************************************************
***
*** Fi Traductor idiomes gencat
***
******************************************************************************************/
