@charset "UTF-8";
#container {
	margin: 0 auto;
	text-align: left;
	width: 960px;
	height: 720px;
	position: relative;
	border: none;
}
#header {
	width: 958px;
	height: 55px;
	margin-top: 35px;
	position: relative;
}
#menu-nav li a {
	list-style: none;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
#menu-nav {
	list-style: none;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #000000;
	position: absolute;
	top: 0px;
	height: 65px;
	line-height: 137%;
	margin-top: 0px;
	right: 41px;
	font-size: 14px;
	font-weight: bold;
}
ul {
	margin: 0;
}
.en-la-pagina {
	color: #FF0000;
}
#content {
	position: relative;
	width: 890px;
	margin: 35px auto 10px;
	height: auto;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 150%;
}
#container  #content  a {
	color: #000000;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
}
li    {
	text-decoration: none;
	list-style-type: none;
	margin: 0;
}
#container #content strong {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
}
body {
	text-align: center;
	margin-top: 0px;
}
#footer {
	position: absolute;
	width: 890px;
	height: 18px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: bottom right;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	margin-left: 35px;
	bottom: 45px;
	background-image: url(../templates/linea_salir_praxis.gif);
	font-weight: bold;
}
#footer a {
	color: #FF0000;
}
.alignright {
	text-align: right;
}
#volverdetalle {
	float: left;
	width: 125px;
	text-align: right;
	border-bottom: #000 1px solid;
}
#volverdetalle a {
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
}
#wwwdetalle {
	float: right;
}
#panel-izq {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	width: 250px;
	float: left;
	color: #000000;
	margin-left: 105px;
	font-weight: bold;
}
#panel-izq p {
	margin-top: 0px;
	margin-bottom: 6px;
}
#panel-izq h3 {
	font-size: 15px;
	margin-top: 3px;
	margin-bottom: 10px;
}
.nombreartistadetalle {
	font-family: Helvetica, Arial, sans-serif;
	color: #FF0000;
	font-size: 14px;
}
#menu-pag     ul li   {
	color: #000000;
	list-style: none;
	display: inline;
	margin-right: 7px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
}
#menu-pag    ul  a  {
	color: #FF0000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
}
#panel-izq a {
	color: #000000;
	font-size: 15px;
	font-family: Helvetica, Arial, sans-serif;
}
#panel-der {
	width: 550px;
	float: right;
}
#menu-pag {
	position: absolute;
	left: 3px;
	top: 416px;
	width: 245px;
	background-image: url(templates/linea_ant_sig.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#container #content #menu-pag {
	text-align: center;
}
#panel-der .tituloobra {
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-variant: italic;
}
#panel-izq .datosobra {
	font-size: 14px;
}
#container #content img {
}
a {
	text-decoration: none;
}
#letra-a {
	left: 0px;
	top: 120px;
	position: absolute;
	margin: 0;
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 156px;
	background-image: url(../images/A.gif);
}
#letra-b {
	left: 0px;
	top: 260px;
	position: absolute;
	margin: 0;
	background-image: url(../images/B.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 156px
}
#letra-c {
	left: 178px;
	top: 120px;
	position: absolute;
	margin: 0;
	background-image: url(../images/C.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	;
	width: 156px
}
#letra-d {
	left: 178px;
	top: 370px;
	position: absolute;
	margin: 0;
	background-image: url(../images/D.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 156px;
}
#letra-e {
	left: 356px;
	top: 120px;
	position: absolute;
	margin: 0;
	background-image: url(../images/E.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 156px;
}
#letra-f {
	left: 356px;
	top: 170px;
	position: absolute;
	margin: 0;
	background-image: url(../images/F.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 156px;
}
#letra-g {
	left: 356px;
	top: 255px;
	position: absolute;
	margin: 0;
	background-image: url(../images/G.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 156px;
}
#letra-i {
	left: 356px;
	top: 340px;
	position: absolute;
	margin: 0;
	background-image: url(../images/I.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 156px;
}
#letra-k {
	left: 356px;
	top: 375px;
	position: absolute;
	margin: 0;
	background-image: url(../images/K.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 156px;
}
#letra-l {
	left: 356px;
	top: 410px;
	position: absolute;
	margin: 0;
	background-image: url(../images/L.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 156px;
}
#letra-m {
	left: 534px;
	top: 120px;
	position: absolute;
	margin: 0;
	background-image: url(../images/M.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 156px;
}
#letra-n {
	left: 534px;
	top: 210px;
	position: absolute;
	margin: 0;
	background-image: url(../images/N.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 156px;
}
#letra-o {
	left: 534px;
	top: 260px;
	position: absolute;
	margin: 0;
	background-image: url(../images/O.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 156px;
}
#letra-p {
	left: 534px;
	top: 310px;
	position: absolute;
	margin: 0;
	background-image: url(../images/P.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 156px;
}
#letra-r {
	left: 712px;
	top: 120px;
	position: absolute;
	margin: 0;
	background-image: url(../images/R.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 156px;
}
#letra-s {
	left: 712px;
	top: 210px;
	position: absolute;
	margin: 0;
	background-image: url(../images/S.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 156px;
}
#letra-t {
	left: 712px;
	top: 370px;
	position: absolute;
	margin: 0;
	background-image: url(../images/T.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 156px;
}
#letra-v {
	left: 712px;
	top: 470px;
	position: absolute;
	margin: 0;
	background-image: url(../images/V.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 156px;
}
#container #content img {
height: 0; width: 0; border-width: 0;
}

/* sin esto no se ve en ie */

#container a:hover {color: #000; background: #FFF; }

#container  #content #letra-a a:hover img {
	position: absolute;
	top: -120px;
	height: 90px;
	width: 310px;
	right: -712px;
}
#container  #content #letra-b a:hover img {
	position: absolute;
	top: -260px;
	height: 90px;
	width: 310px;
	right: -712px;
}
#container  #content #letra-c a:hover img {
	position: absolute;
	top: -120px;
	height: 90px;
	width: 310px;
	right: -534px;
}
#container  #content #letra-d a:hover img {
	position: absolute;
	top: -370px;
	height: 90px;
	width: 310px;
	right: -534px;
}
#container  #content #letra-e a:hover img {
	position: absolute;
	top: -120px;
	height: 90px;
	width: 310px;
	right: -356px;
}
#container  #content #letra-f a:hover img {
	position: absolute;
	top: -170px;
	height: 90px;
	width: 310px;
	right: -356px;
}
#container  #content #letra-g a:hover img {
	position: absolute;
	top: -255px;
	height: 90px;
	width: 310px;
	right: -356px;
}
#container  #content #letra-i a:hover img {
	position: absolute;
	top: -340px;
	height: 90px;
	width: 310px;
	right: -356px;
}
#container  #content #letra-k a:hover img {
	position: absolute;
	top: -375px;
	height: 90px;
	width: 310px;
	right: -356px;
}
#container  #content #letra-l a:hover img {
	position: absolute;
	top: -410px;
	height: 90px;
	width: 310px;
	right: -356px;
}
#container  #content #letra-m a:hover img {
	position: absolute;
	top: -120px;
	height: 90px;
	width: 310px;
	right: -178px;
}
#container  #content #letra-n a:hover img {
	position: absolute;
	top: -210px;
	height: 90px;
	width: 310px;
	right: -178px;
}
#container  #content #letra-o a:hover img {
	position: absolute;
	top: -260px;
	height: 90px;
	width: 310px;
	right: -178px;
}
#container  #content #letra-p a:hover img {
	position: absolute;
	top: -310px;
	height: 90px;
	width: 310px;
	right: -178px;
}
#container  #content #letra-r a:hover img {
	position: absolute;
	top: -120px;
	height: 90px;
	width: 310px;
	right: 0px;
}
#container  #content #letra-s a:hover img {
	position: absolute;
	top: -210px;
	height: 90px;
	width: 310px;
	right: 0px;
}
#container  #content #letra-t a:hover img {
	position: absolute;
	top: -370px;
	height: 90px;
	width: 310px;
	right: 0px;
}
#container  #content #letra-v a:hover img {
	position: absolute;
	top: -470px;
	height: 90px;
	width: 310px;
	right: 0px;
}

