#base{
	margin: 0px auto 0px auto;
	width:760px;
	height:470px;
	background-color:#000000;
	background-image:url(../imagenes/fondos/Fons.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	font-weight: bold;
	text-align:left;}
body {
	background:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	font-weight: bold;
}
#cabeza1{
	margin: 0px auto 0px auto; 
	width:340px; 
	height:38px; 
	color:#993333; 
	font-weight:bold; 
	font-size:28px; 
	text-align:center;}

#cabeza2{
	margin: 15px auto 0px auto; 
	width:340px; 
	height:25px; 
	color:#993333; 
	font-weight:bold; 
	font-size:17px; 
	text-align:center;}

#cabeza3{
	margin: 5px auto 0px auto; 
	width:340px; 
	height:25px; 
	color:#993333; 
	font-weight:bold; 
	font-size:17px; 
	text-align:center;}

.linea{
	margin: 70px auto 0px auto;
	height:40px;
	width:160px; 
	text-align:left;}
.linea2{
	margin: 0px auto 0px auto;
	height:20px; 
	width:70px; 
	text-align:right;}
.linea3{
	margin: 86px auto 0px auto;
	height:25px; 
	text-align:center;}	

a:link, a:visited{
	color:#CCCCCC;
	text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
a:hover {
	color: #993333;
	text-decoration:none;
	}

#entrar{
	margin: 123px auto 0px 310px;
	width:50px;
}
a#entrar2 {
            display:block;
            width:40px;
            height:33px; /* aqui esta el truco */
            text-indent:-9999px;
            background:url(../imagenes/botones/entrar0.gif) no-repeat left top;
    }
a#entrar2:hover {
            background-position:0 -33px ;/* con esto cambiamos la porcion de imagen que se muestra */
    }
#enter{
	margin: 18px auto 0px 365px;
	width:55px;
}
a#enter2 {	text-align:center;
            display:block;
            width:40px;
            height:40px; /* aqui esta el truco */
            text-indent:-9999px;
            background:url(../imagenes/botones/enter0.gif) no-repeat left top;
    }
a#enter2:hover {
   background-position:0 -40px ;/* con esto cambiamos la porcion de imagen que se muestra */
    }
	
	
#esther{ position:relative; left:400px;}

a#esther {	display:block;
            width:150px;
            height:20px; 
            text-indent:-9999px;
            background:url(../imagenes/botones/esther.gif) no-repeat left top;
    }
a#esther:hover {
            background-position:0 -20px ;
    }