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: 220px;
     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: 170px;
	margin-left: 8px;
	padding: 12px;
}

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

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

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

div#contenedorBotonTwitter
	{background-color: yellow;
	width: 110px;
	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: 30px; 
     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;
     display: block;
     top: 3px;
     left: 10px;
     color: black;
}




a#contacto-webmaster
    {float: right;
     position: relative;
     display: block;
     top: 3px;
     right: 10px;
     color: black;
     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;
}


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




/* 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;

}

.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 caption
     {text-align: center;
      color:#18932c;
      font-size: 2em;
      font-weight: bold;
      margin-top: 20px;
}



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


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

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

.tabla td
    {font-weight: bold;
}


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

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