/* Locura de Amor - Multimedia Disco Locura de Amor - Rogelio Cabado */

/*** HACKS PARA IE ***/

/* Si tienes la necesidad de aplicar algún hack para IE6 utiliza este selector: */

*html {
}

/* Si necesitas aplicarlo a IE7 utiliza este:*/

*:first-child+html {
}

/*** 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 {
	outline: 0; /*Elimina la línea de puntos que aparece alrededor de los enlace al clicarlos*/
	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;
}

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

#wrap{
	width:500px;
	margin-top:40px;
	margin-left:480px;
	margin-bottom:20px;
	/*background-color:#FFF;
	opacity:0.5;*/
}

h1{
	width:500px;
	height:84px;
	background: url(../img/h1.gif) no-repeat right;	
	display:block;
	text-indent:-10000em;
	margin-bottom:20px;
}


h2, h3{
	display:block;
	text-indent:-1000em;
	margin-bottom:20px;
	float:right;
	clear:both;
}
.h2-letras{
	width:197px;
	height:28px;
	background: url(../img/h2-letras.gif) no-repeat;
}

.h2-dedicatoria{
	width:197px;
	height:28px;
	background: url(../img/h2-dedicatoria.gif) no-repeat;
}

.h2-isabel{
	width:207px;
	height:28px;
	background: url(../img/h2-isabel.gif) no-repeat;
}

.h2-video{
	width:269px;
	height:28px;
	background: url(../img/h2-video.gif) no-repeat;
}

.h2-contenido{
	width:250px;
	height:35px;
	background: url(../img/h2-contenido.gif) no-repeat;
}

.h3-hemos{
	width:269px;
	height:28px;
	background: url(../img/h3-hemos.gif) no-repeat;
}


#cuerpo{
	width:450px;
	background-color:#FFF;
	opacity:0.75;
	filter:alpha(opacity=75);
	padding:25px;
}

#pie{
	width:516px;
	height:71px;
	background: url(../img/logos.gif) no-repeat;
}

/*--------------imagenes---------------------*/
img.isabel{
float:right;
margin:10px 0 15px 15px;
}

/*-------------Detalles----------*/
ol.canciones, ol.galerias{
list-style-position:inside;
}

ol.canciones li{
margin-bottom:15px;
border-bottom:3px #D8842A solid;
padding:5px;
}

ol.galerias li{
margin-bottom:35px;
border-bottom:3px #D8842A solid;
padding:10px;
}

/*------------Fondos----------*/
body#creditos{
background: #000000 url(../img/bg-2.jpg) no-repeat left top;
}

body#canciones{
background: #000000 url(../img/bg-3.jpg) no-repeat left top;
}

body#isabel{
background: #000000 url(../img/bg-4.jpg) no-repeat left top;
}

body#video #wrap{
width:600px;
margin-left:280px;
}

body#video #cuerpo{
width:600px;
}

body#video h1{
margin-left:150px;
}


.logos{
	position:absolute;
	top:650px;
	left:50px;
	width:353px;
	height:321px;
	background: url(../img/logos.jpg) no-repeat;
}

/*-----------Menu-----------*/
#sideBar{
	position: absolute;
	width: auto;
	height: auto;
	top: 110px;
	left:0px;
	background: url(../images/background.gif) repeat-y left top;
	}
	
	#sideBarTab{
		float:left;
		height:137px;
		width:28px;
	}
	
	#sideBarTab img{
	border:0px solid #000;
	}
	
	#sideBarContents{
		overflow:hidden !important;
	}
	
	#sideBarContentsInner{
		width:200px;
}

	#sideBarContentsInner ul{
	margin:0;
	padding:0;
	}
	#sideBarContentsInner ul li{
		margin-bottom:7px;
		list-style:circle;
		list-style-position:inside;
	}

	#sideBarContentsInner ul li a{
	color:#fff;
	text-decoration:none;
	font: 1.2em/1.5em "trebuchet MS";
	text-transform: capitalize;
	}
	
	#sideBarContentsInner ul li a:hover{
	color:#E4A96C;
	}
	
	#sideBarContentsInner ul li a:visited{
	color:#D8842A;
	}