html 			{background: url("elementos/f/bg1.gif");}

body 			{margin: 0;}

table 			{border-collapse: collapse; margin: 0;}
ul				{padding: 0 20px 0 50px; text-align: left; list-style-type: none; margin: 0;}
li				{margin: 20px 0 0 0;}
p				{margin-top: 20px;}
h1 				{border-bottom: thin solid #c3c3c3;  font-size: 28px; text-align: left;}
h2				{border-bottom: thin solid #c3c3c3;  font-size: 26px; padding: 0 0 4px 0; text-align: right; line-height: 110%; color: #225381;}
h3				 {padding: 0; margin: 0; font-size: 18px;}
a				{outline: none; text-decoration: none; color: #225381;}
object			{outline: none;}

.logo 			{height: 86px; width: 100%; text-align: right;} 

.menuLista li	{border-bottom: 1px dashed #000000;}

a.nav			{text-decoration: none; font-family: georgia; color: #676861; font-weight: bold;}

ul.menuLista	{padding: 0;}

li.off			{text-align: left !important; background: #ebebeb;}
li.off a		{color: #849631;}

ul.subMenu1		{padding: 0 10px 0 10px; margin: 0;}
.subMenu1 li	{padding: 0 !important; margin: 0; text-align: left !important; font-size: 14px !important; border-top: 1px dashed #c3c3c3; border-bottom: none;}
.subMenu1 li a	{color: #5a5c50;}

li.subOff		{background: #c2c2c2;}
li.subOff a		{color: #225381;}

ul.subMenu2		{padding: 0 10px 0 10px; margin: 0; font-style: italic;}
.subMenu2 li	{padding: 0 0 0 4px !important; margin: 0; text-align: left !important; font-size: 12px !important; border-top: 1px dashed #c29462; border-bottom: none;}
.subMenu2 li a	{color: #5a5c50;}

li.sub2Off		{background: #dbe3ea;}
li.sub2Off a	{color: #373831;}

ul.subMenu3		{padding: 0; margin: 0; font-style: normal; background: #dbe3ea;}
.subMenu3 li	{padding: 0 4px 0 0 !important; margin: 0; text-align: right !important; font-size: 12px !important; border-top: 1px dashed #c3c3c3; border-bottom: none;}
.subMenu3 li a	{color: #961212;}

li.sub3Off		{background: #f7faf0; margin: 0 0 0 20px !important;}
li.sub3Off a	{color: #961212;}

.menuCont a:hover	{color: #849631;}

.subOff a:hover		{color: #225381 !important;}
.sub2Off a:hover	{color: #373831 !important;}
.sub3Off a:hover	{color: #961212 !important;}

.contComposer	{width: 100%; height: 500px; padding: 40px 1.6cm 1.2cm; color: #373831; font-family: Verdana; font-size: 13px; line-height: 150%; text-align: left;
					background: url("elementos/f/hebra01.png") repeat-y 1px 0px;} 		

.obras 			{color: #225381; text-decoration: none; font-size: 15px;}
.obras1			{color: #225381 !important; text-decoration: none; font-size: 16px !important; font-weight: bold;}
.obras2			{color: #373831; text-decoration: none; font-size: 15px;}
.obras3			{color: #225381; text-decoration: none;}

img				{border: none;}
img.icons 		{border: none; vertical-align: text-top;}

p.newsImg		{margin-bottom: 0px; margin-top: 0px;}
p.newsP			{margin-top: 0px;}
p.newsImg img	{vertical-align: top;}
p.newsP a		{text-decoration: none; color: #225381;}
.newsTitle		{font-size: 18px; font-style: normal !important; color: #849631 !important; font-weight: bold;}		

.date			{color: #b6b6b6; font-weight: bold; font-size: 10px; margin: 0px; text-indent: -30px;}
.date1			{color: #961212; font-weight: bold; font-style: italic; font-size: 14px; margin: 0px; text-indent: -30px;}

.flag			{border: none; background: transparent;}

a.banda			{text-decoration: none; color: #849631 !important;} 
table.songs		{padding: 0; margin: 0; table-layout: fixed; width: 100%;}
table.songs td	{border-bottom: 1px solid #c3c3c3;}
.colorTr		{background: #f7faf0;}
td.titulo		{width: 66%; padding: 0; margin: 0;}
td.audio		{width: 10%; padding: 0; margin: 0; text-align: right;}
td.band			{width: 24%; padding: 0 2px 0 0; margin: 0; text-align: right;}

table.comps		{padding: 0; margin: 0; table-layout: fixed; width: 100%; line-height: 120%}

td.nom			{vertical-align: bottom;}
td.nom a		{padding: 0; display:block;}
.inst			{text-align: right;}
table.comps td.line		{border-bottom: 1px solid #c3c3c3;}
table.comps td:hover	{background: #ffffff;} 
.inst a			{color: #373831; display: block;}
.audio2			{vertical-align: bottom;}
.audio2:hover	{background: url("elementos/i/audio1.png")}

p.divisor		{border-bottom: 1px solid #c3c3c3;}

i.dato 			{font-family: serif; line-height: 120%; font-size: 14px;}
.dato a			{text-decoration: none; color: #225381;}
.pad1			{margin-top: 0px;}

.contComposer p	{margin-top: 6px; margin-bottom: 4px;}				

p.firma			{text-align: right; font-style: italic;}

table.poems		{padding: 0; margin: 0; table-layout: fixed; width: 100%;}
.poems tr		{border-bottom: 1px solid #c3c3c3;}

.autor			{color: #373831; font-size: 10px; font-style: italic;}

p.prose			{text-align: justify; margin: 0; text-indent: 40px;}

li.extra		{font-family: georgia; background: #f7faf0; color: #849631; font-weight: bold; text-align: left !important;}

.navD			{text-decoration: none; font-family: georgia; color: #676861; font-weight: bold; font-size: 10px; font-style: italic;}
.navL			{border-bottom: none !important;}

.barras			{padding: 0; margin: 0; width: 240px; min-height: 480px; position: relative; left: 240px;}
.barra			{text-align: center; width: 80px; padding: 0; margin: 0; min-height: 480px; vertical-align:text-top; float: right;}

#barra1			{background: url("elementos/f/barras01.jpg"); cursor:pointer;}
#barra2			{background: url("elementos/f/barras01.jpg") -160px; cursor:pointer;}
#barra3			{background: url("elementos/f/barras01.jpg") -320px; cursor:pointer;}
#barra1:hover	{background: url("elementos/f/barras01.jpg") -80px;}
#barra2:hover	{background: url("elementos/f/barras01.jpg") -240px;}
#barra3:hover	{background: url("elementos/f/barras01.jpg") -400px;}
.barra a		{text-decoration: none; font-family: georgia; color: #ffffff; font-weight: bold; background: #000000; padding: 6px;}
.barra a:hover	{color: #000000; background: #ffffff;}

.claro			{color: #d9d9d9; font-weight: bold; font-family: georgia;}

.musicCover		{width: 100%; background: url("elementos/f/musicCover01.png");}

.subtitulo		{font-size: 15px;}

.comentario		{margin: 20px; padding: 30px 40px 30px 40px; background: #9db23b; font-style: italic; font-family: serif; line-height: 120%; font-size: 16px;}

/******************************************************************/
.floatR			{float: right;}
.floatL			{float: left;}
.rojo			{color: #961212;}
.centro			{text-align: center;}
.small			{font-size: 11px;}
.small1			{font-size: 11px; letter-spacing: -1px;}

.divWrap		{margin: 0 auto; width: 774px; position: relative;}
.divLogo		{position: fixed; top: 2px; height: 86px; width: 166px;}
.divMenu		{position: fixed; top: 92px; left: auto; width: 166px; height: auto;}
.divMenuT		{height: 12px; background: url("elementos/f/menuTop05.png") no-repeat;}
.divMenuC		{height: auto; background: url("elementos/f/menuHebra05.png") repeat-y; padding: 8px 20px 12px 14px;}
.divMenuB		{height: 40px; background: url("elementos/f/menuBottom05.png") no-repeat;}
.divTitle		{position: absolute; top: 0; left: 166px; background: url("elementos/f/nombreVara07.png"); width: 608px; height: 70px;}
.divTitleFixed	{position: fixed; left: auto; background: url("elementos/f/nombreVara07.png"); width: 608px; height: 70px; z-index: 1}
.divCont		{margin: 0; position: relative; top: 70px; left: 166px; min-height: 500px; width: 500px; color: #373831; font-family: Verdana; font-size: 13px; text-align: left;
					line-height: 150%; background: url("elementos/f/hebra01.png") repeat-y; height: auto; padding: 40px 54px 1px}
.divFooter		{margin: 0; left: 166px; height: 50px; background: url("elementos/f/footer01.png") no-repeat; width: 608px; padding: 34px 0 0 0; text-align: center; color: #474d40; 
					font-size: 11px; font-family: Verdana; letter-spacing: 3px; font-weight: bold; position: relative; top: 70px; height: 80px}
.divFooter p	{margin-top: 0; padding: 20px 0 0 0;}

.divMenuC ul li	{margin: 0; text-align: right; padding: 2px 0 1px 0;}
.divMenu a:hover{color: #849631;}
.divTitle img	{position: relative; right: 10px; top: 50px; float: right;}
.divLogo img	{float: right;}

.obras4			{color: #225381 !important; text-decoration: none; font-size: 16px !important; font-weight: bold; margin-top: 6px; margin-bottom: 4px;}

.trozos			{min-height: 54px; min-width: 416px;}
#trozo1			{background: url("elementos/f/trozosPartituras.png")}
#trozo2			{background: url("elementos/f/trozosPartituras.png") 0 -54px;}
#trozo3			{background: url("elementos/f/trozosPartituras.png") 0 -108px;}
#trozo4			{background: url("elementos/f/trozosPartituras.png") 0 -162px;}
#trozo5			{background: url("elementos/f/trozosPartituras.png") 0 -216px;}
#trozo6			{background: url("elementos/f/trozosPartituras.png") 0 -270px;}
#trozo7			{background: url("elementos/f/trozosPartituras.png") 0 -324px;}
#trozo8			{background: url("elementos/f/trozosPartituras.png") 0 -378px;}

.obraVisible 		{background: #e9e9e9; cursor: pointer; margin-bottom: 10px;}
.obraVisible:hover	{color: #961212;}
.obraNombre 		{padding: 4px 0 4px 3px;}
.obraDatos 			{padding: 2px 0 20px 20px;}
.obraDatosP 		{margin: 0;}
.obraEscondido 		{padding: 10px 32px; margin: -10px 0 20px 0; border-right: 10px solid #e9e9e9; border-left: 10px solid #e9e9e9;}
.obraEscondidoP 	{margin: 0;}
.cerrar 			{cursor: pointer;}

.iP					{padding: 0; margin: 0; width: 120px; height: 160px; display: block;}
.iP-H				{padding: 0; margin: 0; width: 160px; height: 120px; display: block;}
#iP-20092			{background: url("elementos/f/iP.png");}
#iP-20092:hover		{background: url("elementos/f/iP.png") -120px 0;}
#iP-20072			{background: url("elementos/f/iP.png") 0 -160px;}
#iP-20072:hover		{background: url("elementos/f/iP.png") -160px -160px;}

@font-face	{font-family: verdana; src: url("/elementos/fonts/verdana.eot?"), url("/elementos/fonts/verdana.TTF");}
@font-face	{font-family: verdana; font-weight: bold; src: url("/elementos/fonts/verdanab.eot?"), url("/elementos/fonts/verdanab.TTF");}
@font-face	{font-family: verdana; font-style: italic; src: url("/elementos/fonts/verdanai.eot?"), url("/elementos/fonts/verdanai.TTF");}
@font-face	{font-family: verdana; font-weight: bold; font-style: italic; src: url("/elementos/fonts/verdanaz.eot?"), url("/elementos/fonts/verdanaz.TTF");}

@font-face	{font-family: georgia; src: url("/elementos/fonts/georgia.eot?"), url("/elementos/fonts/georgia.TTF");}
@font-face	{font-family: georgia; font-weight: bold; src: url("/elementos/fonts/georgiab.eot?"), url("/elementos/fonts/georgiab.TTF");}
@font-face	{font-family: georgia; font-style: italic; src: url("/elementos/fonts/georgiai.eot?"), url("/elementos/fonts/georgiai.TTF");}
@font-face	{font-family: georgia; font-weight: bold; font-style: italic; src: url("/elementos/fonts/georgiaz.eot?"), url("/elementos/fonts/georgiaz.TTF");}


table.tabular td	{border: 1px solid gray; padding: 0 5px;}
sup			{vertical-align: 0; position: relative; Bottom: 3px; font-size: 11px;}

.fotoText	{font-size: 10px; font-style: italic; text-align: right; margin-top: 0;}