/* line 5, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: 'catab';
  src: url("../assets/font/catamaran-black-webfont.eot");
  src: url("../assets/font/catamaran-black-webfont.eot?#iefix") format("embedded-opentype"), url("../assets/font/catamaran-black-webfont.woff2") format("woff2"), url("../assets/font/catamaran-black-webfont.woff") format("woff"), url("../assets/font/catamaran-black-webfont.ttf") format("truetype"), url("../assets/font/catamaran-black-webfont.svg#catamaranblack") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'cata';
  src: url("../assets/font/catamaran-regular-webfont.eot");
  src: url("../assets/font/catamaran-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../assets/font/catamaran-regular-webfont.woff2") format("woff2"), url("../assets/font/catamaran-regular-webfont.woff") format("woff"), url("../assets/font/catamaran-regular-webfont.ttf") format("truetype"), url("../assets/font/catamaran-regular-webfont.svg#catamaranregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 1, ../sass/_reset.scss */
i {
  font-style: italic;
}

/* line 6, ../sass/_reset.scss */
b {
  font-weight: bold;
}

/* line 11, ../sass/_reset.scss */
sup {
  font-size: 20%;
  position: relative;
  top: -6px;
}

/* line 18, ../sass/_reset.scss */
sub {
  font-size: 20%;
  position: relative;
  top: 4px;
}

/* line 25, ../sass/_reset.scss */
a {
  cursor: pointer;
  outline: none;
}
/* line 30, ../sass/_reset.scss */
a * {
  cursor: pointer;
}

/* line 38, ../sass/_reset.scss */
input, textarea {
  cursor: text;
  resize: none;
  outline: none;
}

/* line 1, ../sass/_helpers.scss */
* {
  cursor: default;
  outline: none;
}

/* line 6, ../sass/_helpers.scss */
i {
  font-style: italic;
}

/* line 10, ../sass/_helpers.scss */
b {
  font-weight: bold;
}

/* line 14, ../sass/_helpers.scss */
sup {
  font-size: 10px;
  position: relative;
  top: -6px;
}

/* line 20, ../sass/_helpers.scss */
sub {
  font-size: 10px;
  position: relative;
  top: 4px;
}

/* line 29, ../sass/_helpers.scss */
.dn {
  display: none !important;
}

/* line 30, ../sass/_helpers.scss */
.db {
  display: block !important;
}

/* line 31, ../sass/_helpers.scss */
.di {
  display: inline-block !important;
}

/* line 32, ../sass/_helpers.scss */
.dt {
  display: table;
}

/* line 33, ../sass/_helpers.scss */
.dc {
  display: table-cell;
}

/* line 35, ../sass/_helpers.scss */
.pa {
  position: absolute;
}

/* line 36, ../sass/_helpers.scss */
.pr {
  position: relative;
}

/* line 37, ../sass/_helpers.scss */
.pf {
  position: fixed;
}

/* line 39, ../sass/_helpers.scss */
.fl {
  float: left;
}

/* line 40, ../sass/_helpers.scss */
.fr {
  float: right;
}

/* line 41, ../sass/_helpers.scss */
.cb {
  clear: both;
}

/* line 43, ../sass/_helpers.scss */
.tl {
  text-align: left;
}

/* line 44, ../sass/_helpers.scss */
.tr {
  text-align: right;
}

/* line 45, ../sass/_helpers.scss */
.tc {
  text-align: center;
}

/* line 47, ../sass/_helpers.scss */
.oh {
  overflow: hidden;
}

/* line 48, ../sass/_helpers.scss */
.oa {
  overflow: auto;
}

/* line 53, ../sass/_helpers.scss */
.wrapper, .area {
  width: 1024px;
  height: 768px;
  top: 0px;
  left: 0px;
  position: absolute;
  overflow: hidden;
}

/* line 64, ../sass/_helpers.scss */
.area {
  display: none;
  opacity: 0;
}

/* line 11, ../sass/screen.scss */
.wrapper {
  position: absolute;
  display: block;
  width: 1024px;
  height: 768px;
  left: 0px;
  top: 0px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
/* line 14, ../sass/screen.scss */
.wrapper button {
  cursor: pointer;
  border: none;
  outline: none;
}
/* line 20, ../sass/screen.scss */
.wrapper button * {
  cursor: pointer;
}
/* line 39, ../sass/screen.scss */
.wrapper .screenStart .bg {
  width: 1024px;
  height: 768px;
  left: 0px;
  top: 0px;
  background-image: url("../assets/img/intro.png");
}
/* line 48, ../sass/screen.scss */
.wrapper .screenStart .startButton {
  left: 203px;
  top: 414px;
  width: 323px;
  height: 80px;
}
/* line 59, ../sass/screen.scss */
.wrapper .screenGame .bg {
  width: 1024px;
  height: 768px;
  left: 0px;
  top: 0px;
  background-image: url("../assets/img/transcricaoBG.png");
}
/* line 68, ../sass/screen.scss */
.wrapper .screenGame .wrongLetter {
  width: 1024px;
  height: 768px;
  left: 0px;
  top: 0px;
  background-image: url("../assets/img/Layout_trans_errado.png");
}
/* line 77, ../sass/screen.scss */
.wrapper .screenGame .finishLetter {
  width: 1024px;
  height: 768px;
  left: 0px;
  top: 0px;
  background-image: url("../assets/img/Layout_trans_certo.png");
  opacity: 0;
}
/* line 87, ../sass/screen.scss */
.wrapper .screenGame .inGameNext {
  width: 323px;
  height: 80px;
  left: 700px;
  top: 520px;
  background-image: url("../assets/img/avancar.png");
  opacity: 0;
}
/* line 97, ../sass/screen.scss */
.wrapper .screenGame .letter0 {
  left: 120px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 106, ../sass/screen.scss */
.wrapper .screenGame .letter1 {
  left: 152.5px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/u.png");
}
/* line 115, ../sass/screen.scss */
.wrapper .screenGame .letter2 {
  left: 185px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/g.png");
}
/* line 124, ../sass/screen.scss */
.wrapper .screenGame .letter3 {
  left: 217.5px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/c.png");
}
/* line 133, ../sass/screen.scss */
.wrapper .screenGame .letter4 {
  left: 250px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 142, ../sass/screen.scss */
.wrapper .screenGame .letter5 {
  left: 282.5px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 151, ../sass/screen.scss */
.wrapper .screenGame .letter6 {
  left: 315px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 160, ../sass/screen.scss */
.wrapper .screenGame .letter7 {
  left: 347.5px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 169, ../sass/screen.scss */
.wrapper .screenGame .letter8 {
  left: 380px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 178, ../sass/screen.scss */
.wrapper .screenGame .letter9 {
  left: 412.5px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 187, ../sass/screen.scss */
.wrapper .screenGame .letter10 {
  left: 445px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 196, ../sass/screen.scss */
.wrapper .screenGame .letter11 {
  left: 477.5px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 205, ../sass/screen.scss */
.wrapper .screenGame .letter12 {
  left: 510px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 214, ../sass/screen.scss */
.wrapper .screenGame .letter13 {
  left: 542.5px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 223, ../sass/screen.scss */
.wrapper .screenGame .letter14 {
  left: 575px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 232, ../sass/screen.scss */
.wrapper .screenGame .letter15 {
  left: 607.5px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 241, ../sass/screen.scss */
.wrapper .screenGame .letter16 {
  left: 640px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 250, ../sass/screen.scss */
.wrapper .screenGame .letter17 {
  left: 672.5px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 259, ../sass/screen.scss */
.wrapper .screenGame .letter18 {
  left: 705px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 268, ../sass/screen.scss */
.wrapper .screenGame .letter19 {
  left: 737.5px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 277, ../sass/screen.scss */
.wrapper .screenGame .letter20 {
  left: 770px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 286, ../sass/screen.scss */
.wrapper .screenGame .letter21 {
  left: 802.5px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 295, ../sass/screen.scss */
.wrapper .screenGame .letter22 {
  left: 835px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 304, ../sass/screen.scss */
.wrapper .screenGame .letter23 {
  left: 867.5px;
  top: 370px;
  width: 28px;
  height: 28px;
  background-image: url("../assets/img/a.png");
}
/* line 313, ../sass/screen.scss */
.wrapper .screenGame .aButton {
  left: 886px;
  top: 251px;
  width: 49px;
  height: 46px;
}
/* line 322, ../sass/screen.scss */
.wrapper .screenGame .cButton {
  left: 869px;
  top: 158px;
  width: 39px;
  height: 39px;
}
/* line 331, ../sass/screen.scss */
.wrapper .screenGame .gButton {
  left: 917px;
  top: 198px;
  width: 49px;
  height: 48px;
}
/* line 340, ../sass/screen.scss */
.wrapper .screenGame .tButton {
  left: 816px;
  top: 204px;
  width: 50px;
  height: 49px;
}
/* line 349, ../sass/screen.scss */
.wrapper .screenGame .uButton {
  left: 872px;
  top: 209px;
  width: 43px;
  height: 41px;
}
/* line 359, ../sass/screen.scss */
.wrapper .screenInfo {
  background: url(../assets/img/backGround2.jpg) no-repeat;
  /*
  	.bg
  	{
  		width: $width;
  		height: $height;
  		left: 0px;
  		top: 0px;
  		background-image: url("../assets/img/backGround2.jpg");
  		background-blend-mode: multiply;
  		opacity: 0.5;
  	}
  	*/
}
/* line 363, ../sass/screen.scss */
.wrapper .screenInfo .animacao {
  position: absolute;
  top: 80px;
}
/* line 369, ../sass/screen.scss */
.wrapper .screenInfo .letras1 {
  background: url(../assets/img/letras1.png) no-repeat;
  width: 306px;
  height: 58px;
  top: 340px;
  left: 85px;
  z-index: 1;
}
/* line 379, ../sass/screen.scss */
.wrapper .screenInfo .letras2 {
  background: url(../assets/img/letras2.png) no-repeat;
  width: 289px;
  height: 57px;
  top: 343px;
  left: 370px;
}
/* line 388, ../sass/screen.scss */
.wrapper .screenInfo .letras3 {
  background: url(../assets/img/letras3.png) no-repeat;
  width: 306px;
  height: 58px;
  top: 340px;
  left: 620px;
}
/* line 397, ../sass/screen.scss */
.wrapper .screenInfo .prerna {
  background: url(../assets/img/prerna.png) no-repeat;
  width: 189px;
  height: 103px;
  top: 390px;
  left: 750px;
}
/* line 406, ../sass/screen.scss */
.wrapper .screenInfo .bone {
  background: url(../assets/img/bone.png) no-repeat;
  width: 256px;
  height: 211px;
  top: 130px;
  left: 390px;
}
/* line 415, ../sass/screen.scss */
.wrapper .screenInfo .intron {
  background: url(../assets/img/nitron.png) no-repeat;
  width: 125px;
  height: 111px;
  top: 295px;
  left: 450px;
}
/* line 424, ../sass/screen.scss */
.wrapper .screenInfo .exon {
  background: url(../assets/img/exon.png) no-repeat;
  width: 591px;
  height: 140px;
  top: 290px;
  left: 200px;
}
/* line 433, ../sass/screen.scss */
.wrapper .screenInfo .rna {
  background: url(../assets/img/rna.png) no-repeat;
  width: 115px;
  height: 139px;
  left: 680px;
  top: 405px;
}
/* line 455, ../sass/screen.scss */
.wrapper .screenInfo .infoBox {
  left: 60px;
  top: 100px;
  width: 650px;
  height: 70px;
  text-align: justify;
  font-size: 24px;
}
/* line 466, ../sass/screen.scss */
.wrapper .screenInfo .infoAnimButton {
  width: 323px;
  height: 80px;
  left: 700px;
  top: 590px;
  background-image: url("../assets/img/avancar.png");
}
/* line 476, ../sass/screen.scss */
.wrapper .screenInfo .infoVideo {
  left: 0px;
  top: 0px;
}
/* line 487, ../sass/screen.scss */
.wrapper .screenGame2 .bg {
  width: 1024px;
  height: 768px;
  left: 0px;
  top: 0px;
  background-image: url("../assets/img/1trad.png");
}
/* line 496, ../sass/screen.scss */
.wrapper .screenGame2 .tempBG {
  width: 1024px;
  height: 768px;
  left: 0px;
  top: 0px;
  background-image: url("../assets/img/1trad.png");
  opacity: 0;
}
/* line 506, ../sass/screen.scss */
.wrapper .screenGame2 .wrongEnd {
  width: 1024px;
  height: 768px;
  left: 0px;
  top: 0px;
  background-image: url("../assets/img/FBnegpart2.png");
  opacity: 0;
}
/* line 516, ../sass/screen.scss */
.wrapper .screenGame2 .rightEnd {
  width: 1024px;
  height: 768px;
  left: 0px;
  top: 0px;
  background-image: url("../assets/img/FBpospart2.png");
  opacity: 0;
}
/* line 526, ../sass/screen.scss */
.wrapper .screenGame2 .final {
  width: 1024px;
  height: 768px;
  left: 0px;
  top: 0px;
  background-image: url("../assets/img/fbfinal.png");
  opacity: 0;
}
/* line 536, ../sass/screen.scss */
.wrapper .screenGame2 .proteinButton0 {
  left: 317px;
  top: 510px;
  width: 98px;
  height: 63px;
}
/* line 544, ../sass/screen.scss */
.wrapper .screenGame2 .proteinButton1 {
  left: 415px;
  top: 510px;
  width: 98px;
  height: 63px;
}
/* line 552, ../sass/screen.scss */
.wrapper .screenGame2 .proteinButton2 {
  left: 513px;
  top: 510px;
  width: 98px;
  height: 63px;
}
/* line 560, ../sass/screen.scss */
.wrapper .screenGame2 .proteinButton3 {
  left: 611px;
  top: 510px;
  width: 98px;
  height: 63px;
}
/* line 568, ../sass/screen.scss */
.wrapper .screenGame2 .proteinButton4 {
  left: 317px;
  top: 573px;
  width: 98px;
  height: 63px;
}
/* line 576, ../sass/screen.scss */
.wrapper .screenGame2 .proteinButton5 {
  left: 415px;
  top: 573px;
  width: 98px;
  height: 63px;
}
/* line 584, ../sass/screen.scss */
.wrapper .screenGame2 .proteinButton6 {
  left: 513px;
  top: 573px;
  width: 98px;
  height: 63px;
}
/* line 592, ../sass/screen.scss */
.wrapper .screenGame2 .proteinButton7 {
  left: 611px;
  top: 573px;
  width: 98px;
  height: 63px;
}
/* line 600, ../sass/screen.scss */
.wrapper .screenGame2 .proteinButton8 {
  left: 317px;
  top: 636px;
  width: 98px;
  height: 63px;
}
/* line 608, ../sass/screen.scss */
.wrapper .screenGame2 .proteinButton9 {
  left: 415px;
  top: 636px;
  width: 98px;
  height: 63px;
}
/* line 616, ../sass/screen.scss */
.wrapper .screenGame2 .proteinButton10 {
  left: 513px;
  top: 636px;
  width: 98px;
  height: 63px;
}
/* line 624, ../sass/screen.scss */
.wrapper .screenGame2 .proteinButton11 {
  left: 611px;
  top: 636px;
  width: 98px;
  height: 63px;
}
/* line 632, ../sass/screen.scss */
.wrapper .screenGame2 .proteinButton12 {
  left: 317px;
  top: 699px;
  width: 98px;
  height: 63px;
}
/* line 640, ../sass/screen.scss */
.wrapper .screenGame2 .proteinButton13 {
  left: 415px;
  top: 699px;
  width: 98px;
  height: 63px;
}
/* line 648, ../sass/screen.scss */
.wrapper .screenGame2 .proteinButton14 {
  left: 513px;
  top: 699px;
  width: 98px;
  height: 63px;
}
/* line 656, ../sass/screen.scss */
.wrapper .screenGame2 .proteinButton15 {
  left: 611px;
  top: 699px;
  width: 98px;
  height: 63px;
}