/*
Hoja de estilo para Cirujana Gráfica
www.cirujanagrafica.com 
Versión: 1.0 (mayo 2009)
Autora: Elena Martin Castillo
elena@cirujanagrafica.com
*/


/************************************************* ESTILOS GENERALES ****************************************************/

html { height: 100%; }
body {
	background: url(fondo.png) repeat;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	text-align: center;
}

#aviso {
	background: url(aviso.png) no-repeat;
	margin: auto;
	display: block;
	width: 722px;
	height: 45px;
	position: relative;
	top: 10%;
	z-index: 2;
}

h1 {
	background: url(profesor.png) no-repeat;
	margin: auto;
	width: 800px;
	height: 452px;
	text-indent: -3000px;
	font-size: 10px;
	position: relative;
	top: 6%;
}

/*.cd {
	margin-right: -30px;
	color: white;
	position: relative;
	float: left;
}
.cd span {
	background: url(img/case.png) no-repeat;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 94px;
	height: 86px;
	display: block;
}
.cd img {
	width: 75px;
	height: 74px;
	border: none;
	position: relative;
	top: 5px;
	left: 13px;
}*/

#repertorio {
	width: 200px;
	float: left;
	text-align: left;
}
.cd {
	width: 94px;
	height: 86px;
	position: relative;
	margin-right: -60px;
	float: right;
}
.cd:hover {
	top: -40px;
}
.cd h5, h6 {
	display: none; position: absolute; width: 200px; left: 97px; margin:0;
}
.cd:hover h5 {
	display:block; top:6px; font-size: 13px; color: #fff;
}
.cd:hover h6 {
	display:block; top:24px; width: 200px; text-transform: uppercase; color: #666;
}