/* === CSS RESET === */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* === End of CSS RESET === */

body {
	background: wheat url(../img/bg_body.gif) top center repeat-x;
	color: white;
	font-size: 20px;
	font-family: 'nikregular';
	line-height: 1;
	/*text-shadow: 
		1px 1px 0 transparent,
		2px 2px 0 #101010;
	overflow: hidden;*/
}

h1 {
	font-size: 75px;
	font-weight: bold;
	line-height: 1.5em;
	text-shadow: 
		2px 2px 0 transparent,
		4px 4px 0 #101010;
}

a, a:visited {
	color: white;
	text-decoration: none;
	/*border-bottom: 2px dotted;*/
	transition: color 0.2s;
}

a:hover {
	color: #AAA;
}

a:active {
	color: lightblue;
}

a:focus{
	outline:none;
}

@font-face {
    font-family: 'nikregular';
    src: url('fonts/nik/nik-webfont.eot');
    src: url('fonts/nik/nik-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nik/nik-webfont.woff') format('woff'),
         url('fonts/nik/nik-webfont.ttf') format('truetype'),
         url('fonts/nik/nik-webfont.svg#nikregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.wrapper {
	
	/*background: url(../img/bg_home.jpg) top center no-repeat,
	url(../img/bg02.jpg) center 1403px repeat-x,
	url(../img/bg03.jpg) center 2507px repeat-x,
	url(../img/bg_juegos.jpg)  center 2972px no-repeat,
	url(../img/bg_tiendita.jpg) center 3572px no-repeat;
	*/
	background: transparent url(../img/bg_home.jpg) top center no-repeat;
	width: 100%;
	height: 2200px;
}

.wrapper div {
	position: absolute;
	width: 100%;
}

.settings {
	right: 0;
	padding: 10px 20px;
	border-radius: 10px 0 0 0;
}

.settings a {
	border: none;
}

.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}

#menu_vertical {
	font-family: 'PT Sans', Arial, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	height: 40px;
	position: fixed;
	top: 70px;
	width: 150px;
	z-index: 9999;
}

#menu_vertical ul {
	padding: 0;
	margin: 0 auto;
	width: auto;
	height: 40px;
}

#menu_vertical li {
	display: block;
	margin: -20px 0 0;
}

#menu_vertical li:first-child {
	margin: 0;
}

#menu_vertical a {
	color: #EAEAEA;
	display: inline-block;
	width: 100px;
	padding: 35px 0;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	text-indent: -9999px;
    transition:All 0.2s ease;
    -webkit-transition:All 0.2s ease;
    -moz-transition:All 0.2s ease;
    -o-transition:All 0.2s ease;
    -ms-transition:All 0.2s ease;

    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}

#menu_vertical li:last-child a {
	border-right: 0;
}

#menu_vertical a:hover, #menu_vertical a:active {
	/*background-color: #FFF;*/
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

#menu_vertical a#pull {
	display: none;
	text-indent: inherit;
}


@media only screen and (max-width : 768px) {
	#menu_vertical {
		border-bottom: 0;
		}

	#menu_vertical ul {
		display: none;
		height: auto;
		}

	#menu_vertical a#pull {
	    display: block;
	    left: 5px;
	    padding: 3px 0;
	    position: relative;
	    top: 5px;
	    width: 118px;
	    color: #EAEAEA;
	    text-transform: uppercase;
		background: url(../img/btn_ver_01.png) no-repeat;
		}

	#menu_vertical a#pull:hover {
		color: #FFF;
		}

	#menu_vertical a#pull:after {
		content:"";
		display: inline-block;
		height: 50px;
		left: 0;
		position: absolute;
		top: 0;
		width: 120px;
		}
}


/* MENU */

#sprite_01 { background: transparent url(../img/btns_menu.png) left -19px no-repeat; }
#sprite_02 { background: transparent url(../img/btns_menu.png) left -153px no-repeat; }
#sprite_03 { background: transparent url(../img/btns_menu.png) left -298px no-repeat; }
#sprite_04 { background: transparent url(../img/btns_menu.png) left -443px no-repeat; }
#sprite_05 { background: transparent url(../img/btns_menu.png) left -595px no-repeat; }
#sprite_06 { background: transparent url(../img/btns_menu.png) left -746px no-repeat; }
/* FIN MENU*/

/* Menu Top */
#menu {
	width: 100%;
	height: 61px;
	position: fixed;
	z-index: 9999;
	background: transparent url(../img/bg_menu_top.png) repeat-x;
}

#menu nav {
	width: 1020px;
	height: 55px;
	margin: 0 auto;
        margin-left: 26%;
}

.logo_top {
	margin-right: 25px;
}

.logo_top, .btn_mgaturro, .btn_picapon {
	float: left;
	text-indent: -9999px;
	margin-top: 5px;
}

.btn_mgaturro {
	background: transparent url(../img/logo_mundo_top.png) left center no-repeat;
	width: 180px;
	height: 55px;
}
.btn_mgaturro:hover { background: transparent url(../img/logo_mundo_top.png) -236px -1px no-repeat; }

.btn_picapon {
	background: transparent url(../img/logo_picapon_top.png) left center no-repeat;
	width: 117px;
	height: 55px;
}
.btn_picapon:hover { background: transparent url(../img/logo_picapon_top.png) -156px center no-repeat; }

#menu #idioma {
	background: transparent url(../img/bg_lenguajes_top.png) no-repeat;
	float: left;
	height: 47px;
	padding: 8px 0 0 110px;
	position: relative;
	width: 145px;
	margin-top: 6px;
}

#idioma .esp, #idioma .ing, #idioma .port {
	height: 40px;
	width: 40px;
	display: block;
}

#idioma .esp {
	background: transparent url(../img/idiomas.png) 0 -43px no-repeat;
	height: 40px;
	width: 36px;
	display: block;
}
#idioma .esp:hover {
	background: transparent url(../img/idiomas.png) no-repeat;
}

#idioma .ing {
	background: transparent url(../img/idiomas.png) 0 -43px no-repeat;
	height: 40px;
	width: 36px;
	display: block;
}
#idioma .ing:hover {
	background: transparent url(../img/idiomas.png) no-repeat;
}

#idioma .port {
	background: transparent url(../img/idiomas.png) 0 -43px no-repeat;
	height: 40px;
	width: 36px;
	display: block;
}
#idioma .port:hover {
	background: transparent url(../img/idiomas.png) no-repeat;
}

#menu #redes {
	background: transparent url(../img/bg_redes_top.png) no-repeat;
	float: left;
	height: 47px;
	padding: 8px 0 0 0;
	width: 240px;
	margin-top: 6px;
	}
	#menu #redes li img {
		transition:All 0.2s ease;
		-webkit-transition:All 0.2s ease;
		-moz-transition:All 0.2s ease;
		-o-transition:All 0.2s ease;
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		}

	#menu #redes li img:hover {
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
		}
	#menu #redes li {
		display: inline-block;
		}
	#menu #redes li a{
		display: block;
		}

#menu #idioma li {
	display: inline-block;
	text-indent: -9999px;
	}

.sp-canvas {
	display: none;
}

.arrow {
	position: relative;
	display: inline-block;
}

/*-------------------------------*/
/*------------- HOME ------------*/
/*-------------------------------*/
#home { 
	font-size: 30px;
	font-weight: bold;
	position: absolute;
	left: 0px;
	top: 0;
	text-align: center;
	padding-top: 100px;
	width: 100%;
	height: 2100px;
	z-index: 10;
	}

#bg_home {
    position: relative;
    z-index: 3;
    text-align: center;
}

#bg_home #parallax-front{
    margin: 0 auto;
    position: relative;
    width: 960px;
	/*animation: anim_nube_front 5s infinite linear;
	-moz-animation: anim_nube_front 5s infinite linear;
	-webkit-animation: anim_nube_front 5s infinite linear;*/
}
/**/
@-moz-keyframes anim_nube_front { 
	0% { -moz-transform: scale(1.01); }
	50% { -moz-transform: scale(1); } 
	100% { -moz-transform: scale(1.01); }
}

@-webkit-keyframes anim_nube_front { 
	0% { -webkit-transform: scale(1.01); }
	50% { -webkit-transform: scale(1); } 
	100% { -webkit-transform: (1.01); }
}

@-ms-keyframes anim_nube_front { 
	0% { -ms-transform: scale(1.01); }
	50% { -ms-transform: scale(1); } 
	100% { -ms-transform: scale(1.01); }
}

#fan {
	display: block;
	width: 119px;
	height: 129px;
	position: absolute;
	top: 158px;
	left: 684px;
	z-index: 9998;
	text-indent: -9999px;
	}

#fan:hover {
	background: transparent url(../img/bandera_nik.png) top center no-repeat;
}

#logo_home {
	display: block;
	left: 302px;
	margin: 0 auto;
	position: absolute;
	top: 301px;
	z-index: 9998;
	opacity: .9;
	transition:All 0.3336s ease;
	-webkit-transition:All 0.3336s ease;
	-moz-transition:All 0.3336s ease;
	-o-transition:All 0.3336s ease;
	}

#logo_home:hover {
	opacity: 1;
	transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	}


#nov {
    display: block;
    width: 166px;
    height: 153px;
    position: absolute;
    top: 168px;
    left: 89px;
    z-index: 9998;
    transition:All 0.3336s ease;
    -webkit-transition:All 0.3336s ease;
    -moz-transition:All 0.3336s ease;
    -o-transition:All 0.3336s ease;
    }

#nov:hover {
	color: gold;
	background: transparent url(../img/novedades_home_hover.png) center center no-repeat;
}

#nov span {
    display: block;
    font-size: 20px;
    left: 30px;
    position: inherit;
    text-shadow: 1px 1px 2px #000;
    top: 81px;
    text-transform: uppercase;
    transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    }

#bg_nube {
	height: 193px !important;
	position: absolute;
	top: 300px;
	width: 1431px;
	z-index: 1;
	left: 5%;
	animation: anim_nube_mid 3s infinite linear;
	-moz-animation: anim_nube_mid 3s infinite linear;
	-webkit-animation: anim_nube_mid 3s infinite linear;
}

@-moz-keyframes anim_nube_mid { 
	from { -moz-transform: rotate(0deg) translate(5px) rotate(0deg); } 
	to { -moz-transform: rotate(360deg) translate(5px) rotate(-360deg); }
}

@-webkit-keyframes anim_nube_mid { 
	from { -webkit-transform: rotate(0deg) translate(5px) rotate(0deg); } 
	to { -webkit-transform: rotate(360deg) translate(5px) rotate(-360deg); }
}

@-ms-keyframes anim_nube_mid { 
	from { -ms-transform: rotate(0deg) translate(5px) rotate(0deg); } 
	to { -ms-transform: rotate(360deg) translate(5px) rotate(-360deg); }
}/**/

#bg_nube_back {
	height: 193px !important;
	position: absolute;
	top: 280px;
	width: 1300px;
	z-index: 0;
	left: 9%;
	animation: anim_nube_back 7s infinite linear;
	-moz-animation: anim_nube_back 7s infinite linear;
	-webkit-animation: anim_nube_back 7s infinite linear;
}
/**/
@-moz-keyframes anim_nube_back { 
	0% { -moz-transform: rotate(-360deg) translate(5px) rotate(360deg) scale(1.2); }
	50% { -moz-transform: rotate(0deg) translate(5px) rotate(0deg) scale(1); } 
	100% { -moz-transform: rotate(-360deg) translate(5px) rotate(360deg) scale(1.2); }
}

@-webkit-keyframes anim_nube_back { 
	0% { -webkit-transform: rotate(-360deg) translate(5px) rotate(360deg) scale(1.2); }
	50% { -webkit-transform: rotate(0deg) translate(5px) rotate(0deg) scale(1); } 
	100% { -webkit-transform: rotate(-360deg) translate(5px) rotate(360deg) scale(1.2); }
}

@-ms-keyframes anim_nube_back { 
	0% { -ms-transform: rotate(-360deg) translate(5px) rotate(360deg) scale(1.2); }
	50% { -ms-transform: rotate(0deg) translate(5px) rotate(0deg) scale(1); } 
	100% { -ms-transform: rotate(-360deg) translate(5px) rotate(360deg) scale(1.2); }
}

#escalera {
	width: 699px;
	height: 883px;
	background: transparent url(../img/escalera.png) center top no-repeat;
	position: relative;
	left: 0px;
	top: 490px;
	z-index: 1;
	/**/display: none;
}

#escalera span{
	width: 200px;
	color: #FFFFFF;
	display: block;
	font-size: 32px;
	left: 267px;
	position: inherit;
	text-shadow: 1px 1px 2px #000000;
	top: 366px;
	transform: rotate(29deg);
	-moz-transform: rotate(29deg);
	-webkit-transform: rotate(29deg);
	-ms-transform: rotate(29deg);
	-o-transform: rotate(29deg);
}

#helicoptero_home {
	/*position: relative;*/
	width: 215px;
	height: 141px;
	float: right;
	right: 0;
	background: url(../img/helicoptero.png);
	animation: mov_helicotero 15s infinite linear;
	-moz-animation: mov_helicotero 15s infinite linear;
	-webkit-animation: mov_helicotero 15s infinite linear;
	z-index: 0;
	}
	@-moz-keyframes mov_helicotero {
		0% {right:0; top:20px; opacity: 0; -moz-transform:scale(0.5);}
		15% { opacity: 0.9; }
		100% {right:1680px; top:200px; opacity: 1; -moz-transform:scale(0.9);}
	}
	@-webkit-keyframes mov_helicotero {
		0% {right:0; top:20px; opacity: 0; -webkit-transform:scale(0.5);}
		15% { opacity: 0.9; }
		100% {right:1680px; top:200px; opacity: 1; -webkit-transform:scale(0.9);}
	}
	@-ms-keyframes mov_helicotero {
		0% {right:0; top:20px; opacity: 0; -ms-transform:scale(0.5);}
		15% { opacity: 0.9; }
		100% {right:1680px; top:200px; opacity: 1; -ms-transform:scale(0.9);}
	}

/*--------------------------------*/
/*------------- TIRAS ------------*/
/*--------------------------------*/
#tiras {
	height: 600px;
	left: 0;
	top: 800px;
	width: 100%;
	z-index: 4;
	padding-top: 70px;
	}

#tiras div:last-child {
	position: relative;
	z-index: -1;
	}

#tira_del_dia a{
	display: block;
	width: 453px;
	height: 575px;
	z-index: 1;
	position: absolute;
	top: 30px;
	left: 18.5%;
	z-index: 999;
	background: transparent url(../img/cont_tira_dia.png) center center no-repeat;
	animation: Revista_anim 5s infinite linear;
	-moz-animation: Revista_anim 5s infinite linear;
	-webkit-animation: Revista_anim 5s infinite linear;
	-ms-animation: Revista_anim 5s infinite linear;
	}

#tira_del_dia a:hover{
	background: transparent url(../img/cont_tira_dia_hover.png) center center no-repeat;
	}

#tira_del_dia img{
	left: 45px;
	position: inherit;
	top: 238px;
	}

#tira_del_dia span{
	color: #333333;
	font-size: 31px;
	position: inherit;
	text-align: center;
	top: 498px;
	left: 0;
	width: 100%;
	}

#historieta a{
	display: block;
	width: 262px;
	height: 470px;
	position: absolute;
	left: 43%;
	background: transparent url(../img/tiras_02.png) center center no-repeat;
	animation: Historieta_anim 5s infinite ease;
	-moz-animation: Historieta_anim 5s infinite ease;
	-webkit-animation: Historieta_anim 5s infinite ease;
	-ms-animation: Historieta_anim 5s infinite ease;
	}
	@-moz-keyframes Historieta_anim { 
	0% { -moz-transform:  translateY(20px) }
	50% { -moz-transform: translateY(-10px) }
	100% { -moz-transform:  translateY(20px) }
	}	
	@-webkit-keyframes Historieta_anim { 
	0% { -webkit-transform:  translateY(20px) }
	50% { -webkit-transform: translateY(-10px) }
	100% { -webkit-transform:  translateY(20px) }
	}
	@-ms-keyframes Historieta_anim { 
	0% { -ms-transform:  translateY(20px) }
	50% { -ms-transform: translateY(-10px) }
	100% { -ms-transform:  translateY(20px) }
	}

#historieta a:hover{
	z-index: 9999;
	background: transparent url(../img/tiras_02_hover.png) center center no-repeat;
	}

#historieta span{
    color: #FFFFFF;
    font-size: 30px;
    left: 58px;
    position: inherit;
    text-shadow: 1px 2px 2px #2F3A15;
    top: 390px;
    transform: rotate(-3deg);
	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);
	-ms-transform:rotate(-3deg);
	}

#novedades_tiras a{
	display: block;
	width: 181px;
	height: 303px;
	position: absolute;
	top: 30px;
	left: 70%;
	z-index: 9999;
	background: transparent url(../img/novedades.png) center center no-repeat;	
	animation: Novedades_anim 4s infinite ease;
	-moz-animation: Novedades_anim 4s infinite ease;
	-webkit-animation: Novedades_anim 4s infinite ease;
	-ms-animation: Novedades_anim 4s infinite ease;
	}
	@-moz-keyframes Novedades_anim { 
	0% { -moz-transform:  translateY(-10px) rotate(20deg) }
	50% { -moz-transform: translateY(10px) rotate(-20deg) }
	100% { -moz-transform:  translateY(-10px) rotate(20deg) }
	}

	@-webkit-keyframes Novedades_anim { 
	0% { -webkit-transform:  translateY(-10px) rotate(20deg) }
	50% { -webkit-transform: translateY(10px) rotate(-20deg) }
	100% { -webkit-transform:  translateY(-10px) rotate(20deg) }
	}

	@-ms-keyframes Novedades_anim { 
	0% { -ms-transform:  translateY(-10px) rotate(20deg) }
	50% { -ms-transform: translateY(10px) rotate(-20deg) }
	100% { -ms-transform:  translateY(-10px) rotate(20deg) }
	}

#novedades_tiras a:hover{
	background: transparent url(../img/novedades_hover.png) center center no-repeat;
	}

#novedades_tiras span{
	color: #FFFFFF;
	font-size: 19px;
	left: 0;
	position: inherit;
	text-shadow: 1px 2px 2px #000000;
	top: 228px;
	display: block;
	width: 100%;
	}

#novedades_tiras img{
	position: relative;
	top: 117px;
	left: 0;
	}

#revista a{
	display: block;
	width: 335px;
	height: 416px;
	position: absolute;
	top: 125px;
	left: 55%;
	z-index: 9998;
	background: transparent url(../img/tiras_03.png) center center no-repeat;
	animation: Revista_anim 5s infinite ease;
	-moz-animation: Revista_anim 5s infinite ease;
	-webkit-animation: Revista_anim 5s infinite ease;
	-ms-animation: Revista_anim 5s infinite ease;
	}
	@-moz-keyframes Revista_anim { 
	0% { -moz-transform:  translateY(-20px) }
	50% { -moz-transform: translateY(10px) }
	100% { -moz-transform:  translateY(-20px) }
	}

	@-webkit-keyframes Revista_anim { 
	0% { -webkit-transform:  translateY(-20px) }
	50% { -webkit-transform: translateY(10px) }
	100% { -webkit-transform:  translateY(-20px) }
	}

	@-ms-keyframes Revista_anim { 
	0% { -ms-transform:  translateY(-20px) }
	50% { -ms-transform: translateY(10px) }
	100% { -ms-transform:  translateY(-20px) }
	}

#revista a:hover{
	background: transparent url(../img/tiras_03_hover.png) center center no-repeat
	}

#revista span{
	color: #FFFFFF;
	font-size: 28px;
	left: 37px;
	position: inherit;
	text-align: center;
	text-shadow: 1px 1px 2px #000000;
	top: 345px;
	width: 145px;
	}

#anim_avion {
	position: relative;
	width: 277px;
	height: 71px;
	float: right;
	right: 0;
	background: url(../img/avion.png);
	animation: mov_avion 10s infinite linear;
	-moz-animation: mov_avion 10s infinite linear;
	-webkit-animation: mov_avion 10s infinite linear;
	z-index: 0;
	}
	@-moz-keyframes mov_avion {
		0% {right:0; top:20px; opacity: 0; -moz-transform:scale(0.5);}
		15% { opacity: 0.9; }
		100% {right:1680px; top:200px; opacity: 1; -moz-transform:scale(0.9);}
	}
	@-webkit-keyframes mov_avion {
		0% {right:0; top:20px; opacity: 0; -webkit-transform:scale(0.5);}
		15% { opacity: 0.9; }
		100% {right:1680px; top:200px; opacity: 1; -webkit-transform:scale(0.9);}
	}
	@-ms-keyframes mov_avion {
		0% {right:0; top:20px; opacity: 0; -ms-transform:scale(0.5);}
		15% { opacity: 0.9; }
		100% {right:1680px; top:200px; opacity: 1; -ms-transform:scale(0.9);}
	}

#torres{
	left: 14%;
	position: absolute;
	top: -80px;
	}

#globo_1 {
	left: 6%;
	position: absolute;
	top: -9px;
	width: 20%;
	z-index: -1;
	}

#globo_2 {
	left: 40%;
	position: absolute;
	top: 450px;
	}

/*-------------------------------------*/
/*------------- MULTIMEDIA ------------*/
/*-------------------------------------*/
#multimedia {
	/*position: absolute;
	left: 0;
	top: 1940px;
	width: 100%;
	height: 600px;
	background-color: rgba(0, 0, 100, 0.5);
	background: transparent url(../img/bg_multimedia.jpg) no-repeat;*/
	font-size: 80px;
	height: 720px;
	width: 100%;
	z-index: 1;
	position: relative;
	top: 515px;
	padding-top: 70px;
	overflow: hidden;
	}

#soporte_videos {
    background: url(../img/multimedia.png) no-repeat scroll center top rgba(0, 0, 100, 0.5);
    font-size: 80px;
    height: 655px;
    margin: 0 auto;
    position: relative;
    width: 1010px;
    z-index: 1;
}

#soporte_videos iframe {
	padding:157px 0 0 6px;
	}

#gatulongo {
	left: 0;
	position: absolute;
	top: -280px;
	display: none;
	}

.raton{
	display: block;
	width: 132px;
	height: 199px;
	position: absolute;
	top: -24px;
	left: 269px;
	z-index: 10000;
	text-indent: -9999px;
	transition:All 0.3336s ease;
	-webkit-transition:All 0.3336s ease;
	-moz-transition:All 0.3336s ease;
	-o-transition:All 0.3336s ease;
	}

.raton:hover{
	background: transparent url(../img/raton_hover.png) center center no-repeat;
	}

.web_toons{
	display: block;
	width: 221px;
	height: 418px;
	position: absolute;
	top: 78px;
	left: 105px;
	z-index: 9998;
	text-indent: -9999px;
	transition:All 0.3336s ease;
	-webkit-transition:All 0.3336s ease;
	-moz-transition:All 0.3336s ease;
	-o-transition:All 0.3336s ease;
}
/*
.web_toons:hover{
	background: transparent url(../img/web_toons_hover.png) center center no-repeat;
}*/

#soporte_videos .tv_toons{
	display: block;
	width: 500px;
	height: 427px;
	position: absolute;
	top: 10px;
	left: 259px;
	z-index: 9998;
	transition:All 0.3336s ease;
	-webkit-transition:All 0.3336s ease;
	-moz-transition:All 0.3336s ease;
	-o-transition:All 0.3336s ease;
}
.tv_toons img{
	left: 27px;
	position: inherit;
	top: 145px;
	}

.tv_toons a {
	display: block;
	height: 80px;
	left: 185px;
	padding: 26px;
	position: inherit;
	text-indent: -9999px;
	top: 200px;
	width: 77px;
	z-index: 9999;
	background: transparent url(../img/play.png) center center no-repeat;
	}

.tv_toons h2 {
	font-size: 31px;
	left: 183px;
	position: inherit;
	text-shadow: 1px 2px 2px #333333;
	top: 85px;
	}

.pelicula{
	display: block;
	width: 201px;
	height: 341px;
	position: absolute;
	top: 79px;
	left: 711px;
	z-index: 9998;
	text-indent: -9999px;
	transition:All 0.3336s ease;
	-webkit-transition:All 0.3336s ease;
	-moz-transition:All 0.3336s ease;
	-o-transition:All 0.3336s ease;
}

.pelicula:hover{
	background: transparent url(../img/pelicula_hover.png) center center no-repeat;
	}

#youtube {
	background: url(../img/youtube.png) no-repeat scroll center top rgba(0, 0, 0, 0);
	color: #333333;
	display: block;
	font-size: 15px;
	font-weight: bold;
	height: 142px;
	left: 623px;
	line-height: 179px;
	position: absolute;
	top: 545px;
	width: 335px;
	z-index: 1;
	transition:All 0.3336s ease;
	-webkit-transition:All 0.3336s ease;
	-moz-transition:All 0.3336s ease;
	-o-transition:All 0.3336s ease;

	transform: scale(1) skew(1deg);
	-webkit-transform: scale(1) skew(1deg);
	-moz-transform: scale(1) skew(1deg);
	-o-transform: scale(1) skew(1deg);
	-ms-transform: scale(1) skew(1deg);
	}

#youtube:hover{
	transform: rotate(5deg) scale(1.1) skew(1deg);
	-webkit-transform: rotate(5deg) scale(1.1) skew(1deg);
	-moz-transform: rotate(5deg) scale(1.1) skew(1deg);
	-o-transform: rotate(5deg) scale(1.1) skew(1deg);
	-ms-transform: rotate(5deg) scale(1.1) skew(1deg);
	}

#youtube span{
	color: #e92828;
	}

#bebe_colgado {
	position: absolute;
    left: 100px;
    top: 212px;
	z-index: 1;
	animation: rotate 3s infinite cubic-bezier(0.7, 0.3, 0.3, 0.7);
	-moz-animation: rotate 3s infinite cubic-bezier(0.7, 0.3, 0.3, 0.7);
	-webkit-animation: rotate 3s infinite cubic-bezier(0.7, 0.3, 0.3, 0.7);
	}
	@-moz-keyframes rotate {
	0% { -moz-transform: rotate(30deg); }
	50% { -moz-transform: rotate(-30deg); }
	100% { -moz-transform: rotate(30deg); }
	}

	@-webkit-keyframes rotate {
	0% { -webkit-transform: rotate(30deg); }
	50% { -webkit-transform: rotate(-30deg); }
	100% { -webkit-transform: rotate(30deg); }
	}

	@-ms-keyframes rotate {
	0% { -ms-transform: rotate(30deg); }
	50% { -ms-transform: rotate(-30deg); }
	100% { -ms-transform: rotate(30deg); }
	}

#anim_paraguas {
	position: absolute;
	width: 180px;
	height: 232px;
	float: right;
	right: 0;
	background: url(../img/gaturro_multimedia.png) no-repeat;
	animation: mov_paraguas 14s infinite linear;
	-moz-animation: mov_paraguas 14s infinite linear;
	-webkit-animation: mov_paraguas 14s infinite linear;
	-moz-animation: mov_paraguas 14s infinite linear;
	z-index: 0;
	}
	@-moz-keyframes mov_paraguas {
		0% { right:1500px; top:20px; opacity: 1; -moz-transform:scale(0.8) rotate(30deg);}
		50% { -moz-transform: rotate(0deg);}
		60% { opacity: 0.9; }
		100% { right:-250px; top:100px; opacity: 1; -moz-transform:scale(1) rotate(-30deg);}
	}
		@-webkit-keyframes mov_paraguas {
		0% { right:1500px; top:20px; opacity: 1; -webkit-transform:scale(0.8) rotate(30deg);}
		50% { -webkit-transform: rotate(0deg);}
		60% { opacity: 0.9; }
		100% { right:-250px; top:100px; opacity: 1; -webkit-transform:scale(1) rotate(-30deg);}
	}
		@-ms-keyframes mov_paraguas {
		0% { right:1500px; top:20px; opacity: 1; -ms-transform:scale(0.8) rotate(30deg);}
		50% { -ms-transform: rotate(0deg);}
		60% { opacity: 0.9; }
		100% { right:-250px; top:100px; opacity: 1; -ms-transform:scale(1) rotate(-30deg);}
	}
/*-------------------------------------*/

/*--------------- JUEGOS --------------*/
/*-------------------------------------*/
#juegos {
	position: relative;
	top: 2200px;
	width: 100%;
	height: 1076px;
	background: transparent url(../img/bg_juegos.jpg) center top repeat-x;
	z-index: 9;
	}
	#juegos div {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	left: 0;
	top: 50px;
	}

#paracaidas {
	left: 0;
	position: absolute;
	top: -394px;
	}

#picapon {
	width: 110px;
	height: 96px;
	position: absolute;
	top: 30px;
	left: 175px;
	animation: balanceo 3s infinite cubic-bezier(0.7, 0.3, 0.3, 0.7);
	-moz-animation: balanceo 3s infinite cubic-bezier(0.7, 0.3, 0.3, 0.7);
	-webkit-animation: balanceo 3s infinite cubic-bezier(0.7, 0.3, 0.3, 0.7);
}

@-moz-keyframes balanceo {
	0% { -moz-transform: rotate(5deg); }
	50% { -moz-transform: rotate(-5deg); }
	100% { -moz-transform: rotate(5deg); }
	}

@-webkit-keyframes balanceo {
	0% { -webkit-transform: rotate(5deg); }
	50% { -webkit-transform: rotate(-5deg); }
	100% { -webkit-transform: rotate(5deg); }
	}

@-ms-keyframes balanceo {
	0% { -ms-transform: rotate(5deg); }
	50% { -ms-transform: rotate(-5deg); }
	100% { -ms-transform: rotate(5deg); }
	}

#picapon_btn{
    display: block;
    width: 205px;
    height: 87px;
    position: absolute;
    top: 276px;
    left: 114px;
    text-indent: -9999px;
    transition:All 0.3336s ease;
    -webkit-transition:All 0.3336s ease;
    -moz-transition:All 0.3336s ease;
    -o-transition:All 0.3336s ease;

    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    background: transparent url(../img/picapon_btn.png) center center no-repeat;
    }

#picapon_btn:hover{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    }

#gatucine{
	display: block;
	width: 206px;
	height: 116px;
	position: absolute;
	top: 50px;
	right: 30px;
	text-indent: -9999px;
	background: transparent url(../img/gatucine.png) center center no-repeat;
	animation: Zepelin 15s infinite linear;
	-moz-animation: Zepelin 15s infinite linear;
	-webkit-animation: Zepelin 15s infinite linear;
}

@-moz-keyframes Zepelin { 
	0% { -moz-transform:  translateY(80px) }
	50% { -moz-transform: translateY(-10px) }
	100% { -moz-transform:  translateY(80px) }
}

@-webkit-keyframes Zepelin { 
	0% { -webkit-transform:  translateY(80px) }
	50% { -webkit-transform: translateY(-10px) }
	100% { -webkit-transform:  translateY(80px) }
}

@-ms-keyframes Zepelin { 
	0% { -ms-transform:  translateY(80px) }
	50% { -ms-transform: translateY(-10px) }
	100% { -ms-transform:  translateY(80px) }
}

#gatucine:hover{
	background: transparent url(../img/gatucine_hover.png) center center no-repeat;
}

#gaturro_movile{
    display: block;
    width: 155px;
    height: 95px;
    position: absolute;
    top: 47px;
    left: -56px;
    text-indent: -9999px;
    transition:All 0.3336s ease;
    -webkit-transition:All 0.3336s ease;
    -moz-transition:All 0.3336s ease;
    -o-transition:All 0.3336s ease;

    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    background: transparent url(../img/gaturro_movile.png) center center no-repeat;
    }

#gaturro_movile:hover{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    }

#mundo_gaturro{
	background: transparent url(../img/mundo_gaturro.png) center center no-repeat;
	display: block;
	height: 663px;
	left: 229px;
	position: absolute;
	text-indent: -9999px;
	width: 736px;
	z-index: 1;
	}

#mundo_gaturro #zz{
	position: absolute;
	left: 78px;
	top: 79px;
	width: 131px;
	height: 100px;
	background: transparent url(../img/Zzzzz_131x100.png) center center no-repeat;
	text-indent: -9999px;
	}

#mundo_gaturro #estrella_01 {
	left: 185px;
	top: 116px;
	position: absolute;
	width: 67px;
	height: 55px;
	text-indent: -9999px;
	background: transparent url(../img/estrella_67x55.png) center center no-repeat;
	}
#mundo_gaturro #estrella_02 {
	left: 226px;
	top: 207px;
	position: absolute;
	width: 67px;
	height: 55px;
	text-indent: -9999px;
	background: transparent url(../img/estrella_67x55.png) center center no-repeat;
	}
#mundo_gaturro #estrella_03 {
	left: 300px;
	top: 78px;
	position: absolute;
	width: 67px;
	height: 55px;
	text-indent: -9999px;
	background: transparent url(../img/estrella_67x55.png) center center no-repeat;
	}
#mundo_gaturro #estrella_04 {
	left: 355px;
	top: 195px;
	position: absolute;
	width: 67px;
	height: 55px;
	text-indent: -9999px;
	background: transparent url(../img/estrella_67x55.png) center center no-repeat;
	}
#mundo_gaturro #estrella_05 {
	left: 445px;
	top: 140px;
	position: absolute;
	width: 67px;
	height: 55px;
	text-indent: -9999px;
	background: transparent url(../img/estrella_67x55.png) center center no-repeat;
	}

#juegos #isla_mini{
	background: transparent url(../img/isla_juegos_2.png) center center no-repeat;
    display: block;
    height: 363px;
    left: 632px;
    position: absolute;
    text-indent: -9999px;
    top: 290px;
    width: 429px;
    z-index: 9998;
	}
#juegos #antena{
	background: transparent url(../img/antenas.png) center center no-repeat;
    display: block;
    height: 454px;
    left: 260px;
    position: absolute;
    text-indent: -9999px;
    top: 420px;
    width: 239px;
    z-index: 9998;
	}

#juegos #ondas {
	width: 185px;
	height: 193px;
	position: absolute;
	left: -6px;
	top: -52px;
	text-indent: -9999px;
	background: transparent url(../img/onda_antena.png) 0 50px no-repeat;
}
/*
#juegos #antena img{
	left: -6px;
	position: absolute;
	top: -52px;
	}
*/

#juegos #poste_multimedia{
	left: 630px;
	position: absolute;
	top: -390px;
	background: transparent url(../img/poste_multimedia.png) center center no-repeat;
	width: 67px;
	height: 521px;
	}

#multimedia #cd {
	display: block;
	left: 130px;
	margin: 0 auto;
	position: relative;
	top: -82px;
	width: 157px;
}

#juegos #nave{
	background: transparent url(../img/nave.png) center center no-repeat;
    display: block;
    height: 62px;
    left: 365px;
    position: absolute;
    text-indent: -9999px;
    top: 90px;
    width: 43px;
    z-index: 0;
	animation: Nave 10s infinite linear;
	-moz-animation: Nave 10s infinite linear;
	-webkit-animation: Nave 10s infinite linear;
}

@-moz-keyframes Nave { 
	from { -moz-transform: rotate(0deg) translate(150px) rotate(0deg); } 
	to { -moz-transform: rotate(-360deg) translate(150px) rotate(-100deg); }
}

@-webkit-keyframes Nave { 
	from { -webkit-transform: rotate(0deg) translate(150px) rotate(0deg); } 
	to { -webkit-transform: rotate(360deg) translate(150px) rotate(100deg); }
}

@-ms-keyframes Nave { 
	from { -ms-transform: rotate(0deg) translate(150px) rotate(0deg); } 
	to { -ms-transform: rotate(-360deg) translate(150px) rotate(-100deg); }
}



#juegos #gaturro_juegos{
	background: transparent url(../img/gaturro_juegos.png) center center no-repeat;
	display: block;
	height: 360px;
	left: 0;
	position: absolute;
	text-indent: -9999px;
	top: 120px;
	width: 252px;
	z-index: 9998;
	animation: Helicoptero 10s infinite ease;
	-moz-animation: Helicoptero 10s infinite ease;
	-webkit-animation: Helicoptero 10s infinite ease;
	-ms-animation: Helicoptero 10s infinite ease;
	}

@-moz-keyframes Helicoptero { 
	0% { -moz-transform:  translateY(80px) }
	50% { -moz-transform: translateY(-80px) }
	100% { -moz-transform:  translateY(80px) }
}

@-webkit-keyframes Helicoptero { 
	0% { -webkit-transform:  translateY(80px) }
	50% { -webkit-transform: translateY(-80px) }
	100% { -webkit-transform:  translateY(80px) }
}

@-ms-keyframes Helicoptero { 
	0% { -ms-transform:  translateY(80px) }
	50% { -ms-transform: translateY(-80px) }
	100% { -ms-transform:  translateY(80px) }
}

#juegos #helices{
	width: 261px;
	height: 85px;
	background: transparent url(../img/helicoptero_261x85.png) center center no-repeat;
	left: -6px;
	position: absolute;
	top: -3px;
	}

.boton div {
	display: block;
    height: 30px;
    left: 960px;
    padding: 15px;
    top: 470px;
    width: 240px;
	position: absolute;
	-moz-transform: scaleY(0);
	-moz-transform-origin: 50% 0;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	-webkit-transition: all 0.5s ease 0s;
	background: transparent url(../img/vinieta.png) no-repeat;
	color: #666666;
	font-size: 0.9em;
	margin-left: -100px;
	margin-top: 5px;
	opacity: 0;
	z-index: 1;
	color: #666666;
	font-size: 0.9em;
}

.boton:hover div {
	-moz-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	opacity: 1;
}

/*---------------------------------------*/
/*--------------- TIENDITA --------------*/
/*---------------------------------------*/
#tiendita {
	left: 0;
	top: 3151px;
	width: 100%;
	height: 1170px;
	position: absolute;
	background: rgba(100, 0, 0, 0.5) url(../img/bg_tiendita.jpg) top center no-repeat;
	overflow: hidden;
	}
	#tiendita div {
	width: 900px;
	height: 450px;
	margin: 0 auto;
	position: relative;
	left: 185px;
	top: 440px;
	z-index: 0;
	}

#tiendita #cartel_tiendita {
	height: 66px;
	left: 392px;
	position: absolute;
	top: -224px;
	width: 256px;
	padding-top: 100px;
	}

	.anim_cartel_01 {
		animation: arriba .5s infinite ease;
		-moz-animation: arriba .5s infinite ease;
		-webkit-animation: arriba .5s infinite ease;
		-ms-animation: arriba .5s infinite ease;
		}
		@-moz-keyframes arriba { 
		0% { -moz-transform:  translateY(3px) }
		30% { -moz-transform: translateY(-3px) }
		100% { -moz-transform:  translateY(3px) }
		}
		@-webkit-keyframes arriba { 
		0% { -webkit-transform:  translateY(3px) }
		30% { -webkit-transform: translateY(-3px) }
		100% { -webkit-transform:  translateY(3px) }
		}
		@-ms-keyframes arriba { 
		0% { -ms-transform:  translateY(3px) }
		30% { -ms-transform: translateY(-3px) }
		100% { -ms-transform:  translateY(3px) }
		}

	.anim_cartel_02 {
		animation: abajo .5s infinite ease;
		-moz-animation: abajo .5s infinite ease;
		-webkit-animation: abajo .5s infinite ease;
		-ms-animation: abajo .5s infinite ease;
		}
		@-moz-keyframes abajo { 
		0% { -moz-transform:  translateY(-3px) }
		30% { -moz-transform: translateY(3px) }
		100% { -moz-transform:  translateY(-3px) }
		}
		@-webkit-keyframes abajo { 
		0% { -webkit-transform:  translateY(-3px) }
		30% { -webkit-transform: translateY(3px) }
		100% { -webkit-transform:  translateY(-3px) }
		}
		@-ms-keyframes abajo { 
		0% { -ms-transform:  translateY(-3px) }
		30% { -ms-transform: translateY(3px) }
		100% { -ms-transform:  translateY(-3px) }
		}

#tiendita #anim_auto {
	position: absolute;
	top: 791px;
	left: 0;
	width: 100%;
	height: 360px;
	background: transparent url(../img/bicisenda.jpg) repeat-x center 156px;
	overflow: hidden;
	}

#skate {
	position: absolute;
	width: 299px;
	height: 227px;
	float: right;
	animation: mov_skate 10s infinite linear;
	-moz-animation: mov_skate 10s infinite linear;
	-webkit-animation: mov_skate 10s infinite linear;
	-moz-animation: mov_skate 10s infinite linear;
	z-index: 0;
	}
	@-moz-keyframes mov_skate {
		0% { right:1500px; }
		100% { right:-250px; }
	}
	@-webkit-keyframes mov_skate {
		0% { right:1500px; }
		100% { right:-250px; }
	}
	@-ms-keyframes mov_skate {
		0% { right:1500px; }
		100% { right:-250px; }
	}

#gaturro_tiendita {
	width: 233px;
	height: 226px;
	position: relative;
	left: 362px;
	top: 66px;
	}

#gaturra_tiendita {
	width: 398px;
	height: 560px;
	position: absolute;
	left: 900px;
	top: -105px;
	}

#gatuperro_tiendita {
	width: 216px;
	height: 128px;
	position: absolute;
	left: -255px;
	top: 325px;
	}

/* animacion botones TIENDITA */
#libros {
	width: 106px;
	height: 209px;
	margin: 0;
	position: absolute;
	left: 245px;
	top: 83px;
	z-index: 10;
	background: transparent url(../img/libros.png) no-repeat;
	transition:All 0.3336s ease;
	-webkit-transition:All 0.3336s ease;
	-moz-transition:All 0.3336s ease;
	-o-transition:All 0.3336s ease;

	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	}
	#libros:hover{
	transform: scale(1.1) translateY(-8px);
	-webkit-transform: scale(1.1) translateY(-8px);
	-moz-transform: scale(1.1) translateY(-8px);
	-o-transform: scale(1.1) translateY(-8px);
	-ms-transform: scale(1.1) translateY(-8px);
	}

#libros span{
	color: #000000;
	display: block;
	font-size: 18px;
	font-weight: bold;
	left: 23px;
	position: inherit;
	text-shadow: 1px 1px 2px #FFFFFF;
	top: 24px;
	transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-webkit-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
}

#novedades {
	width: 197px;
	height: 491px;
	position: absolute;
	left: 0;
	top: 22px;
	z-index: 9997;
	background: transparent url(../img/novedades_tiendita.png) no-repeat;
}

#novedades span{
	width: 145px;
	color: #FFFFFF;
	font-size: 22px;
	position: inherit;
	top: 20px;
	left: 28px;
	text-align: center;
	text-shadow: 1px 1px 2px #000000;
	font-weight: bold;
}

#novedades img{
	left: 11px;
	position: inherit;
	top: 64px;
	transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
}

#novedades #luces_cartel{
	position: inherit;
	top: 46px;
	left: -3px;
	width: 203px;
	height: 244px;
	background: transparent url(../img/luces_cartel_203x244.png) center center no-repeat;
	text-indent: -9999px;
}

#productos {
	height: 202px;
    left: 610px;
    position: absolute;
    top: 91px;
    width: 121px;
    z-index: 10;
	background: transparent url(../img/productos.png) no-repeat;
	transition:All 0.3336s ease;
	-webkit-transition:All 0.3336s ease;
	-moz-transition:All 0.3336s ease;
	-o-transition:All 0.3336s ease;

	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}

#productos:hover{
	transform: scale(1.1) translateY(-10px);
	-webkit-transform: scale(1.1) translateY(-10px);
	-moz-transform: scale(1.1) translateY(-10px);
	-o-transform: scale(1.1) translateY(-10px);
	-ms-transform: scale(1.1) translateY(-10px);
}

#productos span{
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    left: -2px;
    position: inherit;
    text-align: center;
    text-shadow: 1px 1px 1px #FFFFFF;
    top: 26px;
    width: 143px;
   	transform: rotate(11deg);
	-moz-transform: rotate(11deg);
	-webkit-transform: rotate(11deg);
	-ms-transform: rotate(11deg);
	-o-transform: rotate(11deg);
}

#activity {
    height: 137px;
    left: 746px;
    position: absolute;
    top: 157px;
    width: 124px;
    z-index: 10;
	background: transparent url(../img/activity.png) no-repeat;
	transition:All 0.3336s ease;
	-webkit-transition:All 0.3336s ease;
	-moz-transition:All 0.3336s ease;
	-o-transition:All 0.3336s ease;

	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}

#activity:hover{
	transform: scale(1.1) translateY(-6px);
	-webkit-transform: scale(1.1) translateY(-6px);
	-moz-transform: scale(1.1) translateY(-6px);
	-o-transform: scale(1.1) translateY(-6px);
	-ms-transform: scale(1.1) translateY(-6px);
}
#activity span{
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    left: 40px;
    position: inherit;
    text-align: center;
    text-shadow: 1px 1px 1px #FFFFFF;
    top: 19px;
    width: auto;
   	transform: rotate(11deg);
	-moz-transform: rotate(11deg);
	-webkit-transform: rotate(11deg);
	-ms-transform: rotate(11deg);
	-o-transform: rotate(11deg);
}
/*
#activity:hover{
	background: transparent url(../img/activity_hover.png) no-repeat;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	cursor: pointer;
}*/


/*----------------------------------------*/
/*--------------- QUIEN SOY --------------*/
/*----------------------------------------*/
#quiensoy {
	position: absolute;
    left: 0;
    top: 4280px;
    width: 100%;
    height: 591px;
    background: transparent url(../img/bg_quiensoy.png) repeat-x;
}

#quiensoy ul {
	height: 460px;
	margin: 0 auto;
	width: 1010px;
	padding-top: 30px;
}

#quiensoy ul li {
	display: inline-block;
	text-align: center;
	width: 300px;
}

#quiensoy ul li.nik {
	width: 363px;
	margin: 0 16px;
}

/* animacion botones QUIEN SOY */
.btn_quien_soy a{
	display: inline-block;
	margin: 15px 0 0 18px;
	width: 122px;
	height: 50px;
	text-shadow: 2px 2px 2px #000;
	line-height: 44px;
	transition:All 0.3336s ease;
	-webkit-transition:All 0.3336s ease;
	-moz-transition:All 0.3336s ease;
	-o-transition:All 0.3336s ease;
	cursor: pointer;
}

.btn_quien_soy a:hover{
	color: #FFF;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}

.bg_ver_01 { background: transparent url(../img/btn_ver_01.png) center center no-repeat; }
.bg_ver_02 { background: transparent url(../img/btn_ver_02.png) center center no-repeat; }
.bg_ver_03 { background: transparent url(../img/btn_ver_03.png) center center no-repeat; }



.btn_quien_soy img{
	transition:All 0.3336s ease;
	-webkit-transition:All 0.3336s ease;
	-moz-transition:All 0.3336s ease;
	-o-transition:All 0.3336s ease;
}

.btn_quien_soy img:hover{
	transform: translateY(-22px) rotate(5deg) scale(1.1);
	-webkit-transform: translateY(-22px) rotate(5deg) scale(1.1);
	-moz-transform: translateY(-22px) rotate(5deg) scale(1.1);
	-o-transform: translateY(-22px) rotate(5deg) scale(1.1);
	-ms-transform: translateY(-22px) rotate(5deg) scale(1.1);
}


/*---------------------------------------*/
/*---------------- VIDEO ----------------*/
/*---------------------------------------*/
#cont_video {
	background: transparent url(../img/cont_video.png) center top no-repeat;
	width: 960px;
	height: 486px;
}

#cont_video iframe {
    left: 145px;
    position: relative;
    top: 22px;
}

/*----------------------------------------*/
/*---------------- FOOTER ----------------*/
/*----------------------------------------*/

footer{
	background: #000 url(../img/bg_footer_bottom.jpg) center top repeat-x;
	height: 132px;
	width: 100%;
	position: absolute;
	top: 4850px;
}

footer div{
	width: 960px !important;
	height: 132px;
	margin: 0 auto;
	position: static !important;
}

footer .logo{
	margin-top: 47px;
	float: left;
}

footer p {
	color: #FFFFFF;
	float: left;
	text-align: center;
	width: 613px;
	margin-top: 60px;
	font-family: 'nikregular';
	font-size:12px;
}

footer ul {
	float: right;
	padding-top: 68px;
}

footer ul li {
	display: inline-block;
	padding: 5px;
	font-family: 'nikregular';
	font-weight: bold;
	font-size: 15px;
}

#prensa {
	background: url(../img/icon_prensa.png) 0 0 no-repeat;
	color: #FFF;
	height: 50px;
	padding: 35px 0 7px;
	text-decoration: none;
	text-indent: -9999px;
}

#prensa:hover {
	background: url(../img/icon_prensa.png) -62px 0 no-repeat;
}

#contacto {
	background: url(../img/icon_contacto.png) 5px 0 no-repeat;
	color: #FFF;
	height: 50px;
	padding: 35px 0 7px;
	text-decoration: none;
	text-indent: -9999px;
}

#contacto:hover {
	background: url(../img/icon_contacto.png) -56px 0 no-repeat;
}

/*======================================*/
/*------------- TRAYECTORIA ------------*/
/*======================================*/
#container_trayectoria {
	width: 1009px;
}

#container_trayectoria {
	background: transparent url('../img/general/bg_trayectoria.png') no-repeat;
}

#container_trayectoria header {
	padding-top: 17px;
}

#container_trayectoria section {
	width: 875px;
	margin: 0 auto;
}


#container_trayectoria h3 {
	font-size: 34px;
	margin: 9px 0 20px;
	color: #EC4923;
}

#container_trayectoria p {
	color: #999999;
	margin-bottom: 15px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

#container_trayectoria p strong {
	color: #666666;
}

#container_trayectoria p span {
	color: #EC4923;
	font-weight: bold;
}

header .trayectoria {
	background: transparent url('../img/general/trayectoria.jpg') no-repeat;
	height: 290px;
	margin: 0 auto;
	width: 871px;
	text-indent: -9999px;
}
/*-----------------------------------------------------*/

.highlight {
	animation: highlight 0.2s alternate 6 ;
}

@keyframes point-down {
	from {
		top: 0;
	}
	to {
		top: 5px;
	}
}

@keyframes highlight {
	to {
		background: lightblue;
	}
}

/* -------------------------------------------------------- Parallax ----------------------------------------------------------- 

#parallax-back {
	background: transparent url([dirección_a_la_imagen_de_fondo]) repeat top left;
	position: absolute;
	height: 500px;
	width: 100%;
	z-index: 1;
}

#parallax-front {
	position: relative;
	background: transparent url([dirección_a_la_imagen_de_frente]) repeat top left;
	z-index: 1000;
}*/

/* -------------------------------------------------------- 1400px de ancho ----------------------------------------------------------- */
@media screen and (max-width: 1400px) {

	#tiendita { background-position: -1125px top;}
	#tiendita div { left: 10px; }
	#tira_del_dia a { left: 15.5%; }
	#revista a { left: 57%; }

}

@media screen and (max-width: 1280px) {

	#tiendita { background-position: -1190px top; }
	#revista a { left: 58%; }
	#tira_del_dia a { left: 12.5%; }

}

@media screen and (max-width: 1140px) {

	#tiendita { background-position: -1255px top; }
	#torres { left: 10%; }
	#tira_del_dia a { left: 9.5%; }
	#revista a { left: 60%; }
	#juegos div { width: auto; }
	#gatucine { top: -52px; right: 35px; }

}

/* Mobile */
@media screen and (max-width: 1024px) {

	.wrapper { width: 100%; height: 4222px; background: url(../img/bg_wrapper.jpg) center top no-repeat; background-size: 100%; }

	#menu nav { width: 885px; }
	#menu_left nav { display: none; display: none;}
	#menu_left ul { display: none; }
	.btn_mgaturro { width: 180px; }
	.btn_picapon { width: 127px; }
	#bg_nube { left: 0; width: 100%; }

	#home { left: 0; width: 100%; }
	#fan { left: 684px; }
	#nov { left: 79px; }
	#escalera { display: none; }
	#torres { left: 108px; top: -190px; }

	#tiras { left: 0; top: 940px; width: 100%; }
	#tiras div:last-child { left: 510px; top: -120px; width: 400px; }
	#tira_del_dia a { left: 75px; }
	#revista a { left: 650px; background-position: left center; }
	#historieta a { left: 457px; }
	#novedades_tiras a { left: 766px; top: -60px; }

	#multimedia { width: 100%; top: 600px; }
	#soporte_videos { left: 120px; width: 768px; }
	.tv_toons { left: 258px; }
	.web_toons { left: 104px; }
	#gaturro_paraguas { left: 835px; top: -546px; width: 15%; }
	#gatulongo { left:0; top: -130px; }
	.pelicula { left: 710px; }
	.raton { left: 268px; }
	#youtube { left: 345px; }
	#paracaidas { left: 125px; width: 70%; top: -475px; }
	#gatulongo { left: 215px; top: -370px; }

	#juegos { height: 600px; top: 2510px; width: 100%; }
	#mundo_gaturro { left: 150px; top: -5px; }
	#gaturro_movile { left: -40px; top: 55px; }
	#picapon { left: 245px; top: -50px; }
	#radio { left: 150px; top: 225px; }
	#juegos #isla_mini { left: 560px; }

	#tiendita { width: 100%; left: 0; top: 3380px; }
	/*#tiendita div { left: 170px; }
	#activity { left: 165px; top: 330px; }
	#libros { left: 590px; top: 430px;}
	#productos { left: 575px; top: 230px; }
	#novedades { left: 315px; top: 35px; }*/
	
	#quiensoy { width: 100%; top: 4500px; }
	#quiensoy ul { margin-left: 0; width: 100%; padding-top: 80px; }
	#quiensoy ul li { width: 30%; }
	#quiensoy ul li.nik { margin: 0 10px; width: 345px; }
	.btn_quien_soy img { width: 90%; }

	footer { width: 100%; top: 5075px; }
	footer div { margin-left: 0; width: 100%; }
	footer ul { padding-top: 50px; margin-right: 15px; }
	footer .logo { margin-left: 18px; margin-top: 37px; }
	footer p { width: 100%; float: none; position: absolute; top: 45px; left: 0; }

}

@media screen and (max-width: 768px) {

	.wrapper { width: 768px; height: 4782px; background-size: 135%; }
	#menu nav { width: 736px;  }
	.btn_mgaturro { margin-left: -15px; width: 175px; }
	#menu #idioma { background: none; width: 138px; padding: 8px 0 0 0; }
	#menu #redes { background: none; width: 133px; }

	#home { overflow: hidden; width: 768px; height: 2410px; }
	#bg_home { left: -77px; position: inherit; width: auto; }
	#nov { left: 79px; }
	#fan { left: 684px; }
	#tiras { overflow: hidden; }
	#tiras div:last-child { display: none; }
	#tira_del_dia a { left: -30px; }
	#historieta a { left: 344px; }
	#revista a { left: 545px; }
	#torres { left: 500px; }

	/* multimedia */
	#multimedia { top: 1500px; }
	#gaturro_paraguas { animation: none; -moz-animation: none; -webkit-animation: none; -ms-animation: none; -o-animation: none; left: 592px; top: -488px; width: 22%; }
	#soporte_videos { left: -5px; }
	.tv_toons { left: 133px; }
	.raton { left: 143px; }
	.web_toons { left: -21px; }
	.pelicula { left: 585px; width: 183px; }
	.pelicula:hover { background-position: left center; }
	#youtube { left: 230px; }
	#gatulongo { left: 90px; width: 85%; }

	/* juegos */
	#juegos div { left: -188px; }
	#juegos #isla_mini { left: 514px; }
	#gaturro_movile { left: -40px; }
	#radio { left: 10px; }
	#gatucine { animation: none; -moz-animation: none; -webkit-animation: none; -ms-animation: none; -o-animation: none; left: 700px; top: -90px; }
	#mundo_gaturro { left: 190px; }
	#picapon { left: 280px; top: -40px; }
	#juegos #gaturro_juegos { display: none; }

	/* tiendita */
	#tiendita { background-position: -1535px top; }
	#tiendita div { left: -160px; }

	/* quien soy */
	#quiensoy { height: 510px; }
	#quiensoy ul { padding-top: 75px; }
	#quiensoy ul li.nik { width: 242px; }

	footer { top: 5000px; }

	/* video home */
	#cont_video { width: 768px; background: transparent url(../img/cont_video_ipad.png) center top no-repeat; }
	#cont_video iframe { left: 45px; }

}