html{
	height: 100%;
}
body{
	background-color:black;text-align:center; height: 100%; margin:0 auto;
}
#contenedora{
	width: 800px; height: 700px; text-align: center; margin:0 auto;background-image: url(../imagenes/fondoCuerpo.jpg);
}
#titulo{
	width: 100%;height: 20%;
}
#menu{
	width: 100%; height: 5%;float:left;
}
#izquierda{
	width: 20%;height:60%;float: left;margin-left: 5%;
}
#centro{
	width: 47.5%;height: 60%;float:left;border: 2px solid;border-color: Gray;padding: 1%; overflow:auto; 
}
#derecha{
		width: 20%; height: 60%;float:right;text-align: center;margin-right: 5%;
}
#ejercicios{
	width: 100%; height: 180px;background-image: url(../imagenes/bloque_body.gif);background-repeat: repeat-y;
}
#amigos{
	width: 100%; height: 422px;background-image: url(../imagenes/bloque_body.gif);background-repeat: repeat-y;
}
#creditos{
	width: 100%; position: absolute; top: 705px; color: White;left: 0%;
}
.titbloque{
	font-size: 14px; font-weight:bolder;font-family: Arial, Helvetica, sans-serif;color:White;
}
.titcabecera{
	font-family: System; font-size: 65px;
}
.enlaces{
	font-size: 12px; font-weight: bold;font-family: Arial, Helvetica, sans-serif;color:White;display:block;margin:10px;
}
#login2{
	width: 100%;background-image: url(../imagenes/bloque_body.gif);background-repeat: repeat-y;
}
label.controles{
	font-size: 13px; font-weight: bold;font-family: Arial, Helvetica, sans-serif;color:White;text-align: left;display:block;margin-bottom: 30px;
}
.controles span {
	float: left;margin-left: 15px;
}
.controles input {
	width: 60px;float: right;margin-right: 15px;
}
div.controles {
	width: 80%;float: left;margin-top: 10px;
}
p.texto{
	font-family: Arial, Helvetica, sans-serif;text-align: left;color: Black;font-size: 13px;
}
span.texto{
	float: right;
}
.separador{
	width: 95%;height: 1px; background-color: Gray;float:left; margin-left: 2.5%;
}
#tabsB {
      	width:60%;
      	font-size:93%;
      	line-height:normal;
     	margin: 0 auto;
      }
    #tabsB ul {
	margin:0;
	 padding:10px 10px 0 50px;
	 list-style:none;
      }
    #tabsB li {
      	display:inline;
      	margin:0;
      	padding:0;
      }
    #tabsB a {
     	 float:left;
      	background:url("../imagenes/tableftB.gif") no-repeat left top;
      	margin:0;
      	padding:0 0 0 4px;
     	 text-decoration:none;
      }
    #tabsB a span {
      	float:left;
      	display:block;
      	background:url("../imagenes/tabrightB.gif") no-repeat right top;
      	padding:5px 15px 4px 6px;
      	color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      	color:#000;
      }
    #tabsB a:hover {
      	background-position:0% -42px;
      }
    #tabsB a:hover span {
      	background-position:100% -42px;
      }
	#login{
		display: inline-table;
	}
