@charset "utf-8";
/* CSS Document */
.Block{
	display:none
}
.galeriy{
	margin-bottom:2em;
	margin-top:1em;
	overflow:hidden;
	width:100%;
}
.galeriy img{
	border:1px solid #ddd;
}
.galeriy figure.miniatura {
	cursor:pointer;
	float:left;
	padding:0 5px 10px 5px;
    width: 25%;
}
.galeriy figure.miniatura img{
	width:100%
}
.galeriy .imgagen-grande{
	margin-bottom:1em;
	padding:0 15px;
}
.galeriy .imgagen-grande img{
	border:1px solid #ddd;
}
.galeriy .img_chica{
	border:none;
}
.galeriy .img_chica_seleccionada{
	border:1px solid #000;
}

/*Inician CSS PAGINACION*/
.holder {
	margin: 15px 0;
    padding: 0 30px;
    text-align: right;
	width:100%;
}

.holder a {
	border: 1px solid #ddd;
    font-size: 12px;
    cursor: pointer;
    margin: 0 5px;
    color: #333;
    padding: 5px 8px;
}

.holder a:hover {
	background-color: #191919;
	color: #fff;
}

.holder a.jp-previous { border:none;margin-right:0;  }
.holder a.jp-next { border:none;margin-left:0; }

.holder a.jp-previous:hover,.holder a.jp-next:hover{
	background:none;
	color:#191919;
}


.holder a.jp-current, a.jp-current:hover { 
	border: 1px solid #191919;
    background: #191919;
    color: #fff;
    font-weight: bold;
    padding: 5px 8px;
}

.holder a.jp-disabled, a.jp-disabled:hover {
	background:none;
	color: #bbb;
}

.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {
	cursor: default; 
}


.holder span { margin: 0 5px; }
/*Terminan CSS PAGINACION*/
.lista{
	overflow:hidden;
	width:100%;
}
.none{
	display:none;
}
@media screen and  (max-width : 1280px) {
	.holder a{
    	margin: 0 2px;
		padding: 2px 5px
	}
	.holder a.jp-current, a.jp-current:hover { 
    	padding: 2px 5px
	}	
}
@media screen and  (max-width : 1024px) {
	.thumnails {
		width: 40%;
	}
	.galeriy .imgagen-grande {
		width: 60%;
	}
}
@media screen and  (max-width : 960px) {
	.thumnails {
		width: 100%;
	}
	.galeriy .imgagen-grande {
		width: 100%;
	}
	.galeriy figure.miniatura {
		width:12.3%;
	}
}
@media screen and  (max-width : 480px) {
.none{
	display:block;
}
.block{
	display:none;
}
.holder{
	text-align:center;
}
.galeriy .imgagen-grande {
    float: left;
    margin-bottom:0;
    margin-top:1em;
    padding:0 15px;
    width:100%;
}
.lista,.thumnails {
    width: 100%;
}
.galeriy figure.miniatura {
    margin: 0;
    padding:0 5px;
	margin-bottom:1em;
    width: 25%;
}
}