html { background:#243166; }
html, body { font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#364B99;}
body { margin:0; padding:0; }
img { border:0 none; }
span { display:none; }
li {list-style-type: none;}

#principal {
	position:absolute; 
	top:50%; 
	left:50%; 
	width:760px; 
	height:420px; 
	margin-left:-380px; 
	margin-top:-210px;
	padding:0;
	background:#233165 url(../imagenes/fondo.jpg) no-repeat;
}
h1 {
	margin:97px 0 0 21px; 
	padding:0;  
	width:212px; 
	height: 75px;
	background: transparent url(../imagenes/logo.gif) no-repeat;
}
#banner {
	margin:4px 0 0 9px; 
	padding:5px;
	width: 212px;
	background: url(../imagenes/fondo_banner.jpg) no-repeat;
}
#banner h1{
	margin: 15px 0 0 15px; 
	padding:0x; 
	height:100px;
	background: url(../imagenes/aniversario.gif) no-repeat; 
}
#alumnos {margin:0px 0 0 18px; padding:0px; width:200px;}
#alumnos ul {
	margin:0px 0 0; 
	padding:20px 0 0 0;
	width:200px;
	height:79px;
	background:url(../imagenes/alumnos.gif) no-repeat;
}
#alumnos li {}
.a1 a{ display:block; margin:0 0 0 42px; padding:0; width: 120px; height: 37px; background: url(../imagenes/test.gif) no-repeat left center;}
.a1 a:hover{background: url(../imagenes/test_2.gif) no-repeat;}
.a2 a{ display:block; width: 200px; height: 30px; margin:0; padding:0; background: url(../imagenes/dudas.gif) no-repeat left top;}
.a2 a:hover{background: url(../imagenes/dudas_2.gif) no-repeat;}

#menu{	margin:-358px 0 0 267px; padding:0; background:#233165; height:17px;}
#menu ul{margin:0 0 0 7px;padding:0;}
#menu li{margin:0;padding:1px 0; float:left;}
.m1 a {display:block;width: 123px; height:21px; background:#233165 url(../imagenes/menu1.gif) no-repeat left 2px}
.m1 a:hover {background:#233165 url(../imagenes/menu12.gif) no-repeat left 2px}
.m2 a {display:block; width: 80px; height:21px; background:#233165 url(../imagenes/menu2.gif) no-repeat left 2px}
.m2 a:hover {background:#233165 url(../imagenes/menu22.gif) no-repeat left 2px}
.m3 a {display:block; width: 79px; height:21px; background:#233165 url(../imagenes/menu3.gif) no-repeat left 2px}
.m3 a:hover {background:#233165 url(../imagenes/menu32.gif) no-repeat left 2px}
.m4 a {display:block; width: 77px; height:21px; background:#233165 url(../imagenes/menu4.gif) no-repeat left 2px}
.m4 a:hover {background:#233165 url(../imagenes/menu42.gif) no-repeat left 2px}
.m5 a {display:block; width: 100px; height:21px; background:#233165 url(../imagenes/menu5.gif) no-repeat left 2px}
.m5 a:hover {background:#233165 url(../imagenes/menu52.gif) no-repeat left 2px}

#contenido{	
	margin:15px 0 0 267px; 
	padding:17px 20px 10px 44px; 
	background: url(../imagenes/hoja.jpg) no-repeat; 
	height: 300px;width: 405px;
}
h2 {
	margin: 0 0 12px; 
	paddign:0;
	font: 20px Haettenschweiler, "Trebuchet MS", Arial, sans-serif;
	color: #8FB300;
	border-bottom: 1px solid #000;
}
#texto {
	margin:0; 
	padding:0 5px 0;
	height: 260px; 
	overflow: auto;
	scrollbar-arrow-color:#FFF; 	
	scrollbar-base-color:#FFF;
	scrollbar-face-color:#233165;
	/*scrollbar-track-color: #000;*/
	scrollbar-highlight-color:#000;
	/*scrollbar-shadow-color:#000;*/
}
p {margin:0; padding:0 0 10px 0; line-height:1.7em;}

.datos{ padding: 3px; width:background-color: #FFF; border: 1px solid #777; text-align:right; color: #E10511;}
.impar {  padding: 3px; background-color: #EAF2F6; line-height: 1.5em; border: 1px solid #777;}
.par { padding:3px; background-color: #E3E4E4; line-height: 1.5em; border: 1px solid #777;}
input { padding:1px 3px; border: 1px solid #ABB; font: 10px Verdana, Arial, Helvetica, sans-serif;}
textarea {padding:1px 3px; font: 10px  Verdana, Arial, Helvetica, sans-serif; color: #000;border: 1px solid #ABB;}
#enviar{ margin: 0;padding:0 3px; border:1px solid #000; height: 18px; font: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif;color: #fff; background:#557485; }

#test {margin:0px 0 0 50px; padding:0px; width:300px;}
#test ul {margin:0; padding:25px 0 0 0;}
#test li {float:left; margin:0; padding:0;}
.t1 a{ display:block; margin:0; padding:0 40px; width: 100px; height: 100px; background: url(../imagenes/test_anua.jpg) no-repeat left top;}
.t1 a:hover{background: url(../imagenes/test_anua2.jpg) no-repeat;}
.t2 a{ display:block; width: 100px; height: 100px; margin:0; padding:0; background: url(../imagenes/test_formaster.jpg) no-repeat left top;}
.t2 a:hover{background: url(../imagenes/test_formaster2.jpg) no-repeat;}