@font-face {font-family: "Raleway" , sans-serif;font-style: normal;font-weight: normal;}
@font-face {font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: normal;}

*{margin: 0;padding: 0;text-decoration: none;border: none;outline: none;font-family: "Raleway" , sans-serif;box-sizing:border-box;}
*:before,*:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body {-webkit-font-smoothing: antialiased;letter-spacing: 0.1px; line-height: 1.23em; color: #757575; font-size: 14px;}

a,a:hover {text-decoration:none;}
#wrapper{width: 100%;text-align:center;margin: 0 auto;}

.overlay {
  opacity:    1; 
  background: rgba(0,0,0,0.7); 
  width:      100%;
  height:     100%; 
  top:        0; 
  left:       0; 
  position:   fixed;
  z-index:100;
  visibility:visible;
  
}
.messagebox
{
  border-radius: 5px;
  height:50%;
  width:50%;
  position:absolute;
  left:28%;
  top:2%;
  text-align:center;
}
.messagebox .mensaje
{
  width:100%;
  display: inline-block;
}

.messagebox .aceptar
{
    background-color: #ff7bac;
    padding: 10px;
    color: white;
    margin: 0px 0px 0px -40px;
    position: absolute;
    display: inline-block;
}

*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
}

#wrapper {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.home{width: 100%; height: 45px; border-bottom: 1px solid #E6E6E6; background: rgba(249,128,199,1);
background: -moz-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,128,199,1)), color-stop(100%, rgba(232,100,179,1)));
background: -webkit-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: -o-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: -ms-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: linear-gradient(to bottom, rgba(249,128,199,1) 20%, rgba(232,100,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f980c7', endColorstr='#e864b3', GradientType=0 );}
.interior-home{width: 1036px; display: inline-block;}
.redes{width: 190px; height: 45px; display: inline-block; text-align: top;}
.interior-redes{display: inline-block; text-align: top; padding: 4px; opacity: 1.0;}
.interior-redes:hover{transition:all 0.2s linear; filter: grayscale(100%);
-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%);}
.interior-redes-2{display: inline-block; text-align: top; padding: 2px;}
.interior-redes-2:hover{transition:all 0.2s linear; filter: grayscale(1%)}
.info{width: 840px; display: inline-block; font-family: arial; font-size: 14px; color: white; vertical-align: top; text-align: left; padding-left: 10px; padding-right:10px; padding-top: 14px;}

.info-slider{margin: 0 auto; width: 1024px; padding: 150px 0px 0px 0px; font-family: arial; color: white; line-height: 20px; text-shadow: 1px 1px 2px #666666; text-align: right;}
.titulo-slider{margin: 0 auto; width: 1024px; text-align: right; font-size: 45px; color: white; font-family: arial; text-shadow: 1px 1px 1px #808080; line-height: 20px;}
.boton-slider{margin: 0 auto; width: 100px; text-align: right; height: 35px; font-family: arial; font-size: 15px; background-color: #CC9933; color: #ffffff; padding: 9px; cursor:pointer;}
.boton-slider:hover{color: white; font-size: 15px; transition:all 0.3s linear; background-color: #f97ec6; text-align: right;}

.principal{width: 100%; text-align: center;}
.int-principal{width: 1024px; display: inline-block; vertical-align: top; text-align: right;}
.logo{width: 255px; height: 146px; display: inline-block; vertical-align: top;}
.menu{width: 765px; height: 146px; display: inline-block; padding-top:50px; padding-left: 150px; text-align: center;}

.fondo-gris{width: 100%; display: inline-block; background-color: #F8F8F8;}
.fondo-gris-int{width: 100%; height: 65px; display: inline-block; background-color: #F8F8F8;}

.informacion{width: 1024px; display: inline-block; font-family: Arial;	text-align: center; padding: 70px; line-height: 20px; background-color: white; color: #999999; font-size: 15px;}

.titulo{font-size: 22px; color: #CC9933; font-family: arial; }
.titulo2{font-size: 25px; color: #CC9933; font-family: arial;}
.titulo3{font-size: 25px; color: white; font-family: arial;}
.subtitulo{font-family: Arial;	text-align: center; line-height: 20px; color: #999999; font-size: 15px;}
.info-fono{font-size: 17px; color: #CC9933;}

.line{width: 100%; height: 146px; display: inline-block; padding: 62px;
background: rgba(249,128,199,1);
background: -moz-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,128,199,1)), color-stop(100%, rgba(232,100,179,1)));
background: -webkit-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: -o-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: -ms-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: linear-gradient(to bottom, rgba(249,128,199,1) 20%, rgba(232,100,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f980c7', endColorstr='#e864b3', GradientType=0 );}

.content-box{width: 1024px; display: inline-block;}
.box{width: 300px; height: 300px; display: inline-block; margin: 19px; text-align: center;}
.box:hover .centro{width: 300px; height: 58px; bottom: 121px; transition:all 0.2s linear;
background: rgba(249,128,199,1);
background: -moz-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,128,199,1)), color-stop(100%, rgba(232,100,179,1)));
background: -webkit-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: -o-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: -ms-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: linear-gradient(to bottom, rgba(249,128,199,1) 20%, rgba(232,100,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f980c7', endColorstr='#e864b3', GradientType=0 );
opacity: 0.9;}
.centro{width: 300px; height: 58px;
background: rgba(249,128,199,1);
background: -moz-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,128,199,1)), color-stop(100%, rgba(232,100,179,1)));
background: -webkit-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: -o-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: -ms-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: linear-gradient(to bottom, rgba(249,128,199,1) 20%, rgba(232,100,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f980c7', endColorstr='#e864b3', GradientType=0 );
position: absolute; color: white; padding-top: 19px; padding-bottom: 19px; bottom: 10px; transition:all 0.2s linear; opacity: 0.9; text-align: center; font-family: Arial; font-size: 18px;}
.div-img.hidden{overflow: hidden; height: 300px;}

.div-img .product-item-pic{display: inline-block; margin-left: auto; margin-right: auto; width: 100%;
 transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1);
 -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out;
-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%) filter: grayscale(0%);
}
.div-img:hover .product-item-pic{
 transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2);
-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%) filter: grayscale(100%);}


.area-formulario{width: 100%; height: 470px; display: inline-block; background: url(../image/fondo-form.jpg) top fixed ; text-align: center;}
.area-formulario-fondo{width: 100%; height: 470px; display: inline-block; text-align: center; padding: 50px;}
.descripcion-area-formulario{width: 1024px; display: inline-block; font-family: Arial; color: white; font-size: 15px; text-align: center;}
.boton-formulario{margin: 0 auto; width: 100px; height: 35px; font-family: arial; font-size: 15px; background-color: #fb7ec8; color: #ffffff; padding: 2px; cursor:pointer;}
.boton-formulario:hover{width: 100px; height: 35px; color: white; padding: 2px; transition:all 0.3s linear; background-color: #CC9933;}

.parrafo{opacity: 1.0; padding: 4px; line-height: 10px; font-size: 15px; background-color: white; text-align: center;}
.title-form{line-height: 19px; color: #999999}

.pie{width: 100%; height: 362px; display: inline-block;
background: rgba(249,128,199,1);
background: -moz-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,128,199,1)), color-stop(100%, rgba(232,100,179,1)));
background: -webkit-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: -o-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: -ms-linear-gradient(top, rgba(249,128,199,1) 0%, rgba(232,100,179,1) 100%);
background: linear-gradient(to bottom, rgba(249,128,199,1) 50%, rgba(232,100,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f980c7', endColorstr='#e864b3', GradientType=0 );}
.info-pie{width: 1024px; display: inline-block;}
.info-pie-int{width: 512px; display: inline-block; font-family: arial; font-size: 15px; line-height: 20px; vertical-align: top;color: white; padding-top: 100px; padding-left: 55px; padding-right: 55px;}

.l-contenedor {display: inline-flex;}
.antesydespues1 {width: 250px; height: 250px; display: inline-block; margin: 5px; text-align: center;}
.antesydespues1.hidden {overflow: hidden;}
.antesydespues1 .img {display: inline-block; width: 500px; height: 250px;
 -webkit-transition: margin 1s ease; -moz-transition: margin 1s ease; -o-transition: margin 1s ease; -ms-transition: margin 1s ease;transition: margin 1s ease;}
.antesydespues1:hover .img { margin-left: -250px;}
.creditos{width: 100%; height: 45px; background: #fb7ec8;}
.info-creditos{width: 1024px; display: inline-block; font-family: arial; color: white; font-size: 13px; line-height: 20px; vertical-align: top;color: white; padding-top: 15px;}


.fixed-tabs-Whats {
  position: fixed;
  right: 0px;
  top: 50%;
  margin-top: 170px;
  z-index: 100;
}
.aba-whatsphone {
  background: #ff7bac;
  height: 60px;
  width: 70px;
  border-radius: 30px 0 0 30px;
  transition: 0.7s ease;
}
.aba-whatsphone:hover {
  width: 220px;
  transition: 0.7s ease;
}
.aba-whatsphone-icone {
  background: url(../image/whatsapp-icon.png) no-repeat; /* whatsapp icon */
  width: 180px;
  background-size: 70px;
  background-position-y: -7px;
  padding: 7px;
}
.aba-whatsphone-icone a {
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  margin-left: 70px;
  text-decoration: none;
  height: 60px;
  font-family: sans-serif;
}
.aba-whatsphone-icone a strong {
  display: block;
  font-size: 21px;
  margin-left: 70px;
}





.window-notice {
    background: rgba(33, 41, 52, .85);
    bottom: 0;
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    transition: background .6s;
}

.window-notice .content {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(33, 41, 52, .75);
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    margin: auto;
    max-width: 480px;
    min-width: 480px !important;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 2rem;
    font-size: 1.3rem;
}

.content-buttons {
    font-family: arial;
    text-align: center;
    margin-top: 1rem;
}

.content-buttons a {
    text-decoration: none;
    display: inline-block;
    padding: 1rem;
    background-color: #f97ec6;
    color: #FFF;
    text-transform: uppercase;
}

.content-buttons a:hover {
    background-color: #CC9933;
}

.content-text a {
    color: #0080DE;
    text-decoration: none;
}

.content-text a:hover {
    color: #006AB8;
    text-decoration: underline;
    text-align: justify;
}