@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;}

.home{width: 100%; height: 55px; background: #09A9B9;}
.interior-home{width: 1135px; display: inline-block;}
.redes{width: 298px; height: 55px; display: inline-block; vertical-align: top; text-align: left; font-size: 21px; color: white; padding-top: 15px; padding-left: 30px;}
.direccion{width: 338px; height: 55px; display: inline-block; vertical-align: top; font-family: arial; text-align: center; font-size: 14px; color: white; padding-top: 20px; padding-left: 30px}
.info{width: 499px; height: 55px; display: inline-block; vertical-align: top; font-family: arial; text-align: right; font-size: 14px; color: white; padding-top: 20px; padding-left: 180px}


.principal{width: 100%; text-align: center;}

.int-principal{width: 1135px; height: 400px; display: inline-block; vertical-align: top; text-align: right;}
.logo{width: 278px; height: 131px; display: inline-block; vertical-align: top;}
.menu{width: 857px; height: 131px; display: inline-block; padding-top: 40px; padding-left: 0px; text-align: center;}
.fondo-gris{width: 100%; display: inline-block; background-color: #F7F8FA;}
.fondo-gris-int{width: 100%; height: 76px; display: inline-block; background-color: #F7F8FA;}

.content-box{width: 1170px; display: inline-block; font-family: "Calibri";}
.box{width: 355px; height: 585px; display: inline-block; margin: 16px; text-align: center; font-family: "Calibri";}
.box:hover .centro{width: 355px; height: 349px; padding-top: 25px; bottom: 15px; transition:all 0.2s linear; opacity: 0;
background: #006A93;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f980c7', endColorstr='#e864b3', GradientType=0 );
opacity: 1.0;}
.centro{width: 355px; height: 349px; font-family: "Calibri";
background: #09A9B9;
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: 585px;}
.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: "Calibri" "Bold"; font-weight: bold; font-size: 29px; line-height: 120%; color: white;}
.titulobox2{text-align: center; font-family: "Calibri"; font-size: 26px; line-height: 120%; color: white;}

.fondo-blanco{width: 100%; display: inline-block;}
.fondo-blanco-int{width: 100%; height: 76px; display: inline-block;}
.informacion{width: 1135px; display: inline-block; font-family: Arial; vertical-align: top; text-align: center; line-height: 19px; background-color: white; color: #999999; font-size: 15px;}
.informacion2{width: 1135px; display: inline-block; font-family: Arial; vertical-align: top; text-align: center; line-height: 19px; background-color: white; color: #999999; font-size: 15px;}

.titulo{font-size: 35px; color: #0AB0C5; font-family: arial; text-align: center; font-family: "Calibri" "Bold"; font-weight: bold;}
p {text-align: center; line-height: 70px; font-family: "Calibri";}
.info-sub{font-size: 17px; color: #0AB0C5; text-align: center; line-height: 50px; font-family: "Calibri" "Bold";}

.fondo-rosado{width: 100%; display: inline-block; background-color: #0AB0C5; font-family: "Calibri";}
.fondo-rosado-int{width: 1135px; display: inline-block; text-align: center; vertical-align: center; padding: 70px; color: white; font-size: 65px; font-family: "Calibri"; line-height: 22px;}
.info-rosado{color: white; display: inline-block; text-align: center; vertical-align: center; font-size: 35px; font-family: "Calibri"; font-weight: bold;}
.info-rosado2{color: white; display: inline-block; text-align: center; vertical-align: center; font-size: 23px; font-family: "Calibri"; font-weight: bold;}

.line-rosado{width: 80%; height: 0.1px; display: inline-block; background-color: white; vertical-align: bottom;}
.line-rosado2{width: 100%; height: 12px; display: inline-block; background-color: #0AB0C5}

.boton-whatsapp{width: 205px; text-align: right; height: 55px; font-family: arial; font-size: 15px; background-color: #0AB0C5; color: #ffffff; padding: 13px; cursor:pointer;  border: 3px solid #FFFFFf;}
.boton-whatsapp:hover{color: white; font-size: 17px; transition:all 0.3s linear; background-color: #ffffff; color: #0AB0C5; padding: 15px;}

.seccion-contactenos{width: 100%; height: 240px; display: inline-block; background-color: #ffffff;}
.seccion-contactenos-int{width: 1135px; height: 240px; display: inline-block; color: #0AB0C5; font-size: 50px; background-color: #ffffff; vertical-align: center; padding: 60px; line-height: 15px;}
.info-contactenos{color: #0AB0C5; display: inline-block; text-align: center; vertical-align: center; font-size: 35px; font-family: "Calibri"; font-weight: bold;}
.info-contactenos2{color: #808080; display: inline-block; text-align: center; vertical-align: center; font-size: 23px; font-family: "Calibri";}

.area-formulario{width: 100%; height: 697px; display: inline-block; background: url(../image/fondo-form.jpg) top fixed ; text-align: center;}
.area-formulario-fondo{width: 1135px; height: 697px; display: inline-block; vertical-align: left; text-align: left; padding-top: 71px; padding-bottom: 71px;}


.descripcion-area-formulario{width: 693px; height: 554px; background-color: #F7FAFB; display: inline-block; font-family: "Calibri"; color: white; font-size: 17px; line-height: 32px; text-align: center;}
.parrafo{opacity: 1.0; padding: 4px; line-height: 10px; font-family: "Calibri"; font-size: 17px; background-color: white; text-align: center;}
.title-form{line-height: 32px; color:#808080;}

.pie{width: 100%; height: 378px; display: inline-block; background: #0095A3; border-bottom: 2px solid #FFFFFf; font-family: "Calibri";}
.info-pie{width: 1135px; height: 378px; display: inline-block; font-family: "Calibri"; color: #ffffff; font-size: 20px; padding: 80px; line-height: 27px;}
.creditos{width: 100%; height: 113px; background: #0095A3;}
.info-creditos{width: 1135px; display: inline-block; font-family: arial; color: white; font-size: 16px; vertical-align: top;color: white; padding-top: 50px;}

.info-slider{width: 1135px; height: 607px; display: inline-block; font-family: "Calibri"; color: white; text-align: left; vertical-align: left; padding-top: 230px; padding-left: 50px; }
.titulo-slider{text-align: left; font-size: 79px; color: white; font-family: "Calibri"; font-weight: bold; text-shadow: 1px 1px 1px #808080;}
.sub-slide{text-align: left; font-size: 45px; color: #09A9B9; font-family: "Calibri"; line-height: 25px; padding-left: 80px;}
.sub-slide2{text-align: left; font-size: 45px; color: white; font-family: "Calibri"; text-shadow: 1px 1px 1px #808080; line-height: 25px; padding-left: 205px;}

.boton-slider{width: 215px; text-align: right; height: 70px; margin-left: 50px; font-family: "Calibri"; font-size: 17px; background-color: #09A9B9; color: #ffffff; padding: 19px 20px 19px 20px; cursor:pointer;  border: 2px solid #FFFFFf; line-height: 150px; text-shadow: 0px 0px 0px #808080;}
.boton-slider:hover{background-color: #ffffff; color: #09A9B9; transition:all 0.3s linear; padding: 19px 20px 19px 20px; cursor:pointer;  border: 2px solid #09A9B9; line-height: 150px; text-shadow: 0px 0px 0px #808080;}

.boton-slider2{width: 215px; text-align: right; height: 70px; margin-left: 12px; font-family: "Calibri"; font-size: 17px; background-color: #006A93; color: #ffffff; padding: 19px 22px 19px 22px; cursor:pointer;  border: 2px solid #FFFFFf; line-height: 150px; text-shadow: 0px 0px 0px #808080;}
.boton-slider2:hover{background-color: #ffffff; color:  #006A93; transition:all 0.3s linear; padding: 19px 22px 19px 22px; cursor:pointer;  border: 2px solid  #006A93; line-height: 150px; text-shadow: 0px 0px 0px #808080;}

.boton-slider3{width: 215px; text-align: right; height: 70px; margin-left: 10px; font-family: "Calibri"; font-size: 17px; background-color: #09A9B9; color: #ffffff; padding: 19px 22px 19px 22px; cursor:pointer;  border: 2px solid #FFFFFf; line-height: 80px; text-shadow: 0px 0px 0px #808080;}
.boton-slider3:hover{background-color: #006A93; color: #ffffff; transition:all 0.3s linear; padding: 19px 22px 19px 22px; cursor:pointer; line-height: 80px; text-shadow: 0px 0px 0px #808080;}






.boton-formulario{margin: 0 auto; width: 100px; height: 35px; font-family: arial; font-size: 15px; background-color: #09A9B9; color: #ffffff; padding: 2px; cursor:pointer;}
.boton-formulario:hover{width: 100px; height: 35px; color: white; padding: 2px; transition:all 0.3s linear; background-color:  #006A93;}
.texto-boton{font-family: "Calibri"; line-height: 20px; padding: 42px; font-size: 17px; }



.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: #09A9B9;
    color: #FFF;
    text-transform: uppercase;
}

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

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

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