@import url('reset.css');
/* regular */
@font-face { font-family: "regular"; src:url('../font/loveyalikeasister.eot'); src: local('☺'), url('../font/loveyalikeasister.woff') format('woff'), url('../font/loveyalikeasister.ttf') format('truetype'), url('../font/loveyalikeasister.svg#webfont') format('svg'); font-weight: normal; font-style: normal; font-variant: normal; }

/* BODY/HTML */
html, body { margin:0; padding:0; height:100%; -webkit-text-size-adjust: none; /* For iphone Landscape */ -webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-o-font-smoothing: antialiased;-ms-font-smoothing: antialiased; /* For font looks antialiased */ -moz-osx-font-smoothing: grayscale; font-family:Verdana, Geneva, sans-serif; color: #333333; font-size: 14px; }
/* Transition */
.block-2, .block-left a, .volume, .list-icon li, .label, .select select, .select-avatar, .login, .register button, .back-block, .game-center-9 li a img, .gold-button, .game-center-6 ul li a img, .game-center-3 ul li a img, .open-to, .back-tab, .add, .play, .top-light a, .bottom-inside-2 ul li a, .lightbox-close, .submit-login, .lightbox-block-2 a  {-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition:.4s;}
a, input, textarea, button, .tools ul li p, .tools ul li, .sign ul li, .sign ul li p, #banner .rsBullet, #games-grid ul li article, .link-span a img, .other-games ul li, .register-action a span, .reward span, .other-games ul li article    {-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s;transition:.4s;}
/* Height */
/* a */
.height-type-a { height:136px !important; }
/* b */
.height-type-b { height:60px !important; }
/* margin */
.margin-type-a { margin-top:20px; margin-bottom:10px; }
/* Blocks */
/*======= inner block =========*/
/*.inner-block { width:1000px; height: auto; margin-left:auto; margin-right:auto;} */
.inner-block { width: 940px; height: auto; margin: 0 auto; padding: 0 30px;background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.8);}
/*______ / ________*/
/*---- Other ----*/
p {line-height: 18px; margin-bottom: 10px;}
/*======= clear block =========*/
.clear-block { width:100%; height:auto; position:relative; float:left; }
/* h3 */
.clear-block h3 { font-family:"regular"; color:#fff; font-size:15px; }
/*______ / ________*/
/*======= block-left =========*/
.block-left { width:123px; position:relative; float:left; }
/*______ / ________*/

/*======= Link =========*/
/* a */
.link-a {
	text-decoration:none;
	background:url(../images/button/back-1.png) center center no-repeat;
	display: block;
	color: #fff;
	width: 139px;
	height: 30px;
	margin-top: 37px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	font-weight:bold;
	text-shadow:0 1px 0 rgba(0,153,255,1);
}
/* hover */
.link-a:hover{
	background:url(../images/button/back-1-hover.png) center center no-repeat;
	text-shadow:0 -1px 0 rgba(0,0,0,.3);
}
/* b */
.link-b {
	text-decoration:none;
	background:url(../images/button/back-3.png) center center no-repeat;
	display:block;
	color:#fff;
	width: 141px;
	height: 30px;
	text-align:center;
	line-height:30px;
	margin-top:1px;
	font-size:14px;
	font-weight:bold;
	text-shadow:0 1px 0 rgba(0,153,255,1);
}
/* hover */
.link-b:hover { background:url(../images/button/back-3-hover.png) center center no-repeat;
						text-shadow:0 -1px 0 rgba(0,0,0,.3);
}

/* c */
.link-c {
	text-decoration:none;
	background:url(../images/button/back-3-hover.png) center center no-repeat;
	display:block;
	color:#fff;
	width: 141px;
	height: 30px;
	text-align:center;
	line-height:30px;
	margin-top:1px;
	font-size:14px;
	font-weight:bold;
	text-shadow:0 -1px 0 rgba(0,0,0,.3);
}
/* hover */
.link-c:hover { background:url(../images/button/back-3.png) center center no-repeat;text-shadow:0 1px 0 rgba(0,153,255,1);}

/*______ / ________*/

/*======= block-middle =========*/
.block-middle { width:55px;
				z-index:100;
				position:relative;
				height: 113px;
				padding-top: 23px;
				float:left;

}
/*______ / ________*/

/*======= block-right =========*/
.block-right { width: 101px;
				z-index: 50;
				height: 113px;
				padding-top: 23px;
				float: left;

}

/* p */
.block-right p { font-size:12px;
				margin-top:30px;
				color:#ff00dd;}

/*______ / ________*/


/*======= block line =======*/
.block-line { width:100%;
				height:10px;
				background:#00d2ec;
}

/* dott */
.dott { background:url(../images/elements/line.png) center center no-repeat;}


/*______ / ________*/

/*======= block middle =======*/
.block-1 { width:323px;
			float:left;
			margin-right:20px;
}

/* a */
.block-1 a { display:block;
				height:51px;
				margin-top:32px;
}

/*______ / ________*/

/*======= block small =======*/
.block-2 { width:300px;
		   float:left;
		   margin:0 23px;
		   position:relative;
}


/*______ / ________*/

/*======= block small =======*/
.block-3 { width:290px;
		   float:left;
		   margin-left:20px;
			margin-top: -22px;
		   background:url(../images/elements/menu-user.png) center center no-repeat;
}

/*______ / ________*/

.ui-menu-item {
	/*display: none !important;*/
}

/*//////////////

   WRAPPER

///////////////////*/

/*#wrapper {min-height:100%; position:relative; background: url(../images/back-c.png) center 100px fixed no-repeat; } */
#wrapper {min-height:100%; position:relative; width:100%; /*background: url(../images/back/back-body.jpg);*/ }



/*//////////////

   HEADER

///////////////////*/

/* header { background:#FFF; position:relative; height:160px; width:1100px; margin:0 auto;} */
header { width: 100%;height: auto;}

/*:::::: Top btn :::::*/
.top-btn {float: right; padding: 9px 23px; background: url(../images/back/back-top.png) center center no-repeat; background-size: 100% 100%;text-decoration:none; text-align: center; font-family: "regular";font-size: 13px; color: #FFCAA4;position: relative;z-index: 1; display:grid;}
.top-btn:hover {background: url(../images/back/back-top-hover.png) center center no-repeat; background-size: 100% 100%;color:#F4802E;}
.img-lttt{width:85px; height:25px; padding: 5px 0 0 5px;}

/*::::: Bottom header :::::*/
.bottom-header {width: 100%; height: auto; padding: 0px 0px 30px 0px; float: left;position: relative;}

/*-- Logo --*/
.logo {width: 290px; height: auto;display: block;float: left; padding-top: 20px;}
.logo img {width: 100%;}

header.fra p {font-size: 11px !important;}
header.fra p:hover {font-size: 12px !important;}

/*---- Tools -----*/
.tools {float: left; position: relative; margin-top: 35px; }
.tools ul { height: 47px; list-style: none;background: url(../images/back/newheader/fondo_menu.png) center center no-repeat; background-size: 100% 100%; width: 717px; position: relative; z-index: 1;}
.tools ul li {float: left;padding: 0 2px;overflow: hidden;position: relative;width: 171px;}
.tools ul li:nth-child(2){ width: 129px; margin-top: 2px; }
.tools ul li:nth-child(3){ width: 175px; margin-top: 8px; }
.tools ul li:nth-child(4){ width: 118px; margin-top: 6px; }
.tools ul li a {display: inline-block; width: 100%; height: auto;text-decoration: none; color: #fff;}
.tools ul li img {width: 171px; float: right; position: relative; z-index: 1;}
.tools ul li a.fav img {width: 129px; float: right; position: relative; z-index: 1;}
.tools ul li a.fav p { padding: 13px 10px 8px 0px; width: 90px; }
.tools ul li a.fame img {width: 175px; float: right; position: relative; z-index: 1;}
.tools ul li a.fame p { padding: 7px 10px 8px 2px; width: 143px; }
.tools ul li a.search img {width: 118px; float: right; position: relative; z-index: 1;}
.tools ul li a.search p { padding: 5px 10px 8px 7px; width: 80px; }
.tools ul li p { margin-bottom: 0; font-family: "regular"; color: #fff; float: left; padding: 15px 10px 8px 7px; font-size: 13px; line-height: 14px; height: 15px; position: absolute; width: 128px; text-align: center; z-index: 2; text-shadow: 2px 2px 2px rgba(0, 0, 0, .6); }
.tools ul li:nth-child(4) p{line-height: 28px;}
.tools ul li p:hover { font-size: 14px; }

/* ---- Apss ---- */
.apps {float: left; position: relative; margin-top: -20px; }

/* active - hove */
.tools ul.active li{padding: 0 12px;}
.tools ul li.active {padding: 0 5px;width: 118px;}
.tools ul li.active p{left: 0;}

/*---- Shade ----*/
.shade-large, .shade-medium {position: absolute;}
.shade-large { width: 360px; top: -51px; left: -38px;}
.shade-medium {top: -10px; left: 0; width: 310px;}

/*----- Sign -----*/
.sign {float: right; position: relative;margin-right: -10px;width: 327px;}
.sign ul {height: auto; list-style: none;padding: 9px 0px; width: 327px; position: relative; z-index: 1;float: right; background: url(../images/back/newheader/fondo_offline.png) center center no-repeat; background-size: 100% 100%;}
.sign.active ul { width: 325px; background: url(../images/back/newheader/fondo_online.png) center center no-repeat; background-size: 100% 100%;}
.sign ul li {float: right; padding: 0 2px; overflow: hidden; position: relative; width: 144px;}
.sign ul img {width: 106px; height:40px; float: right;position: relative;z-index: 1;}
.sign ul img.signimg {width: 144px; height:46px; float: right;position: relative;z-index: 1;}
.sign ul img.profileimg {width: 125px; height:50px; float: right;position: relative;z-index: 1;}
.sign ul li p { margin-bottom: 0; font-family: "regular"; color: #fff; float: left; padding: 6px 15px 8px 4px; font-size: 13px; height: 30px; width: 75px; position: absolute; text-align: center; z-index: 2; text-shadow: 2px 2px 2px rgba(0, 0, 0, .6); }
.sign ul li p.signp { margin-bottom: 0; font-family: "regular"; color: #fff; float: left; padding: 7px 15px 8px 20px; font-size: 13px; height: 20px; width: 75px; position: absolute; text-align: center; z-index: 2; text-shadow: 2px 2px 2px rgba(0, 0, 0, .6); }
.sign ul li p.editp { margin-bottom: 0; font-family: "regular"; color: #fff; float: left; padding: 6px 15px 8px 25px; font-size: 13px; height: 30px; width: 75px; position: absolute; text-align: center; z-index: 2; text-shadow: 2px 2px 2px rgba(0, 0, 0, .6); }
.sign ul li a {display: inline-block;width: 100%;height: auto;text-decoration: none;color: #fff;}
.sign ul li p:hover { font-size: 14px; }
.sign ul li:nth-child(1) p {line-height: 19px;}
.sign ul li:nth-child(1) p.esp { padding-top: 11px; }
.sign ul li:nth-child(2) p {line-height: 29px;}
.fra .sign ul li:nth-child(2) p {line-height: 15px;}

/* active - hove */
.sign.active li{margin-right: 0 !important;}
.sign ul.active li{padding: 0px 15px 0px 0px; margin-right:0px;}
.sign ul.active li.offline{padding: 0px 25px; margin-right:0px;}
.sign ul li.active {padding: 0 1px;width: 103px;}
.sign ul li.active p{left: 0;}
.eng .sign ul li.active p{left: -6px;}

/*---- Lang ----*/
.lang {float: right; position: relative; width: 150px; height:46px; margin-top: 35px;-webkit-clip-path: polygon(3% 3%, 100% 0, 94% 100%, 0 97%);clip-path: polygon(3% 3%, 100% 0, 94% 100%, 0 97%);background: #00b9d1;}
.lang, .lang figure{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.lang figure{background: #00e0e0;margin: 0;padding: 0.5rem;-webkit-clip-path: polygon(10% 1%, 94% 0, 100% 100%, 0% 100%);clip-path: polygon(10% 1%, 94% 0, 100% 100%, 0% 100%);}
.lang figure:nth-child(1){margin-right: 15px;}
.lang figure img{width: 80%;}
.lang .lang-actived{cursor: pointer;background: #2a8d9f;}
.lang .lang-actived img{-webkit-filter: brightness(60%);filter: brightness(60%);}
.teka_lang { position: absolute; margin: 0px 0px -45px 28px; left: 0px; }

/* avatar icon */
.avatar-icon {position: absolute;left: 0px; top: 1px; z-index: 2;}

/*:::: RoyalSlider :::::*/
.royalSlider {position: relative;direction: ltr;}

/*:::::: Banner :::::::*/
.banner-module {width: 100%; height: 400px; position: relative;}
.countdown-module{ margin-bottom: -15px; margin-top: 50px; }
.countdown-module img{ width: 100%; }
.countdown-module .countdown-div { position: absolute; margin: 116px 0px 0px 43px; font-family: "regular"; font-size: 57px; }
/* .countdown-module .countdown-div .day{ color:#e000b1; }
.countdown-module .countdown-div .hour{ color: #ff7200; }
.countdown-module .countdown-div .seconds{ color: #00d3ee; } */

.countdown-module .countdown-div-right { position: absolute; margin: 110px 0px 0px 190px; font-family: "regular"; font-size: 57px; width: 100%; text-align: left; color: white;}
/* .countdown-module .countdown-div-right .day{ color: #f29100; } */
.countdown-module .countdown-div-right .hour{ word-spacing: 10px; }
/* .countdown-module .countdown-div-right .seconds{ color: #f29100; } */
.countdown-module .countdown-div-right .contenedor-horas { width: 48%; float: none; margin-right: -15px; margin-left: 140px; font-size: 30px !important; position: relative; bottom: -15px; }
.countdown-module .countdown-div-right .contenedor-horas .div-day { position: relative; float: left; width: 115px; text-align: center; }
.countdown-module .countdown-div-right .contenedor-horas .div-hour { position: relative; float: left; text-align: center; width: 155px; }
.countdown-module .countdown-div-right .contenedor-horas .div-seconds { position: relative; float: left; text-align: center; width: 100px; }

.retos-module{ margin-bottom: 10px; padding-bottom: 20px; margin-top: 50px;}
.retos-module img{ width: 100%; }
.retos-module .retos-div { position: absolute; margin: 116px 0px 0px 43px; font-family: "regular"; font-size: 57px; }
.retos-module .retos-div-right { position: absolute; margin: 90px 0px 0px 0px; font-family: "regular"; font-size: 57px; width: 100%; text-align: left; color:white;}

#retos {width: 945px;height:205px; }
#retos section {width: 945px;height: 205px;overflow: hidden;background: #fff;}
#retos a {display: block;}
/* arrow */
#retos .rsArrow {height: 32px;width: 32px;bottom: -3px; opacity: 1}
#retos .rsArrowLeft {left: 290px; background: url(../images/element/arrow-small-left.png) right center no-repeat; }
#retos .rsArrowRight {right: 290px; background: url(../images/element/arrow-small-right.png) left center no-repeat; }
#retos .rsArrow img { display: none; }

/* bullets */

/* -- 2014-12-11 -- */
/* slide */
#banner {width: 850px;height: 373px;  margin-left: 42px;padding-top: 25px;}
#banner section {width: 846px;height: 339px;overflow: hidden;background: #fff;}
#banner a {display: block;}
#banner section img {margin-top: -13px;margin-left: -31px; width: 114%;}
#banner .banner_tk {margin-top: -13px; margin-left: 0px; width: 850px;} /* TTTEKA */

/* arrow */
#banner .rsArrow {height: 32px;width: 32px;bottom: 5px; opacity: 1}
#banner .rsArrowLeft {left: 290px; background: url(../images/element/arrow-small-left.png) right center no-repeat; }
#banner .rsArrowRight {right: 290px; background: url(../images/element/arrow-small-right.png) left center no-repeat; }
#banner .rsArrow img { display: none; }

/* bullets */
#banner .rsBullets {bottom: 9px;width: 160px;margin-left: -80px;left: 50%;}
#banner .rsBullet {width: 20px;height: 20px;background: url(../images/element/bullet.png) center center no-repeat; background-size: 100% 100%;margin-right: 20px;cursor: pointer;}
#banner .rsBullet.rsNavSelected, #banner .rsBullet:hover  {background: url(../images/element/bullet-hover.png) center center no-repeat; background-size: 100% 100%;}
#banner .rsBullet:last-child {margin-right:0;}

/* mask */
.mask {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

/*:::: Fixgrid :::::*/
.games-wrapp{width: 100%;position: relative; overflow: hidden;}
/*:::::: Games grid ::::::*/
#games-grid, #games-grid section, .games-wrapp {height: 690px;padding-bottom: 30px;}
#games-grid {width: 100%;padding: 30px 0;position: absolute;left: 0;top: 0;}
#games-grid section {width: 90%;padding: 0 5%;}
#games-grid ul {height: auto; list-style: none;}
#games-grid ul li {float: left; background: url(../images/back/back-thumb.png) center center no-repeat; background-size: 100% 100%;width: 264px; height: 200px;margin-right: 22px;margin-bottom: 22px;position: relative;}
#games-grid ul li article { position: absolute; width: 338px; height: 240px; padding: 20px; background: url(../images/back/back-bold.png) center center no-repeat; background-size: 100% 100%;  z-index: -1;opacity: 0;
-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);
}
#games-grid .rsContent {width:100%;position: relative; text-align: center;}
#games-grid .rsContent, .royalSlider  {height: 220px;}
#games-grid ul li article.active {opacity: 1;z-index: 2;
-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
}
#games-grid ul li article h2 {width: 90%; height: auto;padding: 3% 5%;background: url(../images/back/back-title.png) center center no-repeat;background-size: 100% 100%;font-size: 17px; font-family: "regular";color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.8);}
#games-grid ul li article a {text-decoration: none;display: block;}


/* arrow */
#games-grid .rsArrow {height: 92px;width: 47px;bottom: 175px;position: fixed;-webkit-transition: inherit;-moz-transition: inherit;-o-transition: inherit;-ms-transition: inherit;display: none;z-index: 100;}
#games-grid .rsArrowLeft { background: url(../images/element/arrow-large-left.png) right center no-repeat; margin-left: 0px;}
#games-grid .rsArrowRight { background: url(../images/element/arrow-large-right.png) left center no-repeat; margin-left: 890px;}
#games-grid .rsArrow.disable {display: none !important;}



/* large game */
.photo-large {width: 270px; height: 199px;overflow: hidden; float: left;margin-right: 10px;border: 1px solid;border-color: #fff;margin-left: 10px;margin-top: -4px;}
.photo-large img {width: 100%;}
#ligthbox-results .photo-large { width: 190px; height: 139px; }
#ligthbox_sugestion .photo-large { width: 190px; height: 139px; }

/*----- thumb ---*/
.thumb {width: 160px; height: 160px; display: block; overflow: hidden;border-radius: 20px;float: left;margin-top: 20px;margin-left: 27px;
-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);
}
.thumb img {width: 105%;margin-left: -3px;margin-top: -1px;border-radius: 20px;
-webkit-backface-visibility: hidden;
}

/*---- Like ----*/
.like {width: 35px; height: 35px;background: url(../images/icon/like-hover.png) center center no-repeat; background-size: 100% 100%;display: block;position: absolute; right: 20px; top: 20px;}
.like.active, .like:hover {background: url(../images/icon/like.png) center center no-repeat; background-size: 100% 100%;}

/*--- Like count ----*/
.like-count {width: 40px; height: 129px; float: left; background: url(../images/back/back-thin.png) center center no-repeat; background-size: 100% 100%;position: relative;padding: 40px 0;margin-top: -14px;}

/* like & dislike */
.icon-like, .icon-dislike {position: absolute;left: 10px;width: 20px;}
.icon-like {top: 20px;}
.icon-dislike {bottom: 20px;}

/* count */
.count {width: 100%; height: 120px; background: url(../images/element/size-line.png) center center no-repeat;position: relative;background-size: 11px 100%;margin-top: 5px;}
.count p {font-size: 12px; background: url(../images/element/mark.png) center center no-repeat;margin-bottom: 0;position: absolute;left: 2px;bottom: 40%;padding-left: 28px;}

/*--- Positions ----*/
.position1 {left: -10px; top: 0;}
.position2 {right: -10px; top: 0;}
.position3 {left: -10px;bottom: 0;}
.position4 {right: -10px; bottom: -3px;}

/*////////////////

FIX

///////////////////////*/

.fix {width:100%;height: 196px;}

/*//////////////

FOOTER

///////////////////*/
footer {width:100%;position:absolute;bottom:0;left:0;background: #b8b7b7;padding:20px 0px 0px 0px;}
footer .inner-block {background:none;box-shadow:none;text-align:center;display: inline-block;left: 50%;margin-left: -500px;position: relative;}
footer ul {width: 30%;height: auto;list-style: none;float: left;margin-right: 25px; font-weight: bold;}
footer ul li {display: inline-block;color: #fff;text-align: left;float: left;width: 100%;margin-bottom: 15px;letter-spacing: -.5px;}
footer ul li a {text-decoration: none; color: #fff;display: block; }
footer ul li a:hover {color: #333333;}
footer ul+ul li {text-align: center;}
footer ul+ul+ul li {text-align: right;}
footer .copyright { color: white;text-align: center;margin-top: 20px;font-size: 12px; }
footer .sylos-footer { width: auto;text-align: center;height: 45px;background-color: #000;margin-top: 20px; padding: 0px 174px; }
footer .sylos-footer ul { width: 100%; text-align: center; margin-top: 12px; font-weight: normal; font-size: 13px; }
footer .sylos-footer ul li { width: 20%; text-align: center; }
footer .sylos-footer ul li a { text-decoration: none; color: #666; }
footer .sylos-footer ul li a:hover { color: #ccc; }

.tbl_datos{width:100%;}
.tbl_datos thead tr td{font-size:18px; padding: 10px 5px; text-align: center;}
.tbl_datos tr td:first-child{width:25%;}
.tbl_datos tr td{border:2px #ccc solid; width:37%;}
.tbl_datos tbody tr td{color:#666; font-size:16px; padding: 5px 5px;}
.tbl_datos thead strong{padding:5px;}

/* -- 2014-12-11 -- */

/*======== Controls ========*/
/*__ Volume ___*/
.volume { text-indent: -99999px;
			width: 26px;
			position: absolute;
			height: 60px;
			right:110px;
}

/*___ On ___*/
.on { background:url(../images/button/audio.png) center center no-repeat;}

/* on:hover */
.on:hover { background:url(../images/button/audio-hover.png) center center no-repeat;}

/*___ Off ___*/
.off { background:url(../images/button/audio-off.png) center center no-repeat;}

/* off:hover */
.off:hover { background:url(../images/button/audio-off-hover.png) center center no-repeat;}
/*_____ / ______*/


/*======== List icons ========*/
.list-icon {
	width: 290px;
	padding: 13px 0px;
	height: 36px;
	cursor: pointer;
}

/* li */
.list-icon li {height: 37px;
				width: 39px;
				margin-right: 10px;
				overflow: hidden;
				display:inline-block;
				position:relative;
}


/* fix */
.list-icon li:first-child {margin-left:49px;}
.list-icon li:last-child { margin-right:0;}

/*___ icon _____*/
.icon { position:absolute;
		right:0;
		width:38px;
		height:38px;
		z-index:10;
}

/* a */
.icon a { display:block;}

/* img */
.icon a img { width:38px;}

/*____ label _____*/
.label {
	position:absolute;
	right:104px;
	background:url(../images/button/back-2.png) center center no-repeat;
	width: 81px;
	height: 40px;
}
.label:hover {
	background:url(../images/button/back-2-hover.png) center center no-repeat;
	width: 81px;
	height: 40px;
}

/* p */
.label p{
	text-align:center;
	color:#fff;
	font-size:13px;
	/*text-shadow:0 1px 0 rgba(0,153,255,1);*/
	margin-top:4px;
	font-weight: bold;
}


/*_____ / ______*/

/*//////////////

   CONTENT

///////////////////*/
#content{ height:auto; width:100%; }


/*====== Form register =======*/
#block-reg { width:825px;
			margin-top:30px;
			margin-bottom:60px;
			margin-left:-453px;
			padding:50px 30px 40px 60px;
			left:50%;
			height:auto;
			position:relative;
			float:left;
			background:url(../images/back-reg.png) center top no-repeat;
			background-size:915px 100%;


}

/*_____ / ______*/

/*===== Base reg ========*/
.base-reg { width: 835px;
			height: auto;
			background:url(../images/back-form.png) center top no-repeat;
			background-size:835px 92%;
}
/*_____ / ______*/


/*===== Form block ========*/
.form-block { margin:10px 0;}

/* h2 */
.form-block h2 { font-family:"regular";
				font-size:28px;
				color:#472977;
				text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.clear-block-2 h2{font-family:"regular";
				font-size:20px;
				color:#472977;
				text-shadow:0 1px 0 rgba(255,255,255,.7);}

/* h2 */
.form-block h3 { font-family:"regular";
				font-size:16px;
				color:#02b9d0;
				text-shadow:0 1px 0 rgba(255,255,255,.7);
				display:block;
				text-align:center;
}

/* p */
.form-block p { font-weight:bold;
				font-size:14px;
				color:#555555;
				padding:30px 0;
				text-shadow:0 1px 0 rgba(255,255,255,.7);
}

/*_____ / ______*/


/*====== Left Form =======*/
.left-form {width: 460px;
			height: auto;
			float:left;
}
/*_____ / ______*/


/*===== right form ======*/
.right-form {width: 284px;
			height: auto;
			float: left;
			padding: 100px 25px 100px 55px;
}
/*_____ / ______*/

/*===== Form register =======*/
#form-register { width: 440px;
				height: 604px;
				padding: 40px 0px 0 20px;
}


/* label */
.form label {background: url(../images/button/arrow.png) center left no-repeat;
			height: 12px;
			font-size: 13px;
			color: #555555;
			text-shadow: 0 1px 0 rgba(255,255,255,.5);
			display: block;
			float: left;
			padding: 20px 0 20px 14px;
}

/* input */
.form input {width: 200px;
				height: 44px;
				padding:0 20px;
				border:none;
				background:url(../images/elements/label-large.png) center center no-repeat;
				font-size:13px;
				color: #555555;
				float:left;
}

.form input.required { text-transform: uppercase; font-weight: bold; color: #333; }

/* select */
.select { width: 133px;
				float: left;
				margin-right: 7px;
			   height:53px;
			   background:url(../images/elements/label-small.png) center center no-repeat;

}

/* [select] */
.select select {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;
				border:none;
				background:url(../images/elements/select.png) center right no-repeat;
				width: 109px;
				height: 50px;
				margin-left: 11px;
				margin-top: 2px;
				color: #555555;
				cursor:pointer;
				font-size:13px;
				font-weight:bold;
}


/* hover */
.select select:hover { background:url(../images/elements/select-hover.png) center right no-repeat;}



/* radio */
.form input[type="radio"] { width: 20px;
							height: 20px;
							float:left;
							background:none !important;
}

/* checkbox */
.form input[type="checkbox"] {width: 20px;
							height: 20px;
							float:left;
							background:none !important;
}

/* avatar */
.select-avatar { background:url(../images/elements/circle-blue.png) center center no-repeat;
				 font-family:"regular";
				 font-size: 14px;
				border: none;
				width: 130px;
				height: 80px;
				color:#472977;
				text-shadow:0 1px 0 rgba(255,255,255,.5);
				cursor:pointer;
}

/* hover */
.select-avatar:hover { color:#ffaa1e;}

/* registrar */
.register { background:url(../images/elements/label-orange.png) center top no-repeat;
			float:right;
			width:158px;
			height:50px;
			margin-top:30px;


}

/* button */
.register button {font-size:19px;
					color:#fff;
					font-family:Verdana, Geneva, sans-serif;
					display:block;
					border:none;
					background:none;
					width: 120px;
					height: 30px;
					margin-top: 7px;
					cursor:pointer;
					margin-left: 15px;
}

/* hover */
.register button:hover { color:#666;
						text-shadow:0 1px 0 rgba(255,255,255,.5);
}


/*_____ / ______*/
/*===== Form register =======*/
#form-login { width: 243px;
				height:auto;
				padding: 5px 20px;
}

/*_____ / ______*/

/*======= size =======*/
.size-1 { width:166px;}
.size-2 { width:100%;}
/*_____ / ______*/


/*======= row type a =======*/
.row-type-a { width:100%;
				height:auto;
				margin:5px 0;
}
/*_____ / ______*/

/*======= row type b =======*/
.row-type-b { width:240px;
				float:left;
				height:auto;
				margin:5px 0;
				padding-top: 10px;
}

/* p */
.row-type-b p { font-size:12px;
				display:block;
				float:left;
				width:210px;
				line-height:14px;
				color:#555555;
				padding-top:2px;
}
/*_____ / ______*/

/*======= row type c =======*/
.row-type-c { width:100%;
				float:left;
				height:auto;
				margin:5px 0;
}
/*_____ / ______*/


/*===== Login =====*/
.login { float: left;
		width: 110px;
		height: 60px;
		background: url(../images/elements/circle-orange.png);
		border: none;
		margin-top: 20px;
		font-family: "regular";
		font-size: 12px;
		text-shadow:0 1px 0 rgba(255,255,255,.5);
		color:#472977;
		cursor:pointer;
}

/* hover */
.login:hover { color:#ffaa1e;}
/*_____ / ______*/

/*////////////////

		PUSH

///////////////////////*/
.push{ width:100%;
		height:62px;
}


/*////////////// FOOTER ///////////////////*/
/* footer { width:100%; position:absolute; bottom:0; left:0; height:72px; background:#b8b7b7; } */

/*__ List-element __*/
.list-element { width: 600px;
				height: 70px;
				line-height: 70px;
				position: relative;
				left: 57%;
				margin-left: -285px;
}

/* li */
.list-element li {display: inline-block;
					margin: 0 20px;
					color:#fff;
					font-size:11px;
}

/* a */
.list-element li a {text-decoration: none;
					color: #fff;
}

/* hover */
.list-element li a:hover { color:#333;
							text-shadow:0 1px 0 rgba(255,255,255,.3);
}




/*======= Hacks ===========*/

/*---------------------------------- Firefox */

/*___ hack firefox select ___*/
@-moz-document url-prefix() {.select select {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;
												border:none;
												background:none;
												width: 109px;
												height: 20px;
												margin-left: 11px;
												margin-top: 18px;
												color: #555555;
												cursor:pointer;
												font-size:13px;
												font-weight:bold;
											}
							.select select:hover { background:none;}
}

/*------------------------------------ ie*/

/*___ hack select ___*/
.select select {
				height: 20px\9;
				margin-top: 18px\9;
}

/* hack select */
@media screen and (min-width:0\0) { .select select { background:none;}
									.select select:hover { background:none;}
}

/*____ hack p row _____*/
/* p */
.row-type-b p { width:190px\9;
				font-size:11px\9;
}

/*======= row type b =======*/
.row-type-b { width:250px\9;
}

/*______ / _________*/


/*======== Left Result =========*/
.left-result {
	min-height: 640px;
	width: 348px;
	float: left;
	padding: 31px 20px 30px 50px;
	background: url(../images/back-purple-2.png) right top no-repeat;
	margin-left: 15px;
	background-size: 421px 100%;
}

/*______ / _________*/


/*======== Right Result =========*/
.right-result {min-height: 538px;
				width: 390px;
				float: left;
				padding: 30px 30px 20px 70px;
				background: url(../images/back-purple-1.png) left top no-repeat;
				margin-top: 80px;
}

/*______ / _________*/


/*========= Margin fix =========*/
.margin-fix { margin:20px 0;
}
/*______ / _________*/

/*========= Back block =========*/
.back-block {
	width: 240px;
	height: 42px;
	background: url(../images/elements/label-green-2.png) left top no-repeat;
	margin: 5px 0px 0px 15px;
	display: block;
	text-decoration: none;
	font-family: "regular";
	font-size: 16px;
	padding: 25px 0 0 77px;
	color: #F934C2;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

/* hover */
.back-block:hover { color:#666;}

/*______ / _________*/



/*========= Score ==========*/
.score { background: url(../images/elements/score-back.png) left top no-repeat;
		width: 310px;
		height: 140px;
}


/* short */
.left-score, .right-score {float: left;
							width: 155px;
							height: 135px;
}

/* number */
.number {width: 100%;
		height: 26px;
		display: block;
		text-align: center;
		padding-top: 40px;
		color:#47287b;
		font-size:20px;
		text-shadow:0 1px 0 rgba(255,255,255,1);
}

/* txt score */
.score-txt {
			display: block;
				width: 93px;
				height: 60px;
				text-align: center;
				font-size: 15px;
				color: #ff00ff;
				padding: 0 30px;
				text-shadow:0 1px 0 rgba(255,255,255,1);
}

/*______ / _________*/



/*========= Starblock  ==========*/
.star-block { background:url(../images/elements/blue-back.png) left top no-repeat;
			width: 273px;
			height: 155px;
			padding: 39px 20px 0 20px;
}
/*______ / _________*/


/*========== Special character ===========*/
.special-character { font-family:"regular";
					color:#47287b;
					font-size: 15px;
					margin-bottom: 13px;
					display:block;
					text-align:center;
}
/*______ / _________*/

/*========== Rate ===========*/
.rate {
		width: 179px;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
}

/* li */
.rate li { display:inline-block;
			width:31px;
			height:31px;
			background:url(../images/elements/star-off.png) center center no-repeat;
			cursor:pointer;

}

.rate li:hover {
	background:url(../images/elements/star.png) center center no-repeat;
}

li.rated {background:url(../images/elements/star.png) center center no-repeat !important;	}

/*______ / _________*/


/*=========== Game center 9 =============*/
.game-center-9 { width:100%;
				height:auto;
				margin:10px 0 0 0;
}


/* ul */
.game-center-9 ul { width:100%;
					height:auto;
}


/* li */
.game-center-9 ul li { float:left;
					width:126px;
					height:126px;
					text-align:center;
					margin-bottom:10px;
}

/* a */
.game-center-9 ul li a { display:block;
					margin-top:11px;
}


/* img */
.game-center-9 ul li a img { width:106px;
}

/* hover */
.game-center-9 ul li a:hover img { width:116px;}


/*______ / _________*/


/*=========== Game center 6 =============*/
.game-center-6 { width:100%;
				height:auto;
				margin:10px 0 0 0;
}


/* li */
.game-center-6 ul li { float:left;
					width:126px;
					height:126px;
					text-align:center;
					margin-bottom:10px;
}

/* a */
.game-center-6 ul li a { display:block;
					margin-top:11px;
}


/* img */
.game-center-6 ul li a img { width:106px;
}

/* hover */
.game-center-6 ul li a:hover img { width:116px;}


/*______ / _________*/

/*=========== Game center 3 =============*/
.game-center-3 { width:100%;
				height:auto;
				margin:10px 0 40px 0;
}


/* li */
.game-center-3 ul li { float:left;
					width:146px;
					height:146px;
					text-align:center;
					margin-bottom:10px;
					margin-right:10px;
}

/* a */
.game-center-3 ul li a { display:block;
					margin-top:11px;
}


/* img */
.game-center-3 ul li a img { width:146px;
}

/* hover */
.game-center-3 ul li a:hover img { width:156px;}


/*______ / _________*/


/*====== 3games =========*/
.game-center-6  .game3 { width:100%;
}

.game-center-3  .game3 { width:353px;
						margin:20px auto;
}

/* li fix */
.game-center-3  .game3 li:first-child { margin-right:50px;}

/*______ / _________*/

/*====== 2games =========*/
.game-center-6  .game2 { width:260px;
			margin: 0 auto;
}
/*______ / _________*/


/*======1games =========*/
.game-center-6  .game1 { width:124px;
			margin: 0 auto;
}

.game-center-3  .game1 { width:153px;
						margin:20px auto;
}
/*______ / _________*/


/*========= gold button ==========*/
.gold-button { background: url(../images/elements/label-green.png) left top no-repeat;
				width: 198px;
				height: 40px;
				padding-left: 70px;
				display: block;
				float: right;
				text-decoration: none;
				color: #ff00ff;
				font-size: 16px;
				padding-top: 24px;
				font-family: "regular";
}

/* hover */
.gold-button:hover  {color:#666; }


/*______ / _________*/


/*========= Game wrapp =========*/
.game-wrapp { width: 913px;
				height: 645px;
				margin: 30px auto 40px auto;
			background:url(../images/back-game.png) left top no-repeat;
}


/*_____ game block a ______*/
.game-block-a { width:100%;
				height:102px;
}

/*_____ game block b ______*/
.game-block-b { width:100%;
			height:435px;
}

/*______ Cover game _____*/
.cover-game { width:806px;
				height:435px;
				margin:0 auto;
				position:relative;
}

/* open to */
.open-to img{ display: block; width: 25%; height: auto; text-indent: -99999px; line-height: 50px; margin-left: -92px; margin-top: -67px; float: left; left: 50%; top: 50%; position: absolute; }

/* hover */
.open-to:hover { opacity:.9;}


/*_____ Left game _____*/
.left-game { width:440px;
			height:102px;
			float:left;
}

/* img */
.left-game img {margin: 20px 0 0 52px;}


/*___ Right game ______*/
.right-game { width: 473px;
				height: 102px;
				float: left;
}

/*_ right inside a _*/
.right-inside-a { float: left;
					width: 230px;
					height: 52px;
					padding-top: 50px;
}

/*_ right inside b _*/
.right-inside-b { float: left;
					height: 49px;
					width: 242px;
					padding-top: 53px;
}

/*_______ Back tab ______*/
.back-tab { background: url(../images/elements/label-orange-3.png) left top no-repeat;
			width: 160px;
			height: 30px;
			font-family: "regular";
			font-size: 11px;
			color: #fff;
			display: block;
			text-decoration: none;
			padding-left: 47px;
			padding-top: 13px;

}

/* hover */
.back-tab:hover {color: #666;}

/*_______ add _____*/
.add { width: 156px;
		height: 24px;
		font-family: "regular";
		font-size: 11px;
		color: #fff;
		display: block;
		text-decoration: none;
		padding-left: 53px;
		padding-top: 13px;
		float:left;
		background: url(../images/elements/label-orange-2.png) left top no-repeat;
}


/* hover */
.add:hover {color: #666;}

/*______ / _________*/


/*======= PLay ======*/
.play {background: url(../images/elements/label-white.png) left top no-repeat;
		font-size: 15px;
		color: #ff00ff;
		font-family: "regular";
		text-decoration: none;
		display: block;
		float: left;
		width: 110px;
		margin-right: 14px;
		height: 29px;
		text-align: center;
		padding-top: 16px;

}
/* hover */
.play:hover {color: #666;}
/*______ / _________*/


/*======= Light box =======*/
.lightbox, .lightbox-login, .lightbox-fame, .lightbox-avatar, .div_terms, .lightbox-navegador {
		width:100%;
			height:100%;
			top:0;
			left:0;
			position:absolute;
			z-index:10000;
			display:none;
}

/*____ colors ____*/
.black {background: rgba(0,0,0,0.7);}
.white {background: rgba(255,255,255,0.7);}


/* block */
.lightbox-block { width:715px;
					height:490px;
					/* background:#48287b; */
					position:fixed;
					left:50%;
					top:50%;
					margin-top:-245px;
					margin-left:-375px;
					/* box-shadow:0 5px 5px rgba(0,0,0,.6); */
					padding:10px;
					z-index: 100;
}


/*___ top light ____*/
.top-light { width:100%;
			height:400px;
			position:relative;
}

/* a */
.top-light a { display: block;
				position: absolute;
				width: 140px;
				height: 102px;
				background: url(../images/button/play-2.gif) left top no-repeat;
				background-size:140px;
				text-indent: -999999px;
				z-index: 100000;
				left: 50%;
				margin-left: -70px;
				margin-top: -51px;
				top: 50%;
}


/* hover */
.top-light a:hover { opacity:.8;}

/* img */
.top-light img { width:640px;}


/* bottom light */
.bottom-light { width:100%;
			height:90px;
}


/*__ inside 1 ___*/
.bottom-inside-1 { width:280px;
					height:90px;
					float:left;
}

/* img */
.bottom-inside-1 img { max-height:70px;
						margin-top: 16px;
}

/*__ inside 2 ___*/
.bottom-inside-2 {width: 360px;
				height: 90px;
				float: left;
}


/* ul */
.bottom-inside-2 ul {width: 100%;
					height: 35px;
					margin-top: 20px;
}

/* li */
.bottom-inside-2 ul li { float:left;
						height:auto;
}


/* controls */
.controls { width:150px;}

/* a */
.controls a { background: url(../images/button/controls.png) center left no-repeat;
				font-family: "regular";
				font-size: 11px;
				color: #fff;
				display: block;
				padding-left: 38px;
				width: 200px;
				height: 35px;
				line-height: 35px;
				text-decoration: none;

}

/* about */
.about { width:180px;}


/* a */
.about a { background: url(../images/elements/symbol.png) center left no-repeat;
			font-family: "regular";
			font-size: 11px;
			color: #fff;
			padding-left: 30px;
			display: block;
			width: 130px;
			height: 35px;
			text-decoration: none;
			line-height: 35px;
}


/* shot hand about & controls */
.bottom-inside-2 ul li a:hover { color:#f08d1e;
}

/* close */
.lightbox-close:hover { opacity:.6;}

/*______ / _________*/

/*====== lightbox block 4 =========*/
.lightbox-block-4 { width: 400px;
					height: auto;
					background: url(../images/back-pink.png) left top no-repeat;
					background-size: cover;
					z-index: 10000;
					position: fixed;
					left: 50%;
					top: 8%;
					margin-left: -250px;
					padding: 10px 70px 40px 70px;

}

/* h3 */
.lightbox-block-4 h3 {
	font-family:"regular";
	font-size:20px;
	line-height:27px;
	color:#fff;
	display:block;
	text-align:center;
}

.lightbox-block-4 span{
	font-family:"regular";
	font-size:15px;
	line-height:27px;
	color:#fff;
	display:block;
	text-align:center;
	margin-top: 20px;
}

.lightbox-block-4 p{
	font-size:15px;
	line-height:27px;
	color:#fff;
	display:block;
	text-align:center;
	margin-top: 20px;
	cursor: pointer;
}


/* a */
.lightbox-block-4 a { font-size:11px;
						color:#fff;
						display:block;
						float:left;
						width:200px;
						text-align:center;
						padding:20px 0;
}


/* a:hover */
.lightbox-block-4 a:hover { text-decoration:none;}

/*______ / _________*/

/*===== Warning =======*/
.warning-logo { width:127px;
			position:relative;
			left:50%;
			margin-left:-63px;
			padding:20px 0;
}
/*______ / _________*/


/*========= form fame =======*/
#form-fame { width:100%;
			height:150px;
			margin-top: 30px;
			}

/* input */
#form-fame input {background: url(../images/elements/input-2.png) left top no-repeat;
					width: 70px;
					height: 24px;
					padding: 10px;
					font-size: 15px;
					color: #333;
					border: none;
					margin: 0 10px;
					font-weight:bold;
}

#form-fame select {
	/*
	background: url(../images/elements/input-2.png) left top no-repeat;
					width: 90px;
					height: 40px;
					padding: 10px;
					font-size: 15px;
					color: #333;
					border: none;
					margin: 0 10px;
					font-weight:bold;
					*/
}
#form-fame select {
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	appearance:none;
	/* background: transparent; */
	background: url(../images/elements/input1.png) center center no-repeat;
	border: none;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	height: 55px;
	padding: 10px 40px 10px 15px;
	position: relative;
	width: 250px;
	z-index: 1;
}


/* label */
#form-fame label { font-family:"regular";
					font-size:14px;
					color:#fff;
}

/* button */
#form-fame button { background: url(../images/elements/circle-orange-2.png) left top no-repeat;
					background-size: 100%;
					width: 160px;
					height: 79px;
					font-family: "regular";
					color: #fff;
					font-size: 20px;
					display: block;
					text-align: center;
					padding: 10px;
					border: none;
					position: relative;
					left: 50%;
					margin-left: -80px;
					margin-top: 20px;
					cursor:pointer;
}

/* hover */
#form-fame button:hover { color:#ffaa1e;}

/*______ / _________*/

/*======= Enter age =====*/
.enter-age { width: 220px;
			left: 50%;
			position: relative;
			margin-left: -105px;
			margin-top: 20px;
			margin-bottom: 10px;
}
.enter-privacy{
	width: 100%;
	position: relative;
	margin: 30px 15px;
	height: 231px;
}
.enter-privacy button { background: url(../images/elements/circle-orange-2.png) left top no-repeat;
					background-size: 100%;
					width: 160px;
					height: 79px;
					font-family: "regular";
					color: #fff;
					font-size: 20px;
					display: block;
					text-align: center;
					padding: 10px;
					border: none;
					position: relative;
					left: 50%;
					margin-left: -80px;
					margin-top: 20px;
					cursor:pointer;
}
.enter-privacy button:hover { color:#ffaa1e;}
/*______ / _________*/
/*====== warning =======*/
.warning { width: 360px;
			height: 40px;
			background: url(../images/elements/label-green-3.png) left top no-repeat;
			padding: 16px 26px;
			background-size: 100%;
			display:none;
			position:absolute;
}

/* p */
.warning p { color:#ff00ff;
			font-size:12px;
}

/*______ / _________*/


/*======== Lightbox 3 =======*/
.lightbox-block-3 {width: 1070px;
					height: 380px;
					background: url(../images/elige_fondo.png) center center no-repeat;
					background-size: 100% 100%;
					padding: 30px 50px;
						left: 35%;
					margin-left: -333px;
					top: 40%;
					margin-top: -200px;
					position: fixed;
					z-index: 100000;
}

/* h3 */
.lightbox-block-3 h3 { font-family: Verdana;
						font-size: 30px;
						color: #f8f044;
						display: block;
						text-align: center;
						text-shadow:0 1px 0 rgba(91,157,171,1);
}


/* p */
.lightbox-block-3 p { font-family: Verdana;
						text-shadow: 0 1px 0 rgba(255,255,255,.5);
					font-size: 12px;
					color:#355e67;
					display:block;
					padding:5px 0;
					text-align:left;
					margin-right:5px;
}

/*______ / _________*/


/*======== Lightbox 2 =======*/
.lightbox-block-2 {width: 235px;
					height: 300px;
					background: url(../images/back-login.png) center center no-repeat;
					background-size: 100% 100%;
					padding: 40px 40px;
					left: 50%;
					margin-left: -168px;
					top: 50%;
					margin-top: -180px;
					position: fixed;
					z-index: 100000;
}

/* h3 */
.lightbox-block-2 h3 { font-family: Verdana;
						font-size: 30px;
						color: #f8f044;
						display: block;
						text-align: center;
						text-shadow:0 1px 0 rgba(91,157,171,1);
}


/* p */
.lightbox-block-2 p { font-family: Verdana;
						text-shadow: 0 1px 0 rgba(255,255,255,.5);
					font-size: 12px;
					color:#355e67;
					display:block;
					padding:5px 0;
					text-align:left;
					margin-right:5px;
}


/* a */
.lightbox-block-2 a { text-decoration:none;
					color:#0b72b3;

}

/* hover */
.lightbox-block-2 a:hover { color:#fff;
							text-shadow:0 -1px 0 rgba(0,0,0,.6);
}

/*______ / _________*/

/*========= Score ==========*/
.score { background: url(../images/elements/score-back.png) left top no-repeat;
		width: 310px;
		height: 140px;
}


/*====== Clear block 2 ===========*/
.clear-block-2 {
	width:100%;
	height:auto;
	margin:5px 0;
	position:relative;
}
/*______ / _________*/


/*======= form login ========*/
#form-access { width:100%;
				height:auto;
}

/* input */
#form-access input {background: url(../images/elements/input.png) left top no-repeat;
					background-size: 100% 100%;
					border: none;
					padding: 0px 5px;
					width: 220px;
					height: 31px;
					line-height: 11px;

}

/* check box */
#form-access input[type="checkbox"] {width: 20px;
									float: left;
									height: 15px;
									display:none;

}

/* span check box */

#form-access input[type="checkbox"] + label span{
									display: inline-block;
									width: 19px;
									height: 19px;
									background: url(../images/button/check.png) left top no-repeat;
									vertical-align: middle;
   									 cursor:pointer;
									 margin-right:5px;
}

/* checked */
#form-access input[type="checkbox"]:checked + label span{
    							background: url(../images/button/check-ready.png) left top no-repeat;
}


/* label */
#form-access label { font-family: Verdana;
					font-weight: bold;
					text-shadow: 0 1px 0 rgba(255,255,255,.5);
					font-size: 12px;
					color:#355e67;

}


/* submit */
.submit-login { background: url(../images/elements/label-orange-strong.png) left top no-repeat;
				background-size: 100%;
				padding: 5px;
				width: 96px;
				height: 29px;
				color: #fff;
				font-family: Verdana;
				font-size: 12px;
				text-align: center;
				border: none;
				cursor: pointer;
				font-weight:bold;
				float:right;
}

/* hover */
.submit-login:hover { background: url(../images/elements/label-green-strong.png) left top no-repeat;
						background-size: 100%;
}
/*______ / _________*/


/*====== Wrapp lightbox login =======*/
.wrapp-lightbox-login, .wrapp-lightbox-fame, .wrapp-lightbox-avatar, .wrapp-lightbox-rate {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
audio {
    display: none;
    visibility: hidden;
}
/*______ / _________*/

/*========= lightbox rate ===========*/
.lightbox-rate {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:20000;
	display: none;
}
/*_____ / _______*/


/*======= Lightbox block 5 ========*/
.lightbox-block-5 { width: 547px;
					  height: auto;
					  position: absolute;
					  background: url(../images/back-orange.png) left top no-repeat;
					  background-size: 100% 100%;
					  z-index: 30000;
					  left: 50%;
					  margin-left: -305px;
					  top: 6%;
					  padding: 50px 55px 50px 45px;
}

/*_____ / _______*/

/*== short hand row 1 & 2 ==*/
.row-1, .row-2 { height:50px;
					  float:left;
}
/*_____ / _______*/

/*======== row 1 =========*/
.row-1 { width:229px;
			  margin-left: 20px;
}

/* h3 */
.lightbox-block-5 h3 { font-family:"regular";
					  color:#fff;
					  font-size:20px;
					  margin-right:20px;
					  margin-top:20px;
}

/*_____ / _______*/

/*======= row 2 =========*/
.row-2 { width:260px;}

/* img */
.row-2 img  {
			  width:150px;
}
/*_____ / _______*/
/*======== Score =========*/
.score-user {
	width: 498px;
	height: 168px;
	background: url(../images/elements/label-white-3.png) left top no-repeat;
	background-size: 100% 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*___ row img _____*/
.row-img {
	width:170px;
	text-align:center;
	padding-left:20px;
	height:168px;
	float:left;
}

/* img */
.row-img img { height:168px;}

/*____ row score ____*/
.row-score {
	width:153px;
	max-height:150px;
	margin-top:10px;
	float:left;
}
/*__ stxt ___*/
.s-txt{
	font-size:25px;
	color:#ff00ff;
}

/*____ snumber ____*/
.s-number{ font-size:43px;
			  color:#482995;
}

/*_____ / _______*/
/*============== Users ================*/
.users { width:500px;
			  height:auto;
			  margin-left: -250px;
			  position: relative;
			  left:50%;
}

/* li */
.users li { width: 165px;
			  height: 220px;
			  float: left;
}

/*___ Avatars users ____*/
.avatar-users { width: 100%;
				  height: 150px;
				  padding: 10px 0;
}
/*_____ Colors ____*/
/* color 1*/
.color-1-back { background:url(../images/elements/label-white-2.png) left top no-repeat;
			  background-size:100% 100%;
}

/* color 2*/
.color-2-back { background: url(../images/elements/label-white-4.png) left top no-repeat;
			  background-size:100% 100%;
}

/* color 3 */
.color-3-back { background: url(../images/elements/label-white-6.png) left top no-repeat;
			  background-size:100% 100%;
}


/* color 4*/
.color-4-back { background: url(../images/elements/label-white-7.png) left top no-repeat;
			  background-size:100% 100%;
}
/*____ title user ___*/
.title-user { font-family:"regular";
				  font-size:15px;
				  display:block;
				  text-align:center;
				  padding:10px 0;
}


/*____ Avatar img ____*/
.avatar-img { width:100%;
				  height:86px;
				  text-align:center;
}


/* img */
.avatar-img img { height:84px;}


/* name user */
.name-user { display:block;
			  text-align:center;
			  font-size:19px;
}

/* number user */
.number-user { display:block;
			  text-align:center;
			  font-size:14px;
}

/*_____ / _______*/


.tak_guardar_avatar {
     background: url(../images/elige_btnguardar.png) no-repeat;
    color: #000000;
    display: block;
    float: right;
    font-family: "regular";
    font-size: 14px;
    height: 38px;
    margin: 20px 70px 0 0;
    padding: 10px 0 0;
    text-align: center;
    width: 209px;
    text-decoration: none;
}
.tak_guardar_avatar:hover {
    background: url("../images/elige_btnguardar_hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
}

.tak_fondo_seleccionado {
    background: url(../images/elige_avatarseleccionado.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 196px;
    left: 531px;
    position: absolute;
    top: 54px;
    width: 156px;
    z-index: 1;
	background-size: 100px 196px;
}
a.cerrar {
    background: url("../images/elige_cerrar.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    height: 30px;
    position: absolute;
 	right: 47px;
    top: 30px;
    width: 30px;
    z-index: 1;
}
a.cerrar:hover {
    background: url("../images/elige_cerrar_hover.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
.jcarousel-skin-tango {
    position: relative;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
       width: 92%;
	margin:0 0 0 40px;
}
.jcarousel-control {
    position: absolute;
    text-align: center;
    top: 209px;
    width: 165px;
    z-index: 1;
}
.jcarousel-control a {
    background: url("../images/elige_cirblank.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 7px;
    margin: 0 4px 4px 0;
    text-indent: -9999px;
    width: 7px;
}
.tag_seleccionado {
    background: url("../images/elige_cirmor.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    outline: medium none;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    margin: 15px 0 0 38px;
    width: 93%;
}
.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}
ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;

}
.jcarousel-skin-tango .jcarousel-item {
	padding: 0;
	 background: url(../images/elige_fondoavatar.png) no-repeat;
	width: 90px;
	height: 158px;
	 display:block;
	background-size: 90px 158px;
}

.jcarousel-skin-tango .jcarousel-item img {
	margin:5px 0 0 8px;
	width:75px;
	height:auto;

}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 12px;
}
.jcarousel-skin-tango ul li {
    background: url("../images/elige_fondoavatar.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 214px;
    padding: 30px 0 0 30px;
    width: 122px;
}
#mycarousel-next, #mycarousel-prev {
    cursor: pointer;
    font-size: 11px;
    margin-bottom: -10px;
    text-decoration: underline;
}
#mycarousel-prev {
    background: url(../images/elige_btnatr.png) no-repeat center;
    display: block;
    width:30px;
	 height: 157px;

    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 30px;
    z-index: 1;
}
#mycarousel-prev:hover {
    	 background: url(../images/elige_btnatr_hover.png) no-repeat center;
}
#mycarousel-next {
   background: url(../images/elige_btnade.png) no-repeat center;
    display: block;
    width:30px;
	 height: 157px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 0;

    z-index: 1;
}
#mycarousel-next:hover {
  background: url(../images/elige_btnade_hover.png) no-repeat center;
}
.tak_lightbox_avatar, .div_terms {
    background: url(../images/elige_fondo.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: none;
    height: 484px;
    position: absolute;
    top: 0;
 	 width: 1070px;
    z-index: 1301;
}
.jcarousel-control a:focus, .jcarousel-control a:active {
    background: url("../images/elige_cirmor.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    outline: medium none;
}
.jcarousel-scroll {
    margin-top: 10px;
    text-align: center;
}
.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}
.jcarousel-scroll select {
    background: url("../images/elige_cirmor.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 75%;
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
    height: 245px;
    padding: 40px 20px;
    width: 75px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
    height: 245px;
    width: 75px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
    background: url("../images/next-horizontal.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: 5px;
    top: 43px;
    width: 32px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    background-image: url("../images/prev-horizontal.png");
    left: 5px;
    right: auto;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    background-position: -96px 0;
    cursor: default;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    background: url("prev-horizontal.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 32px;
    left: 5px;
    position: absolute;
    top: 43px;
    width: 32px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    background-image: url("next-horizontal.png");
    left: auto;
    right: 5px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}
.siavatar {
    background: url("../images/btn_siavatar.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #666666;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 28px;
    margin: -10px 10px 0 0;
    padding: 15px 0 0;
    text-align: center;
    width: 43px;
}
.siavatar:hover {
    background: url("../images/btn_siavatar_hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
}
.no_avatar {
    background: url("../images/btn_nogracias.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #666666;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 38px;
    margin: -10px 10px 0 0;
    padding: 15px 0 0;
    text-align: center;
    width: 139px;
}
.no_avatar:hover {
    background: url("../images/btn_nogracias_hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
}
#tak_form_secundario li.tak_otro {
    background: url("../images/vinietalista.png") no-repeat scroll 18px center rgba(0, 0, 0, 0);
    color: #007381;
    padding: 0 0 0 32px;
}
/* img */
.avatar-section img { height:270px;}
/*___ shorthand avatar & game player ___*/

.avatar-section, .game-player { float: left;
								height: 280px;
								padding-top: 50px;

}

/*___ Game player ___*/
.game-player { width:350px;}
/* h3 */
.game-player h3 { font-family:"regular";
					font-size:20px;
					margin:20px 0;
}



/* p */
.game-player p { font-family:"regular";
				font-size:14px;
				display:block;
				margin-top:30px;
				padding:20px 0;
}

/*____ Score position ____*/
.score-position { background: url(../images/button/icon-2.png) center left no-repeat;
					display: block;
					font-family: "regular";
					font-size: 17px;
					padding-left: 59px;
					height: 50px;
					line-height: 50px;
					margin-left: 20px;
					margin-top:10px;
					margin-bottom:10px;
}


/*_____ / _______*/

/*___ Avatar ___*/

.avatar-section { width:220px;
				text-align:center;

}
/* img */
.avatar-section img { height:270px;}


/* h2 */
.clear-block-2 h2{font-family:"regular";
				font-size:20px;
				color:#472977;
				text-shadow:0 1px 0 rgba(255,255,255,.7);}

/*______ / _________*/

/*======== Short hand left & right  =======*/
.left-panel, .right-panel { float:left;
}

/*_____ / _______*/


/*======== Right Panel =======*/
.right-panel {
				width: 378px;
				padding-right: 60px;
				padding-top: 40px;
				height:660px;
}

/*____ Close panel ____*/
.close-panel { display:block;
			height:50px;
			width:50px;
			background:url(../images/button/cose-2.png) left top no-repeat;
			text-indent:-99999px;
			float:right;
}

/* hover */
.close-panel:hover { background:url(../images/button/close-2-hover.png) left top no-repeat;}

/*____ Suggest _____*/
.suggest {width: 310px;
			height: 457px;
			background: url(../images/back-yelow.png) left top no-repeat;
			background-size: 100% 100%;
			padding: 50px 20px 20px 20px;
}
/* h4 */
.suggest h4 { font-family:"regular";
				font-size:18px;
				padding:20px 0;
				margin-bottom:10px;
}

/*___ game cover ___*/
.game-cover { width: 277px;
				padding-left: 20px;
				height: auto;
				margin-bottom:20px;
}

/* element */
.element-cover { width: 130px;
				height: 118px;
				float:left;
}

/* fix */
.element-cover+.element-cover { margin-left:10px;}


/* a */
.element-cover a { display:block;}

/* img */
.element-cover img { width:120px;}

/* hover */
.element-cover img:hover { width:130px;}

/*_____ / _______*/


#carousel_container { width:100%;
					height:170px;
}



#carousel_inner {
		float: left;
		width: 429px;
		margin-left:5px;
		overflow: hidden;
		background: url(../images/elements/label-white-5.png) left top no-repeat;
		background-size: 100% 100%;
		padding: 0 20px;
}

#carousel_ul {
		position:relative;
		left:-1px; /* important (this should be negative number of list items width(including margin) */
		list-style-type: none; /* removing the default styling for unordered list items */
		margin: 0px;
		padding: 0px;
		width:9999px; /* important */
		/* non-important styling bellow */
		padding-bottom:10px;
		height:auto;
}

#carousel_ul li{
		float: left; /* important for inline positioning of the list items */
		width:95px;  /* fixed width, important */
		/* just styling bellow*/
		padding:0px;
		height:140px;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:5px;
		margin-right:5px;
}

/* a */
.element-user { display:block;
				text-decoration:none;
}

/* img */
.element-user img { height:80px;
}

/* h4 */
.element-user h5 { font-size:16px;
				display:block;
				text-align:center;
				font-weight:lighter;
}


/* p */
.element-user p {font-size:12px;
				display:block;
				text-align:center;
}



/*======== Left Panel =======*/
.left-panel {
				width:570px;
				padding-left:20px;
				height:700px;
}


/*=======  lightbox-block-6 =========*/
.lightbox-block-6 { width: 1029px;
					height: 700px;
					background: url(../images/back-red.png) left top no-repeat;
					background-size: 100% 100%;
					position: absolute;
					left: 50%;
					margin-left: -509px;
					top: 8%;
					z-index: 20000;
}
/*_____ / _______*/


/*=======  lightbox-block-8 =========*/
.lightbox-block-8 {
	width: 900px;
	height: 600px;
	background: url(../images/back-red.png) left top no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	margin-left: -440px;
	top: 5%;
	z-index: 20000;
}
.lightbox-block-8 h3{font-family: "regular"; color: #fff; font-size: 25px;}
/*_____ / _______*/



/*========= lightbox-login-page ========*/
.lightbox-login-page{ width:100%;
					height:100%;
					position:absolute;
					top:0;
					left:0;
					z-index:1000;
}

/*_____ / _______*/

/* black color */
.black-color { background:url(../images/back-light.png) repeat;}

/*============== Users ================*/
.users { width:500px;
			  height:auto;
			  margin-left: -250px;
			  position: relative;
			  left:50%;
}

/* li */
.users li { width: 165px;
			  height: 220px;
			  float: left;
}

/*___ Avatars users ____*/
.avatar-users { width: 100%;
				  height: 150px;
				  padding: 10px 0;
}

/*====== Colors =======*/
/* white */
.color-white {color:#fff;}
/* magenta */
.color-magenta {color:#ff00ff;}

/* purple */
.color-purple {color:#482995;}

/* orange */
.color-orange {color:#ff9f23;}

/* orange */
.color-yellow {color:#daf417;}

/* white */
.color-white {color:#fff;}

/* red */
.color-red {color:#e74435;}

/*_____ / _______*/

/*____ title user ___*/
.title-user { font-family:"regular";
				  font-size:15px;
				  display:block;
				  text-align:center;
				  padding:10px 0;
}

/* name user */
.name-user { display:block;
			  text-align:center;
			  font-size:15px;
}

/* number user */
.number-user { display:block;
			  text-align:center;
			  font-size:14px;
}

/*____ Avatar img ____*/
.avatar-img { width:100%;
				  height:86px;
				  text-align:center;
}

/*_____ Colors ____*/
/* color 1*/
.color-1-back { background:url(../images/elements/label-white-2.png) left top no-repeat;
			  background-size:100% 100%;
}

/* color 2*/
.color-2-back { background: url(../images/elements/label-white-4.png) left top no-repeat;
			  background-size:100% 100%;
}

/* color 3 */
.color-3-back { background: url(../images/elements/label-white-6.png) left top no-repeat;
			  background-size:100% 100%;
}


/* color 4*/
.color-4-back { background: url(../images/elements/label-white-7.png) left top no-repeat;
			  background-size:100% 100%;
}

/*_____ Controls ____*/
#left_scroll, #right_scroll{
		float: left;
		height: 170px;
		width: 35px;
		position: relative;
}

/* Short hand left & right */
#left_scroll a, #right_scroll a{
		/*styling*/
		cursor: pointer;
		bottom: 0;
		position: absolute;
		display:block;
		width:34px;
		height:27px;
		text-indent:-99999px;
}

/* left */
#left_scroll a { background:url(../images/button/back.png) left top no-repeat;}

/* hover */
#left_scroll a:hover { background:url(../images/button/back-hover.png) left top no-repeat;}

/* left */
#right_scroll a { background:url(../images/button/next.png) left top no-repeat;}

/* hover */
#right_scroll a:hover { background:url(../images/button/next-hover.png) left top no-repeat;}
/*_____ / _______*/


/*======= aling ========*/
.aling { text-align:center;}
/*_____ / _______*/


/* <!---Estilos 28 noviembre----> */



.nivoSlider {
	position:relative;
	width: 1004px;
	height:auto;
	overflow: hidden;
	margin: 0 auto;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
	width: 1004px !important;
	height: auto;
	margin: 0 auto;
}
.nivo-main-image {
	display: block !important;
	position: relative !important;
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white;
	filter:alpha(opacity=0);
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	overflow:visible;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top: 93%;
	z-index:9;
	cursor:pointer;
}

.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 0;
	position: absolute;
	display: block;
	width: 80%;
	height: 30px;
	top: 366px;
	z-index: 10;

	margin: 0 10%;
}
.nivo-controlNav a {
	cursor:pointer;
	background:url(../images/button/bullets.png) no-repeat;
	padding: 5px 11px;
	text-indent:-9999px;
	margin: 0 3px;
	overflow: hidden;
}

.nivo-controlNav a:hover {

	background:url(../images/button/bullets_over.png) no-repeat;
}
.nivo-controlNav a.active {
	font-weight:bold;
	background:url(../images/button/bullets_over.png) no-repeat;
}

 a.nivo-control {
	text-indent:-9999px !important;
}



#dev7link {
    position:absolute;
    top:0;
    left:50px;
    background:url(images/dev7logo.png) no-repeat;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
}

.slider-wrapper {
	width: 100%;
	margin: 59px auto;
}

.banner {
	background:url(../images/fondo_banner.png) no-repeat;
	width:1169px;
	height:472px;
	display:block;
	position:relative;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	left: -33px;
}

.nivo-prevNav, .nivo-nextNav {
	width:34px;
	height:27px;
	display:block;
	text-indent:-9999px;
}
.nivo-prevNav {
	background:url(../images/button/back.png) no-repeat;
	left:0px;

}
.nivo-prevNav:hover {
	background:url(../images/button/back-hover.png) no-repeat;
}
.nivo-nextNav {
	background:url(../images/button/next.png) no-repeat;
	right:0px;
}
.nivo-nextNav:hover {
	background:url(../images/button/next-hover.png) no-repeat;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
/* .clear { clear:both; } */


#wrapper #wrapper.no-background {
	  min-height:inherit;
    position:relative;
	background-image:none;
	  margin: 0;
	  padding: 0;
	  width: 1004px;
	  margin: 0 auto;
}



/*======= listado juegos ========*/


#wrapper .limpiar.visible {
	overflow:visible;
}

.list_games ul li{
	float:left;
}
.tak_juegofavorito{
	float:left;
	position: relative;
	cursor:pointer;
	width:185px;
	height:188px ;
	background: url(../images/games/home/fav_fondo.png) no-repeat left top;
	text-align:left;
	padding:14px 0 0 13px;

}
.tak_juegofavorito{
	float:left;
	position: relative;
	cursor:pointer;
	width:185px;
	height:188px ;
	background: url(../images/games/home/fav_fondo.png) no-repeat left top;
	text-align:left;
	padding:14px 0 0 13px;

}
.tak_juegofavorito:hover .tak_juegohover {
	  display: block;
	  height: 215px;
	  left: -15px;
	  position: absolute;
	  top: -25px;
	  width: 213px;
	  z-index: 2;
	  padding:20px 0 0 20px;
}
.tak_juegohover {
	display:none;
	background: url(../images/games/home/fav_fondo_hover.png) no-repeat left top;
}
.tak_juegofavorito:hover  img{
	height:175px;
	width:175px;
	position:absolute;
	z-index:3;
	left:0;
	top:0;
}
 .masinfo {
	display:block;
	left:10px;
	bottom:35px;
	position:absolute;
	z-index:4;
	background: url(../images/games/home/mas_info_c.png) no-repeat left top;
}
 .favoritos {
	display:block;
	right:40px;
	bottom:35px;
	position:absolute;
	z-index:4;
	background: url(../images/games/home/btn_favoritos_3_hover.png) no-repeat left top;
}
.masinfo, .favoritos {
	width:33px;
	height:33px;
}
.tak_juegofavorito:hover   .masinfo {
	background: url(../images/games/home/mas_info.png) no-repeat left top;
	left:5px;
	bottom:20px;
}
.tak_juegofavorito:hover   .masinfo:hover{
	background: url(../images/games/home/mas_info_hover.png) no-repeat left top;
}

.tak_juegofavorito:hover .favoritos {
	background: url(../images/games/home/btn_favoritos_3.png) no-repeat left top;
	right:15px;
	bottom:20px;
}
.tak_juegofavorito:hover .favoritos:hover {
	background: url(../images/games/home/btn_favoritos_3_c_hover.png) no-repeat left top;
	right:15px;
	bottom:20px;
}

.tak_juegofavorito:hover #tak_favoritoactivo {
	background: url(../images/games/home/btn_favoritos_3.png) no-repeat left top;
	right:15px;
	bottom:20px;
}
.tak_juegofavorito:hover #tak_favoritoactivo:hover {
	background: url(../images/games/home/btn_favoritos_3_hover.png) no-repeat left top;
	right:15px;
	bottom:20px;
}

.tak_juegofavorito:hover  #tak_favoritoactivo {
	background: url(../images/games/home/btn_favoritos_3_hover.png) no-repeat left top;

}
.tak_juegofavorito #tak_favoritoactivo {
	background: url(../images/games/home/btn_favoritos_3.png) no-repeat left top;
}
.tak_juegofavorito:hover .masinfo, .tak_juegofavorito:hover  .favoritos  {
	display:block;
	width:45px;
	height:42px;
}
.tak_juegofavorito:hover  h3 {
	font-family:Arial;
	 background:url(../images/games/home/fondo_puntuacion.png) no-repeat;
	 width:156px;
	 height:109px;
	 padding:10px;
	 position:absolute;
	 z-index:3;
	 top:5px;
	 left:7px;
	 display:block;
	 color:#FFF;
	 padding:50px 0 0 0;
	 font-weight:bold;
	 font-size:15px;
	 text-align:center;

}

.tak_juegofavorito h3 {
	display:none;
	font-weight:normal;
}
.tak_juegofavorito:hover  h3 span{
	font-size: 25px;
	font-weight:bold;
	margin:0;
	line-height:19px;
}
.tak_juegofavorito:hover  h3 span strong{
	font-size:13px;
	font-weight:normal;
}
.tak_juegofavorito:hover  h4 {
	display:block;
	background: url(../images/games/home/tooltip_fondo.png) no-repeat left top;
	height:36px;
	padding:25px 0 0 7px;
	position:absolute;
	z-index: 3;
	top:150px;
	*top:140px;
	left:0px;
	width:350px;
}
.tak_juegofavorito h4 {
	display:none;
}
.tak_juegofavorito h4 span{
	float:left;
	width:33px;
	height:37px;
	background:url(../images/games/home/tooltip_fondo_2.png) no-repeat right top;
}
.tak_juegofavorito h4 a{
	color:#fff;
	display:block;
	width:auto;
	float:left;
	padding: 9px 5px 14px 10px;
	*padding:5px 5px 8px 10px;
	background-color:#f59221;
	font-size:13px;
	font-weight:bold;
	text-decoration: none;
}
.tak_juegofavorito h4 a:hover{
	color:#be2226;
}
.tak_contenido_landing {
	position:relative;
	overflow:hidden;
	width:990px;
	margin:0 auto;
	min-height:300px;
	padding:0 0 30px;
}
.tak_contenido_landing h1{
	font-family: "regular";
	font-size: 25px;
	color: #BD1A8D;
}

#carousel { width: 880px; overflow: hidden; padding: 0px 0 25px; left:50%; margin-left: -438px; position: relative; }
#slides, #slides2, #slides3, #slides4 { overflow: visible; position:relative; width: 95%; margin: 0 auto 20px; }

/* remove the list styles, width : item width * total items */
#slides ul, #slides2 ul, #slides3 ul,  #slides4 ul  {
    position:relative;
    left:0;
    top:0;
    list-style:none;

    padding:0;
    width:20000px;
    overflow: visible;
}
/* width of the item, in this case I put 250x250x gif */
/* #slides li, #slides2 ul li, #slides3 ul li, #slides4 ul li { width:185px; height:188px; float:left; margin: 0 13px 0 0; } */
/* #slides li img, #slides2 li img,  #slides3 li img, #slides4 li img  {} */

#buttons a {
    display:block;
    width:65px;
    height:63px;
    text-indent:-999em;
    float:right;
    outline:0;


}
a.prev {
	background:url(../images/button/arrow_left.png) no-repeat;

}
a.prev:hover {
   background:url(../images/button/arrow_left_over.png) no-repeat;
}
a.next {
   background:url(../images/button/arrow_right.png) no-repeat;
}
a.next:hover {
      background:url(../images/button/arrow_right_over.png) no-repeat;
}

#buttons a.disable {
    display:none;
}
.mi_favorito a.disable {
    display:none!important;
}

/* black color */
.black-color { background:url(../images/back-light.png) repeat;}

#slides li, #slides2 li {
	color:#fff;}

.games {
	padding: 20px 0 30px;
	overflow:hidden;
}

 #slides4 {
	 margin:0 auto;
}



/*lightbox firmar grupo*/

.lightbox-block-7 { width: 650px;
					height: 370px;
					background: url(../images/invita/invitarok_fondo1b.png) left top no-repeat;
					background-size: 100% 100%;
					position: absolute;
					 left: 59%;
					margin-left: -509px;
					top: 8%;
					z-index: 20000;
}

.lightbox-block-7 h3{
	font-family:"regular";
	font-size:20px;
	margin:20px 0;
	color:#fff;
	font-size: 28px;
	font-weight: normal;
}

.lightbox-block-7 h3 + img + h3{
	margin: 25px 0 35px 0;
}


.lightbox-block-7 {
	font-family:"regular";
	font-size:20px;
	color:#fff;
}
.lightbox-block-7 .mejor_avisales {
	overflow:hidden;
	width:100%;
	display:block;


	margin: 20px 0 0 0;
}

.lightbox-block-7 .mejor_avisales img{
	float:left;
	margin:0 20px 0 0;


}


.lightbox-block-7 .mejor_avisales p{
	float:right;
	width:70%;


}


.lightbox-login .grupo {
	position:relative;
}
.lightbox-block-7 h3 + img {
	margin: 0 0 0 130px;
	display:block;

}

.lightbox-block-7 .mejor_avisales  {
    line-height: 31px;

}


.lightbox-block-7 .cerrar {
		background: url(../images/button/botoncerrar_lightboxhome.png) left top no-repeat;
		width:153px;
		height: 39px;
		display:block;
		margin:0 auto;
		color:#fff;
		font-size:20px;
		font-family:Regular;
		color:#e94036;
		text-decoration:none;
		text-align: center;
		padding: 12px 0 0 0;
}


.lightbox-block-7 .cerrar:hover {
		background: url(../images/button/botoncerrar_lightboxhome_hover.png) left top no-repeat;
		color:#fff;
}
.limpiar.grupo {
	width:80%;
	right: 20px;
	position: absolute;
}
.jugar {
	width:179px;
	height:87px;
	display:block;
	position:absolute;
	right: 143px;
	z-index:20;
	top: 75px;
}


.jugar:hover {
opacity: .7;
}

#buttons.buttons_up {
	margin:0px 0 10px 0;
}

/*----Mi perfil, favoritos y salon de la fama-------*/

.miperfil_fav_salon { overflow:hidden; display:block; background-color:#fff; width:100%; padding: 0 0 60px; }
.miperfil_fav_salon > ul{ background: url(../images/perfil/fondo_tabs.png) left top no-repeat; width: 859px; height: 113px; display:block; margin: 0 0 0 8px; overflow:hidden; padding: 28px 0 0 25px; }
.miperfil_fav_salon > ul li{ float:left; }
.miperfil_fav_salon > ul li a{ width:117px; height: 23px; display:block; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align: center; text-decoration: none; padding: 90px 0 0 0; }
.miperfil_fav_salon > ul li a.fra-salon{ height: 26px; padding-top: 87px; }
.miperfil_fav_salon a.mi_perfil{ padding:0px  0; width:117px; height:118px; text-align:center; }
.miperfil_fav_salon a.mi_perfil{ background: url(../images/perfil/miperfil.png) left top no-repeat; }
.miperfil_fav_salon a.mi_favorito{ background: url(../images/perfil/favorito.png) left top no-repeat; }
.miperfil_fav_salon a.salon_fama{ background: url(../images/perfil/salon_fama.png) left top no-repeat; }
.miperfil_fav_salon a.mi_perfil:hover{ background: url(../images/perfil/miperfil_over.png) left top no-repeat; }
.miperfil_fav_salon a.mi_favorito:hover{ background: url(../images/perfil/favorito_over.png) left top no-repeat; }
.miperfil_fav_salon a.salon_fama:hover{ background: url(../images/perfil/salon_fama_over.png) left top no-repeat; }
.miperfil_fav_salon li.regresar_tablero{ width: 508px; }
.miperfil_fav_salon li.regresar_tablero a{ float:right; width:291px; height:43px; margin: 26px 17px 0 0; display:block; background: url(../images/perfil/regresar_tablero.png) left top no-repeat; padding: 20px 0 0 30px; color: #dfff22; font-size: 19px; font-family: "regular"; }
.miperfil_fav_salon li.fra-regresar a{ height:49px; padding-top: 15px; }
.miperfil_fav_salon li.regresar_tablero a:hover{ background: url(../images/perfil/regresar_tablero_over.png) left top no-repeat; color:#fff; }
.miperfil_fav_salon h1{ color:#dfff22; font-size:28px; margin: 20px 0 30px; font-family:"regular"; font-weight:normal; border: none !important; }
.miperfil_fav_salon .mi_perfil div ul > li label { padding:0 7px 0 5px; }

div.div_guardar_perfil{width: 100% !important; border: medium none; background: none repeat scroll 0% 0% transparent !important; margin: 15px 0px !important; padding: 0px !important;}
div.mi_perfil { background: url(../images/perfil/perfil_fondo.png) left top no-repeat; overflow:hidden; width:811px; padding:30px 38px 0 74px; margin: 0 auto; height: auto; }
.mi_perfil div{ float:left; width:50%; overflow: hidden; margin: 0 0 2px; }
.mi_perfil div + div{ background: url(../images/perfil/linea_vertical.png) left top no-repeat; padding: 0 0 0 50px; width: 43%; }
.mi_perfil div h2{ font-size:14px; font-family:Verdana, Geneva, sans-serif; color:#fff; text-align:center; margin: 0 0 30px; }
.mi_perfil div ul{ width:95%; overflow:hidden; display:block; }
.mi_perfil div ul > li{ overflow:hidden; width: 96%; display:block; clear:both; margin: 0 0 6px; background: url(../images/perfil/flecha.png) left 28px no-repeat; padding: 0 0 0 4%; color: #fff;}
.mi_perfil div ul > li.nacimiento span{ width:10%;}
.mi_perfil div ul > li label select { border:none; height: 24px !important; font-size:14px; width: 100%; margin:8px 0 0 0; padding: 0; margin:12px 0; font-family: verdana; font-weight: bold; color: #555555; background-color: #fff !important; -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none; border:none; background:url(../images/elements/select.png) center right no-repeat; }
.mi_perfil li.olvidaste_contrasenia label{ clear:both; margin:0; }
.mi_perfil li.olvidaste_contrasenia span{ width:70%; }
.mi_perfil div ul > li span{ float:left; display:block; width: 48%; margin: 24px 0 0; font-size: 13px; }
.mi_perfil div ul > li small{ text-align:center; float:right; width:40%; }
.mi_perfil div ul > li input[type="text"], .mi_perfil div ul > li  input[type="password"], .mi_perfil div ul > li  label { float:right; background: url(../images/perfil/input_text.png) left top no-repeat; width:140px; height:57px; font-family:Verdana, Geneva, sans-serif; color: #555555; font-weight:bold; padding:0 7px 0 5px; border:none; font-size:14px; text-transform: uppercase; }
.mi_perfil div ul > li  ul li select { clear:both; }
.mi_perfil div ul > li ul li { clear:both; background-image:none; margin:0; padding:0; width: 100%; }
.mi_perfil div ul > li ul { margin:0; padding:0; width:100%; }

.mi_perfil div.div_avatar { position: absolute; height: 69px; width: 84%; margin: -9px 0px 0px; float: right; }
.mi_perfil div.div_avatar ul { width: 30%; float: right; }
.mi_perfil div ul li.li_avatar { background: transparent none repeat scroll 0% 0%; text-align: left; margin-left: 30px; }
.mi_perfil div ul li.li_avatar a img { position: absolute; }
.mi_perfil div ul li.li_avatar a span{ position: absolute; color: rgb(123, 52, 174); font-family: "regular"; font-size: 16px; text-align: left; margin: 28px 0px 0px 20px; width: 21%; }
.mi_perfil div ul li.li_avatar a span:hover { color: #ED248A; }

.mi_perfil .elige {}
.mi_perfil .elige a{ background: url(../images/perfil/click.png) left top no-repeat; width: 110px; height: 54px; display:block; color:#fff; text-align:center; padding:20px 0 0; float: right; text-decoration: none; padding: 20px 10px 0; font-family: "regular"; font-size: 14px; }
.mi_perfil .elige a:hover{ background: url(../images/perfil/click_over.png) left top no-repeat; color: #e3e524; }
.mi_perfil  .ninio_ninia { background-image:none; margin: 14px 0 0px 0; font-family:Verdana, Geneva, sans-serif; color:#fff; font-size:13px; height: 24px; }
.mi_perfil .ninio_ninia label{ float:right; width: 21%; margin:0 0 0 20px; background-image:none; color:#fff; text-align: right; font-size:13px; }
.mi_perfil .ninio_ninia label.fra-ninio{ width: 24%; font-size:12px; }
.mi_perfil .usuario_apodo { margin: 21px 0 30px; background: url("../images/perfil/flecha.png") no-repeat scroll left 6px rgba(0, 0, 0, 0); padding-top:5px; }
.mi_perfil .usuario_apodo span { margin:0; }
.mi_perfil .ninio_ninia  input[type="radio"]{ margin:0 10px 0 0; }
.mi_perfil  li.nacimiento span{ width:25%; }
.mi_perfil li.nacimiento .mes{ width:25%; }
.mi_perfil li.nacimiento .anio{ width:25%; background: url(../images/perfil/input_anio.png) left top no-repeat; float:left; margin:0 0 0 30x; width:102px; height:55px; display:block; }
.mi_perfil div ul > li   select:hover { background:url(../images/elements/select-hover.png) center right no-repeat;}

.miperfil_fav_salon a.mi_perfil span{ display:block; width:100%; text-align:center; margin-top: -5px; }
.miperfil_fav_salon a.mi_perfil img{ margin:0; }
.miperfil_fav_salon a.mi_perfil:hover img{ height:auto; }
.mi_perfil li.nacimiento .anio{ width:25%; float:left; margin:0 0 0 30x; width:102px; height:55px; display:block; }

.btn_perfil_guardar { background: url(../images/perfil/btn_guardar.png) left top no-repeat; width:158px; text-decoration:none; text-align:center; height: 45px; padding: 11px 0 0 0; display:block; color:#fff; font-family:"regular"; clear:both; margin:30px auto; text-decoration:none; font-size: 21px; }
a.fra-btn-perfil { font-size: 18px; }
.btn_perfil_guardar:hover { background: url(../images/perfil/btn_guardar_over.png) left top no-repeat; }
div.mi_favorito { background: url(../images/favoritas/favoritas_fondo.png) left top repeat-y; overflow:hidden; width: 839px; padding: 30px 10px 0 74px; margin: 0 auto; }
div.mi_favorito .imagenjuego:hover { background: url(../images/favoritas/fondo_avatar_over.png) left top no-repeat; }
.mi_favorito > ul { overflow:hidden; display:block; clear:both; }
.mi_favorito ul > li { float:left; width: 171px; overflow:hidden; margin: 0 37px 30px 0; position: relative; }
.mi_favorito ul li > div{ float:left; }
.mi_favorito ul li > div.imagenjuego{ background: url(../images/favoritas/fondo_avatar.png) left top no-repeat; min-height:150px; width:130px; }
.mi_favorito ul li > div.imagenjuego > a img{ margin: 13px 0 20px 13px; }
.mi_favorito ul li div.imagenjuego  p{ font-family:Verdana, Geneva, sans-serif; color:#fff; font-size:12px; }
.mi_favorito ul li div.imagenjuego  p span{ font-size:14px; font-weight:bold; color:#e1e923; }
.mi_favorito ul li div.imagenjuego  ul{ clear:both; width:100%; overflow:hidden; }
.mi_favorito ul li div.imagenjuego  ul li{ width:15px; height:15px; float:left; margin:0 5px 0 0; display:block; }

.list_carousel2 { width: 53px; overflow: hidden; height: 313px; }
.list_carousel2 ul { margin: 0; padding: 0; list-style: none; display: block; position: relative; }
.list_carousel2 li { font-size: 40px; text-align: center; padding: 0; display: block; }
.list_carousel2 li a{ float:left; margin:0 5px 0 0; }
.list_carousel2 li img{ width:19px; height:auto; }
.list_carousel2.responsive { width: auto; margin-left: 0; }

.clearfix { float: none; clear: both; }
.prev2 { float: left; margin-left: 10px; }
.next2 { float: right; margin-right: 40px; background: #fff; }
.pager2 { float: left; text-align: center; display:none !important; display: none; }
.pager2 a { margin: 0 5px; text-decoration: none; }
.pager2 a.selected { text-decoration: underline; }
.timer2 { background-color: #999; height: 6px; width: 0px; }
.mi_favorito #pager3 { display:none !important; }
.list_carousel2 { background: url(../images/favoritas/fondo_amigos.png) left top no-repeat; float: left; position: absolute; z-index: 1; right: 0; }

.mi_favorito .list_carousel2 li{ width:53px; height:117px; padding: 0; margin: 0; }
.mi_favorito .list_carousel2 li  a{ width:19px; height:36px; float:left; margin: 3px 0 0 5px; }
.mi_favorito .list_carousel2 .prev2 { background: url(../images/favoritas/less.png) left top no-repeat !important; width:15px !important; height:15px !important; display:block; margin:0!important; padding:0!important; }
.mi_favorito .list_carousel2 .next2 { background: url(../images/favoritas/more.png) left top no-repeat!important; width:15px!important; height:15px!important; display:block; margin:0!important; padding:0!important; }
.list_carousel2 a { position:relative; overflow:visible; }
.list_carousel2 span{ background: url(../images/favoritas/nombre_avatar.png) left top no-repeat!important; width:68px; height:34px; color:#fff; display:block; text-align:center; position:absolute; z-index:1; left:0; top:0; font-size:12px; font-family:Verdana, Geneva, sans-serif; }
#miniTip { color:#fff; display: none; position: absolute; top: -30px; left: 15px; z-index: 99999; width: 91px !important; height:34px; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align:center; }
#miniTip_t { background-color: #307c61; font-weight: 700; padding: 4px 6px;}
#miniTip_c { background: url(../images/favoritas/nombre_avatar.png) left top no-repeat; background-color:none; width:91px; height:18px; padding:16px 0 0 0; }
#miniTip_a { width: 0; height: 0; position: absolute; top: 0; left: 0; }
#miniTip .n { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #eae4b4; border-bottom: 0; }
#miniTip .e { border-bottom: 8px solid transparent; border-top: 8px solid transparent; border-right: 8px solid  #467cbf; border-left: 0; }
#miniTip .w { border-bottom: 8px solid transparent; border-top: 8px solid transparent; border-left: 8px solid  #467cbf; border-right: 0; }
#miniTip a{ color:#fff; }

div.salon_fama strong{ margin:0 4px; }
div.salon_fama { background: url(../images/salon_fama/fondo_salonfama.png) left top no-repeat; overflow:hidden; width: 871px; padding: 30px 0px 51px 65px; margin: 0 auto; }
div.salon_fama p strong img{ width: 17%; height: auto; }
div.salon_fama .columns{ width: 100%; height: 60px; }
div.salon_fama .columns a{ text-decoration: none; color: #fff; padding: 0 50px; }
div.salon_fama .columns .salon_dic{ width: 44%; float: left; }
div.salon_fama .columns .salon_dic span{ background: url(../images/salon_fama/diciembre_off.png) left top no-repeat; width: 235px; height: 43px; display: block; margin: 0; color: #fff; font-family: "regular"; font-size: 18px; padding-top: 12px; text-align: center; }
div.salon_fama .columns .salon_dic span.active{ background: url(../images/salon_fama/diciembre_on.png) left top no-repeat; }
div.salon_fama .columns .salon_todos{ width: 50%;float: left; }
div.salon_fama .columns .salon_todos span{ background: url(../images/salon_fama/historico_off.png) left top no-repeat; width: 235px; height: 43px; display: block; margin: 0; color: #fff; font-family: "regular"; font-size: 18px; padding-top: 12px; text-align: center; float: right; }
div.salon_fama .columns .salon_todos span.active{ background: url(../images/salon_fama/historico_on.png) left top no-repeat; }

.miperfil_fav_salon .salon_fama  h1{ color:#bd1a8d; font-family:"regular"; font-size:28px; margin:0 0 30px; }
.salon_fama p{ font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#000; margin: 0 0 35px; }
.salon_fama ul{ overflow:hidden; clear:both; display:block; }
.salon_fama ul li{ float:left; width: 168px; display:block; margin: 0; padding: 0; }
.salon_fama ul li h2{ font-size:18px; color:#492e91; margin: 0 0 10px 0; }
.salon_fama ul li h2 span{ font-size:28px; color:#bd1a8d; font-family:"regular"; }
.salon_fama ul li div{ background: url(../images/salon_fama/fondo_posiciones.png) left top no-repeat; text-align:center; font-family:Verdana, Geneva, sans-serif; height: 169px; overflow: hidden; }
.salon_fama ul li div img{ margin: 8px auto 0; font-size:24px; }
.salon_fama h3{ color:#e94036; font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight:normal; text-transform: lowercase; }
.salon_fama h4{ font-size:20px; color:#482995; font-family:Verdana, Geneva, sans-serif; font-size:16px; font-weight:normal; }
.salon_fama h5{ background: url(../images/salon_fama/amigo.png) left top no-repeat; height: 24px; padding: 5px 0 0 34px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:14px; color:#bd1a8d; display:block; margin:0 0 0 22px; }


a#prev0 {
	background: url(../images/salon_fama/btn_back.png) left bottom no-repeat;
	width:186px;
	height:28px;
	display:block;
	font-family:"regular";
	font-size:18px;
	padding:15px 0 0 55px;
	color:#bd1a8d;
	text-decoration:none;
}


a#next0 {

		background: url(../images/salon_fama/btn_next.png) right bottom no-repeat;


		width: 189px;
	height:23px;
	display:block;
	font-family:"regular";
	font-size:18px;


		padding: 20px 50px 0 0px;
	color:#bd1a8d;
	text-decoration:none;
}


a#prev0:hover {
		background: url(../images/salon_fama/btn_back_hover.png) left bottom no-repeat;
		color:#492e91;
}


a#next0:hover {
		color:#492e91;
		background: url(../images/salon_fama/btn_next_over.png) right bottom no-repeat;
}

div.tu_lugar {
		background: url(../images/salon_fama/fondo_tu_lugar.png) left bottom no-repeat;
		width:462px;
		height:376px;
		display:block;
		margin:0 auto;
		padding:23px 13px 23px 33px;
}

div.tu_lugar ul{
	overflow:hidden;
	width:100%;
}

div.tu_lugar ul li{
	float:left;

		width:150px;
		text-align:center;
}

div.tu_lugar ul li h3{
}
div.tu_lugar ul li h2{
	color:#bd1a8d;
	font-size:28px;
	text-align:center;
	font-family:"regular";
	margin: 0 0 0px;

	line-height: 38px;
}


.salon_fama div.tu_lugar ul li h5{
	margin:5px  0 0 0;

}


/* Styling for prev and next buttons */
#buttons {
    padding: 0 0 5px 0;
    float:right;

    width: 152px;

    height: 73px;
	background:url(../images/button/fondo_flechas.png) no-repeat;
	display:block;
    margin: 0 30px 0 0;
}

			.list_carousel {


				width: 98%;

				overflow: hidden;
				height: 313px;
			}
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {
				font-size: 40px;

				text-align: center;

				padding: 0;

				display: block;

			}
			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
			}
			.clearfix {
				float: none;
				clear: both;
			}
			.prev {
				float: left;
				margin-left: 10px;
			}
			.next {
				float: right;
				margin-right: 10px;
			}
			.pager {
				float: left;
				width: 300px;
				text-align: center;
				display:none !important;

				display: none;
}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
			}
			.pager a.selected {
				text-decoration: underline;
			}
			.timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}



			.lightbox-block-7.invita  { width: 650px;
					background: url(../images/invita/invitar_fondo1.png) left top no-repeat;
					background-size: 100% 100%;
					position: absolute;
					left: 59%;
					margin-left: -509px;
					top: 8%;
					z-index: 20000;
}

.quieres {
	background: url(../images/invita/signos.png) left top no-repeat;
	width: 466px;
	height:146px;
	display:block;
	font-family:"regular";
	color:#ffffff;
	font-size:18px;
	padding: 25px 135px 0 88px;

	font-weight: normal;
	margin: 0 auto;
}

.quieres p{
	margin: 0 0 9px;
	padding:0;
	line-height:20px;

}

.tabs{
	overflow:hidden;
	width:100%;
}
.tabs li a{
	color:#fff;
	display:block;
	width: 88px;
	text-decoration:none;
	font-size: 12px !important;
	padding: 9px;
	line-height: 16px;
	font-size: 12px;
}

.tabs li a.estan{
	background: url(../images/invita/tabstan.png) left top no-repeat;
	height: 77px;

}
.tabs li a.estan:hover{
	background: url(../images/invita/tabstanovr.png) left top no-repeat;

}

.tabs li a.noestan{
	background: url(../images/invita/tabnostan.png) left top no-repeat;
	height: 110px;
}
.tabs li a.noestan:hover{
	background: url(../images/invita/tabnostanovr.png) left top no-repeat;
}

.tabs ul{
	width:106px;
	float:left;

}
.tabs > div {
	width: 581px;
	float:left;
	display:block;
	overflow:hidden;
	display:block;
	}
.tabs > div div{

	display:none;
	font-size:18px;
	color:#fff;
	height: 271px;
	padding: 20px 0 0 30px;
}
.tabs div.noestan{
	background: url(../images/invita/fondonostan.png) left top no-repeat;
}
.tabs div.estan{
background: url(../images/invita/fondostan.png) left top no-repeat;

}

.tabs div textarea{
	border:none;
	width: 475px;
	font-size:18px;
	padding:20px;
	color:#999;
	resize:none;
	margin: 30px 0 38px 5px;
	display: block;
	font-family:Verdana, Geneva, sans-serif;
}

.tabs div  input[type="submit"] {

	border:none;
	font-size:20px;
	font-family:"regular";
	cursor:pointer;
	color:#fff;
	cursor:pointer;
	background:none;

}
.tabs div  input[type="submit"]:hover {
	color:#dcef39;
}
.tabs div label {
	background: url(../images/invita/click.png) right top no-repeat;
	height: 59px;
	display: block;
	padding: 10px 0 0;
}

.tabs div  label:hover {
	background: url(../images/invita/clickovr.png)  right top no-repeat;
	height: 59px;
}

.tabs div.noestan label {
	background: url(../images/invita/clickama.png) right top no-repeat;
}

.tabs div.noestan textarea{
	margin: 32px 0 8px 10px;
	width: 454px;
}

/*Estilos buscador amigos*/
.tabs div > span {
 position:absolute;
 display:block;
 width: 546px;
 z-index:1;
 font-size:13px;
 font-family:"regular";
 color:#eb4038;
 bottom: 50px;
}

.tabs div {
 position:relative
}

.tabs div.estan label {
 background: url(../images/invita/click.png) right top no-repeat;
  height: 59px;
  display: block;
  padding: 10px 0 0;
  margin: -40px 0 0 0;
  width: 100%;
}

.tabs div.estan label.esp-aqui,
.tabs div.noestan label.esp-aqui{
  width: 96%;
}

.tabs div.estan label.fra-aqui,
.tabs div.noestan label.fra-aqui{
  width: 89%;
}

.tabs div.estan label.eng-aqui,
.tabs div.noestan label.eng-aqui{
  width: 78%;
}

/*----estilos buscador 24 de diciembre---------*/

/* .buscador { display:none; position:absolute; z-index:100; top: 121px; left: 7px; width:270px; height:48px; background: url(../images/fondo_buscador.png) right top no-repeat;}
.buscador form{ position:relative; width:100%; }
.buscador form input[type="text"]{ float:left; width: 43%; border: none; margin: 11px 0 0 57px; padding: 4px 10px; font-family: verdana; color: #999; font-size: 13px; }
.buscador form input[type="button"], .buscador form input[type="submit"]{ background: url(../images/button_buscar.png) right top no-repeat; float:left; width:49px; height:30px; border:none; display: block; margin: 8px 0 0 11px; cursor:pointer; }
.buscador form input[type="button"]:hover, .buscador form input[type="button"]:hover{ background: url(../images/button_buscar_hover.png) right top no-repeat; }
.buscador > a{ background: url(../images/close_buscador.png) right top no-repeat; position:absolute; z-index:100; display:block; width:14px; height:12px; left:7px; top:12px;}
.buscador > a:hover{ background: url(../images/close_buscador_over.png) right top no-repeat; }
.showbuscador { overflow:visible; }
.height-type-a { position:relative; } */

.buscador {display:none;position:absolute;z-index:100;top: 43px;left: 450px;width:270px;height:48px;background: url(../images/back/fondo_buscador.png) right top no-repeat;}
.buscador form{position:relative;width:100%;}
.buscador form input[type="text"]{float:left;width: 43%;border: none;margin: 11px 0 0 57px;padding: 4px 10px;font-family: verdana;color: #999;font-size: 13px;}
.buscador form input[type="button"], .buscador form input[type="submit"]{background: url(../images/icon/search.png) right top no-repeat;float:left;width:49px;height:30px;border:none;	display: block;margin: 8px 0 0 11px;cursor:pointer;}
.buscador > a{background: url(../images/icon/close.png) right top no-repeat;position:absolute;z-index:100;display:block;width:14px;height:12px;left:7px;top:12px;}
.buscador > a:hover{ background: url(../images/close_buscador_over.png) right top no-repeat; }
.showbuscador {overflow:visible;}
.height-type-a {position:relative;}


/* --- Estilos pages 30 Dic --- */
.tak_contenido {
    margin: 0 auto;
    min-height: 300px;
    overflow: hidden;
    position: relative;
    width: 914px;
}
.tak_contenidosimple {
    background: url("../images/maestros_fondo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 14px;
    height: 703px;
    padding: 45px 50px 50px 70px;
    width: 790px;
    color: #555555;
}
.tak_contenidosimple h1 {
    color: #472977;
    font-family:"regular";
    font-size: 28px;
    margin: 0 0 20px;
}
.tak_contenidosimple p {
    font-size: 14px;
    line-height: 17px;
}
.tak_contenidosimple .tak_infocentral {
    margin: 30px 0 0;
    overflow: hidden;
    padding: 0 30px 30px;
}

/* --- Dos --- */
.tak_contenidosimple_dos {
    background: url("../images/maestros_fondo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 14px;
    height: 703px;
    padding: 45px 50px 50px 70px;
    width: 790px;
    color: #555555;
}
.tak_contenidosimple_dos h1 {
    color: #472977;
    font-family:"regular";
    font-size: 28px;
    margin: 0 0 20px;
}
.tak_contenidosimple_dos p { font-size: 14px; line-height: 17px; }
.tak_contenidosimple_dos table { width: 100%; }
.tak_contenidosimple_dos table tr td { border: solid 1px #666; padding: 10px; text-align: center; }
.tak_contenidosimple_dos table tr td p {
    font-size: 12px;
    line-height: 17px;
}
.tak_contenidosimple_dos .tak_infocentral {
    margin: 30px 0 0;
    overflow: hidden;
    padding: 0 30px 30px;
}
.tak_contenidosimple_dos ul li{
	background: url(../images/maestros_vinieta.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #472977;
    font-size: 14px;
    margin: 0 0 20px;
    padding: 0 0 0 30px;
}

/* --- Estilo recupera pass --- */
.tak_formulario {
     background: none repeat scroll 0 0 #00d2ec;
    border: 10px solid #5a3d8a;
    float: left;
    margin: 50px 0 15px 142px;
    overflow: hidden;
    padding: 30px 20px 10px;
    width: 487px;
}
.tak_formulario h2 {
    color: #472977;
    font-family: "regular";
    font-size: 20px;
    margin: 0 0 5px;
    text-align: center;
}
.tak_formulario div {
    float: left;
    overflow: hidden;
    padding: 0 0 0 35px;
    width: 243px;
}
.tak_formulario div label {
    background: url("../images/fondo_camposregistro.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    display: block;
    height: 55px;
    width: 237px;
}
.tak_formulario div select, .tak_formulario div input[type="text"], .tak_formulario div input[type="password"] {
    border: medium none;
    color: #555555;
    font-size: 16px;
    font-weight: bold;
}
.tak_formulario div select {
    margin: 15px 0 0 15px;
    width: 207px;
}
.tak_formulario div input[type="text"], .tak_formulario div input[type="password"] {
    background: url("../images/fondo_camposregistro.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 58px;
    padding: 0 15px;
    width: 202px;
    text-transform: uppercase;
}
.tak_formulario ul {
    display: block;
    float: left;
    overflow: hidden;
    width: 205px;
    margin-top:15px;
}
.tak_formulario ul li {
    background: url("../images/vinieta_datosobligatorios.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #472977;
    font-size: 14px;
    margin: 0 0 40px;
    padding: 0 0 0 30px;
}
.tak_formulario ul li span {
    font-weight: bold;
}

.tak_registrate2 {
    background: url("../images/btn_registrate2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    color: #472977;
    display: block;
    font-family: "regular";
    font-size: 16px;
    height: 41px;
    margin: 0 0 0 325px;
    padding: 10px 0 0;
    text-align: center;
    width: 158px;
    text-decoration: none;
}
.tak_registrate2:hover {
    background: url("../images/btn_registrate2_hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
}


/*---------Nuevos estilos 07-01-2014---------*/
.game-center-9 h3, .game-center-6 h3 {
	background: url(../images/thumbs/fondo_puntuacion.png) left top no-repeat;
	width:68px;
	height:68px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:12px;
	text-decoration:none;
	text-shadow:none;
	padding:10px;
	position:absolute;
	top:15px;
	z-index:3;
	left:19px;
	opacity:0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}

.game-center-9 ul li a:hover   h3, .game-center-6 ul li a:hover h3, .game-center-3 ul li a:hover h3{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}

.game-center-9  ul li a, .game-center-6  ul li a, .game-center-3  ul li a{
	position:relative;
}

.game-center-9  ul li a > img, .game-center-6  ul li a > img, .game-center-3  ul li a > img  {
	position:absolute;
	z-index:1;
	display:block;
	top:11px;
	left:22px;
	width:83px;
}

.game-center-9 ul li a:hover > img, .game-center-6 ul li a:hover > img { width:95px;
	left:15px;
}

.game-center-3 ul li a > img {
	width:115px;
	left:15px;
	top:15px;
}
.game-center-3 ul li a:hover > img { width:125px;
	left:15px;
}
.game-center-3 h3 {
	background: url(../images/thumbs/fondo_puntuacion2.png) left top no-repeat;
	width:97px;
	height:86px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:14px;
	text-decoration:none;
	text-shadow:none;
	padding:15px 10px;
	position:absolute;
	top:17px;
	z-index:3;
	left:19px;
	opacity:0;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

.imagenjuego a h3 {
		background: url(../images/thumbs/fondo_puntuacion3.png) left top no-repeat;
		width: 75px;
		height:75px;
		padding:10px;
		color:#fff;
		font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
		line-height:12px;
		text-decoration:none;
		text-shadow:none;
		display:none;
		position:absolute;
		z-index:10;
		top:16px;
		left:17px;
		margin: 0;
}

.imagenjuego a:hover h3 {
	display:block;
}
.element-cover { width: 130px;
				height: 118px;
				float:left;
				position:relative;


}
.element-cover a span  img {
	width:130px;
	height:121px;

}
.element-cover a:hover  img { width:150px;height:141px;}

.element-cover a > img {
	width:100px;
	margin:10px;
	position:absolute;
	z-index:3;
	left:0px;
	top:2px;
}


.element-cover a:hover > img{
	width:118px;
	height:auto;

}


.element-cover a h3 {
	background: url(../images/thumbs/fondo_puntuacion4.png) left top no-repeat;
	width: 90px;
	height:100px;
	padding:10px 15px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:12px;
	text-decoration:none;
	text-shadow:none;
	position:absolute;
	z-index:10;
	top:15px;
	left:15px;
	margin: 0;
	opacity:0;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	 transition: opacity .3s ease-in-out;
}
.element-cover a:hover h3 {
	zoom: 1;
  	filter: alpha(opacity=100);
  	opacity: 1;
}

/* THEMES - feel free to customize them */
/* black - default */
.minitip-content {
    font-size: 13px;
    padding: 12px 10px;
    color: #fff;
    background-color: #3C3C3C;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	font-family:Verdana, Geneva, sans-serif;
}

/* green */
.green .minitip-content{
    background-color: #bd1a8d;
    color: #fff;
    font-weight: bold;
}

/* blue */
.blue .minitip-content{
    background-color: #4FC6E0;
    font-weight: bold;
}

/* red */
.red .minitip-content{
    background-color: #F15A29;
    border: 1px solid rgba(241, 90, 41, 0.25);
}

/* yellow */
.yellow .minitip-content{
    background-color: #FBF59D;
    border: 1px solid rgba(251, 245, 157, 0.25);
    color: #3C3C3C;
    text-shadow: 0 0 2px #FAFBF1;
}
/* orange */
.orange .minitip-content{
    background-color: #F59221;
    color: #fff;
    font-weight: bold;
}

.jcarousel-item-1, .jcarousel-item-2, .jcarousel-item-3, .jcarousel-item-4, .jcarousel-item-65, .jcarousel-item-66, .jcarousel-item-67, .jcarousel-item-68{
	opacity:0.5;
	filter:alpha(opacity=50);
}
/*---------Nuevos estilos 07-01-2014---------*/

/*---------Nuevos estilos jdialog 08-01-2014---------*/
#jqDialog_box {
	 position: absolute;
	 width: 446px;
	 font-family: Arial;
	 overflow:hidden;
	 padding: 0 0 0px 0;
	 z-index: 10000;
	 background: url("../images/fondo_alerta.png") no-repeat bottom left;
	 height: 187px;
}

#jqDialog_content {
 margin: 0;
}


#jqDialog_options {
ter;
 text-align: cen
}
#jqDialog_options button {
 font-family: Arial;
 background: #2c2e87;
 border: 0px;
    font-family: 'sansa_pro_normalregular';
 font-size: 1.5em;
 color: #fff;
 width: auto;
 height:23px;
 font-size:12px;
 text-transform:uppercase;

 cursor: pointer;

}

#jqDialog_input {
 padding: 4px;
 width: 250px;
}
#jqDialog_close {
 background: none;
 border: none;
 float: right;
 font-weight: bold;
 font-size: 10px;
 color: #ff0000;
 cursor: pointer;
}
.encabezado_alerta
span {
margin: 18px 0 0 0;
display:block;
float:left;

}
.encabezado_alerta img {
 margin:0 7px 0 7px;
 float:left;
}


.encabezado_alerta {
 overflow:hidden;
 padding:2px 0;

 font-size:14px;
 width:100%;
 margin:0 0 15px 0;
 text-transform:uppercase;
 overflow:hidden;


}
.error .encabezado_alerta {
 font-family:"regular";
 color:#bd1a8d;
 font-size:20px;
 margin: 0 0 0 30PX;
}


.contenido_alerta p{
 font-family:"regular";
 font-size: 14px;
 text-align:center;
 color:#fff;
 margin: 9px 40px 0px 40px;

 line-height: 21px;
}
.contenido_alerta  {
 padding:0px 0 10px 0px;
 overflow:hidden;

 width:100%;

 color:#fff;
 font-family:"regular";
 font-size:14px;
}

.pleca_superior {

 width:427px;
 height:16px;
}
.encuest{
    height: 180px;
    background: url(../images/fondo_encuesta.png) no-repeat bottom left;
}
.boton_enc{
    background: url(../images/enc_boton.png) no-repeat bottom left;
    text-align: center;
    height: 63px;
    width: 150px;
}
.enc_btn{
    width: 150px;
    height: 63px;
    margin-top: 6px;
    padding-top: 21%;
    margin-left: 32%;
}
.ingles{
    height: 166px;
    background: url(../images/fondo_settings.png) no-repeat bottom left;
}

/*---------Nuevos estilos jdialog 08-01-2014---------*/


.registro{
	font-weight: bold;
	font-size:14px;
}

.error {
    color: #FF0000 !important;
    display: block;
    font-size: 12px;
    margin: 0 0 10px 8px;
    text-shadow: 0 1px #999999;
}
.new_error {
    color: #FF0000 !important;
    font-size: 12px;
    margin: 0 0 10px 8px;
    text-shadow: 0 1px #999999;
}
.error_bco{color: #fff; display: block; font-size: 12px; margin: 0 0 10px 8px; text-shadow: 0 1px #999999; text-align: right;}


/* /////////// NUEVOS ESTILOS TOOLTIP 24-04-14 /////////// */

#wrapper-tooltip{
    width: 100%;
    height: 1503px;
    position: absolute;
}

.tooltip-step{
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    z-index:99999;
    /* display:none; */
    background-color: rgba(255,255,255,.8);
}

.tooltip-step-block { display: none;}

.tooltip-step-block h2{
    font-family: "regular";
    font-size: 20px;
    color: rgba(255,255,255,1);
    font-weight: 100;
    display: block;
    text-align: center;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-o-font-smoothing: antialiased;-ms-font-smoothing: antialiased;font-smoothing: antialiased;
}

.tooltip-step-block a{
    background: url(../images/tooltip/tooltip_arrow.png);
    width: 53px;
    height: 51px;
    display: block;
    top: 60px;
    right: -20px;
    /* float: right; */
    position: absolute;
}

.tooltip-step-block p{
    font-size: 14px;
    text-align: center;
    color: #fff;
    line-height: 17px;

}

/* text tooltip */
.text-tooltip { float: left;
                width: 180px;
                height: auto;
                margin-top: 70px;
}

/* step1*/
#step1{ background: url(../images/tooltip/tooltip_speech_bubble_1.png) center center no-repeat;}

#step1 .tooltip-image{
    background: url(../images/tooltip/tooltip_avatar.png) center center no-repeat;
    display: block;
    width: 83px;
    height: 147px;
    float: left;
    margin-top: 40px;
    margin-left: 46px;
}

#step1  h2{
    top: 53px;
    left: 145px;
    margin-bottom: 15px;
}

#step1.tooltip-step-block{
    width: 372px;
    height: 215px;
    left: 830px;
    top: 80px;
    position: absolute;
    z-index: 999999;
}

/* step2*/
#step2{ background:url(../images/tooltip/tooltip_speech_bubble_2.png) center center no-repeat;}

#step2 .tooltip-image{
    background: url(../images/tooltip/tooltip_prize.png) center center no-repeat;
    display: block;
    width: 83px;
    height: 147px;
    float: left;
    margin-top: 40px;
    margin-left: 46px;
}

#step2  h2{
    top: 53px;
    left: 145px;
    margin-bottom: 15px;
}

#step2.tooltip-step-block{
    width: 372px;
    height: 215px;
    left: 829px;
    top: 58px;
    position: absolute;
    z-index: 999999;
}

/* step3*/
#step3{ background:url(../images/tooltip/tooltip_speech_bubble_3.png) center center no-repeat;}

#step3 .tooltip-image{
    background: url(../images/tooltip/tooltip_favorites.png) center center no-repeat;
    display: block;
    width: 116px;
    height: 116px;
    float: left;
    margin-top: 62px;
    margin-left: 36px;
}

#step3  h2{
    top: 53px;
    left: 145px;
    margin-bottom: 15px;
}

#step3.tooltip-step-block{
    width: 372px;
    height: 215px;
    left: 825px;
    top: 60px;
    position: absolute;
    z-index: 999999;
}

/* step4*/
#step4{ background:url(../images/tooltip/tooltip_speech_bubble_4.png) center center no-repeat; width: 500px; height: 300px;}

#step4 .tooltip-image{
    background: url(../images/tooltip/tooltip_search.png) center center no-repeat;
    display: block;
    width: 233px;
    height: 147px;
    float: left;
    margin-top: 40px;
    margin-left: 18px;
}

#step4  h2{
    top: 53px;
    left: 145px;
    margin-bottom: 15px;
}

#step4.tooltip-step-block{
    width: 442px;
    height: 215px;
    left: 749px;
    top: 80px;
    position: absolute;
    z-index: 999999;
}

/* step5*/
#step5{ background:url(../images/tooltip/tooltip_speech_bubble_5.png) center center no-repeat;}

#step5 .tooltip-image{
    background: url(../images/tooltip/tooltip_arrow_big.png) center center no-repeat;
    display: block;
    width: 83px;
    height: 147px;
    float: left;
    margin-top: 30px;
    margin-left: 26px;
    margin-right: 30px;
}

#step5  h2{
    top: -87px;
    left: 125px;
    margin-bottom: 15px;
}

#step5.tooltip-step-block{
    width: 372px;
    height: 215px;
    left: 830px;
    top: 500px;
    position: absolute;
    z-index: 999999;
}

#step5 .text-tooltip{
    float: left;
    width: 180px;
    height: auto;
    margin-top: 40px;
}

.tooltip-elements{
    display: block;
    position: absolute;
    z-index: 100000;
}

.tooltip-toolbar{
    background: url(../images/tooltip/tooltip_tools.png);
    width: 270px;
    height: 107px;
    /* left: 60px; */
    margin-left: 894px;
}

.tooltip-game{
    background: url(../images/tooltip/tooltip_game.png);
    width: 183px;
    height: 183px;
    margin-top: 570px;
    margin-left: 975px;
}

.tooltip-container{
    width: 1100px;
    height: 650px;
    position: relative;
}

/* /////////// FIN NUEVOS ESTILOS TOOLTIP 24-04-14 /////////// */

.pre_version{
	position:absolute;
	z-index:100;
	top: 109px;
	left: 7px;
	width:270px;
	height:48px;
}

.pre_version a{
	background: url(../images/button/tak_boton_anterior.png);
	display: block;
	width:283px;
	height:79px;
	position:relative;
}
.pre_version a:hover{
	background: url(../images/button/TakTakTak_boton_over.png);
}
.padres_maestros{
	  bottom: 28px;
    position: absolute;
    right: 66px;

}
.padres_maestros, .padres_maestros a {display: block;
    height: 32px;
    width: 178px;}
.padres_maestros a{background: url(../images/button/btn_padres_maestros.png) center center no-repeat;}
.padres_maestros a:hover{background: url(../images/button/btnbtn_padres_maestros_hover.png) center center no-repeat;}
.aviso_privacidad{font-size: 12px; margin-top: 20px !important;}

#score_load{text-align: center;}

.bck_countdown { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: 100; }
#lightbox_countdown img { position: absolute; z-index: -1; margin-left: 5px; margin-top: 7px; }

/* ----------------- TAK nuevo registro 2014_10_09 ----------------- */

#lightbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; z-index: 101;}
#sec_ingresa { display: none; }
#sec_ingresa ul li { display: block; }
#sec_ingresa input { text-transform: uppercase; }
#sec_ingresa .div_btn_entrar{ height:75px; width: 100%; }
#sec_ingresa .bottom_link{color: #41296d; display:block; font-family: "regular"; font-size: 12px; font-weight: normal; line-height: 21px; margin-bottom: 3px; text-align: left; text-decoration: none; margin-left: 5px;}
#sec_ingresa .bottom_link:hover{color: #fd0cc7; font-weight:bold;}

.login-block { position: fixed; width: 254px; height: auto; top: 100px; background: url(../images/back/back1.png) center center no-repeat; background-size:  100% 100%; padding: 25px 30px; left: 50%; margin-left: -185px; z-index:1;}
.login-block form { width: 100%; height: auto; position: relative;}
.login-block form h1 {color:#41296d; font-family: "regular"; font-size: 26px; line-height: 21px; margin-bottom: 35px; margin-top: 25px; text-align: center;}
.login-block form h2 { font-family: "regular"; font-size: 17px; color: #41296d; margin-bottom: 20px; line-height: 21px; text-align:center;}
.login-block form label { display: inline-block; width: 100%; height: auto; margin-bottom: 10px;}
.login-block form label i { margin-right: 10px; float: left; margin-top:8px;}
.login-block form label p { float: left; width: 260px; font-size: 14px;color: #41296d; line-height: 24px; font-weight: normal;}
.login-block form input { font-weight: bold; width: 220px !important; height: 35px !important; border: none !important; color: #333; font-size: 15px; padding: 10px 15px !important; margin-bottom: 10px;background: url(../images/elements/input1.png) center center no-repeat !important;background-size: 100% 100%;}
.login-block form button { cursor: pointer; border: none; width: 110px; height: 60px; background: url(../images/elements/btn1.png) center center no-repeat; background-size: 100% 100%; font-family: "regular"; font-size: 12px; text-align: center; margin: 3px 6px; padding: 0; position: relative; float: right;}
.login-block form button p { position: absolute;  width: auto; line-height: inherit; margin-left: 5px;}

.navegador-block{width: 711px; height: 431px; left: 50%; margin: auto; z-index: 1; padding: 106px 30px; position: fixed; margin-left: -356px;}
.close_nav{margin-top: -446px;margin-left: 692px;}

.img_pies{margin-top: 56px; z-index: 1; position: relative;}

#btn1 {background: url(../images/elements/btn1.png) center center no-repeat;background-size: 100% 100%;}
#btn2 {background: url(../images/elements/btn2.png) center center no-repeat; background-size: 100% 100%;}
#btn22 {background: url(../images/elements/btn1.png) center center no-repeat; background-size: 100% 100%;}
#btn22:hover {background: url(../images/elements/btn3.png) center center no-repeat; background-size: 100% 100%;}
#btn3 {background: url(../images/elements/btn3.png) center center no-repeat; background-size: 100% 100%;}
#btn33 {background: url(../images/elements/btn3.png) center center no-repeat; background-size: 100% 100%;}

#btn1 p {left: 24px; top: 14px;color: #41296d; margin: 0px; padding: 0px;}
#btn2 p {left: 24px; top: 6px; color:  #41296d; margin: 0px; padding: 0px;}
#btn22 p {left: -5px; top: 14px; color: #fff; font-size: 13px; width: 100%; text-align: center;}
#btn22 .fra_p {left: -5px; top: -7px; color: #fff; font-size: 13px; width: 100%; text-align: center;}
.btn3 p {left: 9px; top: 15px; color: #fff !important; margin: 0 !important; padding: 0 !important; font-size: 14px !important; }
.btn33 p {left: 9px; top: 15px; color: #fff;}

.close { position: absolute; width: 35px; height: 35px; text-decoration: none; right: 30px; top: 40px; z-index: 2;}
.close img { width: 100%; height: auto;}
.close:hover { opacity: .5;}

.steps { width: 900px; height: auto; position: relative; top: 64px; /* left: 35%; margin-left: -250px; */ margin: 0 auto; z-index: 1;}
.steps ul{  list-style: none; height: auto;}

.control { position: absolute;  right: 0; top: -40px; z-index: 1;}
.control li { float: left; width: 130px; height: 50px;}
.control li a { display: block; width: 100%; height: 42px; text-decoration: none;color:  #41296d; text-align: center; padding-top: 10px; cursor: default;}
.control li a small { font-family: "regular"; font-size: 30px; margin-bottom: 10px; color: #fff;}
.control li+li a small { color: #dad5d4;}
.control li+li+li a small { color: #38c3db;}
.control li a p { font-weight: bold; font-size: 15px;}

.control li {}
.control li+li {margin-left: -3px;}
.control li+li+li { margin-left: -11px;}

.control li a { background: url(../images/elements/tab1.png) center center no-repeat; background-size: 100% 100%;}
.control li+li a { background: url(../images/elements/tab2.png) center center no-repeat; background-size: 100% 100%;}
.control li+li+li a { background: url(../images/elements/tab3.png) center center no-repeat; background-size: 100% 100%;}

.register_tabs { width: 100%; position: relative; margin-top: 40px;}
.register_tabs > li { position: absolute; left: 0; top: 0; display: none; padding: 60px 30px 60px 50px; /* width: 450px; */}
.register_tabs > li.active { position:relative;}
.register_tabs > li h2 { font-family: "regular"; color:#41296d; font-size: 20px; margin-bottom: 20px; margin-left: 10px;}

#tab1 { background: url(../images/back/back2.png) center center no-repeat;background-size: 100% 100%;}
#tab2 { background: url(../images/back/back3.png) center center no-repeat;background-size: 100% 100%;}
#tab3 { background: url(../images/back/back4.png) center center no-repeat;background-size: 100% 100%;}

.user-block { width: 100%; height: auto;}
.user-block label {  width: 380px; height: auto;display: inline-block;  position: relative;}
.user-block label img { float: left; width: 7px; margin-right: 10px; margin-top: 27px;}
.user-block label p { color: #fff; margin-right: 10px; width: 150px; float: left; line-height: 60px; font-size: 14px;}
.fra_p{line-height: 20px; margin-top: 11px;}
.user-block label input {  font-weight: bold;float: left;   width: 160px; height: 35px;  border: none; color: #333; font-size: 15px; padding: 10px 15px; margin-bottom: 10px;background: url(../images/elements/input1.png) center center no-repeat;background-size: 100% 100%; text-transform: uppercase;}
.user-block label.div_label input { font-weight:bold; float:left; /* width:320px; */ height:35px; border:none; color:#333; font-size:15px; padding:10px 15px; /* margin:10px 20px; */ text-transform: uppercase; }
.user-block label.active { width: 100%; margin-top: 20px;}
.user-block label.active p { width: 250px; line-height: 20px;}
.user-block label.active img { margin-top: 6px;}
.user-block label.active .select-block {margin: 10px 0; /* width: 80%; */}
.user-block label.active .select-block+.select-block { margin-right: 0;}
.user-block button { padding: 10px 15px; background: url(../images/elements/btn4.png) center center no-repeat; background-size: 100% 100%; font-family: "regular"; color: #fff; text-align: center; font-size: 15px; float: right; border: 0; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -ms-font-smoothing: antialiased; cursor: pointer;}

.list_botones li{border-bottom:3px dashed #ebebeb; width: 100%; height: 80px; padding: 7px 0 30px;}
.list_botones li p{ font-family: "regular"; color: #41296d; font-size: 15px; line-height: 21px; height: 40px; padding: 15px 10px; position: absolute; width: 61% }
.list_botones li button{ float:right; margin: 0; position: relative; }

.wrong { position: absolute; right: 20px; top: 18px; color: #ff0000; font-size: 15px;}
.pass_wrong { position: absolute; right: 20px; top: 18px; color: #ff0000; font-size: 15px;}
.passc_wrong { position: absolute; right: 20px; top: 18px; color: #ff0000; font-size: 15px;}
.check {position: absolute;   color: #2dc100; font-size: 29px;right: 11px; top: 9px;}
.pass_check {position: absolute;   color: #2dc100; font-size: 29px;right: 11px; top: 9px;}
.passc_check {position: absolute;   color: #2dc100; font-size: 29px;right: 11px; top: 9px;}

.select-block {float: left; width: 190px; height: 55px;margin-bottom: 5px;background: url(../images/elements/input1.png) center center no-repeat;background-size: 100% 100%; overflow: hidden; position: relative;}
.select-block i { position: absolute; right: 20px; top: 18px; font-size: 15px; color: #fff; padding: 5px; background: #c7c7c7; width: 10px; height: 10px; text-align: center; line-height: 11px;}
.select-block select{
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	appearance:none;
	background: transparent;
	border: none;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	height: 55px;
	padding: 10px 40px 10px 15px;
	position: relative;
	width: 98%;
	z-index: 1;
}

.avatar-selected { position: absolute; right: 50px; top: 68px; width: 160px;}

.add-block { width: 100%; height: auto;}
.add-block label {  width: 380px !important; height: auto; display: inline-block; position: relative; margin: 25px 0; background: none;}
.add-block label#content{margin: 35px 0px; background: none repeat scroll 0 0;}
.add-block label img { float: left; width: 7px; margin-right: 10px; margin-top: 7px;}
.add-block label input { float: left; margin-right: 10px; margin-top: 5px;}
.add-block label p { width: 311px; font-size: 13px; padding-left: 45px; font-style:italic;}
.add-block label p a { text-decoration: none; color: #221de8; font-weight: bold;}
.add-block label p a:hover { text-decoration: underline;}
.add-block label p, .add-block label small{ color:#555555 ;}
.add-block label small { font-size: 15px; width: 250px; line-height: 20px; margin-right: 10px;}
.add-block button { padding: 10px 15px; background: url(../images/elements/btn4.png) center center no-repeat; background-size: 100% 100%; font-family: "regular"; color: #fff; text-align: center; font-size: 15px; float: right; border: 0; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -ms-font-smoothing: antialiased; cursor: pointer;}

button.disable { background: url(../images/elements/disable-button.png) center center no-repeat; background-size: 100% 100%; color: #a19e9e;  cursor: not-allowed;pointer-events: none;}

#tab1 button{ padding: 10px 15px; background: url(../images/elements/btn5.png) center center no-repeat; background-size: 100% 100%; font-family: "regular"; color: #fff; text-align: center; font-size: 15px; float: right; border: 0; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -ms-font-smoothing: antialiased; cursor: pointer;}

.select-avatar {  width: 100%; height: auto;  margin-bottom: 30px;}

.aside { list-style: none;float: left; width: 230px; height: auto; margin-right: 50px; margin-left: 140px;}
.aside li { width: 100%; height: auto; display: inline-block; margin-bottom: -6px;}
.aside li a { text-decoration: none; width: 100%; height: 58px; text-align: center; color: #41296d; font-size: 18px; font-weight: bold; background: url(../images/elements/aside-back.png) center center no-repeat; background-size: 100% 100%; display: block; line-height: 43px; float: left; margin-top: -4px;}

.aside li a:hover, .aside li a.active {background: url(../images/elements/aside-active.png) center center no-repeat; background-size: 100% 100%; color: #fff;  }
.aside li img { width: 100%; margin-top: 0px; float: left;}

.slider-block { width: 240px; overflow: hidden; height: 300px; position: relative;}

.rsContent, .royalSlider  {height: 300px;}
.royalSlidera {width:240px;direction: ltr; float: none;position: relative; left: 0; top: 0;}
.royalSlider {width:240px;direction: ltr; float: left;position: absolute; left: 0; top: 0;}
.royalSlider.active .rsArrow { z-index: 501; opacity: 1;}

.royalSlider .rsArrow { z-index: -1; opacity: 0;}

.rsContent {width: 190px;position: relative; text-align: center;}
.rsOverflow{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.new_select-avatar .rsOverflow {
	width: 189px;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	margin-left: 25px;
}

.slider-block .rsMinW .rsArrow {top: 120px;}
/* .rsMinW .rsArrow {height: 34px;width: 25px;position: absolute;display: block;cursor: pointer; top: 128px;} */
.rsMinW .rsArrow {position: absolute; display: block; cursor: pointer; z-index: 21;}
.rsMinW .rsBullets {position: absolute;height: auto;text-align: center;overflow: hidden;}
.rsMinW .rsBullet {display: inline-block;*display:inline; *zoom:1;}


.rsMinW .rsArrow img { margin-top: 0 !important; opacity: 1 !important;}
.rsMinW .rsArrow:hover { opacity: .5;}

.rsMinW .rsArrowLeft { left: 0px; }
.rsMinW .rsArrowRight { right: 0px;}

#slider2 .rsOverflow { z-index: 500;}
#slider1 .rsOverflow { z-index: 100;}
#slider3 .rsOverflow { z-index: 50;}
#slider4 .rsOverflow { z-index: 50;}
#slider42 .rsOverflow { z-index: 50;}
#slider43 .rsOverflow { z-index: 50;}
#slider4 .rsOverflow { z-index: 50;}

#slider2 img{margin-top: 124px;}
#slider3 img{margin-top: 71px; opacity:0;}
#slider4 img{margin-top: 71px;}
#slider42 img{margin-top: 71px;}
#slider43 img{margin-top: 71px;}
#slider5 img{margin-top: 180px;}

#div_recover_new, #div_recover_old { display: none; padding: 0; }
#li_elige_1, #li_elige_2, #li_elige_3, #li_elige_4, #li_elige_5 { display: none; }

/* ----------------- TAK nuevo registro 2014_10_09 ----------------- */
.ui-autocomplete-category {font-weight: bold;padding: .2em .4em;margin: 0px 0 .2em;line-height: 1.5; text-decoration: none; background-color: #ade873}
.ui-widget{font-size: 12px;}
.ui-autocomplete {max-height: 200px;overflow-y: auto;overflow-x: hidden;}
* html .ui-autocomplete {height: 200px;}

/* Fix */
#content .QapNewTcha {
	float: left !important;
}
#avatar-3 {
	margin-right: 120px;
}
#tab2 h2 {
	color: #d5d100;
}
#tab1 button:hover {
	background: url(../images/elements/btn4.png) center center no-repeat;
	background-size: 100% 100%;
}
#tab2 button:hover {
	background: url(../images/elements/btn5.png) center center no-repeat;
	background-size: 100% 100%;
}
#tab3 button:hover {
	background: url(../images/elements/btn5.png) center center no-repeat;
	background-size: 100% 100%;
}
#tab2-div1 {
	margin-left:15px;
	width:48%;
	float:left;
}
#tab2-div2 {
	width:45%;
	float:left;
}
#tab3 img:first-child {
	right: 200px;
}
form#form-access h1 {
	font-size: 20px;
	float: left;
}


/* ---- 2014_12_16 resulatados ---- */
/*::::: Lightbox result ::::::*/
.lightbox-result {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(255,255,255,.7);z-index: 500;}
.lightbox-result  section{width: 820px; height: auto;padding: 18px 10px 11px 10px;background: url(../images/back/back-3.png) center center no-repeat; background-size: 100% 100%;position: absolute; left: 50%; margin-left: -410px;top: 4%;}
.lightbox-result article {float: left;}
.resultados-tk{
	width: 450px !important;
    left: calc(50% - 225px) !important;
    margin-left: 0 !important;
}

/*--- Close it ----*/
.close-it {position: absolute; right: 30px; top: 10px; display: block;}
.close-it img {width: 47px;}
.close-it img:hover { opacity:.9; }

/*--- Options ---*/

/* 1 */
.option1 article:nth-child(2) {width: 360px;background: url(../images/back/back-5.png) center center no-repeat; background-size: 100% 100%;padding: 30px 0 35px 0;}
.option1 .score-row p {color: #f15600;}
.option1 .link-span a {color: #f15600;width: 100%;}
.option1 .link-span a:hover {color:#7b34ae;}
.option1 .link-span {width: 120px;}
.option1 .like-it h4  {color:#f15600 ;}
.option1 .other-games {width: 360px; background: url(../images/back/back-4.png) center center no-repeat; background-size: 100% 100%;margin-top: 10px;padding: 30px 40px 20px 40px;}
.option1 .other-games h2 {font-size: 25px;line-height: 33px;color: #fff805;width: 100%;text-align: center;margin-bottom: 20px;font-weight: lighter;}
.option1 .bottom-row {width: 81%; padding-left: 40px;padding-right: 30px;}



/* 2 */
.option2 article:nth-child(2) {width: 440px;background: url(../images/back/back-1.png) center center no-repeat; background-size: 100% 100%;padding: 30px 0 35px 0;}
.option2 .score-row p {color: #fff;}
.option2 .link-span a {color: #cfa5ef;width: 120px;}
.option2 .link-span a:hover {color:#fff805;}
.option2 .link-span {width: 240px;margin-top: 34px;}
.option2 .like-it h4  {color:#fff ;}
.option2 .other-games {width: 340px; background: url(../images/back/back-2.png) center center no-repeat; background-size: 100% 100%;margin-top: 32px;padding: 30px 10px 20px 10px;}
.option2 .other-games h2 {font-size: 17px;line-height: 21px;color:#f15600;width: 100%;text-align: center;margin-bottom: 10px;font-weight: lighter;}
.option2 .bottom-row {width: 85%; padding-left: 40px;padding-right: 30px;}
/* .option2.active .link-span a, .option2.active .like-it a {pointer-events: none; cursor: default;} */


/* logo row */
.logo-row {width: 100%; height: 100px; overflow: hidden; text-align: center;}

/* score row */
.score-row { width: 95%; font-family: 'regular';}
.score-row figure {width: 80%; height: 2px;float: left;margin: 0 10%;}
.score-row figure:first-child {background: url(../images/element/top-line.png) center center no-repeat; background-size: 100% 100%;margin-bottom: 10px;}
.score-row figure:last-child { background: url(../images/element/bottom-line.png) center center no-repeat; background-size: 100% 100%; margin-top: 10px;}
.score-row div {float: left; width: 50%; text-align: center;}
.score-row div p:nth-child(1) {font-size:22px;}
.score-row div p:nth-child(2) {font-size:12px;margin-bottom: 0;}



/*---- Message 1 ----*/
.message-1 {width: 89%; height: auto;padding: 30px 0 30px 40px;position: relative;}
.message-1 h2 {width:90%; height: auto;text-align: center;float: left;margin-bottom: 20px;}
.message-1 span {font-family: "regular";color: #7b34ae;display: block;}
.message-1 span:nth-child(1) {font-size: 17px;}
.message-1 span:nth-child(2) {font-size: 25px;text-align: left;padding-top: 7px;padding-bottom: 7px; line-height: 30px;}
.message-1 span:nth-child(3) {font-size: 19px;}
.message-1 a {float: left;text-decoration: none;font-family: "regular";color: #fff304; background: url(../images/back/back-btn-2.png) center center no-repeat; background-size: 100% 100%;width: 150px;display: block;height: 46px;text-align: center;line-height: 46px;font-size: 12px;}
.message-1 a:hover {background: url(../images/back/back-btn.png) center center no-repeat; background-size: 100% 100%;color:#7b34ae;}


/* arrow icon double */
.arrow-icon-double {position: absolute;right: -10px;bottom: 30px;}

/* bottom row */
.bottom-row {height: auto;}


/* link span */
.link-span {float: left;}
.link-span a {float: left;text-decoration: none;font-family: "regular";font-size: 12px;line-height: 16px;margin-bottom: 10px;}
.link-span a:hover img {-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);}
.link-span a img {float: left;width: 24px;margin-right: 10px;}
.link-span a span {float: left;display: block;width: 82px;}


/* like it */
.like-it {float: right;width: 120px; text-align: center;}
.like-it h4 {font-family: "regular";margin-bottom: 10px; width: 100%; height: auto; text-align: center;}
.like-it a {float: left; width: 58px; height: 49px; display: block;}


/* icon like & dislike  */
.like-hand {background: url(../images/icon/likes-icon-disable.png) center center no-repeat;background-size: 100% 100%;}
.like-hand:hover, .like-hand.active {background: url(../images/icon/likes-enable.png) center center no-repeat; background-size: 100% 100%;}
.dislike-hand {background: url(../images/icon/dislikes-icon-disable.png) center center no-repeat;background-size: 100% 100%;}
.dislike-hand:hover, .dislike-hand.active {background: url(../images/icon/dislike-enables.png) center center no-repeat;background-size: 100% 100%;}


/*---- Other games ----*/
.other-games ul {width: 288px; height: auto;list-style: none;left: 50%;margin-left: -144px;position: relative;}
.other-games h2 {font-family: "regular";}
.other-games ul li {float: left; width: 134px; height: 102px; background: url(../images/back/back-thumb.png) center center no-repeat; background-size: 100% 100%;position: relative;margin-right: 10px;margin-bottom: 10px;}
.other-games ul li .like-count{
    -webkit-transform: scale(.7);
    margin-top: -37px;
}

/* game thumb */
.game-thumb {width: 86px; height: 83px; border-radius: 5px; overflow: hidden;display: block;margin-top: 9px;margin-left: 12px;z-index: 0; position: relative;}
.game-thumb img {width: 105%;margin-left: -1px;margin-top: -2px;}

.other-games ul li article { position: absolute; width: 258px; height: 210px; padding: 10px 20px; background: url(../images/back/back-bold.png) center center no-repeat; background-size: 100% 100%;  z-index: -1;opacity: 0;
                -webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);
}
.other-games ul li article.active {opacity: 1;z-index: 2;
                -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
}
.other-games ul li article h2 {width: 90% !important; height: auto;padding: 3% 5%;background: url(../images/back/back-title.png) center center no-repeat;background-size: 100% 100%;font-size: 17px; font-family: "regular";color: #fff !important; text-shadow: 0 1px 0 rgba(0,0,0,.8);}
.other-games ul li article a {text-decoration: none;display: block;}


/* add favortie */
.add-favorite {position: absolute; top: 5px; right: 7px; width: 20px; height: 20px;background: url(../images/icon/like-hover.png) center center no-repeat; background-size: 100% 100%;display: block;}
.add-favorite:hover, .add-favorite.active {background: url(../images/icon/like.png) center center no-repeat; background-size: 100% 100%;
                                            -webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);
}


/*---- Score message ----*/
.score-message {width: 100%; height: auto; text-align: center; font-family: "regular";color:#fff805;padding-bottom: 20px;padding-top: 10px;}
.score-message h2 {font-size: 17px; line-height: 26px;}
.score-message span {color: #fff;}


/*----- Register action -----*/
.register-action {width: 85%; height: auto; position: relative;padding-left: 40px;}
.register-action h3 {font-size: 26px;line-height: 36px; font-family: "regular";color:#fff805;width: 208px;font-weight: lighter;margin-bottom: 60px;margin-top: 20px;}
.register-action a {display: block;color: #f934c2; text-decoration: none;position: absolute;right: 0;top: 56px;}
.register-action a, .register-action a span {width: 193px;}
.register-action a span {height: 63px;text-align: center;line-height: 73px;font-size: 16px;background: url(../images/back/back-btn.png) center center no-repeat; background-size: 100% 100%;display: block;font-family: "regular";}
.register-action a:hover span {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.register-action a img {position: absolute; top: -80px; left: 50%;width: 90px;margin-left: -45px;z-index: 1;}
.register-action p {color:#fff; font-family:"regular";width: 290px;font-size: 12px;line-height: 18px;}

/* arrow-small-down */
.register-action .arrow-small-down {position:absolute;right: -20px; top: 38px; width: 40px;}

/*----- Game over message -----*/
.game-over-message {width: 84%; height: auto; position: relative;padding: 20px 0 20px 40px;}
.game-over-message h3 {color: #fff805; font-family: "regular";font-weight: lighter;padding: 12px 0;}
.game-over-message h3 span {display:block;}
.game-over-message h3 span:nth-child(1) {font-size: 17px;padding-left: 60px;}
.game-over-message h3 span:nth-child(2) {font-size: 28px;width: 100%;padding: 15px 0; line-height: 40px; text-align: center;}
.game-over-message h3 span:nth-child(3) {font-size: 27px;}
.game-over-message a {height: 63px;text-align: center;line-height: 71px;font-size: 16px;background: url(../images/back/back-btn.png) center center no-repeat; background-size: 100% 100%;display: block;font-family: "regular";width: 193px;text-decoration: none;color: #f934c2;margin-left: 90px;z-index: 1;position: relative;}
.game-over-message a:hover {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.game-over-message .arrow-small-down {position:absolute;right: 43px; top: 137px; width: 40px;}
.game-over-message .arrow-small-up {position:absolute;left: 80px; top: 210px; width: 40px;}

/*--- Reward ----*/
.reward {width: 207px;position: absolute;bottom: 30px;left: 608px;line-height: 22px;}
.reward img {float: left;margin-right: 10px;}
.reward span {float: left; width: 178px;color: #fff805; font-family: "regular";}
.reward:hover span{color: #fff;}
/* ---- 2014_12_16 resulatados ---- */

.tbl_datos{width:100%;}
.tbl_datos thead tr td{font-size:18px; padding: 10px 5px; text-align: center;}
.tbl_datos tr td:first-child{width:25%;}
.tbl_datos tr td{border:2px #ccc solid; width:37%;}
.tbl_datos tbody tr td{color:#666; font-size:16px; padding: 5px 5px;}
.tbl_datos thead strong{padding:5px;}

.new_thumb { position: absolute; float: right; width: 100%; z-index: 1; text-align: right; margin: 151px 0px 0px 9px; }
.new_thumb img { width: 50%; }

.lightbox-info {
    background-color: #FFF;
    display: none;
    height: auto;
    left: 50%;
    padding: 3% 3% 1.5% 3%;
    position: fixed;
    top: 50%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 33;
}

.lightbox-info.show {
    display: block;
}

.lightbox-info a.close {
    top: -10px;
    right: -10px;
    z-index: 4;
}

.lightbox-info:before,
.lightbox-info:after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.lightbox-info:before {
    background-color: #D2DF00;
    -webkit-transform: rotateZ( 1.5deg );
    transform: rotateZ( 1.5deg );
    z-index: 1;
}

.lightbox-info:after {
    background-color: #FF7200;
    -webkit-transform: rotateZ( -1deg );
    transform: rotateZ( -1deg );
    z-index: 2;
}

.lightbox-info .lightbox-info-container {
    position: relative;
    z-index: 3;
}

.lightbox-info .lightbox-info-container:after {
    content: "";
    display: table;
    clear: both;
}

.lightbox-info .lightbox-info-container h2 {
    color: #FFF;
    font-size: 18px;
    padding-bottom: 20px;
}

.lightbox-info .lightbox-info-container label {
    display: none;
}

/*.lightbox-info .lightbox-info-container label.label-grado {
    content: "";
    display: block;
    clear: both;
}*/

.hidden{ display: none; }
.lightbox-info.label-genero .lightbox-info-container label.label-genero,
.lightbox-info.label-mail .lightbox-info-container label.label-mail,
.lightbox-info.label-pais .lightbox-info-container label.label-pais,
.lightbox-info.label-edad .lightbox-info-container label.label-edad,
.lightbox-info.label-grupo .lightbox-info-container label.label-grupo,
.lightbox-info.label-grado .lightbox-info-container label.label-grado {
    display: inline-block;
}


/* popups juegos ubicacion */
.no-use * {border: 0;margin: 0;padding: 0;}

.lightbox-promotional,.lightbox-promotional * {-webkit-box-sizing: border-box;box-sizing: border-box;}
.lightbox-promotional {background-color: rgba(0,0,0,.8);display: none;height: 100vh;left: 0;position: fixed;top: 0;visibility: hidden;width: 100vw;}
.lightbox-promotional.active {display: block;visibility: visible;z-index:2;}
.lightbox-promotional .lightbox-wrap {display: block;height: 300px;background-color: yellow;left: 50%;position: absolute;top: 50%;width: 600px;z-index: 99;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-image: url(../images/elements/oferta_ubicacion.jpg);}
.lightbox-promotional .lightbox-wrap .lightbox-content {display: block;height: 200px;padding: 10px 20px;text-align: right;width: 100%;}
.lightbox-promotional .lightbox-wrap .lightbox-content .center {display: inline-block;max-width: 80%;position: relative;top: 75%;-webkit-transform: translateY(-50%);transform: translateY(-50%);line-height:38px;}
.lightbox-promotional .lightbox-wrap .lightbox-content .center.align-left {text-align: left;line-height:35px;}
.lightbox-promotional .lightbox-wrap .lightbox-content h2 {display: block;font-family: "regular";}
.lightbox-promotional .lightbox-wrap .lightbox-content h2:first-of-type {font-size: 24px;}
.lightbox-promotional .lightbox-wrap .lightbox-content h2:last-of-type {font-size: 18px;}
.lightbox-promotional .lightbox-wrap .lightbox-content .center.align-left h2 {font-size: 18px;}
.lightbox-promotional .lightbox-wrap .lightbox-content .center.align-left h2 b {font-size: 24px;}
.lightbox-promotional .lightbox-wrap .lightbox-content .center.align-left h2 img {-webkit-filter: drop-shadow(5px 5px 2px rgba(0,0,0,.3));filter: drop-shadow(5px 5px 2px rgba(0,0,0,.3));height: auto;max-width: 200px;}
.lightbox-promotional .lightbox-wrap .lightbox-content .logo_chef { position: absolute; float: right; width: 100%; text-align: center; }
.lightbox-promotional .lightbox-wrap .lightbox-content .logo_chef img { width: 40% }
.lightbox-promotional .lightbox-wrap .lightbox-cta {display: block;height: 100px;padding: 10px 40px;text-align: right;width: 100%;}
.lightbox-promotional .lightbox-wrap .lightbox-cta a {color: #FFF;display: inline-block;font-family: Arial, sans-serif;padding: 10px;}
.lightbox-promotional .lightbox-wrap .lightbox-cta .cta {background-color: #74be27;box-shadow: 5px 5px 0 rgba(0,0,0,.2);color: #FFF;display: inline-block;font-weight: bold;padding: 10px 20px;text-decoration: none;-webkit-transform: skew(10deg);transform: skew(10deg);}
.lightbox-promotional .lightbox-wrap .lightbox-cta .cta span {display: block;-webkit-transform: skew(-10deg);transform: skew(-10deg);font-size:20px;}

/*TAKTAKTEKA STYLES*/
.teka_header {position: relative; width: 100%; height: 100px;}
.teka_header_table {position: relative; width: 100%; height: 100px;}
.teka_header_table td {position: relative; width: 30%; height: 100px;}
.teka_letra { font-family: "regular";color: #5fb02b; font-size: 27px; text-align: center; font-weight: bold;}
.teka_line {position: absolute; bottom: 0;width: 100%; height: 12px; background-image: url("../images/teka/separador_naranja.png"); margin-left: -30px; margin-bottom: -5px; padding: 0px 0px 0px 60px; }

.teka_tools {float: left; position: relative; margin-top: 35px; }
.teka_tools ul.active2 li{padding: 0 80px;}
.teka_tools ul { height: 47px; list-style: none;background: url(../images/back/newheader/fondo_menu.png) center center no-repeat; background-size: 100% 100%; width: 100%; position: relative; z-index: 1;}
.teka_tools ul li {float: left;padding: 0 2px;overflow: hidden;position: relative;width: 171px;}
.teka_tools ul li:nth-child(2){ width: 129px; margin-top: 2px; }
.teka_tools ul li:nth-child(3){ width: 175px; margin-top: 8px; }
.teka_tools ul li:nth-child(4){ width: 118px; margin-top: 6px; }
.teka_tools ul li a {display: inline-block; width: 100%; height: auto;text-decoration: none; color: #fff;}
.teka_tools ul li img {width: 171px; float: right; position: relative; z-index: 1;}
.teka_tools ul li a.fav img {width: 129px; float: right; position: relative; z-index: 1;}
.teka_tools ul li a.fav p { padding: 13px 10px 8px 0px; width: 90px; }
.teka_tools ul li a.fame img {width: 175px; float: right; position: relative; z-index: 1;}
.teka_tools ul li a.fame p { padding: 7px 10px 8px 2px; width: 143px; }
.teka_tools ul li a.search img {width: 118px; float: right; position: relative; z-index: 1;}
.teka_tools ul li a.search p { padding: 5px 10px 8px 7px; width: 80px; }
.teka_tools ul li p { margin-bottom: 0; font-family: "regular"; color: #fff; float: left; padding: 15px 10px 8px 7px; font-size: 13px; line-height: 14px; height: 15px; position: absolute; width: 128px; text-align: center; z-index: 2; text-shadow: 2px 2px 2px rgba(0, 0, 0, .6); }
.teka_tools ul li:nth-child(3) p{}
.teka_tools ul li:nth-child(4) p{line-height: 28px;}
.teka_tools ul li p:hover { font-size: 14px; }

/* mask */
.teka_mask {width: 1001px; height: 100%; position: absolute; left: -31px; top: 0;}

/* last_username */

.lightbox-lastusername {
    background-image: url("../images/popup/fondo.png");
    background-size: 597px 357px;
    display: none;
    height: 289px;
    left: 50%;
    padding: 3% 3% 1.5% 3%;
    position: fixed;
    top: 50%;
    width: 506px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 33;
}

.lightbox-pueblo {
    /*background-image: url("../images/popup/chinampa_new.png");*/
    /*background-size: cover;*/
    height: 290px;
    left: 50%;
    position: fixed;
    top: 50%;
    width: 600px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 33;
}

.lightbox-pueblo .pop-pueblo {
	width: 100%;

}

.lightbox-pueblo img {
	width: 100%;
}

.lightbox-lastusername p, .lightbox-pueblo p {
    font-family: "regular";
    color: #41296d;
    font-size: 17.5px;    
	font-weight:bold;
	line-height: 30px;
}

.lightbox-lastusername.show, .lightbox-pueblo.show {
    display: block;
}

.lightbox-lastusername a.close, .lightbox-pueblo a.close{
    top: -10px;
    right: -10px;
    z-index: 4;
}

.si_last{ 
	position: absolute;
	cursor: pointer;
	background-image: url("../images/popup/fondo_si.png");
    background-size: 337px 90px;
    height: 90px;
    width: 337px;
    margin: 30px 0 0 18px;
    }
.si_last p{ margin: 12px 0px 0px 15px; width: 305px; }
    
.no_last{ 
	position: absolute;
	cursor: pointer;
	background-image: url("../images/popup/fondo_no.png");
    background-size: 337px 90px;
    height: 90px;
    width: 337px;
    margin: 156px 0 0 18px;
    }
.no_last p{ margin: 12px 0px 0px 15px;width: 305px;}

.aparecer_last_username{
	display: none;
}

.last_username_fondo{
	width: 345px;
	height: 140px;
	background-image: url("../images/popup/fondo_enviar.png");
    background-size: 345px 140px;
    margin: 32px 0 0 38px;
}

.last_username_fondo input {
	width: 280px;
    height: 35px;
	margin: 20px 0px 20px 31px;
	border: none;
	font-family: regular;
    font-weight: bold;
}

.last_username_enviar{
	width: 200px;
	height: 40px;
	background-image: url("../images/popup/boton_enviar.png");
    background-size: 200px 48px;
    cursor: pointer;
    margin: 0px 0px 0 83px;
    margin-left: 70px;
}

.last_username_noacuerdo{
	width: 200px;
	height: 40px;
	background-image: url("../images/popup/boton_noacuerdo.png");
    background-size: 200px 48px;
     cursor: pointer;	
     margin: 35px 0px 0 110px;
}
/* ===== Nuevo Invitar Amigos ===== */
.text-center{
	text-align: center;
}
.invitar-nuevo, .invitaciones-enviadas-nuevo{
	padding: 40px 40px 20px 40px;
}
.invitar-nuevo-agregar{
	width: 75%;
	margin: 35px auto 25px auto;
}
.invitar-nuevo-agregar textarea{
	width: 100%;
	text-align: center;
	font-size: 22px;
	padding: 10px 0;
	max-width: 100%;
    min-width: 100%;
    max-height: 26px;
    min-height: 26px;
}
.invitar-nuevo-h3{
	font-size: 24px !important;
}
.invitar-nuevo-logottt{
	margin: 0 0 20px 0 !important;
	margin-left: calc(50% - 150px) !important;
}
.invitar-nuevo-enviar{
	display: flex;
    justify-content: flex-end;
}
.invitar-nuevo-enviar input{
	margin-right: 12.5%;
	background: url(../images/invita/enviar.png) no-repeat;
	border: none;
    width: 135px;
    height: 43px;
    text-align: left;
    padding-left: 15px;
    cursor: pointer;
    color: white;
    font-size: 26px;
}
.invitar-nuevo-email{
    height: 190px;
    background: url(../images/invita/invitar_fondo2.png) left top no-repeat;
    background-size: 100% 100%;
	padding-top: 35px;
	margin-top: 40px;
}
.invitar-nuevo-p{
	font-size: 16px;
	margin: 0;
}
.invitaciones-enviadas-tak img{
	height: 330px;
}
.invitaciones-enviadas-flex{
	display: flex;
	justify-content: space-between;
}
.invitaciones-enviadas-info h3{
	margin-top: 75px;
    font-size: 20px;
    margin-bottom: 30px;
}
.invitaciones-enviadas-info p{
	line-height: 25px;
}
.invitaciones-enviadas-logo{
	margin-top: 10px;
	margin-left: 3%;
	width: 92%;
}
.invitaciones-enviadas-logo img{
	width: 100%;
}
.invitaciones-enviadas-cerrar{
	top: 20px;
}
/* ===== Reconocimientos en vista /padres ===== */
.premios-ttt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 50px;
}
.premios-ttt-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20%;
}
.premios-ttt-content p {
    text-align: center;
    margin: 15px 0;
	font-size: 12px;
	height: 51px;
}
.premios-ttt-content a {
    text-align: center;
}
.premios-ttt-content figure {
    width: 70%;
	margin: 0 auto;
	height: 60px;
}
.premios-ttt-content figure img {
    width: 100%;
}
.arrow-view{
	display: block !important;
	bottom: 475px !important;
}