/* CSS Document */

#main{
	margin:0 auto;
	padding:2px 10px;
	background-color:#FFFFFF;
	border-left:2px solid #828244;
	border-right:2px solid #828244;
	width:630px;
	text-align:left;
}
#main a{
	color:#CC0000;
}
#main a:hover{
	color:#990000;
}
h1{
	margin:0px;
	font-size:32px;
	color:#B35900;
}

#imagenes{
	text-align:center;
	margin:10px 0;
	padding:10px 0px;
	width:630px;
	font-size:10px;
	/*background-color:#CCCC99; */
	background-image: url(../imagenes/fondo_fotos.png);
	background-repeat:no-repeat;
}
#imagenes img{
	float:none;
	margin:6px;
	padding:5px;
	width:100px;
	height:80px;
	font-size:10px;
	text-align:center;
	border:5px ;
	background-image: url(../imagenes/fondo_foto.png);
	/* 
	background-color:#CCCC99; */
	}
#imagenes img:hover{
	border-color:#000000;
	width:100px;
	height:80px;
	background-image: url(../imagenes/fondo_foto2.png);

}

.paginador{
	margin:15px 0px;
	padding:2px 2px;
	width:630px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	background-image: url(../imagenes/barra2.png);
	text-align:center;
}
.paginador a{
	margin:0;
	color:#CC9900;
	text-decoration:none;
	padding:0 5px;
	text-align:center;
}
.paginador a:hover, .paginador .seleccionado{
	text-decoration:underline;
	color:#CC6600;
	font-size:20px;
}

#footer{
	margin:10px 0 0 0;
	padding:1px 5px;
	text-align:center;
	width:708px;
	color:#8CAF23;
	font-size:10px;
	background-color:#F9FCEF;
	border:1px solid #F1F1E4;
	
}
#footer a{
	text-decoration:none;
	padding:0 5px;
	color:#718C1C;
	
}
#footer a:hover{
	color:#006633;
}
.clearit{
	clear:both;
}

/***********Para el popup****************/

#popUp img{
	margin:10px;
	padding:5px;
	border:1px solid #828244;
	text-align:center;
	background-color:#CCCC99;
}



.mini{
position:relative;
z-index: 0;
}
.mini:hover{
background-color:#003399;
z-index: 150;
}
.mini span{ /*Estilos del borde y texto*/
position:absolute;
background-color: white;
padding: 5px;
border: 1px dashed gray;
visibility: hidden;
color: #FFFF00;
text-decoration: none;
}
.mini span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.mini:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -150px; /*position where enlarged image should offset horizontally */

}