body {
	background:#000;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	width:100%;
	line-height:normal;
	background-image:url(/images/background-sp-rj.jpg);
	background-repeat:no-repeat;
	background-position:center 0px;
}

.orange {
    color: #E88E24;
}

#container 
{
	width:1028px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*	border: 1px solid #fff;*/
	text-align:left; /* this overrides the text-align: center on the body element. */	
}

#inner_container {

	width:960px;  
	background: #FAFAFA;
	float:left;
	text-align:left; /* this overrides the text-align: center on the body element. */
}

#media_container{
	width:960px;
	height: auto; /*82px*/
}

#button_space{
	width:70px;
	height:58px;
	padding: 0px 0px 0px 70px;
	margin: 0px;
	float:left;
	text-align:left; /* this overrides the text-align: center on the body element. */	
	font-size:18px;
	color:#FFFFFF; /*white*/	
	
}


#header {
	background-image: url(../images/header-br.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	width:960px;
	height:208px;
}
#headerHyperlink {
	display:block; 
	width: 280px; 
	height:190px;
}

#MainTitle {
	font-family: "Noto Sans", Helvetica, Arial, Verdana;
	font-size:43px;
	font-weight:bold;
	letter-spacing:-3.5px;
	padding-bottom: 70px;
	padding: 75px 0px 50px 0px;
	color: #333333;
	text-shadow: 0px 0px 1px #AAA;
}

#MainBanner {
	width: 100%;
	margin-top: 50px;
}

#mainbanner_container {
	background-image: url(/images/pt-alegria-banner-840x294.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	text-align: center;
	width: 840px;
	height: 294px;
	margin: 50px 0px 0px 0px;
}

#reputacao_container {
	font-size: 14px;
}

#reputacao_container, #sprj_macrocontainer {
	text-align: justify;
	font-family: "Noto Sans", Helvetica, Arial, Verdana;
}

#reputacao_container h2 {
	padding: 10px 0px 10px 0px;
	font-family: "Noto Sans", Helvetica, Arial;
	color: #222;
	letter-spacing: -2px;
	font-size: 35px;
	text-shadow: 0px 0px 1px #000;
	font-weight: normal;
}

#sprj_macrocontainer h2 {
	font-family: "Noto Sans", Helvetica, Arial, Verdana;
	font-weight: normal;
	letter-spacing: -2px;
	font-size: 35px;
}

h1 {
	padding: 5px 0px 5px 0px;
	font-family: "Patua One","Calibri", sans-serif, Helvetica, Arial, Verdana;
	color:#D4145A;
	font-size:3em;
	font-weight:bold;
	letter-spacing:0em;
}



h2 {
	padding: 5px 0px 5px 0px;
	font-family:"Calibri", sans-serif, Helvetica, Arial, Verdana;
	color:#444;
	font-size:2em;
	letter-spacing:-1px;
	text-shadow: 0px 0px 1px #AAA;
	font-weight:bold;
}

#welcome_screen {
	text-align:left;	
}

#teste_logo {
	height:400px;
	width:400px;
	margin: 80px 0px 0px 130px;
	float:left;
}

#button_area {
	margin: 300px 0px 0px 0px;
	text-align:left;
	float:left;
}

#button_enter {
	margin: 0px 40px 0px 0px;
	padding: 0px;
	height: 60px;
	width: 250px;
	background-color:#D4145A; /*pink*/
	border-right-color:#B20038;
	border-bottom-color:#B20038;
	border-left-color:#E5256B;
	border-top-color:#E5256B;
	display:block;
}


#button_enter:hover {
	background-color:#E5256B; /*pink*/
	border-right-color:#C30349;
	border-bottom-color:#C30349;
	border-left-color:#F6367C;
	border-top-color:#F6367C;
}


#instructions {
	width: 866px;/* =960-74-20 */
	padding: 20px 20px 10px 74px;	
}

.instructions {
	font-size:18px;
	font-weight:bold;
	color:#D46A8F;/*lightpink*/
	line-height: 35px;	
}

#user_data {
	text-align:right;
	margin: 15px 120px 0px 0px; /*40px 120px 0px 0px with no reCAPTCHA*/	
}

input {
	width: 400px;
	height: 50px;
	padding: 0px 5px;
	margin: 5px 5px;
	font-size:20px;
}

label {
	font-size:36px;
	font-weight:bold;
	color:#E88E24; /*orange*/	
}


#g-recaptcha_test {
	padding: 5px 0px 0px 436px;
}


#button_start {
	margin: 9px 7px 0px 0px; /*30px 40px 0px 0px with no reCAPTCHA*/
	padding: 0px;
	height: 60px;
	width: 303px; /*350px with no reCAPTCHA*/
	background-color:#D4145A; /*pink*/
	border-right-color:#B20038;
	border-bottom-color:#B20038;
	border-left-color:#E5256B;
	border-top-color:#E5256B;
}

#button_start:hover {
	background-color:#E5256B; /*pink*/
	border-right-color:#C30349;
	border-bottom-color:#C30349;
	border-left-color:#F6367C;
	border-top-color:#F6367C;
}

.centered
{
	text-align:center;	
}

#quiz-canvas {
	background-image: url(../images/quiz-background.jpg);
	width:960px;
	height:600px;
	font-family:"Calibri", sans-serif, Helvetica, Arial, Verdana;
	letter-spacing:-0.7px;
	text-shadow: 3px 3px 7px #000;
}

#infos {
	padding: 20px 20px 0px 0px;
	text-align:right;
	color:#D46A8F;/*lightpink*/
	line-height:20px;

}

#welcome_logo_a2, #logo_a2 {
	display: none;
}

#timer {
	font-size:35px;
}

#point {
	font-size:35px;
}

#progress {
	font-size:20px;
}

#question {
	padding: 0px 20px 5px 70px;
	font-family: "Patua One","Calibri", sans-serif, Helvetica, Arial, Verdana;
	color:#D4145A; /*pink*/
	font-size:36px;
	font-weight:bold;
}

#description {
	padding: 5px 20px 35px 74px;
	font-size:32px;
	font-weight:bold;
	color:#E88E24; /*orange*/	
}

.answer {
/*	height: 80px;*/
	width: 866px;/* =960-74-20 */
	padding: 0px 20px 10px 74px;
	font-size:32px;
	font-weight:bold;
	color:#D46A8F;/*lightpink*/
	line-height: 25px;
}

.answer_button {
	padding: 10px;
	height: 60px;
	width: 60px;
	font-size:30px;	
	color:#000;
	border-style:solid;
	border-width:3px;
	line-height:15px;
	font-size:36px;
	font-weight:900;
	font-family: "Patua One","Calibri", sans-serif, Helvetica, Arial, Verdana;
}

.answer_button:active {
	position:relative;
	top:1px;
	left:1px;
}

.answer_a{
	background-color:#E88E24; /*orange*/
	border-right-color:#C66C02;
	border-bottom-color:#C66C02;
	border-left-color:#F99F35;
	border-top-color:#F99F35;
}

.answer_a:hover{
	background-color:#F99F35; /*orange*/
	border-right-color:#D77D13;
	border-bottom-color:#D77D13;
	border-left-color:#FAAF46;
	border-top-color:#FAAF46;
}

.answer_b{
	background-color:#DC5E49; /*coral*/
	border-right-color:#BA3C27;
	border-bottom-color:#BA3C27;
	border-left-color:#ED6F5A;
	border-top-color:#ED6F5A;
}

.answer_b:hover{
	background-color:#ED6F5A; /*coral*/
	border-right-color:#CB4D38;
	border-bottom-color:#CB4D38;
	border-left-color:#FE7F6B;
	border-top-color:#FE7F6B;
}

.answer_c{
	background-color:#D4145A; /*pink*/
	border-right-color:#B20038;
	border-bottom-color:#B20038;
	border-left-color:#E5256B;
	border-top-color:#E5256B;
}

.answer_c:hover{
	background-color:#E5256B; /*pink*/
	border-right-color:#C30349;
	border-bottom-color:#C30349;
	border-left-color:#F6367C;
	border-top-color:#F6367C;
}

.answer_d{
	background-color:#845A50; /*brown*/
	border-right-color:#62382E;
	border-bottom-color:#62382E;
	border-left-color:#956B61;
	border-top-color:#956B61;
}

.answer_d:hover{
	background-color:#956B61; /*brown*/
	border-right-color:#73493F;
	border-bottom-color:#73493F;
	border-left-color:#A67C72;
	border-top-color:#A67C72;
}


#conclusion {
	padding-top:75px;	
}

#mainContent {
	padding: 40px 60px 70px 60px;
	font-family: "Calibri", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 1em;
	text-align:justify;
	line-height: 160%; /* line spacement */
	color:#222;
	text-shadow: 0px 0px 1px #fff;
	height: 1250px;
}


ul {
	list-style:disc;
}
li {
	padding: 0px 0px 0px 1px;
	margin-left:40px;
}
p {
	padding: 0px 0px 15px 0px;
}

.lightgray {
	color:#999;
}

#footerhero_img {
	margin-left: -200px;
}

a
{
	font-family: "Noto Sans", Helvetica, Arial, Verdana;	
}

a:link { 
	color: #D4145A;
	text-decoration:none;
	}
a:visited { 
	color: #D4145A;
	text-decoration:none;
	}
a:hover { 
	color:#555;
	text-decoration:underline;
	}
a:active { 
	color: #D4145A;
	text-decoration:none;
}


/**/

#container {
	width: 1028px;
	margin: 0 auto;
	/* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	/* this overrides the text-align: center on the body element. */
}

#inner_container {

	width: 960px;

	background: #fafafa;
	float: left;
	text-align: left;
	/* this overrides the text-align: center on the body element. */
}

#header {
	/* line with command in ...mob.css*/
	background-repeat: no-repeat;
	background-position: center 0px;
	background-image: url(/images/header-br.png);
	/* line with command in ...mob.css*/
	width: 960px;
	height: 208px;
}


h1 {
	padding: 15px 0px 20px 0px; /*50px top para quando sem o iframed do RECAPTCHA*/
	font-family: "Patua One", Helvetica, Arial;
	color: #D4145A;
	font-size: 50px;
	font-weight: bold;
	letter-spacing: -1px;
	text-shadow: 0px 1px 2px #903;
}


h2 {
	padding: 10px 0px 10px 0px;
	font-family: "Noto Sans", Helvetica, Arial;
	color: #222;
	letter-spacing: -2px;
	font-size: 35px;
	text-shadow: 0px 0px 1px #000;
	font-weight: normal;
	/*line with command in ...mob.css*/
}

.centered {
	text-align: center;
}


#mainContent {
	padding: 0px 60px 30px 60px;
	font-family: "Noto Sans", Helvetica, Arial;
	font-size: 14px;
	letter-spacing: -0.5px;
	text-align: justify;
	line-height: 190%;
	color: #222;
}

.svg_separator {
	width: 960px;
	height: 100px;
}

p {
	padding: 0px 0px 15px 0px;
}

.lightgray {
	color: #999;
}

ul {
	list-style: disc;
}

li {
	padding: 0px 0px 0px 1px;
	margin-left: 40px;
}

/* Three Columns */

/*	line with command in ...mob.css */
/*
#img_twitter {
		
}

.twitter-timeline-rendered { 
      
}*/

#youtube_container {
	text-align: center;
	display: block;
	margin: 0 auto;
}

#youtube_iframe {
	width: 580px; 
	height: 320px;
}

#footerhero_container {
	margin: 70px 0px 0px -60px;
	float: left;
	width: 960px;
	height: 540px;
	background-color: #0f0f0f;
}

#footerhero_top_separator {
	fill: #fafafa;
}

#footerhero_bottom_separator {
	fill: #0f0f0f;
}

#footerhero_svg_bottom_separator {
	margin: 0px 0px 0px -60px;
}

#footerhero_img {
	padding: 10px 0px 0px 200px;
}

#sprj_macrocontainer {
	float: left;
	width: 960px;
	height: 370px;
	padding: 35px 0px 0px 0px;
}

#sprj_macrocontainer div {
	float: left;
}

.sprj_container {
	width: 960px;
	padding: 0px 0px 50px 0px;
}

.sprj_container h2 {
	padding: 50px 0px 0px 0px;
	margin: 0px 0px 0px 220px;
}

.sprj_txt {
	line-height: 15px;
	font-size: 11px;
	margin: 0px 0px 0px 220px;
	padding: 5px 0px 0px 0px;
	color: #888888;
}

.sprj {
	width: 200px;
}


#footer_logo {
	display: block;
	height: 90px;
	position: absolute;
	padding: 0px 0px 0px 830px;
	/*line with command in ...mob.css
	*/
}

#footerlogo_container {
	width: 960px;
    height: 140px;
    float: right;
}

a {
	font-family: "Noto Sans", Helvetica, Arial;
}

a.lightgray:link {
	color: #888888;
}

a.lightgray:visited {
	color: #888888;
}

a.lightgray:active {
	color: #888888;
}

a.lightgray:hover {
	color: #D4145A;
}

a:link {
	color: #D4145A;
	text-decoration: none;
}

a:visited {
	color: #D4145A;
}

a:active {
	color: #D4145A;
}

a:hover {
	color: #555;
	text-decoration: underline;
}

#reputacao_container {
	margin: 35px 35px 20px 0px;
	float: left;
}

#our_rating_img {
	margin: 10px 0px 10px 33px;
	float: right;
}

#our_rating_txt {
	position: absolute;
	margin: 34px 0px 0px 540px;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: -2px;
	color: #333;
}

#num_alunos {
	font-size: 25px;
	letter-spacing: -1px;
	color: #D41C5C;
	font-weight: bold;
}

/* arrow icon (span tag) */

.button{
	display: block;
	border-color: black;
	border-width: 5px;
	border-style: solid;
	text-align: center;
	width: 240px;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	float: left;
	margin: 24px 0px 0px 400px;
	z-index: 10;
	position: absolute;

}

.button:hover{
	border-width: 6px;
	border-style: dotted;
}

.button a:link {
	color: #D4145A;
}

.button a:visited {
	color: #D4145A;
}

.button a:active {
	color: #D4145A;
}

.button a:hover {
	color: #21C1EA;
}

.mob-mask {
	display: none;
}

/*Formatting the Question Titles (qt) and Question Descriptions (qd)*/
#qt07 {
    font-size: 48px;
}

#qd07 {
    font-size: 29px;
}

#qt08 {
    height: 141px; 
    width: 83px; 
    padding-bottom:0px;
}

#qt09 {
    font-size: 48px
}

#qd09 {
    height: 113px; 
    width: 866px; 
    padding-bottom:0px;
}

#qt12 {
   font-size: 30px; 
}

#qd12 {
    font-size: 26px;
}

#qd13 {
    height: 131px;
    width: 866px; 
    padding-bottom:0px;
}

#qt16 {
   font-size: 48px; 
}

#qd16 {
    font-size: 25px;
}

#qt17 {
   font-size: 29px; 
}

#qd17 {
    font-size: 22px;
}

#qd18 {
    font-size: 25px;
}

#qd20 {
    font-size: 22px;
}

#qt21 {
   font-size: 25px; 
}

#qd21 {
    font-size: 20px;
}

#qt24 {
   font-size: 38px; 
}

#qd25 {
    font-size: 20px;
}

#qd26 {
    font-size: 23px;
}

#qt28 {
   font-size: 28px; 
}

#qd29 {
    font-size: 17px;
}

#qd31 {
    font-size: 20px;
}

#qd33 {
    font-size: 28px;
}

#qt35 {
    font-size: 32px;
}

#qd35 {
    font-size: 27px;
}

#qt36 {
   font-size: 35px; 
}

#qt39 {
   font-size: 31px; 
}

#qd39 {
    font-size: 18px;
}

#qd40 {
    font-size: 27px;
}

#qd41 {
    font-size: 28px;
}