body {
text-align: center;/* Used for win/IE4,win/IE5,win/IE5.5  to center page*/
font: normal 90% "verdana", georgia, verdana, sans-serif;
/* font-family: arial,  verdana, helvetica, sans-serif; */
color: black;                                                         /* texto del cuerpo de toda la pagina */ 
background-color: #FFFFFF;
}  

#supercontenedor
{
width:900px;
margin: 5px auto;
background-color: #fff;
color: #333;
line-height: 150%;
text-align: left;
}

#top
{
padding: .5em;
background-color: #ddd;
border-bottom: 1px solid gray;
}

#topimage
{
padding: 0px;
margin: 0px;
background-repeat: no-repeat;
height:200px;
}

.letramenu {
margin: 0; 
font-family: arial,  verdana, helvetica, sans-serif;
text-align: left; 
font-size: 80%; 
text-decoration: none;
color: black;
}


/* Remove margins and padding from the h1*/
#top h1
{
padding: 0;
margin: 0;
}

#topnavlist
{
padding: .2em;
color: #fff;
background-color: #f4f4f4;         /* #69D  barra arriba*/
border-bottom: 1px solid gray;
}

#topnavlist ul{
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
 }

#topnavlist li {
display: inline; /*puts the items on one line*/
} 

#topnavlist li a
{
width: 5em;
color: #505050;
background-color: #f4f4f4;  /*036; color de los botones de arriba */
padding: 0.2em 1em;
text-decoration: none;
border-right: 1px solid #fff;
}

#topnavlist li a:hover
{
background-color: #eaeaea;  /* #0369 */
color: #000;
}

#bottomnavlist
{
padding: .2em;
color: #000000;
background-color: #f4f4f4;         /* #69D  barra arriba*/
}

#leftnavlist
{
float: left;
width: 120px;                  /* posicion del texto central respecto al menu izquierdo panel central */
padding: 20px 0px 0px 0px;
}

#leftnavlist ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#leftnavlist a
{
display: block;
color: #FFF;
background-color: #000;           /* #036  color de fondo los botones titulo*/
width: 110px;                     /* longitud de los botones titulo   AAA*/
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 10px solid #fff;   /* separacion entre botones */
font-weight: bold;
}

#leftnavlist a.tabla
{
/*display: block;*/
color: #000;
background-color: transparent;           /* #036  color de fondo los botones titulo*/
width: auto;                     /* longitud de los botones titulo   AAA*/
padding: 0px;
text-decoration: none;
border-bottom: 0px solid #fff;   /* separacion entre botones */
font-weight: bold;

}

#leftnavlist a:hover
{
background: #eaeaea;
color: #286ea0;
/*
background-color: #FFFFFF;  /*#ffff99  -- Este es el del tiempo --*/
color: #000;                   /* 000 */

}

#leftnavlist li li a
{
font-weight: bold;
height: 20px;
text-decoration: none;
color: #505050;
display: block;
padding: 6px 0 0 10px;
background: #f4f4f4;
width: 110px;                     /* longitud de los botones enlace AAA*/
padding: 3px 3px 3px 17px;        /* 3 3 3 17 */
text-decoration: none;
border-bottom: 0px solid #fff;
font-weight: normal;

}

#rightnav
{
float: right;
width: 110px;             /* anchura del panel derecho AAA*/
/*margin: 145px; */
margin: 20px 0px 0px 0px;
}

/*removing top margins*/
#rightnav p { margin: 0 0 1em 0; }

#content
{
margin-left: 145px;      /* anchura del modulo central izq - der AAA*/  /*150*/
margin-right: 125px;   /*130 */
margin-top: 20px;
padding: 0.2em;
max-width: 55em;
text-align:justify;
}

#content h2 { margin: 0 0 .5em 0; }

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #69D;
}

.title
{
padding: 92px 2px 2px 140px;
color: #036;
FONT-SIZE: 32px;
font-weight: bold;
}
.sideheader
{
padding: 2px 0px 2px 6px;     /* 2 0 2 6 */
margin-top: 50px;              /* separacion de los botones */
width: 105px;			/* anchura de los menues negros */
font-size: 15px;
font-weight: bold;
color: #FFF;                    /* color de los titulos laterales */
background-color: #000; /* #036 */
}

#sideheader a:hover
{
background: #eaeaea;  /* #eaeaea */
color: #286ea0;         /* 286ea0 */
}

/************************************************************/
#cuerpo_caja {
/* background:white url(images/content_bg.gif); */
width: 550px;  /* 1024px */
/* height:100%; */     /* <== Si no se quita esto la capa no continua aplicandose */
margin: 0 auto;
padding: 0px;
background-color: white;
}
#pie_caja {
text-align:center;
padding:10px;
height:5px; 
background: url(images/bottom.gif) no-repeat;
}
#cabecera_caja {
text-align:center;
padding:0px;
height:30px;
background: url(images/top.gif) bottom no-repeat;
}

img.floatLeft { 
    float: left; 
    margin: 7px; 
}
img.floatRight { 
    float: right; 
    margin: 7px; 
}

img.rightimage {  
    margin: 12px 12px 0px 0px;
}

a.rightimage:link, a.rightimage:visited {
    color: #fff;
    text-decoration: none;
}

a.derecha {
float: right;
}

/****************************************************************
*****************************************************************
 ********EXTENSION PARA LAS TABLAS****************
*****************************************************************
****************************************************************/
/* 
	Cusco Sky table styles
	written by Braulio Soncco http://www.buayacorp.com
*/


table, th, td {
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #555;
}

caption {
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
}

td, th {
	padding: 4px;
}

thead th {
	text-align: center;
	background: #E6EDF5;
	color: #4F76A3;
	font-size: 100% !important;
}

tbody th {
	font-weight: bold;
}

tbody tr { background: #FCFDFE; }

tbody tr.odd { background: #F7F9FC; }

table a:link {
	color: #718ABE;
	text-decoration: none;
}

table a:visited {
	color: #718ABE;
	text-decoration: none;
}

table a:hover {
	color: #718ABE;
	text-decoration: underline !important; 
}

tfoot th, tfoot td {
	font-size: 85%;
} 

/**************************/
/**************************/
/**** tablas normales  ****/
/**************************/
/**************************/


table.normal, th.normal, td.normal {
	border: 0px #D4E0EE;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #555;  
}

caption.normal {
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
}

td.normal, th.normal {
	padding: 0px;
}

thead.normal th.normal {
	text-align: center;
	background: #E6EDF5;
	color: #4F76A3;
	font-size: 100% !important;
}

tbody.normal th.normal {
	font-weight: bold;
}

tbody.normal tr { background: #FCFDFE; }

tbody.normal tr.odd { background: #F7F9FC; }

table.normal a:link {
	color: #718ABE;
	text-decoration: none;
}

table.normal a:visited {
	color: #718ABE;
	text-decoration: none;
}

table.normal a:hover {
	color: #718ABE;
	text-decoration: underline !important; 
}

tfoot th, tfoot td {
	font-size: 85%;
} 
/**/