* {margin:0px ; padding:0px ; border:0px}
body {text-align: center ;font-family: comic sans ms, verdana, arial; background-color:#DBA901}
h1 { color:#ff6633; }
h2 {color:#006666; font-size:25px;}
p { font-family:Comic Sans Ms, Verdana ; text-indent: 2px ; font-size: 1.2em; }

#global {background-color: #DBA901;
				 width: 1024px; margin: auto; }

#cabecera {background-color:#DBA901;
					height: 242px; 
					background-image: url(file:/);
					background-repeat: no-repeat;
					background-position: center; }

#menu2 {	height: 50px; 
			 		background-image: url(file:/); 
					text-align: center;
					}
#menu2 ul { text-decoration: none;
				 	  font-family: comic sans ms ; font-size: 18px; 
						line-height: 40px;
				 }
#menu2 li { display: inline;
			 		  margin: -3px; 
						padding: 0px;
				  }
#menu2 li a {text-decoration: none ; color: #000000;
					 	 margin-right: 5px;
						 margin-left: -3px;
						 padding-top: 10px;
						 padding-left: 5px;
						 padding-right: 10px;
				  } 
#menu2 li a:hover { color: #ffff00; 
			 		 					background-image: url(file:);
										margin: 5px;
										text-decoration: underline;
					}	
#menu2 li img {padding-top: 10px;}

#contenido {width: 100%; 
					  height: auto; 
						text-align: center;
						font-size:0.8em ;
  				}
#contenido p {font-size:1em ; }							
							
							
#pie {background-color:#cccc33;}


/* GALERIA DE IMAGENES POR SPAN */
/* contenedor de miniaturas */
.container {margin: 0 auto;
					 width: auto;
					 padding: 1em 0em 1em 0em ;
					 text-align: left;
					 height: auto;
}
.container p {color: #000;
					 	 font-family: sans-serif ;
						 font-size: 12px;
						 border-bottom: 1px dashed #ff3333;
}

/* propiedades de las miniaturas */
.thumb img {border: 2px solid #009966;
			 		 margin: 0px 0px 0px 0px;
}
/* aspecto de las miniaturas cuando pasamos el ratón */
.thumb:hover img {border: 2px solid #000000;
}
/* para que no se vean las imagenes grandes */
.thumb span {position: absolute;
			 			top: 150px;
						left: -1000px;
						visibility: hidden;
						color: #ffcc77;
						font-family: sans-serif;
						font-size: 12 px;
						border-bottom: 1 px dashed #666;
			 			
}
/* estilo de la capa cuando se pasa raton por la miniatura */
.thumb:hover span { background-color: #cc0000;
						 			 visibility: visible;
									 right: 0;
									 top:15px;
									 left:420px;
									 z-index: 50;
									 margin: 0 auto;
									 height: auto;
									 width: auto;
									 text-align: center;
}
/* estilo de las imagenes que se muestran al pasar el raton */
.thumb span img {border: 1px solid #000;
			 					 padding: 5px 3px 5px 3px;
								 background-color: #fff;
}



/* GALERIA DE IMAGENES POR LISTA*/

#contenedor {	position: relative;
						  width: 100%;
							height: auto;
							margin: 0 auto; 
}
	
#borde	{width: 625px;
        	height: 480px;
        	position: absolute;
        	top: 400px;	/* Provoca la separacion del borde superior */
        	left: 600px;	/* Separa la imagen grande de la pequea */
        	background-color: #ff3333;
}
.cat	{list-style-type: none;
       margin: 0 0 25PX 10px; /* Eliminacion de vieta en IE6 */
       padding: 0px; /* Eliminacion de vieta en IE6 */
       float:left;
       width:350px; 	
       height:500px;
}
ul li {display: inline;}

.min	{width: 75px;
       height: 56px;
       padding: 0px 0px 0px 0px;
}
	
.max{	visibility: hidden;
      position: absolute;
      top: 0px;	/* Provoca la separacion del borde superior */
      left:-1000px;	/* Separa la imagen grande de la pequea */
      margin-left: 0px;
	}
li a:hover .max	{	visibility: visible;
                	top: 405px;	
                	left: 605px;
}