body {
    font-family: serif,sans-serif;
    font-size: medium;
    font-style: normal;
    font-weight:normal;
    font-variant: normal;
    line-height: normal;
    text-indent: 0px;
    vertical-align: middle;
    text-align: justify;
    text-decoration: none;
    text-transform: none;
    white-space: normal;
    word-spacing: normal;
    letter-spacing: normal;
    /* color: #000000; */
    background-color: #000000;
    /* border: double black;
    border-color: #51a31a; */
    /* background-image: url(../objetos/imagenes/imagen-fondo.gif); */
    margin: auto;
    padding: 2px;
    width: 1000px;
    height: auto;
    visibility: visible;
    z-index: auto;
    list-style-type: disc;
    list-style-position: outside;
   /* list-style-image: url(/webs/zoehfer/objetos/imagenes/favicon.png); */
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}

div#contador
   {display:none;
}


div#anuncio-arriba-izquierda
    {width: 730px;
     height: 92px;
     float: left;
     margin: 10px;
     margin-left: 15px;
     z-index: 710;
}

div#separacion-anuncio-arriba
    {width: 1px;
     height: 88px;
     float: left;
     margin: 11px;
     margin-left: 30px;
     padding-top: 1px;
     padding-bottom: 1px;
     background-color: black;
}

div#anuncio-arriba-derecha
    {width: 162px;
     height: 92px;
     float: right;
     margin: 10px;
     margin-right: 15px;
     z-index: 705;
}

div#encabezado
    {width: 821px;
     height: 104px;
     background-color: #ff0600;
     float: left;
     margin-left: 2px;
     margin-top: 4px;
     margin-bottom: 8px;
		/* border: double pink; */
     text-align: center;
     vertical-align: middle;
     padding: 4px;
     z-index: 700;
}

div#contenedor-anagrama
    {width: 147px;
     height: 104px;
     background-color: black;
     float: right;
     margin-right: 1px;
     margin-top: 4px;
     margin-bottom: 8px;
     text-align: center;   
     /* border: double pink; */
     padding: 4px;
     z-index: 750;
}

img#anagrama 
    {border-style: none;
     z-index: 755;
}

div#menu
     {clear: both; /* Anula los "float" de los "div" anteriores. Restablece a valores iniciales */
      width: auto;
      height: 26px;
      /* background-color: #ff0707; */
      background-image: url(../objetos/imagenes/contenido-central-portada-fondo.png);
      margin-top: 4px;
      margin-bottom: 4px;
      margin-left: 2px;
      margin-right: 1px;
      padding: 2px;
      z-index: 800;
}



div#barra-lateral-izquierda
    {width: 200px;
     height: 602px;
     float: left;  
     margin-top: 4px;
     margin-right: 4px;
     margin-left: 1px;
     padding: 4px;
     text-align: center;
     z-index: 500;
}


div#contenido-central
    {width: 766px;
     height: 420px;
     background-image: url(../objetos/imagenes/contenido-central-portada-fondo.png);
     float: left;
     margin-top: 4px;
     margin-bottom: 4px;
     margin-left: 4px;
     padding: 4px;
     z-index: 600;
}



div#separacion-central
    {width: 1px;
     height: 539px;
     float: left;
     padding-top: 1px;
     padding-bottom: 1px;
     background-color: black;
     margin: 2px;
     margin-top: 168px;
}


div#barra-lateral-derecha-superior
    {width: 200px;
     height: 150px;
     background-color: blue;
     float: right;    
     margin-top: 4px;
     margin-right: 1px;
     padding: 4px;
     text-align: center;
     z-index: 410;

}

div#barra-lateral-derecha-inferior
    {width: 260px;
     height: auto;
     float: right;     
     margin-top: 4px;
     margin-right: 1px;
     padding: 4px;
     z-index: 400;
     text-align: center;
}

div#traductor-google
	{background-color: #ffcc00;
	width: 220px;
	margin-left: 8px; 
	padding: 12px;
}

div#contenedorBlog
	{background-color: white;
	width: 190px;
	padding: 10px;
	margin: auto;
	margin-bottom: 10px;
}
	
div#blog
	{text-align: center;
	background-color: white;
	width: 188px;
	}

div#contenedorBotonGoogle
	{background-color: yellow;
	width: 50px;
	float: left;
	margin: 10px;
	padding: 12px;
	}

div#contenedorBotonFacebook
	{background-color: yellow;
	width: 80px;
	float: right;
	margin: 10px;
	padding: 12px;
	}

div#contenedorBotonTwitter
	{background-color: yellow;
	width: 80px;
	float: right;
	margin: 10px;
	padding: 12px;
	}

div#anuncio-abajo-izquierda
    {clear: both;
     width: 202px;
     height: 92px;
     float: left;
     margin: 10px;
     margin-bottom: 4px;
     z-index: 425;
}

div#separacion-anuncio-abajo
    {width: 1px;
     height: 88px;
     float: left;
     padding-top: 1px;
     padding-bottom: 1px;
     background-color: black;
     margin: 10px;
     margin-left: 14px;
     z-index: 435;
}


div#anuncio-abajo-derecha
    {width: 730px;
     height: 92px;
     float: right; 
     margin: 10px;
     margin-bottom: 4px;
     z-index: 430;
}

div#pie-de-pagina
    {clear: both;
     width: 980px;
   	 height: 66px; 
     background-image: url(../objetos/imagenes/pie-fondo.png);
	 margin-top: 10px;
     margin-bottom: 1px;
     padding: 10px;
     padding-top: 0px;
     padding-bottom: 0px;
     font-family: cursive;
     font-size: 1.10em;
     font-weight: bold;
     font-style: italic;
     z-index: 450;
}


div#titulo {
	width: 500px;
	margin: auto;
}




span#diseño
    {float: left;
     position: relative;
     color: #00ffff;
     display: block;
     top: 3px;
     left: 10px;
}




a#contacto-webmaster
    {float: right;
     position: relative;
     color: #00ffff;
     display: block;
     top: 3px;
     right: 10px;
     text-decoration: none;
     z-index: 10010;
}

a img 
    {border-style: none;
     vertical-align: middle;
}

a:focus         /* Hace que no salga el borde punteado cuando se pulsa por primera vez un enlace */
    {outline: none;
}


p a
	{color: yellow;
}

hr
    {clear: both;
     width: 80%;
     height: 5px;
     margin: auto;
     margin-top: 20px;
     margin-bottom: 20px;
     color: green;
     background-color: purple;
}









/* FUNCIONES: Formato: elemento.clase {atributos;}  - Si el formato no tiene elemento se puede aplicar esa clase a cualquier elemento. Para aplicarla tienes que utilizar el siguiente formato en la hoja html: <elemento class="clase"> </elemento>*/


.redondeadoSombra
	{ /* Motor Firefox */
	 -moz-border-radius: 19px;
	 -moz-box-shadow: 5px 5px 5px #999999;
	 
	 /* Motor Safari */
    -webkit-border-radius: 19px;
    -webkit-border-shadow: 5px 5px 5px #999999;
    
    /* Motor IE9 y estandard W3C */
    border-radius: 19px;
    box-shadow: 5px 5px 5px #999999;
    
    /* Motor Konqueror */
    -khtml-border-radius: 19px;
    -khtml-box-shadow: 5px 5px 5px #999999;
	}


.iconos-enlaces
    {text-align: center;
}



.contacto
     {text-align: justify;
      padding: 20px;
      padding-top: 0px;
      color: yellow;
      font-size: 1.70em;

}

.centrado
	{text-align: center;
}

.contacto2
     {text-align: center;
      padding: 5px;
      padding-top: 0px;
      color: yellow;
      font-size: 1.70em;
      font-weight: bold;
      font-style: italic;		
}

.contacto2 a
     {text-decoration: none;
      color: yellow;
      font-style: italic;		
}

.contacto3
		{text-align: center;
		margin-left: auto;
		margin-right: auto;		
		padding: 5px;
		padding-top: 0px;
		color: yellow;
		font-size: 1.0em;
		font-weight: bold;
		font-style: italic;		
}

.portada
	{text-align: center;
      padding: 5px;
      padding-top: 0px;
      color: yellow;
      font-size: 1.70em;
      font-weight: bold;
      font-style: italic;
}


.enfasis-central-menor
    {font-weight: bold;
}

.enfasis-central-mas-que-menor
    {font-size: 1.25em;
     font-weight: bold;
     color: #f2ff22;
}

.enfasis-central
    {color: yellow;
     font-size: 1.50em;
}

.enfasis-central-mediano
	{color: yellow;
	font-size: 2em;
}

.enfasis-central-mayor
    {font-size: 2em;
     color: #059334;
     font-weight: bold;
}


.flecha-arriba
    {border-style: none;
}

.tabla-resultados
    {border-color: #6633CC;
     border-style: solid;
     border-width: 4px;
     border-collapse: separate;
     border: outset;
     margin-top: 10px;
}

.tabla-resultados caption
     {text-align: center;
      color:#18932c;
      font-size: 2em;
      font-weight: bold;
      margin-top: 20px;
}

.tabla-resultados th, .tabla-resultados td
    {border-color: #6633CC;
     border-style: solid;
     border-width: 1px;
}

.tabla-resultados th
    {background-color:#CCCCaa;
font-size: 1.30em;
}

.tabla-resultados td
    {font-weight: bold;
}

.tabla-resultados .color-par
    {background-color:#E6d9FF;
}

.tabla-resultados .color-impar
    {background-color:#eeeeee;
}

.tabla-resultados .evento
    {text-align: left;
     padding-left: 5px;
}




.tabla-consanguinidad
    {border-color: #6633CC;
     border-style: solid;
     border-width: 4px;
     border-collapse: separate;
     border: outset;
     min-width: 390px;
     margin: auto;
     margin-top: 10px;
     margin-bottom: 60px;
     border-spacing: 0;
	  font-size: 1.25em;     
}

.tabla-consanguinidad caption
     {text-align: center;
      color:#18932c;
      font-size: 2em;
      font-weight: bold;
      margin-top: 20px;
}

.tabla-consanguinidad th, .tabla-consanguinidad td
    {/*
  	  border-color: #6633CC;
     border-style: solid;
     border-width: 1px;
     */
}

.tabla-consanguinidad th
    {background-color:#CCCCaa;
	  font-size: 1.30em;
}

.tabla-consanguinidad td
    {font-weight: bold;
}

.tabla-consanguinidad .color-a
    {background-color:#E6d9FF;     
}

.tabla-consanguinidad .color-a-superior-izquierda
	{background-color:#E6d9FF; 
	 border-color: #6633CC;
    border-style: solid;
    border-bottom-style: none;
    border-right-style: none;
    border-width: 1px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.tabla-consanguinidad .color-a-superior-derecha
	{background-color:#E6d9FF; 
	 border-color: #6633CC;
    border-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.tabla-consanguinidad .color-a-medio-izquierda
	{background-color:#E6d9FF; 
	 border-color: #6633CC;
    border-style: solid;
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
    border-width: 1px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.tabla-consanguinidad .color-a-medio-derecha
	{background-color:#E6d9FF; 
	 border-color: #6633CC;
    border-style: solid;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.tabla-consanguinidad .color-a-inferior-izquierda
	{background-color:#E6d9FF; 
	 border-color: #6633CC;
    border-style: solid;
    border-top-style: none;
    border-right-style: none;
    border-width: 1px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.tabla-consanguinidad .color-a-inferior-derecha
	{background-color:#E6d9FF; 
	 border-color: #6633CC;
    border-style: solid;
    border-top-style: none;
    border-left-style: none;
    border-width: 1px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.tabla-consanguinidad .color-b
	{background-color: #eeeeee;
}

.tabla-consanguinidad .color-b-medio-izquierda
    {background-color:#eeeeee;
     border-color: #6633CC;
     border-style: solid;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-width: 1px;
     text-align: left;
     padding-left: 10px;
     padding-right: 10px;
}

.tabla-consanguinidad .color-b-medio-derecha
    {background-color:#eeeeee;
     border-color: #6633CC;
     border-style: solid;
     border-top-style: none;
     border-left-style: none;
     border-bottom-style: none;
     border-width: 1px;
     text-align: left;
     padding-left: 10px;
     padding-right: 10px;
}

.tabla-consanguinidad .color-b-inferior-izquierda
    {background-color:#eeeeee;
     border-color: #6633CC;
     border-style: solid;
     border-top-style: none;
     border-right-style: none;
     border-width: 1px;
     text-align: left;
     padding-left: 10px;
     padding-right: 10px;
}

.tabla-consanguinidad .color-b-inferior-derecha
    {background-color:#eeeeee;
     border-color: #6633CC;
     border-style: solid;
     border-top-style: none;
     border-left-style: none;
     border-width: 1px;
     text-align: left;
     padding-left: 10px;
     padding-right: 10px;
}

.indicador-arriba
    {float: right;
     margin-right: 10px;
}

.icono-validador
	{text-align: center;
}

.pie-de-pagina-centrado
	{text-align: center;
	position: relative;
	top: 32px;
}