/* Celda de imagen */
/* Si la imagen tiene "borde" asegurarse de sumar 2px */
/* miniatura 100px + 1px borde = 102x */
.CCG_cell_beg,.CCG_cell_mid,.CCG_cell_end {
	width:142px;
	height:142px;
	
	float:left;
	display:inline;
	background:#FFF;
	text-align:center;
	
	margin:0px 8px 8px 0px;
	padding:7px 7px 7px 7px;
	border:solid 1px #b0b0b0;
}

/* Estilos de las colunmas primera, centrales, y ultima */
.CCG_cell_beg {}
.CCG_cell_mid {}
.CCG_cell_end { margin-right:0px; }

.CCG_cell_beg a div,.CCG_cell_mid a div,.CCG_cell_end a div
{
position:absolute;
left:50%;
top:50%;
border:1px solid #000;
visibility:hidden;
background: #AAA url(1px.png) 10px 10px no-repeat;
cursor:pointer;
}

/* Color del borde de las miniaturas */
.CCG_cell_beg a img,.CCG_cell_mid a img,.CCG_cell_end a img {
border:1px solid #ec8387;
}

/* Color del borde de las miniaturas al pasar el ratón por encima */
.CCG_cell_beg a:hover img,
.CCG_cell_mid a:hover img,
.CCG_cell_end a:hover img
{
	border:1px solid #ed1c24;
}

/* Capa que contiene al navegador de páginas*/
.CCG_pagenav {
	background:#FFF;
	width:100%;
	height:20px;
	clear:both;
	float:left;
	display:inline;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/* estilos comunes a todas la img del listado */
.CCG_img, .CCG_img_no {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*border:0px;*/
}

/* estilos especiales NO_IMAGEN */
.CCG_img_no { }

.CCG_spacer {
	clear:both;
	height:1px;
	/*display: none;*/
}

.CCG_hr {
	width:100%;
	clear:both;
	height:1px;
	display:none;
}

.no_border {border:0px;}