/*General*/
html,body{ margin:0; padding:0 }
body {
 background: black ; color: white;
 font-family: "Lucida Sans Unicode", "Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
 font-size: 75%; text-align: left; margin: 0; padding: 0;
}
li { list-style-type: none; }
h3 { font-size: 200%; /*font-size: 140%;*/ color: white;}
h4 { font-size: 120%; color: #8CAF1D; margin: 25px 5% 5px 0;}
p {margin: 0; padding: 0;}


/*Intro*/
body#index {background: none; background: black;}
div#intro {
 position: absolute; /*Posicionamiento absoluto*/
 top: 50%; /*Desde arriba, colocar al 50% de la pantalla*/
 left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
 margin-top: -217px; /*Restamos la mitad de alto para centrarlo verticalmente*/
 margin-left: -325px; /*Restamos la mitad de ancho para centrarlo horizontalmente*/
}
div#intro h1 {color: #8CAF1D;}

/*Estructura pagina*/
div#web {margin: 0; padding: 0;}
div#bloque1 div#adornosLogo { width: 563px; height: 322px; margin: 0; padding: 0; top:0; left: 0; }
div#bloque1 div#adornosLogo h1 { text-align: left; font-size: 20px; text-indent: -10000px; margin: 0; padding: 0;}
div#bloque1 p { margin-right: 5%; margin-bottom: 10px;}
div#bloque1 {
 position: relative;
 float:left;width:74.9%; 
 background: url("../imagenes/comunes/fondo2.jpg") no-repeat top left;
 overflow: hidden;
 text-align: left;
 margin: 0; padding: 0 0 25px 0;
}
div#bloque1 li { list-style-type: disc; margin-right: 5%;}
div#bloque2{
 position: relative;
 float:left;width:25%; height: 340px;
 background: url("../imagenes/comunes/fondo1.jpg") no-repeat top right;
 overflow: hidden;
 text-align: right;
 margin: 0; padding: 0;
}
div#bloque1 img.ancho {margin: 25px 0 25px 0;}

/*Titulos Seccion*/
div#bloque1 div#tituloPortada { width: 100%; height: 74px; text-align: left; text-indent: -10000px;  background: url("../imagenes/comunes/portada-paula-coronas.jpg") no-repeat left; }
div#bloque1 div#tituloBiografia { width: 100%; height: 74px; text-align: left; text-indent: -10000px; background: url("../imagenes/comunes/biografia-paula-coronas.jpg") no-repeat left; }
div#bloque1 div#tituloDiscografia { width: 100%; height: 74px; text-align: left; text-indent: -10000px;  background: url("../imagenes/comunes/discografia-paula-coronas.jpg") no-repeat left; }
div#bloque1 div#tituloCritica { width: 100%; height: 74px; text-align: left; text-indent: -10000px;  background: url("../imagenes/comunes/critica-paula-coronas.jpg") no-repeat left; }
div#bloque1 div#tituloGaleria { width: 100%; height: 74px; text-align: left; text-indent: -10000px;  background: url("../imagenes/comunes/galeria-paula-coronas.jpg") no-repeat left; }
div#bloque1 div#tituloAgenda { width: 100%; height: 74px; text-align: left; text-indent: -10000px;  background: url("../imagenes/comunes/agenda-paula-coronas.jpg") no-repeat left; }
div#bloque1 div#tituloContacto { width: 100%; height: 74px; text-align: left; text-indent: -10000px;  background: url("../imagenes/comunes/contacto-paula-coronas.jpg") no-repeat left; }

/*Menu*/
ul#menu { 
 margin: 0; padding: 0;
 width: 600px;
 position: absolute; top: 82px; left: 0; overflow: hidden;
}
ul#menu li {
 list-style-type: none;
 margin: 0;
 float: left;
 height: 27px;
 text-indent: -10000px;
}
ul#menu li a {
 display: block;
 height: 27px;
}
ul#menu li#presentacion a {width: 101px; background: url("../imagenes/comunes/presentacion.gif") no-repeat;}
ul#menu li#portada a {width: 62px; background: url("../imagenes/comunes/portada.gif") no-repeat;}
ul#menu li#biografia a {width: 93px; background: url("../imagenes/comunes/biografia.gif") no-repeat;}
ul#menu li#discografia a {width: 111px; background: url("../imagenes/comunes/discografia.gif") no-repeat;}
ul#menu li#critica a {width: 77px; background: url("../imagenes/comunes/critica.gif") no-repeat;}
ul#menu li#galeria a {width: 69px; background: url("../imagenes/comunes/galeria.gif") no-repeat;}
ul#menu li#agenda a {width: 64px; background: url("../imagenes/comunes/agenda.gif") no-repeat;}

ul#menu li#presentacion a:hover, ul#menu li#portada a:hover, 
ul#menu li#biografia a:hover, ul#menu li#discografia a:hover,
ul#menu li#critica a:hover, ul#menu li#galeria a:hover, ul#menu li#agenda a:hover
 { background-position: 0 -27px; }


/*Discografia*/
.discografia img {float: left; border: 2px solid #8CAF1D; margin-right: 10px;}
div#bloque1 .discografia h3 { font-size: 140%; margin-top: 0; color: #8CAF1D;}
div#bloque1 .discografia p { margin-top: 0;}
.separador { clear:both; height: 15px;}

/*Galeria*/
.contenedor { border: 2px solid #8CAF1D;}
.pieGaleria {width: 400px; padding-bottom: 20px;}
.descr {display: block; font-size: 80%; width: 465px; padding: 0; margin: 0;}
.salto {clear: left; line-height: 1px; height: 1px;}
a.galeria {display: block; width: 85px; height: 85px; float: left; margin: 0 5px 5px 0;}
a.galeria:link, a.galeria:visited, a.galeria:active { border: 2px solid #8CAF1D;}
a.galeria:hover { border-color: white; }
a.galeria img {border: none;}

/*Pie*/
div#pie { 
 clear: both;
 width: 74.9%; height: 144px; margin: 0 0 0 25%; position: relative; 
 background: url("../imagenes/comunes/pie.jpg") no-repeat left top;
 text-align: right;
}
div#pie span {position: absolute; top: 86px; left: 38px;}
div#pie h1 {text-align: left; text-indent: -10000px;}

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

/*vinculos estandar*/
a { outline: 0; }
a:link, a:visited, a:active { text-decoration: none; color: #8CAF1D; font-size: 100%; font-weight: normal; }
a:hover { color: #8CAF1D; text-decoration: underline; }

/*vinculos pie*/
a.creditos:link, a.creditos:visited, a.creditos:active { text-decoration: none; color: #666666; font-size: 100%; font-weight: normal;}
a.creditos:hover { color: #CCCCCC; text-decoration: underline; }
a.email {
 background: url("../imagenes/comunes/email.gif") no-repeat left bottom;
 padding-left: 16px;
}
a.email:hover {color: white;}

/*Concreto*/
.discografia a { 
 background: url("../imagenes/comunes/simbolo-audio.gif") no-repeat left center;
 padding-left: 18px;
}
.discografia a:hover {color: white;}

a.subir:link, a.subir:visited, a.subir:active {
 display: block; width: 70px; clear: left;
 background: url("../imagenes/comunes/flecha-subir.gif") no-repeat left center;
 padding-left: 12px;
}
a.subir:hover {color: white;}

a.botFormulario:link, a.botFormulario:visited, a.botFormulario:active {
 text-decoration: none; font-weight: bold;
 color: black; background: white; border: 1px solid #8CAF1D; padding: 5px 8px;
}
a.botFormulario:hover {color: white; background: black; border: 1px solid #8CAF1D;  text-decoration: none;}