/*
 *
 *Fulla d'estils general d'aoberta.terrassa.cat
 *
 * Index:
 * 
 * #1. Estils HTML
 * #2. Elements estructurals de la p?na
 * #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 */


* {
	font-family: Arial, sans-serif;
}
	
body {
	background-color :#FFF;
	color: #333333;
	margin:0;
	padding:0;
		font-size:0.8em;
}


h1 {
	color:#000000;
	line-height:100%;
	font-weight:bold;
	font-size:24px;
	margin:15px 0pt 19px;

}



h2 {
	color:#000000;
	font-weight:bold;
	font-size:18px;
	margin:15px 0pt 19px;
	padding:0pt;
}


h4{
	font-weight: bold;
}

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

img {
	border:0;
}

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

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

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 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
} 

pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

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


/****************************************** 
 * #2. Elements estructurals de la p?na
 *
 * 1 - encap?ament (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(/imatges/css/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(/imatges/css/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?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(/imatges/css_inc/adreces.gif) top center no-repeat;
}
.menu_eines ul li a:hover.adreces {
	background:#fff url(/imatges/css_inc/adreces_over.gif) top center no-repeat;
}
.menu_eines ul li a.planol {
	background:#fff url(/imatges/css_inc/planol.gif) top center no-repeat;
}
.menu_eines ul li a:hover.planol {
	background:#fff url(/imatges/css_inc/planol_over.gif) top center no-repeat;
}
.menu_eines ul li a.tramits {
	background:#fff url(/imatges/css_inc/tramits.gif) top center no-repeat;
}
.menu_eines ul li a:hover.tramits {
	background:#fff url(/imatges/css_inc/tramits_over.gif) top center no-repeat;
}
.menu_eines ul li a.contacte {
	background:#fff url(/imatges/css_inc/contacte.gif) top center no-repeat;
}
.menu_eines ul li a:hover.contacte {
	background:#fff url(/imatges/css_inc/contacte_over.gif) top center no-repeat;
}

/**
 * 2.3 Men d'usuari validat
 * L?a d'enlla? 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?nes distribuides de tercer i segon nivell
 */
#page {
	margin: 0 auto;
	text-align: left;
	width: 951px;
	clear: both;
	border: 0px;

	/*background: url(/imatges/css/fons_pagina.gif) repeat-y*/
}

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

#page_body {
	padding-left: 10px;
		font-size: 11px;
		/*background:transparent url(/imatges/css/vores_deg_l.gif) repeat-y scroll left top;*/
		
}

#page_bottom {
	margin: 0 auto;
	padding: 0px;
	width: 951px;
	clear: both;
	line-height: 18px;
	background: url(/imatges/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;
	background: url(/imatges/css/fons_pagina_final.gif) repeat-y;
}

#page_final_top {
	margin: 0 auto;
	padding: 0px;
	width: 951px;
	clear: both;
	line-height: 9px;
	background: url(/imatges/css/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;
}

#page_final {
	margin: 0 auto;
	text-align: left;
	width: 951px;
	clear: both;
	background: url(/imatges/css/fons_pagina_final.gif) repeat-y;
}

#page_final_bottom {
	margin: 0 auto;
	padding: 0px;
	width: 951px;
	clear: both;
	line-height: 18px;
	background: url(/imatges/css/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?nes distribuidores 
 */
.center {
	padding-left: 206px;
	margin-right: 15px;
}

/**
 * 2.5b Columna principal per p?nes 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?en p?nes 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;
}
.col_menu_dreta ul li {
	margin: 0;
	padding: 5px 0 5px 32px;
	list-style: none;
	background: #F4F4F4 url(/imatges/css/li_menu_lateral.gif) 0px 0px no-repeat;
}

.col_menu_dreta>ul>li:first-child {
	background: #F4F4F4 url(/imatges/css/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(/imatges/css/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?nes
 */
#sidebar {
	display: inline;
	float:left;
	width: 208px;
	margin-left: 4px;
}

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

.sidebar_bottom{
	background: #fff url("/imatges/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("/imatges/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("/imatges/css/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("/imatges/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?na 
 */

.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("/imatges/css/li_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('/imatges/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?na */
.pujar {
	display: block;
	text-align: right;
	margin-bottom: 10px;
}

/* Meta-informaci de tr?ts */
.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?ts, carpeta ciutad?
 */
.botoGran {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 5px;
	padding: 5px;
	color: grey;
	border: 1px solid lightgrey; 
	background: url("/imatges/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?ts */
.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? fixed */
	width: 99%;
	height: 100%;
	padding: 2px;
	background: url(/imatges/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? fixed */
	width: 99%;
	height: 100%;
	padding: 2px;
	background: url(/imatges/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("/imatges/li_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?d'error */
.avis {
	background: #FFFFFF url("/imatges/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?t */
.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? 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("/imatges/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("/imatges/css/li_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("/imatges/css/li_submenu.gif");
}

#LlistaComTramitar strong{
	color: #808040;	
}


#LlistaComTramitar ul li ul li{
	list-style-image: url("/imatges/css/li_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("/imatges/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?na)
 */
 
.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?na 
 */

.seccio_top {
	margin-top: 20px;
	background: #fff url("/imatges/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?na 
 */

.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("/imatges/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(/imatges/css/vores_deg_r.gif) repeat-y scroll right top;
}
.quadre_deg_esq {
	background:transparent url(/imatges/css/vores_deg_l.gif) repeat-y scroll left top;
}
.quadre_deg .quadre_deg_sup {
	background:transparent url(/imatges/css/vores_deg_t.gif) repeat-x scroll right top;
}
.quadre_deg .quadre_deg_sup div {
	background:transparent url(/imatges/css/vores_deg_tr.gif) no-repeat scroll right top;
	height:9px;
}
.quadre_deg .quadre_deg_sup div div {
	background:transparent url(/imatges/css/vores_deg_tl.gif) no-repeat scroll left top;
	height:9px;
}
.quadre_deg .quadre_deg_inf {
	background:transparent url(/imatges/css/vores_deg_b.gif) repeat-x scroll right bottom;
}
.quadre_deg .quadre_deg_inf div {
	background:transparent url(/imatges/css/vores_deg_br.gif) no-repeat scroll right bottom;
	height:9px;
}
.quadre_deg .quadre_deg_inf div div{
	background:transparent url(/imatges/css/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(/imatges/css/vores_linia.gif) repeat-y scroll left top;
}
.quadre_dre{
	background:transparent url(/imatges/css/vores_linia.gif) repeat-y scroll right top;
}
/** NO **/.quadre .quadre_sup {
	font-size: 1px;
	background:transparent url(/imatges/css/vores_linia.gif) repeat-x scroll left top;
}
/** NO **/.quadre .quadre_sup div {
	background:transparent url(/imatges/css/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(/imatges/css/vores_tl.gif) no-repeat scroll left top;
	height:6px;
	font-size: 1px;
}

/**
* vores arrodonides esq/dret
*/
/** NO **/.vores_sup {
	background:transparent url(/imatges/css/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(/imatges/css/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(/imatges/css/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(/imatges/css/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(/imatges/css/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(/imatges/css/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(/imatges/css/li_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(/imatges/css/fletxa_relacio.gif) no-repeat scroll right center;
	height:41px;
	left:-25px;
	position:relative;
	top:-6px;
	width:15px;
	float: left;
}

.clip {
	background:transparent url(/imatges/css/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?i 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?ts, 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;
}

#quadre_gris {
padding: 20px;
margin-left: 200px;
margin-right: 200px;
border: 1px dotted #aaaaaa;
background-color:#fcfcfc;
}

.consell {
margin-left: 20px;
color: #999999;
}

#enquestaFormulari table tr td {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 10px;
}

#enquestaFormulari table tr td table tr td{
	border-bottom: 0px;
	padding-bottom: 0px;
}

.img_flota {
	float:left;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 10px;
}

.fons_3_col {
    background: url("fons_3_columnes.gif") repeat-y scroll 9px 0 transparent;
    float: left;
    width: 100%;
}