@charset "UTF-8";
/* CSS de MEC */
/* Hoja de estilos para los contenidos */


/* Imports
------------------------------------------------------------------------------------------------------------------------ */
@import 'general.css';
@import 'cabecera.css';
@import 'menu_ppal.css';
@import 'menu_sec.css';
@import 'destacados.css';
@import 'pie.css';


/* Titulos de la pagina
------------------------------------------------------------------------------------------------------------------------ */
h2 { margin:6px 5px 12px 8px; padding-bottom:2px; font-size:1.6em; border-bottom:1px dotted #BD1F1B;}
h3{ position:relative; padding:3px 5px 4px 5px; background:#BD1F1B; font-size:1.1em; color:#FFF; z-index:20;}
	h3 span{ font-weight:normal; font-size:.91em;}
h3.imagenes{ padding:3px 5px 4px 24px; background: #BD1F1B url(../../img/noma/ico_bancoimg.gif) left center no-repeat;}
h3.noticias{ padding:3px 5px 4px 24px; background: #BD1F1B url(../../img/noma/ico_home_noticies.gif) left center no-repeat;}
h3.avisos{ padding:3px 5px 4px 24px; background: #BD1F1B url(../../img/noma/ico_home_avisos.gif) left center no-repeat;}
h3.agenda{ padding:3px 5px 4px 24px; background: #BD1F1B url(../../img/noma/ico_home_agenda.gif) left center no-repeat;}
h3.correo{ padding:3px 5px 4px 24px; background: #BD1F1B url(../../img/noma/ico_home_correo.gif) left center no-repeat;}
h3.tasques{ padding:3px 5px 4px 24px; background: #BD1F1B url(../../img/noma/ico_home_tasques.gif) left center no-repeat;}
h3.projectes{ padding:3px 5px 4px 24px; background: #BD1F1B url(../../img/noma/ico_home_projectes.gif) left center no-repeat;}
h3.directorio{ padding:3px 5px 4px 24px; background: #BD1F1B url(../../img/noma/ico_home_directori.gif) left center no-repeat;}
h3.ultimahora{ padding:3px 5px 4px 24px; background: #000 url(../../img/noma/ico_ultima_hora.gif) left center no-repeat;}
h3.suelto{ height: 1%; margin:10px 0 .6em 8px; padding: 0 0 2px 0; background:none; font-size:1.3em; color:#333; border-bottom:1px dotted #BD1F1B;}
h4{ font-size:1.1em; line-height:1.3em;}
	h4 span{ font-weight:normal; font-size:.91em;}
	h4 img{ vertical-align:text-bottom; padding: 0 0 1px 10px;}
h4.fondogris{ margin-bottom:10px; padding:3px 5px 4px 5px; background:#DDD; font-size:1.1em;}
h4.subtitle{ margin-bottom:4px; font-size:1.1em; border-bottom:1px dotted #CCC;}


/* Titulos de la paginas primarias
------------------------------------------------------------------------------------------------------------------------ */
#tit_primaria { height:1%; width:auto; padding:4px 5px 12px 8px;}
	#tit_primaria:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
	* html #tit_primaria {display:block;}
	
	#tit_primaria img{ float:left; padding-right:8px;}
	#tit_primaria div{ margin-top:2px;}
	#tit_primaria div.sininteresa{ width:413px;}
	#tit_primaria div.sinimagen{ width:457px;}
	#tit_primaria div.solo{ width:607px;}
	#tit_primaria div h2{ margin:0 0 12px 0; overflow: hidden;}
	#tit_primaria div p{ margin: 0 1em .8em 0; font-size:1.1em; line-height:1.2em;}


/* Margenes
------------------------------------------------------------------------------------------------------------------------ */
#page .margen0 { margin:0;}
#page .margentop10 { margin-top:1em;}
#page .margentop15 { margin-top:1.5em;}
#page .margentop20 { margin-top:2em;}
#page .margenbot10 { margin-bottom:1em;}
#page .margenbot15 { margin-bottom:1.5em;}
#page .margenbot20 { margin-bottom:2em;}
#page .margentop10:after, #page .margentop15:after, #page .margentop20:after, #page .margenbot10:after, #page .margenbot15:after, #page .margenbot20:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html #page .margentop10, * html #page .margentop15, * html #page .margentop20, * html #page .margenbot10, * html #page .margenbot15, * html #page .margenbot20 {display:block;}


/* Textos para la plantilla generica
------------------------------------------------------------------------------------------------------------------------ */
.plgeneral{ margin:10px 10px 1.2em 8px;}
	.plgeneral:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
	* html .plgeneral {display:block;}
	
	.plgeneral h3{ margin:1.5em 0 .6em 0; padding: 0 0 2px 0; background:none; font-size:1.3em; color:#333; border-bottom:1px dotted #BD1F1B;}
	.plgeneral h4{ margin:1.5em 0 .2em 0; font-size:1.1em;}
	.plgeneral p{ margin-bottom:.8em; font-size:1.1em; line-height:1.2em;}
	.plgeneral p.masinformacion{ margin-right:0; font-size: 1em;}

	.plgeneral ul{ margin-bottom:.8em;}
	.plgeneral li{ margin:.1em 0; font-size:1.1em; padding-left:8px; background:transparent url(../../img/noma/ico_destacados_lista.gif) left top no-repeat;}
	.plgeneral li ul{ margin: 0 0 .4em 6px;}
	.plgeneral li ul li{ padding-top:1px; font-size:.91em;}
	

/* Textos introductorios
------------------------------------------------------------------------------------------------------------------------ */
.intro{ margin:10px 10px 1.2em 8px;}
	.intro:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
	* html .intro {display:block;}
	
	.intro h3{ margin:0 0 .6em 0; padding: 0 0 2px 0; background:none; font-size:1.3em; color:#333; border-bottom:1px dotted #BD1F1B;}
	.intro p{ margin-bottom:.8em; font-size:1.1em; line-height:1.2em;}
	
	.intro ul{ margin-bottom:.8em;}
	.intro ul li, .intro ol li{ margin:.1em 0; font-size:1.1em;}
	.intro ul li{ padding-left:8px; background:transparent url(../../img/noma/ico_destacados_lista.gif) left top no-repeat;}
	.intro ul li ul{ margin: 0 0 .4em 6px;}
	.intro ul li ul li{ padding-top:1px; font-size:.91em;}
	.intro ul.separada li{ margin-bottom:.8em;}
	
	.intro dl{ margin-bottom:.8em;}
	.intro dl dt{ margin-bottom:.2em; font-size:1.1em;}
	.intro dl.glosario{ font-size:1.1em;}
	.intro dl.glosario dt{ margin:0; font-size:1em; font-style:italic;}
	.intro dl.glosario dd{ margin-bottom:.8em;}
	.intro dl.forum, .intro dl.inpectors { float:left;}
	.intro dl.forum dt{ float:left; width:154px; margin-bottom:.2em; font-weight:bold; clear:left;}
	.intro dl.forum dd{ float:left; margin-bottom:.2em; font-size:1.1em; width:445px;}
	.intro dl.inpectors dt{ float:left; width:154px; margin-bottom:.4em; font-weight:bold; clear:left;}
	.intro dl.inpectors dd{ float:left; margin-bottom:.4em; font-size:1.1em; width:298px;}

	.intro p.especificacion{ font-size:1em; line-height:1.2em; color:#666;}
	.intro p.especificacion span{ color:#333;}
	.intro .fotodetallnoticia{ float:left; position:relative; margin: 0 10px 5px 0; padding-bottom:2px;}
	.intro .fotodetallnoticia p{ float:left; width: auto; margin:0; padding:2px 4px; color:#666; font-size:.9em; font-style:italic;}
	.intro .fotodetallnoticia a.zoom{ position:absolute; right:2px; top:2px;}
	.intro .fotodetallnoticia p.paginacion{ float:right; width:60px; border:0; text-align:right; color:#333;}


/* Listado como elemento
------------------------------------------------------------------------------------------------------------------------ */
.elistado{ height: 1%; margin:0 10px 1.4em 8px;}
	.elistado h3, .elistado h4{ margin:0 0 .2em 0; padding:0; font-size:1.1em; color:#333; font-weight:bold; background:none;}
	.elistado p{ margin-bottom:.8em; font-size:1.1em; line-height:1.2em;}
	.elistado p.justificado{ text-align: justify;}
	.elistado p.especificacion{ margin:0; font-size:1em; line-height:1.2em; color:#666;}
	.elistado ul { margin:.1em 0 .8em; font-size:1.1em;}
	.elistado ul li{ padding-left:8px; background:transparent url(../../img/noma/ico_destacados_lista.gif) left top no-repeat;}



/* Listado como elemento a la mitad
------------------------------------------------------------------------------------------------------------------------ */
.elistadomitad{ float:left; display:inline; width:218px; margin:4px 8px 0 8px; padding-bottom: 14px;}
	.elistadomitad img{ float:left; margin-right:6px;}
	.elistadomitad h4{ margin:0 0 .2em 0; font-size:1.1em; color:#333; font-weight:bold;}
	.elistadomitad p{ margin-bottom:.1em; font-size:1.1em; line-height:1.2em;}
	.elistadomitad p.especificacion{ margin:0; font-size:1em; line-height:1.2em; color:#666;}


/* Ofertas
------------------------------------------------------------------------------------------------------------------------ */
.ofertas{ margin:12px 8px 8px 3px;}
	.ofertas img{ float:left; margin:0 0 12px 6px;}
	

/* Parrafo de mas informacion
------------------------------------------------------------------------------------------------------------------------ */
p.masinformacion{ clear:both; margin:0 10px 10px 0; text-align:right;}
p.masinformacion a{ padding-right:10px; background: transparent url(../../img/noma/ico_masinfo.gif) right center no-repeat;}


/* Formulario para categorizar
------------------------------------------------------------------------------------------------------------------------ */
.categorias{ float:left; display: inline; margin:10px 10px 0 8px;}
.categorias form { float:right;}
.categorias form span{ font-size:1.1em;}
.categorias form select{ width:125px;}

	
/* Consultas
------------------------------------------------------------------------------------------------------------------------ */
.consultas602, .consultas452, .consultas292, .consultas217 { float:left; width: 100%;}
.doscol .consultas602, .doscol .consultas452, .doscol .consultas292, .doscol .consultas217 { float:left; width: 49%;}
.doscol .left{ margin-right: 2%; clear: left;}
.consultas602 div.esquinas, .consultas452 div.esquinas, .consultas292 div.esquinas, .consultas217 div.esquinas{ padding:5px 1px 25px 1px;}
	.consultas602 div.esquinas:after, .consultas452 div.esquinas:after, .consultas292 div.esquinas:after, .consultas217 div.esquinas:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
	* html .consultas602 div.esquinas, * html .consultas452 div.esquinas, * html .consultas292 div.esquinas, * html .consultas217 div.esquinas {display:block;}

	.consultas602 h3 a, .consultas452 h3 a, .consultas292 h3 a, .consultas217 h3 a{ color:#FFF}
	.consultas602 h3 a:hover, .consultas452 h3 a:hover, .consultas292 h3 a:hover, .consultas217 h3 a:hover{ color:#017ee8;}
	.consultas292 .item, .consultas217 .item{ width: 97%; padding:13px 5px 0 5px;}
	.consultas602 .item, .consultas452 .item { float:left; width: 46%; padding:13px 5px 0 5px;}
	.consultas602 .item h4.explica, .consultas452 .item h4.explica, .consultas292 .item h4.explica, .consultas217 .item h4.explica{ margin-top:1em;}
	.consultas602 .item p, .consultas452 .item p, .consultas292 .item p, .consultas217 .item p{ font-size:1.1em; color:#333; display: block; width: 100%;}
	.consultas602 .item p.especificacion, .consultas452 .item p.especificacion, .consultas292 .item p.especificacion, .consultas217 .item p.especificacion{ font-size:1em; line-height:1.2em; color:#666;}
	.consultas602 .item ul, .consultas452 .item ul, .consultas292 .item ul, .consultas217 .item ul{ margin:8px 0 2px 0;}
	.consultas602 .item ul li, .consultas452 .item ul li, .consultas292 .item ul li, .consultas217 .item ul li{ margin:0 0 1px 0; padding-left:8px; background:transparent url(../../img/noma/ico_destacados_lista.gif) left top no-repeat; font-size:1.1em;}

	.consultas602 p.masinformacion, .consultas452 p.masinformacion, .consultas292 p.masinformacion, .consultas217 p.masinformacion{ margin-bottom:0; padding-top:10px;}
	.consultas602 p.resoluciones, .consultas452 p.resoluciones, .consultas292 p.resoluciones, .consultas217 p.resoluciones{ float:left; width:430px; font-size:1.1em; margin:15px 5px 0 5px; padding:5px; background:#FFFFCC; border:1px solid #FFFF99; display:inline;}
	
	/* Formulario dentro de consultas */
	.consultas602 form, .consultas452 form, .consultas292 form{ padding:17px 5px 0 5px;}
	.consultas602 form p.explicacion, .consultas452 form p.explicacion, .consultas292 form p.explicacion{ margin-bottom:10px; font-size:1.1em;}
	.consultas602 form p.campos, .consultas452 form p.campos, .consultas292 form p.campos{ margin-bottom:10px;}
	.consultas602 form fieldset, .consultas452 form fieldset, .consultas292 form fieldset{ float:left; width:100%; margin-top:10px; margin:0; padding:0; background: none;}
	.consultas602 form fieldset p, .consultas452 form fieldset p, .consultas292 form fieldset p{ float:left; width:100%; margin-bottom:.4em;}
	.consultas602 form label span, .consultas452 form label span, .consultas292 form label span{ float:left; width:132px; margin-top:2px; font-size:1.1em;}
	.consultas602 input, .consultas452 input, .consultas292 input{ float:left; width:150px; margin:0;}
	.consultas602 input.grande, .consultas452 input.grande, .consultas602 textarea.grande, .consultas452 textarea.grande{ width:287px;}
	.consultas602 select, .consultas452 select, .consultas292 select{ float:left; width:289px;}
	.consultas602 textarea, .consultas452 textarea{ float:left; width:287px; padding-top:1px}
		/* Fieldset dentro de fieldset */
		.consultas602 fieldset fieldset, .consultas452 fieldset fieldset { margin:12px 0; position:relative;}
		.consultas602 fieldset fieldset legend span, .consultas452 fieldset fieldset legend span{ display:block; padding-bottom:.2em; font-size:1.1em; font-weight:bold; color:#333;}
		.consultas602 fieldset fieldset fieldset legend span, .consultas452 fieldset fieldset fieldset legend span{ float:left; font-weight:normal; margin:0; padding:0;}
		.consultas602 fieldset.cercaper label, .consultas602 fieldset.checks label, .consultas602 fieldset.fecha label, .consultas602 fieldset.horario label, .consultas452 fieldset.cercaper label, .consultas452 fieldset.checks label, .consultas452 fieldset.fecha label, .consultas452 fieldset.horario label{ float:left; margin:0 0 4px 132px;}
			/* Fieldset de cercaper */
			.consultas602 fieldset.cercaper p, .consultas452 fieldset.cercaper p{ margin-bottom:.2em;}
			.consultas602 fieldset.cercaper span, .consultas452 fieldset.cercaper span{ width:auto;}
			.consultas602 fieldset.cercaper span.check, .consultas452 fieldset.cercaper span.check{ margin:0;}
			.consultas602 fieldset.cercaper input, .consultas452 fieldset.cercaper input{ margin-left:4px; width:150px;}
      .consultas602 fieldset.cercaper #lanovet, .consultas452 fieldset.cercaper #lanovet{ padding-left: 78px;}
			.consultas602 fieldset.cercaper .novetat, .consultas452 fieldset.cercaper .novetat{ padding: 0 0 0 3px;}

			/* Fieldset de checkbox */
			.consultas602 fieldset.checks label span, .consultas452 fieldset.checks label span{ float:left; width:264px; margin:0; margin-right:-3px;}
			.consultas602 fieldset.checks label input, .consultas452 fieldset.checks label input{ float:left; margin-right:4px;}
			.consultas602 fieldset.checks label span em, .consultas452 fieldset.checks label span em{ font-size:.91em; font-style:normal; color:#666;}
			.consultas602 fieldset.checks label.altres, .consultas452 fieldset.checks label.altres{ float:left;}
			.consultas602 fieldset.checks label.altres span, .consultas452 fieldset.checks label.altres span{ width:auto; padding-right:10px;}
			.consultas602 fieldset.checks label.quealtres, .consultas452 fieldset.checks label.quealtres{ float:left; margin-left:0;}
			.consultas602 fieldset.checks label.quealtres input, .consultas452 fieldset.checks label.quealtres input{ float:left; width:160px; margin-top:-2px;}
			/* Fieldset de fecha */
			.consultas602 fieldset.fecha legend span, .consultas452 fieldset.fecha legend span{ font-weight:normal;}
			.consultas602 fieldset.fecha label span, .consultas452 fieldset.fecha label span{ padding:0;}
			.consultas602 fieldset.fecha label select, .consultas452 fieldset.fecha label select{ float:left; width:3.5em; margin-right:.4em; margin-left:0;}
			.consultas602 fieldset.fecha label.mes, .consultas602 form fieldset fieldset.fecha label.anno, .consultas452 fieldset.fecha label.mes, .consultas452 form fieldset fieldset.fecha label.anno{ margin-left:0;}
			.consultas602 fieldset.fecha label.mes select, .consultas452 fieldset.fecha label.mes select{ width:9.2em;}
			.consultas602 fieldset.fecha label.anno select, .consultas452 fieldset.fecha label.anno select{ width:5em;}
			/* Fieldset de horario */
			.consultas602 fieldset.horario legend span, .consultas452 fieldset.horario legend span{ font-weight:normal;}
			.consultas602 fieldset.horario label span, .consultas452 fieldset.horario label span{ width:auto; margin-right:4px; padding:0;}
			.consultas602 fieldset.horario label input, .consultas452 fieldset.horario label input{ float:left; width:3.5em; margin-right:.4em; margin-left:0;}
			.consultas602 fieldset.horario label.ahorari, .consultas452 fieldset.horario label.ahorari{ margin-left:0;}
			.consultas602 fieldset.horario label.ahorari select, .consultas452 fieldset.horario label.ahorari select{ width:9.2em;}
		/* Input boton */
		.consultas602 form fieldset input.boton, .consultas452 form fieldset input.boton, .consultas292 form fieldset input.boton{ float:right; width:auto; margin-top:10px;}
	/* Input con check box */
		.consultas602 form fieldset fieldset label span#concheck, .consultas452 form fieldset fieldset label span#concheck, .consultas292 form fieldset fieldset label span#concheck{ width: 50px;}
		.consultas602 form fieldset fieldset label input.inputcon, .consultas452 form fieldset fieldset label input.inputcon, .consultas292 form fieldset fieldset label input.inputcon{ width: 84px;}
	

	
	/* Formulario dentro de consultas292 ++++sobreescritura++++ */
	.consultas292 form{ width:277px;}
	.consultas292 form label span{ width:82px;}
	.consultas292 input{ width:193px;}
	.consultas292 select{ width:195px;}
	.consultas452 textarea{ width:195px;}
	.consultas292 form fieldset input.boton{ margin-top:0;}
	
	/* Errores de formulario y errores generales */
	#error { width:97%; margin:0 0 10px 0; padding:6px 5px 0px 25px; background:#FFFFCC url(../../img/noma/ico_error.gif) no-repeat; border:1px solid #FFFF99; font-size:1.1em;}
	#error_gral { margin:2px 10px 2.2em 8px; padding:6px 5px 0px 25px; background:#FFFFCC url(../../img/noma/ico_error.gif) no-repeat; border:1px solid #FFFF99; font-size:1.1em;}
	#error p strong, #error_gral p strong{ font-size:1.1em; color: #BD1F1B;}
	#error ul, #error p, #error_gral ul, #error_gral p{ margin-bottom:8px;}
	#error ul li, #error_gral ul li{ list-style-type:disc;}
	#error ul li strong, #error_gral ul li strong{ color: #BD1F1B;}
	
	/* OK de formulario */
	#ok { width:97%; margin:0 0 10px 0; padding:6px 5px 6px 25px; background:#e3ffcc url(../../img/noma/ico_ok.gif) no-repeat; border:1px solid #cdf6ac; font-size:1.1em;}
	#ok p strong{ font-size:1.1em;}
	
	/* Tablas dentro de consultas */
	.consultas602 table, .consultas292 table { float:left; margin:1px 0 0 0; width:100%;}
	.consultas602 table thead th, .consultas602 table tbody td, .consultas292 table thead th, .consultas292 table tbody td { text-align:left;}
	.consultas602 table thead th { padding-top:6px;}
	.consultas602 table thead th.conform { padding-top:4px;}
	.consultas602 table thead th.conform form{ padding:0; width:auto;}
	.consultas602 table thead th.conform form label{ float:left;}
	.consultas602 table thead th.conform form span, .consultas602 table thead th.conform form select{ width:auto; margin-right:4px; font-size:1em;}
	.consultas602 table thead th.conform form select{ width:auto; margin-right:4px; font-weight:normal;}
	.consultas602 table thead th.conform form input.boton{ float:right; width:auto; padding-left:2px; padding-right:2px;}
	.consultas602 table td .esborrar, .consultas292 table td .esborrar { padding-left:14px; background: transparent url(../../img/noma/ico_basura.gif) 0 0 no-repeat; color:#333;}
	.consultas602 table td .esborrar:hover, .consultas292 table td .esborrar:hover { background-position:0 100%; color:#017EE8;}

	/* Parrafo y lista para las tablas de la home */
	.consultas602 .captabla, .consultas292 .captabla{ height:1%; background-color:#FBFBFB; border-top:1px solid #F1F1F1; border-bottom:1px solid #F1F1F1; padding:4px 8px;}
		.consultas602 .captabla:after, .consultas292 .captabla:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
		* html .consultas602 .captabla, * html .consultas292 .captabla {display:block;}
	.consultas602 p.nueva, .consultas292 p.nueva{ float:left;}
	.consultas602 p.nueva a, .consultas292 p.nueva a{ padding-left:14px; background: transparent url(../../img/noma/ico_nuevo.gif) left center no-repeat;}
	.consultas602 .item ul.tiempos, .consultas292 .item ul.tiempos{ float:right; margin:1px 0 0 0;}
	.consultas602 .item ul.tiempos li, .consultas292 .item ul.tiempos li{ display:inline; margin:0; padding:0; background:none; font-size:1em;}
	.consultas602 .item ul.tiempos li a, .consultas602 .item ul.tiempos li strong, .consultas292 .item ul.tiempos li a, .consultas292 .item ul.tiempos li strong{ padding: 0 5px 0 1px; border-right:1px solid #333;}
	.consultas602 .item ul.tiempos li.ultimo a, .consultas292 .item ul.tiempos li.ultimo a{ border:0;}
	
	/* Banco de imagenes */
	.consultas217 .banco{ float:left; width:207px; padding:13px 5px 0 5px;}
	.consultas217 .banco img{ float:left; margin-right:5px;}
	.consultas217 .banco p{ font-size:1em; line-height:1.2em; color:#666;}
	.consultas217 .banco p.especificacion{ font-size:1.1em; color:#333;}
	
	/* Listado de descargas */
	.consultas292 ul.descargar{ background:none; padding:0;}
	.consultas292 ul.descargar li{ padding-left:12px; background: url(../../img/noma/ico_descargar.gif) left top no-repeat;}

	
/* Resultados
------------------------------------------------------------------------------------------------------------------------ */
.resultados{ margin:10px 10px 1.2em 8px;}
	
	.resultados .tit_resultados{ margin:0 0 .8em 0; padding: 0 0 2px 0; color:#333; border-bottom:1px dotted #BD1F1B;}
	.resultados .tit_resultados h3{ margin:0 0 .2em 0; padding: 0; background:none; font-size:1.3em; color:#333;}
	.resultados .tit_resultados p{ margin-bottom:.5em;}
	.resultados .tit_resultados p.camino{ margin-top:1em;}
	.resultados h4 span.novetat{ font-size: 11px; font-weight: bold; color:#F00; margin-left: 8px;}
	.resultados p{ margin-bottom:.8em; font-size:1.1em; line-height:1.2em;}
	.resultados h4{ font-size:1.1em; line-height:1.2em;}
	.resultados h4.apartats{ margin-top:3em;}
	.resultados ul{ margin-top:.4em;}
	/* 26/10/2011 tnieto per tal de tabular els punts de la llista es fan les següents modificacions:
				  - list-style-position:outside; ==> Amb aquesta propietat fem que els números o bullets de la llista apareguin separats de tot el text
				  - margin: 0px 0px 0px 40px; ==> Amb aquesta propietat establim el marge esquerre perquè tabuli tot el contingut 
				  - padding: 0px 0px 10px 0px; ==> Amb aquesta propietat establim la separació entre els <li>
    */
	.resultados li{ /*display:block;*/ width:94%; list-style-position:outside; margin: 0px 0px 8px 40px;  padding: 0px 0px 0px 0px;}
	.resultados li a{ height: 1%; display:block; margin:0; margin-bottom: .4em; padding:7px 20px; background:#F2F2F2; font-size:1.1em; color:#333;}
	.resultados li a:hover { background-color:#E0E0E0; color:#017EE8;}
	.resultados a.fichero{ display:block; margin-top:1.5em; padding:50px 10px; background:#F2F2F2; font-size:1.1em; text-align:center;}
	.resultados a.fichero:hover{ background-color:#E0E0E0;}
	.resultados .detalle{ margin-top:1.5em; padding:7px 10px; background:#F2F2F2;}
	.resultados .detalle h5{ margin:.7em 0 1em 0;}
	.resultados .detalle ul{ margin:0 5px;}
	/*
	.resultados .detalle ul li{ margin:0 0 8px 0; padding-left:8px; background:transparent url(../../img/noma/ico_destacados_lista.gif) left top no-repeat; font-size:1.1em;}
	*/
	
	/* 26/10/2011 tnieto Es modifica el font-size de 1.1em a 11px perquè aparegui la font del mateix tamany que la resta de contingut */
	.resultados .detalle ul li{ margin:0 0 8px 0; padding-left:8px; background:transparent url(../../img/noma/ico_destacados_lista.gif) left top no-repeat; font-size:11px;}
	/* 26/10/2011 tnieto s'afegeix aquesta línia perquè els li apareguin amb el mateix tamany que el text */
	.resultados .detalle li{font-size: 11px;}
	
	.resultados .detalle a{ display:inline; color: #BD1F1B; margin:0; padding: 0; font-size:1em;}
	.resultados .detalle a:hover{ background:none;}
	.resultados li a.sacasub{ text-decoration: none;}
	.resultados li a.sacasub span.subraya{ text-decoration: underline;}
	.resultados li a.sacasub span.novetat{ font-size: 11px; font-weight: bold; color:#F00; text-decoration: none; margin-left: 8px;}
	
	/*
ol li {font-size: 30px;}
*/
	
/* Resultados dos
------------------------------------------------------------------------------------------------------------------------ */
.resultados2{ margin:10px 10px 0 8px;}

	.resultados2 h3{ margin:0 0 .6em 0; padding: 0 0 2px 0; background:none; font-size:1.3em; color:#333; border-bottom:1px dotted #BD1F1B;}
	.resultados2 p.explicacion{ padding-bottom:.8em; font-size:1.1em;}
	.resultados2 form { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #BD1F1B;}
	.resultados2 form legend{ display:block;}
	.resultados2 form legend span{ display:block; width:452px; padding-bottom:.8em; font-size:1.1em;}
	.resultados2 ul.borde{ float:left; width:100%; padding-bottom:10px; border-bottom:1px dotted #BD1F1B;}
	.resultados2 ul li{ float:left; margin: 1px 6px 0 0; padding: 1px 0 2px 6px; border-left:1px solid #333; font-size:1.1em;}
	.resultados2 ul li.primero{ border:0; margin-top:0; padding:0;}
	.resultados2 ul li.primero2{ border:0; padding-left:0;}
	.resultados2 form label{ float:left;}
	.resultados2 form input, .resultados2 form select{ font-size:1em;}
	.resultados2 form p span{ float:left;}
	.resultados2 form p select{ float:left; width:100px;}
	.resultados2 form input.boton{ float:left; width:auto; margin-left:4px;}
	
	
/* Resultados tres
------------------------------------------------------------------------------------------------------------------------ */
ul.resultados3{ float:left; margin:10px 10px 1.2em 0; padding-left:8px;}
ul.resultados3 li{ margin-bottom:10px; font-size:1.1em; font-size:1.1em; padding-left:8px; background:transparent url(../../img/noma/ico_destacados_lista.gif) left top no-repeat;}
ul.resultados3 li span{ font-size:.91em; color:#666;}

	
/* Sino encuentras
------------------------------------------------------------------------------------------------------------------------ */
.sinoencuentras{ margin:15px 10px 0 8px;}
	
	.sinoencuentras p{ float:left; margin-bottom:.8em; font-size:1.1em;}
	.sinoencuentras form label{ float:left;}
	.sinoencuentras form input{ font-size:1em;}
	.sinoencuentras form input.boton{ float:left; width:auto; margin-left:4px;}	

	
/* Inspectores
------------------------------------------------------------------------------------------------------------------------ */
.inspectores{ margin:10px 10px 1.2em 8px;}
	
	.inspectores h3{ height:1%; margin:0 0 .8em 0; padding: 0 0 2px 0; background:none; font-size:1.3em; color:#333; border-bottom:1px dotted #BD1F1B;}
	.inspectores form { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #BD1F1B;}
	.inspectores form p{ float:left; width:207px; margin-bottom:.8em;}
	.inspectores form p.explicacion{ float:left; width:200px; padding-right:45px; font-size:1.1em;}
	.inspectores form p span{ display:block; margin-bottom:.4em; font-size:1.1em;}
	.inspectores form p select{ width:200px;}
	.inspectores form input.boton{ float:right; width:auto; margin: .8em 7px 0 0;}

	.inspectores h4{ margin:10px 0 0 0;}
	.inspectores ul { margin: 5px 0 0 15px; font-weight:bold;}
	.inspectores ul li ul{ margin:0 0 .8em 0; font-weight:normal;}
	.inspectores ul li ul li{ padding: 2px 0 0 8px; background:transparent url(../../img/noma/ico_destacados_lista.gif) left top no-repeat; color:#666}	
	
	
/* Mapa
------------------------------------------------------------------------------------------------------------------------ */
.mapa{ height:1%; margin:0 10px 1.2em 8px;}
	.mapa h3{ height:1%; margin:0 0 .6em 0; padding: 0 0 2px 0; background:none; font-size:1.3em; color:#333; border-bottom:1px dotted #BD1F1B;}
	.mapa p{ margin: 0 0 .8em 8px;}
	.mapa p.explicacion{ font-size:1.1em; margin: 0 0 1.5em 0;}
	.mapa form { /*float:left;*/ margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #BD1F1B;}
	.mapa form p{ margin: 0 0 .8em 0;}
	.mapa form p span{ float:left; display:block; width:200px; margin-bottom:.4em; font-size:1.1em;}
	.mapa form p select{ float:right; width:200px;}
	.mapa form input.boton{ float:right; width:auto; margin: .8em 0 0 0; clear:both;}

	.mapa .plano{ float:left; width:160px; margin:3px 10px 0 0; padding:5px; border:1px solid #E0E0E0;}
	.mapa .plano img{ border:0;}
	.mapa .datos{ float:left; width: 60%;}
	.mapa .datos ul{ margin-top:3px;}
	.mapa .datos ul li{ padding: 2px 0 0 8px; background:transparent url(../../img/noma/ico_destacados_lista.gif) left top no-repeat; color:#666;}
	.mapa .datos dl{ height: 1%; margin-top:10px; padding:6px 8px; background-color:#F2F2F2;}
	.mapa .datos dt{ float:left; width: 40%; margin:0 2px 3px 0; clear:left;}
	.mapa .datos dd{ float:left; width: 50%; margin:0 0 3px 0;}

	.mapa .datos h5{ margin:2px 0; padding:8px 8px 4px 8px; font-size:1em; border-bottom:1px solid #DDD;}
	.mapa .datos ul.equipo{ float:left; margin:0; padding-bottom:8px; background-color:#FFF}
	.mapa .datos ul.equipo li{ float:left; padding:3px 8px 0 8px; margin-bottom:2px; background:none; color:#333; background-color:#FBFBFB;}
	.mapa .datos ul.equipo li dl{ margin:0; padding:0; background: none;}
	.mapa .datos ul.equipo li dt{ position: relative; float:left; width: 100%; clear:left; font-weight:normal;}
	.mapa .datos ul.equipo li dt img{ margin-right:4px;}
	.mapa .datos ul.equipo li dt a{ padding-top:2px; color:#333; text-decoration:none;}
	.mapa .datos ul.equipo li dt a:hover{ text-decoration:underline;}
	
	.mapa .datos ul.equipo li dt span.mas, .mapa .datos ul.equipo li dt span.menos, .mapa .datos ul.equipo li dt a.mas, .mapa .datos ul.equipo li dt a.menos{ padding-left:10px;}
	.mapa .datos ul.equipo li dt a.manejador{ position:absolute; top:-4px; left:-2px;}
	
	.mapa .datos ul.equipo li dd{ float:right; width:127px; clear:right;}
	.mapa .datos ul.equipo li ul li{ width:245px; padding:0 0 0 8px;}
	.mapa .datos ul.equipo li ul li dt{ width:117px;}
	.mapa .datos ul.equipo li ul li dd{ float:right; width:126px; margin-bottom:1px;}
	.mapa .datos ul.equipo li#escogido{ background-color:#FFF;}
	.mapa .datos ul.equipo li#escogido ul li{ background-color:#FFFFFF}
	.mapa .datos ul.equipo li#escogido ul li dt{ font-weight:normal;}


/* Banco de imagenes
------------------------------------------------------------------------------------------------------------------------ */
.bancimages{ height: 1%; width:452px; margin:15px 10px 1.2em 8px;}
	
	.bancimages h3{ margin:0 0 .6em 0; padding: 0 0 2px 0; background:none; font-size:1.3em; color:#333; border-bottom:1px dotted #BD1F1B;}
	.bancimages p{ margin-bottom:.8em;}
	
	.bancimages .imagengr { float:left; position:relative; width:270px; margin-right:10px;}
	.bancimages .imagengr img{ margin-bottom:2px;}
	.bancimages .imagengr a.zoom{ position:absolute; right:2px; top:2px;}
	.bancimages .imagengr p{ font-size:.9em;}
	
	.bancimages .txtgr { float:left; width:160px; margin-right:12px;}
	.bancimages .txtgr h4{ margin: 3px 0 .8em 0;}
	.bancimages .txtgr p{ font-size:1.1em;}
	.bancimages .txtgr p.especificacion{ font-size:1em; line-height:1.2em; color:#666;}
	.bancimages .txtgr #masher{ margin-right:0; margin-left:0;}

	.bancimages .thumbs{ float:left; width:452px; margin-top:10px;}
	.bancimages .thumbs ul{ float:left; margin-left:0px;}
	.bancimages .thumbs ul li{ float:left; margin: 0 8px 8px 0; display:inline;}
	.bancimages .thumbs ul li a{ display:block; margin:2px;}
	.bancimages .thumbs ul li a:hover{ margin:0; border:2px solid #bd1f1b;}


/* Pesta�as
------------------------------------------------------------------------------------------------------------------------ */
.TabbedPanels { margin:10px 10px 2.5em 8px; width:452px;}
	.TabbedPanelsTabGroup { margin: 0px; padding: 0px;}
	.TabbedPanelsTab { float: left; position: relative; top: 1px; margin-right:3px; padding: 8px 10px 6px 10px; line-height:1.1em; color:#888; background-color: #E0E0E0; border-bottom: 1px solid #bd1f1b; cursor: pointer;}
	.TabbedPanelsTab span{ display:block; font-size:1.2em; font-weight:bold;}
	.TabbedPanelsTabHover { background-color: #CCC; color:#333;}
	.TabbedPanelsTabSelected { background-color: #F7F7F7; border-bottom: 1px solid #F7F7F7; color:#333;}
	.TabbedPanelsTab a { color: black; text-decoration: none;}

.TabbedPanelsContentGroup { clear: both; border-top: solid 1px #bd1f1b; background-color: #F7F7F7;}
.TabbedPanelsContent{ padding: 20px 10px; background: transparent url(../../img/noma/pestanas_back.gif) left bottom no-repeat;}
.TabbedPanelsContent h3 { margin:2em 0 .5em 0; padding:0; background:none; font-size:1.1em; color:#333;}
.TabbedPanelsContent p { font-size:1.1em;}
.TabbedPanelsContent ol li { margin-bottom:.6em; font-size:1.1em;}
.TabbedPanelsContent ul li { margin-bottom:.3em; font-size:1.1em;}
.TabbedPanelsContentVisible {}


/* Duda
------------------------------------------------------------------------------------------------------------------------ */
p.duda { margin:10px 10px 1.2em 8px; padding: 10px 0 10px 30px; background: transparent url(../../img/noma/duda_back.gif) no-repeat; color:#959595;}


/* Demanar
------------------------------------------------------------------------------------------------------------------------ */
.demanar{ float:left; margin:10px 10px 1.2em 8px; display:inline;}
	.demanar h3{ height:1%; width:452px; margin:0 0 .6em 0; padding: 0 0 2px 0; background:none; font-size:1.3em; color:#333; border-bottom:1px dotted #BD1F1B;}
	.demanar p{ margin: 0 0 .8em 0;}
	.demanar p.explicacion{ font-size:1.1em; margin: 0 0 1.5em 0;}
	.demanar form { height:1%; margin-bottom:10px;}
	.demanar form p{ float:left; margin: 0 0 .8em 0;}
	.demanar form p span{ float:left; display:block; width:200px; margin: 2px 0.4em 0 0; font-size:1.1em;}
	.demanar form p input{ float:right;}
	.demanar form input.cantitat{ float:none; width:1.8em;}
	.demanar form p select{ float:right; width:230px;}
	.demanar form p textarea{ float:right; width:228px;}
	.demanar form input.boton{ float:right; width:auto;}
		
	.demanar ul li{ font-size:1.1em; margin: 0 0 .8em 0;}
	
	
/* Navegador
------------------------------------------------------------------------------------------------------------------------ */
.navegador{ margin:10px 10px 1.2em 8px;}

	

/* Mapa del sitio
------------------------------------------------------------------------------------------------------------------------ */
.mapadelsitio{ float:left; display:inline; margin:0 0 0 16px;}
.mapadelsitio .cwt{ float:left; width: 23%; padding-right: 2%;}
.mapadelsitio .item{ float:left; width: 100%; margin-bottom:30px; padding-bottom:20px; border:1px solid #E0E0E0;}
.mapadelsitio .item h3{ margin:0; padding:0; font-size:1.2em; font-weight:bold;}
.mapadelsitio .item h3 a{ display:block; height:1%; padding:4px; background-color:#F1F1F1; color:#333;}
.mapadelsitio .item h3 a:hover{ background:#E0E0E0; color:#017EE8;}

.mapadelsitio .item ul li{ float:left; width: 90%; padding: 4px 0 3px 15px; font-size:1.1em; font-weight:bold;}
.mapadelsitio .item ul li a{ background-color:#FFF; color:#BD1F1B;}
.mapadelsitio .item ul li a:hover{ background-color:#FFF; color:#017EE8;}
.mapadelsitio .item ul li ul li{ float:left; padding: 5px 4px 0 8px; font-size:.91em; font-weight:normal;}
.mapadelsitio .item ul li ul li a{ color:#333;}


/* Arbol de documentos
------------------------------------------------------------------------------------------------------------------------ */
.arbol{ height:1%; margin:10px 10px 1.2em 8px;}
	.arbol:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
	* html .arbol {display:block;}
	
	#treecontrol{ height:1%; margin-bottom: 1em; padding:.4em; background-color:#f2f2f2; text-align:right;}
		#treecontrol:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
		* html #treecontrol {display:block;}
	#treecontrol ul{ float:right;}
	#treecontrol ul li{ display:inline; margin: 1px 0 0 0; padding: 1px 0 2px 7px; border-left:1px solid #333;}
	#treecontrol ul li.primero{ border:0; margin-right:6px;}

	.arbol ul#navegador { float:left; width:100%;}
	.arbol ul#navegador li{ padding: 2px 0 4px 16px; background: url(../../img/noma/arbol_item.gif) 0 0 no-repeat;}
	.arbol ul#navegador .collapsable{ background-image: url(../../img/noma/arbol_contraer.gif);}
	.arbol ul#navegador .expandable{ background-image: url(../../img/noma/arbol_expandir.gif);}
	.arbol ul#navegador .last{ background-image: url(../../img/noma/arbol_item_ultimo.gif);}
	.arbol ul#navegador .lastCollapsable{ background-image: url(../../img/noma/arbol_contraer_ultimo.gif);}
	.arbol ul#navegador .lastExpandable{ background-image: url(../../img/noma/arbol_expandir_ultimo.gif);}
	.arbol ul#navegador a { font-size:1.1em; text-decoration:none;}
	.arbol ul#navegador a span{ color:#000; text-decoration:none;}
	.arbol ul#navegador a:hover span { color:#017EE8; text-decoration:underline;}
  .arbol ul#navegador span.novetat { font-size: 11px; color: #F00; padding-left: 12px;}
	
/* Suggeriments
------------------------------------------------------------------------------------------------------------------------ */
.suggeriments292{ float:right;}
.suggeriments292 div.esquinas{ padding:5px 1px 3px 1px;}
	.suggeriments292 div.esquinas:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
	* html .suggeriments292 div.esquinas {display:block;}

.suggeriments292 h3{ background:#FFF594; color:#333;}
.suggeriments292 p{ min-height:50px; margin:2px 0; padding: 20px 90px 25px 20px; font-size:1.1em; line-height:1.2em; background:#FFFFE1 url(../../img/noma/suggeriments.jpg) right bottom no-repeat;}
* html .suggeriments292 p{ height:55px;} /* Hack IE6 */

	
/* Elemento de destacado
------------------------------------------------------------------------------------------------------------------------ */
.elementotit{ margin:2px 5px 0 3px; padding:5px 5px 0 5px; background-color:#F6F6F6;}
	.elementotit a{ color:#FFF;}
	.elementotit a:hover{ color:#017ee8;}
.elemento{ margin:0 5px 0 3px; padding:13px 10px 5px 10px; background-color:#F6F6F6;}
	
	.elemento img, .elemento50 img{ margin:0 0 11px 0;}
	.elemento p, .elemento50 p{ margin:0; padding:0; font-size:1em; line-height:1.2em; color:#666;}
	.elemento ol, .elemento50 ol{ color:#666;}
	.elemento p.especificacion, .elemento50 p.especificacion{ font-size:1.1em; color:#333;}
	.elemento h4, .elemento50 h4{ margin:0;}


/* Del teu interes
------------------------------------------------------------------------------------------------------------------------ */
#teuinteres{ height:1%; margin:4px 0 10px;}
#teuinteres:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html #teuinteres {display:block;}
#teuinteres div.sombras{ height:1%;}
	
	#teuinteres h3{ margin: 2px; background-color:#fff594; color:#000;}
	#teuinteres ul{ margin:0 2px 2px 2px; padding:3px 6px 12px 6px; background:#FFFFE1;}
	#teuinteres ul li{ margin:0 0 3px 0; padding-left:8px; background:transparent url(../../img/noma/ico_destacados_lista.gif) left top no-repeat; font-size:1.1em;}
	#teuinteres a{ color:#333;}
	#teuinteres a:hover{ color:#017EE8;}
	#teuinteres ul li.nobullet{ padding-left: 0; background: none;}

/* RSS
------------------------------------------------------------------------------------------------------------------------ */
.listarss{ margin:10px 10px 1.2em 8px;}
	.listarss:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
	* html .listarss {display:block;}
	
	.listarss p { margin-bottom:.8em; font-size:1.1em; line-height:1.2em;}
	.listarss p.parrafoh3 { margin-bottom: 12px;}
	.listarss img { padding-left: 0;}
	.listarss h3 { margin: 0 0 .6em 0; padding: 18px 0 0 0; background:none; font-size:1.3em; color:#333; border-bottom:1px dotted #BD1F1B;}
	.listarss h3 a{ text-decoration: none;}
	.listarss h4 { margin: 4px 0 6px 0; font-size:1.1em; border-bottom:1px dotted #CCC;}
	.listarss h4 a{ text-decoration: none; color: #000000;}
	.listarss h4 a:hover{ color: #007EF0;}

/* SAGA
------------------------------------------------------------------------------------------------------------------------ */
h3.saga{ border: none; font-size: 11px;}

/* FAQs
------------------------------------------------------------------------------------------------------------------------ */
dl.intro{ background-color: #FBFBFB; padding: 3px 8px 1px 8px; margin: 0 0 6px 0;}
dl.intro dt{ margin: 0; padding: 0;}
dl.intro dd{ margin: 0; padding: 0;}
dl.intro h3.desplegables{  border: none; font-size: 11px; padding: 0 0 0 9px; background: transparent url(../../img/noma/ico_desplegable.gif) left top no-repeat;}
dl.intro h3.desplegables a{ text-decoration: none;}


/* Paginacion del pie de pagina
------------------------------------------------------------------------------------------------------------------------ */
p.paginacion{ margin:2em 10px 0 8px; padding: 4px; border-bottom:1px dotted #999; text-align:right; font-size:1em;}
p.paginacion a{ color:#BD1F1B;}
p.paginacion a:hover { color:#017EE8;}


/* Navegacion del pie de pagina
------------------------------------------------------------------------------------------------------------------------ */
ul#navpie{ height:1%; margin:0 10px 0 8px; padding: 4px; background:#F2F2F2;}
	ul#navpie:after { content: "."; display:block; height:0; clear:both; visibility:hidden;}
	* html ul#navpie {display:block;}
ul#navpie li{ float:right;}
ul#navpie li.novacerca{ float:left;}
	

/* Herramientas del pie de pagina
------------------------------------------------------------------------------------------------------------------------ */
#masher{ height:1%; margin:2.5em 10px 0 8px; padding: 4px; border-bottom:1px dotted #999; border-top:1px dotted #999;}
#masher:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html #masher {display:block;}

#masher ul{ float:right;}
#masher ul li{ display:inline;}
#masher ul li a{ margin-left:10px; padding: 0 0 0 14px; color:#333; text-decoration:none;}
#masher ul li a:hover{ text-decoration:underline;}
	#masher ul li a.imprimir{ background:transparent url(../../img/noma/ico_imprimir.gif) left center no-repeat;}
	#masher ul li a.enviar{ background:transparent url(../../img/noma/ico_enviar.gif) left center no-repeat;}
	#masher ul li a.descargar{ background:transparent url(../../img/noma/ico_descargar2.gif) left center no-repeat;}
	#masher ul li a.tancar{ background:transparent url(../../img/noma/ico_tancar.gif) left center no-repeat;}


/*estilos para login */

/* Logo
------------------------------------------------------------------------------------------------------------------------ */
.entrada #logo a.logotipo{ z-index: 50;}

/* Parte derecha de la cabecera
------------------------------------------------------------------------------------------------------------------------ */
.entrada #cab_dcha { width:auto; margin-top:31px; background:none; border:0; height:13px;}

/* Subcabecera
------------------------------------------------------------------------------------------------------------------------ */
.entrada #subcabecera { float:left; position:relative; width:780px; margin:12px 0; padding:0; background:none;}
.entrada #subcabecera h2{ position:relative; z-index:1; height:50px; margin:0; padding:30px 8px 8px 17px; background: #BD1F1B url(../../img/noma/subcabecera_login_back.jpg) no-repeat; border:0; font-weight:lighter; font-family: "Helvetica Neue LT STD", Helvetica, Arial, sans-serif; font-size:2.1em;}
.entrada #subcabecera img{ position:absolute; z-index:30; left:0; top:0;}
.entrada #subcabecera a:hover{ color:#FFF; text-decoration:underline;}
	
	/* Subcabecera de desconexi�n */
	.entrada #subcabecera.desconexion { padding: 10px 0 0 0; background: #BD1F1B url(../../img/noma/subcabecera_arriba.jpg) left top no-repeat; color:#FFF;}
		.entrada #subcabecera.desconexion p{ float:right; width:760px; padding:0 20px 28px 0; margin-top:2px; background: transparent url(../../img/noma/subcabecera_abajo.gif) left bottom no-repeat; text-align:right;}

/* Contenido
------------------------------------------------------------------------------------------------------------------------ */
.entrada #contenido { float:left; display:inline; width:762px; margin:0 10px 0 8px; padding:28px 0; background:#F7F7F7 url(../../img/noma/login_escudo.gif) center bottom no-repeat; min-height:340px;}
* html .entrada #contenido { height:340px;} /* Hack IE6 */

	/* Contenido de desconexi�n */
	.entrada #contenido.desconexion { min-height:240px; background-position: 50% 200px}
	* html .entrada #contenido.desconexion { height:240px;} /* Hack IE6 */

/* Titulo y copy
------------------------------------------------------------------------------------------------------------------------ */
/* Titulo - Tecnica basada en la de Gianluca Troiani, pero corrige el problema de accesibilidad que se produce al aumentar la medida de la fuente - Fi Image Replacement */

.entrada #titulo{ float:left; width:381px; margin-top:13px; position: relative; z-index: 1;}                                                        
.entrada #titulo h3, .entrada #titulo p{ display: block; width: 350px; padding: 0 6px 0 25px; text-align:right;}
.entrada #titulo h3{ margin: 1em 0 1.7em 0 ; color:#3D3D3D; font-size:1.6em; background: none; font-weight:bold;}
.entrada #titulo h3 span{ font-weight:bold;}
.entrada #titulo p{ color:#ED1B2E; font-size:1.3em; font-weight:bold;}

/* Login
------------------------------------------------------------------------------------------------------------------------ */
.entrada #login { float:left; width:98%; padding-left:5px; }
.entrada #login div.sombras{ height:1%; background:#FFF}

.entrada #login .titulo{ margin:5px; padding:3px 5px 4px 5px; background:#bd1f1b;}
.entrada #login .titulo h4{ font-size:1.1em; color:#FFF; padding:0 0 1px 20px; background:transparent url(../../img/noma/ico_login.gif) left top no-repeat;}

.entrada #login form{ margin:5px; padding:10px 31px 4px 31px;}
.entrada #login form p{ float:left; width:100%; margin: 0 0 .5em 0;}
.entrada #login form span{ float:left; width:7em; margin:4px 4px 0 0; font-size:1.1em;}
.entrada #login form input{ float:right; width:180px; padding: 3px 1px;}
.entrada #login form p.recordar { float:left; margin-top:4px; width:auto;}
.entrada #login form p.recordar input{ margin: 3px 4px 0 0; float:left; width: auto;}
.entrada #login form p.recordar span{ width:auto; font-size:1em;}
.entrada #login form input.boton{ float:right; width:auto; margin: 4px 0 0 0; padding-top:1px; padding-bottom:1px; font-weight:bold;}

.entrada #login p{ margin:6px 36px 16px 5px; text-align:right;}
.entrada #login p#centro{ text-align: center; padding-top: 1em; margin-left: 31px;}
.entrada #login a{ color:#666;}
.entrada #login a:hover { color:#017EE8;}
.entrada #login a.boton{ display: block; margin: 0 auto; background: url(../../img/noma/boton-ENTRADA.png) 0 0 no-repeat; width: 142px; height: 50px; padding: 0 0 0 20px; line-height: 48px; font-family: Arial, Helvetica, sans-serif; color:#FFF; font-size:1.5em; text-decoration:none; font-weight: bold;}
.entrada #login a.boton:hover{ background-position: 0 100%; color: #FFF;}

.entrada #login p#error{ width:254px; margin:0 0 10px 0; padding:5px; background:#FFFFCC; border:1px solid #FFFF99; font-size:1.2em; color: #BD1F1B; text-align:center;}

/* requadre Actualitat (p�gina de Benvinguda)
------------------------------------------------------------------------------------------------------------------------ */

.entrada #actualitat { float:left; width:98%; padding-left:5px;}
.entrada #actualitat div.sombras{ height:1%; background:#FFF}

.entrada #actualitat .titulo{ margin:5px; padding:3px 5px 4px 5px; background:#bd1f1b;}
.entrada #actualitat .titulo h4{ font-size:1.1em; color:#FFF; padding:0 0 1px 20px; background:transparent url(../../img/noma/ico_login.gif) left top no-repeat;}

.entrada #actualitat form{ margin:5px; padding:10px 31px 4px 31px;}
.entrada #actualitat form p{ float:left; width:100%; margin: 0 0 .5em 0;}
.entrada #actualitat form span{ float:left; width:7em; margin:4px 4px 0 0; font-size:1.1em;}
.entrada #actualitat form input{ float:right; width:180px; padding: 3px 1px;}
.entrada #actualitat form p.recordar { float:left; margin-top:4px; width:auto;}
.entrada #actualitat form p.recordar input{ margin: 3px 4px 0 0; float:left; width: auto;}
.entrada #actualitat form p.recordar span{ width:auto; font-size:1em;}
.entrada #actualitat form input.boton{ float:right; width:auto; margin: 4px 0 0 0; padding-top:1px; padding-bottom:1px; font-weight:bold;}

.entrada #actualitat p{ margin:6px 36px 16px 5px; font-size: 1em;}
.entrada #actualitat p#centro{ text-align: center; padding-top: 1em; margin-left: 31px;}

.entrada #actualitat a { font-size:1.1em; text-decoration:underline; font-weight: bold;}
.entrada #actualitat a:hover { font-weight: bold; color:#017EE8;}
.entrada #actualitat a.boton{ margin: 0.4em; padding: 0.1em 0.5em; background-color:#949494; border:1px solid #C1C1C1; border-right-color:#5D5D5D; border-bottom-color:#3E3E3E; border-left-color:#ABABAB; font-family: Arial, Helvetica, sans-serif; color:#FFF; font-size:1.5em; text-decoration:none; font-weight: bold;}
.entrada #actualitat a.boton:hover{ background-color:#333; color:#FFF;}

.entrada #actualitat p#error{ width:254px; margin:0 0 10px 0; padding:5px; background:#FFFFCC; border:1px solid #FFFF99; font-size:1.2em; color: #BD1F1B; text-align:center;}
.entrada #actualitat ul li {padding-left:10px; padding-bottom:10px}


/* requadre centresEducatius (p�gina de Benvinguda)
------------------------------------------------------------------------------------------------------------------------ */

.entrada #centresEducatius { float:left; width:98%; padding-left:5px;}
.entrada #centresEducatius div.sombras{ height:1%; background:#FFF}

.entrada #centresEducatius .titulo{ margin:5px; padding:3px 5px 4px 5px; background:#666666;}
.entrada #centresEducatius .titulo h4{ font-size:1.1em; color:#FFF; padding:0 0 1px 20px; background:transparent url(../../img/noma/ico_login.gif) left top no-repeat;}

.entrada #centresEducatius form{ margin:5px; padding:10px 31px 4px 31px;}
.entrada #centresEducatius form p{ float:left; width:100%; margin: 0 0 .5em 0;}
.entrada #centresEducatius form span{ float:left; width:7em; margin:4px 4px 0 0; font-size:1.1em;}
.entrada #centresEducatius form input{ float:right; width:180px; padding: 3px 1px;}
.entrada #centresEducatius form p.recordar { float:left; margin-top:4px; width:auto;}
.entrada #centresEducatius form p.recordar input{ margin: 3px 4px 0 0; float:left; width: auto;}
.entrada #centresEducatius form p.recordar span{ width:auto; font-size:1em;}
.entrada #centresEducatius form input.boton{ float:right; width:auto; margin: 4px 0 0 0; padding-top:1px; padding-bottom:1px; font-weight:bold;}

.entrada #centresEducatius p{ margin:6px 36px 16px 5px;}
.entrada #centresEducatius p#centro{ text-align: center; padding-top: 1em; margin-left: 31px;}

.entrada #centresEducatius a { font-size:1em; text-decoration:underline; font-weight: bold;}
.entrada #centresEducatius a:hover { color:#017EE8;}
.entrada #centresEducatius a.boton{ margin: 0.4em; padding: 0.1em 0.5em; background-color:#949494; border:1px solid #C1C1C1; border-right-color:#5D5D5D; border-bottom-color:#3E3E3E; border-left-color:#ABABAB; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFF; font-size:1.5em; text-decoration:none; font-weight: bold;}
.entrada #centresEducatius a.boton:hover{ background-color:#333; color:#FFF;}

.entrada #centresEducatius p#error{ width:254px; margin:0 0 10px 0; padding:5px; background:#FFFFCC; border:1px solid #FFFF99; font-size:1.2em; color: #BD1F1B; text-align:center;}

.entrada #centresEducatius ul li {padding-left:10px; padding-bottom:10px}

.entrada p { font-size:1.1em; line-height: 1.3em;}

.entrada #subcabecerasin { margin-bottom: 16px;}
.entrada #actualitat td { font-size:1.1em; line-height: 1.3em;}
.entrada #actualitat td a { font-size:1em;}

/* requadre serveisAdministratius (p�gina de Benvinguda)
------------------------------------------------------------------------------------------------------------------------ */
.entrada #serveisAdministratius { float:left; width:98%; padding-left:5px;}
.entrada #serveisAdministratius div.sombras{ height:1%; background:#FFF}

.entrada #serveisAdministratius .titulo{ margin:5px; padding:3px 5px 4px 5px; background:#666666;}
.entrada #serveisAdministratius .titulo h4{ font-size:1.1em; color:#FFF; padding:0 0 1px 20px; background:transparent url(../../img/noma/ico_login.gif) left top no-repeat;}

.entrada #serveisAdministratius form{ margin:5px; padding:10px 31px 4px 31px;}
.entrada #serveisAdministratius form p{ float:left; width:100%; margin: 0 0 .5em 0;}
.entrada #serveisAdministratius form span{ float:left; width:7em; margin:4px 4px 0 0; font-size:1.1em;}
.entrada #serveisAdministratius form input{ float:right; width:180px; padding: 3px 1px;}
.entrada #serveisAdministratius form p.recordar { float:left; margin-top:4px; width:auto;}
.entrada #serveisAdministratius form p.recordar input{ margin: 3px 4px 0 0; float:left; width: auto;}
.entrada #serveisAdministratius form p.recordar span{ width:auto; font-size:1em;}
.entrada #serveisAdministratius form input.boton{ float:right; width:auto; margin: 4px 0 0 0; padding-top:1px; padding-bottom:1px; font-weight:bold;}

.entrada #serveisAdministratius p{ margin:6px 36px 16px 5px;}
.entrada #serveisAdministratius p#centro{ text-align: center; padding-top: 1em; margin-left: 31px;}

.entrada #serveisAdministratius a { font-size:1; text-decoration:underline; font-weight: bold;}
.entrada #serveisAdministratius a:hover { color:#017EE8;}
.entrada #serveisAdministratius a.boton{ margin: 0.4em; padding: 0.1em 0.5em; background-color:#949494; border:1px solid #C1C1C1; border-right-color:#5D5D5D; border-bottom-color:#3E3E3E; border-left-color:#ABABAB; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFF; font-size:1.5em; text-decoration:none; font-weight: bold;}
.entrada #serveisAdministratius a.boton:hover{ background-color:#333; color:#FFF;}

.entrada #serveisAdministratius p#error{ width:254px; margin:0 0 10px 0; padding:5px; background:#FFFFCC; border:1px solid #FFFF99; font-size:1.2em; color: #BD1F1B; text-align:center;}

.entrada #serveisAdministratius ul li {padding-left:10px; padding-bottom:10px}


/* requadre enllacosBenvinguda (p�gina de Benvinguda)
------------------------------------------------------------------------------------------------------------------------ */

.entrada #enllacosBenvinguda { float:left; width:98%; padding-left:5px;}
.entrada #enllacosBenvinguda div.sombras{ height:1%; background:#FFF}

.entrada #enllacosBenvinguda .titulo{ margin:5px; padding:3px 5px 4px 5px; background:#666666;}
.entrada #enllacosBenvinguda .titulo h4{ font-size:1.1em; color:#FFF; padding:0 0 1px 10px; background:transparent;}

.entrada #enllacosBenvinguda form{ margin:5px; padding:10px 31px 4px 31px;}
.entrada #enllacosBenvinguda form p{ float:left; width:100%; margin: 0 0 .5em 0;}
.entrada #enllacosBenvinguda form span{ float:left; width:7em; margin:4px 4px 0 0; font-size:1.1em;}
.entrada #enllacosBenvinguda form input{ float:right; width:180px; padding: 3px 1px;}
.entrada #enllacosBenvinguda form p.recordar { float:left; margin-top:4px; width:auto;}
.entrada #enllacosBenvinguda form p.recordar input{ margin: 3px 4px 0 0; float:left; width: auto;}
.entrada #enllacosBenvinguda form p.recordar span{ width:auto; font-size:1em;}
.entrada #enllacosBenvinguda form input.boton{ float:right; width:auto; margin: 4px 0 0 0; padding-top:1px; padding-bottom:1px; font-weight:bold;}

.entrada #enllacosBenvinguda p{ margin: 10px 36px 24px 5px;}
.entrada #enllacosBenvinguda p#centro{ text-align: center; padding-top: 1em; margin-left: 31px;}

.entrada #enllacosBenvinguda a { font-size: 1em; text-decoration:underline; color:#333333;}
.entrada #enllacosBenvinguda a:hover { color:#017EE8;}
.entrada #enllacosBenvinguda a.boton{ margin: 0.4em; padding: 0.1em 0.5em; background-color:#949494; border:1px solid #C1C1C1; border-right-color:#5D5D5D; border-bottom-color:#3E3E3E; border-left-color:#ABABAB; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFF; font-size:1.5em; text-decoration:none; font-weight: bold;}
.entrada #enllacosBenvinguda a.boton:hover{ background-color:#333; color:#FFF;}

.entrada #enllacosBenvinguda p#error{ width:254px; margin:0 0 10px 0; padding:5px; background:#FFFFCC; border:1px solid #FFFF99; font-size:1.2em; color: #BD1F1B; text-align:center;}

.entrada #enllacosBenvinguda ul li {padding-left:10px; padding-bottom:10px}

.entrada #enllacosBenvinguda tr.hovered { background-color: #EEE; cursor: pointer;}
.entrada #enllacosBenvinguda tr.hovered a { color:#017EE8;}

/* Preguntas
------------------------------------------------------------------------------------------------------------------------ */
.entrada #preguntas { float:left; display:inline; width:712px; margin:50px 25px 0 25px; color:#666;}
	.entrada #preguntas p.desconexion { font-size:1.1em; text-align:center;}
	.entrada #preguntas p.desconexion strong { display:block; width:24em; margin:0 auto; padding:10px; background-color:#FFF; border:1px solid #BD1F1B; color:#BD1F1B;}
.entrada #preguntas .preg{ float:left; display:inline; width: 695px; margin:0 9px; font-size:1.1em; padding-bottom: 1.7em;}
.entrada #preguntas .preg h4{ margin-bottom:9px; padding-bottom:6px; border-bottom:1px dotted #BD1F1B; color:#333;}
.entrada #preguntas .preg p{ margin-top:4px;}
.entrada #preguntas .preg p.leermas a{ padding-right:12px; background:transparent url(../../img/noma/raquo_gris.gif) right bottom no-repeat;}
.entrada #preguntas .preg ol li{ margin-top:4px;}
.entrada #preguntas .preg ol li dl{ display:inline;}
.entrada #preguntas .preg ol li dl dt{ display:inline; font-style:italic;}


/* Breadcrumbs
----------------------------------------------- */
#breadcrumbs { margin: 0 0 12px 8px; color: #999;}
#breadcrumbs a{ color: #999;}
#breadcrumbs a:hover{ color: #017EE8;}
#breadcrumbs span{ color: #999;}

/* Calendari
------------------------------------------------------------------------------------------------------------------------ */
.calen-wrap .sombra0, .calen-wrap .sombra1, .calen-wrap .sombra2{
	width: 100%;
}
.calen-wrap .sombra3 {
	width: 98%;
	padding: 2px 5px 6px 3px;
	padding: 2px 1% 6px 1%;
}

.calendari{ margin: 10px 10px 10px 8px;}
	.calendari h3{ margin:0 0 .6em 0; padding: 0 0 2px 0; background:none; font-size:1.3em; color:#333; border-bottom:1px dotted #BD1F1B;}
	.calendari h4{ float:left;}
	.calendari h5{ margin:.8em 0;}
	.calendari p{ margin-bottom:.8em; font-size:1.1em; line-height:1.2em;}
	.calendari .meses{ float:left; margin-top:10px; background-color:#F1F1F1;}
	.calendari .meses .leyenda{ padding:5px 10px 15px 5px;}
	.calendari .meses .leyenda ul{ height:1%; width:577px; margin:9px 0; padding:5px; border-top:1px dotted #999; border-bottom:1px dotted #999; font-size:1.1em;}
	.calendari .meses .leyenda ul li{ display:inline; margin-bottom:2px; padding:0 14px;}
	.calendari .meses .leyenda ul li.fnacional{ background: transparent url(../../img/noma/ico_fnacional.gif) left center no-repeat;}
	.calendari .meses .leyenda ul li.fautonoma{ background: transparent url(../../img/noma/ico_fautonoma.gif) left center no-repeat;}
	.calendari .meses .leyenda ul li.flocal{ background: transparent url(../../img/noma/ico_flocal.gif) left center no-repeat;}

	.calendari .categorias{ float:right; margin:0 0 0 8px;}

.calendari-wrap { padding-bottom: 10px;}
.delcalendari { background-color: #EEE;}
.cal-home { background-color: #EEE; padding: 5px;}

.calendari { background-color: #FFF; border: 1px solid #BDBDBD; padding-bottom: 3px;}
.calendari .ocultar { display: none;}
.calendari #head-wrap { border-bottom: none; padding: 4px;}
.calendari .calendario-header { position: relative; padding: 4px; background-color: #bd1f1b;}
.calendari .any { background-color: #FFF; padding-top: 2px;}
.calendari .calendario-header a{ position: absolute; top: 4px; display: block; height: 12px; width: 12px; text-indent: -9000px; background-color: #bd1f1b; outline: 0;}
.calendari .calendario-header a.anterior{ left: 4px; background: transparent url(../../img/noma/calendari-tools.gif) right bottom no-repeat;}
.calendari .calendario-header a.siguiente{ right: 4px; background: transparent url(../../img/noma/calendari-tools.gif) left bottom no-repeat;}
.calendari .any { display: none;}
.calendari .any a{ top: 1px;}
.calendari .any a.anterior{ left: 54px; background: transparent url(../../img/noma/calendari-tools-any.gif) right bottom no-repeat;}
.calendari .any a.siguiente{ right: 54px; background: transparent url(../../img/noma/calendari-tools-any.gif) left bottom no-repeat;}
.calendari .calendario-header a.anterior:hover{ background-position: 100% top;}
.calendari .calendario-header a.siguiente:hover{ background-position: 0% top;}
.calendari .any a.anterior:hover{ background-position: 100% 4px;}
.calendari .any a.siguiente:hover{ background-position: 0% 4px;}
.calendari .calendario-header div{ text-align: center; margin: 0 14px; font-size: 1.1em; font-weight: bold; line-height: 12px; color: #FFF;}
.calendari .any div{ color: #333; font-weight: normal;}

.calendari table { width: 100%; text-align: right;}
.calendari table a{ display: block; border: 1px solid #beccd2; color: #0c3060; background-color: #e2e2e2; padding: 1px 3px 2px 0;}
.calendari table td.old a{ border: 1px solid #beccd2; color: #0c3060; background-color: #f5f5f5;}
.calendari table a:hover, .calendari table a.current, .calendari table td.old a:hover, .calendari table .dia-hoy a:hover, .calendari table .hovered a{ border: 1px solid #bd1f1b; color: #FFF; background-color: #bd1f1b;}
.calendari table a.current { border: 1px solid #BECCD2;}
.calendari table a.current:hover { border: 1px solid #bd1f1b;}
.calendari table td{ padding: 1px;}
.calendari table td.first{ padding-left: 4px;}
.calendari table td.last{ padding-right: 4px;}
.calendari table abbr{ font-weight: normal; display: block; padding-bottom: 3px;}
.calendari table th{ text-align: center;}
.calendari table span{ border: 1px solid #DDD; color: #999; background-color: #FFF; display: block; padding: 1px 3px 2px 0;}
.calendari table .dia-hoy a, .calendari table .dia-hoy span{ border: 1px solid #bd1f1b; color: #333; background-color: #fcf4f3;}

.calendari table a.tool{ display: inline; border: none; color: #BD1F1B; background: none; padding: 0;}
.calendari table a.tool:hover{ color: #017EE8; background: none; border: none;}

.delcalendari form { padding: 15px 8px 0 0; }
.delcalendari form.tipo-vista { float: left; width: 198px; clear: both; padding: 8px 8px 2px; }
.delcalendari form.segundo { padding-bottom: 10px; }
.delcalendari form fieldset { background-color: #EEE; }
.delcalendari form p { padding: 4px 0 4px 8px;}
.delcalendari form.tipo-vista p { padding-top: 0;}
.delcalendari form p.titulo { background-color: #bdbdbd; color: #FFF; font-size: 11px; font-weight: bold; padding: 3px 8px 4px 8px;}
.delcalendari form.tipo-vista p.titulo { background-color: #EEE; color: #888; font-size: 10px; font-weight: bold; padding: 4px 4px 0;}
.delcalendari form p.segundo { margin-bottom: 4px;}
.delcalendari form p label span{ float:left; width: 32%;}
.delcalendari form p label input { width: 65%;}
.delcalendari form p label input#p_ini,
.delcalendari form p label input#p_fi { width: 7.8em;}
.delcalendari form p label select { width: 66%;}
.delcalendari form p.radios label { float: left; padding: 2px 10px 14px 0;}
.delcalendari form.tipo-vista p.radios label { padding: 2px 10px 8px 0;}
.delcalendari form p.radios label span{ width: auto; padding: 2px 0 0 2px;}
.delcalendari form p.radios label input{ float: left; border: none; width: 12px; height: 12px;}

.delcalendari form input.boton{ float:right; width:auto; margin: 4px 10px 10px 0; display: inline; cursor: pointer;}
.delcalendari form input.tipovista{ margin: 0 4px 0 0;}

.calendari .mensaje-wrap { position: relative; z-index: 5000;}
.calendari .mensaje-wrap .mensaje { position: absolute; top: 6px; left: -117px; width: 240px; padding: 8px 10px 0 10px; background-color: #FFF; border: 1px solid #bd1f1b;}
.calendari .mensaje-wrap .mensaje p{ font-size: 10px; font-weight: bold; text-align: left;}
.calendari .mensaje-wrap .mensaje p em{ font-weight: normal;}
.calendari .mensaje-wrap .marca { position: absolute; top: -3px; left: 3px; width: 19px; height: 10px; background: transparent url(../../img/noma/calendari-mensaje-mark.gif) 0 0 no-repeat; text-indent: -9000px; outline: 0;}

.calendari table td .mensaje-wrap{ display: none;}
.calendari table td:hover .mensaje-wrap{ display: block;}

.consultas452 .caja-calen { float:left; padding: 10px 5px 0 5px;}
.consultas452 .caja-calen img{ float: left; padding: 0 8px 8px 0;}
.consultas452 .caja-calen h3{ margin:0 0 .6em 0; padding: 0 0 2px 0; background:none; font-size:1.3em; color:#333; border-bottom:1px dotted #BD1F1B;}
.consultas452 .caja-calen h4{ margin:0 0 2px 0; padding: 0 0 2px 0;  font-size:1.1em; color:#333;}
.consultas452 .caja-calen p{ margin-bottom: 2px; font-size:1.1em; line-height:1.2em; padding-top: 4px;}
.consultas452 .caja-calen p span{ color: #666;}
.consultas452 .caja-calen p.subtit{ font-weight: bold; padding-top: 14px; padding-bottom: 2px;}

.consultas452 .caja-calen ul li { padding: 2px 0 2px 16px; font-size:1.1em; background: transparent url(../../img/noma/ico_masinfo.gif) 4px 6px no-repeat;}
.consultas452 .caja-calen ul li.rss { padding: 10px 0 2px 0; background: none;}

.consultas452 ul.lista-calen li, .consultas217 ul.lista-calen li { padding: 8px 10px 10px 6px; float: left; width: 96%; border-bottom: 1px solid #e5e5e5;}
.consultas217 ul.lista-calen li { width: auto;}
.consultas452 ul.lista-calen li.ultimo, .consultas217 ul.lista-calen li.ultimo { border-bottom: none;}
.consultas452 ul.lista-calen li h4, .consultas217 ul.lista-calen li h4{ padding-left: 4px; padding-bottom: 2px;}
.consultas452 ul.lista-calen li h4.dest, .consultas217 ul.lista-calen li h4.dest{ padding-left: 1px;}
.consultas452 ul.lista-calen li h4.dest a, .consultas217 ul.lista-calen li h4.dest a{ padding-left: 14px; background: transparent url(../../img/noma/calendari-ico-destacados.gif) 0 3px no-repeat;}
.consultas217 ul.lista-calen li h4.dest a{ display: block; zoom: 1;}
.consultas452 ul.lista-calen li p, .consultas217 ul.lista-calen li p { font-size:1.1em; padding-left: 4px;}
.consultas217 ul.lista-calen li p { font-size: 1em;}
.consultas452 ul.lista-calen li img{ float: left; padding: 0 10px 4px 4px;}
p.sinborde { border: none;}
h3.gris { background-color: #797979;}

.consultas217 ul.lista-calen li h4 span.ico-calen{ padding-left: 14px; background: transparent url(../../img/noma/calendario.gif) 0 2px no-repeat; display: block; zoom: 1;}
.consultas217 ul.lista-calen li h4 span.ico-calen a{ font-size: 11px; font-weight: bold;}

.calendari-cerca .calendari {
	float: left;
	/*width: 190px;*/
	width: 40%;
}

.calendari-cerca form.segundo { width: 98%;}


/* tooltip styling */
.calendari .tooltip {
	display:none;
	font-weight: bold;
	text-align: left;
    width: 240px;
    padding: 8px 10px 0 10px;
    background-color: #FFF;
    border: 1px solid #bd1f1b;
    z-index:10000;
}
.calendari .tooltip p{
    font-size: 1em;
}
.calendari .tooltip p em{
    font-weight: normal;
}
.calendari .tooltip .marca {
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left:-15px;
    width: 31px;
    height: 16px;
    background: transparent url(../../img/noma/calendari-mensaje-mark.gif) 0 0 no-repeat;
    text-indent: -9000px;
}

/* Item destacado del centre
----------------------------------------------- */
div.destacado-centre{
    background-color: #fff5e4;
    padding: 5px;
    margin-bottom: 10px;
}
div.destacado-centre img{
    float: left;
    margin-right: 10px;
}
div.destacado-centre div.textos h2{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1.1em;
}
div.destacado-centre div.textos h2{
    margin-bottom: 5px;
}
div.destacado-centre div.textos p{
    margin-bottom: 5px;
}

/* Recursos del centre
----------------------------------------------- */
div.recursos-centre{
    padding-top: 10px;
}
div.recursos-centre li{
    margin-bottom: 20px;
}
div.recursos-centre a.img{
    float: left;
    width: 80px;
    margin-right: 5px;
}
div.recursos-centre h3{
    background: none;
}
div.recursos-centre h3 a{
    color: #000;
}
div.recursos-centre h3 a:hover{
    color: #017EE8;
}
.recursos-derecha {
	padding-left: 8px;
}

/* Home Intranet - Ultima hora
----------------------------------------------- */
div.ultima-hora {
	background-color: #F8E9E8;
	width: 217px;
	padding: 5px;	
}
div.ultima-hora div.inner{
	padding: 13px 5px 10px;
}

/* reinscripci�, admissi� i vacants
----------------------------------------------- */
.acces-pav { margin-bottom: 10px;}
.consultas452.acces-pav .esquinas{ padding-bottom: 5px;}
.acces-pav h3{ background-color: #BABECC;}
.acces-pav div.fon-gris{ float: left; display: block; width: 60%; padding: 15px 8px 30px; margin: 5px 0 0 0; background: #F3F3F3 url(../../img/noma/deg-access.gif) bottom left repeat-x; font-size: 11px; color: #333;}
.acces-pav div.fon-gris a{ float: left; clear: both; margin-top: 10px;}

.acces-pav p.boton{
	float: left;
	width: auto;
	margin: 10px 0 0 22px;
}

.acces-pav p.boton a,
.acces-pav p.boton span{
	color: #fff;
	display: block;
	background-color: #000;
	font-weight: bold;
	background-image: url('../../img/noma/saga-boton.png');
	background-repeat: no-repeat;
	text-align: left;
	text-decoration: none;
}
.acces-pav p.boton a{
	font-size: 1.1em;
	padding: 0 0 0 25px;
	background-position: 0 0;
}
.acces-pav p.boton a span{
	padding: 0 14px 0 0;
	background-position: 100% 0;
	height: 27px;
	line-height: 27px;
}
.acces-pav p.boton a:hover{
	background-position: 0 100%;
	cursor: pointer;
}
.acces-pav p.boton a:hover span{
	background-position: 100% 100%;
}

.acces-pav div.tools{
	float: left;
	width: 30%;
	margin: 8px 0 0 22px;
	padding-bottom: 4px;
}
.acces-pav div.tools a{
	float: left;
	clear: both;
	line-height: 14px;
	padding: 0 0 2px 20px;
	margin-top: 5px;
	color: #333;
	font-size: 11px;
	width: 80%;
}
.acces-pav div.tools a:hover{ color:#017EE8;}
.acces-pav div.tools a.material{
	background: transparent url(../../img/noma/ico_material.gif) 0 0 no-repeat;
}
.acces-pav div.tools a.manual{
	background: transparent url(../../img/noma/ico_manual.gif) 0 0 no-repeat;
}
.acces-pav div.tools a.video{
	background: transparent url(../../img/noma/ico_video_gris.gif) 0 0 no-repeat;
}

/* treeview
----------------------------------------------- */
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}
.treeview ul {
	background-color: white;
	margin-top: 4px;
}
.treeview .hitarea {
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}
.treeview a.selected {
	background-color: #eee;
}
.treeview .hover {
	color: red;
	cursor: pointer;
}				


/* Pie
----------------------------------------------- */
.entrada #pie{ margin-top:0;}