.rg-image-wrapper{
	position:relative;
	padding:16px;
	background-color:rgba(255,255,255,0.2); /*url(../../immages/varios/black.png) repeat top left;*//*Quitada por mi*/
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	min-height:20px;
	max-height:66%;
	margin-top:0px;
	height:auto;
}

.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
	max-width:80%;
	max-height:80%;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	border-radius:4px;
	border-color:4px solid #000000;
	padding-right:4px;

}
.rg-image img{
	max-width:100%;
	max-height:50vh;
	/*box-shadow: 0px 0px 1px 1px #680E0E;*/
	border: 1px solid #680E0E;
	border-radius:3px;
	padding:4px;
	z-index:90000;
	-webkit-transform: scale(1) rotate(0.02deg);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.9s;
	-moz-transition: all 0.9s;
	-o-transition: all 0.9s ease-in-out;
	-ms-transition: all 0.9s ease-in-out;
	transition: all 0.9s;
}

.rg-image img:hover {
	max-width:100%;
	max-height:64vh;
	border: 1px solid #680E0E;
	/*box-shadow: 0px 0px 0px 1px #680E0E;*/
	border-radius:3px;
	padding:6px;
	-webkit-transform: scale(1.06) rotate(0.02deg);
	-moz-transform: scale(1.06);
	-o-transform: scale(1.06);
	-ms-transform: scale(1.06);
	transform: scale(1.06);
	-webkit-transition: all 0.9s;
	-moz-transition: all 0.9s;
	-o-transition: all 0.9s ease-in-out;
	-ms-transition: all 0.9s;
	transition: all 0.9s;
}


/*Para Retina iPad in portrait & landscape iPad 3 & 4 Media Queries y supongo que 5. TambiŽn iPad minis (en este caso para que no haga el hover, escalando a 1)*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
	.rg-image img:hover {
   border-radius:4px;
   border:1px solid #000000;
	}
}

/*iPad 1 & 2 Media Queries iPad 1 & 2 in portrait & landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){ /* STYLES GO HERE */}






.rg-image img:hover .rg-caption p {
	display:none;
}

.rg-image-nav a{/*controla las flechas de la imagen grande*/
	position:absolute;
	top:8%;
	bottom:25%;
	left:8px;
	background:transparent url(../../img/varios/nav.png) no-repeat -20% 50%;
	background-color:#ffffff;
	opacity:0.5;
	width:50px;
	height:8em;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0,1;/*Tenia 0.3, prefiero que se vea a tope*/
	outline:none;
	-moz-border-radius: 20px 4px 4px 20px;
	-webkit-border-radius: 20px 4px 4px 20px;
	border-radius: 20px 4px 4px 20px;
}
.rg-image-nav a.rg-image-nav-next{
	right:0px;
	left:auto;
	right:8px;
	background-color:#eeeeee;
	opacity:0.5;
	background-position:115% 50%;
	-moz-border-radius: 4px 20px 20px 4px;
	-webkit-border-radius: 4px 20px 20px 4px;
	border-radius: 4px 20px 20px 4px;
}

.rg-image-nav a:hover{
	width:50px;
	opacity:0.9;
}


.rg-caption {/*Es el bloque del pie de foto*/
	text-align:center;
	margin-top:15px;
	position:relative;
	z-index:1
}
.rg-caption p{/*Es el pie de foto*/
clear:both;
	font-size:16px;
    color:#000000;
	/*letter-spacing:2px;*/
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	margin-top: 32px;
	margin-left:10%;
	margin-right:10%;
	line-height:20px;
	padding:8px;
}


.rg-view{
	height:0px; background-color:transparent;/*Da mas alto al tamanyo de los dos selectores, lo que lo despega de la tira de los thumbs, valor inicial 30*/
}

.rg-view a{/*Esto es el selector de vista con o sin thumbnails*/
	display:none;/*Con esto, por ahora, lo dejo capado*/
	float:left;/*Lo he cambiado de right a left*/
	width:16px;/*Cambiando aqui hace el box mas grande y permite meter un png de mayor tamanyo, lo hare*/
	height:16px;/*idem con el alto*/
	margin-left:28px;/*Yo le anyado el margin left para poder desplazarlo segun necesite*/
	margin-right:0px;/*Esto los separa horizontalmente uno del otro*/
	/*background:#ffffff url(../../images/views.png) no-repeat top left;*/
	border:1px solid #dddddd;
	opacity:1.0;/*TenĂ­a 0.8*/
	margin-top:6px;
}
.rg-view a:hover{
	opacity:1;/*Tenia 1.0*/
}
.rg-view a.rg-view-full{
	background-position:-1px -1px;
}
.rg-view a.rg-view-selected{
	background-color:#ffffff;/*Lo he cambiado yo y olvide anotar su valor original*/
	border-color:ffffff;
}
.rg-view a.rg-view-thumbs{
	background-position:-1px -17px;/*Controla la posicion del segundo gif de 32 x 64 px*/
}
.rg-loading{/*Es el redondelito de carga, un gif*/
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#fff url(../../img/varios/ajax-loader.gif) no-repeat center center;/*carga el circulito que indica cargando..., el llamado ajax loader gif*/
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:1.0;/*Tenia 0.7*/
}

.rg-gallery{
margin-left:auto;
padding-top:auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	position:relative;
	max-height:auto;
	
	 /*A partir de aqui es capricho y golleria solo para sombrear.*/
	border-width: 1px;/*controla el gordor del perfil de la caja*/
	border-style: solid;
	border-color: #dddddd;/*Mariconada para partir el perfil del borde en 4 colores*/
	 -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;/*El 6px establece el gordor del sombreao*/
	 -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 box-shadow: 0 0 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 background-color:transparent;
}

.rg-galleryINI{
margin-left:auto;
padding-top:auto;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	position:relative;
}