.crossfade > figure {
  animation: imageAnimation 30s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: top left;
  color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
}
#inicio {
	width: 100%;
	height: 100%;
	background: #ccc;
	padding: 0;
}
figure {
    margin: 0 !important;
}
/*#inicio{height:100%;background:url(../images/bg-topografos-teletop.jpg) no-repeat top left;background-size:cover;}*/
.crossfade > figure:nth-child(1) {
  background-image: url('../images/bg-topografos-teletop.jpg');
}
.crossfade > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('../images/bg-topografos-teletop2.jpg');
}
.crossfade > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('../images/bg-topografos-teletop3.jpg');
}
.crossfade > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('../images/bg-topografos-teletop4.jpg');
}
.crossfade > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('../images/bg-topografos-teletop5.jpg');
}

@keyframes imageAnimation {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}



@charset "utf-8";@font-face{font-family:"antoniobold";src:url('fonts/antonio-bold.eot');src:url('fonts/antonio-bold.eot?#iefix') format('embedded-opentype'),
url('fonts/antonio-bold.woff2') format('woff2'),
url('fonts/antonio-bold.woff') format('woff'),
url('fonts/antonio-bold.ttf') format('truetype'),
url('fonts/antonio-bold.svg#antoniobold') format('svg');font-weight:normal;font-style:normal;}
html,
body{height:100%;}
body,
p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;line-height:3em;color:#666;margin:0;padding:0;}
body{font-size:62.5% !important;}
p,
ul{font-size:1.4em;}
a{text-decoration:none;color:#fff;}
a:hover,
a:active{color:#7e5522;}
h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#000;text-transform:uppercase;text-align:center;font-size:2.6em !important;margin-bottom:3em !important;}
h1 span{background:url(../images/sprite.png) no-repeat 0 0;padding:0.5em 0 0.5em 3em;border-bottom:solid .2em #ffc009;}
.lista{list-style:none;padding:0;}
.lista li{padding-left:2em;background:url(../images/sprite.png) no-repeat 0 -455px;}
.boton{font-family:"antoniobold", "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:2.5em;color:#fff;text-transform:uppercase;text-decoration:none;text-align:center;background:#ffc009;padding:1em 2em .75em 2em;border:none;cursor:pointer;margin:1em 2%;transition:background .25s, color .25s;}
.boton:hover{background:#faa21f;color:#7e5522;transition:background .25s, color .25s;}
.contenedor{max-width:120em;margin:0 auto;}
.col-25{width:21%;}
.col-33{width:29.33333%;}
.col-50{width:46%;}
.col-66{width:62.66666%;}
.col-25,
.col-33,
.col-50,
.col-66{padding:0 2%;float:left;}
.overflow{overflow:auto;}
.ajustar{width:100%;height:auto;}
section{padding:10em 0 5em 0;overflow:auto;}
header{width:100%;background:#fff;height:15em;position:fixed;z-index:1;}
header .contenedor{height:10em;}
header #telefono .contenedor{height:5em;}
#logotipo{background:url(../images/logo-teletop.png) no-repeat center left;width:22em;height:4em;cursor:pointer;float:left;margin:2.5em 1.5em;}
#telefono{background:#ffc009;height:5em;}
#telefono p{font-family:"antoniobold", "Trebuchet MS", Arial, Helvetica, sans-serif;color:#fff;text-align:right;font-size:1.8em;}
#telefono p span{padding:0 1.5em 0 1em;background:url(../images/sprite.png) no-repeat 0 -423px;}
nav{height:5em;background:#fff;float:right;margin:2.5em 0;}
nav ul{height:5em;list-style-type:none;margin:0 auto;float:right;padding:0;}
nav ul li{text-align:center;float:left;padding:1em 0;}
nav ul li a{text-decoration:none;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1.2em;text-transform:uppercase;color:#333;padding:1.5em 1em;}
nav ul li a:hover{background:#ffc009;}
nav .navtoogle{display:none;}

#inicio h1{color:#fff;font-family:"antoniobold", "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:4em;position:relative;top:50%;transform:translateY(-50%);}
#inicio h1 span{background:#ffc009;padding:1em 1em .5em 1em;line-height:3;}
#simbolo{width:150px;height:150px;background:url(../images/simbolo-teletop.png) no-repeat top center;margin:0 auto;transform:translateY(200%);}
#nosotros{padding-bottom:0;top:100px;}
#nosotros .contenedor{margin-bottom:50px;overflow:auto;}
#planos{width:100%;height:15em;background:url(../images/bg-planos.jpg) no-repeat center center;background-size:cover;overflow:auto;}
.servicio{width:6em;height:6em;border:solid 2px #ffc009;border-radius:10px;margin:2em 0;}
#levantamientos{background:url(../images/sprite.png) no-repeat 0 -50px;float:right;}
#cuadrilla{background:url(../images/sprite.png) no-repeat 0 -110px;float:right;}
#puntos{background:url(../images/sprite.png) no-repeat 0 -170px;float:right;}
#obras{background:url(../images/sprite.png) no-repeat 0 -230px;float:left;}
#batimetria{background:url(../images/sprite.png) no-repeat 0 -290px;float:left;}
#torres{background:url(../images/sprite.png) no-repeat 0 -350px;float:left;}
.izquierda{text-align:left;margin:2em 0 0 7.5em;}
.derecha{text-align:right;margin:2em 7.5em 0 0;}
#equipo{background:url(../images/bg-equipo.jpg);background-size:cover;}
.foto{margin-top:1em;}
.foto:hover{opacity:.8;}
.logo-cliente{border:solid 1px #ccc;}
#contacto{background:#333;}
#contacto h1{color:#fff;}
.contacto-dato,
.contacto-mensaje{border:none;background:#666;padding:2em 2%;float:left;margin:1em 2%;font-size:1.6em;color:#333;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.contacto-dato{width:42%;}
.contacto-mensaje{width:92%;}
::-webkit-input-placeholder{color:#333;}
.red{height:4em;width:4em;cursor:pointer;margin:2em .5em;background:#ffc009 url(../images/sprite-redes.png) no-repeat;border-radius:4em;float:left;transition:background .5s;}
.red:hover{background:#faa21f url(../images/sprite-redes.png) no-repeat;transition:background .25s;}
#facebook{background-position:0 0;}
#twitter{background-position:-4em 0;}
#skype{background-position:-8em 0;}
#instagram{background-position:-12em 0;}
#linkedin{background-position:-16em 0;}
footer{background:#111;text-align:center;padding:1em;}
footer p{font-size:1.2em;}
#noencontrada{padding-top:20em;text-align:center;}
#regresar{max-width:20em;margin:2em auto;}




@media only screen and (-webkit-min-device-pixel-ratio:2){body{font-size:125% !important;}
h1 span{background:url(../images/sprite@2x.png) no-repeat 0 0;}
.lista li{background:url(../images/sprite@2x.png) no-repeat 0 -910px;}
header, header .contenedor{height:6em;}
#logotipo{background:url(../images/logo-teletop@2x.png) no-repeat center left;display:none;}
#logotipo2{background:url(../images/logo-teletop@2x.png) no-repeat center left;width:22em;height:4em;}
#telefono{height:4em;}
#telefono p{text-align:center;}
#telefono p span{padding:0 0 0 1em;}
nav{height:6em;margin:0;float:none;}
.col-25{width:46%;}
.col-33,
.col-50,
.col-66{width:92%;padding:0 4%;float:left;}
.contacto-dato{width:92%;}
.servicio{margin:2em 0;}
#levantamientos,
#cuadrilla,
#puntos,
#obras,
#batimetria,
#torres{float:none;margin:0 auto;background:url(../images/sprite@2x.png);}
.izquierda,
.derecha{text-align:center;margin:0 0 3em 0;}
.logo-cliente{margin-bottom:1em;}
#telefono p span{padding:0 0 0 1em;background-position:0 -846px;}
#levantamientos{background-position:0 -100px;}
#cuadrilla{background-position:0 -220px;}
#puntos{background-position:0 -340px;}
#obras{background-position:0 -460px;}
#batimetria{background-position:0 -580px;}
#torres{background-position:0 -700px;}
.red{background:#ffc009 url(../images/sprite-redes@2x.png) no-repeat;}
.red:hover{background:#faa21f url(../images/sprite-redes@2x.png) no-repeat;}
nav .navtoogle{display:block;width:100%;text-align:center;border:none;cursor:pointer;font-family:"futura-md", "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;font-size:1.3em;text-transform:uppercase;color:#333;margin:0;padding:.75em;}
.navtoogle i{z-index:-1;}
.icon-menu{position:relative;top:3px;line-height:0;font-size:1.6em;}
.no-js nav ul{max-height:30em;overflow:hidden;}
.js nav ul{max-height:0em;overflow:hidden;}
.js nav .active + ul{max-height:30em;overflow:hidden;transition:max-height .4s;background:#eee;z-index:10;margin-top:2.5em;}
nav ul{height:auto;max-width:100%;left:0;float:none;}
nav li span{display:inline-block;height:100%;}
nav li{width:100%;text-align:left;}
nav ul li{right:0;border-bottom:solid 1px #ccc;padding:1.5em 0;}
nav ul li:hover{background:#ffc009;}
.touch nav a{padding:1.5em;}
nav a{height:auto;padding:2em 1em;}
#menutoggle{background:url("../images/ico-menu-toggle@2x.png") no-repeat right center;}
}
@media all and (max-width:800px){body{font-size:62.5% !important;}
header, header .contenedor{height:6em;}
#logotipo{display:none;}
#logotipo2{background:url(../images/logo-teletop.png) no-repeat center left;width:22em;height:4em;}
#telefono{height:4em;}
#telefono p{text-align:center;}
#telefono p span{padding:0 0 0 1em;}
nav{height:6em;margin:0;float:none;}
nav .navtoogle{display:block;width:100%;text-align:center;border:none;cursor:pointer;font-family:"futura-md", "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;font-size:1.3em;text-transform:uppercase;color:#333;margin:0;padding:.75em;}
.navtoogle i{z-index:-1;}
.icon-menu{position:relative;top:3px;line-height:0;font-size:1.6em;}
.no-js nav ul{max-height:30em;overflow:hidden;}
.js nav ul{max-height:0em;overflow:hidden;}
.js nav .active + ul{max-height:30em;overflow:hidden;transition:max-height .4s;background:#eee;z-index:10;margin-top:2.5em;}
nav ul{height:auto;max-width:100%;left:0;float:none;}
nav li span{display:inline-block;height:100%;}
nav li{width:100%;text-align:left;}
nav ul li{right:0;border-bottom:solid 1px #ccc;padding:1.5em 0;}
nav ul li:hover{background:#ffc009;}
.touch nav a{padding:1.5em;}
nav a{height:auto;padding:2em 1em;}
#menutoggle{background:url("../images/ico-menu-toggle.png") no-repeat right center;}
}
@media all and (max-width:768px){body{font-size:62.5% !important;}
.col-25{width:46%;}
.col-33,
.col-66{width:96%;}
.servicio{margin:2em 0;}
#levantamientos,
#cuadrilla,
#puntos,
#obras,
#batimetria,
#torres{float:none;margin:0 auto;}
.izquierda,
.derecha{text-align:center;margin:0 0 3em 0;}
.logo-cliente{margin-bottom:1em;}
}
@media all and (max-width:480px){.col-33,
.col-50,
.col-66{width:92%;padding:0 4%;float:left;}
.contacto-dato{width:92%;}
}