/*
******************************************************************************
NOMBRE DEL ARCHIVO: LAYOUT.CSS
CREACION: 21 DE DICIEMBRE DE 2006
MODIFICACION: 15/10/2007
VERSION: 1.10

NOTA LEGAL: 
(c) 2007 ENOE, REALIDAD VIRTUAL - www.enoe.es - Todos los derechos reservados

Queda estrictamente prohibido modificar los nombres y copyrights
que acompa�an el c�digo fuente de este Sofware. Queda igualmente prohibido 
(sin que esta enumeraci�n sea limitativa) copiar, modificar, ampliar, crear una obra 
derivada utilizando total o parcialmente el c�digo fuente del Software, 
modificar, a�adir o ampliar de la forma que sea el directorio 'elementos' del
Software, intentar encontrar el c�digo fuente, vender, atribuir, sublicenciar 
o transferir de la forma que sea todo derecho referente al Software, excepto 
si se obra con arreglo al Art�culo 8 de la licencia de usuario final, y si 
corresponde, debido a que contiene secretos comerciales de �noe, Realidad Virtual 
y sus licenciatarios, como por ejemplo la estructura, la organizaci�n y el c�digo 
del Software.
*****************************************************************************/
/*
/***************************************************************************** 
LOS B�SICOS
/*****************************************************************************/
* {
	list-style: none;
	margin: 0;
	padding: 0;
}
html { 
	overflow-x: hidden; 
	}
body {
	min-width: 760px;
	}
a, input {
	outline: none;
	}
:focus {
	-moz-outline-style: none;
	}
.invisible { 
	display: none; 
	}

/*
/*****************************************************************************
EL BRANDING
/*****************************************************************************/
#cab  {
	background: #FBFDEE url(../../img/duoda/bg/bg-body-01.png) no-repeat right top;
	margin: 0;
	padding: 12px;
	height: 300px;
	vertical-align: top;
	}
#branding {
	background: url(../../img/duoda/branding/cab-duoda.gif) no-repeat 0 0;
	padding: 85px 0 0 8px;;
	height: 63px;
	width: 270px;
	float: left;
	cursor: pointer;
	text-align:left;

	}
#titulos {
	position: absolute;
	width: 400px;
	height: 100px;
	vertical-align:top;
	text-align: right;
	right: 360px;
	}
h1,h2,h3 { 
	display: none;
	}
/*****************************************************************************
/* LA P�GINA �NDEX.HTML
******************************************************************************/
body.index .z-seccion {
    padding-top: 70px;
    }
body.index .z-seccion h5 {
    text-align: center;
    }
body.index .z-seccion div#flags {
    padding: 50px 0 50px 0;
    text-align: center;
    }
body.index .z-seccion div#flags a {
    padding: 0 30px 0px 30px;
    }
sup {
    font-size: 9px;
    }
div.entrar {
    text-align: center;
    width: 100%;
    }
div.entrar a { 
    background:url(../../img/duoda/btn/btn-vacio.gif) no-repeat;
    background-position:0 0;
    margin: 40px auto 0px auto;
    position:relative;
    display:block;
    font-weight:bold;
    height:20px;
    width:200px;
    overflow:hidden;
    padding:4px 4px 0 0;
    border:none;
    color: #ff7f00;
    cursor:pointer;
	text-align: center;
    }
div.entrar a:hover {
    background-position: 0px -30px;
    color: #000;
    text-decoration:none;
    }
/*
/*****************************************************************************
LA ESTRUCTURA DE LA INTERFAZ
/*****************************************************************************
/* EL LAYOUT GENERAL
******************************************************************************/
body  {
	background: #FBFDEE url(../../img/duoda/bg/bg-body-02.png) no-repeat right 100%;
	}
* html body.galeria   {
	background-image: none;
	}
#container  {
	background: transparent url(../../img/duoda/bg/bg-body-m.png) repeat-y right top;
	}
#container-tema {
	position: relative;
	margin: -180px 260px 160px 20px;
	}
* html body.galeria #container-tema   {
	margin-bottom: 0px;
	}
#copyrights {
	margin-top: 15px;
	width: 100%;
	height: 10px;
	text-align: center;
	}
#cnt-1aa {
	margin: 0 auto 0 auto;
	}
#cnt-2bb {
	background: #fff url(../../img/duoda/layout/c_rb.png) 100% 0 repeat-y;
	margin-left: 20px;
	}
#cnt-2aa {
	width: 100%;
	}
#cnt-2aa{
	position: relative;
	padding: 7px 0 0;
	background: #fff url(../../img/duoda/layout/c_lb.png) repeat-y 0 0;
	}

/* LA PARTE SUPERIOR
******************************************************************************/
#access-helper2 {
	height: 10px;
	left: 0px;
	position: absolute;
	top: 0;
	width: 100%;
	}
#access-helper2 {
	background: #fff url(../../img/duoda/layout/hc02b.png) repeat-x right top;
	}
#skip-to-search2,
#skip-to-nav2 {
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 30px;
	}
#skip-to-nav2 {
	background: #fff url(../../img/duoda/layout/hc01b.png) no-repeat 0 0;
	}
#skip-to-search2 {
	background: #fff url(../../img/duoda/layout/hc03b.png) no-repeat 100% 0;
	left: auto;
	right: 0px;
	}
* html #skip-to-search2 {
	left: auto;
	right: -20px;
	}

/* EL PIE
******************************************************************************/
#pie2 {
	background: url(../../img/duoda/layout/f_m.png) repeat-x left bottom;
	height: 44px;
	margin: 0;
	clear: both;
	margin-top: -20px;
	}
.copyright2 {
	background: url(../../img/duoda/layout/f_lb.png) no-repeat;
	height: 44px;
	left: 0;
	position: relative;
	width: auto;
	list-style-image: none;
	padding: 5px 0 0 30px;
	}
* html .copyright2 {
	top: 5px;
	}

#backtotop2  {
	background: url(../../img/duoda/layout/f_rb.png) no-repeat;
	list-style-image: none;
	float: right;
	margin-top: -65px;
	height: 60px;
	width: 60px;
	text-indent: -9999px;
	}
* html #backtotop2 {
	margin-top: -60px;
	right: 5px;
	}

/*
/*****************************************************************************
LA ZONA DERECHA
/*****************************************************************************/
#z-derecha-menu   {
	position: absolute;
	top: 0;
	right: 0;
	width: 245px;
	text-align: left;
	}
* html body.galeria #z-derecha-menu   {
	right: -20px;
	}
#secciones, #relacionados {
	padding: 0px;
	}
#buscador {
    padding: 40px 0 0 13px;
	display: none;
	}
#secciones {
	margin-top: 40px;
	}
#relacionados {
	margin-top: 50px;
	}
#z-derecha-menu h6   {
	margin-left: 20px;
	text-indent: -3333px;
	}
#z-derecha-menu p.titulo-img {
    margin: 0px 20px 0px 20px;
    padding: 20px 0px 20px 0; 
    font-size: 1.4em;
    color: #ff7f00;
    }
#secciones h6, #vinculos h6 {
	height: 120px;
	}
body#es #secciones h6 {
	background: transparent url(../../img/duoda/es/tit-contenidos.gif) no-repeat 0 0;
	}
body#ca #secciones h6 {
	background: transparent url(../../img/duoda/ca/tit-contenidos.gif) no-repeat 0 0;
	}
body#en #secciones h6 {
	background: transparent url(../../img/duoda/en/tit-contenidos.gif) no-repeat 0 0;
	}
body#de #secciones h6 {
	background: transparent url(../../img/duoda/de/tit-contenidos.gif) no-repeat 0 0;
	}
body#it #secciones h6 {
	background: transparent url(../../img/duoda/it/tit-contenidos.gif) no-repeat 0 0;
	}
#secciones div.tabs {
    margin-top: -40px;
    }
#secciones div.menu-glosario {
    margin: 20px;
    color: #fff;
	text-align: center;
    }
#secciones div.menu-glosario div.tabs a.active, #secciones div.menu-glosario div.active a.active {
    color: #fff;
    }
#relacionados h6 {
	width: auto;
	height: 120px;
	padding-top: 10px;
	}
body#es #relacionados h6 {
	background: transparent url(../../img/duoda/es/tit-relacionados.gif) no-repeat 0 0;
	}
body#ca #relacionados h6 {
	background: transparent url(../../img/duoda/ca/tit-relacionados.gif) no-repeat 0 0;
	}
body#en #relacionados h6 {
	background: transparent url(../../img/duoda/en/tit-relacionados.gif) no-repeat 0 0;
	}
body#de #relacionados h6 {
	background: transparent url(../../img/duoda/de/tit-relacionados.gif) no-repeat 0 0;
	}
body#it #relacionados h6 {
	background: transparent url(../../img/duoda/it/tit-relacionados.gif) no-repeat 0 0;
	}
body#es #relacionados h6.secundario {
	background: transparent url(../../img/duoda/es/tit-relacionados-doc.gif) no-repeat 0 0;
	}
body#ca #relacionados h6.secundario {
	background: transparent url(../../img/duoda/ca/tit-relacionados-doc.gif) no-repeat 0 0;
	}
body#en #relacionados h6.secundario {
	background: transparent url(../../img/duoda/en/tit-relacionados-doc.gif) no-repeat 0 0;
	}
body#de #relacionados h6.secundario {
	background: transparent url(../../img/duoda/de/tit-relacionados-doc.gif) no-repeat 0 0;
	}
body#it #relacionados h6.secundario {
	background: transparent url(../../img/duoda/it/tit-relacionados-doc.gif) no-repeat 0 0;
	}
#relacionados div.bottom {
	background: url(../../img/duoda/bg/bg-relacionados-02.gif) no-repeat top left;
	height: 4px;
	margin: 15px 0 0 20px;
	}
#relacionados ol {
    margin-top: -35px;
    }
#secciones ol li, #relacionados ol li {
	margin: 0px;
	}
#z-derecha-menu li a  {
    background: transparent url(../../img/duoda/comun/bg-links-menu.gif) no-repeat 0 0;
    display: block;
    padding: 2px 25px 0px 35px;
    width: 185px;
    height: auto;
	line-height: 18px;
	color: #ffffff;
	}
#z-derecha-menu #relacionados li a  {
    height: auto;
	line-height: 18px;
	}
#z-derecha-menu li a:hover  {
    background: #3990ED url(../../img/duoda/comun/bg-links-hover.gif) no-repeat 0 0;
    }
#vinculos {
	margin-top: 25px;
	}
#vinculos h6 {
	width: auto;
	height: 120px;
	text-indent: -3333px;
	}
body#es #vinculos h6 {
	background: transparent url(../../img/duoda/es/tit-secciones.gif) no-repeat 0 0;
	}
body#en #vinculos h6 {
	background: transparent url(../../img/duoda/en/tit-secciones.gif) no-repeat 0 0;
	}
body#ca #vinculos h6 {
	background: transparent url(../../img/duoda/ca/tit-secciones.gif) no-repeat 0 0;
	}
body#de #vinculos h6 {
	background: transparent url(../../img/duoda/de/tit-secciones.gif) no-repeat 0 0;
	}
body#it #vinculos h6 {
	background: transparent url(../../img/duoda/it/tit-secciones.gif) no-repeat 0 0;
	}
#vinculos ul {
	margin-top: -30px;
	}
#z-derecha-menu #utilidades-container {
	color: #fff;
	}
#z-derecha-menu #utilidades-container ul {
    margin-left: 50px;
	}
#z-derecha-menu #utilidades-container ul li {
	float: left;
	padding-left: 3px;
	}
#z-derecha-menu #utilidades-container ul li a {
    background: none;
    padding: 0;
    margin: 0;
	display: inline;
    }
#z-derecha-menu #utilidades-container ul li a:hover {
    text-decoration: underline;
    color: #FD8E06;
    }
/* 
************************************************************
EL BUSCADOR
************************************************************/	
form.searchform input, #searchform input {
  	background: #fff url(../../img/duoda/bg/bg-input.gif) repeat-x 0 1px;
  	/*border: #fff solid 1px;*/
  	color: #5c240c;
  	font-size: 90%;
  	height: 14px;
  	margin: 0 10px 0 10px;
  	width: 160px;
	padding: 4px 0px 0px 8px;
	}
form.searchform input {
  	width: 360px;
	}
form.searchform input.focus, #searchform input.focus {
  	border-color: #3990ed !important
	}
form.searchform button, #searchform button {
  border: none;
  background: transparent url(../../img/duoda/btn/btn-search.gif) no-repeat 0 0;
  cursor: pointer;
  overflow: hidden;
  text-indent: 50px;
  width: 26px;
  height: 26px;
	}
form.searchform button:active, #searchform button:active {
  background-position: 0 -26px;
	}
* html #searchform input {
  	width: 140px;
	}
/*
/*****************************************************************************
EL TRATAMIENTO DE IM�GENES
/*****************************************************************************/
img { 
	margin: 0; 
	border-width: 0px; 
	}
div.imagen {
	width: 170px;
	text-align: center;
	float: left;
	}
div#z-autoras p {
	margin: 20px 0 0 20px;
	}
* html div#z-autoras p {
	margin: 20px 20px 0 0px;
	}
span.imagen {
	width: 170px;
	height: 170px;
	padding: 10px 20px 20px 20px;
	float: left;
	text-align: center;
	}
img.seccion {
	width: 172px;
	height: 102px;
	padding: 1px;
	border: 1px #666 solid;
	}
.pieFoto { 
	width: 100%;
	padding: 5px 0 10px 0;
	text-align: center;
	color: #000;
	}
/*
/***************************************************************************** 
EL CONTENIDO DE LA SECCI�N
/*****************************************************************************/
.z-seccion {
	padding: 20px 30px 0px 0px;
	}

.titulo-tema { 
	padding: 0px 0px 5px 0px;
	line-height: 22px;
	}
.titulo-tema a { 
	color: #95df00;
	font-weight: normal;
	}
.titulo-tema a:hover { 
	font-weight: normal;
	}
h4 { 
	text-align: left;
	}
h4 img { 
	padding: 0 10px 0 10px;
	text-align: left;
	}
.titulo-seccion { 
	background: transparent url(../../img/duoda/bg/bg-seccion.gif) repeat-x top left;
	padding: 2px 0px 10px 0px;
	height: auto;
	z-index: 502;
	}
#texto-seccion {
	padding-right: 200px;
	min-height: 500px;
	text-align: justify;
	padding-bottom: 40px;
	}
* html #texto-seccion {
	text-align: left;
	height: 600px;
	}
#texto-seccion.galeria, #texto-seccion.autoras, #texto-seccion.indice {
	position: relative;
	text-align: justify;
	padding: 0px 0px 20px 0px;	
	margin: 0px;
	min-height: 7500px;
	z-index: 503;
	}
* html #contenido div.galeria, * html #contenido div.autoras, * html #contenido div.indice div {
	text-align: left;
	padding-right: 0px;
	}
#texto-seccion.autoras, #texto-seccion.indice {
	min-height: 370px;
	}
.z-seccion table td.foto-autora, .content-vmodal table td.foto-autora { 
    width: 120px;
    padding: 20px 20px 20px 0;
    vertical-align: top;
	}
.foto-autora img { 
    border: 1px solid #555;
    padding: 1px;
	}
.z-seccion table td.biografia, .content-vmodal table td.biografia {
    width: 100%;
    padding: 20px 0 20px 0;
    margin: 0;
	}
.z-seccion table td.fecha { 
    width: 150px;
    font-weight: bold;
	text-align: left;
	}
.z-seccion table td.lugar { 
    width: 120px;
    font-weight: bold;
    text-align: left;
	}
.z-seccion table.secundario td.fecha { 
    width: 0px;
	}
.z-seccion table.secundario td.lugar { 
    width: 0px;
	}
.z-seccion table td {
     padding: 0;
	}
#z-derecha {
	position: absolute;
	right: 10px;
	top: 35px;
	margin: 60px 20px;
	width: 190px;
	z-index: 505;
	clear: both;
	}
* html #z-derecha {
	right: -10px;
	}
h6.color {
    margin: 15px 0 10px 0;
	padding-left: 20px;
	}
* html h6.color {
	margin: 0;
	}
td.temas-relacionados {
    padding: 10px 0 0 20px;
    }
td.temas-relacionados lh {
    font-weight: bold;
    }
td.temas-relacionados ul {
    margin: 5px 0 5px 20px;
    }
td.temas-relacionados ul li {
    padding-left: 20px;
    background: url(../../img/duoda/comun/bullet.gif) no-repeat 5px 5px;
    }
/*
/*****************************************************************************
EL MENU RAPIDO
/*****************************************************************************/
#menu-rapido-seccion {
    float: right;
    margin: -20px 30px 0 0;
    padding-bottom: 10px;
	font-weight: bold;
	}
#mas, #menos   {
	display: block;
	text-indent: -3333px;
	height: 20px;
	width: 20px;
	cursor: pointer;
	float: left;
	}
#menos  {
	background: url(../../img/duoda/btn/btn-menos.gif) no-repeat 0 0;
	}
#mas  {
	background: url(../../img/duoda/btn/btn-mas.gif) no-repeat 0 0;
	}
#imprimible{
	background: url(../../img/duoda/iconos/impresion.gif) no-repeat 20px 2px;
	padding: 0 0 0 20px;
	}
#biblio a{
	background: url(../../img/duoda/iconos/bibliografia.gif) no-repeat 20px 2px;
	padding: 0 0 0 20px;
	}
#imprimible a {
	padding: 0 0 0 18px;
	}
#biblio a {
	padding: 0 0 0 38px;
	}
#imprimible a, #biblio a {
	color: #92572b;
	text-decoration: none;
	}
#imprimible a:hover, #biblio a:hover {
	color: #ff7f00;
	text-decoration: none;
	}
/* 
***************************************************************************** 
LA VENTANA MODAL PARA IM�GENES Y DIVS INTERNOS
*****************************************************************************/
#center {
    background: url(../../img/duoda/bg/bg-vmodal.png) no-repeat 0 0;
    }
#overlay {
	position: absolute;
	left: 0;
	background-color: #5A2202;
	width: 100%;
	cursor: pointer;
	z-index: 999999;
	}
#center, #bottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #FBFDEE;
	z-index: 1000000;
	}
.loading {
	background: #FBFDEE url(../../img/comun/loading.gif) no-repeat center;
	}
#image {
	position: absolute;
	left: 0px;
	top: 32px;	
	padding: 12px 20px;
	background-repeat: no-repeat;
	background-position:center;
	}
#prevLink, #nextLink {
    background: none;
	display: block;
	position: absolute;
	top: 46px;
	width: 50%;
	outline: none;
	z-index: 1000001;
	}
#prevLink {
	left: 0px;
	}
#nextLink {
	right: 0;
	}
#prevLink, #prevLink:hover, #prevLink:visited:hover { 
	background: url(../../img/duoda/btn/prevlabel.gif) no-repeat 0px 20px; 
	border: none; 
	}
#nextLink, #nextLink:hover, #nextLink:visited:hover { 
	background: url(../../img/duoda/btn/nextlabel.gif) no-repeat right 20px; 
	border: none; 
	}
#bottom {
	padding: 20px;
	}
#bottomNavClose {
	background: url(../../img/duoda/btn/btn-cerrar.gif) no-repeat 60px 2px;
	display: block;
	float: right;
	width: 80px;
	height: 30px;
	margin: 3px 10px;
	z-index: 1000002;
	}
.content-vmodal h3 {
	color: #006A4C;
	}
table.tesauro { 
	width: 100%;
	text-align: left;
	}
* html table.tesauro { 
	width: 90%;
	margin-right: 30px;
	}
caption { 
    color: #ff7f00;
    font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 15px;
	}
b.concepto  { 
    color: #ff7f00;
    font-size: 1.2em;
    }
.content-vmodal td.n1  { 
    margin-left: 10px;
    font-weight: bold;
    }
.content-vmodal td.n2  { 
    font-weight: bold;
    padding-left: 20px;
    }
.content-vmodal td.n3  { 
    font-weight: bold;
    padding-left: 30px;
    }
.content-vmodal td.n4  { 
    font-weight: bold;
    padding-left: 40px;
    }
.content-vmodal td.n5  { 
    padding-left: 50px;
    }
.content-vmodal td.n6  { 
    padding-left: 60px;
    }
	
	
	
* html #titulos {
	right: 260px;
	}
* html #texto-seccion {
	height: 500px;
	}
* html body.imprimible #cab {
	background: none;
	}