#buttons {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 50%; PADDING-TOP: 0px
}
#top_outer {
	FLOAT: right; WIDTH: 226px
}
#top_inner {
	BORDER-RIGHT: #6699cc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #6699cc 1px solid; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 2px; OVERFLOW: hidden; BORDER-LEFT: #6699cc 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #6699cc 1px solid; HEIGHT: 70px; WIDTH: 226px
}
#calendar_inner {
	BORDER-RIGHT: #6699cc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #6699cc 1px solid; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 2px; OVERFLOW: hidden; BORDER-LEFT: #6699cc 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #6699cc 1px solid; HEIGHT: 166px; WIDTH: 184px
}
#center_outer {
	FLOAT: right; WIDTH: 524px
}
#center_inner {
	BORDER-RIGHT: #6699cc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #6699cc 1px solid; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 2px; OVERFLOW: hidden; BORDER-LEFT: #6699cc 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #6699cc 1px solid; HEIGHT: 240px; WIDTH: 524px
}
TABLE TD.body_outer {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #cccccc 1px solid
}
#active_menu {
	FONT-WEIGHT: bold; COLOR: #6666cc
}
A#active_menu:hover {
	COLOR: #9595DB
}
.maintitle {
	PADDING-LEFT: 15px; FONT-SIZE: 40px; COLOR: #ffffff; PADDING-TOP: 20px
}
.error {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 5px; TEXT-TRANSFORM: uppercase; COLOR: #cccccc; PADDING-TOP: 5px; FONT-STYLE: italic
}
.back_button {
	BORDER-RIGHT: #cccccc 3px double; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 3px double; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url(../images/button_bg.png) repeat-x; PADDING-BOTTOM: 0px; MARGIN: 1px; BORDER-LEFT: #cccccc 3px double; WIDTH: auto; LINE-HEIGHT: 20px; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 3px double; TEXT-ALIGN: center
}
.pagenav {
	BORDER-RIGHT: #cccccc 3px double; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 3px double; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url(../images/button_bg.png) repeat-x; PADDING-BOTTOM: 0px; MARGIN: 1px; BORDER-LEFT: #cccccc 3px double; WIDTH: auto; LINE-HEIGHT: 20px; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 3px double; TEXT-ALIGN: center
}
.pagenavbar {
	FLOAT: right; MARGIN-RIGHT: 10px
}
#footer {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
LI {
	BACKGROUND-POSITION: 0px 3px; PADDING-LEFT: 15px; BACKGROUND-IMAGE: url(../images/arrow.png); LINE-HEIGHT: 15px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat
}
TD {
	FONT-SIZE: 11px; 
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #333333; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, Sans Serif; HEIGHT: 100%
}
A:link {
	FONT-WEIGHT: bold; COLOR: #6666cc; TEXT-DECORATION: none
}
A:visited {
	FONT-WEIGHT: bold; COLOR: #6666cc; TEXT-DECORATION: none
}
A:hover {
	FONT-WEIGHT: bold; COLOR: #9595DB; TEXT-DECORATION: none
}
A.freedom:link, A.freedom:visited, A.freedom:active {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
A.freedom:hover {
	color: #66ff33;
	font-size: 11px;
	text-decoration: none;
}
A.menu_A:link, A.menu_A:visited, A.menu_A:active {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight:normal;
}
A.menu_A:hover {
	color: #909b25;
	font-size: 11px;
	text-decoration: none;
	font-weight:normal;
}
A.menu_B:link, A.menu_B:visited, A.menu_B:active {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight:normal;
}
A.menu_B:hover {
	color: #517dae;
	font-size: 11px;
	text-decoration: none;
	font-weight:normal;
}
A.menuleft:link, A.menuleft:visited, A.menuleft:active {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight:normal;
	padding-left: 12px;
}
A.menuleft:hover {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	font-weight:normal;
	padding-left: 16px;
}
.button {
	BORDER-RIGHT: #cccccc 3px double; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 3px double; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url(../images/button_bg.png) repeat-x; PADDING-BOTTOM: 0px; MARGIN: 1px; BORDER-LEFT: #cccccc 3px double; WIDTH: auto; COLOR: #ff6600; LINE-HEIGHT: 16px; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 3px double; FONT-FAMILY: Arial, Hevlvetica, sans-serif; HEIGHT: 24px; TEXT-ALIGN: center
}
.inputbox {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff
}
.alumnos {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #466b95; color:#FFFFFF
}
.Titulo_Box {	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.Titulos {	font-size: 16px;
	font-weight: bold;
	color: #466b95;
}
.Titulos_2 {	font-size: 16px;
	font-weight: bold;
	color: #a8b62b;
}
.Titulos_3 {	font-size: 16px;
	font-weight: bold;
	color: #eb7a12;
}
.Sub-titulos {	font-size: 12px;
	font-weight: bold;
	color: #a8b62b;
}
.Sub-titulos_2 {	font-size: 12px;
	font-weight: bold;
	color: #466b95;
}
.Sub-titulos_3 {	font-size: 12px;
	font-weight: bold;
	color: #eb7a12;
}
.Fecha {	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
.Asterisco {	font-size: 11px;
	font-weight: bold;
	color: #ff3300;
}

.contentpagetitle {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #cccccc; TEXT-ALIGN: left
}
.sectiontableheader {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; font-size:14px
}
.sectiontablefooter {
	
}
.sectiontableentry1 {
	BACKGROUND-COLOR: #ffffff
}
.sectiontableentry2 {
	BACKGROUND-COLOR: #f9f9f9
}
.small {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #999999
}
.createdate {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 10px; COLOR: #999999; HEIGHT: 15px
}
.modifydate {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #999999; PADDING-TOP: 10px; HEIGHT: 15px
}
A.mainlevel:link {
	DISPLAY: block; PADDING-LEFT: 18px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url(../images/menu_bg.png) no-repeat; VERTICAL-ALIGN: middle; WIDTH: 100%; COLOR: #ffffff; PADDING-TOP: 5px; HEIGHT: 25px; TEXT-ALIGN: left; TEXT-DECORATION: none
}
A.mainlevel:visited {
	DISPLAY: block; PADDING-LEFT: 18px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url(../images/menu_bg.png) no-repeat; VERTICAL-ALIGN: middle; WIDTH: 100%; COLOR: #ffffff; PADDING-TOP: 5px; HEIGHT: 25px; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.highlight {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: blue; PADDING-TOP: 0px; BACKGROUND-COLOR: yellow
}
.code {
	BORDER-RIGHT: #bbb 1px solid; BORDER-TOP: #bbb 1px solid; BORDER-LEFT: #bbb 1px solid; BORDER-BOTTOM: #bbb 1px solid; BACKGROUND-COLOR: #ddd
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

.mosimage {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; MARGIN: 5px; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
.mosimage_caption {
	PADDING-RIGHT: 2px; BORDER-TOP: #cccccc 1px solid; MARGIN-TOP: 2px; PADDING-LEFT: 2px; FONT-SIZE: 10px; BACKGROUND: #efefef; PADDING-BOTTOM: 1px; COLOR: #666; PADDING-TOP: 1px
}
.recuadro_A {
	BORDER-RIGHT: #c6c6c6 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #c6c6c6 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 12pt; VISIBILITY: hidden; PADDING-BOTTOM: 1px; BORDER-LEFT: #c6c6c6 1px solid; COLOR: #22cc44; PADDING-TOP: 1px; BORDER-BOTTOM: #c6c6c6 1px solid; FONT-FAMILY: verdana,arial; POSITION: absolute; BACKGROUND-COLOR: #a8b62b; WIDTH: 185px; align: left
}
.recuadro_B {
	BORDER-RIGHT: #c6c6c6 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #c6c6c6 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 12pt; VISIBILITY: hidden; PADDING-BOTTOM: 1px; BORDER-LEFT: #c6c6c6 1px solid; COLOR: #22cc44; PADDING-TOP: 1px; BORDER-BOTTOM: #c6c6c6 1px solid; FONT-FAMILY: verdana,arial; POSITION: absolute; BACKGROUND-COLOR: #517dae; WIDTH: 185px; align: left
}
.oculto {
		VISIBILITY: hidden
}
.ancla {
	VISIBILITY: visible; POSITION: relative; 
}
table.listas {
	border-collapse: collapse;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; 
}

table caption.listas {
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding: 5px;
	background: #efefef;
	border: 1px solid #ccc;
	color: #666;
}

table thead tr.listas th.listas {
	text-transform: uppercase;
	background: #e2e2e2;
}

table tfoot.listas tr.listas th.listas, table tfoot.listas tr.listas td.listas {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
}

table tfoot.listas tr.listas th.listas {
	width: 20%;
}

table tfoot tr.listas td.listas {
	width: 80%;
}

table td.listas, table th.listas {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	line-height: 1.8em;
	vertical-align: top;
	width: 20%;
}

table tr.odd th.listas, table tr.odd td.listas {
	background: #efefef;
}
<!-- Menu Tope
div#menutop{float:left;width: 100%;padding-top:10px;background: #ffffff}
ul#navtop,ul#navtop li{list-style-type:none;margin:0;padding:0}
ul#navtop{margin-left: 2px;width:338px}
ul#navtop li{float:left;margin-right: 3px;text-align: center}
ul#navtop a{float:left;width: 6em;padding: 5px 0;background: #ffffff;text-decoration:none;color: #666; border-top:#cccccc 1px solid; border-left:#cccccc 1px solid; border-right:#cccccc 1px solid;}
ul#navtop a.menutop:link{background: #ffffff;color: #333333}
ul#navtop a.menutop:hover{background: #FFA826;color: #FFF}
ul#navtop li.activelink a,ul#navtop li.activelink a.menutop:hover{background: #FFF;color: #003}
.trigger {
  width:142px;
  height:115px;
  text-align:center;
  margin:6px;
  padding:1px;
  border:1px solid #cccccc;
  overflow:hidden;
}
.gallery {
  width:132px;
  height:90px;
  color:#000;
  text-align:center;
  vertical-align:top;
  overflow:hidden;
}
.fotosfichas {
  width:110px;
  height:130px;
  color:#000;
  overflow:hidden;
  border: 1px solid #cccccc;
}
.invalidInput,.validInput{
	display:compact;
	padding:1px;
}
/* Style for invalid input */
.invalidInput{
	border:1px solid #0066CC;
}

/* Style for valid input */
.validInput{
	border:1px solid #FFF;
}