html , body {
	background-color: black;
	height: 99%;
	width: 99%;
	margin: auto;
	border:0;
	padding: 0; 
	font-size: 10pt;
	color: white;
	font-family: Helvetica, Verdana, Arial, sans-serif;	/* font-family: Calibri, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; */
	font-weight: normal;
	text-transform: none;
	text-shadow: 0.08em 0.08em 0.08em #302f14;
	text-align: center;
	overflow: hidden;
	/* filter: progid:DXImageTransform.Microsoft.Shadow(color=#302f14,direction=135,strength=2) progid:DXImageTransform.Microsoft.Blur(pixelradius=0); */
}
a , a:link , a:visited , a:focus , a:hover {outline: 0; text-decoration:none; color: white;} /* line-height: 13pt; */
a:hover {font-weight: bold;}

div#centradohor{
	width: 1088px;			/* colocar aqui tamaņo del area de visualizacion, respetando relacion de aspecto de imagen de fondo */
	height: 612px;
	display: block;
	margin: 0 auto;
	padding: 0;
}
div#cont {
	z-index: 0;
	width: 1088px;			/* colocar aqui tamaņo del area de visualizacion, respetando relacion de aspecto de imagen de fondo */
	height: 612px;
	border: 0;
	padding: 0;
	margin: 0;
	display: block;
	position: absolute;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	text-align: center;
}
div#tcont		{top: 0; left: 0; width: 100%; height: 100%; display: table;}
div#centradover	{display: table-cell; vertical-align: middle;}
div#gral		{position: absolute; overflow: hidden;}
div#esp			{position: absolute; visibility: hidden; text-align: justify; overflow: visible;}

#fotofondo{
	z-index  : -5;
	border   : 0;
	width    : 100%;
	height   : 100%;
	position : absolute;
	margin   : 0;
	left     : 0;
	right    : 0;
	box-shadow            : 3px 3px 8px #111;   /*For CSS3 spec*/
	-moz-box-shadow       : 3px 3px 8px #111;   /*For Firefox*/
	-webkit-box-shadow    : 3px 3px 8px #111;   /*For Chrome/Safari*/
	border-radius         : 5px;                /*For CSS3 Spec*/
	-moz-border-radius    : 5px;                /*For Firefox*/
	-webkit-border-radius : 5px;                /*For Chrome/Safari*/
}

#boton_es { position: absolute;	top: 80%; left:87%;	visibility: hidden;	display: block;  cursor: pointer; }
#boton_en { position: absolute;  top: 80%; left:1%;	visibility: hidden;	display: block;  cursor: pointer; }

#m_es, #m_en {color:#4c3c25; width:100%; height:35%; visibility: hidden; display: block; position: absolute; top: 70%; }

#menu_fondo{ vertical-align: middle; width:100%; }
#menu_fondo td  {width: 12%; min-width: 12%; max-width: 12%;}
#menu_fondo td.pun {width: 1%; min-width: 1%; max-width: 1%;}

#menu_fondo td , td.pun , a.etiq {
	color: #1d160b;
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: 2.8em;
	max-height: 2.8em;
	min-height: 2.8em;
	vertical-align: middle;
	font-size: 14pt;
	text-shadow: 0.07em 0.07em 0.07em #eae6d6;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#eae6d6,direction=135,strength=2) progid:DXImageTransform.Microsoft.Blur(pixelradius=0.0); */
}

#menu_fondo td a:hover { 
	font-size: 14pt;
	color: #eae6d6;
	text-shadow: 0.08em 0.08em 0.08em #1d160b;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#1d160b,direction=135,strength=3) progid:DXImageTransform.Microsoft.Blur(pixelradius=1.0);*/
}

span.etiqact {
	color: #1e1b15;
	font-size: 14pt;
	text-shadow: 0.08em 0.08em 0.08em #f6f7ce;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#d5cfb4,direction=135,strength=4) progid:DXImageTransform.Microsoft.Blur(pixelradius=1.0);*/
}
                     
table#discografia tr td {vertical-align: top;}

.disco , .disco1 , ol {
	color: #0b0804;
	font-size: 9pt;
	text-shadow: 0.08em 0.08em 0.08em #eeeedb;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#eeeedb,direction=135,strength=2) progid:DXImageTransform.Microsoft.Blur(pixelradius=0);
}
.disco  {	line-height: 14pt;}
.disco1 {	line-height: 9pt; }
a.disco {	cursor: pointer;  }

.fotodisco{
	border   : 0;
	margin   : 0;
	left     : 0;
	right    : 0;
	box-shadow            : 3px 3px 8px #111;   /*For CSS3 spec*/
	-moz-box-shadow       : 3px 3px 8px #111;   /*For Firefox*/
	-webkit-box-shadow    : 3px 3px 8px #111;   /*For Chrome/Safari*/
	border-radius         : 5px;                /*For CSS3 Spec*/
	-moz-border-radius    : 5px;                /*For Firefox*/
	-webkit-border-radius : 5px;                /*For Chrome/Safari*/
}

.foto{
	border   : 0;
	margin   : 0;
	left     : 0;
	right    : 0;
	box-shadow            : 3px 3px 8px #111;   /*For CSS3 spec*/
	-moz-box-shadow       : 3px 3px 8px #111;   /*For Firefox*/
	-webkit-box-shadow    : 3px 3px 8px #111;   /*For Chrome/Safari*/
	border-radius         : 5px;                /*For CSS3 Spec*/
	-moz-border-radius    : 5px;                /*For Firefox*/
	-webkit-border-radius : 5px;                /*For Chrome/Safari*/
}

.class1 { color: #f7f5f2; font-size: 11pt; line-height: 11pt; font-family: Calibri, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-shadow: 0.06em 0.06em 0.06em #190a09; filter: Shadow(Color=#190a09, Direction=150, Strength=1); }
.class2 { color: #ffb7b7; font-size: 11pt; line-height: 11pt; font-family: Calibri, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-shadow: 0.06em 0.06em 0.06em #190a09; filter: Shadow(Color=#190a09, Direction=150, Strength=1); }
.class3 { color: #c8d8ab; font-size: 11pt; line-height: 11pt; font-family: Calibri, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-shadow: 0.06em 0.06em 0.06em #190a09; filter: Shadow(Color=#190a09, Direction=150, Strength=1); }
.class4 { color: #ffd7ca; font-size: 11pt; line-height: 11pt; font-style: italic; font-family: Calibri, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-shadow: 0.06em 0.06em 0.06em #190a09; filter: Shadow(Color=#190a09, Direction=150, Strength=1); }
.class5 { color: #ffd7ca; font-size: 11pt; line-height: 11pt; font-family: Calibri, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-shadow: 0.06em 0.06em 0.06em #460606; filter: Shadow(Color=#460606, Direction=150, Strength=1); }
.class6 { color: #ebdac5; font-size: 11pt; line-height: 11pt; font-family: Calibri, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-shadow: 0.07em 0.07em 0.07em #460606; filter: Shadow(Color=#460606, Direction=150, Strength=1); }
.class7 { color: #f4e8e9; font-size: 11pt; line-height: 11pt; font-family: Calibri, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-shadow: 0.07em 0.07em 0.07em #2a0a07; filter: Shadow(Color=#2a0a07, Direction=150, Strength=1); }
.class8 { color: #fff0e1; font-size: 17pt; line-height: 20pt; font-family: Calibri, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-shadow: 0.07em 0.07em 0.07em #2a0a07; filter: Shadow(Color=#2a0a07, Direction=150, Strength=1); }
.class9 { color: #fff0e1; font-size: 11pt; line-height: 11pt; font-family: Calibri, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-shadow: 0.07em 0.07em 0.07em #2a0a07; filter: Shadow(Color=#2a0a07, Direction=150, Strength=1); }

div.marquesina {
	color: #E9D9D9;
	font-size: 13pt;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	visibility: hidden;
	position: absolute;
	display: block;
	text-shadow: 0.1em 0.1em 0.1em #3c381d;
	filter: Shadow(Color=#3c381d, Direction=135, Strength=1);
}

#fechas { text-align: left; color: white; font-size: 13pt; line-height: 13pt;	font-family: Calibri, Helvetica,Arial;}

#copyright {position: absolute; display:block;  width: 100%; top: 95%; margin-left: auto; margin-right: auto;}

.btncont {width: 32px; height: 32px; cursor: pointer;}