@charset "utf-8";
/* CSS Document */
html {
    margin: 0;
    padding: 0;
    height: 100%;
}
body {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #000000;
	margin:0;
	padding:0;
	font-size:12px;
	border:0;
	text-decoration:none;
    height:100%;
    text-align: left;
    color: #ffffff;
}
a, p, div, img, h1, h2{
	text-decoration:none;
	border:0;
	margin:0;
    color: #ffffff;
}
a{
	outline:0;
}
#floater {
    position:relative;
    float:left;
    height:50%;
    width:1px;
    margin-bottom:-400px;
}
#fondo{
	width:971px;
	height:auto;
    margin: 10px auto;
    position:relative;
    clear:left;
}
#cabecera{
	background: url('../img/cabecera.png');
	width:971px;
	height:103px;
    position:relative;
    float:left;
}
#menu{
    margin:0;
    padding: 0 14px 0 15px;
    width:942px;
    height:49px;
    border-bottom:1px solid #bc9e57;
    position:relative;
    float:left;
}
#centro{
	width:971px;
	height:417px;
	margin:0;
    border-bottom:1px solid #bc9e57;
    position:relative;
    float:left;
}
#conciertos{
	width:971px;
    height:auto;
	margin:0;
    border-bottom:1px solid #bc9e57;
    position:relative;
    float:left;
}
#pie{
	width:971px;
	height:35px;
	line-height:35px;
    color:#ffffff;
	margin:0;
    position:relative;
    float:left;
}

/********* UTILS ************/

.left{
    position:relative;
    float:left;
}
.right{
    position:relative;
    float:right;
}
.bold{
    font-weight: bold;
}
.error{
    color: #cc0000;
}
.success{
    color: #1ed200;
}
.llenar{
    color: #bc9e57;
}


/******** CABECERA *******/


/******** MENU *********/

#menu ul{
    margin:0;
    list-style:none;
    padding:0;
}
#menu ul li{
    margin:0;
    padding:0;
    position:relative;
    float:left;
}


/******** CENTRO *******/

.fondo1{
    background: url('../img/fondo1.png');
}
.fondo2{
    background: url('../img/fondo2.png');
}
.fondo3{
    background: url('../img/fondo3.png');
}
.fondo4{
    background: url('../img/fondo4.png');
}
.fondo5{
    background: url('../img/fondo5.png');
}
.fondo6{
    background: url('../img/fondo6.png');
}
.fondo7{
    background: url('../img/fondo7.png');
}


/******** CONCIERTOS *******/

#conciertos img{
    position:relative;
    float:left;
}
/**
 * Slideshow style rules.
 */
#slideshow {
    width:817px;
    height:auto;
    position:relative;
    float:left;
}
#slideshow #slidesContainer {
    margin:20px auto 20px auto;
    width:700px;
    height:auto;
    overflow:auto; /* allow scrollbar */
    position:relative;
}
#slideshow #slidesContainer .slide {
    margin:0 auto;
    width:680px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
    height:auto;
}
#slideshow #slidesContainer .slide .concierto {
    margin:0;
    padding:0 5px 0 10px;
    width:160px;
    height:auto;
    position:relative;
    float:left;
}
.date{
    color: #bc9e57;
    font-size:13px;
    text-transform: uppercase;
}

/**
 * Slideshow controls style rules.
 */
.control {
    display:block;
    height:100%;
    text-indent:-10000px;
    position:absolute;
    cursor: pointer;
}
#leftControl {
    top:56px;
    left:12px;
    width:37px;
    height:39px;
    background:transparent url('../img/control_left.png') no-repeat 0 0;
}
#rightControl {
    top:56px;
    right:11px;
    width:37px;
    height:39px;
    background:transparent url('../img/control_right.png') no-repeat 0 0;
}


/******** PIE *********/

#pie a{
    color:#ffffff;
	font-weight:bold;
}
#pie a:hover{
	text-decoration:underline;
}


/********* PORTADA **************/

.slideshow {
    height: 417px;
    width: 971px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slideshow img {
    border: 0;
}


/********* CONTACTO  *************/

.contacto a{
    text-decoration: underline;
}
.contacto #izquierda{
    margin: 85px 0 0 193px;
    width: 339px;
    height: 332px;
    float: left;
}
.contacto #izquierda p{
    margin-top: 10px;
}
.contacto #izquierda input#nombre,
.contacto #izquierda input#email,
.contacto #izquierda textarea{
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    margin-top: 5px;
    padding: 5px;
    border: 0;
	font-size:12px;
    width:243px;
}
.contacto #izquierda textarea{
    height:110px;
    overflow:auto;
}
.contacto #izquierda input#enviar,
.contacto #izquierda input#borrar{
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #ffffff;
    font-size: 11px;
    padding: 3px;
    margin-top: 10px;
    cursor: pointer;
}
.contacto #derecha{
    margin: 93px 0 0 0;
    width: 439px;
    height: 324px;
    float: left;
}
.contacto #derecha p.link-beba{
    width: 100%;
    float: left;
}
.contacto #derecha p.link-beba a.beba{
    display: block;
    width: 182px;
    height: 109px;
}
.contacto #derecha #contacto-beba{
    float: left;
    margin-left: 15px;
}
.contacto #derecha #contacto-beba p.bold{
    margin-top: 20px;
}


/********* ENLACES ************/

#facebook{
    margin: 44px 0 0 341px;
}
#myspace{
    margin: 39px 0 0 336px;
}
#twitter{
    margin: 50px 0 0 341px;
}


/********* ULTIMO ************/

.ultimo #textos{
    width: 971px;
    height: 245px;
    float: left;
}
.ultimo #izquierda{
    width: 507px;
    height: 245px;
    float: left;
}
.ultimo #izquierda #descripcion1{
    margin: 74px 0 0 74px;
    width: 400px;
    height: 171px;
    float: left;
}
.ultimo #derecha{
    width: 464px;
    height: 245px;
    float: left;
}
.ultimo #derecha #descripcion2{
    margin: 60px 0 0 0;
    width: 410px;
    height: 185px;
    float: left;
}
#descripcion1 p,
#descripcion2 p{
    margin-bottom: 10px;
}
.ultimo #miembros{
    margin-left: 46px;
    width: 900px;
    height: 172px;
    float: left;
}
.ultimo #miembros .miembro{
    text-align: left;
    margin-left: 20px;
    float: left;
    width: 130px;
}
.ultimo #miembros .miembro .foto{
    width: 85px;
    height: 85px;
    margin-bottom: 10px;
    background: white;
}
.ultimo #miembros .miembro .instrumento{
    font-size: 11px;
}

/********* MEDIA ************/

.media div#fotos{
    float: left;
    width: 458px;
}
.media div#fotos p a.fotos{
    width: 370px;
    height: 374px;
    display: block;
    margin: 21px 0 0 71px;
}
.media div#videos{
    float: left;
    width: 369px;
    padding: 50px 0 0 80px;
}
.media div#videos div#video-ajax{
    width: 320px;
    height: 265px;
}
.media div#videos div#video-otros{
    width: 320px;
    text-align: center;
    margin-top: 10px;
}


/********* SUSCRIBETE ************/

.suscribete div#susc{
    margin: 137px 0 0 459px;
}
.suscribete div#susc form div{
    width: 512px;
    margin-bottom: 30px;
}
.suscribete div#susc form div div{
    width: 135px;
    float: left;
    margin-right: 20px;
}
.suscribete form{
    margin-top: 30px;
}
.suscribete input#nombre,
.suscribete input#email{
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    margin-top: 5px;
    padding: 5px;
    border: 0;
	font-size:12px;
    width:125px;
}
.suscribete input#enviar{
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #ffffff;
    font-size: 11px;
    padding: 3px;
    margin-top: 10px;
    cursor: pointer;
    display: block;
    clear: both;
}

/********* RIDER ************/

.rider a{
    float: left;
    width: 197px;
    height: 197px;
    display: block;
    margin-top: 104px;
}
.rider a.riderlink{
    margin-left: 114px;
}
.rider a.plano{
    margin-left: 77px;
}
.rider a.repertorio{
    margin-left: 76px;
}