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

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

body {
	background-color: #669900;
	color: #000;
	padding: 0 1.5em !important;
}
a {
	color: #000;
}
h2, h3, h4 {
	color: #669900;
}
kbd {
	color: #669900;
	background-color: #669900;
}
.tipoOperacion {
	color: #669900;
}

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

#cabecera h1 {
	padding: 0.6em 0 0 0.6em;
}
#cabecera form {
	text-align: right;
	position: absolute;
	top: 1.5em;
	right: 2em;
}
#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/natural-usuario.png") no-repeat;
}
#logged span.cerrar {
	background: url("imgs/natural-cerrarSesion.png") no-repeat;
}

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

#cuerpo,
#menuBanners {
	position: relative;
}
#cuerpo {
	float: left;
	width: 100%;
	background-color: #FFF;
}
#cuerpo * {
	margin-left: 14.5em;
}
#cuerpo * * {
	margin-left: 0;
	margin-right: 0;
}
#menuBanners {
	float: left;
	width: 14.5em;
	margin-left: -100%;
	margin-top: 4.4em;
	padding-bottom:1em;
}
#menuBanners {
	*padding-top: 0;
	*margin-top: 4.4em;
}

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

#menu {
	padding: 1em;
	font-family: "Arial Narrow";
	font-size: 120%;
	font-weight: bold;
}
#menu img {
	margin-right: 0.25em;
}
#menu li {
	margin: 0.2em 0;
	position: relative;
	height: 1%;
}
#menu li.selected span {
	text-decoration: underline;
}
#menu ul {
	padding-left: 1em;
}
#menu li li, #menu li li a {
	color: #666;
}
#menu li li li, #menu li li li a {
	font-style: italic;
	color: #999;
}
#menu span.img {
	width: 11px;
	height: 11px;
	float: left;
	text-decoration:none !important;
	margin: 3px 3px 0 0;
}
#menu span.vacio {
	background: url("imgs/natural-vacio.png") no-repeat;
}
#menu span.mas {
	background: url("imgs/natural-mas.png") no-repeat;
}
#menu span.menos {
	background: url("imgs/natural-menos.png") no-repeat;
}

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

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

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

#accesoRapido {
	padding-bottom: 0.5em;
	text-align: right;
	font-weight: bold;
	margin-left: 0;
	background-color: #669900;
	color: #DFEECF;
}
#accesoRapido li {
	display: inline;
}
#accesoRapido li a {
	color: #DFEECF;
	padding-left: 1em;
	padding-right: 0.8em;
	border-left: 2px solid;
}
#accesoRapido li.primero a {
	border-left: 0;
}

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

#migas {
	background-color: #669900;
	margin-left: 0;
	position:relative;
	z-index: 10;
}
#migas div {
	background-color: #DFEECF;
	font-weight: bold;
	border-bottom: 3px solid #CCC;
}
#migas ol {
	padding: 0.6em 1.2em;
}
#migas li {
	display: inline;
}

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

#contenido {
	height: 1%;
	overflow: hidden;
}
#subcontenido {
	background-color: #FFF;
}
#contenido, #subcontenido, #entrecontenidos {
	color: #000;
	padding: 1em;
	border-left: 3px solid #CCC;
}
#contenido, #entrecontenidos {
	border-bottom: 3px solid #CCC;
	background-color: #DFEECF;
}
#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 ul li {
	background: url("imgs/natural-lista.png") no-repeat 0 0.3em;
	padding-left: 1.3em;
}

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

#logotipos {
	background-color: #669900;
	clear: both;
	margin-left: 0;
	position:relative;
	z-index: 10;
}
#logotipos ul {
	text-align: center;
	background-color: #DFEECF;
	padding-top: 0.3em;
	padding-bottom: 1em;
}
#logotipos li {
	display: inline;
	margin: 0 1.5em;
}
#logotipos li img {
	vertical-align: middle;
}

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

#infoPortal {
	text-align: center;
	padding: 1em 0;
	font-weight: bold;
	margin-left: 0;
	color: #FFF;
	background-color: #669900;
	position:relative;
	z-index: 10;
}
#infoPortal li {
	display: inline;
}
#infoPortal a {
	padding: 0 1em;
	color: #DFEECF;
}

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

form.formulario legend {
	color: #669900;
}

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

#menuBanners.intranet #menu {
	padding-top: 0;
	background-color: white;
}

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

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

#contenido.portada {
	padding: 0;
	border-bottom: 0;
}
#agenda {
	background-color: #FFF;
	float:right;
	width: 15em;
	padding: 1em 0;
	margin-left: -1px;
}

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

.subportada {
	background: #FFF url("imgs/separacion.png") repeat-y center;
	position: relative;
	padding: 1em 0 !important;
	height: 1%;
	overflow: hidden;
	min-height: 1% !important;
	border-right: 3px solid #CCC;
	border-top: 3px solid #CCC;
}
/* ñapa para el explorer 6 */
* html .subportada {
	height: 1% !important;
}
#subcontenido div.ultimos .mas {
	position: absolute;
	bottom: 0;
}

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

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