@charset "utf-8";
/* CSS Document */
body{
    position:relative;
	background-color:#465656;	
    width:1024px;   
    height:768px;
	text-align:center;
	margin: auto;
	border: 0px;
	visibility:hidden;
}
#entrada{
	position: relative;
	width:1024px;
	height:768px;
	margin:0px;
	border:0px;
	background-image:url(../imagenes/fondoentrada.jpg);
}
#entrar {
	position:relative;
	width:166px;
	height:66px;
	top:49px;
	float:left;
	left:211px;
	border:0px;	
    background: url(../imagenes/entrar.png) no-repeat bottom left;
}
a#entrar:hover{
   background-position: 0 0; width: 166px; height: 66px;
}
#inicio{
	position: relative;
	width:1024px;
	height:768px;
	margin:0px;
	border:0px;
	background-image:url(../imagenes/fondoinicio.jpg);
}
#contactbot {
	position:relative;
	width:167px;
	height:67px;
	top:19px;
	float:left;
	left:210px;
	border:0px;
	background: url(../imagenes/contactbot.png) no-repeat bottom left;
}
a#contactbot:hover{
   background-position: 0 0; width: 167px; height: 67px;
}
#biobot {
	position:relative;
	width:100px;
	height:60px;
	top:23px;
	float:left;
	left:213px;
	border:0px;
	background: url(../imagenes/biobot.png) no-repeat bottom left;
}
a#biobot:hover{
   background-position: 0 0; width: 100px; height: 60px;
}
#referbot {
	position:relative;
	width:180px;
	height:57px;
	top:21px;
	float:left;
	left:219px;
	border:0px;
	background: url(../imagenes/referbot.png) no-repeat bottom left;
}
a#referbot:hover{
   background-position: 0 0; width: 180px; height: 57px;
}
#galerbot {
	position:relative;
	width:155px;
	height:53px;
	top:23px;
	float:left;
	left:226px;
	border:0px;
	background: url(../imagenes/galerbot.png) no-repeat bottom left;
}
a#galerbot:hover{
   background-position: 0 0; width: 155px; height: 53px;
}
#roc {
	position:relative;
	width:38px;
	height:27px;
	top:570px;
	float:left;
	left:63px;
	border:0px;
	background: url(../imagenes/roc.png) no-repeat top left;
}
a#roc:hover{
   background-position: 0 -77; width: 38px; height: 27px;
}
#alrojo {
	position:relative;
	width:53px;
	height:32px;
	top:622px;
	float:left;
	left:-46px;
	border:0px;
	background: url(../imagenes/alrojo.png) no-repeat top left;
}
a#alrojo:hover{
   background-position: 0 -82; width: 53px; height: 32px;
}
#bio{
	position: relative;
	width:1024px;
	height:768px;
	margin:0px;
	border:0px;
	background-image:url(../imagenes/fondobio.jpg);
}
#inibot {
	position:relative;
	width:132px;
	height:64px;
	top:20px;
	float:left;
	left:266px;
	border:0px;
	background: url(../imagenes/inibot.png) no-repeat bottom left;
}
a#inibot:hover{
   background-position: 0 0; width: 132px; height: 64px;
}
#contacto{
	position: relative;
	width:1024px;
	height:768px;
	margin:0px;
	border:0px;
	background-image:url(../imagenes/fondocontacto.jpg);
}
#mail {
	position:relative;
	width:262px;
	height:72px;
	top:530px;
	float:left;
	left:250px;
	border:0px;
	background: url(../imagenes/mail.png) no-repeat top left;
}
a#mail:hover{
   background-position: 0 -122; width: 262px; height: 72px;
}
#referencias{
	position: relative;
	width:1024px;
	height:768px;
	margin:0px;
	border:0px;
	background-image:url(../imagenes/fondoref.jpg);
}
#galerias{
	position: relative;
	width:1024px;
	height:768px;
	margin:0px;
	border:0px;
	background-image:url(../imagenes/fondogal.jpg);
}
#gal1bot {
	position:relative;
	width:74px;
	height:56px;
	top:57px;
	float:left;
	left:457px;
	border:0px;
	background: url(../imagenes/gal1bot.png) no-repeat bottom left;
}
a#gal1bot:hover{
   background-position: 0 0; width: 74px; height: 56px;
}
#gal1img {
	position:relative;
	width:172px;
	height:127px;
	top:75px;
	float:left;
	left:464px;
	border:0px;
	cursor:pointer;
}
#gal2bot {
	position:relative;
	width:74px;
	height:56px;
	top:187px;
	float:left;
	left:64px;
	border:0px;
	background: url(../imagenes/gal2bot.png) no-repeat bottom left;
}
a#gal2bot:hover{
   background-position: 0 0; width: 74px; height: 56px;
}
#gal2img {
	position:relative;
	width:124px;
	height:174px;
	top:203px;
	float:left;
	left:73px;
	border:0px;
	cursor:pointer;
}
#gal3bot {
	position:relative;
	width:74px;
	height:56px;
	top:296px;
	float:left;
	left:-275px;
	border:0px;
	background: url(../imagenes/gal3bot.png) no-repeat bottom left;
}
a#gal3bot:hover{
   background-position: 0 0; width: 74px; height: 56px;
}
#gal3img {
	position:relative;
	width:124px;
	height:174px;
	top:320px;
	float:left;
	left:-268px;
	border:0px;
	cursor:pointer;
}
#gal4bot {
	position:relative;
	width:74px;
	height:56px;
	top:471px;
	float:right;
	right:841px;
	border:0px;
	background: url(../imagenes/gal4bot.png) no-repeat bottom left;
}
a#gal4bot:hover{
   background-position: 0 0; width: 74px; height: 56px;
}
#gal4img {
	position:relative;
	width:172px;
	height:127px;
	top:493px;
	float:right;
	right:588px;
	border:0px;
	cursor:pointer;
}
#contenedor{
	position: absolute;
	width:1024px;
	height:768px;
	border:0px;
	margin:auto;
	background-image:url(../imagenes/fondogris.jpg)
}
#galerbot2 {
	position:relative;
	width:148px;
	height:53px;
	top:23px;
	float:left;
	left:541px;
	border:0px;
	background: url(../imagenes/galerbot.png) no-repeat bottom left;
}
a#galerbot2:hover{
   background-position: 0 0; width: 148px; height: 53px;
}
#contenedor2{
	position:absolute;
	width:490px;
	top:88px;
	float:left;
	left:270px;
	margin:0px;
	border:0px;
}
#fila{
	position:relative;
	width:490px;
	height:102px;
	margin:0px;
	border:0px;
	float:left;
}
.foto{
	float:left;
}
#gal1agal2 {
	position:relative;
	width:96px;
	height:58px;
	top:617px;
	float:left;
	left:412px;
	border:0px;
	background: url(../imagenes/gal1agal2.png) no-repeat bottom left;
}
a#gal1agal2:hover{
   background-position: 0 0; width: 96px; height: 58px;
}
#gal2agal1 {
	position:relative;
	width:107px;
	height:74px;
	top:610px;
	float:left;
	left:-38px;
	border:0px;
	background: url(../imagenes/gal2agal1.png) no-repeat bottom left;
}
a#gal2agal1:hover{
   background-position: 0 0; width: 107px; height: 74px;
}
#gal2agal3 {
	position:relative;
	width:97px;
	height:75px;
	top:610px;
	float:left;
	left:301px;
	border:0px;
	background: url(../imagenes/gal2agal3.png) no-repeat bottom left;
}
a#gal2agal3:hover{
   background-position: 0 0; width: 97px; height: 75px;
}
#gal3agal2 {
	position:relative;
	width:104px;
	height:82px;
	top:603px;
	float:left;
	left:-34px;
	border:0px;
	background: url(../imagenes/gal3agal2.png) no-repeat bottom left;
}
a#gal3agal2:hover{
   background-position: 0 0; width: 104px; height: 82px;
}
#gal3agal4 {
	position:relative;
	width:93px;
	height:77px;
	top:608px;
	float:left;
	left:306px;
	border:0px;
	background: url(../imagenes/gal3agal4.png) no-repeat bottom left;
}
a#gal3agal4:hover{
   background-position: 0 0; width: 93px; height: 77px;
}
#gal4agal3 {
	position:relative;
	width:113px;
	height:79px;
	top:604px;
	float:left;
	left:-42px;
	border:0px;
	background: url(../imagenes/gal4agal3.png) no-repeat bottom left;
}
a#gal4agal3:hover{
   background-position: 0 0; width: 113px; height: 79px;
}
a:focus{
	outline:0	
}