@import url(https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
html,
body {margin:0; padding:0; min-height:100vh; overflow-x:hidden;
  /* The html and body elements cannot have any padding or margin. */
  -webkit-font-smoothing: antialiased;
  font: normal 14px; font-family: 'Montserrat', sans-serif; color:#606060; background:url(../img/0.png); background-size:cover; background-position:center center; background-repeat:no-repeat
}

.row {
  margin-left:0px;
  margin-right:0px;
}

a:focus {
    outline: thin dotted;
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.navbar-nav>li>a img:hover { margin-top:-10px;
}
 .navbar-nav {
    width: 100%;
    text-align: center; }
 .navbar-nav li {
      float: none;
      display: inline-block;
    }
.navbar-toggle {
    background-color: #333;
}

.gente { width:100%; height:70vh; margin-bottom:40px; background:url(../img/gente_1.png); background-size:contain; background-repeat:no-repeat; background-position:center center;}

.gente:hover {background:url(../img/gente_2.png); background-size:contain; background-repeat:no-repeat; background-position:center center;}

.pro img{ margin-left:0}
.pro img:hover{ margin-left:20px}

.form_1:focus{ background:none !important;}
.form_2:focus{ background:none !important;}

.foot_rig_re{text-align:right}
.img_hacemos{float:right; margin-top: -100px;}
.redes_hacemos{float:right;margin-top: -70px; position:relative; z-index:2}

.mail{ width:400px}


.shake {
display: inline-block;
}
@-moz-keyframes spaceboots {
	0% { -moz-transform: translate(2px, 1px) rotate(0deg); }
	10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -moz-transform: translate(0px, 2px) rotate(0deg); }
	40% { -moz-transform: translate(1px, -1px) rotate(1deg); }
	50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -moz-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -moz-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -moz-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -moz-transform: translate(2px, 2px) rotate(0deg); }
	100% { -moz-transform: translate(1px, -2px) rotate(-1deg); }
	
}
@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
	
}
.shake:hover,
.shake:focus {
	-webkit-animation-name: spaceboots;-moz-animation-name: spaceboots;
	-webkit-animation-duration: 0.8s;-moz-animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;

}
.felch_p {float: right;
    margin-top: -150px;
    margin-right: 50px;
    z-index: 999;
    position: relative;}



.somo_f{width:100%; margin-top: -200px;}


@media (max-width: 990px) {
}  

@media (max-width: 780px) {
	
.foot_rig_re{text-align:center}
.foo{text-align:center}	
.img_hacemos{float:right; margin-top: 10px;}	
.redes_hacemos{float:right;margin-top: 10px; position:relative; z-index:2}
.mail{ width:200px}	
.somo_f {
    width: 100%;
    margin-top: 0;
}
.felch_p {float: none;
    margin-top: 0;
    margin-right: 50px;
    z-index: 999;
    position: relative;}
}