/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/* ==========================================================================
galeriaLIGHTBOX
========================================================================== */
.NOshow{
	display:none !important;
}
.YESshow{
	display:block !important;
}
.galeriaLIGHTBOX{
	display:table;
	float:left;
	width:100%;
}
.galeriaLIGHTBOX a.ima3, .galeriaLIGHTBOX a.ima4{
	display:table;
	float:left;
	width:98%;
	padding:2%;
	margin:0 0 15px 0;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 3px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 3px 3px rgba(0,0,0,0.3);
	color:#333;
   	-webkit-transition:all 0.3s ease;
	-moz-transition::all 0.3s ease;
	-o-transition::all 0.3s ease;
	transition:all 0.3s ease;
}
.galeriaLIGHTBOX a.ima3 img, .galeriaLIGHTBOX a.ima4 img{
	width:100%;
	height:120px;
}
.galeriaLIGHTBOX a.ima3:hover, .galeriaLIGHTBOX a.ima4:hover{
	background-color: #E8E8E8;
}
/* ==========================================================================
galeriaLIGHTBOX portada
========================================================================== */
.galeriaLIGHTBOX a.PORT{
	display:table;
	float:left;
	width:33.33%;
	padding:2%;
	margin:0 auto;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 3px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 3px 3px rgba(0,0,0,0.3);
	color:#333;
   	-webkit-transition:all 0.3s ease;
	-moz-transition::all 0.3s ease;
	-o-transition::all 0.3s ease;
	transition:all 0.3s ease;
}
.galeriaLIGHTBOX a.PORT img{
	width:100%;
	height:70px;
}
.galeriaLIGHTBOX a.PORT:hover{
	background-color: #E8E8E8;
}
@media only screen and (min-width: 320px) {
/* ==========================================================================
galeriaLIGHTBOX 4IMG
========================================================================== */
.galeriaLIGHTBOX a.ima4{
	width:49%;
	height:auto;
	margin-right:2%;
	padding:2%;
}
.galeriaLIGHTBOX a.ima4:nth-child(2n){
	margin-right:0;
}
.galeriaLIGHTBOX a.ima4 img{
	height:90px;
}
}

@media only screen and (min-width: 480px) {
/* ==========================================================================
galeriaLIGHTBOX
========================================================================== */
.galeriaLIGHTBOX a.ima3{
	width:48%;
}
/* ==========================================================================
galeriaLIGHTBOX 4IMG
========================================================================== */
.galeriaLIGHTBOX a.ima4 img{
	height:160px;
}
}

@media only screen and (min-width: 768px) {
/* ==========================================================================
galeriaLIGHTBOX
========================================================================== */
.galeriaLIGHTBOX a.ima3{
	width:32%;
	margin-right:2%;
}
.galeriaLIGHTBOX a.ima3:nth-child(3n){
	margin-right:0;
}
/* ==========================================================================
galeriaLIGHTBOX 4IMG
========================================================================== */
.galeriaLIGHTBOX a.ima4{
	width:31.333%;
	margin-right:2%;
	padding:1%;
}
.galeriaLIGHTBOX a.ima4:nth-child(2n){
	margin-right:2%;
}
.galeriaLIGHTBOX a.ima4:nth-child(3n){
	margin-right:0;
}
.galeriaLIGHTBOX a.ima4:nth-child(4n){
	margin-right:2%;
}
.galeriaLIGHTBOX a.ima4 img{
	height:130px;
}
.galeriaLIGHTBOX a.ima4 h3{
	height:100px;
}
}
@media only screen and (min-width: 1024px) {
	/* ==========================================================================
galeriaLIGHTBOX 4IMG
========================================================================== */
.galeriaLIGHTBOX a.ima4{
	width:23.875%;
	margin-right:1.5%;
	padding:1%;
}
.galeriaLIGHTBOX a.ima4:nth-child(2n){
	margin-right:1.5%;
}
.galeriaLIGHTBOX a.ima4:nth-child(3n){
	margin-right:1.5%;
}
.galeriaLIGHTBOX a.ima4:nth-child(4n){
	margin-right:0;
}
.galeriaLIGHTBOX a.ima4 img{
	height:130px;
}
.galeriaLIGHTBOX a.ima4 h3{
	display:table;
	width:100%;
	height:110px !important;
	
}
}
@media only screen and (min-width: 1140px) {
	/* ==========================================================================
galeriaLIGHTBOX 4IMG
========================================================================== */
.galeriaLIGHTBOX a.ima4 img{
	height:150px;
}
.galeriaLIGHTBOX a.ima4 h3{
	height:100px !important;
	
}
}