@font-face{font-family:'ALoveOfThunder';src:url('../css/fonts/ALoveOfThunder.eot');src:url('../css/fonts/ALoveOfThunder.eot?#iefix') format('embedded-opentype'),url('../css/fonts/ALoveOfThunder.woff2') format('woff2'),url('../css/fonts/ALoveOfThunder.woff') format('woff'),url('../css/fonts/ALoveOfThunder.ttf') format('truetype'),url('../css/fonts/ALoveOfThunder.svg?#aloveofthunder') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'DOCK11';src:url('../css/fonts/DOCK11.eot');src:url('../css/fonts/DOCK11.eot?#iefix') format('embedded-opentype'),url('../css/fonts/DOCK11.woff') format('woff'),url('../css/fonts/DOCK11.otf') format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'Impact';src:url('../css/fonts/Impact.eot');src:url('../css/fonts/Impact.eot?#iefix') format('embedded-opentype'),url('../css/fonts/Impact.woff') format('woff'),url('../css/fonts/Impact.otf') format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(https://fonts.gstatic.com/s/opensans/v10/K88pR3goAWT7BTt32Z01m1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2')}@-webkit-keyframes rotation360{from{transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(359deg);-o-transform:rotate(359deg);-ms-transform:rotate(359deg);-moz-transform:rotate(359deg);-webkit-transform:rotate(359deg)}}@-moz-keyframes rotation360{from{transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(359deg);-o-transform:rotate(359deg);-ms-transform:rotate(359deg);-moz-transform:rotate(359deg);-webkit-transform:rotate(359deg)}}@-ms-keyframes rotation360{from{transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(359deg);-o-transform:rotate(359deg);-ms-transform:rotate(359deg);-moz-transform:rotate(359deg);-webkit-transform:rotate(359deg)}}@-o-keyframes rotation360{from{transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(359deg);-o-transform:rotate(359deg);-ms-transform:rotate(359deg);-moz-transform:rotate(359deg);-webkit-transform:rotate(359deg)}}@keyframes rotation360{from{transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(359deg);-o-transform:rotate(359deg);-ms-transform:rotate(359deg);-moz-transform:rotate(359deg);-webkit-transform:rotate(359deg)}}*{margin:0;padding:0;border:none;outline:none;list-style:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}a,a:hover,a:visited{text-decoration:none}#body{font-family:'Open Sans';text-align:center;background-color:#cb5052;background-image:url('../img/logo-pattern.png');background-repeat:repeat;background-position:0 0;width:100%;max-width:100%;overflow-x:hidden;overflow-y:visible}#container{display:inline-block;width:990px;max-width:100%;margin:50px auto}@media (max-width:730px){#container{margin:25px auto}}@media (max-width:430px){#container{margin:0 auto}}.flip-container{-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-ms-transform:perspective(1000px);-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d}.flip-container:hover .back,.flip-container.hover .back{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}.flip-container:hover .front,.flip-container.hover .front{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-container{display:none;position:absolute;width:300px;height:300px;top:-2px;left:50%;margin-left:-150px;background-color:#fff;border:3px solid #9c9899;-webkit-border-radius:150px;-moz-border-radius:150px;border-radius:150px}@media (max-width:670px){.flip-container{display:inline-block}}.flipper{-webkit-transition:.6s;-webkit-transform-style:preserve-3d;-ms-transition:.6s;-moz-transition:.6s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:.6s;transform-style:preserve-3d;position:relative}.front,.back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.6s;-webkit-transform-style:preserve-3d;-webkit-transform:rotateY(0deg);-moz-transition:.6s;-moz-transform-style:preserve-3d;-moz-transform:rotateY(0deg);-o-transition:.6s;-o-transform-style:preserve-3d;-o-transform:rotateY(0deg);-ms-transition:.6s;-ms-transform-style:preserve-3d;-ms-transform:rotateY(0deg);transition:.6s;transform-style:preserve-3d;transform:rotateY(0deg)}.front{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);z-index:2}.back{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg)}.front{display:block;position:absolute;width:294px;height:294px;top:0;left:0;background-color:#fff;background-image:url('../img/logo.png');background-position:center center;-webkit-border-radius:147px;-moz-border-radius:147px;border-radius:147px}.back{display:block;position:absolute;width:294px;height:294px;top:0x;left:0;background-color:#fff;background-image:url('../img/logo.png');background-position:center center;-webkit-border-radius:147px;-moz-border-radius:147px;border-radius:147px}#header{display:inline-block;position:relative;float:left;width:100%;height:304px;border:4px solid #9c9899;background-color:#fff;background-image:url('../img/pattern-header.fw.png');background-repeat:repeat;background-position:0 0}#header .triangulo-left{display:block;position:absolute;bottom:-19px;left:-4px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:15px solid #808080;z-index:-2}#header .triangulo-right{display:block;position:absolute;bottom:-19px;right:-4px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:15px solid #808080;z-index:-2}#header .bg-white{display:block;position:absolute;bottom:0;left:0;width:81.05906314%;height:124px;background-color:#fff}@media (max-width:854px){#header .bg-white{width:80.05906314%}}@media (max-width:830px){#header .bg-white{width:79.05906314%}}@media (max-width:740px){#header .bg-white{width:77.05906314%}}@media (max-width:670px){#header .bg-white{width:100%}}#header .bg-green{display:block;position:absolute;bottom:103px;left:0;width:81.05906314%;height:21px;background-color:#62ee4f}@media (max-width:670px){#header .bg-green{width:100%}}#header .bg-green.logged{left:22px;width:78.81873727%}@media (max-width:670px){#header .bg-green.logged{left:0;width:100%}}#header .circle-logo{display:block;position:absolute;width:300px;height:300px;top:-2px;right:3.46232179%;background-color:#fff;background-image:url('../img/logo.png');background-position:center center;border:3px solid #9c9899;-webkit-border-radius:150px;-moz-border-radius:150px;border-radius:150px}@media (max-width:670px){#header .circle-logo{display:none}}#header .container-photo{display:none;position:absolute;left:20px;bottom:44px;width:146px;height:146px;background-color:#fff;border:4px solid rgba(0,0,0,0.5)}#header .container-photo .photo-user{display:block;width:100%;height:100%}@media (max-width:670px){#header .container-photo{visibility:hidden;opacity:0;z-index:-10}}#header .nick-user{display:none;font-family:"Impact";position:absolute;bottom:0;left:22px;width:148px;height:44px;line-height:44px;text-align:center;color:#000;text-transform:uppercase;font-weight:normal}@media (max-width:670px){#header .nick-user{visibility:hidden;opacity:0;z-index:-10}}#header .menu-top{display:block;position:absolute;bottom:0;left:0;width:67.82077393%;height:103px;line-height:103px}@media (max-width:800px){#header .menu-top{display:none}}#header .menu-top li{display:block;float:left;font-family:"ALoveOfThunder";width:33.33333333%;line-height:103px;font-size:30px;color:#000;text-align:center}@media (max-width:840px){#header .menu-top li{font-size:24px}}#header .menu-top li a,#header .menu-top li span{color:#000}#header .menu-top li a:hover,#header .menu-top li span:hover{cursor:pointer;color:#222}#header .menu-top .ifLogin{display:none}#header .menu-top.logged{left:19.14460285%;width:48.67617108%}@media (max-width:886px){#header .menu-top.logged{left:21%;width:44%}}@media (max-width:822px){#header .menu-top.logged{left:23%;width:40%}}.container-content{display:inline-block;float:left;width:100%}#content{display:inline-block;float:left;width:59.5959596%;height:auto;min-height:500px;margin:0 .70707071% 0 1.81818182%;padding:7px;border-bottom:4px solid #9c9899;border-left:4px solid #9c9899;border-right:4px solid #9c9899;background-color:#fff}@media (max-width:730px){#content{width:96.36363636%;margin:0 1.81818182%;border-bottom:none}}@media (max-width:430px){#content{width:100%;margin:0 0;border:none}}#content header h5{display:inline-block;font-family:"DOCK11";width:100%;height:60px;background-image:url('../img/pattern-h5.fw.png');background-position:0 0;background-size:auto 100%;background-repeat:repeat-x;line-height:60px;color:#fff;font-size:50px}@media (max-width:430px){#content header h5{font-size:35px}}#content .banner-game{display:block;width:100%;max-width:100%;margin:15px auto 0 auto}#content .body-juego{padding:15px 0 20px 0}#content .body-juego .question-button{display:block;position:relative;padding:5px 30px;margin:5px auto;width:90%;background:#fb3a39 url(../img/button-small.png) repeat-x top;border:1px solid #fb3a39;box-shadow:0 3px 0 rgba(0,0,0,0.05);color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;z-index:2}#content .body-juego .input-text{display:block;margin:5px auto !important;width:300px;width:90%;line-height:40px;height:40px;max-width:500px;color:#fb3a39;border:2px solid #fb3a39;font-size:14px;text-align:center;font-weight:bold}#content .body-juego .iniciarTest{display:block;position:relative;padding:20px 50px;margin:20px auto;background:#fb3a39 url(../img/button-small.png) repeat-x top;border:1px solid #fb3a39;box-shadow:0 3px 0 rgba(0,0,0,0.05);color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;z-index:2;font: 150% sans-serif; }#content .body-juego .iniciarTest:hover,#content .body-juego .question-button:hover{cursor:pointer;color:#fff;background-color:#fb3a39}#content .body-juego .iniciarTest:active,#content .body-juego .question-button:active{background-image:none}#content #cargando .loading{display:inline-block;width:120px;height:120px;background-image:url('../img/logo.png');background-position:center center;background-size:100px auto;background-repeat:no-repeat;border:2px solid #9c9899;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;-webkit-animation:rotation360 2s infinite linear;-moz-animation:rotation360 2s infinite linear;-o-animation:rotation360 2s infinite linear;animation:rotation360 2s infinite linear}#content #jugar .conteiner-image{display:inline-block;position:relative;width:100%;height:auto; 0}#content #jugar .conteiner-image #juegoImagen{display:inline-block;width:100% !important;height:auto}#content #jugar .conteiner-image .comparteParaJugar{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.85)}#content #jugar .conteiner-image .comparteParaJugar span{color:#fff;line-height:30px;margin:70px 0;font-weight:bold;font-size:20px;width:100%;display:inline-block;text-align:center}#content #jugar .conteiner-social{display:inline-block;width:100%;height:auto;margin:auto;margin-top:20px;margin-bottom:20px;padding:0 10px}#content #jugar .facebook-share{background:url('../img/shared-icons.png') 0 6px no-repeat #3b5998;display:inline-block;color:#fff;font-weight:bold;height:48px;font-size:14px;line-height:48px;padding:1% 10px 1% 30px;border-radius:0px;text-align:center;width:49%;max-width:100%;margin:0 1% 30px 0}@media (max-width:470px){#content #jugar .facebook-share{margin:3px 0;width:100%;margin:0 0}}#content #jugar .twitter-share{background:url('../img/shared-icons.png') 0 -28px no-repeat #00aced;display:inline-block;color:#fff;font-weight:bold;height:48px;font-size:14px;line-height:48px;padding:0 10px 0 34px;border-radius:0px;text-align:center;width:49%;max-width:100%;margin:0 0 15px 1%}@media (max-width:470px){#content #jugar .twitter-share{margin:3px 0;width:100%;margin:0 0}}#content #jugar #facebookShare,#content #jugar #twitterShare{float:left}#content #jugar .facebook-share:hover,#content #jugar .twitter-share:hover{cursor:pointer}#content #jugar .conteinter-vote{display:inline-block;width:100%;text-align:center}#content #jugar .heartLike{display:inline-block;float:left;font-family:'Luckiest Guy';background:url('../img/likeThis.png') 10px 6px no-repeat;background-size:38px;background-color:#3a5795;color:#fff;height:48px;font-size:18px;line-height:48px;padding:0 20px 0 60px;text-align:center;width:auto;max-width:100%;cursor:pointer}#content #jugar .conteiner-like{display:inline-block;border:2px solid #3a5795;border-radius:3px;margin:10px 0 5px 0;cursor:pointer}#content #jugar .total-likes{display:inline-block;float:left;font-family:'Open Sans';color:#333;line-height:48px;font-size:16px;font-weight:bold;padding:0 20px;cursor:pointer}#content #jugar .connectToLike{display:inline-block;position:fixed;background-color:rgba(0,0,0,0.9);width:100%;height:100%;top:0;left:0;z-index:100000}#content #jugar .connectToLike h3{display:inline-block;width:100%;height:auto;font-family:'Open Sans';line-height:40px;color:#fff;background-color:#3a5795;font-size:18px;font-weight:bold;padding:0 5px;text-align:center}#content #jugar .connectToLike .connectWithFB{display:inline-block;width:320px;max-width:90%;height:46px;line-height:46px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#2f477a;color:#fff;font-weight:bold;margin:15px auto 5px auto;padding-left:40px;font-family:'Open Sans';background-image:url('../img/fb-conectar.png');background-position:10px center;background-repeat:no-repeat;cursor:pointer}#content #jugar .centradoConnect{display:inline-block;width:100%;max-width:300px;background-color:#fff;border:2px solid #3a5795}#content #jugar .connectToLike h4{display:inline-block;font-family:'Open Sans';width:100%;font-size:14px;line-height:30px;color:#333;text-align:center;font-weight:bold}#content #jugar .blured{filter:blur(6px);-ms-filter:blur(6px);-moz-filter:blur(6px);-webkit-filter:blur(6px);}#content .hide{display:none !important}#menu{display:inline-block;float:left;width:35.35353535%;height:auto;min-height:500px;margin:0 1.81818182% 0 .70707071%;padding:13px 11px 13px 9px;border-bottom:4px solid #9c9899;border-left:4px solid #9c9899;border-right:4px solid #9c9899;background-color:#fff}@media (max-width:730px){#menu{width:96.36363636%;margin:0 1.81818182%}}@media (max-width:430px){#menu{width:100%;margin:0 0;border:none}}#menu header h5{display:inline-block;font-family:"DOCK11";width:100%;height:60px;background-image:url('../img/pattern-h5.fw.png');background-position:0 0;background-size:auto 100%;background-repeat:repeat-x;line-height:60px;color:#fff;font-size:35px}@media (max-width:730px){#menu header h5{font-size:50px}}@media (max-width:430px){#menu header h5{font-size:35px}}#menu ul{display:block;width:100%}#menu ul li{display:inline-block;float:left;width:100%}@media (max-width:730px){#menu ul li{padding:0 4px;width:50%}}@media (max-width:430px){#menu ul li{padding:0;width:100%}}#menu .banner{display:block;width:100%;margin:6px 0}#menu .menu-container{display:block;width:100%;overflow-x:hidden}#menu .menu-container .overflow-slider{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;transition:margin .5s;-o-transition:margin .5s;-moz-transition:margin .5s;-webkit-transition:margin .5s}#menu .menu-container .overflow-slider .menu-slide{display:inline-block;float:left}#menu-index{display:inline-block;float:left;width:96.36363636%;height:auto;min-height:500px;margin:0 1.81818182%;padding:13px 11px 13px 9px;border-bottom:4px solid #9c9899;border-left:4px solid #9c9899;border-right:4px solid #9c9899;background-color:#fff}#menu-index header h5{display:inline-block;font-family:"DOCK11";width:100%;height:60px;background-image:url('../img/pattern-h5.fw.png');background-position:0 0;background-size:auto 100%;background-repeat:repeat-x;line-height:60px;color:#fff;font-size:35px;margin-bottom:3px}@media (max-width:730px){#menu-index header h5{font-size:50px}}@media (max-width:430px){#menu-index header h5{font-size:35px}}#menu-index ul{display:block;width:100%}#menu-index ul li{display:inline-block;float:left;width:33.33333334%;padding:0 3px}@media (max-width:730px){#menu-index ul li{padding:0 3px;width:50%}}@media (max-width:430px){#menu-index ul li{padding:0;width:100%}}#menu-index .banner{display:block;width:100%;margin:3px 0}#loadRandomGame{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.94);z-index:10000}#loadRandomGame span{display:inline-block;position:absolute;top:50%;left:0;margin-top:-60px;width:100%;height:120px;line-height:120px;color:#fff;font-size:40px;text-align:center}.advertising-demo{display:inline-block;width:336px;height:280px;color:#555;font-size:30px;background-color:#ccc;line-height:274px;margin:10px 0 15px 0}
/* Hand cursor over navigation elements */
.unoslider_navigation {
  cursor: pointer;
}

/* Tooltip panel */
.unoslider_caption {
  position: absolute;
  bottom: 10px;
  left: 0;
  font-family: "Helvetica neue", Helvetica, Verdana, sans-serif;
  text-shadow: black 0 1px 0;
  padding: 10px 0px;
  width: 100%;
  background-color: #373737;
  border-top: 1px solid #545454;
  border-bottom: 1px solid #545454;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  color: white;
  text-align: center;
  font-size: 13px;
}

/* play, pause, previous and next elements */
.unoslider_pause, .unoslider_play, .unoslider_left, .unoslider_right {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  position: absolute;
  display: block;
  background: url("ribbon.png") no-repeat;
}

/* play and pause elements */
.unoslider_pause, .unoslider_play {
  height: 31px;
  width: 28px;
  margin-top: -15.5px;
  margin-left: -14px;
  top: 50%;
  left: 50%;
}

/* previous and next elements */
.unoslider_left, .unoslider_right {
  width: 33px;
  height: 64px;
  margin-top: -32px;
  top: 50%;
}

/* previous */
.unoslider_left {
  background-position: 0px 0px;
  left: -6px;
}

/* next */
.unoslider_right {
  background-position: 0px -72px;
  right: -6px;
}

/* pause */
.unoslider_pause {
  background-position: 0px -195px;
}

/* play */
.unoslider_play {
  background-position: 0px -150px;
}

/* bullet indicator */
.unoslider_indicator {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  text-align: center;
  _text-align: right;
  *text-align: right;
}
.unoslider_indicator a {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  cursor: pointer;
  margin: 3px;
  width: 11px;
  height: 11px;
  background-color: black;
  background: url("ribbon.png") no-repeat;
  background-position: 0 -238px;
}
.unoslider_indicator a {
  *display: inline;
}
.unoslider_indicator a.unoslider_indicator_active {
  background-position: 0px -255px;
  -moz-border-radius: 90px;
  -webkit-border-radius: 90px;
  -o-border-radius: 90px;
  -ms-border-radius: 90px;
  -khtml-border-radius: 90px;
  border-radius: 90px;
  -moz-box-shadow: 0px 0px 5px #fb0000;
  -webkit-box-shadow: 0px 0px 5px #fb0000;
  -o-box-shadow: 0px 0px 5px #fb0000;
  box-shadow: 0px 0px 5px #fb0000;
}

/* Unoslider container */
.unoslider {
  list-style: none;
  position: relative;
  width: 960px;
  height: 350px;
  margin: 0 auto;
  padding: 0;
}

.unoslider img{
  max-width: 100%;
}

.unoslider li {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
}

/* Timebar */
.unoslider_timer {
  background-color: white;
  width: 0%;
  height: 3px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.5;
  -moz-box-shadow: 0px 2px 2px black;
  -webkit-box-shadow: 0px 2px 2px black;
  -o-box-shadow: 0px 2px 2px black;
  box-shadow: 0px 2px 2px black;
}

/* Progress bar preloader container */
.unoslider_preloader {
  background: rgba(255, 255, 255, 0.5);
}

/* progress bar preloader */
.unoslider_preloader .unoslider_progress {
  width: 30%;
  height: 5px;
  margin: 0 auto;
  border-top: 1px solid #7c7c7c;
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #949494;
  border-right: 1px solid #949494;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9a9a9a), color-stop(100%, #b3b3b3));
  background: -webkit-linear-gradient(#9a9a9a, #b3b3b3);
  background: -moz-linear-gradient(#9a9a9a, #b3b3b3);
  background: -o-linear-gradient(#9a9a9a, #b3b3b3);
  background: -ms-linear-gradient(#9a9a9a, #b3b3b3);
  background: linear-gradient(#9a9a9a, #b3b3b3);
}

/* progress bar fill */
.unoslider_preloader .unoslider_progress span {
  display: block;
  height: 100%;
  background: #66cccc;
}

/* Spinner preloader */
.unoslider_spinner {
  background: url('/images/spinner.gif') white center center no-repeat;
}


#rotador {
height: 52px;
width: 968px;
background-color: #00F;
}

.unoslider_layers{
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

	.slide1{
				background: #333;
				color: #ccc;
				height: 100%;
				width: 100%;
			}
			
			.slide2{
				background: #ccc;
				color: #333;
				height: 100%;
				width: 100%;
			}

			.slide2 p{
				margin: 0;
			}
/* botones extra grandes */
.super.button, .super.button:visited {
font-size: 34px;
padding: 8px 14px 9px;
}
.pink.button { background-color: #E22092; }
.pink.button:hover{ background-color: #C81E82; }

.green.button, .green.button:visited { background-color: #91BD09; }
.green.button:hover{ background-color: #749A02; }

.red.button, .red.button:visited { background-color: #E62727; }
.red.button:hover{ background-color: #CF2525; }

.orange.button, .orange.button:visited { background-color: #FF5C00; }
.orange.button:hover{ background-color: #D45500; }

.blue.button, .blue.button:visited { background-color: #2981E4; }
.blue.button:hover{ background-color: #2575CF; }

.yellow.button, .yellow.button:visited { background-color: #FFB515; }
.yellow.button:hover{ background-color: #FC9200; }
#PopFace {

position : absolute;

display : block;

top : 0;

left : 0;

width : 100%;

height : 100%;

position : fixed;

background-color : rgba(0, 0, 0, 0.3);

margin : 0;

overflow : hidden;

z-index : 999999;

}

#PopBook {

background-color : #ecf0f1;

overflow : hidden;

z-index : 999999;

}

.PopBook {

width : 370px;

height : 250px;

position : fixed;

top : 45%;

left : 50%;

margin-top : -200px;

margin-left : -200px;

border : #3b5998 solid 10px;

padding : 20px;

z-index : 999999;

border-radius : 4px;

}

#PopTitle {

background : #3b5998;

color : #fff;

font-size : 18px !important ;

font-weight : 675;

width : 390px;

margin : 0 -27px 10px -27px;

padding : 10px;

line-height : 25px;

text-align : center;

float : left;

}

.anarchyta {

width : 330px;

height : 200px;

position : relative;

background : #3b5998;

padding : 0 10px 15px 0;

margin-top : 60px;

border-radius : 4px;

overflow : hidden;

}

.anarchyta, .anarchyta:before, .anarchyta:after {

background : transparent;

border : #3b5998 solid 1px;

}

.anarchyta:before, .anarchyta:after {

position : absolute;

content : "";

bottom : -3px;

left : 10px;

right : 10px;

height : 1px;

border-top : none;

}

.anarchyta:after {

left : 10px;

right : 10px;

bottom : -5px;

box-shadow : 0 0 2px #3b5998;

}

.close {

background : #3b5998;

padding : 5px 5px 10px 5px;

font-size : 14px;

font-weight:bold;

color : #ecf0f1;

text-decoration : none;

border-radius : 4px 4px 0 0;

cursor:pointer;

}
#typed_gender {
    display: block;
    margin: 5px auto !important;
    width: 90%;
    line-height: 40px;
    height: 40px;
    max-width: 500px;
    color: #D63E3D;
    border: 2px solid #D63E3D;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}