/*****************************
* Estilos comunes del portal *
******************************/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 75%;
}

h1,
h2,
h3,
h4,
form,
ul,
ol,
dl,
p {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

img {
	border: 0;
}

a:link,
a:visited {
	color: #0055FF;
}

a.saltaEnlaces {
	position: absolute;
	left: -2000px;
	color: black;
}

abbr {
	border: 0;
}

dt {
	font-weight: bold;
}

dd {
	padding-left: 2em;
	margin-bottom: 0.5em;
}

th {
	text-align: center;
}


table.tablaPintaius {
	border: 1px solid #000;
}

table.tablaPintaius th,
table.tablaPintaius td {
	border: 1px solid #000;
}

/*************************
* Estilos de la cabecera *
**************************/
#cabecera {
	color: white;
	margin: 0.4em;
	background: url("imgs/fondoCabecera.jpg") right no-repeat #1B658C;
	overflow: hidden;
	height:1%;	/* Ñapa para que el IE contenga hijos flotantes */
}

#cabecera h1 {
	padding: 0.4em 0 0.1em 0.6em;
	font-weight: normal;
	font-size: 2.5em;
}

#cabecera h1 img {
	margin: 0.1em 0.3em 0 0;
	float:left;
}

#cabecera a {
	color: white;
}

#cabecera h1 .destacado {
	color: #FFCC00;
}

#cabecera .subtitulo {
	color: #FFCC00;
	display: block;
	font-size: 0.5em;
	font-weight: bold;
}

#enlacesCabecera {
	float: right;
	margin: 0;
	margin-bottom: -0.1em;
}

#enlacesCabecera li {
	list-style-type: none;
	display: inline;
}

#enlacesCabecera img,
#enlacesCabecera input {
	vertical-align: middle;
}

form.buscadorPrincipal label {
	display: none;
}

/***************************
* Estilos de la navegacion *
****************************/

#navegacion {
	background-color: #DDE8EE;
	color: black;
	padding: 0.3em 0.5em;
	margin: auto 0.4em;
}

#navegacion a {
	color: black;
}

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

#navegacion li {
	display: inline;
	list-style-type: none;
}

#navegacion .fecha {
	float: right;
	color: #1B658C;
}


/********************************
* Estilos del contenido central *
*********************************/

#contenido {
	line-height: 150%;
	text-align: justify;
	margin-top: 0.4em;
}

#contenido a {
	border-bottom: 1px dashed;
}

#contenido h2,
#contenido h3,
#contenido h4 {
	color: #1B658C;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
	line-height: 120%;
}

#contenido h2 {
	font-size: 2em;
}

#contenido h3 {
	font-size: 1.5em;
}

#contenido h4 {
	font-size: 1.2em;
}

#contenido p {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

#contenido ul,
#contenido ol {
	padding: 0.5em 0 0.5em 2em;
}

#contenido li {
	list-style-type: disc;
	padding: 0.2em 0;
}

#contenido .encabezado {
	background: url("imgs/fondoEncabezado.gif") repeat-x #F0F0F0;
	color: #333;
	margin-bottom: 0.4em;
	padding: 7em 3em 1em;
}
#contenido .encabezado p {
	margin-bottom: 1em;
}


#noticias {
	background-color: #F0F0F0;
}

#noticias h2 {
	background-color: #1B658C;
	color: white;
	width: 11.5em;
	font-size: 1em;
	text-align: right;
	padding: 0.3em;
	margin: 0.5em 0;
}

#noticias ul {
	padding:0;
	margin-left: 2em;
	margin-right: 1em;
	clear: both;
}

ul#listadoNoticias {
	padding: 0 0 0 1em;
}

#noticias li,
#listadoNoticias li {
	list-style-image: url("imgs/flecha.png");
	padding: 0.8em 0;
}

#noticias p,
#listadoNoticias p {
	margin: 0.2em 0;
}

#noticias .titulo,
#listadoNoticias .titulo {
	font-weight: bold;
}

#noticias .titulo a,
#listadoNoticias .titulo a {
	color: #0F238C;
}

#noticias .fuente,
#listadoNoticias .fuente {
	font-style: italic;
}
ul.imagenesNoticia li {
	display:inline;
	padding-right: 1em !important;
}

#barraPaginacion li,
#barraPaginacion a {
	padding-left: 0.25em;
	padding-right: 0.25em;
}

#barraPaginacion li {
	display: inline;
}


#contenido p.entradilla {
	border: 1px solid gray;
	padding: 0.5em;
}

#contenido h4.enlaces {
	margin-bottom: 0;
}

#contenido .masInfo {
	padding-top: 2em;
}

#contenido img.enTitulo {
	float: left;
	margin: 0 1em 1em 0;
}

#planesColectivo div {
	clear:both;
	padding: 1em;
}

#cursosForm {
	padding: 1em;
	background-color: #F0F0F0;
	margin-top: 2em;
}

#cursosForm div {
	margin-bottom: 0.7em;
}

#cursosForm label {
	font-weight: bold;
	width: 10em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
}

#cursosForm input,
#cursosForm select {
	font-size: 1em;
}

#cursosForm select {
	width: 28em;
}

#cursosForm span {
	color: #333;
	margin-left: 0.5em;
}

#cursosForm .botones {
	margin-top: 2em;
	margin-left: 10.5em;
}

#atajos li {
	list-style-type: none;
	margin: 0.3em 0;
}
#atajos kbd {
	border: 3px outset;
	text-align: center;
	color: #1B658C;
	background-color: #1B658C;
}
#atajos kbd span {
	color: white;
	font-weight: bold;
	margin: 0 0.2em;
}

ul#documentos,
#documentos ul {
	padding-left: 0;
	position: relative;
}
ul.documentos {
	padding-left: 0 !important;
	position: relative;
}
#documentos li {
	list-style-type: none;
	background-color: #F3F3F3;
	margin-bottom: 0.5em;
	padding-left: 1em;
}
ul.documentos li {
	list-style-type: none !important;
	background-color: #F3F3F3;
	margin-bottom: 0.5em !important;
	padding-left: 1em !important;
}

#documentos li.publicacion,
#documentos li.planColectivo,
#documentos li.asociacion {
	overflow:  hidden;
	height:1%;	/* Ñapa para que el IE contenga hijos flotantes */
}

#documentos li.publicacion p,
#documentos li.asociacion p {
	margin-left: 9.5em;
}

#documentos img {
	vertical-align: middle;
	margin-right: 0.5em;
}
ul.documentos img {
	vertical-align: middle;
	margin-right: 0.5em !important;
}
#documentos img.caratula {
	float:left;
	margin: 0.5em 0.8em 0.5em 0;
	width: 8.5em;
}
#documentos img.logotipo {
	float:left;
	margin: 0.5em 0.8em 0.5em 0;
	height: 3em;
}
#documentos p {
	margin: 0.5em;
}
ul.documentos p {
	margin: 0.5em !important;
}
#documentos .destacado,
ul.documentos .destacado {
	font-weight: bold;
}
#documentos .info {
	padding-right: 1em;
}
ul.documentos .info {
	padding-right: 1em !important;
}
#documentos .formatos li {
	margin:0;
	padding-left:0.5em
}
#documentos .calidades,
#documentos .calidades li {
	display: inline;
}

ul#resultadosBuscador,
#resultadosBuscador ul {
	padding-left: 0;
	position: relative;
}
#resultadosBuscador li {
	list-style-type: none;
	background-color: #F3F3F3;
	margin-bottom: 0.5em;
	padding-left: 1em;
}
#resultadosBuscador p {
	margin: 0.5em;
}

ul#listadoEventos {
	padding-left: 0;
	position: relative;
}
#listadoEventos li {
	list-style-type: none;
	background-color: #F3F3F3;
	margin-bottom: 0.5em;
	padding-left: 1em;
}
#listadoEventos p {
	margin: 0.5em;
}
#listadoEventos .destacado {
	font-weight: bold;
}

#detalleProgramaFormativo h2 {
	font-size:1.5em;
}
#detalleProgramaFormativo img {
	float:left;
	margin: 0 1em 1em 0;
}
#detalleProgramaFormativo .enlace {
	margin-bottom: 1.5em;
}
#detalleProgramaFormativo .descripcion {
	clear: both;
}

#cursoTrabajastur dt {
	float:        left;
	padding-right: 1em;
}

/* Sección que contiene los enlaces "enviar a" y "versión imprimible" */
.utilesDetalle {
	padding-top: 1em;
}
.utilesDetalle span {
	padding-left: 2em;
}


/*******************
*   Formularios    *
********************/

.formularios,
#formulario,
#formularioPublicacion {
	background-color: #F3F3F3;
	padding: 1em;
}

#formulario div,
#formularioPublicacion div {
	margin-bottom: 0.7em;
}

.formularios fieldset,
#formulario fieldset,
#formularioPublicacion fieldset {
	margin-bottom: 0.8em;
	border: 1px solid #999;
	background-color: #FFF;
	padding: 1em;
}

.formularios legend,
#formulario legend,
#formularioPublicacion legend {
	color: #1B658C;
	font-weight: bold;
	border: 1px solid #999;
	padding: 0.3em;
	background-color: #FFF;
}

.formularios label,
#formulario label,
#formularioPublicacion label {
	float: left;
	text-align: right;
	margin-right: 0.5em;
}

.formularios label,
#formulario label {
	width: 12em;
}

#formularioPublicacion label {
	width: 7em;
}

#formularioPublicacion fieldset label {
	width: 12em;
}

.formularios input,
#formulario input,
#formularioPublicacion input {
	font-size: 1em;
}

#formulario .label-check,
#formularioPublicacion .label-check {
	text-align: left;
	width:100%;
	float:none;
	margin-left:0.5em;
}

#formulario .botones,
#formularioPublicacion .botones {
	margin-top: 2em;
	text-align: center;
}

.formularios .botones {
	padding-top: 1em;
	text-align: center;
}

#buscadorTrabajastur li {
	list-style-type: none;
}

#buscadorTrabajastur label {
	width:      15em;
	text-align: left;
	/* float vale "left" por una regla anterior */
}



/*******************
* Estilos del menu *
********************/

#menu {
	margin-top: 0.4em;
}
#menu ul {
	position: relative;	/* Ñapa para evitar un error en el IE: no pinta el fondo */
}
#menu li {
	list-style-type: none;
}
#menu a:hover {
	text-decoration: underline;
}
#menu li a, #menu li strong {
	color: white;
	display: block;
	background-color: #1B658C;
	margin-bottom: 0.1em;
	padding: 0.3em 0.6em;
}
#menu li li a, #menu li li strong {
	background-color: #E6E6E6;
	color: black;
	padding-left: 0.7em;
}
#menu li li li a, #menu li li li strong {
	background-color: #EFEFEF;
	padding-left: 1.4em;
}
#menu li li li li a, #menu li li li li strong {
	background-color: #F6F6F6;
	padding-left: 2em;
}
#logoPrincipado {
	text-align: center;
	margin-top: 2em;
}

/************************************
* Estilos de la banda de utilidades *
*************************************/

#subportales li {
	list-style-type: none;
	text-align:right;
	font-size: 1.3em;
	margin-bottom: 2px;
	height: 2.5em; /* Ñapa para evitar un error en el IE: no pinta el fondo */
}
#subportales a {
	color: white;
	border:0;
}
#subportales img {
	width: 4em;
	height:2em;
	vertical-align:middle;
}

#agenda,
#encuestas {
	margin-top: 0.4em;
	background-color: #F0F0F0;
	color: black;
}

#agenda a,
#encuestas a {
	border-bottom: 1px dashed;
}

#agenda h2,
#encuestas h2 {
	background-color: #1B658C;
	color: white;
	font-size: 1em;
	text-align: center;
	padding: 0.2em 0;
	text-transform: uppercase;
}
#agenda h3,
#encuestas h3
{
	font-size: 1em;
	margin: 1em 0 0.5em 0;
	text-transform: uppercase;
}

/*
#encuestas form {
	padding-left: 1em;
}
*/

#agenda div,
#encuestas div {
	padding: 1em;
}
#agenda div div {
	padding: 0;
}
#agenda ul {
	margin-left: 1em;
}

#encuestas ul {
	list-style-type: none;
}

#agenda li {
	list-style-image: url("imgs/flecha.png");
	padding: 0.3em 0;
}
#agenda li .fecha {
	color: #0F238C;
}

#encuestas textarea {
	display: block;
}

#encuestas #resultados {
	margin: 0.5em 0 0;
	padding: 0;
	
}

/*
 * OJO: es importante que esto aparezca después de #contenido li.
 */
#votos_encuesta li,
#explicaciones_encuesta li,
#lista_encuestas li {
	list-style-type: none;
}

#contenedorCalendario {
	text-align: center;
}

#contenedorCalendario .caption {
	font-weight: bold;
}

#contenedorCalendario .caption span {
	margin: 0 1em;
}

#calendario {
	font-weight: bold;
	border-collapse: collapse;
	text-align: center;
	margin: 0.7em 0.4em;
}
#calendario tbody,
#calendario .semana {
	border: 1px solid #666;
}
#calendario td {
	padding: 0.1em 0.4em;
}
#calendario .domingo {
	color: #666;
}
#agenda .eventosMes {
	text-align: center;
}

.detalleContenido dd {
	margin-bottom: 1em;
	position:relative;
	left:6em;
	top:-1.5em;
	width:75%;
}


#banners {
	background: white;
	text-align: center;
}

#banners,
#banners ul {
	margin: auto 0;
	padding: 0;
}

#banners a {
	border: 0;
}

#banners li {
	list-style-image: none;
	list-style-type: none;
}

/******************
* Estilos del pie *
*******************/

#pie {
	clear:both;
	text-align: center;
	padding: 1em 0 0.5em 0;
}
#pie a {
	color: black;
	border-bottom: 1px dashed;
}
#pie ul {
	margin: 0;
	padding: 0;
}
#pie li {
	list-style-type: none;
	display: inline;
}


/******************
* direct edit *
*******************/


span.ocms_combobutton
{
  position:absolute;
  left:-30em;   
  top:-12em;
}
* html span.ocms_combobutton
{
  left:-50em;   
  top:-16em;
}