/* ESTRUCTURA */
body, html
{
	margin: 0px;
	padding: 0px;
}
body
{
	min-width: 90%; /* Prevent content from becoming unreachable in Gecko */
	text-align: justify;
}

/* position:absolute for all browsers - the whole page scrolls */
div#headerwrap
{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 40px;
}

/* position:fixed for modern browsers - header and footer do not scroll */
body>div#headerwrap
{
	position: fixed;
}

div#header
{
	height: 45px;
	margin: 0px auto;
}

/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap
{
	/* set left margin and bottom padding for IE5/Win */
	padding: 40px 0 0 0;
	margin-left: 0;
	/* set left margin and bottom padding for others */
	margin-left: 16px;
	padding-bottom: 15px;
 	min-height: 1800px;
}

/* set left margin for modern browsers */
body>div#middlewrap
{
	margin-left: 0;
}

/* sidebar + content */
div#middle
{
	margin: 0 auto;
	min-height: 1800px;
}

div#sidebar
{
	width: 165px;
	float: left;
	padding: 0px 5px;
	min-height: 1800px;
}

div#content
{
	min-height: 1800px;
	padding: 0px 10px;
	margin-left: 175px;
	padding-top: 15px;
}

/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap
{
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 50px;
}

body>div#footerwrap
{
	position: fixed;
}

div#footer
{
	height: 50px;
	margin: 0px auto;
}

/* Ancho de la web, con % da errores en IE */
div#header,div#middle,div#footer
{
	width: 1024px;
}

/* COLORES GENERALES */
body,html
{
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,Sans-Serif, Georgia,Verdana,serif,helvetica;
	color: #000000;
	background: #F0F0F0;
	text-align: justify;		/* Texto justificado */
	font-size: 0.95em;		/* Tamaño relativo del texto */
}

/* Bordes y fondos de las cpas */
div#header
{
	background: #F0E0B0;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: groove;
	border-color: #000000;
	border-width: 1px;
}

div#middle
{
	border-style: solid;
	border-color: #000000;
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
}

div#sidebar
{
	border-style: groove;
	border-color: #000000;
	border-width: 0px;
	font-size: 0.85em;
}

div#content
{
	border-style: groove;
	border-color: #000000;
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
}

div#footer
{
	background: #F0E0B0;
	border-top-style: groove;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color: #000000;
	border-width: 1px;
}

div#sidebar a
{
	text-decoration:none;
}

/* ELEMENTOS DE SUBMENÚ */
/* Comunes */
.sub_menu_1,.sub_menu_2,.sub_menu_3
{
	margin-top: 0px;		/* No queda espacio antes del texto */
	margin-bottom: 0px;		/* No queda espacio después del texto */
	display: block;			/* Mostrado, por defecto*/
}
/* Elementos de primer submenú */
.sub_menu_1
{
	padding-left: 05px;		/* Sangría a la izquierda */
}
/* Elementos de segundo submenú */
.sub_menu_2
{
	padding-left: 10px;		/* Sangría a la izquierda */
}
/* Elementos de tercer submenú */
.sub_menu_3
{
	padding-left: 15px;		/* Sangría a la izquierda */
}

div#footer p
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 0.75em;
}

/* GENERAL */
img		{border: 0px;}
a:link		{color:#363636; text-decoration: underline;} 	/* no vistado*/
a:visited	{color:#363636; text-decoration: underline;}	/* visitado */
a:hover		{color:#363636; text-decoration: none} 		/* presionando */
a:active	{color:#363636; text-decoration: none} 		/* activo, con tabulador */

h1,h2,h3
{
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
}

h1
{
	font-size: 1.5em;
	padding-top: 5px;
	font-weight: bold;
}

h2
{
	font-size: 1.2em;
	margin-top: 0px;
	font-weight: bold;
}

h3
{
	font-size: 1.0em;
	margin-top: 0px;
	font-weight: bold;
}

p
{
	margin-bottom: 0px;
	line-height: 1.4em;
}

ul
{
	line-height: 1em;
	list-style-type: disc;
}

li
{
	font-size: 0.8em;
}

/* Posición del logo */
div#logo
{
	padding-left:5px;
	float: left;
	margin-left: 0px;
	margin-top: 5px;
}

/* Texto resaltado */
.importante
{
	color: #FF0000;
	font-style: italic;
	text-decoration: none;
	text-transform: capitalize;
	font-family: Courier, Monospace;
	font-size: smaller;
}

/* En la cabecera el texto de leyenda */
.leyenda
{
	float: right;
	margin-right: 10px;
	margin-top: 0px;
	font-style: italic;
}

q:before { content: open-quote; color: #957248; font-size: 200%;}
q:after { content: close-quote; color: #957248; font-size: 200%;}

div.separar
{
	width: 1px;
	height: 20px;
}

div.center
{
	text-align: center;
}

/* Para imprimir centrado */
.imprimir
{
	margin-left: 40px;
	margin-right: 40px;
}

/* Datos sobre la noticia */
.datos
{
	font-size: 0.8em;
}

/* Mensaje de advertencia */
.advertencia
{
	font-size: 0.8em;
	background: #FFFFF0;
	border-color: #F0E0B0;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
}

/* Para poner cuadrado con código*/
.codigo
{
	background: #FFFFF0;
	border-color: #F0E0B0;
	border-style: solid;
	border-width: 1px;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	overflow: auto;
	width: 500px;
}

/* Para poner cuadrado con poco ancho */
.caja
{
	background: #FFFFF0;
	border-color: #F0E0B0;
	border-style: solid;
	border-width: 1px;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	overflow: auto;
	width: 200px;
}

/* TABLAS */
/* Inicio de tabla */
div.tabla
{
	clear: none;
	overflow: auto;
}
/* Inicio de fila */
div.fila
{
	clear: both;			/* Rompe continuidad */
}
/* Columnas */
div.col,div.col_titulo
{
	float: left;			/* Alinear a la izquierda */
	padding: 5px;
	border-color: #F0E0B0;
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
}
/* Fila títulos */
div.col_titulo
{
	background: #F0E0B0;
}