body{
margin: 0;
padding: 30px;
background-image:url("fondo.JPG");
}


#contenedor {
	width:90.3%;
	border:double;
	border-color:#808000;
	margin-left:4%;
}


#cabecera{
    width:100%;
}


#exploradores{
     clear:both; /* Borra todos los elementos flotantes */
	 width:96.5%;
	 padding:1% 0% 1% 3.5%;
	 background-color:#003333; /* Color del fondo */
	 text-align:center;
	 color:#FFFFFF;
	}
	
	
#mozilla{
     clear:both; /* Borra todos los elementos flotantes */
	 width:96.5%;
	 padding:1% 0% 1% 3.5%;
	}


h1{
	background-color:#F2F2F2;
    font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:x-large;
	text-align:center;
	border:double;
	}
	
h2{
   text-align:center;
   font-size:2em;
   color:#990099;
   padding-top:1.5%;
   padding-left:2%;
   font-family:Georgia, "Times New Roman", Times, serif;
  }
   
h3{
   text-align:center;
   font-size:1.5em;
   color:#6666FF;
   padding-top:3%;
   padding-right:1%;
  }
  
  
h4{
   text-align:center;
   font-size:1.2em;
   color:#666666;
   padding-top:0%;
   padding-left:0%;
  }

.imagen{
	float:left;
	text-align:center;
	padding-left:3%;
	padding-right:3%;
	}


ul#menunavegacion {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  height: 24px;
}


ul#menunavegacion li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /* Para Gecko */
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}


ul#menunavegacion ul {
  margin: 0;
  margin-top:0.5em;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}


ul#menunavegacion ul:after /* Para IE 7 lack of compliance */{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}


ul#menunavegacion ul li {
  width: 160px;
  float: left; /* Para IE 7 lack of compliance */
  display: block !important;
  display: inline; /* Para IE */
}


/* Menu Principal */
ul#menunavegacion a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 39px;
  float: none !important; /* Para Opera */
  float: left; /* Para IE */
  display: block;
  background: #EEE;
  color:#990066;
  font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /* Para IE */
}


/* Menú Principal Hover */
ul#menunavegacion a:hover,
ul#menunavegacion li:hover a,
ul#menunavegacion li.iehover a {
  background: #CCC;
  color:#9999FF;
}


/* Segundo Menu */
ul#menunavegacion li:hover li a,
ul#menunavegacion li.iehover li a {
  float: none;
  background: #EEE;
  color:#000000;
}


/* Segundo Menu Hover */
ul#menunavegacion li:hover li a:hover,
ul#menunavegacion li:hover li:hover a,
ul#menunavegacion li.iehover li a:hover,
ul#menunavegacion li.iehover li.iehover a {
  background: #CCC;
  color:#FFFFFF;
}


/* Tercer Menu */
ul#menunavegacion li:hover li:hover li a,
ul#menunavegacion li.iehover li.iehover li a {
  background: #EEE;
  color:#000000;
}


/* Tercer Menu Hover */
ul#menunavegacion li:hover li:hover li a:hover,
ul#menunavegacion li:hover li:hover li:hover a,
ul#menunavegacion li.iehover li.iehover li a:hover,
ul#menunavegacion li.iehover li.iehover li.iehover a {
  background: #CCC;
  color:#FFFFFF;
}


ul#menunavegacion ul ul,
ul#menunavegacion ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}


/* No mover - Debe ir justo antes del diplay:block para Gecko */
ul#menunavegacion li:hover ul ul,
ul#menunavegacion li:hover ul ul ul,
ul#menunavegacion li.iehover ul ul,
ul#menunavegacion li.iehover ul ul ul {
  display: none;
}


ul#menunavegacion li:hover ul,
ul#menunavegacion ul li:hover ul,
ul#menunavegacion ul ul li:hover ul,
ul#menunavegacion li.iehover ul,
ul#menunavegacion ul li.iehover ul,
ul#menunavegacion ul ul li.iehover ul {
  display: block;
}

p{
font: 11px Arial, Helvetica, sans-serif;
font-size:0.7em;
color:#FFFFFF;
}

#grupo1{
	 clear:both;
     float:left; /*Flotar sobre la izquierda*/
	 width:100%;
	 background-color:#F2F2F2;
    }
	
	
#grupo2{
	 clear:both;
     float:left; /*Flotar sobre la izquierda*/
	 width:100%;
	 background-color:#F2F2F2;
    }


#grupo3{
	 clear:both;
     float:left; /*Flotar sobre la izquierda*/
	 width:99%;
	 background-color:#F2F2F2;
    }

#contenido1{
     float:left;
     width:100%;
	 padding: 2% 0% 4% 0%;
	 text-align:center;
    }
  

#contenido2{
     margin:0;
     padding:0;
     float:left;
     width:30%;
	 padding: 0% 0% 0% 10%;
	 text-align:center;
	 font-size:1.1em;
     
    }
	
	
#contenido3{
     float:right;
     width:50%;
	 padding: 0% 5% 4% 1%;
	 text-align:center;
    }
	

#contenido4{
     float:left;
	 width:60%;
	 padding: 2% 0% 3% 21%;
	 text-align:justify;
	}
	
#contenido5{
     float:left;
     width:100%;
	 padding: 5% 0% 4% 0%;
	 text-align:center;
	}
	
#contenido6{
     float:left;
	 width:80%;
	 padding: 1% 0% 3% 21%;
	 text-align:justify;
	}

#contenido7{
	 float:left;
	 width:80%;
	 padding: 3% 0% 3% 21%;
	 text-align:justify;
	}

#contenido8{
	 float:left;
	 width:80%;
	 padding: 0% 0% 3% 5%;
	 text-align:justify;
	}


#contenido9{
	 float:left;
	 width:80%;
	 padding: 0% 0% 3% 5%;
	 text-align:justify;
	}


#contenido10{
	 float:left;
	 width:80%;
	 padding: 0% 0% 3% 5%;
	 text-align:justify;
	}	
	

#contenido11{
	 float:left;
	 width:100%;
	 padding: 0% 0% 0% 0%;
	 text-align:center;
	}	
	
	
#contenidopatrocinadores{
	 float:left;
	 width:100%;
	 padding: 0% 0% 0% 0%;
	 text-align:center;
	}	
	
#formulario{
            width:15%; 
            float:left;
			margin:1% 0% 5% 6%;
		   }

#formulario2{
            width:25%; 
            float:right;
			margin:12% 0% 0% 0%;
			color:#FFFFFF;
		   }

#contador{
            width:10%; 
            float:left;
			margin:13% 0% 0% 9%;
			color:#FFFFFF;
		   }
		   
#imagen2{
	width:20%;
	position:relative;
	float:right;
		}
  

#img1{
	 float:left;
	 width:20%;
	 padding: 3% 0% 3% 5%;
	}
	

#img2{
	 float:left;
	 width:20%;
	 padding: 3% 0% 3% 15%;
	}
	
	
#img3{
	 float:left;
	 width:20%;
	 padding: 3% 0% 3% 15%;
	}
	
	
#img4{
	 float:left;
	 width:20%;
	 padding: 3% 0% 3% 5%;
	}
	
	
#img5{
	 float:left;
	 width:20%;
	 padding: 3% 0% 3% 15%;
	}
	
	
#img6{
	 float:left;
	 width:20%;
	 padding: 3% 0% 3% 15%;
	}
	
#img7{
	 float:left;
	 width:20%;
	 padding: 3% 0% 3% 25%;
	}
	
	
#img8{
	 float:left;
	 width:20%;
	 padding: 3% 0% 3% 15%;
	}


#img9{
	 float:left;
	 width:20%;
	 padding: 3% 0% 3% 5%;
	}
	

#img10{
	 float:left;
	 width:20%;
	 padding: 3% 0% 3% 15%;
	}
	
	
#img11{
	 float:left;
	 width:20%;
	 padding: 3% 0% 3% 15%;
	}
	
	
#img12{
	 float:left;
	 width:20%;
	 padding: 3% 0% 3% 5%;
	}
	
	
#img13{
	 float:left;
	 width:20%;
	 padding: 3% 0% 3% 15%;
	}
	
	
#img14{
	 float:left;
	 width:20%;
	 padding: 3% 0% 3% 15%;
	}
	
#img15{
	 float:left;
	 width:20%;
	 padding: 3% 0% 3% 5%;
	}
	
	
#img16{
	 float:left;
	 width:20%;
	 padding: 3% 0% 3% 15%;
	}
	
	
#img17{
	 float:left;
	 width:20%;
	 padding: 3% 0% 3% 15%;
	}
	

#paginas{
     clear:both; /* Borra todos los elementos flotantes */
	 padding:1% 0% 0% 5%;
	 text-align:center;
	}
	
	
#paginas2{
	 padding:0% 0% 0% 0%;
	 text-align:center;
	}
	
	
#pie{
     clear:both; /* Borra todos los elementos flotantes */
	 width:96.5%;
	 padding:1% 0% 1% 3.5%;
	 background-color:#000000; /* Color del fondo */
	 text-align:center;
	 color:#FFFFFF;
	}
	
#pie2{
      clear:both;
	  width:98%;
	  text-align:center;
	  padding:1.5% 0% 1% 2%;
	  text-align:center;
	 }


#pie2 ul{
    list-style-type:none; /* Dibujito antes de la palabra  Ej: Punto */
	margin:0;
	padding:0;
	}


#pie2 ul li{
    display:inline; /* utilizar a nivel de línea */
	font-weight:bold;
    }


#pie2 ul li a{
    text-decoration:none; /*No quiero que subrayes el hiperenlace*/
    padding:3em 1em;
	color:#FFFFFF;
	}


#pie2 ul li a:hover{ /*Cuando estes justamente encima */
    text-decoration:underline;
    }
	

#pie2 img#izqu{
padding-right:3em;
}