/* Aquí establecemos los elementos generales que influyen en toda la página, excepto en aquellos lugares donde se especifican otros valores	*/
/* Propiedades establecidas para todo lo contenido dentro de las etiquetas body */
body {
	margin: 0;
	padding: 0;
	font: 1em arial, helvetica, sans-serif; }
 
h1, h2 {
	font: bold 100% verdana, arial, helvetica, sans-serif;
	color: #f70;
	text-align: center;
	margin-top: 20px; }
 
hr { color: #bdf; }
 
p { font-size: 75%; }

img	{border: 0;}
 
/*	Algunos elementos que tendr?n las mismas caracter?sticas en toda la p?gina	*/
#pagina {
	width: 850px;
	margin: 0 auto; }
 
.derecha {
	margin: 5px 5%;
	padding: 5px;
	border: solid 1px #eee; }
 
 

 
/* Propiedades del cuerpo central de la p?gina, donde aparecen los contenidos principales	*/
#contenedor {
	width: 100%;
	margin: 0 auto; }
 
#central {
	width: 90%;
	float: left;
	padding: 0;
	background: #0000; }


/* Componentes y sus propiedades de la columna izquierda	*/
#columna {
	width: 10%;
	padding: 5px 1%;
	float: left;
	background: black;
	display: block; }
 
	#columna h3 {
		font: bold 90% verdana, tahoma, sans-serif;
		color: #169;
		text-align: center;
		margin: 0;
		padding: 0 10px 5px 15px; }
 
	#columna ul {
		list-style: circle;
		padding: 0 0 0 20px;
		margin: 0; }
 
	#columna li a {
		color: #169;
		text-decoration: none;
		font-size: 80%; }
 
		#columna li a:hover {
			color: #f60;
			text-decoration: underline; }
 

 
/*	A continuaci?n, se colocan los elementos componentes del pie de p?gina	*/
#pie {
	width: 98%;
	height: 48px;
	margin-top: 1px;
	padding: 2px 1%;
	background: url(img/fondo2.png);
	float: left;
	text-align: center;
	
	 }
 
	#pie p {
		font: normal 70% arial, helvetica, sans-serif;
		padding: 0;
		margin: 5px 0 0 0;
		color: #0000; }
 
	#pie a {
		color: black;
		text-decoration: none;
		padding: 0;
		margin: 5px 0 0 0;
		font-size: 70%; }
 
		#pie a:hover { color: white; }
 
.icono {
	border: 0;
	width: 60px;
	height: 20px; }
 

		
/*	Desarrollo de la galeria de imagenes	*/

li .min	{
	background: url(../imagenes/base1.png);
	width: 70px;
	height: 55px;
	padding: 5px 8px 8px 5px;
	}
	
#titulos	{
	padding: 5px;
	text-align: center;
	}
	
#borde	{
	width: 450px;
	height: 330px;
	position: absolute;
	top: 180px;	/* Provoca la separacion del borde superior */
	left: 650px;	/* Separa la imagen grande de la pequea */
	background: url(imagenes/publico.png);
	}

#base {
width: 450px;
height: 330px;
border: solid 1px #ccc;
position: absolute;
top: 180px; /* Provoca la separacion del borde superior */
left: 650px; /* Separa la imagen grande de la pequeña */
background: url(imagenes/publico.png); }

.cat	{
	list-style-type: none;
	margin: 0 0 20px 10px; /* Eliminacion de vieta en IE6 */
	padding: 0px; /* Eliminacion de vieta en IE6 */
	float:left;
	}
	
.max{
	visibility: hidden;
	position: absolute;
	width: 450px;
height: 330px;
	top: 170px;	/* Provoca la separacion del borde superior */
	left: 650px;	/* Separa la imagen grande de la pequea */
  margin-left: 0px;
	}
	
a:hover .max	{
	visibility: visible;
	}