/* Hace invisible la línea contenedora de los elementos cuando están seleccionados */
* {
	outline: none;
	}
	
/* DECLARACIÓN DE CAPAS */
/* FONDO - CAPA MADRE, da la coordenadas absolutas para el resto de capas */
#fondo {position:absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; background: none;}
#portada {position: absolute; left: 10%; width: 80%; top: 10%; height: 80%; z-index: 10; text-align: center; background: white;}
#portada img { width: 100%; border: 5 px solid #333333; overflow: visible;}
#texto_portada {font-family: Tahoma,Arial,Verdana; position: absolute; left: 10%; width: 80%; top: 10%; height: 60%; overflow: visible; z-index: 20; background:none; text-align:center; margin-left: auto; margin-right: auto;}
#enlaces_portada {font-family: Tahoma,Arial,Verdana; position: absolute; left: 10%; width: 80%; top: 85%; height: 15%; overflow: autovisible; z-index: 20; background: none;}
#contenedor {font-family: Tahoma,Arial,Verdana; color: #333333; width: 95%; height:105%; margin-left: auto; margin-right: auto; background-image:url("img_aux/fondo.jpg"); background-attachment:fixed; overflow: visible;}
#contenedor_desp {font-family: Tahoma,Arial,Verdana; color: #333333; width: 95%; height:100%; margin-left: auto; margin-right: auto; background-image:url("img_aux/fondo.jpg"); background-attachment:fixed; overflow: auto;}
/* CAPAS DEL MENÚ LATERAL */
#fondo_menu {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	}
#imagen_fondo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10;
	}
#primer_plano {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 50;
	}

/* CAPA DONDE APARECEN LOS TÍTULOS DE LAS OBRAS, SEPARADAS POR MATERIALES, EN MENÚS DESPLEGABLES */
#titulos {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 24%;
				height: 65%;
				z-index: 50;
				vertical-align: top;
				background: none;
				margin-top: 1em;
				overflow: auto;
			}

/* CAPA DONDE APARECE EL 1er ICONO DE VISTAS  */
#icono1 {
				position: absolute;
				z-index: 100;
				top: 65%;
				left: 0px;
				width: 6%;
				height: 15%;
				text-align: center;
				background: none;
				overflow: hidden;
			}

/* CAPA DONDE APARECE EL 2º ICONO DE VISTAS  */
#icono2 {
				position: absolute;
				z-index: 100;
				top: 65%;
				left: 6%;
				width: 6%;
				height: 15%;
				text-align: center;
				background: none;
				overflow: hidden;
			}

/* CAPA DONDE APARECE EL 3º ICONO DE VISTAS  */
#icono3 {
				position: absolute;
				z-index: 100;
				top: 65%;
				left: 12%;
				width: 6%;
				height: 15%;
				text-align: center;
				background: none;
				overflow: hidden;
			}

/* CAPA DONDE APARECE EL 4º ICONO DE VISTAS  */
#icono4 {
				position: absolute;
				z-index: 100;
				top: 65%;
				left: 18%;
				width: 6%;
				height: 15%;
				text-align: center;
				background: none;
				overflow: hidden;
			}

/* CAPA PARA SITUAR LA ETIQUETA CON LA INFORMACIÓN SOBRE LA OBRA: TÍTULO, AÑO, MATERIALES, DIMENSIONES */
#etiqueta {
				position: absolute;
				top: 80%;
				left: 0px;
				width: 24%;
				height: 20%;
				z-index: 100;
				vertical-align: top;
				background: none;
				overflow: auto;
			}

/* CAPA PARA SITUAR LA FOTO CON LA VISTA SELECCIONADA */
#imagen {
				position: absolute;
				top: 0px;
				left: 24%;
				width: 71%;
				height: 95%;
				z-index: 50;
				text-align: center;
				background: none;
				overflow: visible;
			}

/* CARACTERÍSTICAS DE LAS FUENTES DE TEXTO */
body { font-family: Tahoma,Arial,Verdana; color: #333333; font-size: 1em; text-align: justify; line-height: 1em; margin-top: 0em; margin-bottom: 0em; padding: 0.4em 0em 0em 0em; background: none;}
p {font-size: 1.05em; text-align: justify; line-height: 1em; margin-top: 0em; margin-bottom: 0em; padding: 0.4em 0em 0em 0em ;background: none;}
p.autor {text-align: right;}
p.limpio {line-height: 1.3em;}
p.descripcion {color: #555555; font-size:0.8em; margin-left: 5%;}
p.material {font-family:Tahoma,Arial,Verdana; font-size:1.3em; text-align:left; margin-left: 10%; margin-top: 0.35em; margin-bottom: 0.4em; padding-top: 0px; padding-bottom: 0px;}
p.obra{font-family:Tahoma,Arial,Verdana; font-size:0.9em; text-align:left; margin-left: 15%; margin-top: 0.3em; margin-bottom: 0.35em; padding-top: 0px; padding-bottom: 0px;}
p.etiqueta {font-family:Tahoma,Arial,Verdana; font-size:0.8em; text-align:left; margin-left: 10%; vertical-align: top; margin-top: 0.3em; margin-bottom: 0.35em; padding-top: 0px; padding-bottom: 0px; background: none; line-height: 1.3em;}
p.pie {
	font-family: Tahoma,Arial,Verdana;
	font-size: 0.625em;
	color: #333333;
	text-align: center;
	vertical-align: bottom;
	height: 1em;
	}

/* CARACTERÍSTICAS DE LAS IMÁGENES */
img {
	height: 100%;
	position:relative;
	border: 0 px solid #333333;
	}

/* CARACTERÍSTICAS SECUNDARIAS */
.titulo_celda {text-align:left; padding:  1em 0em 1em 0em; color: #333333;}
.titulo_submenu {text-align: right;}
.centrado {text-align: center;}
.izquierda {text-align: left;}
.derecha {text-align: right;}
.negrita {font-weight: bold;}
.cursiva {font-style:italic; font-size:smaller;}
.nombre {
	text-align: right;
	margin-top: 15%;
	padding-top: 0px;
	}
.indentado {text-indent: 25%;}
.oscuro {color: #111111;}
.arriba {
	padding-top: 0px;
	margin-top: 0px;
	}
.letra_pequenia {
	font-size:smaller;
	}
.apaisada {
	width: 100%;
	height: auto;
	}

/* CARACTERÍSTICAS DE LAS CABECERAS */
h1 { font-size: 4em; margin-left:auto; margin-right:auto; text-align:center; line-height: 1em; margin-top: 2em; margin-bottom: 0em; padding: 0em 0em 0.3em 0em ;font-weight:700; background: none;}
h2 { font-size: 2.5em; text-align:left; line-height: 1em; font-weight:bold;}
h3 { font-size: 2em; text-align:left; 	line-height: 1em; 	margin-top: 0em; margin-bottom: 0em; padding: 0em 0em 0.3em 0em ;font-weight:bold; background: none;}
h4 { font-size: 1.7em; text-align:left; 	line-height: 1em; 	margin-top: 0em; margin-bottom: 0em; padding: 0em 0em 0.3em 0em ;font-weight:bold; background: none;}
h5 { font-size: 1.4em; margin-right: 5%; line-height: 1em; margin-top: 0em; margin-bottom: 0em; padding: 0em 0em 0.2em 0em ;color: #555555; background: none;}
h6 { font-size: 1.2em; line-height: 1.4em; margin-top: 0em; margin-bottom: 0em; padding: 0em 0em 0.2em 0em ; background: none;}

/* CARACTERÍSTICAS DE LOS ENLACES */
a:link, a:visited {font-family:Tahoma,Arial,Verdana; text-decoration: none; color:#333333;}
a:hover, a:active, a:focus {font-weight:900;}

a.one:link {font-family:Tahoma,Arial,Verdana; text-decoration: none; color:#DDDDDD;}
a.one:visited {font-family:Tahoma,Arial,Verdana; text-decoration: none; color:#DDDDDD;}
a.one:hover {font-family:Tahoma,Arial,Verdana; text-decoration: none; font-size:22; font-weight:bold; color:#EEEEEE;}
a.one:active {font-family:Tahoma,Arial,Verdana; text-decoration: none; font-size:22; font-weight:bold; color:#FFFFFF; }

a.two:link {font-family:Tahoma,Arial,Verdana; text-decoration: none; font-size:1em; color:#333333;}
a.two:visited {font-family:Tahoma,Arial,Verdana; text-decoration: none; font-size:1em; color:#333333}
a.two:hover {font-family:Tahoma,Arial,Verdana; text-decoration: none; font-size:1.1em; font-weight:bold; color:#333333}
a.two:active {font-family:Tahoma,Arial,Verdana; text-decoration: none; font-size:1.1em; font-weight:bold; color:#333333}

a.idioma:link, a.idioma:visited {
	font-size: 1.05em; line-height: 1.3em; margin-top: 0em; margin-bottom: 0em; padding: 0.4em 0em 0em 0em ;background: none; font-family:Tahoma,Arial,Verdana; text-decoration: none; color:#333333; font-weight:300;
	}
a.idioma:hover{
	font-size: 1.05em; line-height: 1.3em; margin-top: 0em; margin-bottom: 0em; padding: 0.4em 0em 0em 0em ;background: none; font-weight:900;
	}

a.obra:link, a.material:link, a.obra:visited, a.material:visited {text-decoration: none; color:#666666;}
a.obra:hover, a.obra:active, a.obra:focus {text-decoration: none; font-weight:bold; color:#303030}
a.material:hover, a.material:active, a.material:focus {text-decoration: none; font-weight:bold; color:#303030}

a img, a img:visited  {text-decoration: none; border: 0px solid black; opacity:0.4; filter:Alpha(Opacity=40, FinishOpacity=40, Style=0);}
a img:hover, a img:active, a img:focus {text-decoration: none; border: 0px solid black; opacity:1;}

/* ENLACES DEL MENÚ LATERAL */
a.elemento_menu:link {font-family:Tahoma,Arial,Verdana; text-decoration: none; color:#BBBBBB; margin-left:5%;}
a.elemento_menu:visited {font-family:Tahoma,Arial,Verdana; text-decoration: none; color:#BBBBBB; margin-left:5%;}
a.elemento_menu:hover {font-family:Tahoma,Arial,Verdana; text-decoration: none; font-size:22; font-weight:bold; color:#FFFFFF; margin-left:5%;}
a.elemento_menu:active {font-family:Tahoma,Arial,Verdana; text-decoration: none; font-size:22; font-weight:bold; color:#FFFFFF; margin-left:5%;}

a.bandera img, a.bandera:visited img {width:30%; border:0px solid black; vertical-align:middle;}
a.bandera:hover img, a.bandera:active img, a.bandera:focus img {width:35%; border:0px solid black; vertical-align:middle;}

/* CARACTERÍSTICAS DE LAS TABLAS */
table.tabla {
	width: 100%;
	border: 0px solid black;
	padding:  0.5em 0em 0em 0em;
	}

table.tabla td.titulo {
	width: 100%;
	border: 0px solid black;
}

table.tabla td.izq {
	width: 10%;
	border: 0px solid black;
	font-weight:bold;
	vertical-align: top;
}

table.tabla td.der {
	width: 90%;
	border: 0px solid black;
	vertical-align: top;
}

table.portada {
	width: 100%;
	border: 0px solid black;
	padding:  0em 0em 0em 0em;
	vertical-align: top;
	}

table.portada td{
	width: 25%;
	border: 0px solid black;
	font-weight:bold;
	text-align: center; 
	}

table.pie {
	margin-left:10%;
	margin-right:10%;
	vertical-align:bottom;
	border:0px solid black;
	height:50%;
	width:80%;
	}

table.pie td {
	text-align:center;
	vertical-align:top;
	border:0px solid black;
	height:50%;
	overflow:visible;
	}

table.menu_lateral {
	text-align:left;
	vertical-align:bottom;
	border:0px solid black;
	margin-left:0px;
	padding:0px;
	height:100%;
	width:100%;
	}


table.menu_lateral td {
	text-align:left;
	vertical-align:middle;
	border:0px solid black;
	margin-left:0px;
	padding:0px;
	height:6%;
	width:100%;
	}