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


/* callout-2 box - fixed position at the bottom of the page */
.callout-2 {
  position: fixed;
  bottom: 5px;
  left: 5px;
  margin-right: 20px;
  width: 300px;
	height: auto;
  box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 5px rgba(0, 0, 0, 0.19);
	
  z-index: 3;
  display: block;
}
.callout-2 img{width: 20px;}

/* callout-2 header */
.callout-2-header {
  padding: 5px 50px 5px 10px;
  background-color: #000;
  font-size: 18px;
  color: white;
  border-radius: 7px 7px 0 0;
}
.img-popup img{
	width: 100%;
}

/* callout-2 container/body */
.callout-2-container {
  padding: 12px;
	padding-bottom: 5px;
  background-color: #fff;
  color: black;
  border-radius: 0px 0px 7px 7px;
  text-align: center;
  line-height: 1;
	height: auto;
}
.callout-2-container hr{height: 1px; border-radius: 5px; padding-top: 0; margin-top: 8px; margin-bottom: 3px; background-color: dimgrey}
.callout-2-container img{width: 130px}
/* Close button */
.closebtn {
  position: absolute;
  top: 0px;
  right: 5px;
  color: white;
  font-size: 30px;
  cursor: pointer;
}

/* Change color on mouse-over */
.closebtn:hover {
  color: lightgrey;
}

.callout-2-header a{color: #fff;}
.callout-2-header a:hover{color: #FFF; text-decoration: none}


.callout-3{display: none;}



/** ************* CELLPHONE VIEW ************* */


@media only screen and (min-width:300px) and (max-width:419px) {
    .callout-2{display: none;}
    
    
/* POP-UP PARA CELULAR */
/* callout-3 box - fixed position at the bottom of the page */
.callout-3 {
  position: fixed;
  bottom: 5%;
  left: 10%;
  margin-right: 20px;
  width: 80%;
	height: auto;
  box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 5px rgba(0, 0, 0, 0.19);
	
  z-index: 3;
  display: block;
}
.callout-3 img{width: 20px;}

/* callout-2 header */
.callout-3-header {
  padding: 5px 50px 5px 10px;
  background-color: #000;
  font-size: 18px;
  color: white;
  border-radius: 7px 7px 0 0;
}
.img-popup img{
	width: 100%;
}

/* callout-2 container/body */
.callout-3-container {
  padding: 12px;
	padding-bottom: 5px;
  background-color: #fff;
  color: black;
  border-radius: 0px 0px 7px 7px;
  text-align: center;
  line-height: 1;
	height: auto;
}
.callout-3-container hr{height: 1px; border-radius: 5px; padding-top: 0; margin-top: 8px; margin-bottom: 3px; background-color: dimgrey}
.callout-3-container img{width: 130px}
/* Close button */
.closebtn {
  position: absolute;
  top: 0px;
  right: 5px;
  color: white;
  font-size: 30px;
  cursor: pointer;
}

.callout-3-header a{color: #fff;}
.callout-3-header a:hover{color: #FFF; text-decoration: none}
    
    
}