/****************************** Estilos comunes de todo el portal ******************************/

/********** Estilos generales **********/

body {
	background-color: #CCC;
	color: #000;
}
a {
	color: #000;
}
h2, h3, h4 {
	color: #990000;
        text-align:left;
}
kbd {
	color: #990000;
	background-color: #990000;
}
.tipoOperacion {
	color: #C00;
}


/********** Estilos de la cabecera **********/

#cabecera {
	background: url("imgs/cabecera-estic.jpg") no-repeat left top #FFFFFF;
        border: 1px solid #FFF;
        padding: 1px;
        text-align:left;
}
#cabecera h1 {
	padding: 0em;
	padding-top: 0;
        padding-bottom: 0;
	padding-left: 0.6em;
}
#cabecera form {
	position:absolute;
	right: 1em;
	top: 2em;
	text-align: right;
}
#cabecera label {
	vertical-align: bottom;
	margin-right: 0.3em;
}
#logged, #logged a {
	color: #FFF;
}
#logged span {
	padding-left: 1.5em;
	margin-left: 1em
}
#logged span.usuario {
	background: url("imgs/moderno-usuario.png") no-repeat;
}
#logged span.cerrar {
	background: url("imgs/moderno-cerrarSesion.png") no-repeat;
}

/********** Maquetación en 2 columnas **********/

#cuerpo, #menuBanners{position:relative; }

#cuerpo{
	float: left;
	width: 100%;
 	background-color:#FFF;
}

#inferior {
   width:100%;
   height:100%;
}

#cuerpo * {
	margin-left: 14.5em;
}
#cuerpo * * {
	margin-left: 0;
	margin-right: 0;
}

#menuBanners {
        position:relative;
	float: left;
        width:14.5em;
        margin:0;
        padding: 0;
	padding-top: 0.5em;
	min-height:100%;
	border-right: 3px solid #ccc;
}


/********** Menu principal **********/

#menu {
	padding: 0.5em;
	font-family: "Arial Narrow";
	font-size: 120%;
	font-weight: bold;
}
#menu img {
	margin-right: 0.25em;
}
#menu li {
	margin: 0.1em 0;
        padding: 1px;
	position: relative;
	height: 1%;
        width:100%;
}
#menu li.selected span {
	text-decoration: underline;
}
#menu ul {
	font-weight: normal;
	padding-left: 1em

}
#menu li li, #menu li li a {
	color: #009;
        width:95%
}
#menu li li li, #menu li li li a {
	font-style: italic;
	color: #009;
}
#menu span.img {
	width: 11px;
	height: 11px;
	float: left;
	text-decoration:none !important;
	margin: 3px 3px 0 0;
}
#menu span.vacio {
	background: url("imgs/lista1.png") no-repeat 0 0.1em;
}
#menu span.mas {
	background: url("imgs/lista1.png") no-repeat 0 0.1em;
}
#menu span.menos {
	background: url("imgs/lista1.png") no-repeat 0 0.1em;
}

/********** Banners **********/

#banners {
	padding-top: 2em;
	text-align: center;
	height: 1%;
}
#banners li {
	margin-bottom: 2em;
}

/********** Enlaces de acceso rápido **********/

#accesoRapido {
	padding: 0.5em 0;
	text-align: right;
	font-weight: bold;
	margin-left: 0;
 	margin-right: 0;
	background: url("imgs/moderno-acceso.gif") repeat-x top #808080;
	border: 1px solid #FFF;
	border-top: 0;
	color: #FFF;
	position:relative;
	z-index: 10;
}
#accesoRapido li {
	display: inline;
}
#accesoRapido li a {
	padding-left: 1.3em;
	padding-right: 1.1em;
	border-left: 2px solid;
	color: #FFF;
}
#accesoRapido li.primero a {
	border-left: 0;
}

/********** Migas de pan **********/

#migas {
	margin-left: 0;
        text-align:left;
	position:relative;
	z-index: 10;
	background-color: #FDF4E5;
}
#migas div {
	background-color: #FDF4E5;
}
#migas ol {
	padding: 0.4em 1.2em 0.4em;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	font-weight: bold;
}
#migas li {
	display: inline;
}

/********** Contenido principal, secundario y entrecontenidos **********/
	color: #000;
}
a {
	color: #000;
}

h2, h3, h4 {
	color: #000099;
        margin:0;
        padding:0;
}
h2 {
   font-size:1em;
}

h3 {
  font-family:verdana,sans-serif;
  font-style:italic;
  font-weight:bold;
}
kbd {
	color: #990000;
	background-color: #990000;
}
.tipoOperacion {
	color: #C00;
}


/********** Migas de pan **********/

#migas {
	margin-left: 0;
	position:relative;
	z-index: 10;
}
#migas div {
	background-color: #E7E7E7;
}
#migas ol {
	padding: 0.4em 1.2em 0.4em;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	font-weight: bold;
}
#migas li {
	display: inline;
}

/********** Contenido principal, secundario y entrecontenidos **********/

#contenido{
 padding: 1em; 
}

#contenido * {
 margin-left:8px;
 margin-left:6px;

}
#contenido.portada {
 border-bottom:0;
}
#contenido, #subcontenido {
	color: #000;
        background-color:#fff;
}

#contenido, #subcontenido, #entrecontenidos {
	padding: 1em;
	border-left: 3px solid #CCC; 
	border-right: 3px solid #CCC; 

}
#contenido, #entrecontenidos {
	border-bottom: 3px solid #CCC;
}
#contenido a, #subcontenido a, #entrecontenidos a {
	color: #0066FF;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}
#contenido a:hover, #subcontenido a:hover, #entrecontenidos a:hover {
	text-decoration: none;
}
#entrecontenidos {
	padding: 1em;
}
#entrecontenidos * {
	margin: 0;
	color: #000;
}
#entrecontenidos h3 {
	margin-bottom: 0.3em
}
#subcontenido {

}
#subcontenido p, #contenido p {
  text-align:justify;
  margin-right: 6px;
}

#subcontenido.portada {
  border:0;
  border-right: 3px solid #ccc;
  border-left: 3px solid #ccc;


}

/* ñapa para el explorer */
* html #subcontenido {
	height: 40em;
}
#subcontenido li {
	background: url("imgs/lista1.png") no-repeat 0 0.3em;
	padding-left: 1.3em;
}
#subcontenido ul  {
	padding-left: 1.3em;
}
#subcontenido ul.listado li {
  background:none;  
}
/********** Logotipos de anunciantes **********/

#logotipos {
        float:left;
	margin: 0;
	width: 100%;
	heigth: 1%;
        border-top: 3px solid #CCC;
}
#logotipos ul {
	padding: 0;
	text-align: center;
	background-color: #CCC;
}
#logotipos li {
	display: inline;
	margin: 0.5em 0.2em;
}
#logotipos li img {
	vertical-align: middle;
        margin:2px 0.1em;
}

/********** Información del portal **********/

#infoPortal {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 1em;
	font-weight: bold;
	margin: 0;
	width: 100%;
	heigth: 1%;
	background-color: #808080;
	border: 1px solid #FFF;
	border-top: 0;
	color: #FFF;
}
#infoPortal li {
	display: inline;
}
#infoPortal a {
	padding: 0 0.7em;
	color: #FFF;
}
#enlaceFTI {
	position: absolute;
	right: 0em;
	top: 0em;
}

/******* Estilos para los formularios *******/

form.formulario legend {
	color: #990000;
}

/********** estilos especiales de la intranet **********/

#menuBanners.intranet #menu {
	padding-top: 0;
        margin: 0;

}

#cabecera a {
 color:black;
}
#cabecera .usuario {
 color:black;
}

/****************************** Contenido de la portada ******************************/

/********** contenido principal **********/

#contenido.portada {
	padding: 0;
	height: 1%;
	overflow: hidden;
        border-bottom:0;
}

#contenido.portada li {
	background: url("imgs/lista1.png") no-repeat 0 0.3em;
	padding-left: 1.3em;
}
#contenido.portada ul  {
	padding-left: 1.3em;
	
}
#agenda {
        position:relative;
	float:right;
        margin-left:3px;
	width: 15em;
        min-height:90%;
        text-align:left;
}
#agenda.portada {
   border:0;
}
#agenda * {
 padding-left: 3px;
}
#banners-agenda {
      text-align:center;
}

#banners-agenda a {
  text-decoration:none;
  border: 0;
 }
#banners-derecha {
  background: none;
  padding:0;
  margin:0;
}
#banners-derecha * {
  margin:0;
  background:none
}
#banners-derecha * * {
  margin:0;
  background:none
}
#banners-derecha ul{
  background: none;
}
#banners-derecha li{
  background: none;
}

/********** contenido secundario **********/

.subportada {
	background: url("imgs/separacion.png") repeat-y center;
        position:relative;
	padding: 1em 0 0em !important;
        height:1%;
	overflow: hidden;
	min-height: 1% !important;
}
#subcontenido div.ultimos .mas {
	margin-top: 2em;
	font-weight: bold;
}

/********** otros estilos **********/

.enlacesContenidos {
	margin-bottom: 1.5em;
}

/************** Galeria de imagenes **************/

.detalleGaleria {
	min-height: 0 !important;
	overflow: visible !important;
}
/* ñapa para el explorer 6 */
* html .detalleGaleria {
	height: 0 !important;
}

/***********  TABLAS EN EL CONTENIDO DE LAS PÁGINAS *********************/

#subcontenido table.datos {
  border-width:0;
  padding:0;
  margin:0;
  
}

#subcontenido .datos tr {
  padding: 0;
  margin:0;
}

#subcontenido .datos th{
  background-color: #FEF5E4;
  padding: 0.5em 0.1em;
  margin:0;
  border:1px solid #000099; 
}

#subcontenido .datos .horizontal {
  text-align:center;
}

#subcontenido img.icono{
  margin: 0;
  padding:0;
  border:0;
}
#subcontenido .datos .vertical{
 text-align:left;
 padding-left: 0.5em;
}

#subcontenido .datos td {
  text-align:center;
  padding: 0;
  margin: 0;
  border: 1px solid #000099;
}

#subcontenido .datos .total {
  background-color: #FEF5E4;
}
#subcontenido .datos .vacio {
  border:0;
}

.titulares {
 list-style-type: square;
 list-style-position: outside;
 display: list-item;
 color: #009;
}

.tablaDatos {
 border:0; 
 width: 400px;
 margin:0;
 padding: 0;
}

.tablaDatos th, .tablaDatos td {
 padding: 0.3em;
}

.tablaDatos th {
  text-align:left;
  border: 1px solid black;
  margin:0;
}

.tablaDatos tr{
  border:0;
  margin:0;
  padding:0;
}

.tablaDatos thead th {
  text-align:center;
}

.tablaDatos td {
  text-align:right;
  border: 1px solid black;
  margin:0;
}

.tablaDatos .vacio {
  border:0;
}