body {
  background-color: #86A20B;
  color: #4D2177;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

p,li,td {font-size:0.75em;}

#centerbody {
  background-color: #ffffff;
  margin: 0 auto;
  padding: 0px 0px 0px 0px;
  width: 960px;
}


#header {
/*  background: #86A20B; */
  padding: 2px 2px 2px 2px;
  color: #4D2177;
}

#content {
/*  background: #86A20B; */
  padding: 2px 2px 2px 2px;
/*  color: #4D2177; */
  color: #000000;
}

#footer {
/*  background: #86A20B; */
  padding: 2px 2px 2px 2px;
/*  color: #4D2177; */
  color: #000000;
  font-size: 0.5em;
}



#menu {
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 150px;
    margin: 0 0 0 0px;
    border-right: 2px solid #666699;
    border-bottom: 2px solid #666699;
    padding-bottom: 20px;
    padding-top: 0px;
    color: #000000;
    background: #BBAAEE;
}

hr {border: none 0;
border-top: 2px solid #531b6e;/*the border*/
width: 100%;
height: 2px;/*whatever the total width of the border-top and border-bottom equal*/
}






img {
    border: 0px;
}
#contentorig {
    float: none;
    position: relative;
    margin: 0px 0px 0px 150px;
    padding: 0px 7px 0px 7px;
}
p.codigo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	background-color: #CC99FF;
	border-left: 4px solid #666699;
	border-top: 1px solid #666699;
	border-right: 1px solid #666699;
	border-bottom: 1px solid #666699;
	margin-left: 10px;
	margin-right: 10px;
}
p.nota {
  padding: 5px;
  border: 1px solid #9999cc;
  border-right: 2px solid #666699;
  border-bottom: 2px solid #666699;
  background: #eeeeff;
  margin: 20px 50px;
}
li {
	font-size: 14px;
	text-align: justify;
}
a.boton {
	font-size: 14px;
  text-decoration: none;
  background: #ddccff;
  display: block;
  width: 136px;
  padding: 0px 0px 0px 0px;
  border: 1px solid #666699;
  margin-left: 6px;
  text-align: center;
}
a.boton:hover {
  background: #BBAAEE;
/*  border: 1px solid #9999cc;*/
}


/* Top Menu */
	
div#top-menu
	{
	margin: 0;
	padding: 0px 0px 0px 5px;
	height: 31px;
	text-align: right;
	color: #4D2177;
	background-image: url(../images/backround-top-menu.gif);
	background-repeat: repeat-x;
	font-size: 0.75em;
	font-weight: bold;
	}
	
	
div#top-menu ul
	{
		margin-top: 0;
	}

	
div#top-menu ul li
	{
		display: inline;
	}
	
	
.separator
	{
	border-left: 1px dotted #fff;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	position: relative;
	}
	.home
	{
	padding-bottom: 5px;
	padding-left: 3px;
	position: relative;
	}
	
#top-menu .login
	{
		font-size: 90%;
		background: #779F00 url(../images/greenback.jpg) repeat-x;
		color: #fff;
		padding: 1px 2px 1px 1px;
		margin: 2px;
		text-decoration: none;
		border-right: 1px solid #7F7D0B;
		border-bottom: 1px solid #7F7D0B;
		border-top: 1px solid #BEFF00;
		border-left: 1px solid #BEFF00;
		cursor: pointer;
	}
	

#top-menu .login:hover
	{
		background: #4F6A00 url(../images/greenback.jpg);
		border-top: 1px solid #7F7D0B;
		border-left: 1px solid #7F7D0B;
		border-bottom: 1px solid #BEFF00;
		border-right: 1px solid #BEFF00;
	}
	
	
#top-menu ul li a
	{
		color: #4D2177;
		width: 30px;
		text-decoration: underline;
	}
	
	
#top-menu ul li a:hover
	{
		color: #FFF;
		text-decoration: none;
	}
	

#top-menu input
	{
		font-size: 95%;
		color: #000;
		border: 1px solid #4D2177;
		vertical-align: middle;
		margin: 1px;
		background: #D9FF6A url(../images/greenback.jpg) repeat-x;
		text-indent: 2px;
	}
	
	
#top-menu input:hover
	{
		background: #fff;
	}
	
	
#top-menu input:focus
	{
		background: #fff;
	}
	
	
#top-menu #submit 
	{
		font-size: 100%;
		background: #779F00 url(../images/greenback.jpg) repeat-x;
		color: #fff;
/*		padding: 1px 2px 1px 1px; */
		margin: 2px;
		border-right: 1px solid #7F7D0B;
		border-bottom: 1px solid #7F7D0B;
		border-top: 1px solid #BEFF00;
		border-left: 1px solid #BEFF00;
		cursor: pointer;
	}



/* dropdown menu */

.menu {
/*
  border: solid 1px #BFBFBF;
  padding:10px 10px 15px 10px;
  background-color:#669999;
*/
}



.menuItem {
/*  background-color: #86A20B; */
  font-size: 85%;
  font-weight: bold;
  color: #4D2177;
  padding:5px 5px 5px 5px;
/*
  padding:4px 10px 4px 10px;
  border-bottom:solid 1px #dddddd;
*/
}

/*
.menuItem:hover {
  color: #FFFFFF;
}
*/

.menuItem a:hover {
  background-color: #86A20B;
  color: #FFFFFF;
}

.menuItem a {
  color: #4D2177;
  text-decoration:none;
  border-left:dotted 1px #FFFFFF;
  padding-left: 5px;
}

#dd-menu {
  margin: 0;
/*  background-color: #86A20B; */
/*  height: 55px; */
/*  font-size: 100%; */
  font-size: 1.25em;
  color: #4D2177;
  padding: 5px 5px 2px 5px;
  text-align: left;
  font-weight: bold;
}

#dd-menu span {
  padding:5px 5px 5px 5px;
  border-left:dotted 1px #FFFFFF;
/*
  cursor:pointer;
*/
}

#dd-menu a {
  text-decoration:none;
  color: #4D2177;
}

#dd-menu a:hover {
  background-color: #86A20B;
  color: #FFFFFF;
}



#event {
  border-collapse:collapse;
}

#event table[title]:before {
display: table-caption;
caption-side: top;
content: attr(title);
font-size: 0.75em;
font-weight: bold;
white-space: nowrap;
}

#event th {
  background-color:#4D2177;
  color:#FFFFFF;
  font-size: 0.75em;
  border:1px solid #000000;
  vertical-align:top;
  text-align:center;
}

#event td {
//  background-color:#F5F5DC;
  background-color:#FFFFFF;
  color:#000000;
  border:1px solid #000000;
  font-size: 0.625em;
}

#event td.bgg {
  background-color:#A9F5A9;
}

#event td.bgy {
  background-color:#FFFF99;
}

#event td.l-t {
  text-decoration:line-through;
}

#event td.today {
  background-color:#BDBDBD;
  border-top:1px solid #000000;
  border-bottom:1px solid #000000;
  font-size: 0.125em;
  white-space:nowrap;
  height: 6px
}

#event tr.slt-tot td {
  border-left:1px solid #000000;
  border-right:1px solid #000000;
  border-bottom:1px solid #000000;
  background-color:#C0C0C0;
}

#event tr.sltthb th {
  font-weight:normal;
}