*{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;overflow-x:hidden}
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% }

/* header */
header { position: relative; clear: left; margin: 0 -40px; z-index: 2 }
header h1 { float: left; display: block; background: url(../images/pony.png) 0 0 no-repeat; width: 233px; height: 205px; margin: 0; text-indent: -9000px }
header h1 a { display: block; width: 100%; height: 100% }

/* nav */
header nav { margin-top: 20px }
header nav li { float: left }
header nav li.even { margin-top: 55px }
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 !important; font: 27px/23px 'GrilledCheeseBTN'; color: #ee3897 }
header nav li.item3 a,
header nav li.item4 a,
header nav li.item5 a { width: 125px; font-size: 23px; line-height: 24px; padding-top: 23px !important; }
header nav li.item3 a { width: 140px; font-size: 22px }
header nav li:hover,
header nav li a:hover,
header nav li:hover a,
header nav li.active a { color: #92278f; background-color: transparent !important }
header nav li a span { position: relative; z-index: 2; }
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; }
header nav li:hover a small,
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; }

article { position: relative; display: block; clear: left; top: -35px; z-index: 1 }
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;}
article .title small { display: block; font-size: 48px; color: #fff }
article .box { display: block; border-radius: 10px; border: 6px solid #d364a1; overflow: hidden; margin-bottom: 15px; min-height: 150px; behavior: url(../css/PIE.htc); }
article .boxx { margin: 0 auto; display: block; background: #d364a1; border-radius: 10px; border: 6px solid #d364a1; overflow: hidden; margin-bottom: 15px; min-height: 150px; behavior: url(../css/PIE.htc); }
article .box-bg { display: block; border-radius: 10px; overflow: hidden; margin-bottom: 15px; background: url(../images/bg-box.png) 0 0 no-repeat; padding: 15px; text-align: center; behavior: url(../css/PIE.htc); background-size: 100% 100%; }
article .box-bg div { margin: 0 auto !important; text-align: center }
article .downloads .personaje2,
article .downloads .personaje3,
article .downloads .personaje4,
article .downloads .personaje5,
article .downloads .personaje6,
article .downloads .personaje7 { display: none }

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

article .downloads { margin-left:40px; text-align:center; padding-right: 32px }

/* banners */
aside.top { display: block; background: rgba(0,0,0,0.2); font: 700 17px/39px Arial; color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px }
aside.banner { position: relative; clear: left; display: block; width: 100%; overflow: hidden; margin-bottom: 15px; border-radius: 20px; z-index: 10; -webkit-mask-image: -webkit-radial-gradient(white, white); behavior: url(../css/PIE.htc);  }
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 { font: 35px/36px 'GrilledCheeseBTN'; margin-bottom: 10px; }
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 }

/* btn */
.btn { background: #e72e87; border-bottom: 5px solid #c22771; font: 26px/32px 'celestia_redux_alternateMd'; text-transform: uppercase; display: inline-block; padding: 0 30px; height: 32px; color: #fff; -webkit-box-shadow:inset 0 3px 2px 0 #f394c1; box-shadow:inset 0 3px 2px 0 #f394c1; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -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); }
.btn:hover,
aside.banner:hover .btn,
.flexslider .slides li:hover .btn,
.flexslider.carousel .slides li:hover .btn { background: #50297a; border-bottom: 5px 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) }
}

footer { position: relative; clear: left; background: url(../images/hasbro.png) 90% 0 no-repeat; height: 60px; margin-bottom: 20px; z-index:100}
footer a { position: absolute; top: 0; right: 7%; display: block; width: 80px; height: 60px }
 
.row, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 7px;
    padding-left: 7px;
}
.container {
	padding: 0
}
@media (min-width: 1441px) {
  .container {
    width: 997px;
  }
  header {
    margin: 0 -97px;
    width: 1190px;
  }
  header nav li a { 
	width: 125px;
	font-size: 32px;
	line-height: 32px
  }
  header nav li.item3 a,
  header nav li.item4 a,
  header nav li.item5 a { 
	font-size: 23px;
	line-height: 22px;
  }
  header nav li.item4 a { 
	font-size: 27px;
	line-height: 24px
  }
  header nav li.even {
    margin-right: 5px;
    margin-left: 5px;
  }  
  .flexslider {
    margin-bottom: 15px
  }
}
@media (max-width: 1440px) {
  .container {
    width: 950px;
  }
  header nav li.item3 a,
  header nav li.item4 a,
  header nav li.item5 a { 
	font-size: 22px;
	line-height: 20px
  }
  header nav li.item5 a { 
	font-size: 20px
  }	
  header nav li.item4 a { 
	font-size: 27px;
	line-height: 23px
  }
  header nav li.even {
	margin-left: -15px;
	margin-right: -15px;
  }
  .flexslider {
    margin-bottom: 15px
  }
}
@media (max-width: 1000px) {
  .container {
    width: 100%;
	max-width: 795px
  }
  header { 
	margin: 0
  }
  header nav li {
    margin-left: -25px !important;
    margin-right: -25px !important;
  }
  header nav li a { 
	font-size: 24px;
  }
  header nav li.item3 a,
  header nav li.item5 a { 
	font-size: 20px;
	line-height: 18px;
	padding-top: 30px;
  }
  header nav li.item4 a { 
	padding-top: 22px;
  }
  header nav li.even {
	margin-top: 80px;
  }	
  aside.banner-medium h2,
  aside.banner-small h2 { 
	font-size: 29px;
	line-height: 30px;
  }
  aside.banner-medium h2 small,
  aside.banner-small h2 small { 
	font-size: 23px;
	line-height: 24px;
  }
}
@media (max-width: 767px) {
  .container {
    width: 100%;
	max-width: 90%;
  }
  header {
    margin: 0
  }
  header nav { 
	margin-top: 0
  }
  header h1 { 
	background-size: 137px 121px;
	width: 137px; 
	height: 121px;
  }
  .navbar-header {
    margin: 0 10px
  }
  .navbar-header:before { 
	position: relative;
	z-index: -1;
	top: 50px;
	display: block;
	background: #ee3897;
	width: 100%;
	height: 18px;
	content: "";
	border-bottom: 6px solid #d82591;
  }
  .navbar-toggle { 
	position: relative;
	top: 23px;
	right: -5px;
	margin: 0;
	padding: 0;
	background: #ee3897;
	border-radius: 17px;
	width: 34px;
	height: 34px;
	z-index: 10
  }
  .navbar-toggle:focus { 
	background: #f262ad;
  }	
  .navbar-toggle .icon-bar {
	background: #fff;   
	border-radius: 2px;
	height: 2px;
	display: block;
	margin: 3px 5px;
  }
  .navbar-collapse { 
	position: absolute;
	right: 0;
	top: 53px;		
	width: 185px;
	z-index: 1
  }
  .navbar-nav {
    margin: 7.5px 0
  }
  header nav li { 
	background: #ee3897;
	float: none;
	margin: 0 !important
  }
  header nav li.even { 
	margin: 0
  }
  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;
  }
  header nav li:hover,
  header nav li a:hover,
  header nav li:hover a,
  header nav li.active a { 
	background-color: #ee3897 !important
  }
  header nav li:last-child a { 
	border-bottom: 0
  }
  header nav li a small { 
	display: none
  }
  .flexslider {
    margin-bottom: -5px
  }
  .flexslider .slides h2,
  #biblio h4 {
	font-size: 18px;
	line-height: 27px;
  }
  .flexslider .slides h2 br,
  #biblio h4 br {
	display: none
  }
  .flexslider .slides h2 big {
	font-size: 20px;
	line-height: 27px !important;
  }
  .flexslider .slides h2 big big {
	font-size: 20px;
	display: inline
  }
  .flex-control-nav {
	right: 10px;
	bottom: 5px;
  }
  .flex-control-paging li a {
	width: 15px;
	height: 15px;
	border: 3px solid #9A258F;
  }
  aside.banner {
	margin-top: 10px;
  }
  aside.banner img { 
    min-height: 127px;
  }
  aside.banner-medium,
  aside.banner-small {
	width: 100%;
	height: 127px;
	margin: 10px 0
  }
  aside.banner-small img {   
	position: absolute; 
	bottom: 0;
  }
  aside.banner h2 {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 10px;
  }
  aside.banner h2 big {
	display: block;
	font-size: 20px;
	line-height: 20px;
  }  
  .flexslider .slides div {
	right: 15px;
	top: 0;
  }
  aside.banner div {
	top: 0;
  }
  article .downloads {
    margin-left: 0; 
    padding-right: 0
  }
  article .title { 
	background-size: 70% 100%; 
	background-position: center center;
	font: 37px/40px 'GrilledCheeseBTN'; 
	margin-top: 20px;	
    height: 100%;
    padding-top: 0;
  }
  article .title small { 
	font-size: 29px
  }
  .flexslider.carousel-juego .slides li span {
	font-size: 25px;
	line-height: 33px
  }
}

@media (max-width: 399px) {
  .container {
	max-width: 100%;
  }
  aside.banner-small img {  
	bottom: 0;
    width: auto;
  }
}