body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #dddddd;
margin: 0px;
padding: 0px;
}

img {
border: 0;
}

div.sombra {
float: left;
background: url(img/sombra.gif) no-repeat bottom right;
margin: 10px 0 0 5px;
}

div.sombra img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid black;
margin: -6px 6px 6px -6px;
padding: 4px;
}

div#principal {
width: 750px;
text-align: left;
border: 1px solid #000000;
background-color: #cccc9a;
margin: 10px 0 0 0;
}

img#lombarda {
margin: 2px 5px 1px 5px;
float: left;
}

div#interno {
border: 1px solid #000000;
margin: 35px 7px 6px 7px;
background-color: #ffffff;
}

/* Esto no lo ve IE */
html>body div#interno {
margin: 55px 7px 6px 7px;
}

/* Estilos de la portada */

div#portada div#seccion-principal {
width: 420px;
text-align: center;
font-size: 10pt;
}

div#portada div#seccion-principal p {
margin: 10px 10px 10px 10px;
}

div#portada div#barra-lateral {
margin-top: 15px;
float: right;
border-left: 2px solid black;
padding: 0 10px 0 10px;
font-size: 8pt;
width: 270px;
}

/* Esto no lo ve IE */
html>body div#portada div#barra-lateral {
width: 290px;
}

div#portada div#barra-lateral div#proximaActuacion {
border: 1px solid #aaa;
padding: 5px;
background-color: #eee;
}

div#portada div#barra-lateral div#proximaActuacion h3,
div#portada div#barra-lateral div#proximaActuacion p {
margin: 0;
}

div#portada div#barra-lateral div#proximaActuacion h3 {
border-bottom: 1px solid #aaa;
}

div#portada div#barra-lateral div#proximaActuacion p {
font-size: 9pt;
}

div#portada div#barra-lateral p.mas-informacion {
text-align: right;
}

div#portada div#barra-lateral div.noticia {
margin-top: 20px;
}

div#portada div#barra-lateral div.noticia img {
float: left;
margin-right: 10px;
}

div#portada div#barra-lateral div.noticia h3,
div#portada div#barra-lateral div.noticia p {
margin: 0;
}

div#portada div#barra-lateral div.noticia h3 {
font-size: 9pt;
}

html>body div#portada div#barra-lateral div.noticia h3 {
font-size: 10pt;
}

div#portada div#barra-lateral div.novedad {
background: #fff url(img/novedad-84x42.png) no-repeat 100% 0%;
padding-top: 25px;
}

div#portada div#video {
width: 416px;
height: 342px;
}

ul#submenu {
list-style: none;
}

ul#submenu li {
display: inline;
margin-right: 10px;
}

ul#submenu a {
text-decoration: none;
}

ul#submenu li.current {
font-size: 120%;
font-weight: bold;
}

#paginaAgenda div#proximaActuacion {
float: left;
text-align: center;
margin-left: 20px;
margin-bottom: 20px;
color: black;
background-color: #ffe280;
border-top: 2px solid #ffc500;
border-left: 2px solid #ffc500;
border-bottom: 2px solid #b38a00;
border-right: 2px solid #b38a00;
}

#paginaAgenda p {
margin: 0 5px 5px 5px;
}

#paginaAgenda dl#actuaciones {
float: right;
font-size: 8pt;
margin-right: 10px;
margin-top: 0;
width: 220px;
}

#paginaAgenda dl#actuaciones dt {
border-bottom: 1px solid #ccc;
}

#paginaAgenda dl#actuaciones dt.next_concert {
border-bottom: 1px solid #000;
}

#paginaAgenda dl#actuaciones dd {
margin-left: 0;
padding-left: 2em;
}

#paginaAgenda dl#actuaciones dt.next_concert,
#paginaAgenda dl#actuaciones dd.next_concert {
font-weight: bold;
}

#paginaAgenda table.calendar caption {
font-size: 10pt;
font-weight: bold;
}

#paginaAgenda table.calendar {
border: 1px solid black;
font-size: 7pt;
float: left;
margin-left: 0.5em;
margin-right: 0.5em;
border-collapse: collapse;
text-align: center;
}

#paginaAgenda table.calendar th {
background-color: #bfb3e6;
}

#paginaAgenda table.calendar td.concert_day {
background-color: #ffe280;
border: 1px solid #b38a00;
}

#paginaAgenda table.calendar td.next_concert {
background-color: #bfb3e6;
font-weight: bold;
}

#paginaContacto div#interno {
background-color: #ffffff;
padding: 20px 20px 0 20px;
}

#paginaContacto p#direccion {
text-align: center;
}

#paginaHistoria div#interno, #paginaLombardaIntimo div#interno, #pagina25aniversario div#interno, #paginamarianapineda div#interno, #paginaNoticia div#interno {
background-color: #ffffff;
padding: 0px 20px 5px 20px;
}

div.componenteI, div.componenteD {
width: 280px;
height: 180px;
text-align: center;
margin: 0 10px 0 10px;
}

div.componenteI {
float: left;
}

div.componenteD {
float: right;
}

#paginaHistoria div.componente img {
border: 2px solid #000000;
}

#paginaHistoria div.componente p {
text-align: center;
font-size: 80%;
}

div#texto-interior {
border-left: 2px solid #000000;
text-align: center;
margin: 15px 5px 15px 420px;
padding: 0;
}

#paginaInicio div#texto-interior {
padding: 0 10px 0px 10px;
}

/* Botones del menu superior */
.boton {
float: left;
margin-top: 4px;
}

/* Pagina de grupo */
#paginaGrupo div#interno {
text-align: center;
}

div#contenedor-componentes {
width: 730px;
margin: 0 auto 0 auto;
}

/* Esto no lo ve IE */
html>body div#contenedor-componentes {
width: 680px
}

div.componente {
width: 140px;
height: 310px;
text-align: center;
font-size: 80%;
margin: 0 15px 0 15px;
float: left;
}

div.componente img.nombreComponente {
clear: both;
position: static;
border: 0;
margin: 5px auto 0 auto;
padding: 0;
}

div.componente p {
margin: 0px;
}

div#colaboradores {
margin-left: 2em;
margin-bottom: 1em;
text-align: left;
font-size: 80%;
}

div#colaboradores ul, div#colaboradores h3 {
margin: 0;
}

div#colaboradores ul {
list-style-type: square;
}

/* Pagina discografia */
#paginaDiscografia div#texto-interior {
text-align: left;
margin-left: 380px;
}

#portadas {
margin: 10px 0 0 0;
float: left;
width: 380px;
}

.portada {
float: left;
margin: 10px 25px 10px 25px;
}

#paginaDiscografia h1 {
font-size: 110%;
margin-left: 20px;
}

#paginaDiscografia ol, #paginaDiscografia ul {
font-size: 80%;
}

#disco1, #disco2, #disco3, #disco4, #disco5 {
display: none;
}

#disco1 img, #disco2 img, #disco3 img, #disco4 img, #disco5 img, #disco6 img {
float: right;
border: 2px solid #000000;
margin: 5px;
}

div#texto-interior img.nota {
float: none;
border: 0;
display: inline;
vertical-align: bottom;
}

/* Pagina imagenes */
div#miniaturas {
margin: 5px 2px 5px 2px;
float: left;
width: 138px;
height: 390px;
overflow: auto;
}

/* Esto no lo ve IE */
html>body div#miniaturas {
width: 140px;
}

#ampliacion {
padding: 5px 0px 5px 0px;
margin: 0 auto 0 auto;
display: block;
}

/* Formulario de contacto */
div#formularioContacto {
text-align: center;
width: 550px;
margin: 0px auto;
padding: 5px;
}


div.fila {
clear: both;
padding-top: 10px;
}

div.fila span.label {
text-align: right;
float: left;
width: 100px;
}

div.fila span.formw {
text-align: left;
float: right;
width: 440px;
}

input, textarea {
border: 1px solid black;
}

/* Pagina de prensa */
#paginaPrensa div#interno, #paginaActuaciones div#interno {
text-align: center;
}

div.cita {
margin: 5px 20px 5px 20px;
padding-bottom: 5px;
border-bottom: 1px dashed black;
}

div.cita p {
font-style: italic;
margin-bottom: 5px;
}

div.cita span {
font-weight: bold;
margin-top: 0px;
}

p#pie {
text-align: right;
font-size: 70%;
margin: 0 12px 0 0;
padding: 0;
line-height: 1.5em;
}

img.bandera {
float: left;
margin-left: 5px;
margin-top: -4px;
}

#comprar-coleccion {
float: right;
margin-top: 20px;
}