@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
.os-animation1{opacity:0;}
.os-animation1{opacity:1;}

html {
	scroll-behavior: smooth;
	scroll-padding: 0;
}

html,body{width:100%;height:100%;}
*{
font-family:sans-serif;
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}
iframe{display:block;border:none;}


*:focus {
    outline: none;
}

#falso{ width:100%; height:145px; background-color:#ffffff; }
#header{ width:100%; height:145px; background-color:#ffffff; position:absolute; top:0; left:0; z-index:999;}
#linea{ width:100%; height:7px; background-color:rgb(6,137,122) !important; position:absolute; top:145px; left:0; z-index:999;}
#line{ width:100%; height:7px; background-color:rgb(6,137,122) !important; z-index:999;}

#slide1{text-align:center;width:100%; height:100%;min-height:900px; z-index:1;}
#slidesomos{text-align:center;width:100%; height:700px; z-index:1;}


#slidetodas{text-align:center;width:100%; height:550px; z-index:1;}

#home{text-align:center;width:100%; min-height:700px; height:100%;background: url(../imagenes/home.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;} 


#lascasetas{text-align:center;width:100%;background: url(../servis/fondo.jpg) repeat-x top center ; } 

#seccionesnew{text-align:center;width:100%;background: url(../servis/fondoba.jpg) repeat-x top center ; } 

.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden; text-transform:uppercase;font-family: 'Poppins', sans-serif; font-size:13px; color:#000000; line-height:50px;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(6,137,122) !important;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before, .hvr-underline-reveal.activo:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff; opacity:.8;
   /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffffff; opacity:.8;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ffffff; opacity:.8;
}


.forma{text-align:center;HEIGHT:50px;width:100%;border:0; font-size:14PX;color:#ffffff;font-weight:400; background-color: transparent; text-align-last: center;font-family: 'Exo 2', sans-serif;}

.boton1{text-align:center;HEIGHT:50px;width:100%; max-width:130px;border:0; font-size:15PX;color:#000235;font-weight:600; background-color:#ffffff; border-radius: 53px 53px 53px 53px;-moz-border-radius: 53px 53px 53px 53px;-webkit-border-radius: 53px 53px 53px 53px; cursor:pointer;font-family: 'Exo 2', sans-serif;}

.new{color:#ffffff;font-size:13px; font-weight:400;font-family: 'Poppins', sans-serif; text-decoration:none;}

.telo1{color:#002626;font-size:23px; font-weight:700;font-family: 'Poppins', sans-serif; text-decoration:none;}
.telo2{color:#ffffff;font-size:23px; font-weight:700;font-family: 'Poppins', sans-serif; text-decoration:none;}

.texto1{color:#112a2a;font-size:45px;line-height:120%; font-weight:700;font-family: 'Montserrat', sans-serif; text-transform:uppercase;}
.texto2{color:#002626;font-size:13px; font-weight:400;font-family: 'Poppins', sans-serif; text-decoration:none;}
.texto3{color:#ffffff;font-size:33px;line-height:120%; font-weight:400;font-family: 'Montserrat', sans-serif; }
.texto4{color:#fbb215;font-size:33px;line-height:120%; font-weight:700;font-family: 'Montserrat', sans-serif; }
.texto5{color:#112a2a;font-size:35px;line-height:120%; font-weight:700;font-family: 'Montserrat', sans-serif; text-transform:uppercase;}
.texto6{color:#898989;font-size:18px;line-height:170%; font-weight:400;font-family: 'Montserrat', sans-serif; }.texto6a{color:#112a2a;font-size:18px;line-height:170%; font-weight:700;font-family: 'Montserrat', sans-serif; }
.texto7{color:rgb(6,137,122) !important;font-size:18px;line-height:170%; font-weight:700;font-family: 'Montserrat', sans-serif; }
.texto7a{color:#fbb215;font-size:18px;line-height:170%; font-weight:700;font-family: 'Montserrat', sans-serif; }
.texto8{color:#ffffff;font-size:18px;line-height:170%; font-weight:400;font-family: 'Montserrat', sans-serif; }.texto8a{color:#ffffff;font-size:18px;line-height:170%; font-weight:700;font-family: 'Montserrat', sans-serif; }
.texto9{color:rgb(6,137,122) !important;font-size:35px;line-height:120%; font-weight:700;font-family: 'Montserrat', sans-serif; text-transform:uppercase;}
.texto10{color:#fbb215;font-size:18px;line-height:140%; font-weight:700;font-family: 'Montserrat', sans-serif; }
.texto11{color:#ffffff;font-size:33px;line-height:140%; font-weight:400;font-family: 'Montserrat', sans-serif; }
.texto12{color:#ffffff;font-size:15px;line-height:140%; font-weight:400;font-family: 'Montserrat', sans-serif; text-decoration:underline;}
.texto13{color:#ffffff;font-size:14px;line-height:140%; font-weight:700;font-family: 'Montserrat', sans-serif; }
.texto14{color:#000000;font-size:14px;line-height:140%; font-weight:400;font-family: 'Montserrat', sans-serif; }
.texto15{color:#ffffff;font-size:14px; font-weight:400;font-family: 'Poppins', sans-serif; }
.texto16{color:#000000;font-size:14px; font-weight:400;font-family: 'Poppins', sans-serif; }
.texto17{color:#ffffff;font-size:20px;line-height:120%; font-weight:600;font-family: 'Montserrat', sans-serif; text-transform:uppercase;}
.texto18{color:#112a2a;font-size:35px;line-height:120%; font-weight:700;font-family: 'Montserrat', sans-serif; text-transform:uppercase;}
.texto19{color:#ffffff;font-size:28px;line-height:150%; font-weight:700;font-family: 'Montserrat', sans-serif; }
.texto20{color:#ffffff;font-size:28px;line-height:150%; font-weight:400;font-family: 'Montserrat', sans-serif; }
.texto21{color:#ffffff;font-size:18px;line-height:140%; font-weight:700;font-family: 'Montserrat', sans-serif; }
.texto22{color:#ffffff;font-size:16px;line-height:140%; font-weight:700;font-family: 'Montserrat', sans-serif; }
.texto23{color:#ffffff;font-size:10px; font-weight:500;font-family: 'Poppins', sans-serif; }
.texto24{color:rgb(6,137,122) !important;font-size:18px;line-height:120%; font-weight:700;font-family: 'Montserrat', sans-serif; text-transform:uppercase;  }
.texto25{color:#112a2a;font-size:18px;line-height:120%; font-weight:700;font-family: 'Montserrat', sans-serif; text-transform:uppercase; }


.texto26{color:#ffffff;font-size:20px;line-height:120%; font-weight:700;font-family: 'Montserrat', sans-serif; text-transform:uppercase; }
.texto27{color:#ffffff;font-size:19px; font-weight:400;font-family: 'Poppins', sans-serif; }
.texto28{color:#fbb215;font-size:18px; font-weight:700;font-family: 'Montserrat', sans-serif; line-height:51px;}

.texto28{color:#fbb215;font-size:23px; font-weight:700;font-family: 'Montserrat', sans-serif;line-height:120%; text-transform:uppercase; }
.texto28a{color:#fbb215;font-size:14px; font-weight:700;font-family: 'Montserrat', sans-serif;line-height:120%; text-transform:uppercase; }
.texto29{color:#ffffff;font-size:23px; font-weight:700;font-family: 'Montserrat', sans-serif;line-height:120%; text-transform:uppercase; }
.texto30{color:#ffffff;font-size:13px; font-weight:400;font-family: 'Montserrat', sans-serif;line-height:180%; }
.texto31{color:#22a573;font-size:13px; font-weight:700;font-family: 'Montserrat', sans-serif;line-height:180%; }

.texto32{color:#112a2a;font-size:14px; font-weight:400;font-family: 'Poppins', sans-serif; }
.texto33{color:#112a2a;font-size:14px; font-weight:700;font-family: 'Poppins', sans-serif; }

.texto34{color:#112a2a;font-size:28px;line-height:150%; font-weight:700;font-family: 'Montserrat', sans-serif; }
.texto35{color:#112a2a;font-size:16px;line-height:120%; font-weight:600;font-family: 'Montserrat', sans-serif; text-transform:uppercase;  }
.texto36{color:#898989;font-size:12px;line-height:150%; font-weight:400;font-family: 'Montserrat', sans-serif;}

.texto36 a {
	color:#898989;
}

.texto37{color:rgb(6,137,122) !important;font-size:12px;line-height:150%; font-weight:600;font-family: 'Montserrat', sans-serif;}

.texto38{color:#ffffff;font-size:18px;line-height:120%; font-weight:400;font-family: 'Montserrat', sans-serif; }
.texto39{color:#fbb215;font-size:18px;line-height:120%; font-weight:700;font-family: 'Montserrat', sans-serif; }
.texto40{color:rgb(6,137,122) !important;font-size:25px; font-weight:700;font-family: 'Montserrat', sans-serif;line-height:120%; text-transform:uppercase; }
.texto40a{color:rgb(6,137,122) !important;font-size:25px; font-weight:700;font-family: 'Montserrat', sans-serif;line-height:60px; text-transform:uppercase; }
.texto41{color:#ffffff;font-size:15px;line-height:140%; font-weight:400;font-family: 'Montserrat', sans-serif; }
.texto42{color:#ffffff;font-size:23px; font-weight:700;font-family: 'Montserrat', sans-serif;line-height:120%; text-transform:uppercase; }

.texto43{color:#ffffff;font-size:20px;line-height:120%; font-weight:600;font-family: 'Montserrat', sans-serif;   }
.texto43a{color:#ffffff;font-size:19px;line-height:160%; font-weight:400;font-family: 'Montserrat', sans-serif;   }
.texto44{color:#fbb215;font-size:30px;line-height:120%; font-weight:600;font-family: 'Montserrat', sans-serif;   }


.texto45{color:#112a2a;font-size:45px;line-height:120%; font-weight:700;font-family: 'Montserrat', sans-serif; text-transform:uppercase;}
.texto45c{color:#112a2a;font-size:45px;line-height:120%; font-weight:700;font-family: 'Montserrat', sans-serif; text-transform:uppercase;}
.texto46{color:#112a2a;font-size:23px;line-height:140%; font-weight:600;font-family: 'Montserrat', sans-serif;}


.texto47{color:#898989;font-size:15px; font-weight:400;font-family: 'Montserrat', sans-serif;line-height:180%; }
.texto48{color:#22a573;font-size:15px; font-weight:700;font-family: 'Montserrat', sans-serif;line-height:180%; }
.texto49{color:#112a2a;font-size:17px;line-height:180%; font-weight:700;font-family: 'Montserrat', sans-serif; text-transform:uppercase;}

.texto50{color:#112a2a;font-size:13px;line-height:160%; font-weight:700;font-family: 'Montserrat', sans-serif; text-transform:uppercase; text-decoration:none;}


.texto51{color:rgb(6,137,122);font-size:23px;line-height:180%; font-weight:700;font-family: 'Montserrat', sans-serif; text-transform:uppercase;}
.texto52{color:#ffffff;font-size:23px;line-height:180%; font-weight:700;font-family: 'Montserrat', sans-serif; text-transform:uppercase;}

.texto53{color:#112a2a;font-size:18px;line-height:180%; font-weight:400;font-family: 'Montserrat', sans-serif; }
.texto53a{color:#112a2a;font-size:18px;line-height:160%; font-weight:400;font-family: 'Montserrat', sans-serif; }
.texto54{color:#112a2a;font-size:23px;line-height:170%; font-weight:700;font-family: 'Montserrat', sans-serif; }

.texto55{color:#112a2a;font-size:16px;line-height:140%; font-weight:600;font-family: 'Montserrat', sans-serif;}
.texto56{color:#112a2a;font-size:16px;line-height:140%; font-weight:700;font-family: 'Montserrat', sans-serif;}

.texto57{color:#112a2a;font-size:16px;line-height:160%; font-weight:400;font-family: 'Montserrat', sans-serif; }

.guats{color:#ffffff;font-size:14px; font-weight:400;font-family: 'Poppins', sans-serif;writing-mode: vertical-lr;transform: rotate(180deg); line-height: 1.2; text-shadow: 0 0 3px rgba(0,0,0,0.3);}

.enlaces{color:#000000;font-size:13px; text-transform:uppercase; font-weight:400;font-family: 'Poppins', sans-serif; text-decoration:none;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}
.enlaces:hover{color:#ffffff;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}

#arriba, #arriba1, #arriba2, #arriba3 {display:inline-block;vertical-align:top;}
#arriba{width:1200px;vertical-align:middle; text-align:left;}
#arriba1{width:400px;margin-right:-4px; text-align:left; margin-top:15px;}
#arriba2{width:500px;margin-right:-4px; text-align:left; }
#arriba3{width:300px;margin-right:-4px; text-align:left;}

.tabla{ width:450px;}

#whats{ position:fixed; right:0; top:50%; margin-top:-141px; width:61px; height:283px; z-index:9999;}
#whats img{ position:absolute; bottom:10px; right:5px; width:20px; height:20px; z-index:10000;}


#separa{ width:100%; height:152px; background:url(../imagenes/f2.jpg) no-repeat center center ; display:block;}

#elsepa{ width:100%; height:208px; left:0; top:0; position:relative;}
#elsepa1{ width:100%; height:52px; background:url(../imagenes/ple3.png); left:0; top:54px; position:absolute; z-index:1;}
#elsepa2{ width:100%; height:208px; left:0; top:0; position:absolute; z-index:2;}
#elsepa3{ width:100%; height:52px;  left:0; top:54px; position:absolute; z-index:3;}

#sepala{ width:100%; max-width:750px;color:#ffffff;font-size:14px; margin-top:24px; }

#separame, #separame1, #separame2, #separame3 {display:inline-block;vertical-align:top;}
#separame{width:100%;vertical-align:middle; text-align:left;}
#separame1{width:100%;margin-right:0px; text-align:left; background:url(../imagenes/ple2.png) repeat center center ; height:208px;}

#somose{ width:100%; background-color:#002626;}
#todas{ width:100%; background-color:#002626;}
#todasdos{ width:100%; background-color:#ecf1f4;}
#todastres{ width:100%; background-color:#ecf1f5;}

#servicios{ width:100%; background-color:#456260;}

#loservi, #loservi1, #loservi2, #loservi3 , #loservi4 , #loservi5 , #loservi6 , #loservi7, #loservi8 {display:inline-block;vertical-align:top;}
#loservi{width:99.9%;vertical-align:middle; text-align:left; background-color:#456260;}
#loservi1{width:25%;margin-right:-4px; text-align:left; background:url(../servicios/1.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; height:450px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}
#loservi2{width:25%;margin-right:-4px; text-align:left; background:url(../servicios/2.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; height:450px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}
#loservi3{width:25%;margin-right:-4px; text-align:left; background:url(../servicios/3.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; height:450px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}
#loservi4{width:25%;margin-right:-4px; text-align:left; background:url(../servicios/4.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; height:450px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}
#loservi5{width:25%;margin-right:-4px; text-align:left; background:url(../servicios/5.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; height:450px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}
#loservi6{width:25%;margin-right:-4px; text-align:left; background:url(../servicios/6.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; height:450px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}
#loservi7{width:25%;margin-right:-4px; text-align:left; background:url(../servicios/7.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; height:450px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}
#loservi8{width:25%;margin-right:-4px; text-align:left; background:url(../servicios/8.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; height:450px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}

#loservi1:hover{background:url(../servicios/1a.jpg) no-repeat center center ;-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; }
#loservi2:hover{background:url(../servicios/2a.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#loservi3:hover{ background:url(../servicios/3a.jpg) no-repeat center center ;-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; }
#loservi4:hover{background:url(../servicios/4a.jpg) no-repeat center center ;-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; }
#loservi5:hover{background:url(../servicios/5a.jpg) no-repeat center center ;-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#loservi6:hover{background:url(../servicios/6a.jpg) no-repeat center center ;-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; }
#loservi7:hover{ background:url(../servicios/7a.jpg) no-repeat center center ;-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; }
#loservi8:hover{ background:url(../servicios/8a.jpg) no-repeat center center ;-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; }


.elrenren{ width:100%; height:450px;}
#eltecto{ width:250px; text-align:left;}


#nuestroservi, #nuestroservi1, #nuestroservi2, #nuestroservi3 , #nuestroservi4, #nuestroservi0{display:inline-block;vertical-align:top;}
#nuestroservi{width:1200px;vertical-align:middle; text-align:left;}
#nuestroservi1{width:100%;margin-right:0px; text-align:center;}
#nuestroservi2{width:300px;margin-right:-4px; text-align:center; }
#nuestroservi3{width:380px;margin-right:-4px; text-align:left;}
#nuestroservi0{width:100px;margin-right:-4px; text-align:left;}
#nuestroservi4{ display:none;}


#losclientes, #losclientes1, #losclientes2{display:inline-block;vertical-align:top;}
#losclientes{width:1200px;vertical-align:middle; text-align:left;}
#losclientes1{width:100%;margin-right:0px; text-align:center;}
#losclientes2{width:300px;margin-right:-4px; text-align:center; }


#enmo, #enmo1, #enmo2 {display:inline-block;vertical-align:top;}
#enmo{width:100%;vertical-align:middle; text-align:left;}
#enmo1{width:50%;margin-right:-4px; text-align:left;background:url(../imagenes/som1.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; height:550px; }
#enmo2{width:50%;margin-right:-4px; text-align:center; height:550px; background-color:#002726; }

#invi{ width:100%; height:100px;}



#eltextoenme{ width:60%; text-align:left; display:block;}
#eltextoenme2{ width:80%; text-align:left; display:block;}
#eltextoenme3{ width:50%; text-align:left; display:block;}


#separamenew, #separamenew1, #separamenew2, #separamenew3 {display:inline-block;vertical-align:top;}
#separamenew{width:100%;vertical-align:middle; text-align:left; margin-top:-121px;}
#separamenew1{width:100%;margin-right:0px; text-align:left; background:url(../imagenes/ple2.png) repeat center center ; height:208px;}


#brinda, #brinda1, #brinda2, #brinda0 {display:inline-block;vertical-align:top;}
#brinda{width:1200px;vertical-align:middle; text-align:left;}
#brinda1{width:840px;margin-right:-4px; text-align:left; }
#brinda2{width:220px;margin-right:-4px; text-align:left; margin-top:100px; }
#brinda0{width:140px;margin-right:-4px; text-align:left;}

#brindamos{ width:100%; background-color:#002626;}

#pie{ width:100%; background-color:rgb(6,137,122) !important;}

#abajo{ width:100%; background-color:rgb(6,137,122) !important;}

#aba, #aba1, #aba2, #aba3 {display:inline-block;vertical-align:top;}
#aba{width:1200px;vertical-align:middle; text-align:left;}
#aba1{width:500px;margin-right:-4px; text-align:left; }
#aba2{width:350px;margin-right:-4px; text-align:left; margin-top:10px;}
#aba3{width:350px;margin-right:-4px; text-align:right; margin-top:10px;}


#elfoot, #elfoot1, #elfoot2, #elfoot3 {display:inline-block;vertical-align:top;}
#elfoot{width:1200px;vertical-align:middle; text-align:left;}
#elfoot1{width:374px;margin-right:-4px; text-align:left; }
#elfoot2{width:436px;margin-right:-4px; text-align:center; }
#elfoot3{width:390px;margin-right:-4px; text-align:right;}


#somoin, #somoin1, #somoin3, #somoin0{display:inline-block;vertical-align:top;}
#somoin{width:1200px;vertical-align:middle; text-align:left;}
#somoin1{width:550px;margin-right:-4px; text-align:left;}
#somoin3{ display:none;}
#somoin0{width:100px;margin-right:-4px; text-align:center; }


#semos, #semos1, #semos2, #semos3 {display:inline-block;vertical-align:top;}
#semos{width:1200px;vertical-align:middle; text-align:center;}
#semos1{width:240px;margin-right:-4px; text-align:center;}


#lainfosomos{text-align:center;width:100%; height:900px; background: url(../imagenes/somos3.jpg) no-repeat center center fixed ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;} 


#nuevo, #nuevo1, #nuevo2, #nuevo3 {display:inline-block;vertical-align:top;}
#nuevo{width:100%;vertical-align:middle; text-align:left;}
#nuevo1{width:50%;margin-right:-4px; text-align:left; height:450px; background-color:#ffffff; }
#nuevo2{width:50%;margin-right:-4px; text-align:center; height:450px; }
#nuevo3{width:50%;margin-right:-4px; text-align:center; height:450px; background-color:rgb(6,137,122) !important;  }


#ubicaciones, #ubicaciones1, #ubicaciones2, #ubicaciones3, #ubicaciones4, #ubicaciones5 {display:inline-block;vertical-align:top;}
#ubicaciones{width:1200px;vertical-align:middle; text-align:left;}
#ubicaciones1{width:260px;margin-right:-4px; text-align:left; }
#ubicaciones2{width:245px;margin-right:-4px; text-align:left; }
#ubicaciones3{width:270px;margin-right:-4px; text-align:left;}
#ubicaciones4{width:255px;margin-right:-4px; text-align:left;}
#ubicaciones5{width:170px;margin-right:-4px; text-align:left;}


.forma2{text-align:center;HEIGHT:50px;width:85%;border:1px solid #2c5e5e; font-size:14PX;color:#ffffff;font-weight:400; background-color: transparent; text-align: left; padding-left:5%;font-family: 'Montserrat', sans-serif;}

.forma3{text-align:center;HEIGHT:50px;width:90%;border:1px solid #2c5e5e; font-size:14PX;color:#ffffff;font-weight:400; background-color:#002626; text-align: left; padding-left:5%;font-family: 'Montserrat', sans-serif;}

.boton2{text-align:center;HEIGHT:50px;width:90%; border:0; font-size:15PX;color:#ffffff;font-weight:600; background-color:rgb(6,137,122) !important;font-family: 'Montserrat', sans-serif;}

#sucursales, #sucursales1, #sucursales2, #sucursales3 , #sucursales4{display:inline-block;vertical-align:top;}
#sucursales{width:1200px;vertical-align:middle; text-align:left;}
#sucursales1{width:100%;margin-right:0px; text-align:center;}
#sucursales2{width:360px;margin-right:-4px; text-align:left; }
#sucursales3{width:60px;margin-right:-4px; text-align:left;}
#sucursales4{width:60px;margin-right:-4px; text-align:left;}


#contacto, #contacto1, #contacto2, #contacto3{display:inline-block;vertical-align:top;}
#contacto{width:1200px;vertical-align:middle; text-align:left;}
#contacto1{width:100%;margin-right:0px; text-align:center;}
#contacto2{width:550px;margin-right:-4px; text-align:left; }
#contacto3{width:100px;margin-right:-4px; text-align:left;}


#proyes, #proyes1, #proyes2 {display:inline-block;vertical-align:top;}
#proyes{width:100%;vertical-align:middle; text-align:left; }
#proyes1{width:33%; height:525px;margin-right:-5px; text-align:center; }
#proyes2{width:34%; height:525px;margin-right:-5px; text-align:center; }




#lospo1{width:100%;margin-right:-4px; text-align:left; background:url(../imagenes/p1.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; height:450px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}
#lospo2{width:100%;margin-right:-4px; text-align:left; background:url(../imagenes/p2.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; height:450px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}
#lospo3{width:100%;margin-right:-4px; text-align:left; background:url(../imagenes/p3.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; height:450px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}
#lospo4{width:100%;margin-right:-4px; text-align:left; background:url(../imagenes/p4.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; height:450px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}
#lospo5{width:100%;margin-right:-4px; text-align:left; background:url(../imagenes/p5.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; height:450px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}
#lospo6{width:100%;margin-right:-4px; text-align:left; background:url(../imagenes/p6.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; height:450px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}


#lospro, #lospro1, #lospro2, #lospro3{display:inline-block;vertical-align:top;}
#lospro{width:1200px;vertical-align:middle; text-align:left;}
#lospro1{width:300px;margin-right:-4px; text-align:left;}
#lospro2{width:150px;margin-right:-4px; text-align:center; }

#banos, #banos1, #banos2, #banos3{display:inline-block;vertical-align:top;}
#banos{width:1200px;vertical-align:middle; text-align:left;}
#banos1{width:330px;margin-right:-4px; text-align:center;}
#banos2{width:105px;margin-right:-4px; text-align:center; }
#banos3{width:105px;margin-right:-4px; text-align:right; }

#invisible{ width:100%; height:107px;}


#enmo, #enmo1, #enmo2 {display:inline-block;vertical-align:top;}
#enmo{width:100%;vertical-align:middle; text-align:left;}
#enmo1{width:50%;margin-right:-4px; text-align:left; height:550px; }
#enmo2{width:50%;margin-right:-4px; text-align:center; height:550px; background-color:#002726; }

#invi2{ width:100%; height:150px;}




.lima{-webkit-filter:contrast(100%);}
.lima:hover{-webkit-filter:contrast(200%);}

.lima2{-webkit-filter:contrast(200%);}

#enmonuevo, #enmonuevo1, #enmonuevo2 {display:inline-block;vertical-align:top;}
#enmonuevo{width:100%;vertical-align:middle; text-align:left;}
#enmonuevo1{width:50%;margin-right:-4px; text-align:left; height:550px; background-color:#002726;}
#enmonuevo2{width:50%;margin-right:-4px; text-align:center; height:550px; background-color:#002726; }

#destape, #destape1, #destape2, #destape3{display:inline-block;vertical-align:top;}
#destape{width:1200px;vertical-align:middle; text-align:left;}
#destape1{width:650px;margin-right:-4px; text-align:center;}
#destape2{width:500px;margin-right:-4px; text-align:left; }
#destape3{width:50px;margin-right:-4px; text-align:left; }


#enmos, #enmos1, #enmos2 {display:inline-block;vertical-align:top;}
#enmos{width:100%;vertical-align:middle; text-align:left;}
#enmos1{width:50%;margin-right:-4px; height:450px; }
#enmos2{width:50%;margin-right:-4px; text-align:center; height:450px; background-color:#002726; }


#casetas, #casetas1, #casetas2 {display:inline-block;vertical-align:top;}
#casetas{width:1200px;vertical-align:middle; text-align:left;}
#casetas1{width:400px;margin-right:-4px;  }
#casetas2{width:50%;margin-right:-4px; text-align:center; }

.tabloide{ width:350px;}

#invi3{ width:100%; height:120px;}


@media screen and (max-width:1350px){
	#loservi1{width:50%;margin-right:-4px; text-align:left; }
#loservi2{width:50%;margin-right:-4px; text-align:left; }
#loservi3{width:50%;margin-right:-4px; text-align:left; }
#loservi4{width:50%;margin-right:-4px; text-align:left; }
#loservi5{width:50%;margin-right:-4px; text-align:left;}
#loservi6{width:50%;margin-right:-4px; text-align:left; }
#loservi7{width:50%;margin-right:-4px; text-align:left;}
#loservi8{width:50%;margin-right:-4px; text-align:left;}

}

@media screen and (max-width:1220px){
#lascasetas{text-align:center;width:100%;background: url(../servis/fondo2.jpg) repeat-x top center ; } 
#casetas{width:800px;vertical-align:middle; text-align:left;}
#casetas1{width:400px;margin-right:-4px;  }

#destape{width:1000px;vertical-align:middle; text-align:left;}
#destape1{width:550px;margin-right:-4px; text-align:center;}
#destape2{width:400px;margin-right:-4px; text-align:left; }
#destape3{width:50px;margin-right:-4px; text-align:left; }

#submen{width:900px;vertical-align:middle; text-align:left; }
#submen1{width:150px; height:180px;}
#submen1a{width:150px; height:180px;}
#submen2{ display:none;}

#banos{width:1000px;vertical-align:middle; text-align:left;}
#banos1{width:280px;margin-right:-4px; text-align:center;}
#banos2{width:80px;margin-right:-4px; text-align:center; }
#banos3{width:80px;margin-right:-4px; text-align:right; }

#invisible{ width:100%; height:100px;}

#lospro{width:1000px;vertical-align:middle; text-align:left;}
#lospro1{width:300px;margin-right:-4px; text-align:left;}
#lospro2{width:50px;margin-right:-4px; text-align:center; }

#proyes1{width:50%; height:525px;margin-right:-5px; text-align:center; }
#proyes2{width:50%; height:525px;margin-right:-5px; text-align:center; }


#contacto{width:950px;vertical-align:middle; text-align:left;}
#contacto1{width:100%;margin-right:0px; text-align:center;}
#contacto2{width:450px;margin-right:-4px; text-align:left; }
#contacto3{width:50px;margin-right:-4px; text-align:left;}

#sucursales{width:990px;vertical-align:middle; text-align:left;}
#sucursales1{width:100%;margin-right:0px; text-align:center;}
#sucursales2{width:330px;margin-right:-4px; text-align:left; }
#sucursales3{ display:none;}
#sucursales4{display:none;}

#arriba{width:1000px;vertical-align:middle; text-align:left;}
#arriba1{width:339px;margin-right:-4px; text-align:left; margin-top:15px;}
#arriba2{width:400px;margin-right:-4px; text-align:left; }
#arriba3{width:221px;margin-right:-4px; text-align:left;}	

.tabla{ width:390px;}


.hvr-underline-reveal {
font-size:12px; 
}

#nuestroservi{width:900px;vertical-align:middle; text-align:left;}
#nuestroservi1{width:100%;margin-right:0px; text-align:center;}
#nuestroservi2{width:300px;margin-right:-4px; text-align:center; }
#nuestroservi3{width:380px;margin-right:-4px; text-align:left;}
#nuestroservi0{width:100px;margin-right:-4px; text-align:left;}

#losclientes{width:90%;vertical-align:middle; text-align:left;}
#losclientes1{width:100%;margin-right:0px; text-align:center;}
#losclientes2{width:50%;margin-right:-4px; text-align:center; }

#brinda{width:1000px;vertical-align:middle; text-align:left;}
#brinda1{width:680px;margin-right:-4px; text-align:left; }
#brinda2{width:220px;margin-right:-4px; text-align:left; margin-top:150px; }
#brinda0{width:100px;margin-right:-4px; text-align:left;}

#aba{width:1000px;vertical-align:middle; text-align:left;}
#aba1{width:400px;margin-right:-4px; text-align:left; }
#aba2{width:350px;margin-right:-4px; text-align:left; margin-top:10px;}
#aba3{width:250px;margin-right:-4px; text-align:left; margin-top:10px;}

#elfoot{width:1000px;vertical-align:middle; text-align:left;}
#elfoot1{width:300px;margin-right:-4px; text-align:left; }
#elfoot2{width:436px;margin-right:-4px; text-align:center; }
#elfoot3{width:264px;margin-right:-4px; text-align:right;}

#somoin{width:1000px;vertical-align:middle; text-align:left;}
#somoin1{display:none;}
#somoin3{width:100%;margin-right:0px; text-align:left; display:inline-block;}
#somoin0{display:none;}

#semos{width:720px;vertical-align:middle; text-align:center;}
#semos1{width:240px;margin-right:-4px; text-align:center;}

#ubicaciones{width:1000px;vertical-align:middle; text-align:left;}
#ubicaciones1{width:200px;margin-right:-4px; text-align:left; }
#ubicaciones2{width:195px;margin-right:-4px; text-align:left; }
#ubicaciones3{width:220px;margin-right:-4px; text-align:left;}
#ubicaciones4{width:215px;margin-right:-4px; text-align:left;}
#ubicaciones5{width:170px;margin-right:-4px; text-align:left;}

}
@media screen and (max-width:1210px){
#sepala{ width:50%; max-width:600px;color:#ffffff;font-size:14px; margin-top:17px; }	
}
@media screen and (max-width:1074px){
#sepala{ width:50%; max-width:400px;color:#ffffff;font-size:14px; margin-top:17px; }	

}


@media screen and (max-width:1100px){

#eltextoenme2{ width:80%; text-align:left; display:block;}
#eltextoenme3{ width:80%; text-align:left; display:block;}

#lainfosomos{height:1200px; } 

#nuevo1{width:100%;margin-right:-4px; text-align:left; height:400px; background-color:#ffffff; }
#nuevo2{width:100%;margin-right:-4px; text-align:center; height:200px; }
#nuevo3{width:100%;margin-right:-4px; text-align:center; height:400px; background-color:rgb(6,137,122) !important;  }
}


@media screen and (max-width:1050px){

#aba{width:80%;vertical-align:middle; text-align:left;}
#aba1{width:100%;margin-right:0px; text-align:center; }
#aba2{width:100%;margin-right:0px; text-align:center; margin-top:10px;}
#aba3{width:100%;margin-right:0px; text-align:center; margin-top:10px;}

}

@media screen and (max-width:1020px){

#destape{width:90%;vertical-align:middle; text-align:center;}
#destape1{width:100%;margin-right:0px; text-align:center;}
#destape2{width:100%;margin-right:0px; text-align:center; }
#destape3{ display:none;}

#banos{width:740px;vertical-align:middle; text-align:center;}
#banos1{width:330px;margin-right:-4px; text-align:center;}
#banos2{width:80px;margin-right:-4px; text-align:center; }
#banos3{ display:none;}

#seccionesnew{text-align:center;width:100%;background: url(../servis/fondo2.jpg) repeat-x top center ; } 

#invisible{ width:100%; height:60px;}

#lospro{width:90%;vertical-align:middle; text-align:center;}
#lospro1{width:100%;margin-right:0px; text-align:center;}
#lospro2{ display:none;}

#sucursales{width:700px;vertical-align:middle; text-align:left;}
#sucursales1{width:100%;margin-right:0px; text-align:center;}
#sucursales2{width:350px;margin-right:-4px; text-align:left; }

#slide1{text-align:center;width:100%; height:100%;min-height:1200px; z-index:1;}

#brinda{width:80%;vertical-align:middle; text-align:left;}
#brinda1{width:100%;margin-right:0px; text-align:center; }
#brinda2{width:100%;margin-right:0px; text-align:center; margin-top:0px; }
#brinda0{ display:none;}

#elfoot{width:90%;vertical-align:middle; text-align:center;}
#elfoot1{width:100%;margin-right:0px; text-align:center; }
#elfoot2{width:436px;margin-right:0px; text-align:center; }
#elfoot3{width:100%;margin-right:-4px; text-align:center;}

#somoin{width:80%;vertical-align:middle; text-align:left;}
#somoin3{width:100%;margin-right:0px; text-align:center; display:inline-block;}

#ubicaciones{width:90%;vertical-align:middle; text-align:center;}
#ubicaciones1{width:33%;margin-right:-4px; text-align:center; }
#ubicaciones2{width:33%;margin-right:-4px; text-align:center; }
#ubicaciones3{width:33%;margin-right:-4px; text-align:center;}
#ubicaciones4{width:33%;margin-right:-4px; text-align:center;}
#ubicaciones5{width:33%;margin-right:-4px; text-align:center;}

}

@media screen and (max-width:965px){
	#contacto{width:90%;vertical-align:middle; text-align:center;}
#contacto1{width:100%;margin-right:0px; text-align:center;}
#contacto2{width:100%;margin-right:-4px; text-align:left; }
#contacto3{ display:none;}
}


@media screen and (max-width:954px){
#elsepa1{ display:none;}
#elsepa3{ display:none;}	
}


@media screen and (max-width:980px){
#enmo1{width:100%;margin-right:0px;  height:400px; }
#enmo2{width:100%;margin-right:0px; text-align:center; height:520px; background-color:#002726; }

#enmos1{width:100%;margin-right:0px; height:450px; }
#enmos2{width:100%;margin-right:0px; text-align:center; height:380px; background-color:#002726; }


#enmonuevo1{width:100%;margin-right:0px; text-align:left; height:550px; background-color:#002726;}
#enmonuevo2{width:100%;margin-right:0px; text-align:center; height:550px; background-color:#002726; }

#invi{ width:100%; height:50px;}

#eltextoenme{ width:90%; text-align:center; display:block;}
}


@media screen and (max-width:920px){
#submen{width:450px;vertical-align:middle; text-align:left; }
#submen1{width:150px; height:180px;}

#nuestroservi{width:600px;vertical-align:middle; text-align:left;}
#nuestroservi1{width:100%;margin-right:0px; text-align:center;}
#nuestroservi2{width:300px;margin-right:-4px; text-align:center; }
#nuestroservi3{width:380px;margin-right:-4px; text-align:left;}
#nuestroservi0{width:100px;margin-right:-4px; text-align:left;}

.texto45c{font-size:38px;}

}

@media screen and (max-width:820px){
#casetas{width:400px;vertical-align:middle; text-align:center;}
#casetas1{width:400px;margin-right:0px;  }

#invi3{ width:100%; height:50px;}
}


@media screen and (max-width:760px){
#banos{width:350px;vertical-align:middle; text-align:center;}
#banos1{width:350px;margin-right:0px; text-align:center;}
#banos2{display:none; }
#banos3{ display:none;}

#invisible{ width:100%; height:40px;}

}

@media screen and (max-width:720px){

#proyes1{width:100%; height:525px;margin-right:0px; text-align:center; }
#proyes2{width:100%; height:525px;margin-right:0px; text-align:center; }

#sucursales{width:350px;vertical-align:middle; text-align:left;}
#sucursales1{width:100%;margin-right:0px; text-align:center;}
#sucursales2{width:350px;margin-right:0px; text-align:left; }

	#loservi1{width:100%;margin-right:0px; text-align:left; }
#loservi2{width:100%;margin-right:0px; text-align:left; }
#loservi3{width:100%;margin-right:0px; text-align:left; }
#loservi4{width:100%;margin-right:0px; text-align:left; }
#loservi5{width:100%;margin-right:0px; text-align:left;}
#loservi6{width:100%;margin-right:0px; text-align:left; }
#loservi7{width:100%;margin-right:0px; text-align:left;}
#loservi8{width:100%;margin-right:0px; text-align:left;}

#losclientes{width:90%;vertical-align:middle; text-align:center;}
#losclientes1{width:100%;margin-right:0px; text-align:center;}
#losclientes2{width:100%;margin-right:0px; text-align:center; }

#enmo2{height:550px; }

#eltextoenme2{ width:80%; text-align:left; display:block;}
#eltextoenme3{ width:80%; text-align:left; display:block;}

#lainfosomos{height:1300px; } 

#nuevo1{width:100%;margin-right:-4px; text-align:left; height:450px; background-color:#ffffff; }
#nuevo2{width:100%;margin-right:-4px; text-align:center; height:200px; }
#nuevo3{width:100%;margin-right:-4px; text-align:center; height:450px; background-color:rgb(6,137,122) !important;  }

#ubicaciones1{width:50%;margin-right:-4px; text-align:center; }
#ubicaciones2{width:50%;margin-right:-4px; text-align:center; }
#ubicaciones3{width:50%;margin-right:-4px; text-align:center;}
#ubicaciones4{width:50%;margin-right:-4px; text-align:center;}
#ubicaciones5{width:50%;margin-right:-4px; text-align:center;}

}

@media screen and (max-width:740px){
#semos{width:480px;vertical-align:middle; text-align:center;}
#semos1{width:240px;margin-right:-4px; text-align:center;}
}


@media screen and (max-width:620px){
#nuestroservi{width:90%;vertical-align:middle; text-align:center;}
#nuestroservi1{width:100%;margin-right:0px; text-align:center;}
#nuestroservi2{width:300px;margin-right:-4px; text-align:center; }
#nuestroservi3{width:380px;margin-right:-4px; text-align:left;}
#nuestroservi0{width:100px;margin-right:-4px; text-align:left;}
}

@media screen and (max-width:520px){
#banos{width:250px;vertical-align:middle; text-align:center;}
#banos1{width:250px;margin-right:0px; text-align:center;}
#banos2{width:250px;margin-right:0px; text-align:center; }
#banos3{width:250px;margin-right:0px; text-align:center; }

}

@media screen and (max-width:500px){
#semos{width:240px;vertical-align:middle; text-align:center;}
#semos1{width:240px;margin-right:0px; text-align:center;}

}

#menumovil{ display:none;}
.button_container {
  position: absolute;
  top: 0px;;
  right: 0px;
  height: 0px;
  width: 35px;
  cursor: pointer;
  z-index: 9999;
  -webkit-transition: opacity .25s ease;
  -moz-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
  -moz-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #FFF;
}
.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #FFF;
}
.button_container span {
  background: rgb(6,137,122) !important;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;z-index: 9999;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background-color:rgb(6,137,122) !important;
    top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 1;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  -moz-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}
.overlay.open {
  opacity: .9;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
  -moz-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
  -moz-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
  -moz-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
  -moz-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 50%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
          transform: translateY(-35%);
  
  font-weight: 900;
  text-align: right;
  margin-right:52px;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  min-height: 40px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #FFFfff;
  text-decoration: none;
  overflow: hidden;
  font-size: 40px;
  opacity:0.7;  line-height:120%;font-family: 'Poppins', sans-serif; text-transform:uppercase;transition:all .8s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;
}
.overlay ul li a:hover,
a:after,
.overlay ul li a:focus:after,
.overlay ul li a:active:after,
.overlay ul li a.activo {
  width: 100%;font-size: 40px;
  opacity:1;-webkit-transition: .25s;
  transition: .25s; text-decoration:underline;
}
.overlay ul li a:after {
  font-size: 55px;
  opacity:.9;-webkit-transition: .25s;
  transition: .25s;
  
}

#bandera{ display:none;}

@media screen and (max-width:1020px){
#arriba{width:90%;vertical-align:middle; text-align:left;}
#arriba1{width:300px;margin-right:0px; text-align:left; margin-top:15px;}
#arriba2{ display:none; }
#arriba3{display:none; }
	
#menumovil{ z-index:9999;position: absolute;top:60px;
  right: 30px;
  height: 27px;
  width: 35px; display:block;}
}

.ball{-moz-animation:spin 1.5s infinite linear;-webkit-animation:spin 1.5s infinite linear;-0-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear;}
@-moz-keyframes spin{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(6px);}
}
@-webkit-keyframes spin{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateY(6px);}
}
@-o-keyframes spin{0%{opacity:1;}
100%{opacity:1;-0-transform:translateY(6px);}
}
@-moz-keyframes spin{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(6px);}
}


.ball2{-moz-animation:spin2 1.5s infinite linear;-webkit-animation:spin2 1.5s infinite linear;-0-animation:spin2 1.5s infinite linear;animation:spin2 1.5s infinite linear;}
@-moz-keyframes spin2{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(-6px);}
}
@-webkit-keyframes spin2{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateY(-6px);}
}
@-o-keyframes spin2{0%{opacity:1;}
100%{opacity:1;-0-transform:translateY(-6px);}
}
@-moz-keyframes spin2{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(-6px);}
}

.ball2a{-moz-animation:spin3 1.5s infinite linear;-webkit-animation:spin3 1.5s infinite linear;-0-animation:spin3 1.5s infinite linear;animation:spin3 1.5s infinite linear;}
@-moz-keyframes spin3{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateX(-6px);}
}
@-webkit-keyframes spin3{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateX(-6px);}
}
@-o-keyframes spin3{0%{opacity:1;}
100%{opacity:1;-0-transform:translateX(-6px);}
}
@-moz-keyframes spin3{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateX(-6px);}
}

#owl {
	position: relative;
	overflow: hidden;
}
.owl-carousel {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: 0 auto;
	position:relative;
	display:block;
	overflow: hidden;
	z-index: 3;
	cursor: grab;
}
.owl-carousel:active {
	cursor: grabbing;
}
.owl-carousel div {
	float:left;
}

.owl-carousel .item {
	position: relative;
}
.owl-carousel .item img {
	width: calc(100% - 36px);
	margin: 0 18px;
}

.owl-nav {
	display: none;
}

.owl-dots {
	width: 100%;
	text-align: center;
	position: relative;
	padding:42px 0 30px;
	z-index: 9;
}
.owl-dots .owl-dot {
	width: 18px;
	height:18px;
	border: none;
	background: #002726;
	position: relative;
	margin: 0 12px 0 0;
	border-radius: 50%;
	cursor: pointer;
}
.owl-dots .owl-dot:last-child {
	margin: 0;
}
.owl-dots .owl-dot:last-child {
	margin: 0;
}
.owl-dots .owl-dot.active, 
.owl-dots .owl-dot:hover {
	background: rgb(6,137,122) !important;;
}

#catalogo {
	width: calc(100% - 30px);
	max-width: 1200px;
	margin: 42px auto 75px;
	position: relative;
}
.menuCatalogo {
	width: 100%;
	display: flex;
	position: -webkit-sticky;
    position: sticky;
	top: 0;
	z-index: 9;
}
.menuCatalogo::after {
	content: '';
	width: 100vw;
	height:3px;
	background: rgb(6,137,122) !important;
	position: absolute;
	left: 50%;
	bottom:0;
	transform: translate(-50%,2px);
	z-index: 1;
}
.menuCatalogo > a {
	width: 100%;
}
.menuCatalogo button {
	width: 100%;
	font-size: 18px;
	padding:18px;
	text-align: center;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	color: black;
	background: #ecf1f5;
}
.menuCatalogo button.active,
.menuCatalogo button:hover {
	color: white;
	background: rgb(6,137,122);
}

.submenuCatalogo {
	width: 100%;
	display: flex;
	position: -webkit-sticky;
    position: sticky;
	top: 54px;
	padding:15px 0 0;
	background: white;
	z-index: 6;
}
.submenuCatalogo > div {
	width: 12.5%;
	color: #a4a5a5;
	background: #f6f9fa;
	border: solid #a4a5a5;
	border-width: 1px 1px 1px 0;
	padding:12px;
}
.submenuCatalogo > div:first-child {
	width: 25%;
	border: solid 1px #a4a5a5;
}
.submenuCatalogo > div h4 {
	font-size: 0.9em;
	font-weight: 600;
	text-align: center;
}

.caja {
	width: 100%;
	position: relative;
	display: flex;
	border-bottom: solid 1px #a4a5a5;
	z-index: 0;
}
.caja:nth-child(2n) {
	background: #f6f9fa;
}
.caja.active {
	color: white;
	background: #002626;
}
.caja > div {
	width: 12.5%;
	min-height: 180px;
	border: solid #a4a5a5;
	border-width: 0 1px 0 0;
	padding:12px;
	position: relative;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	gap: 12px;
	z-index: 3;
	text-align: center;
}
.caja > div:first-child {
	width: 25%;
	border-width: 0 1px;
	justify-content: center;
	gap: 15px;
	text-align: center;
}
.caja > div img {
	width: 100%;
}
.caja > div:first-child h2 {
	font-size: 1.3em;
	color: rgb(6,137,122);
}
.caja > div .btn {
	width: 100%;
	font-size: 0.84em;
	margin: 0;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-content: center;
	padding:12px 9px;
	border: solid 1px rgb(6,137,122);
	cursor: pointer !important;
	color: rgb(6,137,122);
	background: none;
	font-weight: bold;
	transition: ease-in-out 0.3s;
}
.caja > div .btn:nth-child(2) {
	color: white;
	background: rgb(6,137,122);
}
.caja > div .btn span {
	width: 15px;
	height:15px;
	position: relative;
}
.caja > div .btn.plus span::before,
.caja > div .btn.plus span::after {
	content: '';
	width: 15px;
	height:1px;
	background: rgb(6,137,122) !important;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.caja > div .btn.plus span::after {
	transform: translate(calc(-50% + 1px),calc(-50% + 1px)) rotate(90deg);
}
.caja > div .btn.coti span::before {
	content: '';
	width: 15px;
	height:1px;
	background: white;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.caja > div .btn.coti span::after {
	content: '';
	width: 12px;
	height:12px;
	border: solid white;
	border-width: 0 1px 1px 0;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%) rotate(-45deg);
}

.caja > div .btn.ficha {
	color: #fbb215;
	background: none;
	border-color: #fbb215;
}

.caja > div .btn.ficha span::before,
.caja > div .btn.ficha span::after {
	content: '';
	width: 15px;
	height:1px;
	background: #fbb215;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
}

.caja > div .btn.ficha span::after {
	transform: translate(calc(-50% + 1px),calc(-50% + 1px)) rotate(90deg);
}

.caja > div .btn.ficha:hover {
	background: #fbb215;
	color: white;
	border-color: #fbb215;
}

.caja > div .btn.ficha:hover span::before,
.caja > div .btn.ficha:hover span::after {
	background: white;
}

#portadaCaseta {
	padding:60px 0 0;
	overflow: hidden;
}
#portadaCaseta .texto {
	width: calc(100% - 30px);
	max-width: 1200px;
	margin: 0 auto 42px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	gap: 42px 0;
}
#portadaCaseta .texto > div {
	width: calc(50% - 42px);
}
#portadaCaseta .texto .foto img {
	width: 100%;
}
#portadaCaseta .texto .info * {
	position: relative;
	z-index: 3;
}
#portadaCaseta .texto .info .sub {
	font-size: 1.3em;
	color: rgb(6,137,122) !important;;
	font-weight: bold;
	margin: 0 0 18px;
	display: inline-block;
}
#portadaCaseta .texto .info .sub:hover {
	text-decoration: underline;
}
#portadaCaseta .texto .info h1 {
	letter-spacing: 0.0.9em;
	margin: 0 0 48px;
}
#portadaCaseta .texto .info .fondo {
	width: 100vw;
	height:33vh;
	position: absolute;
	transform: translate(calc(-50% - 42px),calc(-100% - 24px));
	overflow: hidden;
	opacity: 0.2;
	z-index: -3;
}
#portadaCaseta .texto .info .fondo img {
	width: 102%;
	height:102%;
	object-fit: cover;
}
#portadaCaseta .texto .info p {
	padding:0 42px 0 0;
	opacity: 0.6;
	line-height: 1.3;
}
#portadaCaseta .texto .portaBtns {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#portadaCaseta .texto .portaBtns .ver {
	position: relative;
	display: flex;
	gap: 18px;
	align-items: center;
	color: black;
}
#portadaCaseta .texto .portaBtns .ver span {
	width: 27px;
	height:27px;
	border: solid 1px black;
	border-radius: 50%;
	position: relative;
}
#portadaCaseta .texto .portaBtns .ver span::before {
	content: '';
	width: 15px;
	height:1px;
	background: black;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%) rotate(90deg);
}
#portadaCaseta .texto .portaBtns .ver span::after {
	content: '';
	width: 12px;
	height:12px;
	border: solid black;
	border-width: 0 0 1px 1px;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%) rotate(-45deg);
}
#portadaCaseta .texto .portaBtns .ver:hover span {
	background: rgb(6,137,122) !important;
}
#portadaCaseta .texto .portaBtns .ver:hover span::before {
	background: white;
}
#portadaCaseta .texto .portaBtns .ver:hover span::after {
	border-color: white;
}
#portadaCaseta .texto .portaBtns .btn {
	font-size: 0.84em;
	margin: 0;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-content: center;
	gap: 24px;
	padding:12px 9px;
	border: solid 1px rgb(6,137,122) !important;
	cursor: pointer !important;
	color: white;
	background: rgb(6,137,122) !important;
	font-weight: bold;
	transition: ease-in-out 0.3s;
}
#portadaCaseta .texto .portaBtns .btn span {
	width: 12px;
	height:12px;
	position: relative;
}
#portadaCaseta .texto .portaBtns .btn span::before {
	content: '';
	width: 15px;
	height:1px;
	background: white;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
}
#portadaCaseta .texto .portaBtns .btn span::after {
	content: '';
	width: 12px;
	height:12px;
	border: solid white;
	border-width: 0 1px 1px 0;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%) rotate(-45deg);
}
#detalles {
	position: relative;
	margin: 42px 0 0;
}
#detalles::before,
#detalles::after {
	content: '';
	width: 50vw;
	height:100%;
	background: #ecf1f5;
	position: absolute;
	top: 0;
	left:0;
	z-index: -1;
}
#detalles::after {
	left: 50%;
	background: #022726;
}
#detalles main {
	width: calc(100% - 30px);
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	display: flex;
}
#detalles main > div {
	width: 50% !important;
	padding:75px 42px;
	position: relative;
}
#detalles main > div:nth-child(1) {
	background: #ecf1f5;
}
#detalles main > div:nth-child(2) {
	color: white;
	background: #022726;
}
#detalles main > div h2 {
	color: rgb(6,137,122) !important;
	margin: 0 0 30px;
}
#detalles main > div ul li {
	margin: 0 0 10px;
	list-style: disc;
	color: #FFF;
}
#detalles main > div ul li:last-child {
	margin: 0;
}

#galeria {
	width: 50%;
	max-width: calc(100vw - 30px) !important;
	position: relative;
	overflow: hidden;
}
#galeria .owl-carousel {
	width: 100%;
}
#galeria .imagen {
	width: 100%;
	position: relative;
	display: block;
	text-align: center;
}
#galeria .imagen img {
	width: calc(100% - 84px);
	margin: 0 42px 30px;
}

#galeria .owl-nav {
	width: calc(100% - 84px);
	max-width: 100%;
	position: absolute;
	top: 50%;
	left:50%;
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin: 30px auto;
	pointer-events: none;
	transform: translate(-50%,calc(-100% - 60px));
	z-index: 12;
}
#galeria .owl-nav button {
	width: 36px;
	height:48px;
	border: none;
	cursor: pointer;
	background: white;
	pointer-events: all;
	border-radius: 6px;
	opacity: 0.6;
}
#galeria .owl-nav button:hover {
	opacity: 1;
}
#galeria .owl-nav button span {
	width: 36px;
	height:36px;
	position: relative;
	display: block;
}
#galeria .owl-nav button span::after {
	content: '';
	width: 15px;
	height:15px;
	position: absolute;
	border: solid black;
	border-width: 2px 2px 0 0;
	top: 50%;
	left:50%;
}
#galeria .owl-nav button span.der::after {
	transform: translate(-75%,-50%) rotate(45deg);
}
#galeria .owl-nav button span.izq::after {
	transform: translate(-25%,-50%) rotate(-135deg);
}

#masinfo {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	gap: 30px;
	padding:120px 0;
}
#masinfo div {
	position: relative;
	text-align: center;
}
#masinfo div * {
	width: 100%;
	display: block;
}
#masinfo div span {
	width: 100% !important;
	color: #d0d0d0;
}
#masinfo div img {
	max-width: 60px;
	margin: 18px auto;
}

@media screen and (max-width:666px){

	.menuCatalogo {
		flex-wrap: wrap;
		background: white;
	}
	.menuCatalogo > a {
		width: calc(50vw - 15px) !important;
	}
	.menuCatalogo button {
		font-size: 12px;
		padding:12px;
	}

	.submenuCatalogo {
		width: calc(100vw - 24px);
		top: 96px;
	}
	.submenuCatalogo > div {
		width: calc(13vw - 7px);
	}
	.submenuCatalogo > div:first-child,
	.submenuCatalogo > div:last-child {
		display: none;
	}
	.submenuCatalogo > div h4 {
		font-size: 0.6em;
	}

	.caja {
		width: calc(100vw - 24px);
		flex-wrap: wrap;
	}
	.caja > div {
		width: calc(13vw - 7px);
		min-height: 60px;
		order: 3;
	}
	.caja > div:nth-child(1) {
		width: calc(60vw - 39px) !important;
		order: 1;
		border-width: 0 0 0 1px;
	}
	.caja > div:last-child {
		width: calc(40vw - 35px) !important;
		order: 2;
	}
	.caja > div:nth-child(2) {
		border-width: 0 1px;
	}
	.caja > div img {
		margin: 9px auto;
	}
	.caja > div:first-child h2 {
		font-size: 1.11em;
	}
	.caja > div p {
		font-size: 0.7em;
	}
	.caja > div .btn {
		font-size: 0.7em;
	}

	#portadaCaseta {
		padding:48px 0 0;
	}
	#portadaCaseta .texto > div {
		width: 100%;
	}
	#portadaCaseta .texto .info .sub {
		font-size: 1em;
	}
	#portadaCaseta .texto .info h1 {
		font-size: 1.7em;
		margin: 0 0 42px;
	}
	#portadaCaseta .texto .info .fondo {
		width: calc(100vw + 12px);
		height:54vh;
		transform: translate(-12px,calc(-100% - 24px));
	}
	#portadaCaseta .texto .info p {
		padding:0 30px 0 0;
	}
	#portadaCaseta .texto .portaBtns .ver {
		font-size: 0.84em;
		gap: 12px;
	}
	#detalles::after {
		display: none;
	}
	#detalles main {
		flex-wrap: wrap;
	}
	#detalles main > div {
		width: 100% !important;
		padding:60px 27px;
	}

	#galeria .imagen img {
		width: calc(100% - 33px);
		margin: 0 30px 18px;
	}

	#galeria .owl-nav {
		width: calc(100% - 24px);
	}
	#galeria .owl-nav button {
		width: 30px;
		height:42px;
		border-radius: 3px;
	}
	#galeria .owl-nav button span {
		width: 27px;
		height:27px;
	}

	#masinfo {
		gap: 30px 12px;
		padding:60px 0;
		flex-wrap: wrap;
	}
	#masinfo div span {
		font-size: 0.9em;
	}
	#masinfo div img {
		max-width: 48px;
		margin: 12px auto;
	}
	
}

/* .btn-ver-mas{
	background:rgb(6,137,122) !important; 
	color: #fff !important;
	border: 1px solid rgb(6,137,122) !important; 
} */