.flotante {
    display:scroll;
        position:absolute;
        bottom:320px;
        right:0px;
}

.efecto{
  border-bottom: white solid 2px;
  padding: 2px 0px;
}
.ie-panel {
  display: none;
  background: #212121;
  padding: 10px 0;
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .3);
  clear: both;
  text-align: center;
  position: relative;
  z-index: 1;
}

html.ie-10 .ie-panel,
html.lt-ie-10 .ie-panel {
  display: block;
}

.appWhatsapp{
  position: fixed;
  right: 12px;
  bottom: 100px;
  width: 80px;
  z-index: 1000;
}

.appWhatsapp img{
  width: 75%;
  height: auto;
  opacity: 0.8;
}

.appWhatsapp img:hover {
    opacity: 1;
}

.redes{
  top:80px;
  right: 90px;
  position: fixed;
  padding: 0px 10px;
}


.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: 0; /* Establecemos la barra en la izquierda */
	top: 200px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}

	.social ul {
		list-style: none;
	}

	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 15px 20px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}

	.social ul li .icon-facebook {background:#3b5998;
    padding: 15px 22.5px} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-twitter {background: #00abf0;}
	.social ul li .icon-whatsapp {background:#25d366;}
	.social ul li .icon-instagram {background: #E1306C;}
	.social ul li .icon-mail {background: #666666;}

	.social ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 15px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}


  .no-js #loader { display: none;  }
  .js #loader { display: block; position: absolute; left: 100px; top: 0; }
  .se-pre-con {
  	position: fixed;
  	left: 0px;
  	top: 0px;
  	width: 100%;
  	height: 100%;
  	z-index: 9999;
  	background: url(https://grupodarpi.com/images/loading1.gif) center no-repeat #fff;
  }

  * {
  box-sizing: border-box;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}


/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;

}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 15px;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}
.ventanacontacto{

  border-radius: 2px;
  background: #fff;
  padding: 15px;
  box-shadow: 10px 10px 40px rgba(0,0,0,.3);
}
.formularios{

  border-radius: 2px;
  background: #fff;
  padding: 15px;
  box-shadow: 10px 10px 40px rgba(0,0,0,.2);
}






/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
  position: fixed;
  bottom: 0%;
  display: inline-table;
  float: left;
}

/* Style the icon bar links */
.icon-bar a {
  display: inline;
  text-align: center;
  padding: 15px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;

}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #39dd62;
  color: white;
}

.linkedin {
  background: #d41d95;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

.contenimg{
  height: 450px;
  width: 830px;
}
.contenmap{
  height: 450px;
  width: 830px;
}

.button-whatsapp {
  background-color: #25d366;
  -webkit-border-radius: 10px;
  border-radius: 6px;
  border: 2px solid;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  padding: 13px 35px;
  text-align: center;
  text-decoration: none;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  transition: 0.25s
}

@-webkit-keyframes whatsapp {
  0% { background-color: #25d366; -webkit-box-shadow: 0 0 15px #25d366; }
  50% { background-color: #1AE450; -webkit-box-shadow: 0 0 10px #1AE450; }
  100% { background-color: #25d366; -webkit-box-shadow: 0 0 3px #25d366; }
}

@-moz-keyframes whatsapp {
  0% { background-color: #25d366; -moz-box-shadow: 0 0 15px #25d366; }
  50% { background-color: #1AE450; -moz-box-shadow: 0 0 10px #1AE450; }
  100% { background-color: #25d366; -moz-box-shadow: 0 0 3px #25d366; }
}

@-o-keyframes whatsapp {
  0% { background-color: #25d366; box-shadow: 0 0 15px #25d366; }
  50% { background-color: #1AE450; box-shadow: 0 0 10px #1AE450; }
  100% { background-color: #25d366; box-shadow: 0 0 3px #25d366; }
}

@keyframes whatsapp {
  0% { background-color: #25d366; box-shadow: 0 0 15px #25d366; }
  50% { background-color: #1AE450; box-shadow: 0 0 10px #1AE450; }
  100% { background-color: #25d366; box-shadow: 0 0 3px #25d366; }
}

.button-whatsapp {
  -webkit-animation: whatsapp 1500ms infinite;
  -moz-animation: whatsapp 1500ms infinite;
  -o-animation: whatsapp 1500ms infinite;
  animation: whatsapp 1500ms infinite;
}




.button-contac {
  background-color: #004A7F;
  -webkit-border-radius: 10px;
  border-radius: 6px;
  border: 2px solid;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  padding: 13px 35px;
  text-align: center;
  text-decoration: none;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  transition: 0.25s
}

@-webkit-keyframes bot {
  0% { background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F; }
  50% { background-color: #0094FF; -webkit-box-shadow: 0 0 10px #0094FF; }
  100% { background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F; }
}

@-moz-keyframes bot {
  0% { background-color: #004A7F; -moz-box-shadow: 0 0 3px #004A7F; }
  50% { background-color: #0094FF; -moz-box-shadow: 0 0 10px #0094FF; }
  100% { background-color: #004A7F; -moz-box-shadow: 0 0 3px #004A7F; }
}

@-o-keyframes bot {
  0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
  50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; }
  100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
}

@keyframes bot {
  0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
  50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; }
  100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
}

.button-contac {
  -webkit-animation: bot 1500ms infinite;
  -moz-animation: bot 1500ms infinite;
  -o-animation: bot 1500ms infinite;
  animation: bot 1500ms infinite;
}

.redbottom{
  border-bottom: 1px solid red;
  font-size: 22px;
}
input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url(check_radio_sheet.png) -19px top no-repeat;
}


.ventanacarrusel{

  border-radius: 2px;
  background: #fff;
  padding: 5px 10px;


}

.thumbnail {
  padding: 0;
  border-radius: 0;
  border: 0;
}
.thumbnail .title-image {
  overflow: hidden;
  display: block;
  position: relative;
  background: #f0f3f6;
}
.thumbnail .title-image a {
  display: block;
}
.thumbnail .caption {
  padding: 15px 15px 0;
  font-weight: 400;
}
.thumbnail .caption p {
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.thumbnail .caption h3, .price .listing-type-price {
  margin: 0;
  font-size: 21px;
  position: relative;
  font-weight: 700;
  margin-right: 7px;
}
.thumbnail .caption h3 .listing-type-price {
  margin-right: 7px;
}
.thumbnail .caption h3 {
  min-height: 23px;
}
 .thumbnail{
 box-shadow: 1px 1px 4px rgba(0,0,0,.1);
}


.thumbnail .caption h3 .label{
 text-transform: uppercase;
 letter-spacing: 1px;
}

.seccioncontacto{
  position: fixed;
  top: 10px;
  left: 67%;
  z-index: 500;
}