@font-face {
	font-family: 'tiro';
	src: url("tiro.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family: 'italic';
	src: url("italic.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family: 'medium';
	src: url("medium.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family: 'roman';
	src: url("roman.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family: 'avenir';
	src: url("avenir.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

html,body{
width:100%;
	height:100%;font-family: 'tiro';
	background-color:#dfdad4;	
	}


* { margin: 0px;
padding: 0px; outline: 0;
}

iframe { display:block; border:none; }


.os-animation{
            opacity: 0;
 }  

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


*:focus { 
    outline: none; 
} 

 
#preloader {
    position: fixed;
    top:0; left:0;
    right:0; bottom:0;
    background: #dfdad4;
    z-index: 100;
}


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

#somos{ text-align:left; width:100%; background-color:#ddd8d4; text-align:center;	}  


#abajo{ width:100%; height:37px;background:url(../imagenes/abajo.png) repeat-x center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;	} 



h1,h2,h3,h4,h5,h6{ display:inline !important;font-weight: 400;}

.texto0{color:#ffffff;font-size:64px; line-height:100%; text-decoration:none;font-family: 'roman'; text-decoration:none; text-transform: uppercase;text-shadow: 2px 1px 0px rgba(0,0,0,0.63); letter-spacing:5px;}
.texto1{color:#323c36;font-size:80px; line-height:100%; text-decoration:none;font-family: 'medium';}
.texto2{color:#323c36;font-size:80px; line-height:100%; text-decoration:none;font-family: 'tiro';}
.texto3{color:#242b26;font-size:60px; line-height:130%; text-decoration:none;font-family: 'roman';}
.texto4{color:#242b26;font-size:24px; line-height:130%; text-decoration:none;font-family: 'tiro';}
.texto4a{color:#242b26;font-size:24px; line-height:130%; text-decoration:none;font-family: 'italic';}
.texto5{color:#b19c5d;font-size:40px; line-height:110%; text-decoration:none;font-family: 'avenir';}
.texto5a{color:#b19c5d;font-size:40px; line-height:110%; text-decoration:none;font-family: 'italic';}
.texto6{color:#444443;font-size:18px; line-height:100%; text-decoration:none;font-family: 'avenir';}
.texto7{color:#242b26;font-size:22px; line-height:130%; text-decoration:none;font-family: 'avenir';}
.texto8{color:#b19c5d;font-size:22px; line-height:130%; text-decoration:none;font-family: 'italic';}
.texto9{color:#b19c5d;font-size:40px; line-height:130%; text-decoration:none;font-family: 'roman';}
.texto10{color:#dad7d1;font-size:23px; line-height:130%; text-decoration:none;font-family: 'avenir';}
.texto11{color:#dad7d1;font-size:17px; line-height:130%; text-decoration:none;font-family: 'avenir';}
.texto12{color:#323c36;font-size:32px; line-height:100%; text-decoration:none;font-family: 'tiro'; text-transform: uppercase;}
.texto13{color:#00000e;font-size:16px; line-height:130%; text-decoration:none;font-family: 'avenir';}



#arriba{width:100%; text-align: center; height:158px; position: absolute; margin-top: 20px;}
#arriba1{width:90%; max-width: 1300px; display: inline-block; text-align: center;  }


#textosomos{ width:90%; text-align:center; max-width:800px; display:inline-block;}


#elvideo{ text-align:center; width:100%; background:url(../imagenes/fondo3.jpg) no-repeat center 0; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;}  
#contenidovideo{ width:95%; text-align:center; display:inline-block; background-color:#ffffff; padding:1.5%;}
.elvis{ width:100%;height:1080px;}
#separa{ width:100%; height:15px;}

#limas, #limas1, #limas2, #limas3, #limas0, #limas00{display:inline-block;vertical-align:top;}
#limas{width:100%;vertical-align:middle; text-align:left;  }
#limas1{width:32.66%; height:742px;margin-right:-4px; text-align:left;background:url(../imagenes/i1.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  }
#limas2{width:32.66%; height:742px;margin-right:-4px; text-align:left;background:url(../imagenes/i2.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; }
#limas3{width:32.66%; height:742px;margin-right:-4px; text-align:left;background:url(../imagenes/i3.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; }
#limas0{width:1%;margin-right:-4px; text-align:left;}
#limas00{width:1%;margin-right:-4px; text-align:left;}



#experiencias{ text-align:left; width:100%; background-color:#ffffff; text-align:center;	}  

#iconitos, #iconitos1{display:inline-block;vertical-align:top;}
#iconitos{width:1200px;vertical-align:middle; text-align:center;  }
#iconitos1{width:25%;margin-right:-4px; text-align:center;}

#lali{ width:100%; height:1px; background-color:#b4b4b4;}

#elmapa{ width:1200px; height:1000px; left:50%; margin-left:-600px; position:relative;}
#elmapa1{ width:300px; text-align:left; left:0; top:0; position:absolute;}
#elmapa2{ width:502px; height:272px; right:0; bottom:0; position:absolute; z-index:99;}
#elmapa3{ width:940px; left:130px;  position:absolute; z-index:1;}


#separador{ text-align:center; width:100%; background:url(../imagenes/fondo4.jpg) no-repeat center 0; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;}  
#separador2{ width:95%; text-align:center; display:inline-block; background-color:#ffffff; padding:1.5%;}
#separador3{ text-align:center; width:100%; height:600px; background:url(../imagenes/slide1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;}  


#view{width:100%; text-align: center; background-color:#1c2721;}
#viewinfo{width:90%; max-width:750px; display: inline-block; text-align: center;  }


#contacto{ width:100%; background:url(../imagenes/contacto.jpg) no-repeat center bottom; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; text-align: center; }

#contactame, #contactame1, #contactame2, #contactame3, #contactame4, #contactame5{display:inline-block;vertical-align:top;}
#contactame{width:1200px;vertical-align:middle; text-align:center;  }
#contactame1{width:100%;margin-right:0; text-align:left;}
#contactame2{width:100%;margin-right:0; text-align:left;}
#contactame3{width:100%; height:1px; background-color:#b4b4b4; margin-right:0; text-align:left;}
#contactame4{width:100%;margin-right:0px; text-align:right;}

#loscontactos, #loscontactos1, #loscontactos2{display:inline-block;vertical-align:top;}
#loscontactos{width:100%;vertical-align:middle; text-align:center;  }
#loscontactos1{width:21%;margin-right:-4px; text-align:left;}
#loscontactos2{width:16%;margin-right:-4px; text-align:right;}

::placeholder {
  color: #616060;font-family: 'avenir';
}



.forma2{text-align:left;HEIGHT:40px;width:90%;border:1; border:0; font-size:16PX;font-weight:500; background-color: transparent; color:#323c36;
border-top: 0px solid red;
  border-right: 0px solid red;
  border-bottom: 2px solid #b19c5d;
  border-left: 0px solid red;
  font-family: 'avenir';
}

.boton{text-align:center; text-decoration:none;  height:50px; line-height:50px;width:98%;border:0; font-size:20PX;color:#ffffff;font-weight:500; background-color:#df471e;  cursor:pointer;font-family: 'regular';}


.laca{ width:100%; max-width:500px;}


@media screen and (max-width:1920px)
 {
.elvis{height:900px;}
 }
 
 @media screen and (max-width:1720px)
 {
.elvis{height:800px;}

#limas1{width:32.66%; height:700px;margin-right:-4px;}
#limas2{width:32.66%; height:700px;margin-right:-4px;}
#limas3{width:32.66%; height:700px;margin-right:-4px;}

 }
  
 @media screen and (max-width:1520px)
 {
.elvis{height:700px;}

#limas1{width:32.66%; height:650px;margin-right:-4px;}
#limas2{width:32.66%; height:650px;margin-right:-4px;}
#limas3{width:32.66%; height:650px;margin-right:-4px;}
 }
 
   
 @media screen and (max-width:1320px)
 {
#limas1{width:32.66%; height:600px;margin-right:-4px;}
#limas2{width:32.66%; height:600px;margin-right:-4px;}
#limas3{width:32.66%; height:600px;margin-right:-4px;}

.elvis{height:600px;}
 }
 
 @media screen and (max-width:1220px)
 { 
#contactame{width:1000px;vertical-align:middle; text-align:center;  }
     
#separador3{height:500px; }  

#iconitos{width:1000px;vertical-align:middle; text-align:center;  }
#iconitos1{width:25%;margin-right:-4px; text-align:center;}

#elmapa{ width:1000px; height:1000px; left:50%; margin-left:-500px; position:relative;}
#elmapa1{ width:350px; text-align:left; left:0; top:0; position:absolute;}
#elmapa2{ width:502px; height:272px; right:0; bottom:0; position:absolute;}
#elmapa3{ width:940px; left:60px;  position:absolute;}
 }
 
 
@media screen and (max-width:1184px)
 { 
.elvis{height:500px;}

#limas1{width:32.66%; height:550px;margin-right:-4px;}
#limas2{width:32.66%; height:550px;margin-right:-4px;}
#limas3{width:32.66%; height:550px;margin-right:-4px;}


 }



 @media screen and (max-width:1020px)
 { 
#contactame{width:800px;vertical-align:middle; text-align:center;  }
     
#separador3{ height:450px;}  

#elmapa{ width:800px; height:1000px; left:50%; margin-left:-400px; position:relative;}
#elmapa1{ width:100%; text-align:left; left:0; top:0; position:absolute;}
#elmapa2{ width:502px; height:272px; right:0; bottom:0; position:absolute;}
#elmapa3{ width:700px; left:50px;  position:absolute;}

#iconitos{width:450px;vertical-align:middle; text-align:center;  }
#iconitos1{width:50%;margin-right:-4px; text-align:center;}
 }

@media screen and (max-width:934px)
{ 
.elvis{height:400px;}

#limas1{width:32.66%; height:500px;margin-right:-4px;}
#limas2{width:32.66%; height:500px;margin-right:-4px;}
#limas3{width:32.66%; height:500px;margin-right:-4px;}

.texto0{font-size:50px;}
.texto3{font-size:45px; line-height:100%;}
.texto4{font-size:22px;}
   

#home{ text-align:left; width:100%; height:700px;background:url(../imagenes/home.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;	} 
 }
 
@media screen and (max-width:820px)
{ 
#contactame{width:90%;vertical-align:middle; text-align:center;  }
#contactame1{width:100%;margin-right:0; text-align:center;}
#contactame2{width:100%;margin-right:0; text-align:center;}
#contactame3{width:100%; height:1px; background-color:#b4b4b4; margin-right:0; text-align:left;}
#contactame4{width:100%;margin-right:0px; text-align:center;}

#loscontactos{width:100%;vertical-align:middle; text-align:center;  }
#loscontactos1{width:100%;margin-right:0px; text-align:center;}
#loscontactos2{width:100%;margin-right:0px; text-align:center;}

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

#elmapa{ width:100%; height:1000px; left:0; margin-left:0; position:relative;}
#elmapa1{ width:100%; text-align:center; left:0; top:0; position:absolute;}
#elmapa2{ width:450px; height:244px; right:0; bottom:0; position:absolute;}
#elmapa3{ width:100%; left:0; top:150px;  position:absolute;}
}


@media screen and (max-width:700px)
{ 
#separador3{height:350px;}  

.texto5,.texto5a{font-size:35px; line-height:110%;}

.elvis{height:300px;}
#limas1{width:32.66%; height:400px;margin-right:-4px;}
#limas2{width:32.66%; height:400px;margin-right:-4px;}
#limas3{width:32.66%; height:400px;margin-right:-4px;}

}


@media screen and (max-width:500px)
{ 
#separador3{height:300px;}  

#elmapa{ width:100%; height:900px; left:0; margin-left:0; position:relative;}

.elvis{height:250px;}

#limas1{width:32.66%; height:300px;margin-right:-4px;}
#limas2{width:32.66%; height:300px;margin-right:-4px;}
#limas3{width:32.66%; height:300px;margin-right:-4px;}
}

.smooth {
  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;color:#ffffff;font-size:18px; text-decoration: none; font-family: 'tiro'; margin-top: 10px;
}
.smooth:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #ffffff;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.smooth:hover:before {
  left: 0;
  right: 0;
}


#menumovil{ display:none;}
#logomovil{ 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: .9;
}
.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: #ffffff;
}
.button_container.active .middle {
  opacity: 0;
  background: #ffffff;
}
.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: #ffffff;
}

.button_container span {
  background: #ffffff;
  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 {
	background-color:rgb(0,0,0,.8);position: fixed;
    top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  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: 1;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInUp .5s ease forwards;
  -moz-animation: fadeInUp .5s ease forwards;
          animation: fadeInUp .5s ease forwards;
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .6s;
  -moz-animation-delay: .6s;
          animation-delay: .6s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .8s;
  -moz-animation-delay: .8s;
          animation-delay: .8s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
          animation-delay: 1s;
}
.overlay.open li:nth-of-type(5) {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.overlay.open li:nth-of-type(6) {
  -webkit-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.overlay.open li:nth-of-type(7) {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.overlay.open li:nth-of-type(8) {
  -webkit-animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.overlay nav {
  position: relative;
  top: 50%; left:5%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
          transform: translateY(-35%);
  
  font-weight: 700;
  text-align: center;
  margin-right:52px;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%; width:100%;
}
.overlay ul li {
  display: inline-block;
  min-height:40px;
  position: relative;
  opacity: 0;
  min-width:18%; text-align:center;
}
.overlay ul li a {
  display: inline-block;
  position: relative;
  color: #ffffff;
  text-decoration: none;
  overflow: hidden;
  font-size: 40px;
  opacity:1; text-transform:uppercase; font-weight:400;
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%; text-decoration: underline;
}

.overlay nav {
  top: 35%;
}

.overlay ul li {
  display: inline-block;
  min-height: 70px;
  position: relative;
  opacity: 0;
  min-width:100%; text-align:center;
}



@media screen and (max-width:965px){
#arriba{display:none;}
#logomovil{ display:block; width:130px; height:148px; left:5%; top:10px; position:absolute; z-index:9999;}

#menumovil{ z-index:9999;position: absolute;top: 35px;
  right: 30px;
  height: 27px;
  width: 35px; display:block; z-index:999;}

#elheader{ z-index:9999;}
}

#lodorado{ width: 100%; background-color: #b19c5d;}

.boton1{ padding:17px;border:0px; cursor:pointer;color:#242b26;font-size:18px;font-family: 'avenir';width:400px;height:40px; background-color:#ffffff; font-weight:400; border-radius: 31px 31px 31px 31px;
-webkit-border-radius: 31px 31px 31px 31px;
-moz-border-radius: 31px 31px 31px 31px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; text-decoration: none;}
.boton1:hover{background-color:#b19c5d; transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; }


.boton2{ padding:17px;border:0px; cursor:pointer;color:#242b26;font-size:18px;font-family: 'avenir';width:400px;height:40px; background-color:#ffffff; font-weight:400; border-radius: 31px 31px 31px 31px;
-webkit-border-radius: 31px 31px 31px 31px;
-moz-border-radius: 31px 31px 31px 31px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; text-decoration: none;}
.boton2:hover{background-color:#242b26; color: #ffffff; transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; }

.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:translateX(6px);}
}
@-webkit-keyframes spin2{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateX(6px);}
}
@-o-keyframes spin2{0%{opacity:1;}
100%{opacity:1;-0-transform:translateX(6px);}
}
@-moz-keyframes spin2{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateX(6px);}
}