/*
	FTD - MAIS E MAS
	------------------
	@author: Tequilla!
*/

body { -webkit-touch-callout: none; -webkit-user-select:none; line-height: normal; }
button { outline: none; border: 0; }

.bg-cream { background: #f1ede4; }
.bg-pink { background: #402a36; }
.bg-orange { background: #d07340; }
.bg-grey { background: #262b2a; }
.bg-green { background: #33af94; }
.bg-green-light { background: #a7e8c0; }
.bg-red { background: #e63e4a; }
.bg-ops { background : #eb8e40; }

.font-cream { color: #f1ede4; }
.font-pink { color: #402a36; }
.font-orange { color: #d07340; }
.font-grey { color: #262b2a; }
.font-green { color: #33af94; }
.font-green-light { color: #a7e8c0; }
.font-red { color: #e63e4a; }
.italic { font-style: italic;}

.text-shadow { text-shadow: 0 7px 0 rgba( 0, 0, 0, .08 ); }

.button { padding: 15px 25px; font-family: 'museo900'; font-size: 46px; letter-spacing: -1px; text-align: left; text-transform: uppercase; }

#main * { -webkit-touch-callout: none; -webkit-user-select:none; }
#main { position: relative; font-family: Helvetica, Arial, sans-serif; font-size: 14px; width: 1024px; height: 768px; background: #ede9de; }

#main .intro { display: block; width: 1024px; height: 768px; overflow: hidden; z-index: 1; }
#main .intro-header { padding-top: 55px; }
#main .intro-header-logo { position: relative; margin: 0 auto; width: 325px; height: 210px; background: url( '../img/intro_header_lines.gif' ) repeat-x; }
#main .intro-header-logo-tape { position: absolute; width: 325px; height: 45px; background: url( '../img/intro_header_tape.png' ) no-repeat 60px 0; z-index: 2; }
#main .intro-header-logo-mais { position: absolute; top: 26px; left: 19px; z-index: 1; }
#main .intro-header-logo-mais span { font-family: 'museo900'; font-size: 113px; letter-spacing: -9px; }
#main .intro-header-logo-e { position: absolute; top: 132px; left: 26px; }
#main .intro-header-logo-e span { font-family: Georgia; font-size: 61px; font-style: italic; }
#main .intro-header-logo-mas { position: absolute; top: 111px; left: 60px; z-index: 0; }
#main .intro-header-logo-mas span { font-family: 'museo900'; font-size: 113px; letter-spacing: -9px; }
#main .intro-text { padding: 45px 115px; }
#main .intro-text-line { font-family: Georgia; font-size: 42px; line-height: 56px; font-weight: bold; font-style: italic; text-align: center; overflow: hidden; }
#main .intro-start { text-align: center; }

#main .questions { display: none; position: absolute; width: 1024px; height: 768px; overflow: hidden; z-index: 0; }
#main .questions .question { padding-top: 100px; }
#main .questions .question-image { float: left; width: 385px; }
#main .questions .question-content { float: left; width: 600px; }
#main .questions .question-number { float: left; width: 65px; font-family: 'museo900'; font-size: 48px; }
#main .questions .question-text { margin: -3px 0 25px 65px; font-family: Georgia; font-size: 50px; line-height: 60px; font-style: italic; }
#main .questions .question-source { margin: 0 0 60px 65px; font-family: Georgia; font-size: 23px;}
#main .questions .question-answers { margin: 0 0 40px 65px; }
#main .questions .question-answers .button { float: left; margin-right: 7px; }
#main .questions .question-indicators { margin-left: 65px; }
#main .questions .question-indicators .indicator { float: left; margin-right: 7px; width: 26px; height: 26px; border-radius: 50%; }
#main .questions .question-indicators .selected { display: block; margin: 6px; width: 14px; height: 14px; text-indent: -9999px; border-radius: 50%; }

#main .answers { display: none; position: absolute; top: 0; width: 1024px; height: 768px; overflow: hidden; z-index: 3; }
#main .answers-content { margin: 140px 0 0 95px; }
#main .answers-title { margin-bottom: 20px; font-family: 'museo900'; font-size: 97px; letter-spacing: -5px; text-transform: uppercase; }
#main .answers-right { position: absolute; width: 1024px; height: 768px; background-image: url( '../img/answers_right_background.png' ); }
#main .answers-right-text { float: left; margin: 0 0 45px -25px; padding: 50px 100px 55px 30px; font-family: Georgia; font-size: 65px; line-height: 68px; font-style: italic; }
#main .answers-wrong { position: absolute; width: 1024px; height: 768px; }
#main .answers-wrong-text { margin-bottom: 50px; font-family: Georgia; font-size: 42px; line-height: 55px; font-style: italic; }

#main .finish { display: none; position: absolute; top: 0; width: 1024px; height: 768px; overflow: hidden; z-index: 2; }
#main .finish-content { margin: 140px 0 0 115px; }
#main .finish-title { font-family: 'museo900'; font-size: 113px; letter-spacing: -3px; text-transform: uppercase; }
#main .finish-text { padding: 40px 0 70px 0; font-family: Georgia; font-size: 60px; line-height: 52px; font-weight: bold; font-style: italic; }
#main .finish button { float: left; margin-right: 20px; }