/* CSS Document */

html {height:100%; margin: 0; padding:0;
}

body { color: #FFFFFF; font-size: xx-small; font-family:Georgia, "Times New Roman", Times, serif; background-color:#BA0000; text-align: center; margin: 0; padding: 0; height: 100% }
	
a { font-family:Georgia, "Times New Roman", Times, serif;
	color: #BA0000;}
/* Todo el sitio web */
#website    { background-color: #BA0000; margin-right: auto; margin-left: auto; width: 750px; }

#contenido {width: 531px;
			padding:0px;
			float:left;
			background-image: url(imag/fondosuper.gif);
			background-repeat:repeat-y;
			
			
}

#derecha {
	width:120px;
	border: 0px solid white;
	text-align: left;
	float:left;
	padding:100px 0 0 0;
	border-left:0px solid black;
	margin:-20px;
	display:block;
	z-index:1000;
	}
	

#derecha li a { font-size:x-small;
					color:#FFFFFF;
					text-decoration:none;
					display:block;
					
					}
					
#derecha li a:hover { 
						color:#000000;
						text-decoration:none;
						}
					
#derecha ul{margin:0;padding:0 0 10px 0;}
#derecha li{
	margin:15px 0 0 0;
	list-style:none;
	font-style:italic;
	line-height:150%;
	border-bottom:1px dotted black;
	z-index:1000;


	
}

#derecha li:hover ul, #derecha li.over ul {z-index:1000;}
			



#izquierda {
	width: 121px;
	float: left;
	padding: 100px 0px 0px 0px;
	text-align: right;
	font-style:italic;
	line-height: 225%;
	font-family:Georgia, "Times New Roman", Times, serif;	
}


#derecha h1 {
	text-align: left;
	float:left;	


}

#super   {
	background-image: url(imag/fondosuper.gif);
	background-position: left top;
	width: 531px;
	height: 141px;
	background-repeat:no-repeat;
	border:0px solid green;
	text-align: left;
	/*z-index:10;*/
}



#visor {
	/*background-image: url(imag/fondovisor.gif);*/
	background-position: left bottom;
	font-family:Georgia, "Times New Roman", Times, serif;
	position: relative;
	width: 474px;
	background-repeat:repeat-y;
	color: #000000;
	background-color:white;
	margin:0 30px 0  27px;
	display:block;
	min-height:400px;
	// height: 400px;
	
	}
	
#docportada1{float:left;
			padding: 5px;
			border: 0px dotted black;
			display:block;
			
	/*background-position: left bottom;
	position: relative;
	
	color: #000000;
	padding: 0px;
	margin: 60px;
	display:block;*/
	
	}
	
#docportada {float:left;
			padding: 5px;
			border: 0px dotted black;
			display:block;
			/*z-index:10;*/}
			
#separador {clear: both;}
				

#menuprincipal  {
	width: 471px;
	height: 24px;
	margin: 10px 0px 0px 30px;
	text-align:center;
	/*z-index:20;*/
}

#menuprincipal a { font-size:x-small;
					color:#FFFFFF;
					text-decoration:none}
					
#menuprincipal a:hover { font-size:x-small;
						color:#BA0000;
						text-decoration:underline;}
					
#menuprincipal ul{list-style:none;margin:0;padding:0;}
#menuprincipal li{
	display:inline;
	font-variant: normal;
	font-style: italic;
	padding:0px 3px 0px 3px;
}

#logo { 
		width: 333px; 
		height: 105px; 
		background-image: url(imag/logobellezasmedievales.jpg);
		background-repeat:no-repeat;
		margin: 0px 0px 0px 30px; }

#logo a {width: 333px; height: 105px;}

#logo h1 {visibility:hidden;width: 333px; height: 105px;}

#infer {
	background-image: url(imag/fondoinfer.gif);
	background-position:top;
	position: relative;
	padding: 0px 0px 15px 0px;
	width: 531px;
	border:0px solid yellow;
	background-repeat:no-repeat;
	background-color: #BA0000;
	color:#FFFFFF;
	font-style:italic;
}

#infer a {
	text-decoration:none;
	color:#FFFFFF;
	font-style:italic;
}

#infer a:hover{
	text-decoration:underline;
	color:#000000;
	font-style:italic;
}

#avisolegal {
	text-align:center;
	float:none;
	padding: 20px 0px 0px 0px;

			}
			
/* -------------- SE DEFINEN LOS ESTILOS DE LA WEB --------------- */

/* Comportamiento genérico de los párrafos */
p {line-height:150%;font-size:xx-small;
font-family:Georgia, "Times New Roman", Times, serif;}

/* Los textos dentro de tablas */
td {font-size:xx-small;color:#000000;}

/* Comportamiento genérico de los enlaces */
a {color:#000000}
a:hover {color:#000000;}
a:visited  {color:#666666}

#candado { /* ---- EL candado que aparece cuando una sección es de acceso restringido --- */
background-image: url(imag_general/candado.gif);
background-repeat: no-repeat;
width: 22px;
height: 22px;
}

.anterior  { color: white; background-color: #FF6600; padding: 5px; height: 30px; border-left:3px solid #AA2200; }

.siguiente  { color: white; background-color: #BA3300; padding: 5px; height: 30px; border-right:3px solid #bb7700;  }

a.siguiente:visited {
	color: #999999;
}
a.anterior:visited {color: #999999 }

.botonverde  { background-color: #CCCCCC; padding: 3px 20px 3px 6px; border-style: double }

.botoninfo {background-color: #007524; padding: 3px 6px 6px 3px; border-style: double;color:white;}
.botoninfo:hover {background-color: #00a934; padding: 3px 6px 6px 3px; border-style: double;color:black;}

.formul  { font-size: x-small; font-family:Georgia, "Times New Roman", Times, serif; color:black;background-color: #ffe293; background-image: url("imag/fondo_formul.gif"); background-position:bottom; background-repeat: repeat-x; padding: 1px; border-style: solid; border-width: 1px; border-color: #b58525 #daa12d #daa12d #b58525 }
.formul:hover {background-color:white;}			
			
			
/* DONDE SE MUESTRA EL TITULO, La descripción y la foto general de cada sección */
#seccion
{font-size: x-small; text-align:left;float:left;clear:both;display:block;width:100%;
padding:0px 20px 0px 10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;}
#seccion h1 {font-size: medium; color: #BA0000; text-align:left; }
.fotoseccion  { background-color: white; margin: 5px; padding: 2px; border: double 0px black ;background-image: url("imag/cargando.gif"); background-repeat: no-repeat; background-position: center;}
#seccion p {font-size: x-small; color: black; line-height: 145%;text-align:justify;padding-right:15px;}

/* ---- DONDE SE MUESTRAS LAS SUBSECCIONES ----- */
#subsecciones  {/* background-image: url("imag/fondo_subsecciones.gif");*/ background-repeat: repeat-x; text-align: left; float: left; border: solid 0px black; }
#subsecciones h2 { font-size: x-small ;
	background-image: url(imag/escudo.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding:4px 20px 10px 10px;
	text-align: left; }
	
	
#subsecciones h2 a{ text-decoration: none;
border-bottom:1px dotted black;text-align: left; margin-left:10px; margin-top:5px;
}

#subsecciones img {padding:0 0 0 10px;
background-image: url("imag/cargando.gif"); background-repeat: no-repeat; background-position: center;}


#contenedor
{padding:0px;font-size: x-small; text-align:left;float:right;clear:right;width:80%;
color:#000000;}
/* CADENACAD es el arbol de situación de la web, que se muestra en todas las páginas. Por ejemplo: Estás en website / servicios / subsección */
#cadenacad {
	margin:0px;
	font-size:x-small;
	color: black;
	/*background-image: url(imag/triangulo_rojo.gif);*/
	background-repeat: no-repeat;
	background-position: 0px 8px;
	text-align: left;
	padding: 5px 5px 5px 10px;
}
#cadenacad li{
	display: inline;
	list-style-type: none;
	font-size:x-small;
	color: black;
	background-image: url(imag/cuadrado.gif);
	background-repeat: no-repeat;
	text-align: left;
	padding: 5px 5px 5px 10px;
	background-position: 0px 8px;
}

#cadenacad li a{
	text-decoration:none;
}

#cadenacad li a:hover{
	text-decoration:underline;
}	

/* DOCUMENTO PRINCIPAL EN LA PORTADA */
#docprincipalportada {
	text-align:left; 
	color: black;
	float:left;
	max-width:470px;
	padding-left:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	/* para internet explorer// width:60%;*/
}
#docprincipalportada img {
	background-image: url("imag/cargando.gif"); background-repeat: no-repeat; background-position: center;
}
#docprincipalportada h1 {
	font-style:italic;
	font-size:medium;
	color: gray;
	text-align: left;
	text-decoration:none;
	font-weight:normal;
}

#docprincipalportada a {font-size:x-small;
text-decoration:none;
text-align:left;}

#docprincipalportada a:hover {
text-decoration:underline;}


#docprincipalportada p {text-align:justify; color: gray; padding-left:5px;  padding-right:15px;font-style:italic;}




#documentosportada {
					font-style:italic;
					width: 474px; 
					border-top:1px solid #cccccc;
					border-bottom-width: 400px;
					}

#documentosportada a h2{
text-decoration:none;
color:#000000;
font-weight:normal;}

#documentosportada a{
text-decoration:none;
color:#000000;
font-weight:normal;}

#documentosportada a:hover{color:#990000}

#documentosportada a h2:hover{
text-decoration:underline;
color:#990000;}

#documentosportada p {
						text-align:left;
						font-size: xx-small;
						font-family:Georgia, "Times New Roman", Times, serif;
						color:gray;
						padding:5px 5px 5px 5px;
						margin:0;
}
#documentosportada h2{text-align:left;
font-size:medium;
color:#333333;
font-style:italic;
padding:5px 5px 0px 5px;
margin:0;
}

#documentosportada img{
					padding:5px 5px 5px 5px;
background-image: url("imag/cargando.gif"); background-repeat: no-repeat; background-position: center;
}

		
		
 /* ---- LISTADOS DE DOCUMENTOS ----*/
/* LISTADO POR MODULOS */
#docmodulo { /* Aspecto del módulo */
padding: 0px;
margin: 5px;
float: left;
/*background-image:url("imag/diapositiva.jpg");*/
background-repeat: no-repeat;
border: 1px dotted #aaaaaa;
height:134px;
}

#docmodulo h2 { /*Aspecto del título */
font-size:xx-small;
margin:5px 0 0 5px;
font-weight: normal ;
}

#docmodulo h2 a {
text-decoration: none;
}

#docmodulo img {
border: 1px solid white;
/* width:92px; */
margin:12px 0 0 12px;
background-image: url("imag/cargando.gif"); background-repeat: no-repeat; background-position: center;
}

#docmodulo img:hover {
border: 1px solid black;
/* width:92px; */
margin:12px 0 0 12px;
}

/* LISTADO POR LISTADO (qué cosas más raras) */
/*#doclistado {
border: 0px solid black;
padding: 0px;
background-image:url("imag/fondo_doclistado.gif");
background-repeat: no-repeat;
}*/

#doclistado  {
	margin: 4px;
	border-bottom: 1px solid #cccccc;
	width: 350px;
	float:left;
	clear:both;
	padding: 0 0 0 5px;
}

#doclistado h2{
	font-size:small;
	margin:0px 0 0 0px;
	font-weight: normal ;
	background-image: url(imag/iconoescudo.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	text-align: left;
	padding: 3px 3px 3px 20px; 
}

#doclistado h2 a {
text-decoration: none;
display:block;
}

#doclistado h2:hover {
text-decoration: none;
color:#BA0000;
background-color: #FFFFFF; 
}

#doclistado h2 a:hover {
text-decoration: none;
display:block;
color:#BA0000;
}


/* --------- DOCUMENTO. Títulos, subtítulo, párrafos... ------- */
#documento {
display: block;
padding: 5px;
text-align:left;
font-style:italic;

}

#documento h1 { /* El título del documento */
font-size:large;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#BA0000;
text-decoration:underline;
}

#documento h2  { color: #000000; font-size: medium }

#documento p {/* texto del párrafo */
font-size:xx-small;
line-height:150%;
color:black;
text-align:justify;
font-style:italic;
}


#documento img {background-color:white;
padding:5px;
border:0px solid black;
background-image: url("imag/cargando.gif"); background-repeat: no-repeat; background-position: center;
}

.nombrecampo {font-weight:bold; }

#archivodigital {clear:both;}

#archivodigitallista {/* La forma en que muestra los listados de archivos digitales asociados a un documento o seccion */
background-color:white;
width:110px;
padding:5px;
border:1px solid #aaaaaa;
text-align:center;
margin-top:5px;	
margin:5px;
float:left;
}
#archivodigitallista:hover {/* La forma en que muestra los listados de archivos digitales asociados a un documento o seccion */
background-color:black;
width:110px;
padding:5px;
color:#CCCCCC;
margin-top:5px;
border:1px solid #aaaaaa;
text-align:center;
margin:5px;
float:left;
}

#archivodigitallista img {padding:0px; border:1px solid black;}

#archivodigitallista a {text-decoration:none}
#archivodigitallista a:hover {color:#CCCCCC;}
#separador {clear:both;}