/* Características comunes al body de todas las páginas */
body {
	color: #088703;
	font-family: Arial, sans-serif;
	font-size: 13px;
	scrollbar-face-color:#088703;
	scrollbar-highlight-color:#088703;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-shadow-color:#1272B1;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	scrollbar: auto;
}

/* Comportamiento de colores de los enlaces */
A:link { color: #990000; text-decoration: none}
A:visited { color: #990000; text-decoration: none}
A:hover { color: #476C9F; text-decoration: none}
A:active { color: #990000; text-decoration: none}	

/* Características de parrafos */
p{
	margin: 15px;
	padding-left: 20px;
}

/* Borde le la parte superior del recuadro que forma cada página */
.bordesup {
	border-left: 1px solid #088703;
	border-right: 1px solid #088703;
	border-top: 1px solid #088703;
	width: 850px;
	margin-left: auto; 
	margin-right: auto;
}

/* Borde de la parte lateral del recuadro que forma cada página */
.bordelateral {
	border-left: 1px solid #088703;
	border-right: 1px solid #088703;
	width: 850px;
	margin-left: auto; 
	margin-right: auto;
	padding-bottom: 5px;
}

/* Borde de la parte inferior del recuadro que forma cada página */
.bordeinf {
	border-bottom: 1px solid #088703;
	width: 850px;
    margin-left: auto; 
	margin-right: auto;
	border-left: 1px solid #088703;
	border-right: 1px solid #088703;
}

/* Características del recuadro del panel derecho que contiene el recuadro creado con la clase .panelcentralS y el recuadro creado 
   con la clase .titsubseccion */
.recuadro {
	border: 1px solid #088703;
	color: #088703;
    float: left;
	margin: 7px;
}

/* Clase que da formato al recuadro interior de la zona derecha que contiene el desarrollo de la información de cada página */
.panelcentralS {
	 width: 715px; 
	 height: 310px; 
	 overflow: auto; 
	 position: relative; 
	 top: 10px;
	 left:10px;
	 padding: 5px;
	 visibility: visible;	 
}

/* Características para todas las listas desordenadas (Unordered List) */
ul{
	padding-left: 80px;
}

/* Icono para usar en los items de las listas desordenadas de primer nivel */
li {
	list-style-image: url(../imag_comunes/listas1er.gif);
	padding: 3px;
}

/* Icono para usar en los items de las listas desordenadas de segundo nivel */
.li2o {
	list-style-image:url(../imag_comunes/listas2o.gif);
    padding-left: 3px;
}

/* Clase para tratar el recuadro que contiene los iconos de última hora de la página index.html */
.ultimahora {
	width: 125px;
	height: 350px;
	position: relative;
	left: 0px;
	top: 0px;
	overflow: auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	text-decoration:underline;
}

/* Sangría de primera línea de cada parrafo (De momento no funciona, pero en siguientes versiones, si)*/
p:first-line {
	text-indent: 10pt;
}

/* Da formato al recuadro que contiene la ruta de sección y subsección, que nos indica la situación dentro del árbol web */
.titsubseccion {
	margin: 15px; 
	font-weight:bold; 
	font-size: 11px; 
	width: 715px;
	border-bottom-color: #8D8D8D;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: #FAC202;
	text-align: right;
}

/* Clase para tratar los logos de la sección W3C */
.w3c {
	border: 0px; 
	font-size: 10px; 
	padding-left: 10px;
	vertical-align: middle;
}

/* Clase para subrayado y negrita de cualquier parte de texto */
.resaltado {
	font-weight:bold;
	text-decoration: underline;
}