/* ------------
HOJA DE ESTILOS PARA EL GESTOR DE CONTENIDOS CMS·10 v6.1
© menosdiez.com
---------------- */

html {
height: 100%;
}

body     { color: black; font-size: xx-small; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #000; background-image: url("imag/fondo_web.gif"); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0; height: 100% }
	 
/* Todo el sitio web */
#website    { background-color: #e7b329; margin-right: auto; margin-left: auto; width: 760px }
	
#super   {
	background-color: #3C1D22;
	background-image: url(imag/fondo_super.jpg);
	background-position: left bottom;
	position: relative;
	width: 100%;
	height: 124px;
	background-repeat: no-repeat;
	z-index:100;

}

#logo { position: relative; width: 165px; height: 99px; float: right }
#logo h1 {width: 165px; height: 99px;margin:0px;padding: 0px;}
#logo a {width: 165px; height: 99px; float:right;text-decoration: none}
#logo span {visibility: hidden;}
	
#slogan {visibility: hidden}
#slogan h2{margin:0px;padding: 0px}
	
#contenido      { background-image: url("imag/fondowebsite.gif"); text-align: left; padding: 8px 8px 0px 8px; z-index:1 }
#infer     { color: white; background-color: #7f3c5c; text-align: right; padding: 0px 8px 0px 8px; height: 105px}
	
#firma  {
	font-size:xx-small;
	color: white;
	background-image: url(imag/icono_info.gif);
	background-repeat: no-repeat;
	text-align: left;
	padding: 5px 5px 15px 40px;
	background-position: 0px 8px;
}
#avisolegal {text-align:left; float:left; }
#menosdiez {text-align:right; float:right; padding: 0px 5px 0px 0px}

/* LA HOJA EN BLANCO QUE APARECE EN LA PORTADA */
#hoja    {
	color: white;
	font-size: xx-small;
	background-color: white;
	background-image: url("imag/fondo_hoja_super.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: left;
	visibility: visible;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
	z-index:2;
	top: 0px;
	right: 0;
	width: 359px;
	min-height: 375px;
	height:auto !important;
	height:375px;
	float: right;
	border-right-style: solid;
	border-right-color: #C39621;
	border-right-width: 2px;
}

#hoja h2 {margin:0px;padding:0px;font-family: georgia; font-size: xx-small; color: rgb(0, 0, 0);font-weight: normal;font-style: italic;}

#hoja-cabecera { background-image: url("imag/hoja_super.gif"); background-repeat: no-repeat; width: 359px; height: 5px;min-height: 5px;z-index:1  }

#finhoja {
	float: right;
	height:95px;
	width:359px;
	background-image:url(imag/fondo_hoja_infer.jpg);
	background-repeat:no-repeat;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #552537;
	border-bottom-color: #552537;
	padding: 0px 0px 0px 0px;
	border-bottom-width: 2px;
	border-right-width: 2px;
}

/* EL BLOQUE DERECHO, EN LA PAGINA DE CONTENIDOS */
#derecho    {
	color: #7F3C5C;
	font-size: xx-small;
	background-color: #E7B329;
	/*background-image: url("imag/fondo_hoja_super.jpg"); */
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: left;
	visibility: visible;
	margin: 0 0 0 0;
	padding: 8px;
	position: relative;

	top: 0;
	right: 0;
	width: 350px;
	height:auto !important;
	height:375px;
	min-height: 375px;
	float: right;
	border-right-style: solid;
	border-right-color: #C39621;
	border-right-width: 2px;
}

#derecho-cabecera { background-image: url("imag/hoja_super.gif"); background-repeat: no-repeat; width: 359px; height: 5px;z-index:1  }

/* ------ DONDE VA UBICADO EL DOCUMENTO PRINCIPAL Y LOS CONTENIDOS ----- */
#visor {width:365px;}


/* DONDE SE MUESTRA EL TITULO, La descripción y la foto general de cada sección */
#seccion
{font-size: x-small; color: black; line-height: 150%;}
#seccion h1 {font-size: medium; color: #7F3C5C; text-align:left;}
.fotoseccion  { background-color: white; margin: 5px; padding: 2px; border: double 3px black }
#seccion p {font-size: x-small; color: black; line-height: 150%;}

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

#subsecciones img {padding:0 0 0 10px;}

/* ---- LISTADOS DE DOCUMENTOS ----*/
/* LISTADO POR MODULOS */
#docmodulo { /* Aspecto del módulo */
border: 0px solid black;
padding: 0px;
float: left;
background-image:url("imag/diapositiva.jpg");
background-repeat: no-repeat;
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  { background-image: url("imag_general/ico_reloj.gif"); background-repeat: no-repeat; background-position: center; margin: 12px 0 0 12px; border: solid 1px white }

#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: 3px;  border-top: 1px dotted black; border-bottom: 1px dotted black }

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

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

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

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


/* --------- DOCUMENTO. Títulos, subtítulo, párrafos... ------- */
#documento {
display: block;
padding: 5px
}

#documento h1 { /* El título del documento */
font-size:large;
font-family:verdana,arial,helvetica;
color:#7f3c5c;
}

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

#documento img {background-color:white;
padding:5px;
border:1px solid black;
}

.nombrecampo {font-weight:bold; }

#archivodigitallista a { color: #77364e; text-decoration: none }
#archivodigitallista a:hover {/* La forma en que muestra los listados de archivos digitales asociados a un documento o seccion */
text-decoration:underline;
}


#archivodigitallista { /* Aspecto del módulo */
border: 0px solid black;
padding: 0px;
float: left;
background-image:url("imag/diapositiva.gif");
background-repeat: no-repeat;
height:134px;
width: 127px;
min-width: 127px;
text-align: center
}


#archivodigitallista img  { background-image: url("imag_general/ico_reloj.gif"); background-repeat: no-repeat; background-position: center; margin: 12px 0 0 0px; border: solid 1px white }

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


#banderas { width:72px;
			height:18px;
			margin-top:6px;
			float:right;
			}



/* -----------Menu Principal----------- */

#menuprincipal  {
	width: 660px;
	height: 24px;
	float: left;
	z-index: 200;
	border:0px solid black;
	padding:0;
	padding: 0 0 0 0px;
	margin: 0;
	list-style: none;
	border:0px;
}

#menuprincipal ul { /* all lists */
	padding: 0px;
	margin: 0px;
	list-style: none;

}

#menuprincipal li { /* all list items */
	float: left;
	position: relative;
	
	display: block;
	width:auto !important;
	width: 11em;
	padding:0px 5px 0px 5px;
	z-index: 200;
}

#menuprincipal li:hover {background-color: #a3496b;}

#menuprincipal li a {	color:white; text-decoration:none; font-size:x-small;height: 24px;display: block;margin-top:5px;}

#menuprincipal li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 20px;
	left: 0;
	padding:0 0 0 0px;
	margin-top: 5px;
}

#menuprincipal li ul li  { 
font-size: 1.2em; 
font-weight: normal; 
background-color: #7f3c5c; 
letter-spacing: 0; 
display: block; 
z-index: 300; 
float: left; 
border: solid 1px #a3496b;
	width: 20em !important;}
#menuprincipal li ul li:hover {background-color: #a3496b;}

#menuprincipal li ul li a {margin-top:0px;height:auto; padding:3px 0 3px 0;}
#menuprincipal a:hover  { color: #ffebb4 }

#menuprincipal li:hover ul, #menuprincipal li.over ul { /* lists nested under hovered list items */
	display: block;
	color:black;
}

/* ------ ESPACIADOR PARA SEPARAR LOS BLOQUES ----- */

#espaciador {
	clear: both;
}


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

/* Comportamiento genérico de los párrafos */
p {line-height:150%;font-size:xx-small;}

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

/* Comportamiento genérico de los enlaces */
a {color:black;}
a:hover {color:white;}
a:visited  { }

/* Comportamiento de las imágenes */
img {border:0px}

/* 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/triangulo_rojo.gif);
	background-repeat: no-repeat;
	text-align: left;
	padding: 5px 5px 5px 10px;
	background-position: 0px 8px;
}

#avisolegal a, #menosdiez a{color:white;}
#avisolegal a:hover, #menosdiez a:hover {color:yellow;}

/* Aspecto de los módulos extras en los laterales */
#moduloextra {border: 0px solid black;color:gray;clear: both;height:auto;line-height:150%; padding: 8px;}

/* DOCUMENTO PRINCIPAL EN LA PORTADA */
#docprincipalportada {text-align:center; color: black}
#docprincipalportada img {border: 22px solid black}
#docprincipalportada h1 {
	font-size:x-small;
	color: black;
	background-image: url(imag/triangulo_rojo.gif);
	background-repeat: no-repeat;
	text-align: left;
	padding: 5px 5px 5px 10px;
	background-position: 0px 8px;
}

/* FIRMA */
#firma {color:white;}
#firma a{color:white;text-decoration:underline;}
#firma a:hover {color:yellow;text-decoration:none;}


#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: #7f3c5c; padding: 5px; height: 30px;width: 90px;clear:right }

.siguiente  { color: white; background-color: #b35482; padding: 5px; height: 30px;width: 90px; clear: left}

.botonverde  { background-color: #cade0a; padding: 3px 6px; border-style: double }
.formul  { font-size: x-small; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: white; background-image: url("imag/fondo_formul.gif"); background-repeat: repeat-x; padding: 1px; border-style: solid; border-width: 1px; border-color: #b58525 #daa12d #daa12d #b58525 }
.formul:focus  {   border-style: solid; border-width: 1px; border-color: #000000 }