body {
    background-color: #a4af8f;
    font-family: "Times New Roman", Times, serif;
    font-size: 11pt;
    font-style: normal;
    font-weight:normal;
    color: #000000;
    margin: 0;
  }

#contenido {
    width: 1000px;
    min-height: 580px; /* Para que quepan las publicidades float*/
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border: black solid 1px;
  }

#Menu {
    margin: 0;
    padding: 0;
  }

.boton {
    display: inline-block;
    width: 250px;
    height: 21px;
    border: 0;
    margin: 0;
    padding-top: 4px;
    text-align: center;
    vertical-align: middle;
    font-family: 'Times New Roman',serif;
    font-weight: bold;
    font-size: 14px;
    font-style: italic;
    text-decoration: none;
  }


#cuerpo {
    margin-left: 10px;
    margin-right: 235px;
    margin-top: 5px;
    margin-bottom: 5px;
    /* Ancho de las publicidades */
    min-height: 420px;
  }

h1 {
    font-size: 140%;
  }


h2 {
    font-size: 120%;
  }


a {
    color: #0000FF;
  }


#publicidades {
    float: right;
    width: 225px;
    /*clear: right;*/
    /* Para que no se encimen */;
  }

.publicidad {
    clear: right;
    margin-bottom: 10px;
}

.enlace {
    color: #0000FF;
    font-size: 12pt;
    color: #0000FF;
    margin-bottom: 4ex;
  }

/* Libro de visitas */

.visita {
    margin-top: 5mm;
    margin-bottom: 5mm;
    padding: 5mm;
    border: 0;
  }

.visita * {
    margin-bottom: 1ex;
    overflow: hidden;
  }


/* Notas y comentarios */

.notadestacada { /* Nota en home */
    /*float: left;*/
    width: 470px;
    margin: 6px;
    margin-bottom: 3ex;
    border: 0;
    padding-bottom: 1ex;
    clear: left;
    text-align: justify;
  }

.notadestacada > div {
    margin: 0;
    overflow : hidden;
  }

.notadestacada h1 {
    margin: 0;
    padding: 0.4ex;
}

div.cuerponota {
    margin: 6px;
}
.notadestacada p {
    margin-top: 0.5ex;
    margin-bottom: 0.5ex;
    text-indent: 2em;
}
.notadestacada img, .nota img {
    display: block;
    margin: 1ex;
    max-width: 450px;
    overflow: hidden;
  }

.notadestacada + * {
    clear: left;
}

.nota{ /* Nota en su propia pagina */
    /*float: left;*/
    width: 470px;
    padding: 6px;
    margin: 6px;
    /* */
    margin-left: 100px;
    text-align: justify;
}

.nota p {
    text-indent: 2em;
}
.nota + p {
    clear: left;
}

p.fecha, p.pienota {
    text-indent: 0;
}

.comentario {
    margin-left: 5mm;
  }

/* Fotos */
.foto {
    display: inline-block;
    margin: 5mm;
    width: 260px;
    text-align: center;
}
/* Galeria de fotos */

#galeria .fotogaleria {
    margin: 2mm;
    float: left;
    width: 240px;
    height: 230px;
    text-align: center;
}

/* Para que el cuerpo abarque los floats */
#galeria:after {
    display: block;
    content: "";
/*    clear: left;*/
}

#pie {
        font-family: Arial, Helvetica, sans-serif;
        font-size: smaller;
        background-color: #CCCCCC;
        margin-top: 5mm;
        padding-left: 1em;
        padding-right: 1em;
        clear: both;
}


.encuesta {
    float: left;
    margin: 6px;
    margin-bottom: 3ex;
    padding: 0;
    border: 0;

  }

div .encuesta {
        width: 470px;
}


.popupencuesta .encuesta {
        width: auto;
}
.encuesta h1 {
    margin-top: 0.4ex;
    margin-bottom: 0.4ex;
    margin: 0;
}

.encuesta li {
        list-style-type: none;
        text-indent: -2em;
        padding-left: 0;

}

body.popupencuesta {
        background-color: #FFFFFF;
}

#listanotas {
    margin: 6px;
    /*clear: left;*/
}

#enlacesnotas {
    /*float: left;*/
    width: 250px;
}

#listanotas h1, #enlacesnotas h1 {
    font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    font-size: smaller;
    padding-left: 1em;
}

.columna1 {
    display: inline-block;
    vertical-align: top;
    width: 500px;
}
.columna2 {
    display: inline-block;
    vertical-align: top;
    width: 250px;
}

.estado_tiempo, .datos_tiempo {
    display: inline-block;
    font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}

.estado_tiempo {
    width: 100px;
    text-align: center;
    padding: 4px;
}
.datos_tiempo {
    font-size: 8pt;
    vertical-align: top;
    padding: 4px;
    width: 130px;
}

