/*
 *
 *Fulla d'estils general d'aoberta.terrassa.cat
 *
 * Index:
 * 
 * #1. Estils HTML
 * #2. Elements estructurals de la pàgina
 * #3. llistes
 * #4. formularis
 * #5. altres capes i objectes
 *
 */

 
/****************************************** 
 * #1. Estils HTML 
 ******************************************/

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */


body {
	background-color :#FFF;
	color: #333333;
	margin:0;
	padding:0;
	font-size:14px;
}

h2 {
	color:#000000;
	font-weight:bold;
	letter-spacing:-1.4px;
	/*margin:15px 0pt 19px;*/
	padding:0pt;
	font-size: 17px;
	
}


h4{
	font-weight: bold;
}

h3 {
	margin-top: 10px;	
	font-weight: normal;
	font-size: 17px;
}

img {
	border:0;
}

/*
a{
	color: #333333;
	text-decoration: none;
	border-bottom: 1px dotted #000000;
}

a:hover{
	border-bottom: 1px solid #000000;
}
*/

.col_menu_dreta a {
  color: #000;
}
.col_menu_dreta a:hover {
  color: #b10000;
}


dt {
	margin-top: 20px;
	margin-bottom: 5px;
	padding-left: 0px; 
}

dt img {
	float: left; 
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}



dd {
	padding: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	display: block;
}

code {
	font-family: Verdana, serif;
}

/* uso Simplified Box model Hack pels problemes del ie5+*/
td {
	
	color: #333333;
} 

pre {
	
}

p.center {
	text-align: center;
	margin: 0px;
}

p.right {
	margin: 0px;
	padding: 0px;
	text-align: right;
}


/****************************************** 
 * #2. Elements estructurals de la pàgina
 *
 * 1 - encapçalament (barra vermella)
 * 2 - menu eines
 * 3- menu usuari validat
 * 4a - pagina distribuidora (page)
 * 4b - pagina final (page_final)
 * 5 - columna principal de contingut 
 * 5a - columna central (page)
 * 5b - columna central (page_final)
 * 5c - columna esquerra (subdivisió central)
 * 5d - columna dreta (subdivisió central)
 * 5e - barra lateral dreta (page)
 * 6- barra lateral esquerra (sidebar)
 * 7-fil d'ariadna
 * 8- peu
 ******************************************/

/**
 * 2.1 Barra superior vermella
 */ 
.barra_vermella{
	background: #E41915 url(img/fons_barra_vermella.gif) top left repeat-y;
	text-align: center;
	color: #FFFFFF;
	width: 100%;
	float:left;
	border-bottom: 1px solid #000000;
}
.barra_vermella a {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
}
.barra_vermella a:hover{
	border-bottom: 1px solid #FFFFFF;
}

.barra_vermella div{
	text-align: left;
	margin: 0 auto;
	width: 929px;
	min-height: 29px;
}
.barra_vermella h1 {
	margin:0;
	padding:0;
	position: absolute;
	left: 0px;
	top: 0px;
}
.barra_vermella ul{
	margin: 4px 0 0 0;
	padding: 0;
	list-style: none;
}
.barra_vermella ul li {
	float: left;
	display: inline;
	margin: 0; 
	padding: 4px 3px 4px 7px;
	background: url(img/separador_menu_barra_vermella.gif) center left no-repeat;
}
.barra_vermella ul li.primer {
	background: transparent;
}

.barra_vermella ul li form { 
	display: inline;
	margin:0; 
	padding:0;
}

/* estils només usats a barra_vermella */
.barra_vermella .dreta{
	float: right;
	
}
.barra_vermella .esquerra{
	float: left;
}
.barra_vermella .relatiu{
	position:relative;
}

ul.menu_horitzontal li.dreta a {
	font-size:22px;
}


/**
 * 2.2 Menu d'eines, a sota de la barra vermella
 */ 
.menu_eines {
	width: 951px;
	margin: 0 auto;
	clear: both;
	height:57px;
	font-size:11px;
}
.menu_eines img {
	float:left;
	margin:12px 0 0 10px;
	padding:0;
}
.menu_eines ul {
	float:right;
	list-style:none;
	margin:8px 1px 0 0;
	padding:5px;
}
.menu_eines ul li {
	float:left;
	display:inline;
	margin:2px;
	padding:0 6px;
}
.menu_eines ul li a {
	display:block;
	margin:0;
	padding: 27px 0 0 0;
	text-align:center;
	border:0;
}

.menu_eines ul li a.adreces {
	background:#fff url(img/adreces.gif) top center no-repeat;
}
.menu_eines ul li a:hover.adreces {
	background:#fff url(img/adreces_over.gif) top center no-repeat;
}
.menu_eines ul li a.planol {
	background:#fff url(img/planol.gif) top center no-repeat;
}
.menu_eines ul li a:hover.planol {
	background:#fff url(img/planol_over.gif) top center no-repeat;
}
.menu_eines ul li a.tramits {
	background:#fff url(img/tramits.gif) top center no-repeat;
}
.menu_eines ul li a:hover.tramits {
	background:#fff url(img/tramits_over.gif) top center no-repeat;
}
.menu_eines ul li a.contacte {
	background:#fff url(img/contacte.gif) top center no-repeat;
}
.menu_eines ul li a:hover.contacte {
	background:#fff url(img/contacte_over.gif) top center no-repeat;
}

/**
 * 2.3 Menú d'usuari validat
 * Línia d'enllaços i utilitats per usuaris validats
 */
 
#menuUsuariValidat {
	text-align: right;
	padding: 3px;
	margin-top: 10px;
	color: #666666;
	background-color: #f3f4f4;
}

#menuUsuariValidat a{
	color: #666666;
	margin-right: 2px;
	margin-left: 2px;
}

/**
 * 2.4 Contenidor pel cos
 */
 
/**
 * 2.4a Pagina amb navegació normal (menu a l'esquerra) 
 * Es fa servir per pàgines distribuides de tercer i segon nivell
 */
#page {
	margin: 0 auto;
	text-align: left;
	width: 951px;
	clear: both;
	border: 0px;

	/*background: url(http://www.terrassa.cat/imgfiles/css/fons_pagina.gif) repeat-y;*/
}

#page_top {
	margin: 0 auto;
	padding: 0px;
	width: 951px;
	clear: both;
	line-height: 9px;
	/*background: url(img/fons_pagina_top.gif) repeat-y;*/
}

#page_body {
	padding-left: 10px;
		font-size: 1.2em;
}

#page_bottom {
	margin: 0 auto;
	padding: 0px;
	width: 951px;
	clear: both;
	line-height: 18px;
	/*background: url(http://www2.terrassa.cat/imgfiles/css/fons_pagina_bottom.gif) repeat-y;*/
}

/**
 * 2.4b Pagina final (sense menu a l'esquerra) 
 * Es fa servir per pagines de fitxa de tramit, tramitacio, 
 * oficina, pagament, informacio general...
 */
#page_final {
	margin: 0 auto;
	text-align: left;
	width: 951px;
	clear: both;
	border: 0px;
}

#page_final_top {
	margin: 0 auto;
	padding: 0px;
	width: 951px;
	clear: both;
	line-height: 9px;
	/*background: url(img/fons_pagina_top.gif) repeat-y;*/
	/* el fons superior es el mateix que per page_top, no cal variar-lo */
}

#page_final_body {
	padding-left: 10px;
	/*background: url(img/fons_pagina_final.gif) repeat-y scroll 9px 0px;*/
	float: left;
	background-color: #fff;
}

#page_final {
	margin: 0 auto;
	text-align: left;
	width: 951px;
	clear: both;
	
}

#page_final_bottom {
	margin: 0 auto;
	padding: 0px;
	width: 951px;
	clear: both;
	line-height: 18px;
	/*background: url(img/fons_pagina_final_bottom.gif) repeat-y;*/
}


/**
 * 2.5 columna principal de qualsevol plana
 * es pot dividir en una lateral i una principal (distribuidora)
 * o en una sola principal. 
 * La principal pot tenir una o dues columnes.
 */
.narrowcenterPerfil{
	width: 720px; 
	margin-right: 0px;
	margin-left: 0px;
	float: left;
	margin-top: 0px;
	padding: 0px;
}

/**
 * 2.5a Columna principal per pàgines distribuidores 
 */
.center {
	padding-left: 206px;
	margin-right: 15px;
}

/**
 * 2.5b Columna principal per pàgines finals 
 */
.center_final {
	padding-top: 0px;
	padding-left: 40px;
	margin-right: 15px;
}

.center_final h2 {
	color: #666;
	font-weight: bold;
	letter-spacing: 0px;
}

.center_final h3 {
	font-weight: bold;
}

.center_final p {
	padding-left: 20px;
}

.center_final #fil_ariadna  {
	margin-top: 0px;
}

/**
 * 2.5c columna esquerra del cos principal (centre o centre_final)
 */
#columnaEsquerra {
	float: left;
	width: 49%;
}

/**
 * 2.5d columna dreta del cos principal (centre o centre_final)
 */
#columnaDreta {
	float: right;
	width: 49%;
}


/**
 * 2.5e Menú lateral dret
 * només en pàgines distribuidores (page)
 */
 
.col_menu_dreta {
	width: 170px;
	float: left;
	margin: -5px 0 0;
	margin-top: 20px;
	padding: 0;
}
.col_menu_dreta ul  {
/*
	display: block;
	margin:-5px 0pt 0pt;
	padding:0pt;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	*/
	 background: none repeat scroll 0 0 #f2f2f2;
    border-left: 2px solid #b10000;
    margin: 0 0 0.3125em;
    padding: 0.3125em 0;
	
	
	
	
	
}


.col_menu_dreta ul li {
	margin: 0;
	padding: 5px 0 5px 15px;
	list-style: none;
	
}

.col_menu_dreta ul ul {
border-left: none;
}

/*
.col_menu_dreta>ul>li:first-child {
	background: #F4F4F4 url(img/li_bola_taronja.gif) 13px 7px no-repeat;
}
.col_menu_dreta ul li.marcat {
	background-color: #FFF;
}
.col_menu_dreta>ul>li.marcat:first-child {
	background: #FFF url(img/li_bola_taronja.gif) 13px 7px no-repeat;
}
.col_menu_dreta ul li a{
	border: none;
}
.col_menu_dreta ul li.marcat a{
	font-weight: bold;
}
.col_menu_dreta ul  ul {
	margin: 0 0 0 10px;
}
.col_menu_dreta ul li ul li {
	padding: 0;
	background: transparent;
	padding: 4px 0;
}
.col_menu_dreta ul li.marcat ul li a{
	font-weight: normal;
	color: #666666;
}
.col_menu_dreta ul li ul li.marcat a{
	font-weight: bold;
}
.col_menu_dreta ul li ul li a {
	padding:0;
	background: transparent;
}
*/



/**
 *2.6 columna lateral esquerra (sidebar),
 * comú a totes les pàgines
 */
#sidebar {
	display: inline;
	float:left;
	width: 208px;
	margin-left: 4px;
}

.sidebar_top{
	background: #fff url("http://www.terrassa.cat/imgfiles/css/sidebar_top.gif") no-repeat top left;
	padding: 0px;
	margin: 0px;
	line-height: 3px;
}

.sidebar_bottom{
	background: #fff url("http://www.terrassa.cat/imgfiles/css/sidebar_down.gif") no-repeat top left;
	padding: 0px;
	margin: 0px;
	line-height: 3px;
}

.sidebar_element {
	margin: 10px;
	margin-top: 7px;
	width: 188px;
}

.sidebar_element_top{
	background: #f3f4f4 url("http://www.terrassa.cat/imgfiles/css/sidebar_element_top.gif") no-repeat top left;
	padding: 0px;
	margin: 0px;
	line-height: 5px;
}

.sidebar_element_body{
	padding: 6px 10px;
	background-color: #fff;
}

.sidebar_element_body h3 {
	background-position:3px 0pt;
	background-repeat:no-repeat;
	font-weight:bold;
	margin:0pt 0pt 5px;
	padding:6px 0pt 6px 28px;
}

.sidebar_element_body h3.noico {
	padding-left: 0px;
}

.sidebar_element_body form {
	padding-left: 5px;
	padding-right: 5px;
}

.sidebar_element_body ul{
	list-style-type: none;
	list-style-image: url("img/li_bola_taronja.gif");
	padding-left: 15px;
	margin-top: 5px;
	margin-left: 10px;
}

.sidebar_element_body ul li{
	padding-top: 5px;
	padding-left: 5px;
}

.sidebar_element_body a{
	margin-left: -5px;
}

.sidebar_element_bottom{
	background: #f3f4f4 url("http://www.terrassa.cat/imgfiles/css/sidebar_element_down.gif") no-repeat top left;
	padding: 0px;
	margin: 0px;
	line-height: 3pt;
}

/**
 * 2.7 Barra gris on ens diu en quin punt estem 
 */
 
#fil_ariadna {
	padding: 3px;
	display: block;
	color: #999;
	border-top: 0px;
	margin-top: 5px;
}

#fil_ariadna a {
	color: #999;
	border-bottom: 1px dotted #999;
}

/**
 * 2.8 Peu de pàgina 
 */

.peu{
	height:84px;
	width: 951px;
	margin: 0 auto;
	clear: both;
	color: #666666; 
	text-align: left;
	padding-top: 15px;
}

.peu ul{
	margin: 12px 0 0;
	padding: 0;
}

.peu ul li{
	list-style: none;
	float: left;
	padding: 1px 7px;
}

.peu a{
	color:#666666; 
}

.peu ul li.separador{
	border-left: 1px solid #CCCCCC;
}

.peu img.separador{
	position: relative;
	margin: 0 6px;
	top: 2px;
}


/****************************************** 
 * #3. llistes
 *
 * 1a - Llistes planes (sense decoració)
 * 1b - Llistes amb bola
 * 2 - Passos dins d'un tramit
 * 3- Llista de normatives
 ******************************************/

/**
 * 3.1a Llistes planes
 */

.llistaNoLink ul{
	list-style-type: none;
	list-style-image: none;
	padding-left: 0px;
	margin-top: 0px;
	margin-left: 5px;
}

/**
 * 3.1b Llistes amb bola
 */

.llistaLink ul{
	list-style-type: none;
	list-style-image: url("img/ico_submenu.gif");
	padding-left: 15px;
	margin-top: 5px;
	margin-left: 5px;
}

.llistaLink ul li{
	padding-top: 5px;
	padding-left: 5px;
}

/**
 * 3.2 Passos dins d'un tramit
 */

.passos {
	text-align: right;
	margin-bottom: 0px;
	font-weight: normal;
	color: #808040;
}

.passos ul {
	padding: 0px;
	margin : 0px;
}

.passos li {
	display: inline;
	margin: 0px;
	padding: 2px;
}

li.pasActiu {
	color: #808040;
	font-weight: bold;
	padding: 2px;
	margin: 0px; 
}

/**
 * 3.3 Llista de normatives
 */
 
 #llistaNormativaTipus ul {
	margin-left: 10px;
	padding: 3px;
	border-bottom: 3px solid #ddd;
}

html>body #llistaNormativaTipus {
	margin-left: 0px;
	padding-left: 0px;
}

#llistaNormativaTipus li {
	list-style-type: none;
	display: inline;
	margin: 0px;
	}

#llistaNormativaTipus li a {
	padding: 3px;
	text-decoration: none;
	border: 1px solid #ddd;
	padding-left: 10px;
	padding-right: 10px;
}

.llistaNormativaTipusSelected{
	background-color: #808040;
	color: white;
	font-weight: bold;
}

#llistaNormativaTipus li a:hover {
	background-color: #bebf62;
	color: white;
}


#llistaNormativaTipus td {
	list-style-type: none;
	margin-right: 0px;
	padding-bottom: 5px;
}

#llistaNormativaDreceres table {
	margin-left: 10px;
}

html>body #llistaNormativaDreceres table {
	margin-left: 0px;
}

#llistaNormativaDreceres td {
	vertical-align: top;
}

#llistaNormativaDreceres ul {
	padding: 0px;
	margin: 0px; 
}

html>body #llistaNormativa ul {
	padding: 3px;
}

#llistaNormativa li {
	list-style-type: none;
	margin: 0px;
	}

.llistaNormativaElement ul{	
	margin-left: 10px;
}

.llistaNormativaElement li{
	padding-bottom: 5px;
	list-style-image: url('http://www.terrassa.cat/imgfiles/dot_gris.png');
	padding-left: 0px;
}
 

/****************************************** 
 * #4. formularis
 ******************************************/

.FormDades {
	margin: auto 10px ;
	padding: 5px;
	display: block;
}

.FormDades h4 {
	margin-bottom: 5px;
/*	border-bottom: solid 1px #808040;*/
}

.FormDades h5 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	border-bottom: solid 1px #e27b1b;
}

.FormDades input,
.FormDades select,
.FormDades textarea,
.taulaConceptes td input,
.taulaConceptes td select,
.taulaConceptes td textarea {
	border: 1px solid #ccc;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 3px;
	color: black;	
	font-weight: normal;
}

.FormDades input:hover, 
.FormDades input:focus, 
.FormDades select:hover, 
.FormDades select:focus, 
.FormDades textarea:hover, 
.FormDades textarea:focus,
.taulaConceptes td input:hover, 
.taulaConceptes td input:focus {
	border: 1px solid #808040;
}

input.FormDadesBoto {
	background-color: #808040;
	color: white;
	border: 1px solid #606030;
	border-top-color: #c8c89f;
	border-left-color: #c8c89f;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 0px;
}

input.FormDadesBoto:hover {
	background: #A0A050;
	cursor: pointer;
}

.FormDades .obligatori {
	color: black;
	font-weight: bold;
}

.FormDades .obligatori input,
.FormDades .obligatori select, 
.FormDades .obligatori textarea {
	border: 1px solid black;
	font-weight: normal;
}

/**
* Definicions generals per formularis
*/
form input.frm, textarea.frm, select.frm{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;	
}
form, form dl{
	margin: 0;
	padding: 0;
}

form dd{
	margin: 0 0 4px;
}

form dt{
	margin: 0 0 4px;
}

form input.frm{
	border: 1px solid #B7B8B9;	
}

form input.boto{
	color: #333333;
}

textarea.recuadre{
	border:1px solid #B7B8B9;
	margin: 8px 0 7px 0;
	float:none;
	height:45px;
	padding:5px;
	width:148px;
}


/****************************************** 
 * altres
 ******************************************/

/* Petita instrució per tornar a la part superior de la página */
.pujar {
	display: block;
	text-align: right;
	margin-bottom: 10px;
}

/* Meta-informació de tràmits */
.nota { 
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none ;
	color: #666666;
	text-align: right;
}

/* Classe per amagar text */
.invisible {
	visibility: hidden;
	float: right;
	width: 0px;
}


/**
 * Calendari de pagament
 */
 
.pagament {
	border-right: dotted 1px #999999;
	background-color: #808040;
	color: #ffffff;
}

.nopagament {
	border-right: 1px dotted #999999;
}

.liniaclara {
	background-color: #ffffff;
}

.liniafosca {
  background-color: #ececd2;

}

.calfiscaltext {
	background-color: #ffefa7;
}

/**
 * boto a tràmits, carpeta ciutadà 
 */
.botoGran {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 5px;
	padding: 5px;
	color: grey;
	border: 1px solid lightgrey; 
	background: url("http://www.terrassa.cat/imgfiles/fons_hover.gif") repeat-x top left;
	vertical-align: middle;
	display: block;
}

.botoGran:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
}


/* Classe de les ajudes dels camps al omplir els tràmits */
.help {
	border: 2px solid #CECF5A;
	border-top: 1px solid #CECF5A;
	border-left: 1px solid #CECF5A;
	padding: 3px;
	background-color: #FFFFCC;
	display: block;
	position:absolute;
	z-index:10; 
	visibility: hidden;
	font-weight: normal;
/*	float: left;*/
}

#capaEnviantDades {
	visibility: hidden;
	position: absolute; /* canviará a fixed */
	width: 99%;
	height: 100%;
	padding: 2px;
	background: url(http://www.terrassa.cat/imgfiles/css/fons_blur.gif);
	color: #9F1713;
	z-index: 50;
}

#AvisEnviantDades {
	width: 180px;
	margin-left: 300px;
	padding: 5px;
	background-color: #ffffff;
	color: #808040;
	border: 1px solid #787849;
	margin: 30%;
	margin-top: 20%;
}

.botoinstruccions {
	margin: 6px auto;;
	padding: 3px;
	color: white;
	border: 1px solid white;
	background: orange;
	width: 150px;
	display: block;
}


#instruccions {
	visibility: hidden;
	display: none;
	padding: 5px;
	margin-top: -20px;
	margin-left: -5px;
	height: 0px;
	margin-bottom: 25px;
}


/* Llista en que se'ns destaquen els camps obligatoris que no
   hem omplert */
#capaErrors {
	visibility: hidden;
	position: absolute; /* canviará a fixed */
	width: 99%;
	height: 100%;
	padding: 2px;
	background: url(http://www.terrassa.cat/imgfiles/css/fons_blur.gif);
	color: #9F1713;
	z-index: 50;
}

#llistaErrors {
	padding: 10px;
	background-color: white;
	color: #9F1713;
	border: 1px solid #9F1713;
	margin: 30%;
	margin-top: 20%;
}

#llistaErrors p {
	font-weight: bold;
	display: block;
}

#llistaErrors ul {
	padding-left: 5px;
	list-style-type: square;
}

#llistaErrors ul li {
	margin-left: 7px;
	list-style-image: url("img/ico_submenu.gif");
}

#llistaErrors h3 {
	color: #9F1713;
	display: block;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-bottom: none;
}


/* Avís d'error */
.avis {
	background: #FFFFFF url("http://www.terrassa.cat/imgfiles/css/atencio.png") no-repeat  100px 5px;
	display: block;
	border: 1px solid #e27b1b;
	margin-bottom: 20px;
	padding: 10px;
	padding-top:50px;
	color: #e27b1b;
}

.avisSimular {
	background-color: #e27b1b;
	color: white;
	float: right;
	padding: 10px;
	font-weight: bold;
}

/* Classe de la taula que ens mostra el repas de dades al realitzar
   un tràmit */
.taulaConceptes {
	background-color: #fdfdf1;
	border: 1px solid #e3e3c4;
	margin-bottom: 5px;
	width: 100%;
	border-collapse: collapse;
	padding: 5px;
}

.taulaConceptes table {
	margin: 5px;
	width: 100%;
}


.taulaConceptes td {
	border-top: 1px dotted #CFCF9B;
}

/* Definim el format del llistat de normatives */

/* Capa on triem per quin camp volem llistar les normatives */

	
	
.anyNormativa {
	padding-bottom: 10px;
}

.anyNormativa li{
	padding: 0px;
	padding-bottom: 3px;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #dddddd;
	list-style-image: none;

	color: #808040;
}

.nomNormativa
{
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.llistaNormaH {
	padding-left: 10px;
	padding-right: 10px;
	display: inline;
}

/* Mostrem l'enllaç a les normatives vigents o no vigents */

#selectorNormativa
{
	text-align: center; 
	padding-top: 50px; 
	margin-bottom: 20px; 
}

#selectorNormativa a 
{
	text-align: center; 
	margin-top: 50px; 
	padding: 3px;
	border: 1px solid #cccccc;
}

#selectorNormativaDreceres
{
	text-align: center; 
	margin-top: 50px; 
	margin-bottom: 20px; 
	padding: 3px; 
	border: 1px solid #cccccc;
}

#llistaImpresos table {
	padding: 0px;
}

#llistaImpresos td {
	padding: 3px;
	vertical-align: top;
}

#llistaImpresos td img{
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
}

#llistaImpresos ul {
	list-style-type: none;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	/*border-bottom: 1px solid #eeeeee;*/
}

/*???????????????????*/
#llistaImpresos li {
	list-style-image: url("http://www.terrassa.cat/imgfiles/opcio.gif") ;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#llistaImpresos ul ul {
	list-style-type: none;
	padding-left: 20px;
	margin-left: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	/*border-bottom: 1px solid #eeeeee;*/
}

.obligatoriMarcar {
	background-color: yellow;
}


/* Classe que utilitzem per posar la primera lletra de cada paraula en majuscula */
.InicialMajuscula
{
	text-transform: capitalize;
}

.InicialMajuscula input
{
	text-transform: capitalize;
}

.llistaCarrers {
	position: absolute;
	border: 2px dotted #cccccc; 
	background-color: #eeeeee;
	visibility: hidden; 
	

}

.llistaCarrers input {
	background-color: #e27b1b;
	color: white;
	border: 1px solid #CF6C0C;
	border-top-color: #FFF3CF;
	border-left-color: #FFF3CF;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 0px;
}

.llistaCarrers input:hover{
	background: #FFAE5F;
	cursor: pointer;
}

.notari_auto_complete {
	background-color: white;
	border: 1px solid #cf6600;
}

.notari_auto_complete li:hover {
	cursor: pointer;
	background-color: #EEEEEE;
}


.linkExecTramit {
	font-weight: bold;
}

.llistaDocuments ul{
	padding-top: 5px;
/*	display: inline;*/
}

.llistaDocuments li{
	display: inline;
	padding-right: 20px;
	/*padding-bottom: 5px;*/
}

#llistaTramitsCat {
}

#llistaTramitsCat dt {
	background: #FFFFFF url("img/ico_submenu.gif") no-repeat  left; 
	padding-left: 15px;
}

#llistaTramitsCat dd {
	padding-left: 15px;
}

#llistaTramitsCat dd a {
}

#llistaTramitsCat dd a:hover {
	border-bottom: 1px solid black;
}

#LlistaComTramitar ul li{
	list-style-image: url("img/ico_submenu.gif");
}

#LlistaComTramitar strong{
	color: #808040;	
}


#LlistaComTramitar ul li ul li{
	list-style-image: url("img/ico_submenu.gif");	
}

#RespostaMail {
	border: 1px solid #e3e3c4;
	background-color: #fdfdf1;
	margin-top: 50px;
	margin-left: 50px;
	margin-right: 50px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#AvisMail {
	text-align: center;
	color: #808040;
	margin-top: 40px;
}

.imatgeSubCat {
	float: left; 
	padding: 10px;
	padding-bottom: 0px;	
	width: 60px;
}

.descripcioCategoria {
	display: block;
}

/* definicio de llistes per quan passem per sobre o no */
/*????????????????????????*/
.rowSelected {
	background-color: #f3f3f3;
	background: url("img/fons_hover.gif") repeat-x top left;
}

.rowNoSelected {
	background-color: #ffffff;
}

.capRegistreTaula {
	width: 40%;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-right: 5px;
	vertical-align: top;
	font-style: italic;
}

/*
 * #2. Avisos de treball (interns, desenvolupament de la pàgina)
 */
 
.enconstruccio {
	font-weight: bold;
	background-color: yellow;
	border: 1px solid orange;
	padding: 10px;
	display: block;
}


/*
 * Estils nova web
 */
 .dreta{
	float: right;
}

.ocult {
	display: none;
}

/**
 *Secció dintre d'una pàgina 
 */

.seccio_top {
	margin-top: 20px;
	background: #fff url("http://www.terrassa.cat/imgfiles/css/destaquem_cap.gif") no-repeat;
	line-height: 50px;
}

.seccio_top h3 {
	font-weight:bold;
	margin:0pt 0pt 5px;
	padding:0px 0pt 6px 40px;
	color: #666;
	font-weight: normal;
}

.seccio_body{
	padding: 5px 20px;
}

.seccio_body li{
	list-style-type: none;
}

.seccio_bottom{
	line-height: 10px;
}


/**
 *blocs dintre del cos de la pàgina 
 */

.left {
	width: 150px;
	margin-left: 10px;
	float: left;
	line-height: 18px;
}

 

/* perfils de navegació (dintre del bloc left) */
/***?????????????????????*/
.llistaperfils ul{
	list-style-type: none;
	list-style-image: none;
	padding-left: 0px;
	margin-top: 10px;
	margin-left: 0px;
}

.llistaperfils li {
	background: url("http://www.terrassa.cat/imgfiles/llista_perfil_bottom.gif") no-repeat bottom;
	list-style-image: none;
	padding-left: 20px;
	padding-bottom: 5px;
}

.llistaperfils li a{
	border-bottom: 0px;
	display: block;
}

.llistaperfils li ul{
	list-style-type: none;
	list-style-image: none;
	padding-left: -10px;
	margin-top: 10px;
	margin-left: -10px;
}


/**
* caixes amb vores arrodonides i degradades
* per als menus superiors
*/
.quadre_deg, .quadre_deg_inf, .quadre_deg_esq {
	margin: 0 auto;
	padding: 0px;
	clear: both;
	background: #fff;
	border-bottom: 2px solid #fff;
	/*font-size: 12px;*/
}
.quadre_deg_inf, .quadre_deg_esq {
	width: 100%;
}
.quadre_deg {
	background: #fff url(img/vores_deg_r.gif) repeat-y scroll right top;
}
.quadre_deg_esq {
	background:transparent url(img/vores_deg_l.gif) repeat-y scroll left top;
}
.quadre_deg .quadre_deg_sup {
	background:transparent url(img/vores_deg_t.gif) repeat-x scroll right top;
}
.quadre_deg .quadre_deg_sup div {
	background:transparent url(img/vores_deg_tr.gif) no-repeat scroll right top;
	height:9px;
}
.quadre_deg .quadre_deg_sup div div {
	background:transparent url(img/vores_deg_tl.gif) no-repeat scroll left top;
	height:9px;
}
.quadre_deg .quadre_deg_inf {
	background:transparent url(img/vores_deg_b.gif) repeat-x scroll right bottom;
}
.quadre_deg .quadre_deg_inf div {
	background:transparent url(img/vores_deg_br.gif) no-repeat scroll right bottom;
	height:9px;
}
.quadre_deg .quadre_deg_inf div div{
	background:transparent url(img/vores_deg_bl.gif) no-repeat scroll left bottom;
	height:9px;
}
.quadre_deg_sup,
.quadre_deg_sup *,
.quadre_deg_inf,
.quadre_deg_inf * {
	font-size: 1px;
}

/**
* caixes amb vores arrodonides per dalt i planes per sota sense degradar
*/
.quadre{
	background:transparent url(img/vores_linia.gif) repeat-y scroll left top;
}
.quadre_dre{
	background:transparent url(img/vores_linia.gif) repeat-y scroll right top;
}
/** NO **/.quadre .quadre_sup {
	font-size: 1px;
	background:transparent url(img/vores_linia.gif) repeat-x scroll left top;
}
/** NO **/.quadre .quadre_sup div {
	background:transparent url(img/vores_tr.gif) no-repeat scroll right top;
	height:6px;
	font-size: 1px;
}
/** NO **//*.noquadre{
	padding: 6px 0;
}*/
/** NO **/.quadre .quadre_sup div div {
	background:transparent url(img/vores_tl.gif) no-repeat scroll left top;
	height:6px;
	font-size: 1px;
}

/**
* vores arrodonides esq/dret
*/
/** NO **/.vores_sup {
	background:transparent url(img/vores_linia.gif) repeat-y scroll right top;
}

/**
*	Quadre inferior per al submen desplegable
*/
/**
*	Contenidor que desplaça verticalment i segueix el float
*/
/** NO **/.quadre .quadre_inf_rodo {
	position: relative;
	top:6px;
	font-size: 1px;
	margin-top:0px;
}
/**
*	Contenidor que marca els paddings per contenir la resta
*/
/** NO **/.quadre .quadre_inf_dre {
	background:transparent url(img/vores_br_trans.gif) no-repeat;
	height: 6px;
	width:6px;
	font-size: 1px;
	float:right;
	position:relative;
	margin:0;
	margin-left:-6px;
	padding: 0px;
}
/** NO **/.quadre .quadre_inf_esq {
	background:transparent url(img/vores_bl_trans.gif) no-repeat;
	height:  6px;
	width:6px;
	font-size: 1px;
	float:left;
	position:relative;
	margin:0 -6px 0 0;
}
/** NO **/.quadre .quadre_inf_pad{
	padding: 0;
	margin:0 6px;
	overflow:hidden;
}

/** Cantonada dreta  */
/** NO **/.quadre .quadre_inf_pad div{
	background: #fff url(img/vores_linia.gif) repeat-x bottom left;
	font-size: 1px;
	height:6px;
	margin:0;
	display:block;
	width:100%;
}
/** NO **/.quadre[class] .quadre_inf_pad div{
	width: 2000px;
}
/**
 *	H3 dintre de quadres
 */ 
.quadre h3 {
	margin: 0 5px 7px 2px;
	background-position: 3px 0;
	background-repeat: no-repeat;
	padding: 7px 0 7px 37px;

}
/**
 *	H3 dintre de quadres
 */ 
.noquadre h3 {
	margin: 0 0 7px 0;
	background-position: 3px 0;
	background-repeat: no-repeat;
	padding: 6px 0 6px 31px;
	font-weight: bold;
}
.noquadre h3.noico {
	margin: 0 0 7px 0;
	padding: 5px 0 5px 7px;
	font-weight: bold;
}

ul.llista_banners, ul.llista_banners li{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.llista_banners li{
	margin-top:5px;
}
ul.llista_banners li a{
	display: block;
}
/**
*	inferior recte per títols
*/
/** NO **/.quadre .quadre_inf{
	background:transparent url(img/vores_linia.gif) repeat-x scroll center bottom;
	height:  1px;
	font-size: 1px;
}


/**
* Menú blanc horitzontal
*/
ul.menu_horitzontal, .menu_horitzontal ul {
	display:block;
	margin:0 5px 0;
	padding:0;
	list-style:none;
}
.menu_horitzontal ul {
	margin-top:5px;
}
ul.menu_horitzontal li {
	float: left;
	position:relative;
	z-index: 2;
	margin:0;
	padding:4px 8px;
}
ul.menu_horitzontal li.separacio {
	background: #FFF url(img/menu_separacio.gif) left center no-repeat;
}
/** Link terrassa.cat */
.menu_horitzontal li.dreta {
	float: right;
	margin: -2px 10px 0 0;
	padding: 0;
	color: #CCC;
}
.menu_horitzontal li.dreta a{
	color: #CECECE;
	letter-spacing: -0.6px;
}
.menu_horitzontal li.marcat a{
	font-weight:bold;
}
.menu_horitzontal li.marcat li a{
	font-weight:normal;
}


ul.menu_horitzontal li a {
	display: block;
	color: #666;
	border: 0;
	letter-spacing: 0px;
}
ul.menu_horitzontal li ul li a {
	letter-spacing: 0;
}
ul.menu_horitzontal li a:hover {
	color: #333;
	border:0;
}
/** Llista del desplegable */
ul.menu_horitzontal li ul li {
	float: none;
	position: inherit;
	min-height: 19px;
	margin: 0;
	padding: 0;
}
/** IE */
* ul.menu_horitzontal li ul li {
	position: relative;
	height: 19px;
}


.llista_1c {
	width:20em;
}
.llista_2c {
	width:40em;
}
.llista_3c {
	width:60em;
}

.llista_2c .quadre_dre ul, .llista_3c .quadre_dre ul{
	height: 190px;
}

.menu_horitzontal li.lc1 {
	margin-left: .5em;
}
.menu_horitzontal li.lc2 {
	margin-left:20.5em;
}
.menu_horitzontal li.lc3 {
	margin-left:40.5em;
}
.menu_horitzontal li.lcreset {
	margin-top:-190px;
}
ul.menu_horitzontal li ul li a {
	color:#333;
	display: inline;
	padding-left: 10px;
	background: url(img/ico_submenu.gif) no-repeat left center;
	margin: 0 5px 0 10px;
	border-bottom: 1px solid #FFF;
}
ul.menu_horitzontal li ul li a:hover {
	color:#333;
	border-bottom: 1px solid #000;
}

/* Submenú desplegable Opció 2*/
/* Desplegables */
ul.menu_horitzontal li .quadre {
	background-color: #FFF;
	display: block;
	position: absolute;
	z-index: 4;
	margin: 0;
	padding: 0;
	top: 22px;  /* IE */
	left: 0px;  /* IE */
}
ul.menu_horitzontal li .quadre .quadre_dre {
	float:left;
}

/* Per sobreescriure top i left a navegadors diferents a IE */
ul.menu_horitzontal li>div.quadre {
	top: auto;
	left: 0;
}

/* Per mostrar els submens */
ul.menu_horitzontal li:hover .quadre, ul.menu_horitzontal li.over .quadre {
	display: block;
}

ul.menu_horitzontal li form {
	margin:0 10px 0 0;
	padding:0;
}

ul.menu_horitzontal li .quadre {
	display:none;
}

.ocult {
	display: none;
}

.destacat {
	color: orange;
}

#llistaSubCat table {
	margin-left: -10px;
	border-spacing: 10px;
}

#llistaSubCat td {
	vertical-align: top;
}

.fletxa_relacio[class] {
	left:-10px;
	margin-left: -14px;
}

.fletxa_relacio {
	background:#FFFFFF url(img/fletxa_relacio.gif) no-repeat scroll right center;
	height:41px;
	left:-25px;
	position:relative;
	top:-6px;
	width:15px;
	float: left;
}

.clip {
	background:transparent url(img/clip.gif) no-repeat scroll left top;
	height:31px;
	left:146px;
	position:relative;
	top:-22px;
	width:22px;
	float: left;
	margin-right: -22px;
}

ul.llista_banners li a {
	border-bottom: none;
}

/* Capa invisible que apareixerá si volem introduir manualment
   les dades d'un notari en una autoliq tipus 090
	 @per eliminar
	 */
#introNotari {
	margin: 20px;
	border: 1px solid #e27b1b;
	background: #fffd90;
	visibility: hidden;
	position: absolute;
}

/* Visualització de dades dels tràmits, padró, etc.. */
.qdadesimpres {
	border: 1px dotted grey;
	margin: 2px;
	padding: 2px;
	font-family: "Courier New", serif;
	background-color: #f3f3ed;
}

a.mapaAdr {
	border-bottom: 0px;
	padding: 0px;
	margin:0px;
	vertical-align: bottom;
}
.sou {
display: none;
}
#contingut {
width: 900px;
margin-left: 15px;
margin-right: 15px;
}

.col_100_m {
display:inline;
float:left;
margin-left:39px;
width:477px;
}

.fil_ariadna ul, .fil_ariadna {
/*background:transparent url(img/separador_fil_ariadna.gif) no-repeat scroll 1px 4px;*/
display:inline;
padding:0pt 0pt 0pt 0px;
margin: 0px;
}
.fil_ariadna {
background:transparent none repeat scroll 0%;
padding:0pt;
display: block;
    margin-top: 10px;
}
.fil_ariadna li {
background:transparent none repeat scroll 0%;
color:#999999;
display:inline;
padding:0pt;
}
.fil_ariadna li a {
/*border-bottom:1px dotted #999999;*/
color:#b10000;
}
.fil_ariadna li a:hover {
/*border-bottom:1px solid #999999;*/
color:#999999;
}

.content-galeria{
display:inline;
float:left;
margin-left:30px;
width:840px;
color: white;
}

.content-galeria a{
color: white;
border: none;
}

.content-galeria a:hover{
border: none;
}

.content-galeria h2{
text-transform: uppercase;
color: white;
display: block;
background-color: black;
font-size: 14px;
letter-spacing: 1px;
padding: 2px 10px;
color: #D05610;
}





/*###################
Inici galeria
###################*/

.e2_photo_gallery {
 color:#fff;
}

.e2_photo_gallery .hd .c,
.e2_photo_gallery .ft .c {
 font-size:1px; /* ensure minimum height */
 height:13px;
}

.e2_photo_gallery .ft .c {
 height:14px;
}

.e2_photo_gallery .hd {
 background:transparent url(../designs/e2/tl.gif) no-repeat 0px 0px;
}

.e2_photo_gallery .hd .c {
 background:transparent url(../designs/e2/tr.gif) no-repeat right 0px;
}

.e2_photo_gallery .bd {
 background:transparent url(../designs/e2/ml.gif) repeat-y 0px 0px;
}

.e2_photo_gallery .bd .c {
 background:transparent url(../designs/e2/mr.gif) repeat-y right 0px;
}

.e2_photo_gallery .bd .c .s {
 margin:0px 0px 0px 0px;
 background:url(../designs/e2/ml.jpg) repeat-x 0px 0px;
 padding:0px;
}

.e2_photo_gallery .ft {
 background:transparent url(../designs/e2/bl.gif) no-repeat 0px 0px;
}

.e2_photo_gallery .ft .c {
 background:transparent url(../designs/e2/br.gif) no-repeat right 0px;
}


/* content-specific */

.e2_photo_gallery h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}

.e2_photo_gallery p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}

html>body .e2_photo_gallery pre {
 font-size:1.1em;
}

#main_image_wrapper{position:relative;border:1px solid #CCC; width:450px; height:337px;background: #FFF url(../rsrc/loading_image.gif) no-repeat 50% 50%;}
#imgloader{text-align:center;vertical-align:middle;}
#thumbbox{text-align:center;position:relative;padding:5px 5px;}
#thumb_container{position:relative;overflow:hidden;height:422px;width:76px;margin:0 0 0 0px;}
#thumbs img{margin-bottom:4px;vertical-align:top;}
#thumbs a img{border:1px solid #333;}
#thumbs a:hover img{border:1px solid #CCC;}
#thumbs a:hover{color:red;}
#photocount{
	color:#FFF;
	font-size:10px;
	text-align: left;
	padding-left: 10px;
}
#back{}
#more{}
.morelink:hover{font-size:11px;color:#FFF;text-decoration:underline;}
#thumbgall{position:absolute;left:0;top:0;white-space:nowrap;z-index:1000;}
#widthbox{position:relative;display:inline;left:0;top:0;padding:1px; text-align: center;}
#imgbox{width:80px;height:80px;display:inline;position:absolute;text-align:center;}
#iptc_btn{width:100%;text-align:right;position:absolute;left:0;top:0;z-index:999;}
#iptc_info{position:absolute;bottom:0;left:0;height:auto;width:100%;background-color:#000;color:#CCC;font-size:10px;line-height:140%;text-align:left;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.iptc_left{float:left;text-align:right;width:18%;color:#FFF;padding:0 0 0 2%;}
.iptc_right{float:right;text-align:left;width:79%;}
/*#rightmore li a{background:url(../rsrc/right_more.gif) no-repeat;display:block;color:#fff;text-decoration:none;width:100%;padding:0;}*/
/*#rightmore li a:hover{background:url(../rsrc/right_more_over.gif) no-repeat;color:#fff;height:25px;}*/
#leftmore li a{background:url(../rsrc/left_more.gif) no-repeat;display:block;color:#fff;text-decoration:none;width:100%;padding:0;}
#leftmore li a:hover{background:url(../rsrc/left_more_over.gif) no-repeat;color:#fff;height:25px;}
.spacing{padding:1px;}
.morelink:link,.morelink:visited{font-size:11px;color:#FFF;text-decoration:none;}
#rightmore,#leftmore{color:#333;height:25px;width:32px;padding:0;}
#rightmore{float: left; padding-left: 30px;}
#leftmore{float: left; padding-left: 30px;}
#rightmore ul,#leftmore ul{list-style:none;border:none;height:25px;margin:0;padding:0;}
#rightmore li,#leftmore li{height:25px;margin:0;}
html>body #rightmore li a,html>body #leftmore li a{width:auto;}
#pn_overlay{position:absolute; top:0; left:0; width:100%; height:100%; z-index:998;}
#prev, #next{
	width: 30%;
	height: 100%;
	background: transparent url(../rsrc/blank.gif) no-repeat; /* Trick IE into showing hover */
	outline:none;
	}
#prev { left: 0; float: left; outline: none; -moz-outline: none; visibility:hidden;}
#next { right: 0; float: right; outline: none; -moz-outline: none;}
#prev:hover, #prev:visited:hover { background: url(../rsrc/prev.gif) left 50% no-repeat; }
#next:hover, #next:visited:hover { background: url(../rsrc/next.gif) right 50% no-repeat; }
#imgtitle{ font-weight: normal; text-align:justify; color:#FFF; background-color: black; padding: 10px; font-size: 12px; margin-top: 5px; margin-bottom: 10px;}
#imgtitle h2{font-size:1.3em; margin:0; padding:0}
#thumbtoggler {
	text-align: right;
	float: right;
	width: 48%;
	right:0;
	z-index:1100;
}
#thumbdisplay {
	width: 100%;
}
.clear{clear:both;}
#e2link {font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding:5px 0;
	color: #FFFFFF;
	text-align:left;}
#e2link a {
	color: #FFFFFF;
	text-decoration:none
}

.tooltip {
	color: #fff;
	width: 150px;
	z-index: 15000;
	text-align:left;
}

.tooltip h4 {
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding: 8px 8px 2px;
	background:#000;
}

.tooltip p {
	font-size: 11px;
	padding: 1px 8px 8px;
	margin:0px;
	background: #000;
}#thumbhide {
	position: relative;
	overflow:hidden;
	height: 396px;
}

#gallerytop{
background-color: 93917a;
width: 700px;
float: left;
}

#gallerybottom{
float: right;
width: 100px;
}

#gallerydescription{
font-weight: normal; 
text-align:left; 
color:#FFF; 
background-color: black; 
padding: 5px; 
font-size: 12px; 
margin-top: 0px; 
margin-bottom: 10px;
}

#gallerydescription h3{
font-size: 12px;
font-weight: bold;
color: #C55B20;
}


.col_menu_dreta h2{
    color: #b10000;
    /*content: "";*/
    display: inline-block;
    /*font-family: "icons";*/
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: normal;
    margin-right: 0.55556em;
    text-decoration: inherit;
    text-rendering: optimizelegibility;
    text-transform: none;
    color:  #b10000;
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 0px;
    padding-bottom: 0.5em;

    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 0;
    text-transform: uppercase;
}

.col_menu_dreta h2 a {
  color: #b10000 important!;
}

/*###################
fi galeria
###################*/