body {
	
	background:#1c1c1c;

text-align: center;
}




 #content {
width:980px;
height:600px;
margin:0 auto;

position: relative;
bottom: 0px; 

padding: 0px; 
 }

 #intro {
width:950px;
height:340px;
background: url('img/intro1.jpg') no-repeat;
margin:5px auto;

position: relative;
bottom: 0px; 

padding: 0px; 
 }



#ingresar{
width: 350px;
height: 260px;
background: url('img/ingresar3.jpg');
margin: 0 auto;
display: block;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
z-index: 90;

font-size: 20px;
color:#000;
font-weight: bold;
text-decoration: none;

 }
a:active {
text-decoration: none;

color:#000;
}


a:link {
text-decoration: none;

color:#000;
}


a:visited {
text-decoration: none;

color:#000;
}


a:hover {
text-decoration: none;
color:#000;
}
 .entrar{
width: 150px;
height: 20px;

display: block;
float: left;
z-index: 100;



 }
  .entrar1{
width: 110px;
height: 20px;

display: block;
float: right;
z-index: 100;



 }

   #links {
width: 260px;
height: 20px;
margin: 0 auto;
display: block;

z-index: 100;

position: relative;
top:165px;
left:-12px;

 }

   #links1 {
width: 300px;
height: 10px;
margin: auto;
display: block;
font-size:9px;
color:#fff;
margin-top: 10px;

}

   #links1 a {

color:#9B9B9B;

}




   #links1 a:visited {

color:#9B9B9B;

}

#torre{
width: 280px;
height: 280px;
background: url('img/cr2.jpg');

display: block;
z-index: 90;
position: absolute;
top:340px;
left:0px;

 }

#torre1{
width: 280px;
height: 280px;
background: url('img/cr3.jpg');

display: block;
z-index: 90;
position: absolute;
top:340px;
left:700px;

 }
.entrar:hover{ background-position:bottom; }