#contenedor_galeria_gabo
{
margin:0 auto;
border: 0px solid #000;
}

#miniatura_galeria_gabo { clear:both; margin:5px 0px 0px 0px;}
#miniatura_galeria_gabo ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none }
#miniatura_galeria_gabo ul li {float: left; width: 65px; padding: 0px; margin: 0px 5px 0px 0px; }
#miniatura_galeria_gabo ul li img { width: 65px; height: 44px; padding: 0px; margin: 0px; border: 1px solid #ccc }
#miniatura_galeria_gabo ul li a img { width: 65px; height: 44px; padding: 0px; margin: 0px; border: 1px solid #ccc }
#miniatura_galeria_gabo ul li a:hover img { width: 65px; height: 44px; padding: 0px; margin: 0px; border: 1px solid #ff0000 }


.mini_galeria_gabo {display: inline;}
.mini_galeria_gabo2 {display: none;}


#capa1 {visibility:visible; position:absolute;  z-index: 1px;}
#capa2 {visibility:hidden; position:absolute;   z-index: 2px;}
#capa3 {visibility:hidden; position:absolute;   z-index: 3px;}
#capa4 {visibility:hidden; position:absolute;   z-index: 4px;}
#capa5 {visibility:hidden; position:absolute;   z-index: 5px;}
#capa6 {visibility:hidden; position:absolute;   z-index: 6px;}
#capa7 {visibility:hidden; position:absolute;   z-index: 7px;}
#capa8 {visibility:hidden; position:absolute;   z-index: 8px;}
#capa9 {visibility:hidden; position:absolute;   z-index: 9px;}
#capa10 {visibility:hidden; position:absolute;  z-index: 10px;}

#capa11 {visibility:hidden; position:absolute;  z-index: 1px;}
#capa12 {visibility:hidden; position:absolute;   z-index: 2px;}
#capa13 {visibility:hidden; position:absolute;   z-index: 3px;}
#capa14 {visibility:hidden; position:absolute;   z-index: 4px;}
#capa15 {visibility:hidden; position:absolute;   z-index: 5px;}
#capa16 {visibility:hidden; position:absolute;   z-index: 6px;}
#capa17 {visibility:hidden; position:absolute;   z-index: 7px;}
#capa18 {visibility:hidden; position:absolute;   z-index: 8px;}
#capa19 {visibility:hidden; position:absolute;   z-index: 9px;}
#capa20 {visibility:hidden; position:absolute;  z-index: 10px;}

@media screen and (max-width: 500px) 
{
.mini_galeria_gabo {display: none;}
.mini_galeria_gabo2 {display: inline;}

#capa1 {visibility:hidden; position:absolute;  z-index: 1px;}
#capa2 {visibility:hidden; position:absolute;   z-index: 2px;}
#capa3 {visibility:hidden; position:absolute;   z-index: 3px;}
#capa4 {visibility:hidden; position:absolute;   z-index: 4px;}
#capa5 {visibility:hidden; position:absolute;   z-index: 5px;}
#capa6 {visibility:hidden; position:absolute;   z-index: 6px;}
#capa7 {visibility:hidden; position:absolute;   z-index: 7px;}
#capa8 {visibility:hidden; position:absolute;   z-index: 8px;}
#capa9 {visibility:hidden; position:absolute;   z-index: 9px;}
#capa10 {visibility:hidden; position:absolute;  z-index: 10px;}

#capa11 {width:297px; visibility:visible; position:absolute;  z-index: 1px;}
#capa12 {width:297px; visibility:hidden; position:absolute;   z-index: 2px;}
#capa13 {width:297px; visibility:hidden; position:absolute;   z-index: 3px;}
#capa14 {width:297px; visibility:hidden; position:absolute;   z-index: 4px;}
#capa15 {width:297px; visibility:hidden; position:absolute;   z-index: 5px;}
#capa16 {width:297px; visibility:hidden; position:absolute;   z-index: 6px;}
#capa17 {width:297px; visibility:hidden; position:absolute;   z-index: 7px;}
#capa18 {width:297px; visibility:hidden; position:absolute;   z-index: 8px;}
#capa19 {width:297px; visibility:hidden; position:absolute;   z-index: 9px;}
#capa20 {width:297px; visibility:hidden; position:absolute;  z-index: 10px;}

}



#foto_galeria_gabo
{

}




/* ---- muestra producto ------- */
	
#producto
{
	margin: 2%;
	width:200px;
	height:300px;
	padding:3px;
	  /* border-color: #FAFAFA #FAFAFA #fff #FAFAFA; */
	background-color:#000;
	/* background-color:#fff; */
	
		border-radius: 8px 8px 8px 8px;
		-moz-border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px 8px 8px 8px;
		border: 1px solid #A52A2A;
}


#producto_imagen
{
	margin: 15px 0px 0px 0px;
    height: 185px;
    width: 	200px;
    text-align:center;
    /* los siguientes valores son independientes del tamaño del círculo 
    background-repeat: no-repeat;
   background-position: 50%;
    border-radius: 50%; 
    background-size: 100% auto;*/

}

#producto_imagen img {
    width:150px;
    height:150px;
    border-radius:150px;
}

#productos_losdetalles
{
float:left;
width:200px;
border: 0px solid #000;
}

#producto_descripcion
{
	clear:both;
	height:40px;
	color:#fff;
	font-size: .8em;
	border: 0px solid #B7B7B7;
	line-height: 18px;
	text-align:center;
}

#producto_precio
{
	clear:both;
	/* height:30px; */
	font-weight:bold;
	color:#A20000;
	font-size: 1em;
	text-align:center;
}

#producto_boton
{
	clear:both;
	height: auto;
	padding: 0px 0px 0px 0px;
	text-align:center;
	border: 0px solid #000;
}

#producto_boton a
{
	margin: 10px 0px 0px 0px;
	padding: 6px;
	text-align:center;
	background-color:#650900;
	text-decoration: none;
	font-size: .7em;
	color: #fff;
	font-weight:bold;
	
		border-radius: 8px 8px 8px 8px;
		-moz-border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px 8px 8px 8px;
		border: 1px solid #000000;
}



	.arreglo_foto {
		position: absolute;
		clip: rect(0, 200px, 190px, 0);
		/* clip: shape(top, right, bottom, left); NB 'rect' is the only available option */
	}
	
	
	.arreglo_foto2 {
		position: absolute;
		clip: rect(0, 150px, 180px, 0);
		/* clip: shape(top, right, bottom, left); NB 'rect' is the only available option */
	}
	
	

/* --- describe producto -------- */
#foto_producto
{
width:50%;

float:left;
margin:0px 0px 0px 0px;
border:0px solid #000;
text-align:center;
}
#basico_producto
{
float:left;
margin:0px 0px 0px 0px;
border:0px solid #000;
}
.nombre_producto
{
	background-color:#171717;
	color:#fff;
	font-size: .9em;
	font-weight:bold;
	padding:10px;
}

.cantidad_producto
{
	background-color:#F4F4F4;
	padding:5px;
	font-size: .9em;
	color: #000;
}

		.cantidad_producto a
		{
			color: #000 !important;
			text-decoration: none;
		}

.precio_producto
{
	background-color:#F4F4F4;
	padding:5px;
	font-size: 1.7em;
	color:#676767;
	font-weight:bold;
}
#descripcion_producto
{
	background-color:#EBEBEB;
	padding:10px;
	font-size: .9em;
	color: #000 !important;
}


.cantidad_producto2
{
	background-color:#F4F4F4;
	padding:5px;
}

.botoncomprar
{
	margin: 0px 0px 0px 0px;
	padding: 7px;
	text-align:center;
	background-color:#C10808;
	text-decoration: none;
	font-size: .8em;
	color: #fff  !important;
}

.botoncomprar a
{
	color: #fff  !important;
}




/* ------------------------------  */	

		#menu
		{  
		border: 0px solid #000;
		border: 0px solid #000;
		margin:5px auto; 
		
		}

		#menu ul {margin: 0px;padding: 0px;}

		#menu li
		{ 
		/* float: left; ordenar a la derecha*/
		list-style: none;
		
		border: 0px solid #000;
		
		/* tamaño original de la imagen y margenes exteriores*/
		height:32px;
		width:100%px;
		
		
		/* background: url(images/botong.png) no-repeat; */
		
		background-color:#000;
		
		/* fuente sin vinculo */
		color:#fff;

		font-weight:bold;
		
		/*espacio entre lineas*/
		line-height: 33px; 	
		
			border-radius: 8px 8px 8px 8px;
		-moz-border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px 8px 8px 8px;
		border: 1px solid #A52A2A;
		
		}
		

		#menu li a
		{
		/* definir margenes interiores */
		display: block;	
		
		/* fuente*/
		color:#fff;
		font-size: .8em;
		text-decoration: none;
		}
		<div id='MenucontenidoCatalogoOpciones'>
		#menu li a:hover
		{
		color:#FFED00;
		text-decoration: none;
		}

		
		/* boton especial   <li><a href='index.php' class='selecionado'>Home</a></li> */
		/* <li><a hr<div id='MenucontenidoCatalogoOpciones'>ef='index.php' <?php if($lugar=="2"){echo "class='selecionado'";} ?> >Inicio</a></li> */
		
		#menu li .selecionado1
		{
		color:#fff;
		background-color:#001B35;	
		}
		
		#menu li .selecionado2
		{
		color:#fff;
		background-color:#0053A2;
		}
		
		#menu li .selecionado3
		{
		color:#fff;
		background-color:#A3A3A3;
		}
			
		#menu li .selecionado4
		{
		color:#fff;
		background-color:#B70000;
		}
		
		
/* --- menu catálogo responsivo -------- */

#abre
	{
		clear: both;		
		height:50px;
		
		margin:0px 0px 0px 0px;
		padding:10px;

		background-color:#000;

		border: 0px solid #000;  /* border-color: #FAFAFA #FAFAFA #fff #FAFAFA; */
    
		color:#ffffff;
		font-size: 1em;
		font-weight:bold;
		text-align:center;  /* vertical-align:text-top;   left - right */
		line-height: 49px; /*espacio entre lineas*/
	}

		#abre a
		{
		text-decoration: none;
		color:#ffffff;
		}
		
		#abre a:hover
		{
		text-decoration: none;
		color:#ffffff !important;
		}


#cierra
	{
		clear: both;

		height:50px;
		
		margin:0px 0px 0px 0px;
		padding:10px;

		background-color:#000;

		border: 0px solid #000;  /* border-color: #FAFAFA #FAFAFA #fff #FAFAFA; */
    
		color:#ffffff;
		font-size: 1em;
		font-weight:bold;
		text-align:center;  /* vertical-align:text-top;   left - right */
		line-height: 49px; /*espacio entre lineas*/
	}

		#cierra a
		{
		text-decoration: none;
		color:#ffffff;
		}
		
		#cierra a:hover
		{
		text-decoration: none;
		color:#ffffff !important;
		}