@font-face { font-family: 'Futura'; src: url("../fonts/Futura.ttf") format('truetype');}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700);
@font-face { font-family:'FuturaLight';src:url("../fonts/FuturaLight.ttf") format('truetype'); }
@font-face { font-family:'FuturaExtraBold';src:url("../fonts/Futura%20Extra%20Bold_0.ttf") format('truetype'); }
@font-face { font-family:'Socialico';src:url("../fonts/Socialico.ttf") format('truetype'); }

a {  color: #fff; text-decoration: none; }
a:visited { color: #fff; }

html,body {
  font-family: Futura;
  width: 100%;
  font-size: 24px;
}

.fondo {
  background: url("../img/fondo.jpg") 0 0 repeat fixed;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -999;
}

.avion {
  display: none;
  z-index: 100;
}

.avion img {
  width: 224px;
  -webkit-transform: rotate(180deg);
  -webkit-transition: all .6s ease;
}

.wrapper {
  height: 100%;
}

.wrapper .principal {
  background-color: #fff;
  height: 1000px;
  position: relative;
}

.wrapper .principal .logo {
  display: block;
  height: 400px;
  margin: 0 auto;
  width: 500px;
}

.wrapper .principal .logo img {
  margin-top: 80px;
}

.wrapper .principal .scroll {
  bottom: 50px;
  left: 50%;
  margin-left: -88px;
  opacity: 0;
  position: absolute;
  -webkit-transition: all .7s ease;
}

.wrapper nav {
	background-color: #27333d;
	color: #fff;
	height: 40px;
	width: 100%;
	z-index: 999;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
}

.wrapper nav ul {
  margin: 0 0 0 20px;
  padding: 0;
}

.wrapper nav ul li {
  display: inline-block;
  padding: 10px 15px;
}

.wrapper .contenido {
  text-align: center;
}

.wrapper .contenido .nosotros {
  background-color: #2d3943;
  color: #fff;
  padding-top: 105px;
  height: 300px;
}

.wrapper .contenido .nosotros .titulo {
  font-family: FuturaLight;
  font-size: 56px;
}

.wrapper .contenido .nosotros .descripcion {
  display: block;
  font-family: Futura;
  margin: 31px 105px 0 105px;
}

.wrapper .contenido .nosotros .descripcion .subtitulo {
  display: block;
  text-align: left;
  font-family: FuturaLight;
  margin-left: 5%;
  margin-right: 5%;
}

.wrapper .contenido .contactos {
  background-color: #fff;
  color: #17598d;
  padding-top: 105px;
  height: 200px;
}

.wrapper .contenido .contactos .titulo {
  font-family: FuturaLight;
  font-size: 56px;
}

.wrapper .contenido .contactos .descripcion {
  display: block;
  font-family: Futura;
  margin: 31px 105px 0 105px;
}

.wrapper .servicios {
  background-color: #fff;
  color: #17598d;
  padding-bottom: 55px;
  padding-top: 105px;
}

.wrapper .servicios .descripcion {
  height: 300px;
}

.wrapper .servicios .descripcion .titulo {
  font-family: FuturaLight;
  font-size: 56px;
}

.wrapper .servicios .descripcion .linea_shoock .linea_izquierda,.wrapper .servicios .descripcion .linea_shoock .linea_derecha {
  background-color: #17598d;
}

.wrapper .servicios .descripcion .descripcion {
  display: block;
  font-family: Futura;
  margin: 31px 105px 0 105px;
}

.wrapper .servicios .servicios_s {
  position: relative;
}

.wrapper .servicios .servicios_s .servicio {
  display: inline-block;
  margin: 0 40px;
  opacity: .35;
  width: auto;
  -webkit-transition: all .6s ease;
}

.wrapper .servicios .servicios_s .servicio img {
  display: inline-block;
}

.wrapper .servicios .servicios_s .servicio span {
  display: block;
  font-family: Futura;
  margin-bottom: 50px;
}

.wrapper .servicios .servicios_s .servicio:hover {
  color: #1969a8;
  opacity: 1;
}

.wrapper .galeria {
  background-color: #fff;
  color: #17598d;
  padding-bottom: 55px;
  padding-top: 105px;
}

.wrapper .galeria .descripcion {
  height: 100px;
}

.wrapper .galeria .descripcion .titulo {
  font-family: FuturaLight;
  font-size: 56px;
}


.wrapper .trabajos {
  background-color: transparent;
  color: #fff;
  padding-top: 105px;
  height: 300px;
}

.wrapper .trabajos .titulo {
  font-family: FuturaLight;
  font-size: 56px;
}

.wrapper .trabajos .linea_shoock .linea_izquierda,.wrapper .trabajos .linea_shoock .linea_derecha {
  background-color: #fff;
}

.wrapper .trabajos .descripcion {
  display: block;
  font-family: Futura;
  margin: 31px 105px 0 105px;
}

.wrapper .enviar_mail {
  padding: 50px 0;
}

.wrapper .enviar_mail .campo_alto,.wrapper .enviar_mail .campo_simple {
  background: rgba(0,0,0,0.5);
  color: #fff;
  border: none;
  display: block;
  font-family: FuturaLight;
  margin: 20px auto 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 550px;
}

.wrapper .enviar_mail .campo_simple {
  height: 45px;
}

.wrapper .enviar_mail .campo_alto {
  height: 200px;
  padding-top: 14px;
}

.wrapper .enviar_mail .enviar {
  background-color: #fff;
  color: #17598d;
  cursor: pointer;
  font-family: FuturaLight;
  height: 70px;
  margin: 20px auto 0 auto;
  opacity: .8;
  padding-top: 13px;
  width: 150px;
  border:none;
}

.wrapper .enviar_mail .enviar:hover {
  opacity: 1;
}

.wrapper footer {
  background-color: #2d3943;
  height: 208px;
  position: relative;
}

.wrapper footer .footer_general .logo {
  float: left;
  margin: 75px 0 0 50px;
}

.wrapper footer .footer_general .contacto {
  color: #fff;
  position: absolute;
  right: 133px;
  text-align: left;
  margin-top: 30px;
}

.wrapper footer .footer_general .contacto .palabra {
  display: block;
  font-family: FuturaLight;
}

.wrapper footer .footer_general .contacto div {
  margin-top: 10px;
}

.wrapper footer .footer_general .contacto div .caracter_socialico {
  font-family: Socialico;
}

.wrapper footer .footer_general .contacto div .detalle {
  color: #1969a8;
  font-family: FuturaLight;
  margin-left: 5px;
}

.wrapper footer .footer_general .redes_sociales {
  float: right;
  margin-top: 30px;
  position: absolute;
  right: 38px;
}

.wrapper footer .footer_general .redes_sociales a {
  color: #fff;
  display: block;
  font-family: Socialico;
  font-size: 55px;
}

.wrapper footer .footer_general .redes_sociales a:hover {
  color: #1969a8;
}

.wrapper footer .copyright {
  background-color: #384551;
  bottom: 0;
  color: #fff;
  font-family: FuturaLight;
  height: 33px;
  position: absolute;
  width: 100%;
}

.wrapper footer .copyright span {
  display: block;
  margin-top: 6px;
}

.centrado {
  left: 50%;
  margin-left: -100px;
  margin-top: -50px;
  position: fixed;
  top: 50%;
}

.top-fixed {
  position: fixed;
  top: 0;
}

#panel-oculto { display: none; position: fixed; top: 0; width: 100%; height: 200px; z-index: 1000; background-color: #222;
	color:#FFF;
	text-align:center;
}

#PoweredByGrupoITEM {
	background-color:#FFF; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:100%;
}
#PoweredByGrupoITEM a { color:#000; }


@media screen and (max-width: 480px) {
	html,body { width: 460px, font-size: 20px; }
	.wrapper { width: 460px; }
	.wrapper .principal .logo { width: 100%; }
	.wrapper .principal .logo img { width: 430px; margin-left:15px }
	.wrapper nav { font-size: 12px }
	.wrapper nav ul li {	padding: 10px 10px;}
	.wrapper .servicios .descripcion .descripcion, .wrapper .contenido .nosotros .descripcion { margin: 31px 5px 0 5px; }
	.wrapper .enviar_mail .campo_alto, .wrapper .enviar_mail .campo_simple { width: 300px; }
	.footer_general .logo { display: none; visibility:hidden}
	#PoweredByGrupoITEM { width:440px }
}