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

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

body {
	color: #000;
	border-left: 2px solid #274AB1;
	border-right: 2px solid #274AB1;
	border-bottom: 2px solid #274AB1;
	margin: 0 6% 0.5em;
	-moz-box-shadow: 0px 0px 6px 10px rgba(50, 50, 250, 0.3);
	-webkit-box-shadow: 0px 0px 6px 10px rgba(50, 50, 250, 0.3);
	box-shadow: 0px 0px 6px 10px rgba(50, 50, 250, 0.3);
}
a {
	color: #274AB1;
}
h1, h2, h3, h4 {
	color: #009;
	text-align:left;
}
kbd {
	color: #F98900;
	background-color: #F98900;
}
.tipoOperacion {
	color: #C00;
}


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

#superior {
	padding-top: 1.5em;
	background-image: url("imgs/fondo_superior.jpg");
}
#cabecera {
    background: url("imgs/cabecera-estic.jpg") no-repeat left top #FFFFFF;
    text-align:left;
    border-top: 5px solid #274AB1;
    border-bottom: 5px solid #274AB1;
    margin-left: -5.5%;
    position: relative;
    width: 111%;
    -moz-box-shadow: 0px -21px 0px 0px rgba(20, 20, 150, 0.2);
    -webkit-box-shadow: 0px -21px 0px 0px rgba(20, 20, 150, 0.2);
    box-shadow: 0px -21px 0px 0px rgba(20, 20, 150, 0.2);
}
#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 {
	width: 20em;
}
#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;
}
#query {
	background: url("imgs/input_buscador.png") no-repeat;
	border: 0;
	border-right: 1px solid #ACACAC;
	border-bottom: 1px solid #ACACAC;
	padding: 0.3em;
	vertical-align: bottom;
	font-size:1.2em;
}

/********** 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;
}

#maincol,
#maincol_portada {
	border-top: 1px solid #274AB1;
	border-left: 1px solid #274AB1;
	overflow: hidden;
	background-color: #F3F3F3;
}
#maincol_portada {
	border-right: 1px solid #274AB1;	
}


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

#menu {
	padding: 4.3em 0.5em 1em;
	font-weight: bold;
	background: url("imgs/fondo_menu.jpg") no-repeat 0.5em 0.5em;
	-moz-box-shadow: 0px 52px 8px 3px rgba(250, 150, 50, 0.4);
	-webkit-box-shadow: 0px 52px 8px 3px rgba(250, 150, 50, 0.4);
	box-shadow: 0px 52px 8px 3px rgba(250, 150, 50, 0.4);
}
#menu img {
	margin-right: 0.25em;
}
#menu li {
	margin: 0;
	padding: 0.5em 0;
	border-top: 1px solid #2C53C8;
}
#menu ul {
	font-weight: normal;
	margin-top: 0.5em;
}
#menu a, #menu span {
	display: block;
}
#menu a:hover {
	color: #FF9C1D;
	background: url("imgs/enlace_menu.png") no-repeat right;
}
#menu span {
	background: url("imgs/enlace_menu.png") no-repeat right;
}
#menu a {
	background: url("imgs/enlace_menu_off.png") no-repeat right;
}
#menu li li a,
#menu li li span {
    padding-left: 1em
}
#menu li li li a,
#menu li li li span {
    padding-left: 2em
}
#menu li li li {
	font-style: italic;
}
#menu li.ultimo {
	border-bottom: 1px solid #2C53C8;
}
#menu li li.ultimo {
	border-bottom: 0;
	padding-bottom:0;
}

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

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

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

#accesoRapido {
	text-align: right;
	font-weight: bold;
	color: #FFF;
	padding: 0;
}
#accesoRapido li {
	display: inline;
	background-color: #274AB1;
	padding-top: 0.5em;
	margin-left: 0.5em;
}
#accesoRapido li a {
	color: #FFF;
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 1.5em 0 2em;
}
#accesoRapido .inicio {
	background-image: url("imgs/acceso_inicio.png");
}
#accesoRapido .contacto {
	background-image: url("imgs/acceso_contacto.png");
}
#accesoRapido .mapa {
	background-image: url("imgs/acceso_mapa.png");
}
#accesoRapido .recomendar {
	background-image: url("imgs/acceso_recomendar.png");
}

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

#migas {
	margin-left: 0;
	text-align:left;
	padding: 2em 1em 1em;
	overflow: hidden;
	border-right: 1px solid #EEE;
	border-left: 1px solid #EEE;
}
#migas ol {
	font-weight: bold;
	display: inline;
}
#migas li {
	display: inline;
}
#migas span {
	font-weight: bold;
	padding-right: 0.5em;
	padding-left: 1.5em;
	background: url("imgs/info.png") left no-repeat;
}
#migas a {
	color: #274AB1;
}

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

h2, h3, h4 {
	color: #000099;
}
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;
}

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

#contenido {
	padding: 1em;
	overflow: hidden;
}

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

#contenido, #subcontenido, #entrecontenidos {
	padding: 1em;
	margin: 0 1em 1em;
}
#contenido, #entrecontenidos {
	background-color: #FFF;
	border-bottom: 1px solid #FF9C1D;
	margin: 0;
}
#contenido.portada {
	border: 0;
	background-color: inherit;
	margin: inherit;
}
#contenido a, #subcontenido a, #entrecontenidos a {
	color: #274AB1;
	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;
}
#contenido p.dcha img {
	max-height: 12em
}

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

/********** Logotipos de anunciantes **********/

#logotipos {
	margin: 0;
	border-top: 1px solid #CCC;
	padding-bottom: 1em;
}
#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;
}

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

#infoPortal {
	text-align: center;
	padding-top: 2em;
	font-weight: bold;
	background: url("imgs/pie_fondo.jpg") top no-repeat #FF9C1D;
	color: #274AB1;
}
#infoPortal li {
	display: inline;
}
#infoPortal a {
	padding: 0 0.7em;
	color: #274AB1;
}
#enlaceFTI {
	position: absolute;
	right: 0em;
	top: 0em;
}

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

form.formulario legend {
	color: #F98900;
}

/********** 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 li {
	background: url("imgs/lista1.png") no-repeat 0 0.3em;
	padding-left: 1.3em;
}
#contenido.portada ul  {
	padding-left: 1.3em;
	
}
#agenda {
	margin: 0 0.5em;
	padding: 0 0.5em;
	border: 1px solid #FF9C1D;
}
#agenda h2, #agenda h3 {
	color: #FF9C1D;
	margin: 0;
	padding: 0.2em 0;
	border-bottom: 1px solid #FF9C1D
}
#agenda h2 {
	background: url("imgs/bolas.png") no-repeat right;
}
#agenda h3 {
	border-top: 1px solid #FF9C1D
}
#agenda.portada {
   border:0;
}
#banners-agenda {
	text-align:center;
}
#banners-agenda img {
	max-width: 13em;
}

#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 {
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden;
}
#subcontenido div.ultimos .mas {
	margin-top: 1em;
	font-weight: bold;
}

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

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

/***********  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;
}

.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;
}