/* estilos utilizados en la agenda */
body
{
margin: 0 0;
}
/* division que contiene toda la agenda 
   5 cuerpos una seccion superior una inferior y tres columnas centrales */
#container
{
width: 100%;
margin: 0px auto;
overflow: hidden;
}
/* parte superior */
#top {
padding: .2em;
border-bottom: 1px solid darkblue;
text-align:right;
}

#top p {
padding: 0;
margin: 0;
}
/* columna de la izquierda en el cuerpo central */
#leftnav  {
float: left;
width: 15%;
padding: 5px;
background-color:#3b5eb5;
}
/* columna de la derecha en el cuerpo central */
#rightnav {
position: relative;
float: right;
width: 25%;
}
/* columna central */
#content {
position: relative;
float: right;  
width: 57%;
padding: 0px 8px;
}
/* parte inferior */
#footer
{
clear: both;
margin: 0;
padding: 0;
border-top: 1px solid darkblue;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }
/* utilizado en el calendario */
#calendariomes
{
text-align: center;
background-color: #2151a5;
}
a:visited
{
text-decoration: none;
color: white;
}
#agenda {
margin: 2px 5px 2px 5px;
width: 100%;
overflow: hidden;
font-family: 'Trebuchet MS';
}
#agenda td  {
margin-top: 2px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
font-family: 'Trebuchet MS';
font-size: 10px;
background-color: #90bade;
color: #333;
vertical-align: top;
}

/* menu de opciones es una lista no ordenada <ul>*/
#navcontainer  {
width: 12em;
margin-top: 10px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 0.5em;
font-family: 'Trebuchet MS';
font-size: 10px;
background-color: #90bade;
color: #333;
width: 100%;
}

#navcontainer ul  {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li {
border-bottom: 1px solid #90bade;
font-size: 10px;
margin: 0;
}

#navcontainer li a {
display: block;
padding: 2px 2px 2px 0.2em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
font-size: 10px;
text-decoration: none;
}

#navcontainer li a:hover   {
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
font-size: 10px;
color: #fff;
}


