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

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

div {
 margin:0;
 padding:0;
}
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-sat.jpg") no-repeat left top #FFFFFF;
        border: 0px;
        padding: 0px;
	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 {
	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:15em;
        margin:0;
        padding: 0;
	padding-top: 0.5em;
	padding-right: 0.5em;	
	min-height:100%;
	border-right: 3px solid #ccc;
}


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

#menu {
	padding: 0.2em;
	font-family: "Arial Narrow";
	font-size: 120%;
	font-weight: bold;
        margin-right: 0.5em;
        clear: none;
}
#menu img {
	margin-right: 0.25em;
}


#menu li {
	margin: 0.1em 0;
	padding:1px;
	position: relative;
	height: 1%;
	width:100%;
        list-style-type:none;
}
#menu li.selected span {
	text-decoration: underline;
        list-style-type:none;
}
#menu ul {
	font-weight: normal;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0;

}
#menu li li, #menu li li a {
	padding: 0.1em 0.1em 0.1em 0.1em !important; 
	color: #009;
        width:95%
        list-style-type:none;
}


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


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

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

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

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




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

a {
	color: #000;
}

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

h3 {
  font-family:verdana,sans-serif;
  font-weight:bold;
  text-indent: 0em;
}
kbd {
	color: #990000;
	background-color: #990000;
}
.tipoOperacion {
	color: #C00;
}

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

#migas {
	margin: 0;
	text-align:left;
	position:relative;
	z-index: 10;
	background-color: #E7E7E7;
}
#migas div {
	background-color: #E7E7E7;
}
#migas ol {
	padding: 0.4em 0;
	font-weight: bold;
        margin-left:1em;
        list-style-type:none;
        list-style-image:none;
}
#migas li {
	display: inline;
        padding-left:-0.5em;
        margin:0;
        margin-left:-1em;
        text-indent:0;
}

#migas li a {
	display: inline;
        margin:0 em;
        padding:0;
        text-indent:0;
        text-decoration:none;
}

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

#subcontenido {
  position:relative;
  clear:none;
}

#contenido, #subcontenido {
	color: #000;
        background-color:#fff;
}

#contenido, #entrecontenidos {
	padding: 1em;
	border-bottom: 3px solid #CCC;
}

#contenido.portada {
	border-bottom: 0;
}

#contenido, #subcontenido, #entrecontenidos {
	padding: 1em;
	border-left: 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
}



/* ñapa para el explorer */
* html #subcontenido {
       height: 40em; 
}



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

#banners {
	text-align: center;
	height: 1%;
}
#banners li {
	margin-top: 2em;
        list-style-type:none;
}


#banners-derecha {
      background: none;
      text-align:center;
      padding: 0;
      padding-top: 3px;
      margin: 0;
}


#banners-derecha a {
  text-decoration: none;
  border: 0;
}


#banners-derecha img {
  margin: 3px;
}

#banners-derecha ul{
  background: none;
  padding: 0;
  margin: 0;
}
#banners-derecha li{
  background: none;
  padding: 0;
  margin: 0;
  list-style-type:none;
}

#destacados {
	text-align: center;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	height: 1%;
}

#destacados li {
	margin: 0;
	padding: 0;
        list-style-type: none;
}

#destacados a {
	text-decoration: none;
	border: 0;
}
/********** Logotipos de anunciantes **********/

#logotipos {
	margin-left: 0;
	bottom: 0;
	width: 100%;
	heigth: 0%;
}
#logotipos ul {
	padding: 0em 0;
	text-align: center;
	background-color: #CCC;
}
#logotipos li {
	display: inline;
	margin: 0 0em;
}
#logotipos li img {
	vertical-align: middle;
}

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

#infoPortal {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
        margin-bottom: 2px;
	font-weight: bold;
	margin-left: 0;
	width: 100%;
	heigth: 1%;
	background-color: #808080;
	border: 1px solid #FFF;
	border-top: 0;
	color: #FFF;
}
#infoPortal li {
	display: inline;
}
#infoPortal a {
	padding-right: 1.2em;
        margin:0;
        white-space:nowrap;
	color: #FFF;
}


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

form.formulario legend {
	color: #990000;
}

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


#menuBanners.intranet {
	padding-top: 0;
        margin: 0;
	position:relative;
	float:left;
	padding:0;

}

#cabecera a {
 color:black;
}
#cabecera .usuario {
 color:black;
}
#contenido.intranet {
 padding-left:0;
}

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

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

#contenido.portada {
	padding: 1em;
	overflow: hidden;
	border-left: 3px solid #ccc;

}

#subcontenido.subportada {
  overflow: hidden;
  border:0;
  border-left: 3px solid #ccc;

}

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

#presentacion {
	margin-right: 1em;
}

#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 {
	background-color: #fff;
	float:right;
	width: 15.5em;
	margin-left: 3px;

}

#agenda ul {
 margin:0;
 padding: 0;
}

.calendario_agenda{
 margin:4px;
 padding: 5px;
}

.FiltroCalendario {
 font-size:0.9em;
 background-color:white; 
 margin-left: 2px;
}

.eventos_proximos {
	padding:0;
	margin:0;
        text-align:justify;
}
.eventos_proximos * {
        text-align:justify;
}



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

.subportada {
	background: url("imgs/separacion.png") repeat-y center;
	padding: 1em 0 0 0 !important;
	overflow: hidden;
	min-height: 90% !important;
}

#subcontenido div.ultimos h2 {
	color: #FFF;
	background-color: #DDDDDD;
	padding: 0.3em;
	margin-top: 0em;
	margin-left: 0em;
}
#subcontenido div.ultimos .mas {
	margin-top: 1em;
	font-weight: bold;
}
#subcontenido.subportada li, ul {
 list-style-image:none;
 list-style-type:none;
}
/********** 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;
}

.listado ul {
 list-style-position:outside;
}
.listado li{
 margin-bottom: 0.5em;
}

/************************** mios ****************/

#cabeceraGaleria {
 position:relative;
 padding:0;
 width: 100%;
 margin: 3px;
 background-color:black;
}
#cabeceraGaleria img{
 padding:0;
 margin: 0;
 border:0;
} 


/**************** viñetas subcontenido *********************/

#subcontenido ul {
 pading-top: 0.8em;
 padding-left: 1em;
 list-style-position: outside;
 list-style-type: circle;

}

#subcontenido li {
  padding-bottom: 0.5em;
  list-style-image: url("imgs/lista.png"); 
}

#subcontenido li ul {
  padding-top: 0.8em;
}
#subcontenido ul ul{
 padding-left: 1em;
 list-style-position: outside;
 list-style-type: circle;
}

#subcontenido li li {
 padding-bottom: 0.5em;
 list-style-image: url("imgs/lista_2.png");
}


#subcontenido ul.listado {
 list-style-image: none;
 list-style-type: none;
 clear: none;
}

#subcontenido ul.listado li {
 list-style-image: none;
 list-style-type: none;
 clear: none;
}

#subcontenido {
clear: none;
}

#migas li {
  padding-right: 1em;
}

#infoPortal li {
  padding-right: 1em;
  padding-bottom: 0.5em;
}

#menu ul{
  padding-top: 0.1em;
}