* {margin:0; padding:0;} /* Quita todos los márgenes */

body {
    font-family: Georgia, "Times New Roman", Times, serif; /* font por defecto */
    font-size: 14px; /* tamaño de font por defecto */
    color: #333333; /* color de texto */
    background-color: #C0C0C0; /* color de fondo */
    /*text-align: center; /* centrar todo el contenido */
    /*margin-top: 10px;
    margin-bottom: 10px; 
    padding: 0;*/
    margin: 10px auto;
}

a:link {
    color: #2200AA;
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

ul, ol {
	/*margin: 10px 30px;
	padding: 0 15px;*/
        margin-left: 35px;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

/*
ul span, ol span {
	color: #000000;
}
*/

li {
	/*margin: 10px 0;*/
	margin-left: 15px;
	margin-right: 0;
	padding-left: 0px;
	padding-right: 15px;
	margin-top: 10px;
	text-align: justify;
        /*list-style-image: url(bullet.jpg);*/
}

img {
    border: 0px;
}
/* -----------------------------------------------------------------*/
/* Clase para mostrar imágenes hacia la derecha dentro de un párrafo, 
 * como en:
<p>
<img class="pImagenDerecha" src="imagen.gif" alt="">
Bla, bla, bla, bla ...
</p>
 */
.pImagenDerecha
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}
/* ------------------------------------------------------------------- */

#contenedor { /*división general para toda la página */
    /*position: relative;
    left: 0;
    top: 0;*/
    width: 800px; /* ancho total de la pagina*/ 
    /* border: 1px solid #333333; /* enmarcado por un borde gris de 1px */ 
    background: #FFFFFF; /* color de fondo del contenedor */
    margin: 0px auto; 
    padding: 0px;
    /*text-align: left; /* alineación de texto dentro del contenedor */ 
}

#contenedorConBarra {
    position: relative;
    left: 0;
    top: 0;
    margin-top: 1px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0;
    width: 800px;
}

#encabezado_logo { /* Estilo para el div del logo en encabezado */
    /*margin: 10px; /* margen superior e inferior */ 
    /*padding: 10px; /*algo de relleno*/
    width: 800px; /*este ancho es para que cuadre con el texto*/ 
    height: 100px; /*idem*/ 
    /*background: #000 url(14.png) no-repeat left bottom;*/
    margin: 0; padding: 0;
    /*float: left; /*lo flotamos a la izquierda*/ 
    /*display: inline; /* para corregir un error de IE */ 
}

#encabezado_idiomas { /* Estilo para h1 dentro del div encabezado */ 
    /*position: absolute;
    left: 700px;
    top: 30px;*/
    width: 100px;
    height: 20px;
    /*padding-left: 10px;
    padding-top: 2px;*/
    margin: 0;
    padding: 0;
    /*color: #FFFFFF; /* color de escritura */
    /*text-transform:uppercase; /* convierte todas en mayusculas */ 
    /*float: right; /* flotando hacia la derecha */
    /*text-align: right;*/
    /*z-index: 10;*/
    /*padding-bottom: 10px;*/
    float: right;
}

/*
#div_menu {
    position: relative;
    top: 0px;
    left: 0px;
    width: 600px; 
    height: 20px;
    margin: 0; 
    padding: 0;
}
*/


#contenido {
    width: 800px;
    clear: both; /* con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding: 0;
    margin: 0;
    text-align: left; 
    background: #FFFFFF;
    /*display: inline;*/
} 

#contenido p {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
    text-align: justify;
    /*display: inline;*/
}

#contenido p.parrafoIzquierda {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
    text-align: left;
    /*display: inline;*/
}

#contenido p.parrafoDerecha {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
    text-align: right;
    /*display: inline;*/
}

#contenido h1 { /* Encabezado h1 dentro del div contenido */
    font-size:20px;
    color:#862924;
    width:770px;
    /*text-transform:uppercase;*/
    border-bottom:1px /*dashed #CC3300*/;
    margin: 0;
    margin-left: 15px;
    margin-bottom: 10px;
    padding: 0;
    padding-top: 20px;
   /* border-bottom: 1px solid #ccc; padding: 0 0 0px; */
    border-bottom: dashed 1px #CECF8F;
}

#contenido .h1Boletin { /* Encabezado h1 dentro del div contenido */
    font-size:20px;
    font-weight: bold;
    color:#862924;
    width:570px;
    /*text-transform:uppercase;*/
    border-bottom:1px /*dashed #CC3300*/;
    margin: 0;
    margin-left: 15px;
    margin-bottom: 10px;
    padding: 0;
    padding-top: 20px;
   /* border-bottom: 1px solid #ccc; padding: 0 0 0px; */
    border-bottom: dashed 1px #CECF8F;
}

#contenido h2 { /* Encabezado h2 dentro del div contenido */
    font-size:16px;
    color:#862924;
    width:570px;
    /*text-transform:uppercase;*/
    border-bottom:1px /*dashed #CC3300*/;
    margin: 0;
    margin-left: 15px;
    margin-bottom: 0px;
    margin-top: 20px;
    padding: 0;
   /* border-bottom: 1px solid #ccc; padding: 0 0 0px; */
    border-bottom: dashed 1px #CECF8F;
}

/*
#contenido .h2Boletin { 
    font-size:16px;
    color:#862924;
    width:550px;
    font-weight: bold;
    border-bottom:1px
    margin: 0;
    margin-left: 15px;
    padding: 0;
    padding-top: 20px;
    border-bottom: dashed 1px #CECF8F;
} */

#contenido .h2Taxon { 
    font-size:16px;
    color:#862924;
    text-decoration: none;
    text-align: left;
    width: 770px;
    /*text-transform:uppercase;*/
    border-bottom:1px /*dashed #CC3300*/;
    margin: 0;
    margin-left: 15px;
    padding: 0;
    padding-top: 20px;
   /* border-bottom: 1px solid #ccc; padding: 0 0 0px; */
    border-bottom: dashed 1px #CECF8F;
}

#contenido h3 { /* Encabezado h3 dentro del div contenido */
    font-size:16px;
    color:#862924;
    /*color:#862924;*/
    width:570px;
    /*text-transform:uppercase;*/
    margin: 0;
    margin-left: 15px;
    padding: 0;
    padding-top: 20px;
}

.citaConFotos {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    border: solid 1px #CCCCCC;
    text-align: center;
    background: #F6F6F6;
}

.citaConFotos a img { 
    border: 1px solid #0000AA; 
    margin-top: 10px; 
    margin-left: 10px;
    padding: 0;
} 

.citaConFotos p {
    margin: 0;
    padding: 0;
   }

.imagenes {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    border:none;
    text-align: center;
}

.imagenes a img { 
    border: 1px solid #0000AA; 
    margin-top: 10px; 
    margin-left: 10px;
    padding: 0;
} 

.imagenes img { 
    border:none; 
    margin-top: 10px; 
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
} 


#pie { /* Estilo para el pie de página */
    width=100%;
    text-align:right;
    font-size:80%; /*mas pequeño el texto*/ 
    padding: 10px;
    font-style:italic;
    color:#999999;
}

.p40 {
    margin-left: 40px;
    margin-top: 5px;
    margin-right: 15px;
    text-align: justify;
}

.encabezadoP40 {
    font-style:italic;
}

.autores {
    font-variant: small-caps;
}

.imagenDerechaArriba {
    float: right;
    padding: 0;
    margin: 20px;
    margin-left: 20px;

    }