html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
focus {
	outline: 0;
}
/*Fazer com que o HEIGHT aumente de acordo com a resolucao do usuario*/
html,body     { /*background-image:url(../img/textura.png);*/
	width:auto;
	height:auto;
	top:0;
	left:0;
	

	background-color:#000;
	background-image:url(../img/background.jpg);
	background-position:top;
	background-repeat:no-repeat;

	font-size:15px;
    line-height:24px;
    font-weight:300;
    color:#000;
	margin:0 auto;
	
	position:relative; }

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clearer {
    clear:both;
	margin-bottom:30px;
}

#impress { pointer-events: auto; }
/*---------------- Importando FONTES -------------------*/


@font-face {
	font-family: "trebuc";
	src:url(../fonte/trebuc.eot);
	
}

@font-face {
	font-family: "trebuc";
	
	
	src:url(../fonte/trebuc.ttf);
	
}


/*---------------- TOPO -------------------*/


#topo{
	width:100%;
	height:100px;
	
	margin:0 0;
	top:0;
	position:relative;
	z-index:999;
}

#logos{
	width:140px;
	height:100px;
	margin:0 0;
	float:left;
	position:relative;
	z-index:0;
}

#logos .linha-marcador{
	width:2px;
	height:70px;
	margin: 20px 160px;
	opacity:0.7;
	position:absolute;	
	
}

.log_ufrpe{
	
	width:50px;
	height:85px;
	background-image:url(../img/ufrpe.png);
	background-repeat:no-repeat;
	margin:5px 0;
	position:absolute;

}



.log_ead{
	
	width:80px;
	height:85px;
	
	background-image:url(../img/eadtec.png);
	background-repeat:no-repeat;
	margin:5px 60px;
	position:absolute;

}
#titulo{
	
	width:750px;
	height:100px;
	float:left;
	
	margin-top:0;
	
	margin-left:10px;
	position:relative;
	
}



#titulo h1{
	font-family: "trebuc";
	font-style:normal;
	
	font-size:25px;
	margin:27px 20px;
	letter-spacing:;
	line-height:130%;
	text-align:left;
	color:#FFF;
	 text-shadow: 0px 2px 3px #555;
	
}

#titulo h2{
	font-family: "trebuc";
	font-style:normal;
	font-size:18px;
	margin:-23px 20px;
	letter-spacing:1px;
	line-height:130%;
	text-align:left;
	color:#FFF;
	opacity:0.7;
	 text-shadow: 0px 2px 3px #555;
	
}

/*-----------------------------------*/
#container{
	
	width:900px;
	height:auto;
	opacity:1;
	
	margin: 0 auto;
	position:relative;
	
	z-index:0;
	
}



#content{
	
	width:860;
	height:auto;
	padding:20px;
	opacity:1;
	background: -webkit-radial-gradient(#D02222, #150202);
    background: -moz-radial-gradient(#D02222, #150202);
/*	background-color:#FFFF00;*/
	margin: 0 auto;
	position:relative;
	
	
	
}

/*Btn iniciar */

#home{
	width:840;
	height:550px;
	
	margin: 0 0;
	position:relative;
	
}


.logo-quiz{
	
	margin:110px 0 0 270px;
	position:relative;
	
}

#home .titulo-disciplina{
	font-family: "trebuc";
	font-style:normal;
	font-size:14px;
	text-align:center;
	width:246px;

	line-height:130%;

	color:#FFF;
	
	margin:4px 0 0 302px;
	position:relative;
	
}


#home #form_home{
	width:340px;
	height:auto;
	margin:0 0 0 270px;
	
	
	
	position:relative;
}


#home #form_home label{
	font-family: "trebuc";
	font-style:normal;
	font-size:14px;
	text-align:left;
	display:block;

	line-height:130%;

	color:#FFF;
	
	margin:0 0 0 0;
	position:relative;
}


#home #form_home .btn-quiz{
	width:123px;
	height:30px;
	
	border:none;
	
	background-image:url(../img/btn_preto.png);	
	background-color:rgba(255,255,200,0);
	
	background-repeat:no-repeat;
	margin:5px 0 0 50px;
	
	position:absolute;
	z-index:8;

	
	
}


#home .btn-quiz:hover{

	background-image:url(../img/btn_branco.png);

}



/*________.::Estilizando Formulario ::._________*/

#quiz{
	width:840;
	height:auto;
	padding-left:40px;
	padding-top:15px;
	padding-bottom:40px;
	padding-right:40px;
	opacity:1;
	background: #FFF;

	margin: 0 auto;
	margin-bottom:30px;
	position:relative;
	
}

#quiz #form_quiz #pergunta{
	font-family: "trebuc";
	font-style:normal;
	width:790px;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	margin: 0 0 0 0;
	margin-bottom:40px;
	line-height:130%;
	color:#000;
	position:relative;
	
	
}
#form_quiz #inputs{
	margin-top:10px;
	
}

#form_quiz .textRadio{
	
	font-family: "trebuc";
	font-style:normal;
	width:790px;
	font-size:14px;
	text-align:left;
	
	color:#000;
	position:relative;
	
}
/*--------RESPOSTAS---------*/




#resp_correta{
	width:750px;
	height:auto;
	margin:0 0 0 0;
	padding:15px;
	background-color:rgba(0,153,0,0.8);
	font-family: "trebuc";
	
	font-size:14px;
	font-style:normal;
	color:#FFFFFF;
	
}

#resp_errada_dica{
	width:750px;
	height:auto;
	text-align:left;	
	background-color:#ffef6e;
	padding:15px;
	font-family: "trebuc";
	font-size:14px;
	font-style:normal;
	color:#000000;
	
}


/*-------------------------*/


#btnConfirm{
	top:0;
	left:0;
	width:122px;
	height:30px;
	border:none;
	cursor:pointer;
	background-color:#fff;
	background-repeat:no-repeat;
	background-image:url(../img/btn-avancar-preto.png);
	
	margin:30px 0 0 0;
	
	position:relative;
	z-index:8;
	
}

#btnConfirm:hover{
	
	border:none;
	cursor:pointer;
	background-color:#fff;
	background-repeat:no-repeat;
	background-image:url(../img/btn-avancar-branco2.png);
	
}

#btn-proxima-pergunta{
	top:0;
	left:0;
	width:183px;
	height:30px;
	border:none;
	cursor:pointer;

	background-repeat:no-repeat;
	background-image:url(../img/btn-proximo-preto.png);
	background-color:#fff;
	margin:30px 0 0 0;
	
	position:relative;
	z-index:9;
	
}

#btn-proxima-pergunta:hover{
	
	border:none;
	cursor:pointer;
	background-color:#fff;
	background-repeat:no-repeat;
	background-image:url(../img/btn-proximo-branco.png);
	
}


#btn-enviar{
	top:0;
	left:0;
	width:127px;
	height:30px;
	border:none;
	cursor:pointer;
	background-color:#fff;
	background-repeat:no-repeat;
	background-image:url(../img/btn-enviar-preto.png);
	
	margin:30px 0 0 0;
	
	position:relative;
	z-index:8;
	
}

#btn-enviar:hover{
	
	cursor:pointer;
	background-color:#fff;
	background-repeat:no-repeat;
	background-image:url(../img/btn-enviar-branco.png);
	
	
	
	z-index:8;
	
}


/*------------------------------*/

#resultado{
	width:840px;
	height:auto;

	margin: 10px;
	margin-top: 12px;
	position:relative;
	
}


.img-resultado{
	background-repeat:no-repeat;
	width:254px;
	height:67px;

	margin:0 0;
	position:relative;
	z-index:8;
	
	
}


#pontuacao-perguntas{
	width:auto;
	height:auto;
	background-color:rgba(0,0,0,0.5);
	float:left;
	padding:25px;
	padding-left:25px;
	margin-top: 32px;
	
	
	position:relative;
	
	z-index: 8;
	
}

#pontuacao-perguntas h2{
	text-align:left;	
	font-family:"trebuc";
	font-size:84px;
	
	font-style:normal;
	margin-bottom:28px;
	color:#FFFFFF;
	
	
	position:relative;
	z-index:8;
	
}


#pontuacao-perguntas h4{
	text-align:left;	
	font-family: "trebuc";
	font-size:18px;
	letter-spacing:2px;
	font-style:normal;
	margin-bottom:22px;
	color:#FFF;
	opacity:0.7;
	
	position:relative;
	z-index:8;
	
}


#pontuacao-perguntas h5{
	text-align:left;	
	font-family: "trebuc";
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	margin-bottom:0;
	margin-top:5px;
	color:#FFF;
	
	opacity:1;
	
	position:relative;
	z-index:8;
}

#pontuacao-perguntas h6{
	text-align:left;	
	font-family: "trebuc";
	font-size:16px;

	margin-bottom:20px;
	color:#FFF;

	opacity:0.7;
	
	position:relative;
	z-index:8;
}


#pontuacao-perguntas h7{
	text-align:left;	
	font-family: "trebuc";
	font-size:23px;
	font-weight:bold;
	font-style:normal;
	margin-bottom:62px;

	color:#FFF;
	
	opacity:1;
	
	position:relative;
	z-index:8;
}








#pontuacao-total{
	width:auto;
	height:auto;
	/*background-color:rgba(255,255,255,1);*/
 	float:left;
	margin-top:45px;
	margin-left:0;
	
	position:relative;
}






#pontuacao-total h5{
	text-align:left;	
	width:auto;
	font-family: "trebuc";
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	margin-bottom:3px;
	
	padding-left:13px;
	padding-right:13px;
	padding-top:8px;
	padding-bottom:8px;
	color:#000;
	background-color:#FFF;
	opacity:1;
	
	position:relative;
	z-index:8;
	
}

#pontuacao-total span{
	text-align:left;	
	font-family: "trebuc";
	font-size:18px;
	font-weight:normal;

	margin-bottom:12px;
	color:#000;

	
	
	position:relative;
	z-index:8;
	
}



#pontuacao-total h6{
	text-align:left;	
	font-family: "trebuc";
	font-size:15px;

	margin-bottom:12px;
	color:#000;

	opacity:0.7;
	
	position:relative;
	z-index:8;
}


#resultado h1{
	

	text-align:left;	
	font-family: "trebuc";
	font-size:32px;
	font-style:normal;
	font-weight:bold;
	color:#FFF;
	
	position:relative;
	z-index:8;
}

#resultado h3{

	text-align:left;	
	font-family: "trebuc";
	font-size:13px;
	

	color:#FFF;
	opacity:0.8;
	
	position:relative;
	z-index:8;
}

#resultado p{
	

	text-align:left;	
	font-family: "trebuc";
	font-size:14px;
	font-style:normal;
	margin-bottom:12px;
	color:#FFF;
	opacity:0.8;
	position:relative;
	z-index:8;
}







#coluna-perguntas1{
	width:393px;
	height:auto;
	float:left;
	
	position:relative;	
	
}

#coluna-perguntas2{
	width:410px;
	height:auto;
	float:left;
	margin-left:30px;
	
	
	
	position:relative;	
	
}




/*----------------*/

.perguntas{
	
	width:270px;
	height:auto;
	padding-left:13px;
	padding-top:5px;
	padding-bottom:5px;
	
	margin-bottom:3px;
	
	background-color:rgba(0,0,0,0.3);
	
	position:relative;
}

.title-pontos{
	width:155px;
	
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	
	background-color:rgba(255,255,255,0.9);
	
	margin-top:60px;
	margin-bottom:10px;
	
	position:relative;
	
}

#resultado .title-pontos h1{
	
	
	font-family: "trebuc";
	font-weight:500;
	font-size:15px;
	opacity:1;
	
	letter-spacing:;
	line-height:130%;
	text-align:left;
	color:#000;
	
	
}


.perguntas span{
	text-align:left;	
	font-family: "trebuc";
	font-size:13px;
	font-weight:normal;
	
	color:#FFF;
	opacity:0.7;
	position:relative;
	z-index:8;
	
}



#btn-home{
	top:0;
	left:0;
	width:126px;
	height:28px;
	border:none;
	cursor:pointer;
	background-color:;
	background-repeat:no-repeat;
	background-image:url(../img/btn-home-preto.png);
	
	margin:30px 0 0 0;
	
	position:relative;
	z-index:8;
	
}

#btn-home:hover{
	
	cursor:pointer;
	
	background-repeat:no-repeat;
	background-image:url(../img/btn-home-branco.png);
	
	z-index:8;
	
}


#rodape{
	
	width:rodape;
	height:100px;
	opacity:1;
	background-color:;
	margin: 0 auto;
	position:relative;
	
	
	
}