*{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;font-weight:normal;}
:focus{outline:0}
body{line-height:1;color:#333;font:12px/120% Arial,Verdana,Tahoma,'Sans-serif';text-align:center;background:transparent;-webkit-font-smoothing: antialiased }
a{color:#6A6A6A;text-decoration:none}
li{list-style:none}
blockquote:before, blockquote:after,
q:before, q:after {content:""}
blockquote, q{quotes:"" ""}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
button {border:medium none;overflow:visible}
button, input[type="reset"], input[type="button"], input[type="submit"] { line-height:10px !important; cursor: pointer}
@-moz-document url-prefix() { button span{position:relative;top:-2px} }
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
caption,th{text-align:left}
abbr,acronym {border:0;font-variant:normal}
textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline-style:none;outline-width:0pt}
*:link, *:visited, *:hover, *:active, *:focus {  -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display: block; }
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 }
.clearfix { display:inline-block }
html[xmlns] .clearfix { display:block }
* html .clearfix { height:1% }

.main { width: 950px; margin: 10px auto }

/* header */
.main header { position: relative; clear: left; background: url(../images/bg-nav.png) 50% 25% no-repeat; background-size: contain; margin: 0 -105px; z-index: 2 }
.main header h1 { float: left; display: block; background: url(../images/pony.png) 0 0 no-repeat; width: 142px; height: 166px; margin: 0 0 0 60px; text-indent: -9000px }
.main header h1 a { display: block; width: 100%; height: 100% }
.main .explore { float: right; display: block; background: url(../images/explore.png) 0 0 no-repeat; width: 157px; height: 152px; margin: 0 30px; text-indent: -9000px }


/* nav */
.main header nav { margin-top: 20px }
.main header nav li { float: left; margin-top: 10px; margin-left: 30px; margin-right: 30px; }
.main header nav li.even { margin-top: 55px }
.main header nav li a { position: relative; display:block; background: url(../images/nav.png) 50% -101px no-repeat; width: 110px; height: 110px; padding: 35px 0 0; font: 27px/23px 'GrilledCheeseBTN'; color: #ee3897 }
.main header nav li.item3 a,
.main header nav li.item4 a { width: 125px; font-size: 23px; line-height: 24px; padding-top: 35px !important; }
.main header nav li.item3 a { width: 140px; font-size: 22px }
.main header nav li:hover a,
.main header nav li.active a { color: #92278f; background-color: transparent;}
.main header nav li a span { position: relative; z-index: 2; }
.main header nav li a small { position: absolute; top:0; left:0; display:block; height:101px; width:100%; background: url(../images/nav.png) no-repeat 50% 0; opacity: 0; z-index: 1; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s; }
.main header nav li:hover a small,
.main header nav li.active a small { opacity: 1; -webkit-animation-name:pulse; 
			-webkit-animation-duration:500ms; 
			-webkit-animation-timing-function: ease-out;
			
			-moz-animation-name:pulse; 
			-moz-animation-duration:500ms; 
			-moz-animation-timing-function: ease-out; }

.main header nav .menu-mobile { display: none }
.main article { position: relative; display: block; clear: left; top: -35px; z-index: 1 }
.main article .title { background: url(../images/title/juegos.png) 0 0 no-repeat; max-width: 556px; width: 100%; height: 181px; font: 60px/58px 'GrilledCheeseBTN'; color: #fff; margin: 0 auto 35px; padding-top: 30px;}
.main article .title small { display: block; font-size: 48px; color: #fff }
.main article .box { display: block; border-radius: 10px; border: 6px solid #d364a1; overflow: hidden; margin-bottom: 15px; max-height: 550px; behavior: url(../css/PIE.htc); }
.main article .boxx { margin: 0 auto; display: block; border-radius: 10px; border: 6px solid #d364a1; overflow: hidden; margin-bottom: 15px; max-height: 550px; max-width:900px; behavior: url(../css/PIE.htc); }
.main article .box-bg { display: block; border-radius: 10px; overflow: hidden; margin-bottom: 15px; height: 501px; background: url(../images/bg-box.png) 0 0 no-repeat; padding: 15px 0; text-align: center; behavior: url(../css/PIE.htc); background-size: 100% auto; }
.main article .box-bg div { margin: 0 auto; text-align: center }
.main article .downloads .personaje2,
.main article .downloads .personaje3,
.main article .downloads .personaje4,
.main article .downloads .personaje5,
.main article .downloads .personaje6,
.main article .downloads .personaje7,
.main article .downloads .personaje8 { display: none }

.main article a.link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 3; }

/* banners */
aside.top { display: block; background: rgba(0,0,0,0.2); font: 700 17px/24px Arial; color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px }
aside.banner { position: relative; clear: left; display: block; overflow: hidden; margin-bottom: 15px; border-radius: 20px; z-index: 10; /*-webkit-mask-image: -webkit-radial-gradient(white, white);*/ behavior: url(../css/PIE.htc); border-bottom: 8px solid #ff4c92; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.5); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.5); }
aside.banner img { position: relative; width: 100%; display: block; z-index: 0; -webkit-transform: scale(1, 1); -webkit-transition-duration: 500ms; -webkit-transition-timing-function: ease-out; -moz-transform: scale(1, 1); -moz-transition-duration: 500ms; -moz-transition-timing-function: ease-out; -ms-transform: scale(1, 1); -ms-transition-duration: 500ms; -ms-transition-timing-function: ease-out; }
aside.banner:hover img { -webkit-transform: scale(1.2, 1.2);
        -webkit-transition-duration: 500ms;
        -webkit-transition-timing-function: ease-out;
        -moz-transform: scale(1.2, 1.2);
        -moz-transition-duration: 500ms;
        -moz-transition-timing-function: ease-out;
        -ms-transform: scale(1.2, 1.2);
        -ms-transition-duration: 500ms;
        -ms-transition-timing-function: ease-out; }

aside.banner div { position: absolute; left: 40px; top: 30px; text-align: left; width: 100%; z-index: 2; }
aside.banner h2 { font: 46px/42px 'GrilledCheeseBTN'; color: #fff; margin-bottom: 20px; cursor: pointer }
aside.banner h2 big { display: block; font: 55px/53px 'GrilledCheeseBTN' }
aside.banner-small div { left: auto; right: 15px; top: 10px; text-align: right }
aside.banner-bottom div { left: auto; right: 15px; top: auto; bottom: 15px }
aside.banner-small h2,
aside.banner-medium h2,
aside.banner-bottom-small h2 { font: 35px/36px 'GrilledCheeseBTN'; margin-bottom: 10px; }
aside.banner h2 small,
aside.banner-small h2 small,
aside.banner-medium h2 small { display: block; font: 27px/27px 'GrilledCheeseBTN'; color: #fff }
aside.banner-bottom h2 small { font: 22px/24px 'GrilledCheeseBTN'; color: #fff }
aside.banner-medium { clear: none; float: left  }
aside.banner-medium div { left: 15px; top: 10px }
aside.banner-top div { left: auto; right: 15px; top: 15px; bottom: auto; text-align: right }
aside.banner-bottom-small div { left: 40px; top: 0 }

/* btn */
.btn { position: relative; background: #ff4c92; border-bottom: 3px solid #802649; font: 28px/30px 'celestia_redux_alternateMd'; text-transform: uppercase; display: inline-block; padding: 0 20px; height: 37px; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transform: scale(1, 1);
        -webkit-transition-duration: 500ms;
        -webkit-transition-timing-function: ease-out;
        -moz-transform: scale(1, 1);
        -moz-transition-duration: 500ms;
        -moz-transition-timing-function: ease-out;
        -ms-transform: scale(1, 1);
        -ms-transition-duration: 500ms;
        -ms-transition-timing-function: ease-out; behavior: url(../css/PIE.htc); 
		box-shadow: 0 3px 3px 0 rgba(0,0,0,0.5), 
                0 2px 0 5px #fff;
}
.btn:hover,
aside.banner:hover .btn,
.flexslider .slides li:hover .btn,
.flexslider.carousel .slides li:hover .btn { background: #50297a; border-bottom: 3px solid #381d56; -webkit-transform: scale(1.2, 1.2);
        -webkit-transition-duration: 500ms;
        -webkit-transition-timing-function: ease-out;
        -moz-transform: scale(1.2, 1.2);
        -moz-transition-duration: 500ms;
        -moz-transition-timing-function: ease-out;
        -ms-transform: scale(1.2, 1.2);
        -ms-transition-duration: 500ms;
        -ms-transition-timing-function: ease-out; }

@-webkit-keyframes pulse {
	0% { -webkit-transform:scale(1) }
	50% { -webkit-transform:scale(1.25) }
	100% { -webkit-transform:scale(1) }
	}
	@-moz-keyframes pulse {
	0% { -moz-transform:scale(1) }
	50% { -moz-transform:scale(1.25) }
	100% { -moz-transform:scale(1) }
}

.productos h2 { position: relative; margin: 0 -10% -60px; background: url(../images/title/productos.png) top center no-repeat; background-size: contain; width: 120%; min-height: 157px; text-indent: -9000px }
.productos section { background: url(../images/bg-products.png) bottom center no-repeat #fc4280;background-size: 100%; border: 4px solid #9666a6; padding-bottom: 32px; padding-top: 40px; border-radius: 20px; behavior: url(../css/PIE.htc); }
.productos section ul { padding: 22px 0 22px 22px }
.productos section ul li { float: left; border: 5px solid #fff; width: calc(25% - 22px); margin-right: 22px; margin-bottom: 22px; background: #e7ebec; border-radius: 20px; overflow: hidden; -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.5); box-shadow: 0 3px 3px 0 rgba(0,0,0,0.5); behavior: url(../css/PIE.htc); }
.productos section ul li img { width: 100% }
.productos section ul li a { position: relative; display: block; padding: 15px; min-height: 60px }
.productos section ul li a:after { position: absolute; top: -20px; left: 0; content: ""; display: block; width: 100%; height: 20px; border-style: solid; border-width: 15px 0 0 210px; border-color: transparent transparent transparent #fc4280; z-index: 2 }
.productos section ul li a big { position: absolute; bottom: 10px; left: 0; display: block; font: 20px/22px 'GrilledCheeseBTN'; text-transform: uppercase; color: #652384; text-align: center; width: 100% }
.productos section ul li a span { display: none!important; position: absolute; top: auto; bottom: 15px; right: 20px; display: block; color: #652384; width: 30px; height: 30px; margin: 0; background: #FFF; border-radius: 20px; -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.5); box-shadow: 0 3px 3px 0 rgba(0,0,0,0.5); behavior: url(../css/PIE.htc); }
.productos section ul li a .glyphicon-share-alt:before { font-size: 20px; line-height: 30px; }

footer { position: relative; clear: left; min-height: 293px; margin-bottom: 20px; z-index:100}
footer a { position: absolute; bottom: 20%; right: 0; display: block; background: url(../images/hasbro.png) 90% 0 no-repeat; width: 80px; height: 60px }
footer a.amigas { top: 0; left: 10%; width: 80%; height: auto; background: url(../images/amigasxsiempre.png) 50% 50% no-repeat; background-size: contain; text-indent: -9000px }


/* 1440 */
@media (min-width: 1441px) {
	.main { 
		width: 1190px 
	}
	.main article {
		display: block;
		width: 997px;
		margin: 0 auto;
	}
	.main header {
		margin: 0 -97px;
	}
	.main header nav li a { 
		width: 135px;
		font-size: 32px;
		line-height: 32px
	}
	.main header nav li.item3 a,
	.main header nav li.item4 a { 
		font-size: 23px;
		line-height: 22px;
	}
	.main header nav li.item4 a { 
		font-size: 27px;
		line-height: 24px
	}
	aside.banner-small {
		width: 323px;
		margin: 0 15px 15px 0;
	}	
	aside.banner-medium,
	#biblio.biblio3 { 
		width: 653px; 
		margin: 0 21px 15px 0;
		padding-right: 0
	}
	aside.banner-small h2,
	aside.banner-medium h2,		
	#biblio h4 big,
	#biblio.biblio2 h4 big,
	#biblio.biblio3 h4 big { 
		font-size: 42px;
		line-height: 48px;
	}
	aside.banner-small h2 small,
	aside.banner-medium h2 small { 
		font-size: 37px;
		line-height: 40px
	}
	.flexslider {
		margin: 0 0 15px;
	}
	#download .flex-viewport { 
		height: 838px 
	}
	#download .slides img {
		height: 732px
	}
	.main article .boxx { 
		max-height: 608px; 
		max-width: 997px
	}
	.main article .box {
		max-height: 608px; 
	}
	.main article .box iframe,
	.main article .boxx #content {
		width:997px !important; 
		height:609px !important
	}
	#biblio .slides div {
		width: 90%
	}
	#biblio h4
	#biblio.biblio2 h4
	#biblio.biblio3 h4 { 
		font-size: 31px;
		line-height: 40px
	}
	#biblio h4 br {
		display: none
	}
	#biblio.biblio2 .slides img { 
		width: 100% 
	}
	.flexslider.carousel {
		width: 810px;
	}
}

/* 1000 */
@media (max-width: 1440px) and (min-width: 1001px) {
	
	.main header nav li.item3 a,
	.main header nav li.item4 a { 
		font-size: 22px;
		line-height: 20px
	}
	.main header nav li.item4 a { 
		font-size: 27px;
		line-height: 23px
	}
	.main header nav li.even {
		margin-left: -20px;
		margin-right: -20px;
	}	
	.main .explore { 
		margin: 0;  
	}
}
/* 800 */
@media (max-width: 1000px) and (min-width: 768px) {
	.main { 
		width: 745px 
	}	
	.main header {
		margin: 0;
	}	 
	.main header h1 { 
		margin: 0 8px 0 15px;
	}
	.main .explore { 
		margin: 0  
	}
	.main header nav li {
		margin-left: -25px;
		margin-right: -25px;
	}
	.main header nav li a { 
		font-size: 24px;
	}
	.main header nav li.item3 a { 
		font-size: 20px;
		line-height: 18px;
		padding-top: 30px;
	}
	.main header nav li.item4 a { 
		padding-top: 22px;
	}
	.main header nav li.even {
		margin-top: 70px;
	}	
	aside.banner-small {
		width: auto;
	}
	aside.banner-small h2,
	aside.banner-medium h2 { 
		font-size: 29px;
		line-height: 30px;
	}
	aside.banner-small div {
		width: 245px !important;	
	}
	.main .explore { right: 15px }

	.main .productos h2 {
		margin: 0 -5% -60px;
		width: 110%;
		min-height: 135px;
	}
	footer a { right: 15px }


}
/* 400 */
@media (max-width: 767px) {
	
	.main header h1 { 
		background-size: contain;
		width: 137px; 
		height: 121px;
		margin: 0;
	}
	.main { 
		width: 320px 
	}
	.main header {
		margin: 0;
		background: none
	}
	.main header nav {
		position: relative;
	}
	.main .navbar-header {
		margin: 0 10px
	}
	.main .navbar-header:before { 
		position: relative;
		z-index: -1;
		top: 50px;
		display: block;
		background: #ee3897;
		width: 100%;
		height: 18px;
		content: "";
		border-bottom: 6px solid #d82591;
	}
	.main .navbar-toggle { 
		position: relative;
		top: 23px;
		right: -5px;
		margin: 0;
		padding: 0;
		background: #ee3897;
		border-radius: 17px;
		width: 34px;
		height: 34px;
		z-index: 10
	}
	.main .navbar-toggle:focus { 
		background: #f262ad;
	}	
	.main .navbar-toggle .icon-bar {
		background: #fff;   
		border-radius: 2px;
		height: 2px;
		display: block;
		margin: 3px 5px;
	}
	.main .navbar-collapse { 
		position: absolute;
		right: 0;
		top: 53px;		
		width: 185px;
		z-index: 1
	}
	.main .navbar-nav {
		margin: 7.5px 0
	}
	.main header nav li { 
		background: #ee3897;
		float: none;
		margin: 0 !important
	}
	.main header nav li.even { 
		margin: 0 !important
	}
	.main header nav li a { 
		background: none;
		width: auto !important;
		height: auto !important; 
		padding: 12px 0 !important;
		text-align: center;
		margin: 0 12px;
		font: 20px/19px 'GrilledCheeseBTN' !important;
		border-bottom: 1px solid #f79ccb;
	}
	.main header nav li.item3 a, 
	.main header nav li.item4 a,
	.main header nav li.item5 a {
		padding: 12px 0 !important;	
	}
	.main header nav li:hover,
	.main header nav li a:hover,
	.main header nav li:hover a,
	.main header nav li.active a { 
		background-color: #ee3897 !important
	}
	.main header nav li:last-child a { 
		border-bottom: 0
	}
	.main header nav li a small { 
		display: none
	}
	.main article {
		top: 5px
	}		
	.main article .title { 
		background-size: 70% 100%; 
		background-position: center center;
		font: 30px/40px 'GrilledCheeseBTN'; 
		margin-top: 20px;	
		height: 100%;
		padding-top: 0;
	}
	.main article .title small { 
		font-size: 22px
	}
	.flexslider .slides h2,
	#biblio h4 {
		font-size: 14px;
		line-height: 19px;
		padding-bottom: 0;
		margin-top: 0;
	}
	.flexslider .slides h2 br,
	#biblio h4 br {
		display: none
	}
	.flexslider .slides h2 big {
		font-size: 20px;
		line-height: 20px;
	}
	.flexslider .slides h2 big big {
		font-size: 25px	
	}
	.flexslider .slides div {
		right: 15px;
		top: 10px;
	}
	.flex-control-nav {
		right: 10px;
		bottom: 8px;
	}
	.flex-control-paging li a {
		width: 15px;
		height: 15px;
		border: 3px solid #9A258F;
	}
	aside.banner-small {
		width: 100%;
		height: 127px;
	}
	aside.banner-small img {   
		position: absolute; 
		bottom: 0;
	}
	aside.banner-small div {
		width: 96% !important;
	}
	aside.banner-small h2, 
	aside.banner-medium h2,
	aside.banner h2 {
		font-size: 15px;
		line-height: 15px;
	}
	aside.banner h2 small, 
	aside.banner-small h2 small,
	aside.banner-medium h2 small {
		font-size: 20px;
		line-height: 20px;	
	}
	aside.banner div {
		top: 0;
		width: 320px
	}
	aside.banner h2 {
		margin-bottom: 10px;
	}
	aside.banner h2 big {
		display: block;
		font-size: 25px;
		line-height: 25px;
	}
	aside.banner h2 br {
		display: none
	}
	.main .productos h2 { margin-bottom: -95px }
	.main .productos section ul li { position: relative; width: calc(100% - 22px); margin-right: 22px; }
	.main .productos section ul li img { width: 50%; float: left; }
	.main .productos section ul li a { position: absolute; padding: 15px 0; width: 50%; right: 0; }
	.main .productos section ul li a:after { margin-left: -28px; top: -20px; left: 0; content: ""; display: block; width: 55px; height: 100%; border-style: solid; border-width: 0 27.5px 300px 27.5px; border-color: transparent transparent #fc4280 transparent; z-index: 2 }
	.main .productos section ul li a big { position: relative; padding: 5px 10px; font: 18px/22px 'GrilledCheeseBTN'; }
	.main .productos section ul li a span { width: 40px; height: 40px; }
	.main .productos section ul li a .glyphicon-share-alt:before { line-height: 40px; }

  .btn { 
	font-size: 20px; 
	height: 30px;
    line-height: 25px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.5), 
                0 1px 0 3px #fff; }

  .main .explore { float: none; margin: 0 auto }
  footer a { position: relative; bottom: auto; right: auto; margin: 0 auto }
  footer a.amigas { left: auto; width: 90%; min-height: 250px }
}

@media (max-width: 640px) {
  .main .productos { width: calc(100% - 16px); margin: 8px }
  .main .productos section { padding-bottom: 55px }
  .main .productos section ul { padding: 22px 0 0 22px }
  .main .productos h2 { background: url(../images/title/productos-mobile.png) top center no-repeat; background-size: contain; width: 106%; margin: 0 -3% -70px; min-height: 105px; }
}
@media (max-width: 399px) {
  .main .productos h2 { min-height: 95px; margin-bottom: -50px }
}