@charset "utf-8";
/* CSS Document */

#fondo {
	background-color: #CCC;
	height: 350px;
	width: 350px;
	z-index: 1;
	position: absolute;
	left: 50px;
	top: 0px;
}	
.clinica{
	font-family: "Avenir LT Std 45 Book", "Eras Light ITC", LuzSans-Book;
	font-size: 18px;
	text-align: right;
	color: #999900;
	text-shadow: 1px 1px 3px #99CC66;
	font-weight: lighter;
	font-variant: small-caps;
	-webkit-font-variant: small-caps;
	}
.clinica2{
	font-family: "Trajan Pro", "Copperplate Gothic Light";
	font-size: 20px;
	text-align: right;
	color: #999900;
	font-weight: bolder;
	text-shadow: 1px 1px 3px #99CC66;
	text-transform: lowercase;
	}
#fondogris {
	background-color: #F3F3F3;
	height: 300px;
	width: 500px;
	z-index: 1;
	position: absolute;
	left: 150px;
	top: 0px;
}	
#cuadrito1 {
	position: absolute;
	width: 160px;
	height: 100px;
	z-index: 1;
	left: 10px;
	top: -15px;
	text-align: right;

}
#cuadrito2 {
	position: absolute;
	width: 160px;
	height: 90px;
	z-index: 2;
	left: 180px;
	top: 10px;
	font-family: "Avenir LT Std 45 Book", "Eras Light ITC", LuzSans-Book;
	font-size: 14px;
	color: #366;
}
#cuadritoa {
	position: absolute;
	width: 160px;
	height: 90px;
	z-index: 1;
	left: 10px;
	top: 10px;
	font-family: "Avenir LT Std 45 Book", "Eras Light ITC", LuzSans-Book;
	font-size: 14px;
	color: #366;
	text-align: right;
}
#cuadritob {
	position: absolute;
	width: 160px;
	height: 100px;
	z-index: 1;
	left: 180px;
	top: -15px;
	text-align: left;
}	
#dir1 {
	height: 100px;
	width: 350px;
	position: absolute;
	left: -150px;
	top:0px;
	}
#dir1:hover{
	background-image: url(../Imagenes/ubifondo.jpg);
	color:#FF3;
}
#dir2 {
	height: 100px;
	width: 350px;
	position: absolute;
	left: -150px;
	top: 100px;
	}
#dir2:hover{
	background-image:url(../Imagenes/ubifondo.jpg);
}
#dir3 {
	height: 100px;
	width: 350px;
	position: absolute;
	left: -150px;
	top: 200px;
	}
#dir3:hover{
	background-image:url(../Imagenes/ubifondo.jpg);
}

#dir4 {
	height: 100px;
	width: 350px;
	position: absolute;
	top: 0px;
	left: 281px;
	}
#dir4:hover{
	background-image:url(../Imagenes/ubifondo.jpg);
}
#dir5 {
	height: 100px;
	width: 350px;
	position: absolute;
	top: 100px;
	left: 281px;
	}
#dir5:hover{
	background-image:url(../Imagenes/ubifondo.jpg);
}
#dir6 {
	height: 100px;
	width: 350px;
	position: absolute;
	top: 200px;
	left: 281px;
	}
#dir6:hover{
	background-image:url(../Imagenes/ubifondo.jpg);
}