@charset "UTF-8";
/*version pantallas grandes*/
/*aspectos generales*/
body{
	margin:0;
	font-family: Yi;
    color: #6d6e71;
	overflow-x: hidden;
}

#loader{
position:fixed;
top:0;
width:100%;
background-color:#000;
height:100%;
margin:0;
padding:0;
overflow:hidden;
z-index:100;
text-align:center;
}

#loader svg{
	width:50%;
	margin:auto;
	position:relative;
	top:40%;
}

nav h1, section h1{
	display:none;
}

header h1{
	height: 60px;
    width: 100%;
    background-image: url(images/responsive.jpg);
    background-position: center;
    background-repeat: no-repeat;
	text-indent:-9999px;
}

header{
	margin-top:70px;
}

/*terminan aspectos generales*/

/*definicion de fuentes*/
@font-face{

font-family: Yi;
src:url(fonts/Yi.ttf)

}

@font-face{

font-family: DinBold;
src:url(fonts/DinBold.otf)

}

@font-face{

font-family: DinCondense;
src:url(fonts/DinCondense.ttf)

}

@font-face{

font-family: Spoon;
src:url(fonts/Spoon.ttf)

}
/*terminana las fuentes definidas*/


/*estilos de menu*/
.menu{
	background-image: url(images/menui.png);
	cursor:pointer;
	width:30px;
	height:24px;
	position:fixed;
	right:40px;
	top:20px;
	z-index: 5;
	opacity:.5;
}

.menu:hover, .cerrar:hover{
	opacity:1;
}

.cerrar{
	background-image: url(images/cerrar.svg);
	cursor:pointer;
	width:49px;
	height:45px;
	position:absolute;
	right:25px;
	top:20px;
	opacity:.5;
}

#menuRes{
	display: none;
	position:fixed;
	top:0;
	width:100%;
	height:95px;
	background: url(images/menu.svg) center;
	background-repeat:no-repeat;
	background-color:#FFF;
	-webkit-box-shadow:0px 0px 80px 0px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 80px 0px rgba(0,0,0,0.5);
	box-shadow:0px 0px 80px 0px rgba(0,0,0,0.5);
	z-index:10;
}

nav{
	width:100%;
}

ul{
	width:480px;
	margin:auto;
	padding:55px 0 0 0;
	font-family: Spoon;
}

nav a{
	text-decoration:none;
	color:#000;
    font-size: 18px;
    letter-spacing: 6px;
	text-align:center;
	padding:5px

}

nav a:hover{
	background-color:#000;
	color:#FFF;
}


.point{
	width:5px;
	color:#000;
	padding: 5px 0;
}

li{
	float:left;
	text-align:center;
	list-style-type:none;
	width:100px;
	padding: 0 5px;
}
/*termina menu*/

.reed-d{
	background-image: url(images/enrredada_der.png);
	width:55px;
	height:128px;
	position:absolute;
	z-index:4;
	right:0px;
	top: 200px;
}

.reed-i{
	background-image: url(images/enrredada_izq.png);
	width:55px;
	height:128px;
	position:absolute;
	z-index:4;
	left:0px;
	top:400px;
}

.reed-gd{
	background-image: url(images/enredadera_der_b.png);
	width:103px;
	height:135px;
	position:absolute;
	z-index:3;
	top: 0px;
	right:0px;
}

.reed-gi{
	background-image: url(images/enredadera_izq_b.png);
	width:100px;
	height:135px;
	position:absolute;
	z-index:3;
	left:0px;
	top:200px;
}

.moscad{
	background-image: url(images/mosca_der.gif);
	width:30px;
	height:30px;
	position:absolute;
	z-index:3;
	top: 1600px;
	right:200px;
}

.moscai{
	background-image: url(images/mosca.gif);
	width:30px;
	height:30px;
	position:absolute;
	z-index:3;
	left:200px;
	top:1900px;
}

.carniborad{
	background-image: url(images/planta_der.gif);
	width:100px;
	height:73px;
	position:absolute;
	z-index:3;
	top: 1700px;
	right:0px;
}

.carniborai{
	background-image: url(images/planta_izq.gif);
	width:100px;
	height:73px;
	position:absolute;
	z-index:3;
	left:0px;
	top:2000px;
}

.tentaculosd{
	background-image: url(images/tentaculos_der.gif);
	width:200px;
	height:340px;
	position:absolute;
	z-index:3;
	top:1050px;
	right:0px;
}

.tentaculosi{
	background-image: url(images/tentaculos.gif);
	width:200px;
	height:340px;
	position:absolute;
	z-index:3;
	left:0px;
	top:1050px;
}



/*ajuste de secciones*/
.svg{
		margin:auto;
		margin-bottom: 50px;

}

.svg.tquien{
	width:186px;
}

.svg.tque{
	    width: 237px;
}

.svg.tcomo{
	width:191px;
	-ms-transform: skewY(2deg); /* IE 9 */
    -webkit-transform: skewY(2deg); /* Safari */
    transform: skewY(2deg); /* Standard syntax */
}

.svg.tdonde{
	width:214px;
}

section div:nth-child(3){
	max-width:940px;
	margin:auto;
}

.intro{
	background-color: #f7f7f7;
	width:100%;
	height:300px;
	-ms-transform: skewY(-2deg); /* IE 9 */
    -webkit-transform: skewY(-2deg); /* Safari */
    transform: skewY(-2deg); /* Standard syntax */
	-webkit-box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.4);
    -moz-box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.4);
    box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.4);
	position: relative;
    z-index: 2;
}

.logo-intro{
    height: 342px;
    width: 876px;
    background-image: url(images/res.png);
    background-position: center;
    background-repeat: no-repeat;
	background-size:100%;
	margin:auto;
	transform: skewY(2deg);
}

.heads{
	font-family: DinBold;
    font-size: 15px;
    color: #58595b;
    letter-spacing: 2px;
	text-align:center;
	margin: 0 0 5px 0;
}

.heads.start{
	margin-bottom:30px;
}

.heads.creatividad{
	 font-family: DinCondense;
    font-size: 25px;
    letter-spacing: 5px;
    color: #58595b;
    margin: 9% 0;
}

.heads.contacto{
	font-family: DinBold;
    font-size: 20px;
    color: #000;
    letter-spacing: 4px;
    line-height: 15px;
	    margin: 30px 0;
}

.heads.last{
	margin: 3% auto 3% auto;
    font-family: DinBold;
    font-size: 15px;
    color: #58595b;
    letter-spacing: 2px;
    width: 78%;
    text-align: justify;
	line-height: 35px;
}

strong {
    font-size: 40px;
    color: #000;
}

.parrafo{
	text-align: justify;
    letter-spacing: 0.6px;
    line-height: 35px;
	width:880px;
	margin:auto;
}

.parrafo.dos{
	margin-top: 20px;
}

.pulpo{
	background-image:url(images/brain_tentacle.gif);
	background-size:100%;
	width:357px;
	height:283px;
	margin:auto;
}

.tentaculo{
	width: 30px;
    height: 130px;
    margin: auto;
    position: relative;
    z-index: 1;
}

.tentacle{
	background-image:url(images/tentaculo.svg);
	width:50px;
	height:130px;
	background-repeat:no-repeat;
	transform: translateY(-130px);
	animation: tentaculo 3s forwards;
	animation-delay:1s;
}

@keyframes tentaculo{
	form{
		transform: translateY(-130px);
	}

	to{
		transform: translateY(0px);
	}
}


.quien{
	background: url(images/pico2.png) repeat-x;;
    background-position: top left;
	margin:-36px 0 0 0;
	padding: 80px 0;
	-ms-transform: skewY(2deg); /* IE 9 */
    -webkit-transform: skewY(2deg); /* Safari */
    transform: skewY(2deg); /* Standard syntax */

}

.quien div{
	-ms-transform: skewY(-2deg); /* IE 9 */
    -webkit-transform: skewY(-2deg); /* Safari */
    transform: skewY(-2deg); /* Standard syntax */
}

.que{
	-ms-transform: translate(0px,-40px); /* IE 9 */
    -webkit-transform: translate(0px,-40px); /* Safari */
    transform: translate(0px,-40px); /* Standard syntax */
	position:relative;
	z-index:-1;
	padding: 10px 0 80px 0;
	background-color: #fff;
}

.como{
	-ms-transform: translate(0px,-30px) skewY(-2deg); /* IE 9 */
    -webkit-transform: translate(0px,-30px) skewY(-2deg); /* Safari */
    transform: translate(0px,-30px) skewY(-2deg); /* Standard syntax */
	background: url(images/pico2.png) repeat-x;
    background-position: left top;
	padding: 80px 0 0 0;
}

.container-digital{
	padding: 70px 0 30px 0;
    height: 300px;
}

.digital{
	width:295px;
	margin:auto;
}

.web, .micro, .landing, .banners, .news, .redes, .mailing{
	width:130px;
}

.web, .micro, .landing,.news, .redes, .mailing{
	position:absolute;
}

.web{
	-ms-transform: translate(230px,-20px); /* IE 9 */
    -webkit-transform: translate(230px,-20px); /* Safari */
    transform: translate(230px,-20px); /* Standard syntax */
}

.micro{
	-ms-transform: translate(210px,90px); /* IE 9 */
    -webkit-transform: translate(210px,90px); /* Safari */
    transform: translate(210px,90px); /* Standard syntax */
}

.landing{
	-ms-transform: translate(290px,175px); /* IE 9 */
    -webkit-transform: translate(290px,175px); /* Safari */
    transform: translate(290px,175px); /* Standard syntax */
}

.news{
	-ms-transform: translate(610px,-300px); /* IE 9 */
    -webkit-transform: translate(610px,-300px); /* Safari */
    transform: translate(610px,-300px); /* Standard syntax */
}

.redes{
	-ms-transform: translate(595px,-200px); /* IE 9 */
    -webkit-transform: translate(595px,-200px); /* Safari */
    transform: translate(595px,-200px); /* Standard syntax */
}

.mailing{
	-ms-transform: translate(545px,-100px); /* IE 9 */
    -webkit-transform: translate(545px,-100px); /* Safari */
    transform: translate(545px,-100px); /* Standard syntax */
}

.banners{
	margin:auto;
	width:80px;
}

.how{
	    height: 880px;
		-ms-transform: skewY(2deg);
		-webkit-transform: skewY(2deg);
		transform: skewY(2deg);
}

.end{
	-ms-transform: skewY(2deg);
		-webkit-transform: skewY(2deg);
		transform: skewY(2deg);
}

.como-container{
	padding: 100px 0 0 0;
}

.donde{
    transform: translate(0px, -50px);
}

.centro{
    background-image: url(images/skin.png);
    background-size: 100%;
    background-position: bottom center;
    width: 400px;
    height: 400px;
    margin: 50px auto;
    background-repeat: no-repeat;
    padding: 35px 0 0 0;
    position: relative;
    top: -260px;
}

.skeleton{
	  background-image: url(images/skeleton.png);
    background-size: 100%;
    background-position: bottom center;
    width: 400px;
    height: 400px;
    margin: 50px auto;
    background-repeat: no-repeat;
    padding: 35px 0 0 0;
    position: absolute;
    top: -51px;
}

.observacion{
    position: absolute;
    background: url(images/ojo.gif);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 181px;
    height: 330px;
    -ms-transform: translate(110px,-60px);
    -webkit-transform: translate(110px,-60px);
    transform: translate(110px,-60px);
    cursor: pointer;
    z-index: 2;

}


.titulosO, .titulosI, .titulosC, .titulosP, .titulosA, .titulosE{
	/*padding: 10px 0;*/
    margin: 0;
    color: #FFF;
    font-family: DinBold;
    letter-spacing: 3px;
    text-align: center;
    /*width: 250px;*/
    position: relative;
    /*left: 250px;*/
}

.titulosO, .titulosI, .titulosC{
    padding: 0 0px 0 6px;
	left:270px;
}

.titulosA, .titulosE, .titulosP{
	padding: 0 5px 0 0px;
	right:290px;
}



.titulo-hoverO, .titulo-hoverI, .titulo-hoverC, .titulo-hoverP, .titulo-hoverA, .titulo-hoverE{
    height: 100px;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.titulo-hoverO, .titulo-hoverC, .titulo-hoverP, .titulo-hoverE{
	width: 300px;
}

.titulo-hoverI, .titulo-hoverA{
	width: 240px;
}

.titulo-hoverO {
    left: -13%;
    top: 40px;
}


.titulo-hoverI {
left: -16%;
    top: 191px;
}


.titulo-hoverC {
left: -13.5%;
    top: 340px;
}

@keyframes slide{
0%   {
	left:270px;
}

100%   {
	left:0px;
}
}

@-webkit-keyframes slide{
0%   {
	left:270px;
}

100%   {
	left:0px;
}
}

@-moz-keyframes slide{
0%   {
	left:270px;
}

100%   {
	left:0px;
}
}

@-o-keyframes slide{
0%   {
	left:270px;
}

100%   {
	left:0px;
}
}

@-ms-keyframes slide{
0%   {
	left:270px;
}

100%   {
	left:0px;
}
}



@keyframes slideback{
0%   {
	left:0px;
}

100%   {
	left:270px;
}
}

@-webkit-keyframes slideback{
0%   {
	left:0px;
}

100%   {
	left:270px;
}
}

@-moz-keyframes slideback{
0%   {
	left:0px;
}

100%   {
	left:270px;
}
}

@-o-keyframes slideback{
0%   {
	left:0px;
}

100%   {
	left:270px;
}
}

@-ms-keyframes slideback{
0%   {
	left:0px;
}

100%   {
	left:270px;
}
}


.titulo-hoverP{
    left: 81.5%;
    top: -295px;
}

.titulo-hoverA{
    left: 89.5%;
    top: -635px;
}

.titulo-hoverE {
    left: 81%;
    top: -995px;
}

@keyframes slides{
0%   {
	left:-290px;
}

100%   {
	left:0px;
}
}

@-webkit-keyframes slides{
0%   {
	left:-290px;
}

100%   {
	left:0px;
}
}

@-moz-keyframes slides{
0%   {
	left:-290px;
}

100%   {
	left:0px;
}
}

@-o-keyframes slides{
0%   {
	left:-290px;
}

100%   {
	left:0px;
}
}

@-ms-keyframes slides{
0%   {
	left:-290px;
}

100%   {
	left:0px;
}
}



@keyframes slidebacks{
0%   {
	left:0px;
}

100%   {
	left:-290px;
}
}

@-webkit-keyframes slidebacks{
0%   {
	left:0px;
}

100%   {
	left:-290px;
}
}

@-moz-keyframes slidebacks{
0%   {
	left:0px;
}

100%   {
	left:-290px;
}
}

@-o-keyframes slidebacks{
0%   {
	left:0px;
}

100%   {
	left:-290px;
}
}

@-ms-keyframes slidebacks{
0%   {
	left:0px;
}

100%   {
	left:-290px;
}
}


#obsIntel, #ideaIntel, #constIntel, #pruebaIntel, #adaptIntel, #entreIntel{
	width:400px;
	position:absolute;
	z-index: 3;
}

#obsIntel{
		-ms-transform: translate(270px,125px); /* IE 9 */
    -webkit-transform: translate(270px,125px); /* Safari */
    transform: translate(270px,125px); /* Standard syntax */
}

#ideaIntel{
	-ms-transform: translate(270px,85px);
	-web-kit-transform: translate(270px,85px);
	transform: translate(270px,85px);
}

#constIntel{
	-ms-transform: translate(270px,45px); /* IE 9 */
    -webkit-transform: translate(270px,45px); /* Safari */
    transform: translate(270px,45px); /* Standard syntax */
}

#pruebaIntel{
	-ms-transform: translate(270px,-530px); /* IE 9 */
    -webkit-transform: translate(270px,-530px); /* Safari */
    transform: translate(270px,-530px); /* Standard syntax */
}

#adaptIntel{
	-ms-transform: translate(270px,-570px); /* IE 9 */
    -webkit-transform: translate(270px,-570px); /* Safari */
    transform: translate(270px,-570px); /* Standard syntax */
}

#entreIntel{
	-ms-transform: translate(270px,-610px); /* IE 9 */
    -webkit-transform: translate(270px,-510px); /* Safari */
    transform: translate(270px,-610px); /* Standard syntax */
}

.cerrar-intel{
	background:url(images/cerrar_intel.svg);
	 background-repeat: no-repeat;
	width:50px;
	height:50px;
	position:absolute;
	right:0px;
	cursor:pointer;
}

.observacion-info{
	background: url(images/skeleton.png);
    background-size: 100%;
    /* padding: 19% 0; */
    width: 400px;
    height: 400px;
    background-repeat: no-repeat;
}

.titles, .titlesD{
	padding:5px 0;
	margin:0;
	background: #3f3e40; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #3f3e40 1%, #000000 83%, #000000 83%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #3f3e40 1%,#000000 83%,#000000 83%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #3f3e40 1%,#000000 83%,#000000 83%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3e40', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.4);
	-moz-box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.4);
	box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.4);
	color:#FFF;
	font-family: DinBold;
	letter-spacing:3px;
	text-align:center;

}

.titles{
	-ms-transform: skewX(-20deg); /* IE 9 */
    -webkit-transform: skewX(-20deg); /* Safari */
    transform: skewX(-20deg); /* Standard syntax */
}

.titlesD{
	-ms-transform: skewX(20deg); /* IE 9 */
    -webkit-transform: skewX(20deg); /* Safari */
    transform: skewX(20deg); /* Standard syntax */
}

.titles p{
	margin:0;
	-ms-transform: skewX(20deg); /* IE 9 */
    -webkit-transform: skewX(20deg); /* Safari */
    transform: skewX(20deg); /* Standard syntax */
}

.titlesD p{
	margin:0;
	-ms-transform: skewX(-20deg); /* IE 9 */
    -webkit-transform: skewX(-20deg); /* Safari */
    transform: skewX(-20deg); /* Standard syntax */
}

.titles font, .titlesD font{
	color:#5fc6cd;
}

/*.titles:before{
	content:"• ";
	color:#5fc6cd;

}*/

.info-sec{
    font-size: 18px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #d5d7d8 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#d5d7d8 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#d5d7d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d7d8',GradientType=0 );
    -webkit-box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.4);
    -moz-box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.4);
    box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.4);
	text-align:center;
	padding:10px 35px;
	margin:0;
	font-family: Yi;
	color: #6d6e71;
	line-height: 15px;
	letter-spacing:0.6px;
}

.parrafos{
	padding:20px 0 0 0;
	width:350px;
}

#idea{
	margin:0;
}

.idea{
	position:absolute;
	background: url(images/cerebro.gif);
	 background-repeat: no-repeat;
    background-size: 100%;
	width:170px;
	height: 265px;
	-ms-transform: translate(45px,160px); /* IE 9 */
    -webkit-transform: translate(45px,160px); /* Safari */
    transform: translate(45px,160px); /* Standard syntax */
	cursor:pointer;
	z-index:2;
}

.idea-info{
	background: url(images/skeleton.png);
    background-size: 100%;
    /* padding: 19% 0; */
    width: 400px;
    height: 400px;
    background-repeat: no-repeat;
}

.construct{
	position:absolute;
	background: url(images/corazon.gif);
	 background-repeat: no-repeat;
    background-size: 100%;
	width:545px;
	height:196px;
	-ms-transform: translate(125px,305px); /* IE 9 */
    -webkit-transform: translate(125px,305px); /* Safari */
    transform: translate(125px,305px); /* Standard syntax */
	cursor:pointer;
	z-index:2;
}

.const-info{
	background: url(images/skeleton.png);
    background-size: 100%;
    /* padding: 19% 0; */
    width: 400px;
    height: 400px;
    background-repeat: no-repeat;
}

.prueba{
	position:absolute;
	background: url(images/estomago.gif);
	background-repeat: no-repeat;
    background-position:bottom;
	/*background-size: 100%;*/
	width:172px;
	height:280px;
	-ms-transform: translate(635px,-445px); /* IE 9 */
    -webkit-transform: translate(635px,-445px); /* Safari */
    transform: translate(635px,-445px); /* Standard syntax */
	cursor:pointer;
	z-index:2;
}

.prueba-info{
	background: url(images/skeleton.png);
    background-size: 100%;
    /* padding: 19% 0; */
    width: 400px;
    height: 400px;
    background-repeat: no-repeat;
}

.adaptacion{
	position: absolute;
    background: url(images/mano.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    /* background-size: 100%; */
    width: 170px;
    height: 285px;
    -ms-transform: translate(710px,-795px);
    -webkit-transform: translate(710px,-795px);
    transform: translate(710px,-795px);
    cursor: pointer;
    z-index: 2;
}

.adaptacion-info{
	background: url(images/skeleton.png);
    background-size: 100%;
    /* padding: 19% 0; */
    width: 400px;
    height: 400px;
    background-repeat: no-repeat;
}

.entrega{
	position:absolute;
	background: url(images/happy.gif);
	 background-repeat: no-repeat;
    background-size: 100%;
	width:546px;
	height:204px;
	-ms-transform: translate(260px,-1073px); /* IE 9 */
    -webkit-transform: translate(260px,-1073px); /* Safari */
    transform: translate(260px,-1073px); /* Standard syntax */
	cursor:pointer;
	z-index:2;
}

.entrega-info{
	background: url(images/skeleton.png);
    background-size: 100%;
    /* padding: 19% 0; */
    width: 400px;
    height: 400px;
    background-repeat: no-repeat;
}

hr {
    border: none;
    border-top: 5px dotted #000;
    /* color: #fff; */
    /* background-color: #fff; */
    /* height: 1px; */
    width: 90%;
}

.formulario{
	background-color:#f9f9f9;
	background-image: url(images/corner1.png), url(images/corner2.png), url(images/corner3.png), url(images/corner4.png);
	background-position: top left, top right, bottom left, bottom right;
	background-repeat: no-repeat;
	padding: 20px;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.4);
	position:relative;
	z-index:2;
	width: 880px;
}

#submit {
    color: #000;
    font-family: DinBold;
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
    border: none;
    padding: 10px 150px;
    background: rgb(249,169,22);
    background: -moz-linear-gradient(top, rgba(249,169,22,1) 0%, rgba(249,113,22,1) 100%);
    background: -webkit-linear-gradient(top, rgba(249,169,22,1) 0%,rgba(249,113,22,1) 100%);
    background: linear-gradient(to bottom, rgba(249,169,22,1) 0%,rgba(249,113,22,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a916', endColorstr='#f97116',GradientType=0 );
    opacity: 1;
    position: relative;
    top: -215px;
    right: -265px;

}

input {
	font-family:DinBold;
    border: 1px solid #000;
    -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 8px rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1);
    padding: 15px;
    background: transparent;
    margin: 0 0 10px 0;
	opacity:.5;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

input[type=text], input[type=email], input[type=number]{
	width: 35%;
    position: relative;
}

textarea{
    padding: 15px;
    background: transparent;
    position: relative;
    right: -265px;
    top: -220px;
    width: 52.8%;
    resize: none;
    border: 1px solid #000;
    opacity: .5;
}

::-webkit-input-placeholder {
	font-size:13px;
	color: #000;
	font-family:DinBold;
}

:-moz-placeholder { /* older Firefox*/
	font-size:13px;
	color: #000;
	font-family:DinBold;
}
::-moz-placeholder { /* Firefox 19+ */
	font-size:13px;
	color: #000;
	font-family:DinBold;
}

:-ms-input-placeholder {
	font-size:13px;
	color: #000;
	font-family:DinBold;
}

form{
	width:70%;
	height:280px;
	margin:auto;
}

#error{
	position:relative;
	top:-150px;
}

.message {
color: #FFF;
    background-color: #000;
    border-radius: 10px;
    padding: 15px;
    width: 70%;
    margin: auto;
    font-size: 18px;
}

.dialogo {
    background-image: url(images/dialogo.png);
    background-position: top center;
    background-repeat: no-repeat;
    width: 108%;
    height: 44px;
	    margin-bottom: 40px;
}

.dedo{
background-image: url(images/dedo.png);
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 334px;
    position: absolute;
    z-index: 3;
    /*-ms-transform: translate(755px, -90px);*/
    /* -webkit-transform: translate(755px, -90px); */
    /* transform: translate(755px, -90px); */
    /* bottom: -2625px; */
}

.mano{
	background-image: url(images/mano.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
	    height: 370px;
    position: absolute;
    /* top: -485px; */
    z-index: 1;
    margin: auto;
	-ms-transform: translate(0px,-135px); /* IE 9 */
    -webkit-transform: translate(0px,-135px); /* Safari */
    transform: translate(0px,-135px); /* Standard syntax */
}
/*animaciones titulos que se escriben*/
.path, .path2, .path3, .path4, .path5, .path6, .path7, .path-s {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
}

.path3 {
	animation: dash 8s linear forwards;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

@-moz-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

@-o-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

@-ms-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
/*animaciones titulos que se escriben*/

footer{
    text-align: center;
    background-color: black;
    padding: 30px 0px;
    position: absolute;
    width: 100%;
	-ms-transform: translate(0px, 180px);
    -webkit-transform: translate(0px, 180px);
    transform: translate(0px, 180px);
	z-index:4;
	    font-size: 20px;
}

footer a{
	text-decoration:none;
	color:#FFF;
}

.uno{
	background-image: url(images/1_.png);
	width:172px;
	height:259px;
	position:absolute;
	margin: 0 380px;
	z-index:5;
	top: 15px;
}

.two{
	background-image: url(images/2_.png);
	width:255px;
	height:137px;
	margin:auto;
	position:absolute;
	margin: 0 340px;
	top: 140px;
	z-index:4;
}

.tres{
	background-image: url(images/3_.png);
	width:485px;
	height:213px;
	margin:auto;
	position:absolute;
	margin: 0 225px;
	top: 40px;
	z-index:3;
}

.cuatro{
	background-image: url(images/4_.png);
	width:628px;
	height:237px;
	margin:auto;
	position:absolute;
	margin: 0 153px;
	top: 10px;
	z-index:2;
}

.cinco{
	background-image: url(images/5_.gif);
	width:933px;
	height:277px;
	margin:auto;
	position:absolute;
	top: -3px;
	z-index:1;
}

.contiene-camaleon{
	width:933px;
	margin:auto;
	-ms-transform: skewY(2deg);
-webkit-transform: skewY(2deg);
transform: skewY(2deg);
}

.special {
    font-family: DinCondense;
    width: 100%;
    color: #000;
    letter-spacing: 5px;
    text-align: center;
}

.special strong{
font-size: 20px;
}

.cont-serv{
	height: 300px;
	width: 800px;
}

.social, .progra{
	float: left;
}

.social{
    margin-top: 107px;
}


.camp{
	float: right;
    margin-top: 75px !important;
}

.progra{
    margin: 0 50px;

}
/*terminan ajustes de secciones*/

.servicios{
	 line-height: 30px;
}

.reed-top-one{
	background-image: url(images/enrredadam_izq.png);
	width: 52px;
	height:177px;
	position: absolute;
	top: 700px;
	left: 0;
	z-index: 3;
}



.reed-top-two{
	background-image: url(images/enredadera_izq_b.png);
	width: 100px;
	height:134px;
	position: absolute;
	top: 900px;
	left: 0;
	z-index: 2;
	opacity: .3;
}

.reed-top-three{
	background-image: url(images/enrredadam_der.png);
	width: 52px;
	height:177px;
	position: absolute;
	top: 700px;
	right: 0;
	z-index: 3;
}

.reed-top-four{
	background-image: url(images/enredadera_der_b.png);
	width: 100px;
	height:134px;
	position: absolute;
	top: 900px;
	right: 0;
	z-index: 2;
	opacity: .3;
}

.tent-one{
	background-image: url(images/enrredadam_izq.png);
	width: 52px;
	height:177px;
	position: absolute;
	top: 1500px;
	left: 0;
	z-index: 3;
}

.tent-two{
	background-image: url(images/enredadera_izq_b.png);
	width: 100px;
	height:134px;
	position: absolute;
	top: 2000px;
	left: 0;
	z-index: 2;
	opacity: .3;
}

.tent-three{
	background-image: url(images/enrredadam_der.png);
	width: 52px;
	height:177px;
	position: absolute;
	top: 1500px;
	right: 0;
	z-index: 3;
}

.tent-four{
	background-image: url(images/enredadera_der_b.png);
	width: 100px;
	height:134px;
	position: absolute;
	top: 2000px;
	right: 0;
	z-index: 2;
	opacity: .3;
}

.reed-top-five{
	background-image: url(images/enrredadam_izq.png);
	width: 52px;
	height:177px;
	position: absolute;
	top: 3000px;
	left: 0;
	z-index: 3;
}

.reed-top-six{
	background-image: url(images/enredadera_izq_b.png);
	width: 100px;
	height:134px;
	position: absolute;
	top: 4000px;
	left: 0;
	z-index: 2;
	opacity: .3;
}

.reed-top-seven{
	background-image: url(images/enrredadam_der.png);
	width: 52px;
	height:177px;
	position: absolute;
	top: 3000px;
	right: 0;
	z-index: 3;
}

.reed-top-eight{
	background-image: url(images/enredadera_der_b.png);
	width: 100px;
	height:134px;
	position: absolute;
	top: 4000px;
	right: 0;
	z-index: 2;
	opacity: .3;
}

@media (max-width:1199px) and (min-width:940px){

.parrafo {
    width: 800px;
}


.heads, .heads.creatividad{
	margin: 0 auto 5px auto;
	width:800px;
}

.heads.creatividad{
	margin-top:6%;
	margin-bottom:6%;
}

.como-container {
    padding: 120px 0 0 0;
}

.how{
	    height: 960px;

}

.observacion {
	background-image: url(images/1.png);
	width: 150px;
    height: 127px;
	transform:translate(130px,-25px);
}

.idea {
	background-image: url(images/2.png);
	width: 150px;
    height: 127px;
	transform: translate(385px,-200px);
}

.construct{
	background-image: url(images/3.png);
	width: 150px;
    height: 127px;
    transform: translate(645px,-225px);
}

.prueba{
	background-image: url(images/4.png);
	width: 150px;
    height: 127px;
    transform: translate(645px,-410px);
}

.adaptacion{
	background-image: url(images/5.png);
	width: 150px;
    height: 127px;
    transform: translate(385px,-395px);
}

.entrega{
	background-image: url(images/6.png);
	width: 150px;
    height: 127px;
        transform: translate(125px,-610px);
}

.titulo-hoverO {
    left: 5%;
    top: 110px;
}

.titulo-hoverI {
        left: 36%;
    top: -65px;
}

.titulo-hoverC {
    left: 62%;
    top: -90px;
}

.titulo-hoverP {
    left: 62%;
    top: -275px;
}

.titulo-hoverA {
    left: 37%;
    top: -260px;
}

.titulo-hoverE {
    left: 6%;
    top: -467px;
}

.titulosO, .titulosI, .titulosC {
    left: 0px;
}

.titulosA, .titulosE, .titulosP {
    right: 0px;
}

.titlesD, .titles{
	display:none;
}

.info-sec{
	border:dashed 3px #c9c9c9;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:20px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	background:transparent;
	padding:10px;
	-webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

.formulario{
width:800px;
}

textarea {
    right: -247px;
    top: -220px;
    width: 50%;
}

#submit{
	padding: 10px 127px;
    right: -247px;
}

.tent-one, .tent-three, .reed-top-one, .reed-top-three, .reed-top-five, .reed-top-seven{
	background-size: 100%;
	width: 45px;
    height: 153px;
}

.tent-two, .tent-four, .reed-top-two, .reed-top-four, .reed-top-six, .reed-top-eight{
	background-size: 100%;
	width: 80px;
  height: 110px;
}

}

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

	/*camaleon parallax*/

	.intro {
    height: 230px;
}

	.uno{
	background-image: url(images/1_.png);
	width:130px;
	height:196px;
	position:absolute;
	background-size:100%;
	margin: 0 285px;
	z-index:5;
	top: 15px;
}

.two{
	background-image: url(images/2_.png);
	width: 192px;
    height: 103px;
	margin:auto;
	position:absolute;
	background-size:100%;
	margin: 0 254px;
	top: 140px;
	z-index:4;
}

.tres{
	background-image: url(images/3_.png);
	width: 364px;
height: 160px;
	margin:auto;
	position:absolute;
	background-size:100%;
	    margin: 0 168px;
	top: 40px;
	z-index:3;
}

.cuatro{
	background-image: url(images/4_.png);
	width: 472px;
    height: 178px;
	margin:auto;
	position:absolute;
	background-size:100%;
	    margin: 0 114px;
	top: 10px;
	z-index:2;
}

.cinco{
	background-image: url(images/5_.gif);
	width: 700px;
	 height: 207px;
	background-size:100%;
	margin:auto;
	position:absolute;
	top: -3px;
	z-index:1;
}

.contiene-camaleon{
	width:700px;
	margin:auto;
	-ms-transform: skewY(2deg);
-webkit-transform: skewY(2deg);
transform: skewY(2deg);
}

	/*camaleon parallax*/

section div:nth-child(3) {
    max-width: 600px;
    margin: auto;
}

.logo-intro {
	background-size:95%;
	width:700px;
}

	.parrafo {
    width: 600px;
}

.heads {
	width:500px;
	margin:auto;
}

.heads.creatividad{
	margin:auto;
	margin-top:6%;
	margin-bottom:6%;
}

.como-container {
    padding: 40px 0 0 0;
}

.how {
    height: 2230px;
}

.web{
	-ms-transform: translate(70px,-20px); /* IE 9 */
    -webkit-transform: translate(70px,-20px); /* Safari */
    transform: translate(70px,-20px); /* Standard syntax */
}

.micro{
	-ms-transform: translate(50px,90px); /* IE 9 */
    -webkit-transform: translate(50px,90px); /* Safari */
    transform: translate(50px,90px); /* Standard syntax */
}

.landing{
	-ms-transform: translate(120px,175px); /* IE 9 */
    -webkit-transform: translate(120px,175px); /* Safari */
    transform: translate(120px,175px); /* Standard syntax */
}

.news{
	-ms-transform: translate(435px,-300px); /* IE 9 */
    -webkit-transform: translate(435px,-300px); /* Safari */
    transform: translate(435px,-300px); /* Standard syntax */
}

.redes{
	-ms-transform: translate(435px,-200px); /* IE 9 */
    -webkit-transform: translate(435px,-200px); /* Safari */
    transform: translate(435px,-200px); /* Standard syntax */
}

.mailing{
	-ms-transform: translate(385px,-100px); /* IE 9 */
    -webkit-transform: translate(385px,-100px); /* Safari */
    transform: translate(385px,-100px); /* Standard syntax */
}


.centro {
    top: -40px;
	margin: 50px auto 0px auto;
}

.skeleton{
	margin: 50px auto 0px auto;
}

#observacion, #idea, #construct, #prueba, #adaptacion, #entrega{
    width: 300px;
    position: relative;
    margin: auto;
	overflow:hidden;
	height:200px;
}

#observacion, #idea, #construct, #prueba, #adaptacion{
	background-image:url(images/arrows.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}

#observacion{
	height:285px;
}

#idea, #adaptacion{
	height:287px;
}

#construct{
	height:277px;
}

#prueba{
	height:286px;
}

.observacion {
	background-image: url(images/1.png);
	width: 150px;
    height: 127px;
	transform: translate(75px,0px);
}



.idea {
	background-image: url(images/2.png);
    width: 150px;
    height: 127px;
    margin: auto;
    transform: translate(75px,0px);
}

.construct{
	background-image: url(images/3.png);
	width: 150px;
    height: 127px;
	transform: translate(75px,0px);
}

.prueba{
	background-image: url(images/4.png);
	width: 150px;
    height: 127px;
    transform: translate(75px,0px);
}

.adaptacion{
	background-image: url(images/5.png);
	width: 150px;
    height: 127px;
    transform: translate(75px,0px);
}

.entrega{
	background-image: url(images/6.png);
	width: 150px;
    height: 127px;
    transform: translate(75px,0px);
}

.titulo-hoverO {
	margin:auto;
	left:0;
	top:140px;
}

.titulo-hoverI {
margin:auto;
	left:0;
	top:143px;
}

.titulo-hoverC {
    top: 133px;
    left: -3px;
}

.titulo-hoverP {
    left: 0;
    top: 127px;
}

.titulo-hoverA {
    left: 34px;
    top: 143px;
}

.titulo-hoverE {
    left: 2px;
    top: 143px;
}

.titulosO, .titulosI, .titulosC {
    left: 0px;
}

.titulosA, .titulosE, .titulosP {
    right: 0px;
}

.titlesD, .titles{
	display:none;
}

.info-sec{
	border:dashed 3px #c9c9c9;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:20px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	background:transparent;
	padding:10px;
	-webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

.formulario{
	width: 500px;
    height: 900px;
}

input[type=text], input[type=email], input[type=number] {
    width: 90%;
}

textarea {
   width: 90%;
    position: initial;
}

#submit{
	    padding: 10px 145px;
	position:initial;
	    margin-top: 10px;
}

.message {
    margin: 190px auto 0 auto;
}
.dedo{
    bottom: -375px;
}

.cont-serv{
	height: 300px;
	width: 700px;
}

.cont-serv svg{
    width: 190px;
}

.progra {
    margin: 0 15px;
}

.camp {
    margin-top: 80px !important;
}

.social {
    margin-top: 98px;
}

.tent-one, .tent-three, .reed-top-one, .reed-top-three, .reed-top-five, .reed-top-seven{
	background-size: 100%;
	width: 45px;
	height: 153px;
}

.tent-two, .tent-four, .reed-top-two, .reed-top-four, .reed-top-six, .reed-top-eight{
	background-size: 100%;
	width: 80px;
  height: 110px;
}
}

@media (max-width:719px) and (min-width:300px){

	.uno{
	background-image: url(images/1_.png);
	width:135px;
	height:205px;
	position:absolute;
	background-size:100%;
	margin: 0px 98px;
	z-index:5;
	top: 35px;
}

.two{
	background-image: url(images/2_s.png);
	width:185px;
	height:99px;
	margin:auto;
	position:absolute;
	background-size:100%;
	margin: 0 68px;
	top: 140px;
	z-index:4;
}

.tres{
	background-image: url(images/3_s.png);
	width:317px;
	height:133px;
	margin:auto;
	position:absolute;
	background-size:100%;
	margin: 0 1px;
	top: 80px;
	z-index:3;
}

.cuatro{
	background-image: url(images/4_s.png);
	width:279px;
	height:140px;
	margin:auto;
	position:absolute;
	background-size:100%;
	margin: 0 21px;
	top: 66px;
	z-index:2;
}

.cinco{
	background-image: url(images/5_s.png);
	width:321px;
	height:129px;
	background-size:100%;
	margin:auto;
	position:absolute;
	top: -3px;
	z-index:1;
}

.contiene-camaleon{
	width:320px;
	margin:auto;
	-ms-transform: skewY(2deg);
-webkit-transform: skewY(2deg);
transform: skewY(2deg);
}

.que{
padding: 10px 0 0 0;
}

.quien, .que, .como{
    overflow-x: hidden;
}
	.menu {

    right: 20px;

}

.cerrar {
    right: 6px;
}

#menuRes {
    width: 100%;
    height: 275px;
    background: url(images/menu_mobile.jpg) center;
	background-repeat:no-repeat;
	background-color:#FFF;
}

.point {
    color: #E9E9E9;
    font-size: 15px;
    letter-spacing: 5px;
    margin: 0;
}

.point:after {
    color: #E9E9E9;
    content: "•••••••••••••••••";

}

nav a{
	font-size: 25px;
}

ul li:nth-child(1), ul li:nth-child(9){
display:none;
}

ul {
    width: 170px;
    margin: auto;
    padding: 50åpx 0 0 0;
    font-family: Spoon;
}

li{
	float:none;
	margin:auto;
	width: 100%;
	padding: 0;
}
	.logo-intro {
		background:url(images/logo_mobile.png);
		background-repeat:no-repeat;
	background-size:100%;
	width:320px;
	height:224px;
}

.intro{
	height: 230px;
}


.pulpo {
    background-image: url(images/brain_tentacle.gif);
    background-size: 100%;
    width: 300px;
    height: 238px;
    margin: auto;
}

section div:nth-child(3) {
    max-width: 300px;
    margin: auto;
}

	.parrafo {
    width: 300px;
		line-height: 25px;
}

.heads {
	width:300px;
	margin:auto;
}

.heads.last {
    line-height: 25px;
}

.heads.creatividad{
	margin:auto;
	margin-top:6%;
	margin-bottom:6%;
}

.como-container {
    padding: 40px 0 0 0;
}

.how {
    height: 2230px;
}

.digital{
	    width: 170px;
	height:165px;
}

.digital svg{
	width:170px;
}

.landing img{
	width:90px;
}

.banners {
    width: 64px;
}

.banners img{
	width:65px;
}

.redes img{
	width:100px;
}

.mailing img{
	width:65px
}

img{
	width:70px;
}

.web{
	-ms-transform: translate(-1px,0px); /* IE 9 */
    -webkit-transform: translate(-1px,0px); /* Safari */
    transform: translate(-1px,0px); /* Standard syntax */
	width:70px;
}

.micro{
	-ms-transform: translate(-7px,72px); /* IE 9 */
    -webkit-transform: translate(-7px,72px); /* Safari */
    transform: translate(-7px,72px); /* Standard syntax */
	width:70px;
}

.landing{
	-ms-transform: translate(18px,140px); /* IE 9 */
    -webkit-transform: translate(18px,140px); /* Safari */
    transform: translate(18px,140px); /* Standard syntax */
	width:90px;
}

.news{
	-ms-transform: translate(230px,-234px); /* IE 9 */
    -webkit-transform: translate(230px,-234px); /* Safari */
    transform: translate(230px,-234px); /* Standard syntax */
}

.redes{
	-ms-transform: translate(215px,-168px); /* IE 9 */
    -webkit-transform: translate(215px,-168px); /* Safari */
    transform: translate(215px,-168px); /* Standard syntax */
	    width: 110px;
}

.mailing{
	-ms-transform:translate(195px,-91px); /* IE 9 */
    -webkit-transform: translate(195px,-91px); /* Safari */
    transform:translate(195px,-91px); /* Standard syntax */
	    width: 66px;
}


.centro {
    top: -40px;
	margin: 50px auto 0px auto;
}

.skeleton{
	margin: 50px auto 0px auto;
}

.centro, .skeleton{
	width:300px;
	height:300px;
}

#observacion, #idea, #construct, #prueba, #adaptacion, #entrega{
    width: 300px;
    position: relative;
    margin: auto;
	overflow:hidden;
	height:200px;
}

#observacion, #idea, #construct, #prueba, #adaptacion{
	background-image:url(images/arrows.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}

#observacion{
	height:285px;
}

#idea, #adaptacion{
	height:287px;
}

#construct{
	height:277px;
}

#prueba{
	height:286px;
}

.observacion {
	background-image: url(images/1.png);
	width: 150px;
    height: 127px;
	transform: translate(75px,0px);
}



.idea {
	background-image: url(images/2.png);
    width: 150px;
    height: 127px;
    margin: auto;
    transform: translate(75px,0px);
}

.construct{
	background-image: url(images/3.png);
	width: 150px;
    height: 127px;
	transform: translate(75px,0px);
}

.prueba{
	background-image: url(images/4.png);
	width: 150px;
    height: 127px;
    transform: translate(75px,0px);
}

.adaptacion{
	background-image: url(images/5.png);
	width: 150px;
    height: 127px;
    transform: translate(75px,0px);
}

.entrega{
	background-image: url(images/6.png);
	width: 150px;
    height: 127px;
    transform: translate(75px,0px);
}

.titulo-hoverO {
	margin:auto;
	left:0;
	top:140px;
}

.titulo-hoverI {
margin:auto;
	left:0;
	top:143px;
}

.titulo-hoverC {
    top: 133px;
    left: -3px;
}

.titulo-hoverP {
    left: 0;
    top: 127px;
}

.titulo-hoverA {
    left: 34px;
    top: 143px;
}

.titulo-hoverE {
    left: 2px;
    top: 143px;
}

.titulosO, .titulosI, .titulosC {
    left: 0px;
}

.titulosA, .titulosE, .titulosP {
    right: 0px;
}

.titlesD, .titles{
	display:none;
}

.info-sec{
	border:dashed 3px #c9c9c9;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:20px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	background:transparent;
	padding:10px;
	-webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

.formulario{
	height: 945px;
	width:280px;
}

input[type=text], input[type=email], input[type=number] {
    width: 90%;
}

textarea {
   width: 90%;
    position: initial;
}

#submit{
	    padding: 10px 75px;
	position:initial;
	    margin-top: 10px;
}

.message {
    margin: 190px auto 0 auto;
}
.dedo{
    bottom: -395px;
    height: 295px;
    background-size: 165px;
}

.mano {
    height: 308px;
    -ms-transform: translate(0px,-70px);
    -webkit-transform: translate(0px,-70px);
    transform: translate(0px,-70px);
    background-size: 320px;
}

.cont-serv svg{
	width: 190px;
}

.cont-serv{
	height: 600px;
}


.social, .progra, .camp {
    float: none;
		margin: 0 auto !important;
		width: 190px;
}

.tent-one, .tent-three, .reed-top-one, .reed-top-three, .reed-top-five, .reed-top-seven, .tent-two, .tent-four, .reed-top-two, .reed-top-four, .reed-top-six, .reed-top-eight{
display: none
}
}