
/* blocs.css  */

@media screen,projection,print {

/* BLOCS PRINCIPALS */

/* configuració esquerra ample, dreta estret*/

div#bloc_esquerra{ 
	/*margin: 6px 208px 0 0;
	float:none;*/
	float:left;
	width:100%;
	padding-top: 0;
}

div#bloc_dreta{
	/*float:right;*/
	/*width: 200px;*/
	width: 27%;
	margin: 0px 0px 0 auto;
	
}

/* configuració esquerra estret, dreta ample */

div#bloc_esquerra_petit{
	/*width: 215px;*/
	/*margin: 4px 0px 0 0;*/
	float:left;
	clear:none;
	width: 18%;
}

div#bloc_dreta_gran{
	width:81% !important;
	margin: 0px 0px 0px auto;
	
}

div#bloc_central{
	clear:both;
	width: 100%;
	padding: 0px 0 0px 0;
	margin: 0;

}


/*-------------------------------- ESQUERRA --------------------------------*/ 

div.bloc_superior{  /* bloc superior (HOME) */ 
	width: 99%;
	margin-top:5px;
}

div.bloc_superior div.menu_superior{ /* menú superior (HOME) */
	float:left;
	width: 100%;
	margin:0; padding:0;
	margin-bottom: 1px;
	border-bottom: 2px solid #BF2F14;
}

div.bloc_superior div.menu_superior ul{/* (HOME) */ 
	margin: 0; padding: 0;
	font-weight:bold;
	list-style-type: none;
	width: 100%;
	text-align: center;
	clear:left;
}

div.bloc_superior div.menu_superior ul li{ display:block; float:left; width: 24.999%; margin-left:0;}

div.bloc_superior div.menu_superior ul li.primer{ margin-left:-1px; }

div.bloc_superior div.menu_superior ul li a{ 
	display:block; background: #bbb url("../img2/bg_menu_home.gif") right top no-repeat;
	color: #fff;	font-size: 13px;	padding: .2em 0 .2em 0; }
	
div.bloc_superior div.menu_superior ul li a.ultim{ background: #bbb url("../img2/bg_menu_home_ultim.gif") right top no-repeat !important;}

div.bloc_superior div.menu_superior ul li a:hover{ 	text-decoration:none !important; background: #bbb  url("../img2/bg_menu_home_sel.gif") right top no-repeat; }

div.bloc_superior div.menu_superior ul li a.ultim:hover{ background: #bbb url("../img2/bg_menu_home_sel_ultim.gif") right top no-repeat !important;}

/* FI bloc superior HOME */

div.imatge_impacte{ /* imatge impacte */
	width:100%;
	height:162px;
	clear:both;
	overflow: hidden;
}

div.imatge_impacte_petita{ /* imatge impacte */
	width:100%;
	height:100px;
	margin-top: 0px;
	overflow: hidden;
}

div.imatge_impacte_fons{background: url(../img2/banners/generic.jpg) repeat-x;}

div#bloc_esquerra div.bloc_inferior{ /* bloc inferior */
	width: 99%;
	margin-top: 3px;
	/*border:1px solid #0f0;*/
}

/* CONTINGUT - cos */

div#bloc_esquerra div.bloc_inferior div#contingut{ 
	margin-left: 254px;
	margin-right: 0px;
	border:1px solid #fff;
}

div#bloc_esquerra div.bloc_inferior div#menu_esquerra{ /* menú esquerra */
	float:left;
	width: 245px;
	margin-top: 11px;
}

/* -------------------------------- DRETA -------------------------------- */ 
div#cercador{ /*float:left;*/ width:100%;}
#bloc_dreta>div#cercador{ margin-top: 5px;}

ul.destacat{ margin:0; list-style-type:none; padding:0; }

div.destacats{ /* destacats */
	float:left;
	position:relative;
	margin:0;
	text-align: center;
	width:100%;
}

div.destacats .destacat, ul.destacat li{
	float:left;
	position:relative;
	clear:both;
	width:99%;
	margin: 0;
	padding: 5px 0 5px 0;
	border-top: 1px solid #C8C7C6;
	text-align: left;
	line-height: 1.5em;
}


div.destacats .destacat {
	border-top: none;
	padding: 5px 0 0 0;
}

div.destacats p{
	height:60px;
	line-height: 1.5em;
}

div.destacats .destacat img{
	float:left;
	margin: 0 5px 0 0;
	padding: 0;
    border: 1px solid #c8c7c6;
}

div.destacats .destacat img.abs{
	position:absolute;
    border: 1px solid #818181;
	margin: 0 auto 0 auto;
}

/* COLUMNES */

/* 3 cols */
.col_1, .col_2, .col_3{ width: 30%; float:left;}
.col_2, .col_3 { margin-left: 3%;}

/* 2 cols */
.col_a, .col_b{ width: 45%; float:left;}
.col_b{ margin-left: 48%; float:none;}

}

/* cap_peu.css */

@media screen, projection, print{
/* CAPCALERA */
div#capcalera{float:left; clear:both; width:100%; margin: 0px 0px 0px 0px; }

div#capcalera div.logo{float:left; margin: 0 0 0 0; padding: 0;}
div#capcalera div.logo_petit{float:left; margin: 0 0 0 5px;  padding: 0;}
div#capcalera div.enllacos_principals{float:right; margin: 3px 0 0 0; padding:0; }
div#capcalera div.enllacos_principals a{margin-left: 8px;}
div#capcalera div.cercador{float:right; width:180px; margin: -1px 0 0 8px;}
div#capcalera div.cercador form input#cerca{width:140px;}

div#capcalera div#menu_cap{ float:left; clear:both; width:100%; margin: 0px 0 0 0; background-color:#818181; color: #fff; border-bottom: 2px solid #BF2F14; }
div#capcalera div#menu_capBO{ float:left; clear:both; width:100%; margin: 5px 0 0 0; background-color:#818181; color: #fff; border-bottom: 2px solid #BF2F14; }
div#capcalera div#menu_cap ul{ float: right; list-style-type: none;	margin: 0 15px 0 0;	padding: 0;	text-align: center;	vertical-align:middle; }
div#capcalera div#menu_cap ul li{ float:left; margin: 0 0 0 .3em;	display: block;}
div#capcalera div#menu_cap ul li a{	display: block;	font-weight:bold;	color: #fff; padding: 1px 3px 1px 3px; font-size: .9em;}
div#capcalera div#menu_cap ul li a:hover{ background-color: #3B4432; text-decoration:none !important; }
.menusel{ background: url("../img2/bgmenusel.gif") no-repeat right top; }
div#capcalera div#menu_cap ul li.menusel a:hover{ background: url("../img2/bgmenusel.gif") no-repeat right top; }

div#capcalera div#menu_presentacio{ 
	float:left; 
	clear:both; 
	width:100%; 
	margin: 0px 0 0 0;
	padding: 1px; 
	background-color:#bf2f14; 
	color: white;
}		
div#menu_presentacio_pestanya{ 
	float:left; 
	clear:both; 
	width:100%; 
	margin: 0px 0 0 0;
	padding: 1px; 
	background:url("../../images/tab/pestanya_noselTitol.gif") repeat right top;
	font-family: verdana;
	font-size: 15px;
	font-weight:bold;
	color: #bf2f14;
}
.pestanyaHeaderTaula{

	background:url("../../images/tab/pestanya_selTaula.gif") no-repeat right top;
  	color:white;
}
.pestanyaCosTaula{
	background:#ebebea;
  	font-family: verdana;
	font-size: 10px;
	font-weight:bold;
	color:#316ac5;
  	
}
	
/* --------------------------- PEU ------------------------- */
#peu{
	/*float:left;*/
	clear:both;
	width:100%;
	text-align:center;
    color:#4D4C4A;
	/*border-top: 1px solid #C8C7C6;*/
	margin: .5em 0 15px 0;
	font-size: .9em;
	padding-top: 1.7em;
	vertical-align:bottom;
}

#peu a{	
	font-size: 1em;
	text-decoration:none;
}

#peu a:hover{text-decoration:underline;}
}

/* gencat.css */

body{ margin:0px;	padding:0px; font-family: Verdana,Sans-Serif; font-size:101%;
	  color:#000; width: 100%; background-color:#fff !important; }

#marc{ position:relative; /*min-width: 640px;*/ width: 100%; margin: 0 0; padding: 0; font-size:.7em;  background-color:#fff !important;}

@media screen, projection, print{
/* imitació del min-width per IE */
* html .minwidth {border-left:640px dashed #fff; position:relative; float:left; z-index:1; background-color:#fff !important;}
* html .container {margin-left:-640px; position:relative; float:left; z-index:2;background-color:#fff !important; }
}

/* GENERAL */ 
img{border:0px;vertical-align:middle}
.ocult{/*display:none !important; */ position: absolute; top:-550px;left:-550px;height:0em; width:0em; overflow: hidden;}
.visible{display:block !important;}
.clear_float{clear:both; width:95%; /*font-size:0px; height:0px; margin-top:0px;*/}
.break{display:block; font-size:0em; min-height:.5em;}

/*Home*/

#fitxa_sac #blocs_pastilles .ocult{display:none;}

/* ESTILS PASTILLES I TABULADORS I CAIXES DE MENUS */
.pastilla_normal, .pastilla_normal_clear, .pastilla_normal_clear_10{   
	width:98%;   background:#C8C7C6 url("../../images/bg_pastillahome.gif") right top no-repeat;   
	font-weight:bold;   color:#4E0C04;   height:1.2em;   margin-top: 11px;   
	padding: 2px 0 2px 4px;
}

.pastilla_normal_clear, .pastilla_normal_clear_10, .pastilla_area_clear{ 
	float:left; margin:10px 0 0 0; padding: 3px 0 2px 4px; height: auto;
}
.pastilla_normal_clear{margin:0;}

.pastilla_area {
	word-spacing: -0.03em;
	letter-spacing: -0.05em;
}

.pastilla_area, .pastilla_area_primera, .pastilla_area_border, .pastilla_area_clear, .pastilla_area_clear_10, .pastilla_area_1px{
   width: 98%; background: #818181 url("../../images/bg_pastillaareaa.gif") right top no-repeat; font-weight:bold;
   color:#FFFFFF;   height:1.4em;   padding: 2px 1px 0 3px;
}
.pastilla_area_border, .pastilla_area_clear_10, .pastilla_area_clear{background:#818181 url("../../images/bg_pastillaarea_border.gif") right top no-repeat;}
.pastilla_area_1px{margin: 0 0 1px 0;}
.pastilla_area_clear{margin:0;}

/*#menu_esquerra>.pastilla_area_primera{ padding: -15px 1px 2px 2px; }*/
#menu_esquerra>.pastilla_area{   padding: 2px 1px 2px 3px; }

.contingut_pastilla_bg, .contingut_pastilla_bg_nofloat{
	float:left; width: 99%;	margin-top: -1px; margin-bottom: 10px;  padding: 5px 0 5px 1px;
}
.contingut_pastilla_bg_nofloat{float:none; padding: 0; width:100%;}

/* MARGES */
.marge_esquerra{margin-left: .5em; }
.marge_superior{margin-top: .5em; }
.marge_inferior{margin-bottom: .5em; }
.marc_overflow{ /* imatge impacte */
	width:99%;
	overflow: hidden;
}



#peu {
background:transparent url('http://www.gencat.cat/img2/separador_ligero.gif') repeat-x scroll center;
clear:both;
color:#4D4C4A;
font-size:0.9em;
margin:0.5em 0pt 15px;
padding-top:1.7em;
text-align:center;
vertical-align:bottom;
width:100%;
}



/* ---------------- LINKS i TIPUS DE TEXT--------------------- */
a{color:#000; text-decoration: none;}
a:hover{ text-decoration: underline !important; }
.eines{ color:#4D4C4A; text-decoration:underline;   font-size:.9em;}
.einesActualitzacio{ color:#4D4C4A; text-decoration:none;   font-size:.8em; float: left; padding: 0.5em;}
.peu_foto{color:#000000; text-decoration:none; font-size:.8em; line-height: 1.3em; margin:-1.5em 0 1.7em 0;}

div.marge_caixa_sup_left a.m10{color:#585854 !important; font-weight:bold; text-decoration:none; line-height: 1.5em;}
a.m10{color: #AC2115 !important;}

a.eines:hover{ color:#000; }
a.titulo_bullet{ background: url("../i/bullet_noticies_.gif") no-repeat; padding: 0 0 0 12px; margin: 0 0 0 0; color:#4D4C4A; font-weight:bold;   text-decoration:none;}
.subtitulo{font-weight:bold; color:#660303;   text-decoration:none; font-size: 1.15em;}
.subtitol_marro{font-weight:bold; color:#660303; text-decoration:none; font-size: 1.15em;}

.text_gris, .enllac_gris, .enllac_gris2,.titulocaja,
a.butlletins, a.sms, a.pda, a.rss, a.premsa {color:#585854; font-weight:bold; text-decoration:none; line-height: 1.5em;}
a.butlletins, a.sms, a.pda, a.rss, a.premsa{padding: 3px 0 0 15px;}
a.butlletins{ background: url("../img2/ico_butlleti.gif") left no-repeat;}

.enllac_gris2{font-size: 1.1em;}

a.sms{ background: url("../img2/ico_sms.gif") left no-repeat;}
a.pda{ background: url("../img2/ico_pda.gif") left no-repeat;}
a.rss{ background: url("../img2/ico_rss_act.gif") left no-repeat;}
a.premsa{ background: url("../img2/ico_servei.gif") left no-repeat;}

a.mapa, a.arribar, a.organigrama{ color: #83482A; font-weight:bold; padding: 3px 15px 0 18px;}
a.mapa{background: url("../img2/ico_mapa.gif") left no-repeat;}
a.arribar{background: url("../img2/ico_comarribar.gif") left no-repeat;}
a.organigrama{background: url("../img2/ico_organigrama.gif") left no-repeat;}

.RSS_2_0{background: url("../img2/ico_rss20.gif") left no-repeat; padding-left: 45px;}

a.mapa_web{
	background: url("../img2/ico_pages.gif") left no-repeat; padding: .5em 0 .5em 26px;
	color: #AC2115; font-weight:bold; font-size: 1.1em; margin-left: .5em;
}

.doc{ background: url("../img2/ico_word.gif") right no-repeat; padding: 4px 25px 0 0;}
.pdf{ background: url("../img2/ico_pdf_2.gif") right no-repeat; padding: 4px 25px 0 0;}
.xls{ background: url("../img/xls.gif") right no-repeat; padding: 4px 25px 0 0;}
.ppt{ background: url("../img/ppt.gif") right no-repeat; padding: 4px 25px 0 0;}

.text_gris, ul.destacat li {font-weight: normal;}
ul.destacat li a {color:#585854; font-weight: bold;}

.titulocaja{   color:#2A5669;  }
.link_extern{background: url("../img2/link.gif") right no-repeat; padding-right: 18px;}

/* FIL ARIADNA*/
div.fil_ariadna, div.fil_ariadna_marge0, div.fil_ariadna_marge00{ float:left; margin: 0 0 5px 5px; color:#585854; }
div.fil_ariadna_marge0{	margin: 5px 0 15px 0; float:none;}
div.fil_ariadna_marge00{ margin: 0px 0 15px 0; float:none;}
div.fil_ariadna a, div.fil_ariadna a:link, div.fil_ariadna a:visited,
div.fil_ariadna_marge0 a, div.fil_ariadna_marge0 a:link, div.fil_ariadna_marge0 a:visited,
div.fil_ariadna_marge00 a, div.fil_ariadna_marge00 a:link, div.fil_ariadna_marge00 a:visited{text-decoration:underline;	color:#585854;}

/* ESTILS DE TEXT */

h2,h4{font-size:1em;margin:0!important;padding:0!important;clear:none;}
h3{font-size:1em;margin:0 0 0.5em 0 !important;padding:0!important;clear:none;}
.titulomenu h2{font-weight: normal;}
.tituloEEES{font-family:verdana; font-weight:bolder; color:#581F01; text-decoration:none; font-size: 10px; letter-spacing: -0.8px; word-spacing: 1px;}

.mes1{font-size: 1.1em}

.texto, #ul_home, ul.destacat li { font-family:Verdana,Sans-Serif; color:#000000; text-decoration:none; }
.titulo, .abcde{
   font-family:Arial,Sans-Serif;
   font-weight:bold;
   color:#660303;
   text-decoration:none;
   font-size: 1em;
   font-size/* */: 1.4em;  /* 17px; */
}
.titulo{margin-bottom:5px;}

.abcde{/* webs A-Z */  	color:#4D4C4A; }

.titol_marro{ color: #660303; font-weight: bold; font-size:1.1em; padding: 0 9px; margin: 0 0 5px 0;}
.titulomenu{ font-family:Arial,sans-serif; color:#660303; text-decoration:none;  font-size: 1.3em;   font-size/* */: 1.9em;   margin: 0 0 2px 25px;    padding: 0 0 0 10px;}
.titulomenu2{ font-family:Arial,sans-serif; color:#660303; text-decoration:none;  font-size: 1.3em;   font-size/* */: 1.9em;   margin: 0 0 2px 5px;    padding: 0; font-weight:bold;}
.titulomenuBold{ font-family:Arial,sans-serif; color:#660303; text-decoration:none;  font-size: 1.3em;   font-size/* */: 1.9em;   margin: 0 0 2px 25px;    padding: 0 0 0 10px; font-weight:bold;}
.titulomenuPublic{ font-family:Arial,sans-serif; color:#660303; text-decoration:none;  font-size: 1.4em;   font-weight: bold;   margin: 0 0 2px 0px;    padding: 0 0 0 2px;}
.fecha{ font-size:.9em; color:#585854; }

.cos{line-height: 1.5em; margin: 0 0 0 0; width: 100%;}
/*#contingut>.cos{float:left; margin: 0 0 25px 0;}*/
#ul_home { margin: 0; list-style-type:none; padding:0 }
.cos p, #ul_home li { margin: 1em 0 0 0; }
.cos .text_amb_destacat{width: 70%;}
.cos .columna_destacat{ float:right; width: 176px; margin-left: 20px; margin-right: 0px; padding-bottom:1px;}
.cos .columna_destacat_nofloat{ width: 176px; margin-left: auto; margin-right: 0px;}
.cos .columna_destacat> a img{ margin-bottom:1.7em;}

.titol_seccio{ font-family:verdana; font-weight:bold; color:#581F01; text-decoration:none; font-size: 1.15em; }
a.titol_seccio{color:#AC2115;}

.blau_nobullet{ color: #0D506C !important;}
.vermell_nobullet, .vermell_nobullet_2, .vermell_avis, #ul_home li a { color: #AC2115 !important; /* #B31717 */}
.strong , #ul_home li a {font-weight:bold}
.vermell_nobullet_2, #ul_home li a {font-size:1.15em;}
#ul_home li#veure a{font-size:1em;}
.vermell_avis{background: url("../img2/pic_admir_petit.gif") top left no-repeat; padding-left:20px;}

.fons_blanc{background-color: #fff !important; width:100%; }
.text_centrat{text-align:center;}



/* ------------------------ FORMULARIS ----------------------- */
#cercador>form{ margin-top: -1px;}
form{margin: 2px; padding:0; line-height: 1.5em; }
form input{	vertical-align: middle;}
form input.imatge{margin-top:-5px; margin-left:2px;}
form>input.imatge{margin-top:-2px;}

form select{ width:80% !important; border:1px solid #000 !important; }

/* ----------------------TAULES --------------------------*/
.taula_base{border-collapse:collapse;border:2px solid #e7e6e4;}
.centrat, .taula_base.centrat th{text-align:center!important;}
.taula_base td, .taula_base th{border-left:2px solid #e7e6e4;border-top:2px solid #e7e6e4;padding:.3em;}
.taula_base caption{background:#e7e6e4;font-weight:bold;color:#660303;text-align:left;padding:.3em;}
.taula_base th{background:#f3f3f3;text-align:left;}
.w5{width:5%;}.w10{width:10%;}.w15{width:15%;}.w20{width:20%;}.w25{width:25%;}
.w30{width:30%;}.w35{width:35%;}.w40{width:40%;}.w45{width:45%;}.w50{width:50%;}
.w55{width:55%;}.w60{width:60%;}.w65{width:65%;}.w70{width:70%;}.w75{width:75%;}
.w80{width:80%;}.w85{width:85%;}.w90{width:90%;}.w95{width:95%;}

/* tabuladors.css */

@media screen,projection {

/* TABULADORS HOME*/
div.contingut_tab{ 
	clear:both;
	width:99%;
	margin: 0;
	padding: 0 0 0 0;
	background-color: #fff;
}


/* tab normal sense aplicar javascript */
ul.dummy_tab{ 
	float:left;
	width: 99%;
	margin: 0 0 0 0;
	padding: 5px 0;
	border-right: 1px solid #C8C7C6;
}

ul.dummy_tab li{
	margin: 0 0 0 17px;
}
ul.dummy_tab li{margin-top:2px; font-weight:bold;}
ul.dummy_tab li ul{margin:0; padding:0;}
ul.dummy_tab li ul li{font-weight:normal;}
/* fi tab normal sense aplicar javascript */


#bloc_esquerra ul.tab{ 
	float:left;
	width: 99%;
	margin: 0;
	padding: 5px 0 0 0;
	background-color: #C8C7C6;
	border-right: 1px solid #C8C7C6;
}

#bloc_esquerra ul.tab li{
	padding: .2em 0 .2em 0;
	display: inline;
	margin-right: 2px;
}

#bloc_esquerra ul.tab li#tab1, #bloc_esquerra ul.tab li#tab2, #bloc_esquerra ul.tab li#tab3{padding: .2em .3em .2em .35em;}
#bloc_esquerra ul.tab>li#tab1, #bloc_esquerra ul.tab>li#tab2, #bloc_esquerra ul.tab>li#tab3{padding: .2em .3em .2em .3em;}



#bloc_esquerra ul.tab li ul.visible,#bloc_esquerra ul.tab li div, #bloc_esquerra ul.tab li span{
	
	position:relative;
	width: 100.3%;

	padding: 0 0 0 0;
margin-top: 6;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;        /* copied from opposite side (right) */
	
	background-image: url("../../images/bg_caja.gif");
	background-color: #fff;
}
	
#bloc_esquerra ul.tab li div ul.ocult{

	
	position: absolute; top:-550px;left:-550px;height:0em; width:0em; overflow: hidden;
}
	

#bloc_esquerra ul.tab li ul li{
	display: list-item;
	margin-left: 5px;

	line-height: .9em;
	
}

#bloc_esquerra ul.tab li.tabsel{
   background: url("../images/bg_tabsel.gif") right top no-repeat;
   font-weight:normal;
   color:#3C3C44;
   height:16px;
}

#bloc_esquerra .tabunsel{
   background: url("../images/bg_tabunsel.gif") right top no-repeat;
   font-weight:normal;
   color:#3C3C44;
   height:16px;
}

#bloc_esquerra .tabover{
   background: url("../images/bg_tab_over.gif") right top no-repeat;
   font-weight:normal;
   color:#fff;
   height:16px;
}


/* Fitxa SAC */

#fitxa_sac .tabover, #fitxa_sac .tabsel, #fitxa_sac .tabunsel{
   float:left;
   position:absolute;
   width: 19.9%;
   top: 0;
   border-left: 1px solid #C8C7C6;
   border-bottom: 1px solid #C8C7C6;
   height: 2.6em;
   line-height: 1em;
   padding: .4em .5em 0em .5em;
   padding: .4em 0 0 0;
   font-size: 1em;
   font-weight: bold;
   color: #B31717;
}

#fitxa_sac a.afegit{text-decoration:none!important;}
#fitxa_sac .tabsel a.afegit{color: #2A5676}
#fitxa_sac .tabunsel a.afegit{color: #B31717}

#fitxa_sac .tabsel{border-bottom: none; color: #2A5676; background: url("../images/bg_tabsel_sac.gif") right top no-repeat;}
#fitxa_sac .tabunsel{background: url("../images/bg_tabunsel_sac.gif") right top no-repeat;}
#fitxa_sac .tabover{background: url("../images/bg_tabover_sac.gif") right top no-repeat; color: #fff;}
#fitxa_sac .tabover a.afegit{color: #fff;}
#fitxa_sac #tab5.tabsel{ background: url("../images/bg_tabsel_sac_ultim.gif") right top no-repeat !important;}
#fitxa_sac #tab5.tabunsel{background: url("../images/bg_tabunsel_sac_ultim.gif") right top no-repeat !important;}

#fitxa_sac div.visible2, #fitxa_sac div.ocult2{
	position:relative;
	top: 3.05em;
	left: auto;
	background-color: #fff;
    border-left: 1px solid #C8C7C6;
    border-right: 1px solid #C8C7C6;
	border-bottom: 1px solid #C8C7C6;
}
div>div.visible2{	top: 3.05em !important; }


/* SERVEIS I TRAMITS */
#serveis_tramits #bloc_pastilles_tipus{position:relative;width:99.9%;}
#serveis_tramits .tabsel, #serveis_tramits .tabunsel, #serveis_tramits .tabover{
	width:30%; 
	float:left; 
	position:absolute; 
	top: 0; 
	font-size: 1.1em; 
	font-weight:bold; 
	line-height: 2.05em; 
	border-left: 1px solid #C8C7C6; 
	text-align: center;
}

#serveis_tramits #tab4.no_javascript, #serveis_tramits #tab5.no_javascript, #serveis_tramits #tab6.no_javascript{font-size: 1.5em !important; color: #B31717 !important;}

#serveis_tramits #tab4{left:0%; z-index:1;}
#serveis_tramits #tab5{left:30%; z-index:2;}
#serveis_tramits #tab6{left:60%; z-index:3;}


#serveis_tramits a.afegit{text-decoration:none!important;}
#serveis_tramits #bloc_pastilles_tipus .tabsel a.afegit{color: #9A454D;}
#serveis_tramits #bloc_pastilles_tipus .tabover a.afegit{color: #000;}

#serveis_tramits #bloc_pastilles_tipus .tabsel{border-bottom: none; color: #9A454D; background: url("../images/bg_tabsel_sac_ultim.gif") right top no-repeat;}
#serveis_tramits #bloc_pastilles_tipus .tabunsel{background: url("..//images/pastilla_serveis_unsel_ulti.gif") right top no-repeat;}
#serveis_tramits #bloc_pastilles_tipus .tabover{background: url("../images/pastilla_tabover_sac.gif") right top no-repeat; color: #000;}

#serveis_tramits #bloc_pastilles_tipus div.visible{
	position:relative;
	top: 2.2em;
	left: auto;
	background-color: #fff;
	border: 1px solid #C8C7C6;
	margin:0;
	padding: 1em 0 1em 0;
}

#serveis_tramits #bloc_pastilles_tipus>div.visible{	top: 2.25em !important;	}

}

/* button.css */

/* 
	estils pee els botons generals de tota l'aplicacio 
*/


input.boton {
	background-color: #F5F5F5;
	border: 1px solid;
	border-color: #989898;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
input.boton_hover {
	background-color: #F5F5F5;
	border: 1px solid;
	border-color: #989898;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
input.boton_disabled {
	background-color: #F5F5F5;
	border: 1px solid;
	border-color: #989898;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
/*
input.boton_hover {
	background-color: #D4E2ED;
	border: 1px solid;
	border-color: #989898;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

input.boton_disabled {
	background-color: #FCFCFC;
	border: 1px solid;
	border-color: #DDDDDD;
	text-align: center;
	vertical-align: middle;
}
*/

/* message.css */
.divBloqueo {
	position: absolute;
	z-index: 50;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .2;
	filter: alpha(opacity = 20);
	/* En IE funciona mejor con el color que con el png */
	background-color: transparent !important;
	background-color: #333333;
	font-family:Verdana,Sans-Serif;
	font-size:11px;
	/* El comentario es para compatibilidad con Opera; quitarlo si no nos importa */
	background-image/**/: url("../../images/window/lockBG.png") !important;
	background-image: none;
	background-repeat: repeat;
}
.divBloqueoIframe {
	position: absolute;
	z-index: 125;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .2;
	filter: alpha(opacity = 20);
	/* En IE funciona mejor con el color que con el png */
	background-color: transparent !important;
	background-color: #333333;

	/* El comentario es para compatibilidad con Opera; quitarlo si no nos importa */
	background-image/**/: url("../../images/window/lockBG.png") !important;
	background-image: none;
	background-repeat: repeat;
}

.divMensaje {
	position: absolute;
	padding: 0px;
	margin : 0px;
	background-color: white;
	z-index: 100;
	display: none;
	border: 3px solid #bf2f14;
	border-bottom-color: #c40000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #c40000;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #c40000;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #c40000;
	border-top-style: solid;
	border-top-width: 1px;
	
	font-family:Verdana,Sans-Serif;
	font-size:11px;
}

.divMensajeAlerta {
	position: absolute;
	top: 125px;
	left: 350px;
	padding: 0px;
	background-color: ButtonFace;
	color: #ffffff;
	z-index: 100;
	width: 35%;
	height: 30%;
	display: none;
	
}

.divMensajeError {
	position: absolute;
	top: 125px;
	left: 350px;
	padding: 0px;
	background-color: grey;
	color: #ffffff;
	z-index: 100;
	width: 35%;
	height: 30%;
	display: none;
}

.divMensajeConfirmacion {
	position: absolute;
	top: 125px;
	left: 350px;
	padding: 0px;
	background-color: grey;
	color: #ffffff;
	z-index: 100;
	width: 35%;
	height: 30%;
	display: none;
}

.text100{
	margin-left:2px;
	border-color:#000000;
	border-width:1px;
	font-family:Verdana,Sans-Serif;
	font-size:10px;
	color:#000000;
	line-height: 14px;
	
}

.boto100{
	font-family:Verdana,Sans-Serif;
	font-size:10px;
	color:#000000;
	background-color: #F5F5F5;
	border: 1px solid;
	border-color: #989898;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

.tablaTitulo {
	width: 100%;
	height: 100%;
	border: 0;
}

.filaTitulo {
	width: 10%;
	height: 15px;
	/* background-color: ButtonFace; */	
	font-family:Verdana,Sans-Serif;
	font-size:11px;
}
#lineaInfGris{	
	border-bottom: 1px solid #CCCCCC;
}
#taulaSubvencio{
	font-family:Verdana,Sans-Serif;
	font-size:10px;
	
	}
#taulaSubvencio thead{
	
	background-color: #efefef;
	}
#taulaSubvencio thead th{
	border-right: 1px solid #dfdfdf;
	border-top: 1px solid #fefefe;
	border-bottom: 1px solid #dfdfdf;
	background-color: #efefef;
	
	}

#taulaSubvencio tbody tr td{
	padding:2px;
	border-bottom: 1px solid #dfdfdf ;
	}

#taulaSubvencio tfoot tr td{
	
	padding:10px;
	}

#taulaBeca{
	font-family:Verdana,Sans-Serif;
	font-size:10px;
	
	}
#taulaBeca thead{
	
	background-color: #efefef;
	}
#taulaBeca thead th{
	border-right: 1px solid #dfdfdf;
	border-top: 1px solid #fefefe;
	border-bottom: 1px solid #dfdfdf;
	background-color: #efefef;
	
	}

#taulaBeca tfoot tr td{
	
	padding:10px;
	}
#taulaBeca tbody tr td{
	
	padding:5px;
	}	
	

#taulaOrigenFons{
	font-family:Verdana,Sans-Serif;
	font-size:10px;
	
	}
#taulaOrigenFons thead{
	
	background-color: #efefef;
	}
#taulaOrigenFons thead th{
	border-right: 1px solid #dfdfdf;
	border-top: 1px solid #fefefe;
	border-bottom: 1px solid #dfdfdf;
	background-color: #efefef;
	
	}

#taulaOrigenFons tbody tr td{
	padding:5px;
	border-bottom: 1px solid #dfdfdf ;

	}
#taulaOrigenFons tfoot tr td{
	
	padding:10px;
	}

.bordeBottom td{

	border-bottom: 1px solid #dfdfdf;
	}

.columnaTituloPrimera {
	width: 100%;
	background-color: blue;
	height:6px;
	padding: 0px;
	border: 0;
	color: #FFFFFF;
}

.columnaTituloSegunda {
	background-image: url(../../images/window/close.gif);
	width: 5%;
	background-color: blue;
	padding: 0px;
	border: 0;
}

.tablaContenido {
	width: 100%;
	background-color: ButtonFace;
	height: 70%;
}

.tablaContenidoPrimera {
	background-color: ButtonFace;
	border: 0;
}

.tablaContenidoSegunda {
	background-color: ButtonFace;
	border: 0;
}

.tablaBoton {
	background-color: ButtonFace;
	width: 100%;
	text-align: center;
	height: 30%;
}

.botonera {
	width: 50%;
	height: 75%;
	background-color: ButtonFace;
}

.validationErrorRow {
	border-top: 1px solid #BBBBBB;
	padding: 4px 0px 4px 4px;
	vertical-align: top;
	cursor: default;
}

#content ul li{
	font-family:Verdana,Sans-Serif;
	font-size:11px;
}

/* CSS del POP-UP a mensaje.js */

.taulaPopUp{
	/*border: 3px solid #ac2115;*/
	font-family:Verdana,Sans-Serif;
	font-size:11px;
	
}
.taulaPopUptdCap{
	height:20px !important;
	background-color:#bf2f14!important;	
	color:white;
	
}

a .taulaPopUplinkTancar{
	
	font-weight: bold;
	color: white;
}
.campTXT100Combo{
	width: 80%;
	border: 1px #7f9db9 solid !important;
	margin-right: 0px !important;
	padding: 0px !important;
	}
.text {	
	font-family:Verdana,Sans-Serif;
	font-size:11px;
	height: 15px;
}
.titulPSW {	
	border-bottom: #eeeeee 1px solid;
	font-family:Verdana,Sans-Serif;
	font-size:11px;
	color: #686868;
	height: 15px;
	margin-bottom: 10px;
}

/* grid.css */

/*Color Oscuro*/
#content .color01 {
	background-color: #4D4D4D;
	
}

/*Color Medio*/
#content .color02 {
	background-color: #FFF;
	
}

/*Color Claro*/
#content .color03 {
	background-color: #E7E6E4;
	
}


/*Color de contraste Oscuro*/
#content .contrast01{
	background-color: #AC2115;
	color: #FFFFFF !important;
}
#content .contrast01 a{
	background-color: #AC2115;
	color: #FFFFFF !important;
}

/*Color de contraste Claro*/
#content .contrast02{
	background-color: #F5F5F5;
}

#content .alineacion {
	text-align : center;
	
}


/*Caja con los bordes de arriba y abajo de color01*/
#content .caixa01 {
	
	border-top: 1px solid #E7E6E4;
	border-bottom: 1px solid #E7E6E4; 
	
	padding-left: 5px;
}
#content{
	
	font-family: Verdana,Sans-Serif;
	border: 1px solid #E7E6E4; 
	background-color: #FCFCFC;


}
#contentPublic{
	font-family: Verdana,Sans-Serif;

}

/* menu.css */

#contentMenuOCIT a {
	color: #C40000;
	font-weight: bold;
	
	display: block;
	line-height: 20px;
	text-decoration: none;
	
}

#contentMenuOCIT img {
	border: 0px;
	margin-right: 5px;
	vertical-align: middle;
}

.headerMenuOCIT {
	cursor: pointer;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
	overflow: hidden;
	width: 100%;
}

.contentMenuOCIT {
	cursor: default;
	background-color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	margin-top: 1px;
	width: 100%;
	
	
}

.headerSubMenuOCIT {
	
	cursor: pointer;
	font-weight: bold;
	text-align: left;
	margin-top: 1px;
	/* float: right; */
	overflow: hidden;
	width: 100%;
	
}

.contentSubMenuOCIT {
	cursor: default;
	background-color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	margin-top: 1px;
	float: right;
	overflow: hidden;
	width: 95%;
}

.separatorMenuOCIT {
	height: 2px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #818181;
	float: right;
	width: 100%;
	margin-top: 1px;
	
}

.separatorSubMenuOCIT {
	height: 2px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #818181;
	float: right;
	width: 95%;
	margin-top: 1px;
}

.dummyMenuOCIT {
	visibility: hidden;
	display: none;
}


table.rowContainer {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}

span.textContainer {
	vertical-align: middle;
	overflow: hidden;
}

/* FOLDERS */
.contentFolderHeader {
	text-align: left;
	color: white;
	padding: 0 0 0 5px;
	height: 18px;
	vertical-align: middle;
	background-color: #929292;
}


.contentSubFolderHeader {
	text-align: left;
	color: #C40000;
	padding: 0 0 0 5px;
	height: 18px;
	vertical-align: middle;
	background-color: #EFEFEF;
	border-bottom: 1px solid #DFDFDF;
	border-top: 2px solid #DFDFDF;
	 
}

/* ACTIONS */
.contentActionHeader {
	text-align: left;
	color: white;
	padding: 0 0 0 5px;
	height: 18px;
	vertical-align: middle;
	background-color: white;
}

.contentSubActionHeader {
	text-align: left;
	color: black;
	padding: 0 0 0 5px;
	height: 18px;
	vertical-align: middle;
	background-color: white;
	
}

/* generals.css */

#taulaErrors{
	display: none;
	}
#dataDia {
	font-family: Verdana,Sans-Serif;
	
	margin-right: 30px;
	text-align: right;
}
#menu{
	
	height: 300px;

}

input{
	margin-left:2px;
	
	font-family:Verdana,Sans-Serif;
	font-size:.9em;
	color:#000000 !important;
	font-weight: normal !important;
}
textarea{
	margin-left:2px;
	
	font-family:Verdana,Sans-Serif;
	font-size:.9em;
	color:#000000 !important;
	font-weight: normal !important;
}
select{
	margin-left:2px;
	
	font-family:Verdana,Sans-Serif;
	font-size:.9em;
	color:#000000 !important;
	font-weight: normal !important;
}
.campTXTpx50Input{
	 width:50px !important; 
	 border:1px #7f9db9 solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	}
.campTXTpx75Input{
	 width:75px !important; 
	 border:1px #7f9db9 solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	}
.campTXTpx30Input{
	 width:30px !important; 
	 border:1px #7f9db9 solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	}
.campTXTpx50Input{
	 width:50px !important; 
	 border:1px #7f9db9 solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	}
.campTXTpx90Input{
	 width:90px !important; 
	 border:1px #7f9db9 solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	}
.campTXTpx120Input{
	 width:120px !important; 
	 border:1px #7f9db9 solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	}
.campTXT25Input{
	 width:25% !important; 
	 border:1px #7f9db9 solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	}
.campTXT40pcInput{
	 width:40% !important; 
	 border:1px #7f9db9 solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	}	
.campTXT80Input{
	 width:80% !important; 
	 border:1px #7f9db9 solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	}
.campTXTpx100Input{
	 width:100px !important; 
	 border:1px #7f9db9 solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	}
.campTXT150pxInput{
	 width:100px !important; 
	 border:1px #7f9db9 solid !important;

	 margin-right: 0px !important;
	 padding: 0px !important;
	}
.campTXT200pxInput{
	 width:200px !important; 
	 border:1px #7f9db9 solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	}
.campTXT250pxInput{
	 width:250px !important; 
	 border:1px #7f9db9 solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	}	
.campTXTpx300Input{
	 width:300px !important; 
	 border:1px #7f9db9 solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	}
.campTXTpx350Input{
	 width:350px !important; 
	 border:1px #7f9db9 solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	}
.campTXTpx400Input{
	 width:400px !important; 
	 border:1px #7f9db9 solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	}
.campTXTpx500Input{
	 width:500px !important; 
	 border:1px #7f9db9 solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	}
.campTXTpx600Input{
	 width:565px !important; 
	 border:1px #7f9db9 solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	}
.campTXT100Input{
	 width:95% !important; 
	 border:1px #7f9db9 solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	}
.campTXT100InputDisabled{
	 width:80% !important; 
	 border:1px #d8d2bd solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	 /* background-color: #F0F0F0 !important; */
	 cursor:inherit;
	}
.campTXT100InputAbs{	 
	 position: absolute;
	 background-color: #FFFEE6;
	 width:300px;
	 height:20px;
	 border:1px #5f9db9 solid;
	 margin: auto;
	}
.campTXTpx90Combo{
	width: 90px !important;
	border: 1px #7f9db9 solid !important;
	margin-right: 0px !important;
	padding: 0px !important;
	}
.campTXTpx120Combo{
	width: 120px !important;
	border: 1px #7f9db9 solid !important;
	margin-right: 0px !important;
	padding: 0px !important;
	}
.campTXTpx180Combo{
	width: 180px !important;
	border: 1px #7f9db9 solid !important;
	margin-right: 0px !important;
	padding: 0px !important;
	}
.campTXT80Combo{
	width: 80% !important;
	border: 1px #7f9db9 solid !important;
	margin-right: 0px !important;
	padding: 0px !important;
	}
.campTXT60Combo{
	width: 60% !important;
	border: 1px #7f9db9 solid !important;
	margin-right: 0px !important;
	padding: 0px !important;
	}
.campTXT100Combo{
	width: 95% !important;
	border: 1px #7f9db9 solid !important;
	margin-right: 0px !important;
	padding: 0px !important;
	}


comboGrid{
	width:100% !important;
	height:40px !important;
	
	margin:	0px !important;
	padding: 0px !important;
}


.comboMenu{
	
	margin-left:2px;
	border:#CCCCCC solid 1px;
	font-family:Verdana,Sans-Serif;
	font-size:.9em;
	color:#000000;
	
	}
	
.tabOn{
	float: left;
	background-image: url("../../images/tab/pestanya_blava_on.png");
	background-position: bottom left;
	background-repeat: no-repeat;
	
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-decoration: none;	
	cursor: default;
	width:150px;
	height: 15px;
}

.tabOff{
	float: left;
	background-image: url("../../images/tab/pestanya_blava_out.png");
	background-position: bottom left;
	background-repeat: no-repeat;	
	color: #56616C;
	font-size: 10px;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-decoration: none;
	
	cursor: pointer;
	width:150px;
	height: 15px;
	
}
.borderTabs{
	border-bottom: 1px #56616C solid;
	
	}
.infoUSR {

	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.ocult {

	display: none;

}
.toolType{
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	
	padding: 5px;
	background-color: #FFFFF0;
	border: 1px #FF9933 solid;
}
.txtNegretaOPC{
	font-weight: bold !important;
}
.txtNormalOPC{
	font-weight: normal !important;
	text-indent: 5px !important;
}

.titulo02{
	font-weight: bold;
	font-size: 12px;
	color:#C40000;
	text-align: center;
}

#content .tdTaula {
	border-top: 1px solid #dfdfdf;
	padding-left: 5px;
	padding-right: 5px;
}

.listTitol {
	background-color: white;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.listGrupBold {
	background-color: white;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.listGrupBoldRed {
	background-color: white;
	color: red;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.listGrupGran {
	background-color: white;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.listGrupMig {
	background-color: transparent;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.listGrupMigVies {
	background-color: white;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.listGrupMigAlt {
	background-color: white;
	font-weight: normal;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.listGrupMigBold {
	background-color: white;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.listGrupMigBoldAlt {
	background-color: white;
	font-weight: bold;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.listGrupUnderLine {
	background-color: white;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom: 1px #dfdfdf solid !important;
}

.listGrupPetit {
	font-weight: normal;
	font-style: normal;
	font-family: Arial;
	font-size: 9px;
}

.listGrupColorGran {
	color: #cf0000;
	background-color: white;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.listGrup {
	color: #cf0000;
	background-color: white;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.listGrupNobold {
	color: #cf0000;
	background-color: white;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.listGrupNoboldAlt {
	color: #cf0000;
	background-color: white;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.listGrupAlt {
	background-color: white;
	font-style: italic;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.listGrupNormal {
	background-color: white;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.oddRow {
		color: black;
		background-color :  white;
		font-style: normal;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
}
.evenRow {
		color: black;
		background-color : #dfdfef;
		font-style: normal;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
}
.oddRowAlt {
		color: black;
		background-color :  white;
		font-style: italic;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
}
.evenRowAlt {
		color: black;
		background-color : #dfdfef;
		font-style: italic;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
}

.oddRowRed {
		color: red;
		background-color :  white;
		font-style: normal;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
}
.evenRowRed {
		color: red;
		background-color : #dfdfef;
		font-style: normal;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
}
.oddRowAltRed {
		color: red;
		background-color :  white;
		font-style: italic;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
}
.evenRowAltRed {
		color: red;
		background-color : #dfdfef;
		font-style: italic;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
}

.listGrupLineBottom {
	color: #cf0000;
	background-color: white;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	BORDER-BOTTOM: #bf2f14 1px solid; 
}

.menu_presentacioTitol{ 
	float:left; 
	clear:both; 
	width:100%; 
	margin: 0px 0 0 0;
	padding: 1px; 
	background-color:#bf2f14; 
	color: white;
}	

.listGrupLink {
	color: #0761B6;
	background-color: white;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.listGrupLinkAlt {
	color: #0761B6;
	background-color: white;
	font-weight: bold;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.oddRowLink {
		color: #0761B6;
		background-color :  white;
		font-style: normal;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
}
.evenRowLink {
		color: #0761B6;
		background-color : #dfdfef;
		font-style: normal;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
}
.oddRowAltLink {
		color: #0761B6;
		background-color :  white;
		font-style: italic;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
}
.evenRowAltLink {
		color: #0761B6;
		background-color : #dfdfef;
		font-style: italic;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
}
.cursAcademic{
	background: url("../../images/enllacos_gencat/caixetaany.gif") no-repeat left top;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana;
	font-size: 11px;
}

.cursAcademicBanner{ 
	float:right; 
	clear:both; 
	width:70%;
	text-align: center;
	margin: 0px 0 0 0;
	padding: 1px; 
	background-color:transparent; 
	color: #4D4D4D;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana;
	font-size: 11px;
}	

.cercaAvancada {
  font-color: #4D4D4D; 
  font-size:11px;  
  font-weight:bold;
  padding: 5px;
}

.warning {
  font-color: #4D4D4D; 
  font-size:12px;  
  font-weight:bold;
  font-family: Verdana;
  padding: 5px;
}

/* calendar-vermell.css */

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border-width: 1px;
  border-style: outset;
  font-size: 11px;
  color: #56616C;
  cursor: pointer;
  background-color: #FFFFFF;
  font-family: tahoma,verdana,sans-serif;
  z-index: 200;
}

/* Header part -- contains navigation buttons and day names. */

.calendar{ 
  background-color: #FCFCFC;
  padding: 0px;  
}

.button { /* "<<", "<", ">", ">>" buttons have this class */
  background-color: #E6E2E1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #9EC1E1;
  text-align: center;			  /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #E6E2E1 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background-color: #E6E2E1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #9EC1E1;
  color: #56616C;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background-color: #FFFFFF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #9EC1E1;
  color: #000000;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background-color: #FFFFFF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #9EC1E1;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  background-color: #C40000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #9EC1E1;
  padding: 2px;
  
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  background-color: #C40000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #9EC1E1;
  padding: 2px;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #9EC1E1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #9EC1E1;
  color: #000000;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #9EC1E1;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #56616C;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #b0b0b0;
}
.calendar tbody .day.othermonth.oweekend {
  color: #f0b0b0;
}

.calendar table .wn { /*Fila de las semanas*/
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #9EC1E1;
  background-color: #C40000;
}

.calendar tbody .rowhilite td {
  background: #F5F5F5;
}

.calendar tbody .rowhilite td.wn {
  background: #FFFFFF;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #FFFFFF;
  padding: 1px 3px 1px 1px;
  border: 1px solid #9EC1E1;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #9EC1E1;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #9EC1E1;
  padding: 1px 3px 1px 1px;
  background: #ffffff;
  color: #000000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a06060;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #9EC1E1;
}

.calendar tbody .disabled { color: #999999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #9EC1E1;
  color: #ffffff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #ffffff;
  color: #444454;
  border-top: 1px solid #555565;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaaaff;
  border: 1px solid #9EC1E1;
  color: #000000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #7777cc;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #9EC1E1;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background-color: #9EC1E1;
}

.calendar .combo .active {
  border-top: 1px solid #9EC1E1;
  border-bottom: 1px solid #9EC1E1;
  background: #EAF1F7;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #9EC1E1;
  font-weight: bold;
  background-color: #ffffff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000000;
  background-color: #666667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/* menuExpandable.css */
.menuDiv {
	margin: 0px;
	color: #000;
	width: 180px;
}

.menuList {
  margin: 0px;
  padding: 0px 0px 10px 5px;
}

li.menubar {
  background: url("../../images/menu/plus.gif") no-repeat 0em 0.3em;
  font-size: 12px;
  line-height: 1.6em;
  list-style: none outside;
  text-align: left;
}

.menu, .submenu {
  display: none;
  margin-left: 15px;
  padding: 0px;
}

.menu li, .submenu li  {
  list-style: none outside;
}

li.menubar a.standalone {
  background: url("../../images/menu/square.gif") no-repeat 0em 0.2em !important;
}

a.actuator, a.standalone {
  background-color: transparent;
  color: #4D4D4D; 
  font-size:11px;  
  font-weight:bold;
  padding-left: 10px;
  text-decoration: none;
}
a.actuatorItalic, a.standalone {
  background-color: transparent;
  color: #4D4D4D; 
  font-size:11px;  
  font-weight:bold;
  font-style: italic;
  padding-left: 10px;
  text-decoration: none;
}
font-style: italic;

.menu li a, .submenu li a {
  background-color: transparent;
  color: #AC2115; 
  font-size:11.2667px;  
  padding-left: 15px;
  text-decoration: none;
}

a.actuator:hover, .menu li a:hover, submenu li a:hover, li a.standalone:hover {
  text-decoration: underline;
}

/* styles to allow for base links */
li a.base, li a.base:visited {
  background-color: transparent;
  color: #000;
  font-size: 12px;
  padding-left: 0px;
  text-decoration: none;
}

li a.base:hover {
  color: #CC0000;
  text-decoration: none;
}

span.key {
  text-decoration: underline;
}

a.highlight {
    font-weight: bold;
}

.menu_contingut_pastilla_bg {
	float:left; width: 99%; background-image: url("../../images/bg_caja.gif");	margin-top: -1px; margin-bottom: 0px;  padding: 5px 0 5px 1px;
}

div.actuator, div.standalone {
  background-color: transparent;
  color: #4D4D4D; 
  font-size:11px;  
  font-weight:bold;
  padding-left: 10px;
  text-decoration: none;
}
/* FI menuExpandable.css */

/* Estava als layouts */
div#header {
	width: 99%;
}

/* Estava als menus */
li.menubar a.standalone { 
	background: url("<%=request.getContextPath()%>/images/menu/square.gif") no-repeat 0em 0.2em !important;
}

/* Estava a estudisPerComarca.jsp */
#Layer2 {
	position:absolute;
	left:600px;
	top:220px;
	width:280px;
	height:167px;
	z-index:102;
}



/* tabwebfxFitxa.css */
.fitxa.tab-pane {
	position:	relative;
	width:		100%;
}

.fitxa  .tab {
	z-index:		1;
	position:		relative;
	top:			0;
        float:left;
        margin:0;
        width:107px;
}

.fitxa .tab-row .tab.selected 
{
	z-index:		3;
	        	
}

.fitxa .tab a {
	font-family:		Verdana, Helvetica, Arial;
	font-size:		9px;
	cursor:			hand;
	cursor:			pointer;		
        float:left;
        display:block;
        background:url("../../images/tab/pestanya_nosel.gif") no-repeat right top;
        text-decoration:none;
        color:black;
        width:100px;
        height: 30px;
        padding-top: 5px;
        padding-left: 5px;
        padding-bottom:5px;
        text-align: center;
        vertical-align: middle;
}

.fitxa .hover a 
{
  Background:url("../../images/tab/pestanya_hoover.gif") no-repeat right top;
}

.fitxa .tab.selected a {
  background-image:url("../../images/tab/pestanya_sel.gif");
  color:white;
 
}

.fitxa .tab-page {
	clear:			both;
	float:left;
	z-index:		2;
	position:		relative;
	top: -2;
	padding-top:		10px;
	BORDER-TOP: #bf2f14 5px solid; 

}

/* tabwebfx.css */
.tabwebfx .tab-pane {
	WIDTH: 100%; 
	POSITION: relative; 
	HEIGHT: 100%;
}
.tabwebfx .tab-row .tab {
	BORDER-RIGHT: #707072 1px solid;
	BORDER-TOP: #707072 1px solid; 
	BORDER-LEFT: #707072 1px solid;
	BORDER-BOTTOM: rgb(120,172,255) 0px solid;   
	PADDING-RIGHT: 16px !important;
	PADDING-LEFT: 16px !important;
	PADDING-BOTTOM: 3px !important;   
	PADDING-TOP: 3px !important; 
	DISPLAY: inline;
	/*MARGIN: 1px -5px 1px 5px !important;*/
	FLOAT: left !important; 
	Z-INDEX: 1 !important;
	POSITION: relative; 
	TOP: 0px;
	BACKGROUND: #EDEDED;
	/*CURSOR: pointer; */
	FONT-FAMILY: Verdana, Helvetica, Arial; 
	FONT-SIZE: 11px; 
}

.tabwebfx .tab-row .selected {
	BORDER-RIGHT: #707072 2px solid; 
	BORDER-TOP: #707072 2px solid; 
	/*BORDER-LEFT: #707072 2px solid; */
	BACKGROUND: #ece9d8;
	PADDING-RIGHT: 6px;
	PADDING-TOP: 2px; 
	PADDING-LEFT: 6px; 
	Z-INDEX: 3;
	TEXT-DECORATION: none: 
	/*TOP: -2px*/
}
.tabwebfx .tab-row .tab A {
	FONT-SIZE: 12px; 
	CURSOR: pointer; 
	COLOR: #707072; 
	FONT-FAMILY: Verdana, Helvetica, Arial; 
	TEXT-DECORATION: none:
	
}
.tabwebfx .tab-row .hover A {
	COLOR: black;
}
.tabwebfx .tab-row .selected A {
	FONT-WEIGHT: bold; 
	COLOR: black;
}
.tabwebfx .tab-page {
	CLEAR: both; 
	POSITION: relative !important;
	FLOAT: left !important; 
	BORDER-RIGHT: #EDEDED 1px solid; 
	BORDER-TOP: #909090 1px solid; 
	BORDER-LEFT:#EDEDED 1px solid; 
	BORDER-BOTTOM: #EDEDED 1px solid;
	PADDING-RIGHT: 20px !important; 
	PADDING-LEFT: 20px !important;
	PADDING-BOTTOM: 10px !important; 
	PADDING-TOP: 10px !important; 
	FONT-SIZE: 11px; 
	Z-INDEX: 2; 
	BACKGROUND: #fcfcfc; 
	COLOR: black; 
	FONT-FAMILY: Verdana, Helvetica, Arial;  
	TOP: 0px;
}
.tabwebfx .tab-row {
	Z-INDEX: 1; 
	BACKGROUND: #fcfcfc; 
	WIDTH: 100%; 
	WHITE-SPACE: nowrap; 
	HEIGHT: 1.85em
}


/* Estava a cercaEstudis.jsp i a cercaInstitucions.jsp */
.body {	
	font-family:Verdana,Sans-Serif;
	font-size:10px;	
	}
.text {	
	font-family:Verdana,Sans-Serif;
	font-size:10px;	
	}	
input{
	margin-left:2px;
	
	font-family:Verdana,Sans-Serif;
	font-size:.9em;
	color:#000000 !important;
	font-weight: normal !important;
}
select{
	margin-left:2px;
	
	font-family:Verdana,Sans-Serif;
	font-size:.9em;
	color:#000000 !important;
	font-weight: normal !important;
}
.campTXT100Input{
	 width:80% !important; 
	 border:1px #7f9db9 solid !important;
	 margin-right: 0px !important;
	 padding: 0px !important;
	}
.campTXT100InputAbs{	 
	 position: absolute;
	 background-color: #FFFEE6;
	 width:300px;
	 height:20px;
	 border:1px #5f9db9 solid;
	 margin: auto;
	}
.campTXT100Combo{
	width: 80%;
	border: 1px #7f9db9 solid !important;
	margin-right: 0px !important;
	padding: 0px !important;
	}
	
.pastilla_eees{
   background: url("../../images/bg_menu_home.gif");
   width:99%;     
	  color:white;   height:1.4em;  
	padding: 0 0 0px 0px;
	border:0 0 0 0;
	margin: 0 0 0 0;
	valign:top;
	
}


ul.tab{

	display: inline!important;
list-style: none!important;
	
}



ul.tab li ul.visible{
	
	position:relative;
	width: 100.0%;

	padding: 0 0 0 0;
margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;        /* copied from opposite side (right) */
	
	background-image: url("../../images/bg_caja.gif");
	background-color: #fff;
}
	
ul.tab li div ul.ocult{

	
	position: absolute; top:-550px;left:-550px;height:0em; width:0em; overflow: hidden;
}

#menu_contingut_pastilla_bg li{
	display: inline;
	border: solid;
	border-width: 1px 1px 0 1px;
	margin: 0 0.5em 0 0;
	
}

#bloc_eees {
	float:left;
	padding:0;
	line-height:1.3em;
	background-image: url("../../images/bg_pastillaeees.gif");
	font-size: 11px;
	background-repeat: no-repeat;
	margin:0;
	margin-bottom:2px;
	background-attachment: scroll;
	background-position: right top;
	width:185px;
	display:block;
	overflow: hidden;
}

#bloc_eees ul li ul {
	background: url("../../images/bg_caja.gif");
	float:left;
	
}
#bloc_eees li#tab1,#bloc_eees li#tab2{
	font-weight: bold;
	color:#4E0C04;
	padding:0;
	margin:0;
	height: 215px;
}

#bloc_eees a.afegit{
	margin: 0px;
	vertical-align:text-top;
	color:#4E0C04;
	font-weight:bold;
    line-height : 3.5em;
	height: 4em;
	text-align: left;
	font-size:10px;
	letter-spacing:-1px;
	word-spacing: -0.4px;
	padding:0em 0px 0em 16px;
	
}

#bloc_eees .menuList,#bloc_eees .visible{
 	background: url("../../images/bg_caja.gif") right top;
	padding-right:0;
	margin:0;
	padding-left:10;
	padding-top:0;
	margin-top: -1px;
	padding-bottom:10px;
	margin-right:-9px;
	margin-left:-3px;
	border-top: 1.5px solid #945448;
	border-right: 2px solid #945448;
	width:179px;
	height: 175px;	
	border-bottom: 2px solid #945448;
	background-color: #fff !important;
}
#bloc_eees .visible{
	position:absolute;
	left:0px;
	top:13.8em;
	width:177px;
	padding-left:0.8em;
	}
#bloc_eees .actuator{
	white-space: nowrap;
}
#bloc_eees ul, #bloc_eees > li{
	display : inline;
	list-style-type : none;
	margin : 0;
	float:left;
}

.menu_contingut_pastilla_bg2 {
	float:left; 
	background-image: url("../../images/bg_pastillaeees.gif");	
	border-bottom: 2px solid #945448;  
	padding: 5px 0 1px 1px;
	padding-right:-2;
	background-repeat: no-repeat;
	width:99.5%;
	padding-top:-2;
	background-attachment: scroll;
	margin-top:1px;
	background-position: right top;
	font-size:8px;
}

#bloc_eees .tabsel{
	float:left;
	background: url("../../images/bg_pastillaareaa.gif") right top;
	background-attachment: scroll;
	overflow: hidden;
}
#bloc_eees #tab1 a.afegit{
	line-height: 1.5em;
	padding:0em 3.5px 0em 3.5px;
	width:85px;
}
#bloc_eees #tab2 a.afegit{
	line-height: 1.5em;
	padding:0em 3.5px 0em 3.5px;
	width:83px;
}
#bloc_eees .tabunsel{
	float:left;
	list-style:none!important;
	overflow: hidden;
}

#bloc_eees .tabover{
	float:left;
	overflow: hidden;	
}
#bloc_eees .tabsel a.afegit{
	color:#fff;
	float:left;	
}
#bloc_eees .tabunsel a.afegit{
	float:left;	
}
#bloc_eees .tabover a.afegit{
	background: url("../../images/bg_tab_over.gif") right top;
	float:left;
	background-attachment: scroll;
}
.imatgePresentacio {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0.5em;
}
