@charset "UTF-8";

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;
	vertical-align: baseline;
	}

html {
	width: 100%;
	border:0;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}
body {
	background: url("../img/v2/background_body.gif") left top transparent;
	min-width: 1024px;
	margin: 0;
	}

@font-face {
	font-family: ZagBold;
	src: url('http://playtalesbooks.com/fonts/ZagBold.otf');
	}

* {
	font-family: Helvetica, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #979797;
	}

h2 {
	font-family: ZagBold, sans-serif;
	font-size: 32px;
	color: #343434;
	margin:-5px 0 0 0;
	float: left;
}

h3 {
	font-family: ZagBold, sans-serif;
	font-size: 28px;
	color: #343434;
	margin: 0 0 5px 0;
}

p {
	font-size: 14px;
} 

#content {
	width: 1010px;
	margin: 0 auto;
	overflow: hidden;
	
}

#ei-slider {
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 510px;
}

#ei-slider ul.slidetop {
	height:100%;
	overflow:hidden;
	position:absolute;
	width:100%;
	top:0;
	left:0;
}
#ei-slider ul#slider_front{
	position: absolute;
	top:2%;
	left:0%;
	width:100%;
}
#ei-slider ul#slider_front li{
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
}
.ei-slider-large ul.slide li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large ul.slide li img{
	width: 100%;
}

.ei-title {
	margin-right:-560px;
	position:absolute;
	right:50%;
	top:2%;
}
a{
	text-decoration:none;
}
.point_slide {
	display:block;
	width: 1010px;
	margin: -35px auto;
	overflow: hidden;
	position: relative;
}

.point_slide li {
	float:right;
	height:100%;
	position:relative;
}

.point_slide li a {
	width: 15px;
	height: 10px;
	float: left;
	background: url('../img/v2/pages_cabecera.png') no-repeat left top;
	background-position: 0 -11px;
}

.point_slide li a.selected {
	background-position: 0 0;
}

.headerbackground { 
	height: 495px;
	margin: 0 0 15px 0;
 }
 /* LOGO */
.logo_title{
	float: left;
	width: 18%;
	margin: 1%;
}
 
 /* MENU */
 .menu {
 	background: url('../img/v2/menu_base.png') no-repeat left top;
 	float: left;
 	width: 510px;
 	height: 72px;
 	padding: 10px 0 0 12px;
 	margin-left: 55px;
 }
  .menu ul li, ul { width: auto; margin: 0; list-style: none; padding: 0; }
  .menu ul li a  {
  	float: left;
  	width: 160px;
  	height: 16px;
 	padding: 14px 0 15px 0px;
  	color: #979797;
  	text-shadow: 0px 1px 0px #fff;
  }
  
  /* ESTADOS */
  
 .menu ul li a.left  {
 	background: url("../img/v2/menu_left.png") no-repeat left top transparent;
 	text-indent: 62px;
 	text-decoration: none;
 	font-size: 15px;
 	text-shadow: 0px 1px 0px #fff;
 }
 
 .menu ul li a.center  {
 	background: url("../img/v2/menu_center.png") left top transparent;
 	text-indent: 55px;
 	text-decoration: none;
 	 width: 165px;
 	 font-size: 15px;
 }
 
 .menu ul li a.right  {
 	background: url("../img/v2/menu_right.png") left top transparent no-repeat;
 	text-indent: 38px;
 	text-decoration: none;
 	font-size: 15px;
 }
 
 
 /* HOVER y ACTIVE */
  
 .menu ul li a:hover  {
 	background-position: 0 -48px;
 }
 
 .menu ul li a:active, .menu ul li a.active  {
 	background-position: 0 -95px;
 	color: #fff;
 	text-shadow: 1px 0px 0px #521a49;
 	
 }
 
 /* SOCIAL */
 .social {
 	float: right;
 	width: 200px;
 }
 .social ul, .social ul li { width: auto; margin: 0; list-style: none; padding: 0; }
 .social ul li span {
 	float: left;
 	width: 94px;
 	margin-top: 24px;
 	text-shadow: 0px 1px 0px #fff;
 }
 .social a { 
 	float: left;
 	width: 200px;
 	color: #b9b9b9;
 	text-shadow: 0px 1px 0px #fff;
 	text-indent: 999999999px;
 	margin:18px 10px 0 0;
  }
 .social ul li a.pinteres {
 	background: url("../img/v2/btn_pint.png") left top transparent;
 	width: 26px;
 	height: 26px;
 }
 
 .social ul li a.twitter {
  	background: url("../img/v2/btn_twitter.png") left top transparent;
 	width: 26px;
 	height: 25px;
 }
 
 .social ul li a.facebook {
  	background: url("../img/v2/btn_facebook.png") left top transparent;
 	width: 24px;
 	height: 24px;
 }
 
 .social ul li a.pinteres:hover  {
 	background-position: 0 -28px;
 }
 
 .social ul li a.twitter:hover  {
 	background-position: 0 -27px;
 }
 
 .social ul li a.facebook:hover  {
 	background-position: 0 -27px;
 }
 
 /*CONTENT*/
 
 .newplaytales {
  	background: #fff;
  	box-shadow: 2px 2px 0px #c9c9c9;
  	border-radius: 10px;
  	float: left;
 	width: 640px;
 	height: 222px;
 	padding: 30px 25px;
 }
 .newplaytales ul{
 	float:left;
 } 
 .newplaytales ul li { float: left; width: 119px; height: 163px; margin: 0 14px 0 5px; }
 .newplaytales ul li a { float: left; }
 .newplaytales span.arrowleft {
 	cursor:pointer;
 	float: left;
 	width: 22px;
 	height: 10px;
 	margin-top: 83px;
 	margin-right: 16px;
 }
 .newplaytales span.arrowright {
 	cursor:pointer;
 	float: right;
 	width: 10px;
 	height: 10px;
 	margin-top: 83px;
 	margin-left: 8px;
 }
 
 .newplaytales p {
 	float: left;
 	width: 100%;
 	margin-top: 14px;
 }
 .newplaytales_container{
  	float: left;
 	width: 480px;
 	height: 160px;
 	padding: 0 5px;
 	margin-top: 19px;
 }
 .newplaytales .viewmore {
 	background: url("../img/v2/more_books.png") left top no-repeat transparent;
 	width: 126px;
 	height: 22px;
 	float: right;
 	margin-top: -10px;
 	padding: 8px 0 0 0;
 	text-decoration: none;
 	text-shadow: 0px 1px 0px #fff;
 	text-align: center;
 }
 
  .newplaytales .viewmore:hover { background-position: 0 -32px; }
  .newplaytales .viewmore:active { background-position: 0 -64px; color: #fff;
  text-shadow: 1px 0px 0px #521a49; }

.fbsocial {
	background: url("../img/caracol-gif.gif") no-repeat right bottom transparent;
	width: 319px;
	height: 170px;
	margin-top: -80px;
	float: right;
}

.fbsocial .newsletter {
	margin-left: -80px;
}

.playtalesmovie {
	margin: 10px 0 0 38px;
	float: left;
}

.playtalesmovie h3 {
	color: #877899;
	font-size: 21px;
	text-align: center;
}

.playtalesmovie h3 span {
	color: #dd5d60 !important;
	text-align: center;
	font-family: ZagBold, sans-serif;
	font-size: 28px;
	color: #343434;
	margin: 0 0 5px 0;
	font-size: 21px;
}

.fbsocial .fb-like {
	margin: 112px 0 0 76px;
	float: left;
}

.slide {
	background: url("../img/v2/ipad.png") left top transparent;
	float: right;
	width: 319px;
	height: 239px;
}
.slide ul{
	width:250px;
	height:211px;
	margin-left:41px;
}
.slide ul li img {
	float: left;
	margin: 28px 0 0 0;
}
.nav_container{
	width: 1010px;
	height: 0px;
	z-index: 100;
	position: relative;
}
.slide_nav {
	float: right;
	margin: 46% 0 0 0;
	z-index: 10;
	width: auto;
}

#nav {
	position: relative!important;
	right: 0;
	width: 140px;
	z-index: 0;
	top: 0;
}
.second_slider{
	float: left;
	margin: 15px 0 0 0;
	z-index: 10;
	width: 200px;
	margin-left: 137px!important;
}
.slide_nav a, .second_slider a {
	background: url("../img/v2/pages_ipad.png") left top transparent;
	float: left;
	width: 8px;
	height: 8px;
	margin: 6px;
	overflow: hidden;
	color:transparent;
	text-indent: -20px;
}

.slide_nav a.activeSlide, .second_slider a.activeSlide {
 	background-position: 0 -11px;
}

#threesection {
	float: left;
	width: 100%;
}
#threesection .movie {
	float: left;
	width: 322px;
	height: 238px;
	margin: 20px 0 0 0;
}

.movie a:hover {
}

#threesection .newsletter {
	background: url("../img/v2/newsletter.png") left top transparent;
	float: left;
	width: 279px;
	height:208px;
	padding: 30px 24px 0 24px;
	margin: 20px 0 0 24px;
}

#threesection .newsletter input.email {
	float: left;
	width: 270px;
	height:44px;
	border: 1px solid #d9d9d9;
	border-radius:30px;
	text-indent: 25px;
	position: relative;
	z-index: 1;
	color: #C5C5C5;
}

#threesection .newsletter input.ok {
	float: left;
	width: 38px;
	height:36px;
	border-radius:30px;
	border: none;
	text-indent: 4px;
	padding: 2px 0 0;
	font-family: ZagBold, sans-serif;
	font-size: 20px;
	color: #fff;
	background: #7cc2dc;
	position: relative;
	z-index: 999;
	top: -42px;
	left: 228px;
	cursor: pointer;
}
#threesection form{
	height: 58px;
	float: left;
	margin: 10px 0 0 0;
	color: #C5C5C5 !important;
}

#threesection .correct {
	float: left;
	margin-top: 20px;
	color: #c2c2c2;
	font-size: 11px;
	background: url("../img/v2/correct.png") left top no-repeat transparent;
	text-indent: 20px;
	width: 250px;
	margin: 0 0 0 30px;
	display: none;
}

#threesection .fail {
	background: url("../img/v2/error.png") left top no-repeat transparent;
	float: left;
	margin-top: 20px;
	color: #c2c2c2;
	font-size: 11px;
	text-indent: 25px;
	width: 250px;
	margin: 0 0 0 0;
	display:none;
}

#threesection .books {
	width: 317px;
	height: 236px;
	float: left;
	margin: 20px 0 0 20px;
	overflow: hidden;
	border-bottom: 1px solid #aaa;
}

/*#threesection .books h3 { float: right; width: 185px; margin:36px 15px 0 0; }
#threesection .books a { 
	float: right; 
	width: 110px; 
	height: 30px; 
	margin:24px 18px 0 0;
	text-align: center;
	font-family: ZagBold, sans-serif;
	font-size: 28px;
	text-decoration: none;
	color: #f8c131;
}*/
	
/* APPS DOWNLOAD */

.appdownloadtitle {
	background: url("../img/v2/line_.png") left top no-repeat transparent;
	float: left;
	width: 100%;
	margin: 45px 0 0 0;	
}

.appdownloadtitle {
	background: url("../img/v2/line_.png") left top no-repeat transparent;
	float: left;
	width: 100%;
	margin: 50px 0 35px 0;	
}

.appdownloadtitle h3 {
	float: none;
	margin-top: -14px;
	text-align: center !important;
	color: #b9b9b9;
	text-shadow: 0px 1px 0px #fff;
	font-size: 23px;	
}

.appdownload {
	float: left;
	width: 958px;
	height: 150px;
	padding: 20px 25px;
	background: #ebebeb;
	box-shadow: 2px 2px 0px #c0c0c0;
	border-radius: 10px;
	margin-bottom: 10px;
	
}



.appdownload ul {	
	float: left;
	width: 100%;
}

.appdownload ul li {	
	float: left;
	width: auto;
	height: 52px;
	margin: 10px 0 0 0;
	overflow: hidden;
}

.appdownload ul li a.iphone {	
	background: url("../img/v2/btn_iphone_appstore.png") left top no-repeat transparent;
	width: 180px;
	height: 55px;
}

.appdownload ul li a.ipad {	
	background: url("../img/v2/btn_ipad_appstore.png") left top no-repeat transparent;
	width: 180px;
	height: 55px;
}

.appdownload ul li a.googleplay {	
	background: url("../img/v2/btn_googleplay.png") left top no-repeat transparent;
	width: 198px;
	height: 55px;
}

.appdownload ul li a.bb {	
	background: url("../img/v2/btn_bbavaiable.png") left top no-repeat transparent;
	width: 198px;
	height: 55px;
}

.appdownload ul li a {	
	margin-right: -12px;
	float: left;
}

.appdownload ul li a:hover {	
	background-position: 0 -51px;
}

.appdownload img {
	float: left;
	margin: 0 10px 0 5px;
}

.appdownload img:hover {
	background-position: 0 55px;
}

.playtalesbasic img, .playtalesgold img {
	float: left;
}

.appdownload .playtalesbasic{
	float: left;
	width: 550px;
	width: 535px;
}

.appdownload .playtalesgold {
	width: 362px;
	float: right;
}

/* FOOTER */

#footer {
	clear: both;
	width: 100%;
	height: 320px;
	margin: 30px 0 0 0;
	background: url("../img/v2/background_footer.gif") top repeat-x transparent;
	background-color: #ebebeb;
}

#footer .content {
	width: 1010px;
	margin: 0 auto;
	overflow: hidden;
	background: url("../img/v2/background_footer_kids.jpg") top right no-repeat transparent;
	background-position:100% 25px;
}

#footer .content .playtales {
	background: url("../img/v2/playtales_background.png") top right no-repeat transparent;
	width: 505px;
	float: left;
}

.playtales .logo {
	float: left;
	margin: 25px 0 20px 0;
	width: 278px;
}
.playtales .follow {
	float: right;
	width: 220px;
	margin: 35px 0 20px 0;
}

.playtales .follow span {
	float: left;
	margin: 35px 12px 0 0;
	color: #b9b9b9;
	text-shadow: 0px 1px 0px #fff;
}
#footer .playtales .follow ul {
	float: left;
	width: 110px;
	margin-top: 6px;
}

.follow ul li a {
 	text-indent: 999999999px !important;
 	float: left;
 	width: 200px;
 	color: #b9b9b9;
 	text-shadow: 0px 1px 0px #fff;
 	margin:18px 10px 0 0;
}

.follow ul li a.pinteres {
	background: url("../img/v2/btn_pint.png") left top transparent;
	width: 26px;
	height: 26px;
}

.follow ul li a.twitter {
 	background: url("../img/v2/btn_twitter.png") left top transparent;
	width: 26px;
	height: 25px;
}

.follow ul li a.facebook {
 	background: url("../img/v2/btn_facebook.png") left top transparent;
	width: 24px;
	height: 24px;
}

.follow ul li a.pinteres:hover  {
	background-position: 0 -28px;
}

.follow ul li a.twitter:hover  {
	background-position: 0 -27px;
}

.follow ul li a.facebook:hover  {
	background-position: 0 -27px;
}

.playtales .copyright {
	float: left;
	width: 500px;
}

.playtales .copyright p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #b9b9b9;
	text-shadow: 0px 1px 0px #fff;
}

.playtales .brands {
	float: left;
	width: 500px;
	height: 65px;
	margin: 28px 0 0 0;
}

.playtales .brands ul li {
	float: left;
	width: auto;
}

/* LANGUAGE */

#footer .language h4 {
	float: left;
	font-size: 12px;
	color: #a4a4a4;
	text-shadow: 0px 1px 0px #fff;
	width: 100%;
}

#footer .language {
	float: left;
	width: 215px;
	height: 200px;
	background: url("../img/v2/playtales_background2.png") top right no-repeat transparent;
	padding: 20px;
}

#footer .language ul{
	float: left;
	width: 200px;
	height: 160px;
	margin-top: 25px;
}


#footer .language ul li{
	float: left;
	width: 95px;
	height: 26px;
}

#footer .language ul li img {
	float: left;
	margin-left: 2px;
}

#footer .language ul li span {
	float: left;
	width: 60px;
	padding: 4px 0 0 10px;
	text-shadow: 0px 1px 0px #fff;
}

.menufooter {
	float:right;
	height:75px;
	width:225px;
	padding: 37px 0 0 22px;
}

.menufooter ul {
	height: 100px;
}

.menufooter ul li {
	list-style: outside;
	display:inline;
	float:left;
	list-style:outside;
	width:85px;
}

.menufooter ul li a {
	text-decoration: none;
	color: #a4a4a4;
	text-shadow: 0px 1px 0px #fff;
}
#footer a:hover {
	color: #535353;
}

#footer span:hover {
	color: #535353;
}
.hide{display:none;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.noborder-top{border-top:0 !important;}
.noborder-bottom{border-bottom:0 !important;}
.noborder-right{border-right:0 !important;}
.noborder-left{border-left:0 !important;}
.nomargin-right{margin-right:0 !important;}
.nomargin-bottom{margin-bottom:0 !important;}
.nomargin-top{margin-top:0 !important;}
.nomargin-left{margin-left:0 !important;}
.centered {text-align:center;}

#product div.block >p{
	width:100%;
}

.asterisk{
	margin-top:10px;
}

#sb-container {
	width: 100%!important;
	height:100%!important;
}