/* estilos de la galeria de imagenes */

.galeria_imagenes {
	margin:0px 0px 5px 5px;
	padding:0px 0px 5px 0px;
	width:100%;	
}

.galeria_imagenes img {
	border:1px solid #EEE;
}

.galeria_imagenes a {
	text-decoration: none;
}

.galeria_imagenes span {
	color:#515151;
	font-family: Trebuchet MS;
	font-size: 1em;
}

.galeria_imagenes ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}

.galeria_imagenes li {
	display:block;
	float:left;
	
	
	
	width:190px; /* si cambio este tamanio, entran mas o menos fotos por nivel ...... esto es lo que queria controlar desde programacion*/
	min-width:150px;
	max-width:200px;

	height: 170px;
	min-height: 150px;
	max-height: 180px;
	
	
	
	
	background-color:#f5f7f9;
	padding:3px;
	margin:3px;
	text-align: center;
	border-right: #a5a7aa solid 1px;
	border-bottom: #a5a7aa solid 1px;
}

.galeria_imagenes ul li a:hover img{
	border:1px solid #515151;
}

.nuevaimagen span {
	color:red;
	font-family: Trebuchet MS;
	font-size: 1em;
}

/*************************************************************/

.barra_paginadora {
	margin:2px auto;
	padding:2px auto;
	width:100%;
}

.barra_paginadora a {
	text-decoration: none;
}

.barra_paginadora span {
	color:#515151;
	font-family: Trebuchet MS;
	font-size: 1em;
}

.barra_paginadora ul {
	margin:2px auto;
	padding:2px auto;
}

.barra_paginadora li {
	display:block;
	float:left;
	
	width:30px;
	min-width:30px;
	max-width:30px;

	height:25px;
	min-height:25px;
	max-height:25px;
	
	background-color:#f5f7f9;
	padding:2px auto;
	margin:2px auto;
	text-align: center;
	border-right: #a5a7aa solid 1px;
	border-bottom: #a5a7aa solid 1px;
}

.barra_paginadora ul li a:hover {
	border:1px solid #515151;
}

/*************************************************************/
.clear{
	clear:both;
}