*{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%; display: inline-block; text-indent: center;}
.interior-home1{width: 100%; display: inline-block; text-indent: center; }
.mailer{width: 500px; height: 55px; display: inline-block; font-family: Arial; font-size: 15px; color: #808080; vertical-align: top; text-align: left; padding-right: : 0px; padding-left: 50px; padding-top: 17px;}
.redes{width: 366px; height: 55px; display: inline-block; font-family: Arial; font-size: 20px; color: #4D4D4D; vertical-align: top; text-align: center; padding-left: 10px; padding-right:10px; padding-top: 0px;}
.info{width: 500px; height: 55px; display: inline-block; font-family: Arial; font-size: 15px; color: #808080; vertical-align: top; text-align: right; padding-right: : 0px; padding-left: 0px; padding-top: 17px;}
.interior-home{width: 1366px; display: inline-block; text-indent: center; text-align: center;}
.logo{width: 866px; height: 210px; display: inline-block; vertical-align: top; text-align: left; padding-right: : 0px; padding-left: 50px; padding-top: 0px;}
.citas{width: 500px; height: 210px; display: inline-block; vertical-align: top; text-align: right; padding-right: 40px; padding-left: 0px; padding-top: 65px;}
.boton-citas{margin: 0 auto; width: 270px; height: 67px; font-family: Arial; font-size: 15px; background-color: #773A28; color: #ffffff; padding: 2px; cursor:pointer; border-radius: 10px; border: 0px;}
.boton-citas:hover{width: 270px; height: 67px; color: #773A28; padding: 2px; transition:all 0.3s linear; background-color: #FBCEC8;}

.boton-servicios{margin: 0 auto; width: 280px; height: 67px; font-family: Arial; font-size: 15px; background-color: #773A28; color: #ffffff; padding: 2px; cursor:pointer; border: 0px; margin: 1px;}
.boton-servicios:hover{width: 280px; height: 67px; color: #773A28; padding: 2px; transition:all 0.3s linear; background-color: #FBCEC8;}

.menu{width: 100%; height: 70px; display: inline-block; padding-top: 10px; padding-right: 200px; text-align: center; background: #E6E6E6;}
.fondo-gris-int{width: 100%; height: 100px; display: inline-block;}
.principal{width: 100%; text-align: center; display: inline-block; background: #773A28; vertical-align: top;}
.interior-principal-1{width: 50%; height: 634px; display: inline-block; vertical-align: top; text-align: left; background: url(../image/fondo-servicios.jpg)}
.interior-principal-2{width: 50%; height: 634px; display: inline-block; vertical-align: middle; text-align: left;}

.cuadro-1{width: 683px; height: 634px; display: inline-block; vertical-align: middle; text-align: left; padding-left: 140px; padding-top: 120px}
.cuadro-2{ height: 634px; display: inline-block; vertical-align: middle; text-align: right;}
.cuadro-3{width: 683px; height: 634px; display: inline-block; vertical-align: middle; text-align: left; background-color: #E0C1A8;}

.bienv-1{width: 720px; height: 505px; display: inline-block; vertical-align: middle; text-align: left; padding-left: 0px;}
.bienv-2{width: 720px; height: 505px; display: inline-block; vertical-align: middle; text-align: center; background-color: #ffffff; border-radius: 20px;}
.bienv-3{width: 1440px; display: inline-block; vertical-align: middle; text-align: center; background-color: #ffffff; border-radius: 20px;}

.zoy{width: 100%; text-align: center; display: inline-block; vertical-align: top;}
.zoy-1{width: 720px; height: 561px; display: inline-block; vertical-align: middle; text-align: center; background-color: #E0C1A8}
.zoy-2{width: 720px; height: 561px; display: inline-block; vertical-align: middle; text-align: center; background-color: #E0C1A8}
.boton-zoy{margin: 0 auto; width: 130px; height: 50px; font-family: Arial; font-size: 20px; background-color: #773A28; color: #ffffff; padding: 2px; cursor:pointer; border: 0px;}
.boton-zoy:hover{width: 130px; height: 50px; color: #773A28; padding: 2px; transition:all 0.3s linear; background-color: #FBCEC8;}

.pie-samb{width: 718px; height: 200px; display: inline-block; vertical-align: middle; text-align: right; color: #773A28; font-family: Arial; line-height: 25px; padding-right: 25px; font-size: 15px;}
.pie-ceib{width: 718px; height: 200px; display: inline-block; vertical-align: middle; text-align: left; color: #773A28; font-family: Arial; line-height: 25px; padding-left: 25px; font-size: 15px;}

.titulo{font-size: 33px; color: white; font-family: Arial; Line-height: 15px;}
.titulo2{font-size: 17px; color:#E0C1A8; font-family: Arial;}


.subtitulo{font-size: 20px; color:#E7CEBA; font-family: Arial; font-weight: 100; line-height: 20px;}
.informacion{display: inline-block; font-family: Arial; text-align: justify; padding: 0px 50px 20px 0px; line-height: 20px; color: white; font-size: 25px;}
.titulo-2{font-size: 30px; color: #773A28; font-family: Arial; Line-height: 30px; font-weight: bold; text-align: center;}
.subtitulo-2{font-size: 20px; color:#773A28; font-family: Arial; font-weight: 100; line-height: 25px; text-align: center;}
.servicios01{font-size: 25px; color:#ffffff; font-family: Arial; line-height: 35px; text-align: left;}

.informacion-2{display: inline-block; font-family: Arial; text-align: center; color: #666666;  padding: 0px 90px 90px 90px; line-height: 22px; font-size: 25px;}
.info-zoy{display: inline-block; font-family: Arial; text-align: center; color: #666666;  padding: 100px 90px 90px 90px; line-height: 27px; font-size: 19px;}
.info-zoy-2{display: inline-block; font-family: Arial; text-align: center; color: #666666;  padding: 70px 70px 70px 70px; line-height: 27px; font-size: 19px;}

.seccion-contactenos{width: 100%; height: 200px; display: inline-block;}
.seccion-contactenos-int{width: 1366px; height: 200px; display: inline-block; color: #173F7F; font-size: 50px; vertical-align: center; padding: 45px; line-height: 15px;}
.info-contactenos{color: #773A28; display: inline-block; text-align: center; vertical-align: center; font-size: 37px; font-family: "Arial"; padding: 45px;}

.content-box{width: 100%; display: inline-block; font-family: "Arial";}
.box{width: 352px; height: 515px; display: inline-block; margin: 0px; text-align: center; font-family: "Arial";}
.box:hover .centro{width: 353px; height: 110px; padding-top: 25px; bottom: 15px; transition:all 0.2s linear; opacity: 0;
background: #E0C1A8;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f980c7', endColorstr='#e864b3', GradientType=0 );
opacity: 1.0;}
.centro{width: 352px; height: 110px; font-family: "Arial";
background: #773A28;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f980c7', endColorstr='#e864b3', GradientType=0 );
position: absolute; color: white; padding-top: 27px; padding-bottom: 19px; bottom: 0px; transition:all 0.2s linear; opacity: 1.0;}
.div-img.hidden{overflow: hidden; height: 495px;}
.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%);}

.titulobox{text-align: center; font-family: "Arial"; font-size: 20px; line-height: 120%; color: white;}
.titulobox2{text-align: center; font-family: "Arial"; font-weight: bold; font-size: 22px; line-height: 120%; color: white;}

.area-formulario{width: 100%; height: 800px; display: inline-block; background: url(../image/fondo-form.jpg); text-align: center; border: 0px;}
.area-formulario-fondo{display: inline; width: 1366px; height: 800px; vertical-align: left; text-align: left; padding-top: 50px; padding-right:30% }
.descripcion-area-formulario{display: inline; width: 730px; height: 480px; display: inline-block; font-family: Arial; color: white; font-size: 25px; line-height: 30px; border: 1px; text-align: left; padding-left: 5px;}
.parrafo{display: inline; opacity: 1.0; padding: 15px; line-height: 10px; font-family: Arial; font-size: 15px; background-color: white; text-align: left; margin: 0 auto; border: 10px;}
.title-form{display: inline; line-height: 0px; color:white; font-family: Arial; font-size: 25px;}
.boton-formulario{margin: 0 auto; width: 130px; height: 50px; font-family: Arial; font-size: 18px; background-color: #773A28; color: #ffffff; padding: 2px; cursor:pointer; border: 0px;}
.boton-formulario:hover{width: 130px; height: 50px; color: white; padding: 2px; transition:all 0.3s linear; background-color: #E0C1A8; color: #773A28;}
.texto-boton{font-family: Arial; line-height: 20px; padding: 33px; font-size: 17px; }
.boton-formulario-2{margin: 0 auto; width: 130px; height: 50px; font-family: Arial; font-size: 18px; background-color: #E0C1A8; color: #773A28; padding: 2px; cursor:pointer; border: 0px;}
.boton-formulario-2:hover{width: 130px; height: 50px; color: white; padding: 2px; transition:all 0.3s linear; background-color: #773A28; color: #ffffff;}

.fondo-gris{width: 100%; display: inline-block;}

.creditos{width: 100%; height: 113px; background: #773A28; display: inline-block; text-align: center; line-height: 25px;}
.info-creditos{width: 100%; display: inline-block; font-family: arial; color: white; font-size: 16px; vertical-align: top;color: white; padding-top: 40px;}


.wt {
    position: fixed; z-index:100;
    right: 30px;
    bottom: 15px;
    display: inline;
    text-align: end;
    font-family: arial;
  }

  .wt-icon svg {
    fill: #773A28;
    width: 80px
  }

  .popup {
    position: relative;
    background-color: #773A28;
    color: #ffffff;
    padding: 5px 15px 5px 15px;
    border-radius: 10px;
    right: 10px;
    transition: 1s;
    bottom: -10px;
    opacity: 0;
    box-shadow: 0px 0px 5px #ffffff;
    line-height: 32px;
  }

  .wt:hover .popup {
    display: block;
    bottom: 0px;
    opacity: 1
  }