a
{
	color:#000;
	text-decoration:none;
}
a:hover
{
    text-decoration:underline;
}
a:focus, input:focus, textarea:focus, select:focus
{
    outline:none;
}
body
{
	
	color:#2e2d2d;
	background:#3b3b3b;
	font:13px/22px Arial, Helvetica, sans-serif;
	margin:0;
	min-width:1024px;
}
html
{
    min-width:1024px;
}
img
{
    border-style:none;
}
input, textarea, select
{
	color:#000;
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	
}
fieldset, form
{
	margin:0;
	padding:0;
	border-style:none;
}
footer
{
	background:url("../images/bg-footer.gif") repeat-x;
	color:#fff;
	font:10px/32px Verdana, Geneva, Arial, Helvetica, sans-serif;
	
}
footer .holder
{
	margin:0 auto;
	overflow:hidden;
	width:1000px;
}
footer .copy
{
    float:right;
}
footer a
{
    color:#fff;
}
#nyancat
{
	bottom:266px;
	height:54px;
	left:420px;
	position:absolute;
	width:126px;
	/*opacity:0;*/
	animation:0.2s nyancat infinite;
}
#wrapper
{
	background:#e2f5ff url("../images/bg-body.jpg") repeat-x 50% 0;
	display:block;
	overflow:hidden;
	position:relative;
	width:100%;
}


.img-01
{
	
	opacity:0;
	transition:1s;
}

#img-02
{
	bottom:0;
	border-radius:80px;
	height:171px;
	left:2px;
	position:absolute;
	transition:0.5s;
	width:166px;		
}
#img-02:hover
{
	background:rgba(0,204,255,0.7);
	box-shadow:-2px -3px 250px #00CCFF,-3px -4px 200px #00CCFF,-4px -5px 200px #00CCFF;
	transform:translateY(5px);
}
#img-02:hover .img-02-lap
{
	transform:rotate(-5deg) translate(5px,-5px);
}
#img-02:hover .img-02-cab
{
	animation:0.5s img-02-cab infinite ;
}
@keyframes img-02-cab
{
	
	50%{transform:translateY(2px) rotate(2deg);}
	
}
.img-02
{
	bottom:0;
	left:9px;
}
.img-02-lap
{
	bottom:-20px;
	left:6px;
	transition:0.5s;
}
.img-02-cab
{
	left:8px;
	transition-duration:0.5s;
}
.img-03
{
	bottom:32px;
	left:18px;
	transition:1s;
}
.img-03:hover
{
	transform:rotate(360deg) scale(0.9,0.9);
}
.img-04
{
	bottom:40px;
	left:45px;
	transition:0.5s;
}
.img-04:hover
{
	transform:rotate(20deg);
}
.img-05
{
	bottom:1px;
	left:54px;
	transition:0.5s;
}
.img-05:hover
{
	transform:scale(1.2,1.2) translateX(-10px);
}
.img-06
{
	animation:10s img-06 infinite;
	bottom:13px;
	left:298px;
	transition:0.5s;
}
.img-06:hover
{
	border-right:5px solid red;	
	transform:rotate(2,2);
}
@keyframes img-06
{
	0%{transform:translate(0px,0px) scale(1,1);}
	5%{transform:translate(15px,0px) scale(0.8,0.9);}
	10%{transform:translate(20px,0px) scale(1,1);}
	15%{transform:translate(25px,0px) scale(0.8,0.9);}
	20%{transform:translate(30px,0px) scale(1,1);}
	25%{transform:translate(35px,0px) scale(0.8,0.9);}
	30%{transform:translate(40px,0px) scale(1,1);}
	40%{transform:translate(50px,0px) scale(0.8,0.9);}
	50%{transform:translate(60px,0px) scale(1,1);}
	60%{transform:translate(70px,0px) scale(0.8,0.9);}
	70%{transform:translate(80px,0px) scale(1,1);}
	80%{transform:translate(90px,0px) scale(0.8,0.9);}
	90%{transform:translate(60px,0px) scale(1,1);}
	1000%{transform:translate(0px,0px) scale(0.8,0.9);}
}
.img-07
{
	bottom:37px;
	left:359px;
	transition:0.5s;
}
.img-07:hover
{
	transform:scaleY(1.2) translateY(-10px);
}
#img-08
{
	animation:10s android infinite;
	height:50px;
	text-align:center;
	transition:2s;
	width:50px;
}
@keyframes android
{

	60%{transform:translateY(0px);}
	70%{transform:translateY(50px);}
	90%{transform:translateY(50px);}
	
}
#img-08:hover
{	
	background:rgba(0,255,0,0.5);	
	border-radius:25px;
	box-shadow:-2px -2px 50px #00FF00;
}
#img-08:hover img
{
	border-left:5px solid #3F0;
}
.img-08
{
	bottom:49px;
	left:438px;
	position:absolute;
}
#img-08 img
{
    transition:0.5s
}
.img-09
{
	bottom:10px;
	left:497px;
	transition:0.5s;
}
.img-09:hover
{
	transform:scale(1.5,1.5) rotate(-20deg);
}
.img-10
{
	animation:15s ballena;
	bottom:91px;
	left:499px;
	transition:0.5s;
}
@keyframes ballena
{
	0%{bottom:500px;transform:scale(1.5,1.5);}
	20%{bottom:300px; transform:rotate(20deg)scale(1.3,1.3);}
	85%{transform:rotate(-15deg);}
	100%{bottom:91px;}
}
.img-10:hover
{
	transform:rotate(10deg);
}
.img-11
{
	bottom:29px;
	left:534px;
	transition:0.5s;
}
.img-11:hover
{
	transform:scaleY(1.3) translateY(-5px);
}
.img-12
{
	animation:5s laptop infinite;
	bottom:25px;
	left:547px;
	transition:0.5s;
}
.img-12:hover
{
	transform:rotate(5deg);
}
@keyframes laptop
{
	
	88%{transform:translateY(0px);}
	90%{transform: rotate(5deg);}
	95%{transform:rotate(-5deg);}
	97%{transform: rotate(5deg);}
	98%{transform:rotate(-5deg);}
	
}
.img-13
{
	bottom:46px;
	right:381px;
	transition:0.5s;
}
.img-13:hover
{
	transform:scaleY(1.2) translateY(-10px);
}
.img-14
{
	bottom:-2px;
	right:339px;
	transition:0.5s;
}
.img-14:hover
{
	transform:scale(1.2,1.2) rotate(10deg);
}
.img-15
{
	bottom:2px;
	right:275px;
	transition:0.5s;
}
.img-15:hover
{
	transform:scale(1.5,1.5) rotate(10deg);
}
.img-16
{
	bottom:11px;
	right:260px;
	transition:0.5s;
	z-index:1;
}
.img-16:hover
{
	transform:scale(1.5,1.5) rotate(10deg);
}
.img-17
{
	bottom:64px;
	right:234px;
	transition:0.5s;
	z-index:2;
}
.img-17:hover
{
	transform:scaleY(1.2) translateY(-10px);
}
.img-18
{
	bottom:72px;
	right:196px;
	transition:1s;
	z-index:2;
}
.img-18:hover
{
	transform:scale(2,2);
}
.img-19
{
	animation:10s twitter;
	bottom:242px;
	right:145px;
	transition:0.5s;
}
@keyframes twitter
{
	0%{right:1000px;bottom:500px;transform:scale(0.5,0.5)}
	30%{right:500px;bottom:400px;transform:rotate(-10deg)scale(0.5,0.5)}
	40%{right:500px;bottom:400px;transform:rotate(10deg)scale(0.5,0.5)}
	50%{right:500px;bottom:400px;transform:rotate(-10deg)scale(0.5,0.5)}
	95%{right:145px;bottom:242px;scale(1,1)}
	95%{right:145px;bottom:242px; transform:rotate(20deg)scale(1,1);}
	95%{right:145px;bottom:242px; transform:scale(1,1);}
	100%{transform:scale(1,1);}
}
.img-19:hover
{
	transform:scale(1.2,1.2) rotate(-20deg);
}

#img-20
{
	border-radius:110px;
	bottom:0px;
	height:50px;
	position:absolute;
	right:10px;
	transition:0.5s;
	width:50px;
	
	
}
#img-20:hover
{
	background:rgba(255,204,0,0.5);
	border-radius:110px;
	box-shadow:0px 0px 200px #FFCC00, 2px 3px 200px #FFCC00, 4px 5px 200px #FFCC00;
	height:100px;
	width:100px;
}
#img-20:hover .img-20-izq
{
	transform:rotate(10deg);
}
#img-20:hover .img-20-cue
{
	transform:translateY(10px) rotate(5deg);
}
#img-20:hover .img-20-der
{
	transform:translateY(-10px);
}
.img-20-cue
{
	bottom:0px;
	right:10px;
	transition:0.5s;
}
.img-20-der
{
	bottom:-20px;
	right:10px;
	transition:0.5s;
}
.img-20-izq
{
	bottom:-20px;
	right:130px;
	transition:0.5s;
	z-index:2;
}
.img-21
{
	animation:3s cookfoodie infinite;
	bottom:132px;
	right:117px;
	z-index:3;
}
@keyframes cookfoodie
{
	
	48%{transform:scale(0.8,0.8);}
	50%{transform:scale(1,1);}
	52%{transform:scale(0.8,0.8);}

}
.img-22
{
	bottom:67px;
	right:57px;
	transition:2s;
	z-index:4;
}
.img-22:hover
{
	animation:3s img-22 infinite;
}
@keyframes img-22
{
	0%{}
	30%{transform:scale(1.5,1.5);}
	35%{transform:scale(1.5,1.5) rotate(20deg);}
	40%{transform:scale(1.7,1.7) rotate(20deg);}
	45%{transform:scale(1.7,1.7) rotate(20deg) skew(-10deg);}
	50%{transform:scale(1.7,1.7) rotate(20deg) skew(10deg);}
	52%{transform:scale(1.7,1.7) rotate(20deg);}
	90%{transform:scale(1.7,1.7) rotate(20deg);}
	100%{}
}

.bailaNyan
{
	
	animation:4s nyanNyan infinite linear;
	opacity:1;
	
}
@keyframes nyanNyan
{
	25%{transform:translate(400px,0px) rotate(0deg);}
	27%{transform:translate(400px,0px) rotate(-180deg);}
	50%{transform:translate(0px,0px) rotate(-180deg);}
	75%{transform:translate(-400px,0px) rotate(-180deg);}
	77%{transform:translate(-400px,0px) rotate(-360deg);}
	100%{transform:translate(0px,0px) rotate(-360deg);}
}
.google
{
	bottom:97px;
	left:295px;
	position:absolute;
	transition:0.5s;
	z-index:1;
}
.google:hover
{
	transform:scale(1.2,1.2) translateX(5px);
}
.green-box
{
	background:#c1eb56;
	bottom:130px;
	border-bottom:1px solid #aaeb06;
	border-radius:15px;
	box-shadow:-3px 3px 2px #aaeb06 ;
	left:172px;
	padding:15px 5px 15px 15px;
	position:absolute;
	transition:0.5s;
	width:270px;
	behavior:url("PIE.htc");
}
.green-box:hover{
	
	border-radius:20px 10px;
	
	}

.logo
{
	animation:3s logo ease-in-out;
	height:107px;
	left:350px;
	margin:0;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	top:28px;
	width:497px;
	z-index:1;
}
@keyframes logo
{

	0%{left:-300px; transform:rotate(-45deg)scale(0.1,0.1) skewX(-45deg);top:400px; }
	50%{left:-100px;/*transform:rotate(-30deg)scale(0.5,0.5);*/}
	100%{left:350px; top:28px;}
}
.logo a
{
	display:block;
	height:100%;
}

.orange-box
{
	background:#ffae45;
	bottom:130px;
	box-shadow:3px 3px 2px #ff9000;
	border-radius:15px;
	padding:15px;
	position:absolute;
	right:186px;
	transition:0.5s;
	width:240px;
	behavior:url("PIE.htc");
}
.orange-box:hover
{
	border-radius:10px 20px;
	
}

.w1, .w2
{
	float:left;
	left:50%;
	position:relative;
	width:1024px;
}
.w2
{
	
	background:url("../images/bg-wrapper.png") no-repeat 0 100%;
	left:-50%;
	letter-spacing:1px;
	/*min-height:736px;*/
	word-spacing:-1px;
}
.w2 img
{
    position:absolute;
}
.w2 p
{
    margin:0;
}