/* Track Multimedia, Disco de Nico */
/*** NEUTRALIZANDO ESTILOS: 
	elementos que queremos limpiar completamente: ***/

* {
	margin: 0;
	padding: 0;
	border: none;
}

html {
	font: 62.5% "Lucida Grande", Lucida, Verdana, sans-serif;
	text-shadow: #000 0px 0px 0px;/*Elimina el efecto bold en Safari*/
}

/*** NEUTRALIZANDO ESTILOS:
	elementos con margen vertical: ***/

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0 0 1em 0;
}

/*** Algunos ajustes basicos: ***/

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}

sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}

li, dd, blockquote {
	margin-left: 1em;
}

/*** LINKS:
	recuerda utilizar siempre la regla del LoVe-HAte ***/

a, a:link, a:visited, a:hover, a:active {
	/*
	Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
	
	outline: 0;
	
	Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
	*/
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

img {
	border: none;
	text-decoration: none;
	/*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/
}

/*** FORMULARIOS: ***/

label, button {
cursor:pointer;
}

input, select, textarea {
	font-size: 100%;
}

input:focus, select:focus, textarea:focus {
	background-color: #FFF;
}

fieldset {
	border: none;
}

/*** Algunas clases útiles: ***/

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.helvetica {
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

/*-----------BASE-----------*/
body{
	background: #FFF url(../img/bg-top.jpg) no-repeat left top;
}

h1{
	width:338px;
	height:262px;
	background: url(../img/titulo.jpg) no-repeat;
	display:block;
	text-indent:-1000em;
}

h1 a{
	display:block;
	width:338px;
	height:262px;
}

h2{
width:262px;
height:30px;
display:block;
text-indent:-1000em;
margin-bottom:10px;
}
.h2-home{background: url(../img/h2-tiende.gif) no-repeat;}
.h2-guion{background: url(../img/h2-guion.gif) no-repeat;}
.h2-letras{background: url(../img/h2-letras.gif) no-repeat;}
.h2-enlaces{background: url(../img/h2-enlaces.gif) no-repeat;}
.h2-fichas{background: url(../img/h2-fichas.gif) no-repeat;}

p{
	font-size:1.2em;
	line-height:1.6em;
	background: url(../img/flor.jpg) no-repeat;
	padding-left:25px;
}

strong{color:#CA3380;}
#wrap{
	width:900px;
	margin:0;
	position:relative;
}
#nav{
	width:189px;
	height:170px;
	padding-top:35px;
	right:0;
	top:0;
	position:absolute;
	background: url(../img/menu-bg.jpg);
}

#nav ul{
	width:189px;
	list-style:none;
}

#nav ul li{
	margin-bottom:6px;
}

#nav ul li a{
	display:block;
	width:189px;
	height:20px;
	text-indent:-1000em;
}

#contenido{
	width:645px;
	padding:65px 205px 30px 50px;;
	
}

#flash{
clear:both;
width:900px;
}

ul.lista{
margin:0;
padding:0;
list-style:none;
}
ul.lista li{
font-size:1.3em;
margin-bottom:20px;
}

ul.lista li a{
	display:block;
	height:24px;
	padding-left:35px;
	background: url(../img/lista-bg.gif) no-repeat;
}