/*galeria 1*/

html, body {
	height: 100%;
}

p#titulo-gallery-1 {
	font-size: 2em;
	padding: 20px 0px;
	text-align: center;
  margin-top: 40px;
}

section#contenedor-gallery-1 {
	position: relative;
	margin: auto;
	max-width: 1800px;
	padding: .5vw;
  	font-size: 0;
  	display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap; 
  	flex-flow: row wrap; 
 	display: -webkit-box;
  	display: flex;
}

section#contenedor-gallery-1 div.contenedor-img {
	-webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 300px;
  height: 250px;
  margin: .5vw;
  overflow: hidden;
  background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}


section#contenedor-gallery-1 div.contenedor-img img {
	 width: 100%;
  	height: auto;
  	vertical-align: top;

}

@media screen and (max-width: 400px) {
  section#contenedor-gallery-1 div { margin: 0; }
  section#contenedor-gallery-1 { padding: 0; }
  
}


/*galeria 2*/
div#galeria-2 {
  margin: 80px auto;
  max-width: 1800px;
  min-height: 400px;
  overflow: hidden;
}

div.contenedor-img-2 {
    display: inline-block;
    background: #fff;
    padding: .2em .1em;
    width: 25%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

div.contenedor-img-2 a {
  width: 100%;
}

div.contenedor-img-2 a img {
  width: 100%;
  height: auto;
}

@media (max-width: 1000px) {
  div.contenedor-img-2 {
    width: 33.3%;
  }
}

@media (max-width: 720px) {
  div.contenedor-img-2 {
    width: 50%;
  }
}

@media (max-width: 500px) {
  div.contenedor-img-2 {
    width: 100%;
  }
}


/*galeria 3*/

.fotorama__wrap {margin: auto;}
.fotorama__stage {margin-top: 20px; box-shadow: 0px 0px 20px #999;}
.fotorama__nav-wrap {margin-top: 20px; margin-bottom: 20px;}
.fotorama__caption__wrap {width: 100%; text-align: center; padding: 20px 0px;}