/**********************************************
	Hoja de estilos contenidos 2002-04 
	© miradas.net
	fichero: estilo.css
	autor: Jose David Caceres Tapia
	revision: enero 2005
***********************************************/

/* Estilos de los enlaces */
a {
	color: #999999;
	text-decoration: none
}
a:hover {
	color: #000000
}
a.red {
	color:#ff0000
}
a.red:hover {
	color: #000000
}

/* Estilos globales */
body {
	background-color: #ffffcc;
	color: #000000;
	margin-top: 4px;
	margin-left: 5px;
	margin-bottom: 0px;
}
em {
	font-style: normal;
	font-weight: bold;
	color: #808080
}
blockquote {
	margin-left: 15px;
	margin-right: 0px;
}
small {
	font-size: 85%;
}
.titulo1 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #666666
}
.comentario {
	font: 12px Arial, Helvetica, sans-serif;
	text-align: justify
}
.texto12 {
	font: 12px Arial, Helvetica, sans-serif;
}
.red {
	color: #FF0000
}
.yellow {
	color: #FFFFCC
}

/* diseño global */
td.header {
	width: 405px;
	height: 27px;
	border-bottom: 3px solid #000000;
	font: 16px Arial, Helvetica, sans-serif;
	color: #666666;
	vertical-align: top;
}
td.hd-texto {
	width: 405px;
	height: 27px;
	border-bottom: 3px solid #000000;
	/*border-top: 1px solid #000000;*/
	font: 13px Arial, Helvetica, sans-serif;
	vertical-align: top;
}
td.content {
	width: 405px;
	height: 400px;
	vertical-align: top;
	padding-top: 6px;
}
td.imgtitle{
	width: 32px;
	vertical-align: top;
}
td.padding {
	width: 10px;
}
td.box {
	width: 222px;
	vertical-align: top;
}
table.banda {
	background-color: #000000;
	width: 218px;
	height: 350px;
	border: 0px;
}
table.banda a {
	color: #999999;
}
table.banda a:hover {
	color: #ffffcc;
}
table.banda td.main {
	text-align: center;
	height: 250px;
}
td.navigate {
	width: 72px;
	vertical-align: top;	
}
td.navigate table {
	width: 95%;
	float: right;
	border: 0;
}
td.navigate .indx {
	height: 40px;
	text-align: center;
	vertical-align: bottom;
	font: 16px Arial, Helvetica, sans-serif;
	color: #666666
}

/* Indices, sumarios */
.sumario {
	font: 13px Arial, Helvetica, sans-serif
}
.sumario h1 {
	font-size: 16px;
	color: #666666;
	margin: 5px 1px;
}
.sumario h2 {
	font-size: 13px;
	margin: 0px 1px 2px;
}
.sumario h3 {
	font-size: 13px;
	margin: 16px 1px 5px;
}
.sumario p {
	margin: 4px 0px;
}
.sumario img {
	float: left;
	margin-right: 3px;
	margin-top: -1px;
}

.sumario noscript div {
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: justify;
	width: 364px;
	padding-left: 2px;
}
.enlaces {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFCC
}
.enlaces h1 {
	font-size: 13px;
	margin: 15px 10px 5px;
}
.enlaces p {
	margin: 3px 10px;
}
.enlaces img {
	float: left;
	margin-right: 3px;
	margin-top: -1px;
}
.archivo {
	font-family: Arial, Helvetica, sans-serif;
}
.archivo p {
	font-size: 13px;
	margin: 5px 0px;
}
.archivo img {
	float: left;
	margin-right: 3px;
}
.archivo em {
	color: #999999;
}
.archivo a {
	color: #000000;
}
.archivo a:hover {
	color: #000000;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999; 
}
.arch-anual {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #808080;
	border: none;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	height: 25px;
	padding: 3px;
}
td.arch-anual a {
	color: #808080;
}
td.arch-anual em {
	color: #ffffcc;
}
td.content .arch-anual {
	height: auto;
	margin-top: 3px;
	color: #000000;
}
.abc {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	border-bottom: 1px solid #666666;
	width: 100%
}
.abc td {
	width: 14px;
	text-align: center;
}
.abc th {
	border: none;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
}
.sumario .abc {
	width: 387px;
}
.sumario .abc th {
	border-top: 0;
}
.filmo {
	font: 11px Arial, Helvetica, sans-serif;
	text-align: justify
}
.filmo h1 {
	font: bold 11px Arial, Helvetica, sans-serif;
	text-align: left;
}

/* Formateo textos articulos */

.titulo {
	font-weight: bold;
	font-size: 17px;
}
.texto {
	font: 13px Arial, Helvetica, sans-serif;
	width: 405px;
	vertical-align: top;
	text-align: justify;
}
.texto h1 {
	font-size: 15px;
	margin-top: 0;
}
.texto h2 {
	font-size: 13px
}
.texto h3 {
	font-size: 12px;
	text-align: right;
	border-bottom: 1px solid #000000;
	margin-bottom:5px;
}
.texto h3 + p {
	margin-top: 5px;
}
.texto h3.var {
	font-weight: normal;
	text-align:justify;
}
.texto p {
	margin-top: 0;
}
.texto ul {
	list-style-position: outside;
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 0px;
}
.texto ul li {
	margin-left: -25px;
	margin-bottom: 10px;
}
.piepagina {
	font: italic 9pt Arial, Helvetica, sans-serif;
	text-align: center;
	border-top: 1px solid #000000
}
p.prep:first-line {
	text-transform: uppercase;
	color: #808080;
	font-weight: bold;
}
p.prep {
	text-align: justify;
}
p.normal {
	text-align: justify;
	text-indent: 15px
}
p.notas {
	font-size: 10px;
	text-align: justify;
	margin: 0px;
}
p.cita {
	font-size: 12px;
	text-align: center;
}
p.tracklist {
	font-size: 11px;
	border: 1px solid #000000;
	margin-bottom: 1px;
	padding: 2px 5px;
	text-align: justify;
}

/* Estilos de tablas y celdas */
td.ficha {
	font: 11px Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #FFFFCC;
	padding-left: 10px;
	padding-right: 10px;
}
td.fichatv {
	font: 11px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFCC;
	padding: 4px;
}
td.firma {
	font: 16px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #808080;
	font-weight: bold;
	height: 25px;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}
td.firma a {
	color:#808080
}
td.firma a:hover {
	color:#808080
}
td.firma2 {
	font: 12px Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
	color:#999999;
}
.info {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #999999;
	text-align: center;
	vertical-align: top;
}
td.nota {
	font: 9px Arial, Helvetica, sans-serif;
	color: #999999;
	padding: 2px;
	text-align: center;
	height: 75px;
}
td.menubanda {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFCC;
  vertical-align: top;
}
td.menubanda p {
	margin: 5px 2px;
	text-align: center;
}
td.menubanda p.on {
	margin: 5px 1px;
	background: #FFFFCC;
	color: #000000
}
td.menudvdOff {
	font: italic bold 14px Arial, Helvetica, sans-serif;
	color: #999999;
	text-align: right;
	background-color: #000000;
	width: 210px;
	height: 111px;
	padding-right: 8px;
	padding-top: 5px;
	cursor: pointer;
	vertical-align: top;
}
td.menudvdOn {
	font: italic bold 14px Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFCC;
	width: 210px;
	height: 111px;
	padding-left: 8px;
	padding-top: 5px;
	vertical-align: top;
}
td.menudvdOn h1 {
	font: 18px Arial, Helvetica, sans-serif;
	margin: 0px;
}
td.menudvdOff h1 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #FFFFCC;
	margin: 0px;
}
td.vert-pad {
	height: 10px;
}

/* Formato layers */

div.arch-foto {
	position: absolute;
	visibility: hidden;
	top: 60px;
	left: 504px;
	width:215px;
	height:200px;
	border: none;
}
div#control {
	position:absolute;
	width:25px;
	z-index:1;
	left: 376px;
	top: 305px;
	visibility: hidden
}
div#menu1 {
	position:absolute;
	z-index:2;
	overflow: hidden;
	width: 367px;
	height: 172px;
}
div#menu3 {
	position:absolute;
	z-index:2;
	overflow: hidden;
	width: 367px;
	height: 258px;
}
div#scrolling {
	position:absolute;
	visibility: hidden;
	clip: rect(0, 0, 0, 0);
}
div#scrollControl {
	position:absolute;
	width: 400px;
	left:44px;
	top:403px;
	text-align: right;
	border-top: 1px solid #000000;
	margin: 0px;
	visibility:hidden;
}
div#scrollContainer {
	position:absolute;
	width:400px;
	height:360px;
	overflow:hidden;
	top:41px;
	left:44px;
	clip:rect(0,400px,360px,0);
	visibility:hidden;
} 
div#scrollCont {
	position:absolute;
}