/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
	color: #222;
}

body {
	font-family: Arial, Helvetica, Sans-serif;
	color: #4e4d4d;
	font-size: 14px;
	background: #aecbda url("../img/general/bg_body.jpg") top repeat-x;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

h3 {
	font-family: 'nikregular';
	font-size: 19px;
	color: #ec4923;
	font-weight: normal;
}

@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;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

#container {
	width: 960px;
	margin: 0 auto;
}

/*========================================*/
/*---------------- Header ----------------*/
/*========================================*/
header {
	height: 263px;
}

header h1 {
	width: 960px;
	height: 263px;
	text-indent: -9999px;
	margin: 0;
	background: transparent url("../img/general/header_tiendita.jpg") no-repeat; 
}

header img {
	position: relative;
	top: -263px;
	left: 513px;
	z-index: 3;
}

#menu {
	text-align: center;
	width: 1280px;
	height: 67px;
	margin: 0 auto;
	position: relative;
}

#menu h1 {
	margin: 0;
	float: left;
	background: transparent url(../img/general/logo_footer.png) 17px 16px no-repeat;
}
#menu h1 a {
	background-position: 0 0;
	display: block;
	float: left;
	height: 67px;
	text-indent: -999999em;
	width: 190px;
}

#desplegable {
	width: 739px;
	height: 67px;
	margin-left: 10px;
	float: left;
}

#redes {
	width: 301px;
	height: 50px;
	padding-top: 13px;
	float: right;
	margin-top: 4px;
	background: transparent url(../img/general/nube_redes.png) no-repeat;
}

#redes li {
	display: inline-block;
}


#facebook,
#twitter,
#googleplus {
	width: 39px;
	height: 38px;
	display: block;
	text-indent: -9999px;
}

#redes #facebook { background: transparent url(../img/general/redes_menu_top.png) no-repeat; }
#redes #twitter { background: transparent url(../img/general/redes_menu_top.png) -41px 0 no-repeat; }
#redes #googleplus  { background: transparent url(../img/general/redes_menu_top.png) -82px 0 no-repeat; }

#menu #desplegable { list-style-type: none;}

#menu #desplegable li.nivel1 { float: left;
	/*width: 162px;*/
	margin-right: 2px;
	position: relative;
}
#menu #desplegable li { float: left;}

#menu #desplegable li a {
	font-family: 'nikregular';
	font-size: 16px;
	text-shadow: 1px 1px 2px #000; 
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 0 20px;
	position: relative;
	height: 67px;
	line-height: 75px;
}

#menu #desplegable li a:hover, #menu #desplegable li:hover a.nivel1 {
	/*background-color: #6CC;*/
	color: #000;
	position: relative;
	border-bottom: solid 1px #6CC;
}

#menu #desplegable li a.nivel1 {display: block!important;display: none;
}
#menu #desplegable li ul {display: none;
}

#menu #desplegable li a:hover ul, #menu #desplegable li:hover ul {
	display: block;
	position: absolute;
	width: 960px;
	border-top: none;
	background-color: rgba(0,0,0,.5);
}

#menu #desplegable li ul li a {width: 160px;
padding: 6px 0px 8px 0px;
border: none;
/*background-color: #6CC;*/
}
#menu #desplegable li ul li a:hover {
position: relative;
text-decoration: underline;
border-bottom: none;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
ul.uno {left: -40px;}
ul.dos {left: -141px;}
ul.tres {left: -258px;}
ul.cuatro {left: -404px;}
ul.cinco {left: -564px;}
ul.seis {left: -689px;}
/*========================================*/
/*--------------- Contenido --------------*/
/*========================================*/
#content {
	background-color: #FFF;/*#ececea*/
	height: auto;
}

/*
#content nav{
	background-color: #FFF;
	width: auto;
	height: 74px;
}

#content nav ul{
	margin: 0;
}

#content nav li{
	color: #FFFFFF;
	display: inline-block;
	font-family: 'nikregular';
	font-size: 21px;
	height: 96px;
	line-height: 73px;
	margin-right: -4px;
	text-shadow: 1px 1px 2px #000000;
	width: 220px;
	padding-left: 20px;
}
*/
/*====================================*/
/*--------------- Items --------------*/
/*====================================*/
#items{
	background: #FFF url("../img/general/bg_items.jpg") repeat-x;
	width: auto;
	height: 215px;
    position: relative;
    top: -44px;
}

#items ul{
	margin: 0 auto;
	padding-top: 45px;
	width: 925px;
}

#items li{
	display: inline-block;
	list-style: none outside none;
	text-align: center;
	width: 150px;
	font-family: 'nikregular';
	font-size: 13px;
	color: #666;
	line-height: 20px;
}

.link01 { background: transparent url(../img/general/bg_menu01.jpg) repeat-x; cursor: pointer;}
.link02 { background: transparent url(../img/general/bg_menu02.jpg) repeat-x; cursor: pointer;}
.link03 { background: transparent url(../img/general/bg_menu03.jpg) repeat-x; cursor: pointer;}
.link04 { background: transparent url(../img/general/bg_menu04.jpg) repeat-x; cursor: pointer;}

.link01:hover { background: transparent url(../img/general/bg_menu01_hover.png) no-repeat}
.link02:hover { background: transparent url(../img/general/bg_menu02_hover.png) no-repeat}
.link03:hover { background: transparent url(../img/general/bg_menu03_hover.png) no-repeat}
.link04:hover { background: transparent url(../img/general/bg_menu04_hover.png) no-repeat}

/*====================================*/
/*------------- Novedades ------------*/
/*====================================*/
#novedades{
	height: 460px;
	font-family: 'nikregular';
	position: relative;
	top: -45px;
	z-index: 1;
}

#novedades h2 { color: #000; font-size: 25px; text-shadow: 1px 1px 2px #FFF;}
#novedades p { font-size: 16px; color: #697E3C; line-height: 19px; margin: 5px 0;}

#destacado_gris { width: 493px; height: 486px; padding-top: 20px; float: left; border-right: 1px solid #988F7C; background: transparent url(../img/general/bg_nov_01.png) repeat-x; }
#destacado_gris .desc_producto { margin: 13px 20px 0;  }
#destacado_gris p { color: #3a95af; width: 330px; float: left; }
#destacado_gris a:hover { color: gold; }
#destacado_gris a {
    background: url(../img/general/btn_comprar.png) no-repeat scroll center -106px transparent;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 48px;
    line-height: 41px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 2px #000000;
    width: 103px;
    float: right;
}

#destacado_verde { width: 466px; height: 250px; padding-top: 27px; float: right; background: transparent url(../img/general/bg_nov_02.png) repeat-x; }
#destacado_verde .desc_producto { float: right; margin-right: 16px; margin-top: 60px; width: 235px; }
#destacado_verde p { color: #697e3c; }
#destacado_verde img { float: left; }
#destacado_verde a:hover { color: gold; }
#destacado_verde a {
    background: url(../img/general/btn_comprar.png) no-repeat scroll center top transparent;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 48px;
    line-height: 41px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 2px #000000;
    width: 103px;
}

#destacado_naranja { width: 466px; height: 229px; float: right; background: transparent url(../img/general/bg_nov_03.png) repeat-x; }
#destacado_naranja .desc_producto {float: left;margin-left: 33px;margin-top: 33px;width: 200px; }
#destacado_naranja p { color: #953004; }
#destacado_naranja img { float: right; }
#destacado_naranja a:hover { color: gold; }
#destacado_naranja a {
    background: url(../img/general/btn_comprar.png) no-repeat scroll center -53px transparent;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 48px;
    line-height: 41px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 2px #000000;
    width: 103px;
}

#content_novedades { overflow: hidden; background-color: #F0F0F0;}

.footer_novedades {	/*position: relative; top: -47px; */z-index: 0; padding-top: 30px; clear: both; }
.footer_novedades p { margin-top: 44px; }
.footer_novedades .logo { margin-top: 31px; }
.footer_novedades ul { margin-top: 27px; }

/*=================================*/
/*------------- Movile ------------*/
/*=================================*/
#carga_galeria {
    height: 460px;
    width: 960px;
}

#panel { height: 338px; background-color: #FFF; }

#panel div {
    float: right;
    padding: 15px;
    width: 295px;
}

#panel div h1{
	font-family: 'nikregular';
	font-size: 33px;
	color: #121212;
	margin: 15px 0 10px;
}

#panel div p{ font-size: 13px; color: #777777; }

#barra_thumbs {
	background: transparent url(../img/general/bg_thumbs_mobile.png) no-repeat;
	width: 960px;
	height: 145px;
	position: relative;
	top:-30px; 
	z-index: 1;
}

#barra_thumbs .app {
	height: 75px;
	padding: 35px;
	width: 256px;
	float: right;
}

#barra_thumbs .app span {
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	font-weight: bold;
	margin: 4px 0 7px;
	text-shadow: 1px 1px 2px #000000;
	width: 256px;
}

#barra_thumbs #thumbs {
    height: 75px;
    padding: 35px 17px;
    width: 600px;
    float: left;
}

#thumbs img {
	float: left;
	background-color: #889FB6;
	border: 3px solid #FFF;
	border-radius: 5px;
	margin: 0 4px;
	padding: 1px;
	cursor: pointer;
	opacity: .8;
}
#thumbs img:hover { opacity: 1; }
#thumbs img:first-child { margin: 0 4px 0 0; }

.juegos_mobile {
    padding: 10px 20px;
    position: relative;
    top: -25px;
    margin-bottom: -25px;
}

#mas_juegos h2 {
	font-family: 'nikregular';
	font-size: 26px;
	margin: 45px 0 22px;
}

#mas_juegos ul { list-style: none; }

#mas_juegos ul li {
	width: 291px;
	margin: 1px;
	display: inline-block;
}

#mas_juegos ul .medio { margin: 0px 18px 0 17px; }

#mas_juegos ul h3 {
	font-size: 15px;
	color: #4f95a2;
	margin: 15px 0 0;
}

#mas_juegos ul p {
	font-family: 'nikregular';
	font-size: 13px;
	color: #3f3f3f;
}

#mas_juegos ul li img {
    background-color: #889FB6;
    border: 7px solid #DADADA;
    border-radius: 5px;
    float: none;
    margin: 0;
    padding: 1px;
    cursor: pointer;
}

/*====================================*/
/*------------- Productos ------------*/
/*====================================*/
#productos{
	background-color: #ececea;
}

#productos h2{
	font-family: 'nikregular';
	font-size: 23px;
	color: #666;
	background: transparent url("../img/general/bg_h2.jpg") no-repeat;
	width: auto;
	height: 45px;
	padding: 45px 20px 0;
	margin: 0;
}

#tiles li img {
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
}

#tiles li:hover img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	background-color: #000;
}

#tiles li a {
	display: block;
	z-index: 9999;
	width: 100%;
	height: 100%;
	/*background-color: rgba(0,0,0,.7);
	border: 1px solid;*/
	position: absolute;
	top: 0;
	left: 0;
	transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-ms-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;

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

#tiles li:hover a {
	opacity:1;
	background: rgba(0,0,0,.5) url('../img/general/zoom.png') no-repeat center center;
	width: 100%;
	height: 100%;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);/**/
}

.paginado {
	margin: 15px 0 0 17px;
}

/*=============================================*/
/*------------- Entrevista Gaturro ------------*/
/*=============================================*/
header .entrevista_gaturro {
	background: transparent url('../img/general/header_gaturro.jpg') no-repeat; 
}

.nik_entrevista,
.entrevista {
	padding: 10px 35px;
}

.entrevista img {
	float: right;
	margin-top: 23px;
}

/*=========================================*/
/*------------- Entrevista Nik ------------*/
/*=========================================*/
header .entrevista_nik {
	background: transparent url('../img/general/header_entrevista_nik.jpg') no-repeat; 
}

.nik_entrevista {
	background: transparent url('../img/general/nik_entrevista.png') 515px 130px no-repeat; 
}

.nik_entrevista .parrafo02 {
	width: 600px; 
}

.nik_entrevista .parrafo03 {
	width: 628px; 
}

.nik_entrevista .parrafo04 {
	width: 520px; 
}
/*=======================================*/
/*------------- Quien es Nik ------------*/
/*=======================================*/
header .novedades {
	background: transparent url('../img/general/header_novedades.jpg') no-repeat; 
}

#premios p{
	float: left;
	width: auto;
	text-align: justify;
	margin-bottom: 25px;
}

#premios div{
	overflow: hidden;
	float: right;
	border: 10px solid rgb(255, 255, 255);
	padding: 20px 0px 0px;
}

#premios img{
	width: auto;
	height: auto;
}
/*-------------------------------------------------------------------------*/

header .nik {
	background: transparent url('../img/general/header_nik.jpg') no-repeat; 
}

#quien_es {
	background: #FFF url('../img/general/deg_gris_blanco.jpg') repeat-x;
	padding: 50px 30px;
	margin-bottom: -23px;
}

#quien_es p {
	line-height: 20px;
}

#quien_es .first {
	float: right;
	width: 450px;
}

#quien_es img {
	margin-bottom: 30px;
}

#quien_es p span {
	color: #e25a2b;
	font-weight: bold;
}

.division {
	background: transparent url("../img/general/division_nik.jpg") no-repeat;
	width: 960px;
	height: 94px;
}

.division h3{
	background: transparent url("../img/general/cartel_nik.png") no-repeat;
	width: 296px;
	height: 59px;
	padding-top: 10px;
	text-align: center;
	color: #FFF;
	font-size: 23px;
	text-shadow: 1px 1px 2px #000;
	position: relative;
	left: -20px;
	top: 33px;
}

.division h3 span{
	display: block;
	transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
}

#premios {
	padding: 15px 30px 55px;
	background-color: #f0f0f0;
}

#premios img {
	float: right;
	margin-top: -25px;
}

#premios h3 {
	color: #000;
	font-weight: bold;
	clear: both;
}

#premios ul {
	list-style: none;
	margin-left: 25px;
}

#menu_bottom {
	background: transparent url("../img/general/botonera.png") no-repeat;
    height: 94px;
    margin-top: -78px;
    position: relative;
    top: 78px;
    width: 965px;
}

#menu_bottom h3 {
    /*background-color: rgba(0, 0, 0, 0.5);*/
    color: #FFFFFF;
    float: left;
    font-family: 'nikregular';
    font-size: 14px;
    font-weight: bold;
    height: 27px;
    margin: 0;
    padding: 34px 22px 0 0;
    text-align: right;
    width: 582px;
    display: block;
    float: left;
}

#menu_bottom a {
    /*background-color: rgba(100, 0, 0, 0.4);*/
    color: #FCFFA0;
    display: block;
    float: left;
    font-family: 'nikregular';
    font-size: 15px;
    font-weight: bold;
    height: 7px;
    left: 0;
    padding: 28px 20px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 2px #000000;
    top: 0px;
    width: 126px;
}

#menu_bottom a:last-child {
    color: #FCFFA0;
    font-family: 'nikregular';
    font-size: 15px;
    font-weight: bold;
    padding: 22px 14px 34px;
    text-decoration: none;
    text-shadow: 1px 1px 2px #000000;
    width: 167px;
}

#menu_bottom span {
	display: block;
	transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
}

/*=====================================*/
/*------------- Personajes ------------*/
/*=====================================*/
header .personajes_top {
	background: transparent url("../img/general/header_personajes.jpg") no-repeat;
	height: 283px;
}

.personajes {
	height: 1155px !important;
	background-color: #FFF !important;
	overflow: hidden;
}

.personajes p {
	float: right;
	font-family: 'nikregular';
	font-size: 13px;
	padding: 15px 51px 15px 15px;
	text-align: right;
	width: 268px;
}

.personajes span {
	color: #2a86b4;
}

.personajes p img {
	float: right;
	left: 40px;
	position: relative;
	top: -26px;
}

.personajes a {
	float: left;
	text-align: center;
	font-family: 'nikregular';
	font-size: 18px;
	color: #010101;
	font-weight: normal;
	text-decoration: none;
}

.personajes a:hover {
	color: #fb5d28;
}

#gaturrin,
#gaturro,
#agatha,
#agustin,
#duenio,
#duenia,
#luz,
#canturro,
#aranita,
#emilio,
#ramiro,
#gatulongo,
#gateen,
#kathy,
#mamurra,
#papurro,
#abuelurra,
#camila { position: relative; text-indent: -9999px; }

#gaturrin {
	left: 60px;
	top: 75px;
	width: 214px; 
	height: 275px;
	background: transparent url('../img/general/gaturrin.jpg') -211px 0 no-repeat;
}

#gaturrin:hover {
	background: transparent url('../img/general/gaturrin.jpg') 0 0 no-repeat;
}

#gaturro {
    height: 368px;
    left: 101px;
    top: 23px;
    width: 317px;
	background: transparent url('../img/general/gaturro.jpg') -315px 0 no-repeat;
}

#gaturro:hover {
	background: transparent url('../img/general/gaturro.jpg') 0 0 no-repeat;
}

#agatha {
	height: 272px;
	left: 120px;
	top: -14px;
	width: 293px;
	background: transparent url('../img/general/agatha.jpg') -294px 0 no-repeat;
}
#agatha:hover {
	background: transparent url('../img/general/agatha.jpg') 0 0 no-repeat;
}

#agustin {
	clear: both;
	height: 237px;
	left: 6px;
	top: 0;
	width: 184px;
	background: transparent url('../img/general/agustin.jpg') -186px 0 no-repeat;
}
#agustin:hover {
	background: transparent url('../img/general/agustin.jpg') 0 0 no-repeat;
}

#duenio {
	height: 253px;
	left: 5px;
	top: 38px;
	width: 185px;
	background: transparent url('../img/general/duenio.jpg') -182px 0 no-repeat;
}
#duenio:hover {
	background: transparent url('../img/general/duenio.jpg') 0 0 no-repeat;
}

#duenia {
	height: 231px;
	left: 3px;
	top: 67px;
	width: 185px;
	background: transparent url('../img/general/duenia.jpg') -187px 0 no-repeat;
}
#duenia:hover {
	background: transparent url('../img/general/duenia.jpg') 0 0 no-repeat;
}

#luz {
	height: 266px;
	left: -1px;
	top: -8px;
	width: 205px;
	background: transparent url('../img/general/luz.jpg') -201px 0 no-repeat;
}
#luz:hover {
	background: transparent url('../img/general/luz.jpg') 0 0 no-repeat;
}

#canturro {
	height: 213px;
	left: 0;
	top: 10px;
	width: 191px;
	background: transparent url('../img/general/canturro.jpg') -189px 0 no-repeat;
}
#canturro:hover {
	background: transparent url('../img/general/canturro.jpg') 0 0 no-repeat;
}

#aranita {
	clear: both;
	height: 210px;
	left: 12px;
	top: 8px;
	width: 183px;
	background: transparent url('../img/general/aranita.jpg') -184px 0 no-repeat;
}
#aranita:hover {
	background: transparent url('../img/general/aranita.jpg') 0 0 no-repeat;
}

#emilio {
	height: 219px;
	left: 17px;
	top: 26px;
	width: 189px;
	background: transparent url('../img/general/emilio.jpg') -213px 0 no-repeat;
}
#emilio:hover {
	background: transparent url('../img/general/emilio.jpg') 0 0 no-repeat;
}

#ramiro {
	height: 209px;
	left: 13px;
	top: 73px;
	width: 182px;
	background: transparent url('../img/general/ramiro.jpg') -187px 0 no-repeat;
}
#ramiro:hover {
	background: transparent url('../img/general/ramiro.jpg') 0 0 no-repeat;
}

#gatulongo {
	height: 225px;
	left: 11px;
	top: 25px;
	width: 184px;
	background: transparent url('../img/general/gatulongo.jpg') -187px 0 no-repeat;
}
#gatulongo:hover {
	background: transparent url('../img/general/gatulongo.jpg') 0 0 no-repeat;
}

#gateen {
	height: 210px;
	left: 13px;
	top: -7px;
	width: 192px;
	background: transparent url('../img/general/gateen.jpg') -195px 0 no-repeat;
}
#gateen:hover {
	background: transparent url('../img/general/gateen.jpg') 0 0 no-repeat;
}

#kathy {
	clear: both;
	height: 226px;
	left: 11px;
	top: 23px;
	width: 192px;
	background: transparent url('../img/general/kathy.jpg') -186px 0 no-repeat;
}
#kathy:hover {
	background: transparent url('../img/general/kathy.jpg') 0 0 no-repeat;
}

#mamurra {
	height: 237px;
	left: 15px;
	top: 50px;
	width: 181px;
	background: transparent url('../img/general/mamurra.jpg') -190px 0 no-repeat;
}
#mamurra:hover {
	background: transparent url('../img/general/mamurra.jpg') 0 0 no-repeat;
}

#papurro {
	height: 222px;
	left: 23px;
	top: 83px;
	width: 186px;
	background: transparent url('../img/general/papurro.jpg') -190px 0 no-repeat;
}
#papurro:hover {
	background: transparent url('../img/general/papurro.jpg') 0 0 no-repeat;
}

#abuelurra {
	height: 216px;
	left: 27px;
	top: 57px;
	width: 184px;
	background: transparent url('../img/general/abuelurra.jpg') -192px 0 no-repeat;
}
#abuelurra:hover {
	background: transparent url('../img/general/abuelurra.jpg') 0 0 no-repeat;
}

#camila {
	height: 206px;
	left: 29px;
	top: 16px;
	width: 184px;
	background: transparent url('../img/general/camila.jpg') -182px 0 no-repeat;
}
#camila:hover {
	background: transparent url('../img/general/camila.jpg') 0 0 no-repeat;
}

/*---------------- Tienda ----------------*/

#tiendita{
	height: 600px;
	width: 1010px;
	position: relative;
	top: 360px;
	left: 1970px;
	/*background-color: rgba(100, 100, 0, 0.5);*/
}

/* animacion botones TIENDITA */
#libros {
	margin: 0;
	position: absolute;
	left: 550px;
	top: 140px;
	z-index: 10;
	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);
	}

#libros: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);
	cursor: pointer;
	}

#fondo_agua {
	position: relative;
	left: 100px;
}

#minigaturro {
	position: relative;
	left: 710px;
}

#supergaturro {
	position: absolute;
	left: 825px;
	top: 350px;
	z-index: 10;
	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);
	}

#supergaturro: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);
	cursor: pointer;
	}

/*----------------------------------------*/
/*--------------- QUIEN SOY --------------*/
/*----------------------------------------*/

#quiensoy{
	background: transparent url('../img/bg_quiensoy.png') center top repeat-x;
	height: 540px;
	width: 100%;
	position: relative;
	top: 650px;
}

#quiensoy div {
	width: 1010px;
	height: 460px;
	margin-left: 1500px;
	padding: 40px 0;
}

/* animacion botones QUIEN SOY */
.btn_quien_soy {
	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);
	}
.btn_quien_soy:hover{
	transform: rotate(0deg) scale(1.1) skew(1deg);
	-webkit-transform: rotate(0deg) scale(1.1) skew(1deg);
	-moz-transform: rotate(0deg) scale(1.1) skew(1deg);
	-o-transform: rotate(0deg) scale(1.1) skew(1deg);
	-ms-transform: rotate(0deg) scale(1.1) skew(1deg);
	cursor: pointer;
	}

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

footer{
	height: 166px;
	width: 960px;
	margin-bottom: 30px;
}

.blanco{
	background: transparent url('../img/general/bg_footer_blanco.png') no-repeat;
}

.gris{
	background: transparent url('../img/general/bg_footer.png') no-repeat;
}

footer .logo{
	margin: 75px 0 0 35px;
	float: left;
}

footer p {
	float: left;
	text-align: center;
	width: 580px;
	margin-top: 88px;
	font-family: 'nikregular';
	font-size:12px;
	color: #FFF;
	text-shadow: 1px 1px 2px #000;
}

footer ul {
	float: right;
	margin: 70px 35px 0 0;
	padding: 0;
}

footer ul li {
	display: inline-block;
	margin: 2px;
}

/*---------------------*/
/*      ERROR 404      */
/*---------------------*/
.error {
	background: transparent url('../img/general/bg_nov_01.png') repeat-x;
}

.error img {
	margin: 0 auto;
	display: block; 
}
.error p {
    color: #666666;
    font-family: 'nikregular';
    font-size: 17px;
    font-weight: bold;
    margin: 0 auto;
    padding: 0 0 20px;
    text-align: center;
}

.error span {
	color: red;
}


/*---------------------*/
/*    MEDIA QUERIES    */
/*---------------------*/

@media only screen and (min-width: 35em) {

}

@media print,
	   (-o-min-device-pixel-ratio: 5/4),
	   (-webkit-min-device-pixel-ratio: 1.25),
	   (min-resolution: 120dpi) {
}

@media screen and (max-width: 1280px){
	#home { left:1425px; top:50px; }
	#tiras { left:2525px; top:-590px; }
	#multimedia { left:660px; top:-145px;background-position: -600px 0; }
	#juegos { left:670px; top:195px; }
	#tiendita { left:1800px; top:375px; }
	#quiensoy div { margin-left: 1340px; }
	footer div { margin-left: 1375px; }
	#menu_top { width: 91% }
	#escalera { left: 2010px; }
}

@media screen and (max-width: 1152px){
	#home { left:1370px; top:80px; }
	#tiras { left:2480px; top:-660px; }
	#multimedia { left:600px; top:-155px;background-position: -700px 0; }

	#juegos { left:560px; top:120px; }
	#radio a { left: 1380px; }
	#gaturro_movile a { left: 1130px; }
	#picapon a { left: 905px; }

	#tiendita { left:1760px; top:280px; }
	#quiensoy div { margin-left:1395px;margin-top:-100px; }
	.btn_quien_soy { margin-left: -50px; }

	footer div { margin-left: 1365px; }
	#menu_top { width: 88% }
	/*#redes { left: 77% }*/
	#escalera {left: 1945px;}
}

@media screen and (max-width: 1024px){
	#menu_left { top: 1%; }
	#home { left:1300px; top:25px; }
	#escalera {left: 1895px;}

	#tiras { left:2430px; top:-660px; }
	/*#novedades a { left: 800px; }*/

	#multimedia { left:535px; top:-162px; }

	#juegos { left:540px; top:120px; }
	#tiendita { left:1660px; top:280px; }
	#quiensoy div { margin-left:1345px; margin-top:-100px; }
	footer div { margin-left: 1230px; }
	#menu_top { width: 85% }
	/*#redes { left: 75% }*/
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links for images, or javascript/internal links
	 */

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}