@charset "utf-8";
/* CSS Document */

@font-face
{
	font-family: font_lato;
	src: url('font_lato/Lato-Regular.ttf'),
		 url('font_lato/Lato-Regular.eot'); /* IE9+ */
	font-weight: normal;
	font-style:normal;
		
}

/* bold */
@font-face {
    font-family: font_lato;
    src: url('font_lato/Lato-Bold.ttf'),
	     url('font_lato/Lato-Bold.eot');
    font-weight: bold;
	font-style:normal;
}

/* italic */
@font-face {
    font-family: font_lato;
    src: url('font_lato/Lato-Italic.ttf'),
	     url('font_lato/Lato-Italic.eot');
    font-weight: normal;
	font-style: italic;
}

body {
	margin:0px;
	text-align:center; /* Centrar div no IE5/6 */
	font-family:font_lato, Arial;
	color:#000;
	font-size:12px;
	background-image:url(../imgs/fundo.jpg);
}

#site{
	width:1000px;
	text-align:left; /* Tirar txt centrado devido a centrar div no IE5/6 */
	margin-left:auto; /* Centrar nos restantes browser */
	margin-right:auto;
	background-color:#FFF;
	border-left:20px solid #FFF;
	border-right:20px solid #FFF;
	-moz-box-shadow:0px 0px 10px 7px #c9c5c5;
	-webkit-box-shadow:0px 0px 10px 7px #c9c5c5;
	box-shadow:0px 0px 10px 7px #c9c5c5;

	clear:both;	
}

#header{
	width:1000px;
	height:156px;
	border-bottom:5px solid #98cdf1;
	position:relative;
}

#header_logo{
	width:225px;
	height:109px;
	margin-top:25px;
	float:left;
}

#header_menus{
	width:775px;
	float:right;
	margin-top:5px;
}

#idioma{
	width:74px;
	height:24px;
	float:right;
	margin-top:2px;
}

#youtube_face{
	width:58px;
	height:27px;
	float:right;
	margin-right:45px;
	margin-top:2px;
}

#login{
	width:242px;
	height:109px;
	background-repeat:no-repeat;
	float:right;
	color:#FFF;
	padding-left:22px;
	
	/* fallback */ 
	background-color: #1979c6; 
	background:url(../imgs/linear_bg_login.png);
	background-repeat: repeat-x; 
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2e67b2), to(#319be4)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #319be4, #2e67b2); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #319be4, #2e67b2); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #319be4, #2e67b2); 
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #319be4, #2e67b2);
}

#btn_login{
	height:25px;
	width:25px;
	color:#FFF;
	font-size:12px;
	text-align:center;
	background-color:#333333;
	margin-right:15px;
	margin-top:5px;
	float:right;
}

#btn_login p{
	line-height:25px;
	margin:0px;
}

#login a{
	text-decoration:none;
	color:#FFF;
}

#nav{
	height:20px;
	width:600px;
	margin-left:10px;
	margin-top:9px;
}

#nav a{
	color:#1A265A;
	text-decoration:none;
	font-size:18px;
}

.nav_btn{
	float:left;
}

.nav_btn_anima a span{
	color:#DE1E27;
}

.nav_btn a span:hover{
	color:#0A71B3;
}

.nav_separador{
	width:5px;
	height:18px;
	background-color:#98cdf1;
	float:left;
	margin-left:7px;
	margin-right:7px;
	margin-top:3px;
}

#sub_nav{
	font-size:14px; 
	color:#1A265A; 
	position:absolute; 
	top:156px; 
	width:100%;
}

#content{
	width:1000px;	
	margin-top:40px;
	clear:both;
}

#banner{
	width:740px;
	height:332px;
	float:left;
}

#form_fale{
	width:241px;
	height:332px;
	float:right;
	color:#FFF;
	font-size:15px;
	position:relative;
	
	/* fallback */ 
	background-color: #1979c6; 
	background:url(../imgs/linear_bg_fale.png);
	background-size:3px 100%;
	background-repeat: repeat-x; 
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2e67b2), to(#319be4)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #319be4, #2e67b2); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #319be4, #2e67b2); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #319be4, #2e67b2); 
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #319be4, #2e67b2);
}

#form_fale_titulo{
	width:100%; 
	height:38px; 
	background-color:#333333; 
	font-size:15px; 
	color:#FFF; 
	text-align:center; 
	padding-top:12px;
}

.btn_envia_mail{
	background-image:url(../imgs/btn_enviar_mail.png);
	background-repeat:no-repeat;
	width:92px;
	height:38px;
	cursor:pointer;
	margin-left:60px;
}

.btn_envia_mail:hover{
	background-image:url(../imgs/btn_enviar_mail_hover.png);
}

#balao_aviso{
	background-image:url(../imgs/balao_aviso.png);
	background-repeat:none;
	width:239px;
	height:52px;
	top:332px;
	position:absolute;
	color:#fff;
	text-align:center;
	font-size:12px;
	display:none;
	
}

#balao_aviso_2{
	background-image:url(../imgs/balao_aviso.png);
	background-repeat:none;
	width:239px;
	top:278px; 
	left:130px;
	height:52px;
	position:absolute;
	color:#fff;
	text-align:center;
	font-size:12px;
	display:none;
	
}

.destaque{
	background-color:#E5E5E5; 
	height:298px;
	margin-top:15px;
	color:#1A265A;
	font-size:17px;
	float:left;
	margin-right:20px;
}

.destaque_face{
	background-color:#E5E5E5; 
	height:330px;
	margin-top:15px;
	color:#1A265A;
	font-size:17px;
	float:left;
}

.destaque_titulo{
	height:54px; 
	margin-left:16px; 
	margin-top:10px
}

.destaque_img{
	height:177px; 
	margin-top:15px;
	margin-left:16px;
}

.destaque_txt{
	 height:70px; 
	 background-color:#4D4D4D; 
	 color:#FFF; 
	 font-size:13px; 
	 padding-left:16px; 
	 margin-right:16px; 
	 padding-top:5px;
}

#footer{
	width:100%;
	clear:both;
	position:relative;
}

#footer_titulo{
	width:100%;
	height:34px;
	background-color:#333333;
	position:absolute;
}
#footer_conteudo{
	width:100%;
	height:198px;
	background-color:#b8b8b8;
	position:absolute;
	top:34px;
}

#footer_conteudo_txt{
	width:1000px;
	text-align:left; /* Tirar txt centrado devido a centrar div no IE5/6 */
	margin-left:auto; /* Centrar nos restantes browser */
	margin-right:auto;
	
}

#info_easy_english{
	width:120px;
	margin-top:5px;
	margin-left:100px;
	color:#FFF;
	float:left;
}

#info_escola_magica{
	width:484px;
	margin-top:5px;
	margin-right:262px;
	color:#FFF;
	float:right;
}

.footer_separador{
	background-color:#999999;
	width:3px;
}





/*teste_diagnostico.css*/

#form_diagnostico{
	position:relative;
	width:1000px;
	height:398px;
	-moz-box-shadow:0px 0px 12px 7px #e9e7e7;
	-webkit-box-shadow:0px 0px 12px 7px #e9e7e7;
	box-shadow:0px 0px 12px 7px #e9e7e7;
}

.redborder{ 
	outline: 2px solid #b00303; 
}

#btn_teste_diag{
	margin-left:35px; 
	background:url(../imgs/btn_enviar.png); 
	background-repeat:no-repeat; 
	width:121px; 
	height:47px; 
	cursor:pointer;
}

#btn_teste_diag:hover{
	background:url(../imgs/btn_enviar_hover.png); 
}

#form_dia_pre{
	position:relative;
	width:205px; 
	height:294px; 
	float:left;
	color:#FFF;
	padding-left:15px;
	margin-top:35px;	
	/* fallback */ 
	background-color: #1979c6; 
	background:url(../imgs/linear_bg_diagnostico.png);
	background-repeat: repeat-x; 
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2e67b2), to(#319be4)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #319be4, #2e67b2); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #319be4, #2e67b2); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #319be4, #2e67b2); 
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #319be4, #2e67b2);
}


/*como funciona*/
.caixa_info{
	width:484px; 
	height:484px; 
	background-color:#E5E5E5;
	font-size:19px;
	color:#333333;
	float:left;
	margin-top:30px;
}

.caixa_info_titulo{
	width:100%;
	height:38px; 
	background-color:#0D74B7; 
	font-size:20px; 
	color:#FFF;
}

.caixa_info_titulo p{
	line-height:38px;
	margin:0px;
}

.shadow{
	-moz-box-shadow:0px 0px 10px 7px #e9e7e7;
	-webkit-box-shadow:0px 0px 10px 7px #e9e7e7;
	box-shadow:0px 0px 10px 7px #e9e7e7;
}

/*compare*/
#cont_compare{
	width:740px;
	float:left;
}

.compare_t_separador{
	background-color:#0A71B3; 
	color:#FFF; 
	font-size:19px; 
	text-align:center;
}

.compare_tab{	
	border-bottom:1px solid #1A265A; 
	border-left:1px solid #1A265A; 
	border-right:1px solid #1A265A; 
	margin-left:20px;
}

.compare_coluna_ei{
	background-color:#FFF; 
	color:#1B1464; 
	font-size:16px;
}

.compare_coluna_outro{
	color:#333333; 
	font-size:16px;
}


/*teste diagnostico*/

#caixa_pergunta{
	background-color:#fff; 
	width:984px; 
	height:385px; 
	border-top:40px solid #808080; 
	border-bottom:40px solid #808080; 
	border-left:8px solid #808080; 
	border-right:8px solid #808080;
	position:relative;
	display:none;
}

.caixa_pergunta_tit{
	color:#FFF; 
	font-size:23px; 
	text-align:center; 
	margin-top:-60px;
}

#caixa_grupo{
	height:115px; 
	width:940px; 
	margin-left:45px;
}

#btn_seta_perg_ant{
	background-image:url(../imgs/testes/btn_seta.png); 
	background-repeat:no-repeat; 
	margin-top:100px; 
	margin-left:45px; 
	width:23px; 
	height:36px; 
	float:left; 
	cursor:pointer;
}

#btn_seta_perg_ant:hover{
	background-image:url(../imgs/testes/btn_seta_hover.png);
}

#btn_seta_perg_seg{
	background-image:url(../imgs/testes/btn_seta_2.png); 
	background-repeat:no-repeat; 
	margin-top:100px; 
	margin-right:45px; 
	width:23px; 
	height:36px; 
	float:right; 
	cursor:pointer;
}

#btn_seta_perg_seg:hover{
	background-image:url(../imgs/testes/btn_seta_2_hover.png);
}

#caixa_pergunta_txt{
	width:840px; 
	height:270px; 
	float:left; 
	font-size:19px; 
	color:#4D4D4D;
}

#caixa_respostas{
	margin-left:75px; 
	width:800px; 
	line-height:35px;
}

#nav_perguntas{
	clear:both; 
	text-align:center; 
	width:984px;
}

#assinala_grupo{
	position:absolute; 
	top:450px; 
	left:270px; 
	width:461px; 
	height:29px;
}

#caixa_aviso_perg{
	position:absolute; 
	top:0px; 
	right:0px; 
	background:rgba(102, 102, 102, 0.6); 
	width:100%; 
	height:100%; 
	visibility:hidden;
}

#caixa_txt_aviso{
	position: relative; 
	width:400px; 
	height:200px; 
	margin:auto; 
	margin-top:100px; 
	background:#FFF; 
	opacity: 1; 
	-moz-box-shadow:0px 0px 12px 7px #7F7F7F; 
	-webkit-box-shadow:0px 0px 12px 7px #7F7F7F; 
	box-shadow:0px 0px 12px 7px #7F7F7F;
}

#btn_resp_aviso{
	width:117px; 
	height:30px; 
	background-image:url(../imgs/testes/responder.png); 
	float:left; 
	margin-left:50px; 
	margin-top:25px; 
	cursor:pointer;
}

#btn_resp_aviso:hover{
	background-image:url(../imgs/testes/responder_hover.png); 
}

#btn_seg_aviso{
	width:117px; 
	height:30px; 
	background-image:url(../imgs/testes/proxima.png); 
	float:right; 
	margin-right:50px; 
	margin-top:25px; 
	cursor:pointer;
}

#btn_seg_aviso:hover{
	background-image:url(../imgs/testes/proxima_hover.png); 
}

#caixa_resultados{
	background-color:#fff; 
	width:1000px; 
	border-top:40px solid #808080; 
	position:relative;
	font-size:18px;
	color:#4D4D4D;
	display:none;
}

#caixa_compreensao{
	margin:30px;
}

#graf_res{
	width:530px; 
	height:270; 
	margin-left:30px; 
	margin-top:30px; 
	float:left
}

#div_balao{
	clear:both; 
	width:743px; 
	height:168px; 
	background-image:url(../imgs/testes/balao.png); 
	margin-left:170px;
}

#caixa_n_aulas{
	padding-top:30px; 
	margin-left:20px; 
	margin-right:10px;
	color:#333333;
}

#caixa_teste_intro{
	background-color:#fff; 
	width:1000px; 
	border-top:40px solid #808080; 
	position:relative;
	font-size:18px;
	color:#4D4D4D;

}

#caixa_teste_intro_info{
	font-size:18px; 
	text-align:center;
}

.btn_teste{
	background-image:url(../imgs/testes/proxima.png);
	background-repeat:no-repeat;
	width:117px;
	height:30px;
	cursor:pointer;
	text-align:center;
	margin:auto;
}

.btn_teste:hover{
	background-image:url(../imgs/testes/proxima_hover.png);
}

#btn_registar{
	margin-left:35px; 
	background:url(../imgs/btn_registar.png);
	background-repeat:no-repeat; 
	width:141px; 
	height:46px; 
	cursor:pointer;
	margin-left:160px;
}

#btn_registar:hover{
	background:url(../imgs/btn_registar_hover.png); 
}