@charset "utf-8";
/* CSS Document */


@media (max-width:600px){
	.gm-style-iw, .gm-style-iw-d {
		max-width: 300px !important;
		height: 400px !important;
		}
	#diviw, .flip-box {
		max-width: 260px !important;
		height: auto !important
	}
	.atrib {
		max-width: 260px !important;
	}
	#imghmaxh380 {
		max-height:250px !important;	
	}
      }

/* This container is needed to position the front and back side */
.flip-box {
  width: 100%;
  height: 100%;
  }
.flip-box-inner {
  background-color:#fbf7f7;
  position: relative;
  }
.flip-box:hover .flip-box-inner {
  transform:rotateY(180deg)
  }
.atrib {
	text-align:justify
  }
.flip-box-inner { 
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  }
.flip-box-front, .flip-box-back {  
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  }
.flip-box-back {
  position:absolute;
  top:0;
  transform: rotateY(180deg);
  }
#imgw200 {
  vertical-align:top;
  display:block;
  margin:auto;
  height:200px
}
#imghmaxh380 {
  display:block;
  margin:auto;
  padding:0; 
  max-height:380px;
  object-fit: contain;
  background-color:#fbf7f7;
  width: 100%;
}
.pieimag {
  top:0px;
  background-color:#fbf7f7;
  height: 100%;
  padding:0.5vw;
  font-size:0.8em;
  text-align:center
  }
#diviw a {		
	color:cornflowerblue !important;
	text-decoration: underline;
}