@font-face {
font-family: 'levenim';
src: url('../font/levenim_mt_1_.eot');
src: url('../font/levenim_mt_1_.eot?#iefix') format('embedded-opentype'),
url('../font/levenim-mt.woff') format('woff'),
url('../font/levenim-mt.ttf') format('truetype'),
font-weight: normal;
font-style: normal;
}


*{margin:0; padding:0;}

body {
	background:url(../img/site/bg_inicial.png);
}

body::-webkit-scrollbar          { width:10px; background:#e3e0d6; }
body::-webkit-scrollbar-track        { background: rgba(0,0,0,0.1); }
body::-webkit-scrollbar-thumb        { border-radius:10px; background: rgba(204,30,30,1); }


#pag1 {
	opacity:0;
	display:table;
}

#redesociais {
	width:1050px;
	margin:0 auto;
}

#caixa_servico h3 {
	color:#6192B6;
	font-size:12px;
	font-family: 'Nunito', sans-serif;
	margin-top:10px;
	margin-left:10px;
	float:left;
}



#caixa_servico hr {
	width:660px;
	height:1px;
	border:0px solid;
	background:#6192B6;
	margin-left:10px;
	margin-top:2px;
	float:left;
}

#caixa_servico p {
	font-size:12px;
	font-family: 'Nunito', sans-serif;
	float:left;
	margin-top:10px;
	margin-left:10px;
}

#caixa_polo h3 {
	color:#2692FF;
	font-size:16px;
	font-family: 'Nunito', sans-serif;
	margin-top:20px;
	margin-left:20px;
	float:left;
	width:100%;
}

#caixa_polo p {
	font-size:14px;
	font-family: 'Nunito', sans-serif;
	float:left;
	margin-top:2px;
	margin-left:20px;
	width:100%;
}

.inputServico_205 {
	width:205px;
	height:30px;
	background:#FFF;
	border:1px solid #6192B6;
	float:left;
	margin-left:10px;
	border-radius:5px;
	margin-top:2px;
	padding:0px 0px 0px 5px;
	font-size:12px;
	color:#666;
}


#barraMenu {
	width:100%;
	height:47px;
	background:url(../img/bg_barramenu.png) repeat-x;
	position:absolute;
	z-index:100;
	display:table;
}

#subBarraMenu {
	width:1300px;
	height:39px;
	margin:0 auto;
	background:url(../img/bg_subbarramenu.png) repeat-x;
	border-radius:0px 0px 50px 50px;
}

#bg_menu {
	width:980px;
	height:62px;
	background:url(../img/bg_menu.png) repeat-x;
	margin:0 auto;
	border-radius:0px 0px 60px 60px;	
	margin-top:-39px;
}

#bg_menu_mooc {
	width:980px;
	height:62px;
	background:url(../img/bg_menu.png) repeat-x;
	margin:0 auto;
	border-radius:0px 0px 60px 60px;	
	margin-top:-39px;
}

#area_menu {
	width:850px;
	margin:0 auto;
	margin-top:47px;
}

#aba_menu {
	width:148px;
	height:129px;
	background:url(../img/site/aba_menu.png) repeat-x;
	position:absolute;
	z-index:20;
	margin-left:343px;
	margin-top:-129px;
}

#area_menu_txt {
	position:absolute;
	z-index:21;
}

#area_menu_txt ul {
	text-decoration:none;
	font-family: 'Nunito', sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-top:22px;
}

#area_menu_txt ul li {
	display:inline;
	padding:40px;
}

#area_menu_txt a {
	text-decoration:none;
	color:#000;
}

#corpo {
	margin:0 auto;
	width:1050px;
}

/* banner interativo */
#banner {
	height:195px;
}
#banner1 {
}

#imgBanner1 {
	position:absolute;
	z-index:5;
	margin-left:150px;
	margin-top:15px;
	opacity:0;
}

#imgBanner1_2 {
	position:absolute;
	z-index:1;
	margin-left:150px;
	opacity:0;
}

#imgBanner1_3 {
	position:absolute;
	z-index:2;
	margin-left:200px;
	margin-top:-50px;
	opacity:0;	
}

#imgBanner1_4 {
	position:absolute;
	z-index:2;
	margin-left:230px;
	margin-top:-30px;
	opacity:0;	
}

#imgBanner1_5 {
	position:absolute;
	z-index:2;
	margin-left:200px;
	margin-top:20px;
	opacity:0;	
}

#imgBanner1_6 {
	position:absolute;
	z-index:1;
	margin-left:0px;
	margin-top:50px;
	opacity:0;
}

#imgBanner1_txt_1 {
	position:absolute;
	opacity:0;	
	margin-left:670px;
	margin-top:35px;
}

#imgBanner1_txt_1 h3 {
	font-family: 'Oswald', sans-serif;
	font-size:25px;
	color:#5AF591;
	font-weight:bold;
}

#imgBanner1_txt_2 {
	margin-left:600px;
	margin-top:78px;
	position:absolute;		
	opacity:0;	
}

#imgBanner1_txt_2 h3 {
  font-family: 'Oswald' !important;
  font-style: normal;
  font-weight: 300;	
  color:#FFF;
  line-height:25px;
}

#banner2 {
	display:none;
}

#imgBanner2 {
	position:absolute;
	z-index:1;
	margin-left:400px;
	margin-top:15px;
	opacity:1;
}

#imgBanner2_2 {
	position:absolute;
	z-index:1;
	margin-left:150px;
	opacity:1;
}

#imgBanner2_3 {
	position:absolute;
	z-index:2;
	margin-left:560px;
	margin-top:-20px;
	opacity:1;	
}

#imgBanner2_4 {
	position:absolute;
	z-index:2;
	margin-left:-100px;
	margin-top:90px;
	opacity:1;	
}

#imgBanner2_5 {
	position:absolute;
	z-index:2;
	margin-left:800px;
	margin-top:9px;
	opacity:1;	
}

#imgBanner2_6 {
	position:absolute;
	z-index:1;
	margin-left:50px;
	margin-top:140px;
	opacity:1;
}

#imgBanner2_txt_1 {
	position:absolute;
	opacity:1;	
	margin-left:100px;
	margin-top:37px;
}

#imgBanner2_txt_1 h3 {
	font-size:25px;
	color:#5AF591;
    font-family: 'Oswald' !important;
  	font-style: normal;
  	font-weight: bold;	
}

#imgBanner2_txt_2 {
	margin-left:150px;
	margin-top:80px;
	position:absolute;		
	opacity:1;	
	text-align:right;
}

#imgBanner2_txt_2 h3 {
	font-family: 'Oswald' !important;
  	font-style: normal;
  	font-weight: 300;	
  	color:#FFF;
  	line-height:25px;
}


#banner3 {
	display:none;
}

#imgBanner3 {
	position:absolute;
	z-index:5;
	margin-left:350px;
	margin-top:15px;
	opacity:1;
}

#imgBanner3_2 {
	position:absolute;
	z-index:1;
	margin-left:170px;
	opacity:1;
}

#imgBanner3_3 {
	position:absolute;
	z-index:2;
	margin-left:340px;
	margin-top:-20px;
	opacity:1;	
}

#imgBanner3_4 {
	position:absolute;
	z-index:2;
	margin-left:0px;
	margin-top:125px;
	opacity:1;	
}

#imgBanner3_5 {
	position:absolute;
	z-index:2;
	margin-left:500px;
	margin-top:9px;
	opacity:1;	
}

#imgBanner3_6 {
	position:absolute;
	z-index:2;
	margin-left:700px;
	margin-top:9px;
	opacity:1;	
}

#logo {
	position:absolute;
	z-index:50;
	margin-left:302px;	
	margin-top:110px;
}

#imgBanner3_txt_1 {
	position:absolute;
	opacity:1;	
	margin-left:-100px;
	margin-top:37px;
}

#imgBanner3_txt_1 h3 {
	font-size:25px;
	color:#5AF591;
    font-family: 'Oswald' !important;
  	font-style: normal;
  	font-weight: bold;	
}

#imgBanner3_txt_2 {
	margin-left:-60px;
	margin-top:80px;
	position:absolute;		
	opacity:1;	
	text-align:right;
}

#imgBanner3_txt_2 h3 {
	font-family: 'Oswald' !important;
  	font-style: normal;
  	font-weight: 300;	
  	color:#FFF;
  	line-height:25px;
}


/* corpo */

#conteudo {
	float:left;
	margin-left:-90px;
	margin-top:30px;
	width:1150px;
	height:515px;
}

#conteudo2 {
	float:left;
	margin-top:60px;
	width:1050px;
}

#conteudo3 {
	margin-top:60px;
	width:970px;	
	margin:0 auto;
}

#lista_videos {
	width:1050px;
	height:190px;
	margin-top:120px;
	margin-bottom:60px;
}

#play_yotube {
	width:47px;
	height:33px;
	background:url(../img/site/bt_play_youtube.png) no-repeat;
	background-position:0px 0px;
	position:absolute;
	z-index:1000;
	margin-left:75px;
	margin-top:50px;
}

#noticias {
	width:340px;
	height:542px;
	float:left;	
}

#noticias_txt {
	width:340px;
	height:373px;
	float:left;
}

#noticias_txt p {
	margin-top:30px; 
	margin-left:140px;
	font-family: 'Nunito', sans-serif;
	font-size:18px;
	font-weight:bold;
}

#galeriaVideo {
	width:240px;
	height:200px;
	position:absolute;
	z-index:4;
	margin-top:50px;
	margin-left:175px;
}

#galeriaVideo p {
	font-family: 'Nunito', sans-serif;
	font-size:14px;
}

#galeriaVideo a {
	font-family: 'Nunito', sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#000;
	float:left;
	margin-top:-23px;
	margin-bottom:32px;
}

#pag2 {
	display:none;
}

#galeriaVideo a:hover {
	text-decoration:underline;
}

#galeriaVideo img {
	margin-left:25px;
}

#bt_play {

	margin-top:50px;
}

#galeriaVideo a {
	margin-left:75px; 	
}

#bt_sobre { 
	position:relative;
	margin-top:40px;
	cursor:pointer;
}

#noticias_txt hr {
	width:240px;
	height:3px;
	border:none;
	background:#000;
	margin-left:55px;
	margin-top:10px;
}

#noticias_txt .noticias_txt_p  {
	margin:0px;
	font-size:12px;
	font-weight:normal;
	width:240px;
	text-align:justify;
	margin-left:55px;
	margin-top:20px;
}

#noticias_txt a {
	color:#070704;
	text-decoration:none;
}

#noticias_txt a:hover {
	text-decoration:underline;
}


#txt_videos {
	background:#000;
	width:200px;
	height:20px;
	float:left;
}

#txt_videos p {
	color:#FFF;
	font-size:10px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:4px;
	margin-left:4px;
}

#jornal_txt {
	width:340px;
	height:50px;
	margin-left:100px;
	float:left;
	cursor:pointer;
}

#jornal_txt p {
	margin-left:85px;
	font-family: 'Nunito', sans-serif;
	font-size:14px;
	color:#672801;
	font-weight:700;
	letter-spacing:1px;
	margin-top:8px;
}

#area_bt {
	width:706px;
	height:542px;
	float:left;	
	margin-left:100px;
}

#img_sead {
	position:absolute;
	z-index:3;
	margin-left:110px;
	margin-top:-130px;
}

#img_sead_mask {
	width:145px;
	height:47px;
	position:absolute;
	margin-left:362px;
	z-index:100;
	margin-top:-227px;
	cursor:pointer;
}

#img_sead_mask2 {
	width:175px;
	height:47px;
	position:absolute;
	margin-left:292px;
	z-index:100;
	margin-top:-112px;
	cursor:pointer;
}

#img_sead_mask3 {
	width:155px;
	height:47px;
	position:absolute;
	margin-left:320px;
	z-index:100;
	margin-top:-170px;
	cursor:pointer;
}

#img_moodle {
	position:absolute;
	z-index:1;
	margin-left:130px;
	margin-top:-10px;
}

#img_documentos {
	position:absolute;
	z-index:2;
	margin-left:60px;
	margin-top:105px;
}

#img_ouvidoria {
	position:absolute;
	z-index:2;
	margin-left:105px;
	margin-top:66px;
}

/* rodape */


#rodape {
	width:100%;
	height:33px;

	float:left;
	display:none;
}


#rodapeSeletivo {
	width:100%;
	height:33px;

	float:left;
	display:none;
}

#ajustar_rodape {
	width:1050px;
	margin:0 auto;	
}

#rodape_barra {
	width:1050px;
	height:63px;
	background:url("../img/rodape_barra_bg.png") repeat-x;
	margin:0 auto;
	margin-top:-30px;
	border-radius:60px 60px 60px 60px;	
	box-shadow: 0px 0px 5px 2px #333;
	z-index:5;
	position:absolute;
}

#rodape_barra p {
	font-size:11px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	margin-top:18px;
	color:#333;
}

#newslatter {
	position:absolute;
	z-index:2;
	width:200px;
	height:30px;
	margin-top:-22px;
	margin-left:780px;
}

#newslatter p {
	margin-top:-15px;
	margin-left:0px;
	margin-left:0px;
	position:absolute;
	z-index:3;
}

/* polos */

.polos {
	background:url(../img/site/bg_polo.jpg);	
}

#polo_txt {
	width:960px;
	margin:0 auto;
	margin-top:50px;	
}

#polo_txt p {
	font-family: 'Nunito', sans-serif;
	font-size:15px;
	color:#FFF;
	text-align:justify;
	margin-left:15px;
	margin-right:15px;
}

#piaui {
	width:46px;
	height:70px;
	position:absolute;
	margin-left:244px;
	margin-top:70px;
	z-index:11;
	cursor:pointer;
}

#bahia {
	width:80px;
	height:75px;
	position:absolute;
	margin-left:238px;
	margin-top:130px;
	z-index:12;	
	cursor:pointer;
}

#pernambuco {
	width:50px;
	height:20px;
	position:absolute;
	margin-left:288px;
	margin-top:110px;
	z-index:13;	
	cursor:pointer;
}

#mapa {
	background:url(../img/site/mapa3.png);
	background-position:0px 539px;
	width:771px;
	height:537px;
	margin:0 auto;
	margin-bottom:100px;	
	margin-top:30px;
}

#mapa h3 {
	font-family: 'Montserrat', sans-serif;
	float:left;
	font-size:22px;
	color:#333;
	text-align:right;
	width:320px;
}

#conteudo_polos {
	width:420px;
	height:430px;
	margin-left:350px;
}

.map_h3_1 {
	margin-top:40px;
	margin-left:80px;
}

#piaui_txt {
	position:absolute;
	margin-top:120px;
	margin-left:15px;
	display:none;
}

#piaui_txt h4 {
	font-family: 'Nunito', sans-serif;
	font-size:22px;
	margin-left:20px;
	margin-bottom:5px;
	color:#2692FF;
}

#pernambuco_txt {
	position:absolute;
	margin-top:120px;
	margin-left:15px;
}

#pernambuco_txt h4 {
	font-family: 'Nunito', sans-serif;
	font-size:22px;
	margin-left:20px;
	margin-bottom:5px;
	color:#2692FF;
}

#bahia_txt {
	position:absolute;
	margin-top:120px;
	margin-left:15px;
	display:none;

}

#bahia_txt h4 {
	font-family: 'Nunito', sans-serif;
	font-size:22px;
	margin-left:20px;
	margin-bottom:5px;
	color:#2692FF;
}

#bg_cidade {
	width:276px;
	height:328px;
	overflow:auto;	
	background:#FFF;
	opacity:0.8;
	border-radius:20px;
}

#bg_cidade p {
	color:#333;
	font-family: 'Nunito', sans-serif;
	font-family:16px;
	margin-left:20px;
	width:220px;
	float:left;
}

#bg_cidade a {
	color:#333;
	text-decoration:none;
}

#bg_cidade a:hover {
	text-decoration:underline;
}

.map_h3_2 {
	margin-top:10px;
	margin-left:80px
}

#conteudo_polos_txt {
	width:320px;
	height:400px;
	margin-top:30px;
	pos
}

#idosos {
	margin-top:-255px;
	position:absolute;
	margin-left:300px;
	z-index:2;
}

/* cursos */

.cursos {
	background:url(../img/site/bg_cursos.jpg);	
}

.cursos2 {
	background:url(../img/site/bg_cursos2.jpg);	
}

/*.galeria {
	background:url(../img/site/bg_galeria.jpg);	
}

.jornal {
	background:url(../img/site/bg_jornal.jpg);	
}

.sobre {
	background:url(../img/site/bg_sobre.png);	
}

.documentos {
	background:url(../img/site/bg_documentos2.png);	
}

.noticias {
	background:url(../img/site/bg_noticias.png);	
}

.not {
	background:url(../img/site/bg_noticias2.png);	
}*/

.moodle {
	background:url(../img/bg_moodle.jpg);	
}

#corpocursos {
	width:1050px;
	margin:0 auto;
	display:none;
}

#menuCursos {
	background:#631275;
	width:100%;
	height:50px;
	margin-top:70px;
	margin-bottom:70px;
}

#menuCursos2 {
	background:url(../img/site/bg_menu_curso2.png);
	width:100%;
	height:40px;
	margin-top:0px;
	margin-bottom:30px;
	box-shadow: 0px 0px 5px 3px #000;
	display:none;
}

#menuCursos_ajuste {
	width:1300px;	
	margin:0 auto;
}

#menuCursos2_2 {
	background:url(../img/site/bg_menu_curso2_2.png);
	width:100%;
	height:96px;
	margin-top:0px;
	margin-bottom:70px;
	box-shadow: 0px 5px 5px 3px #000;
	display:none;
}

#menuCursos2_2 ul {
	color:#FFF;
	font-family: 'Pathway Gothic One', sans-serif;
	font-size:20px;
	margin-top:35px;
	margin-left:95px;
	float:left;
	position:absolute;	
	z-index:3;	
}

#menuCursos2_2 ul li {
	text-decoration:none;
	display:inline;
	margin-left:100px;
}

#menuCursos2_2 ul li a {
	text-decoration:none;
	color:#FFF;
}


#curso_ico {
	width:207px;
	height:40px;
	background:url(../img/site/curso_ico.png);
	margin-top:60px;
	display:none;
}

#curso_ico p {
	float:left;
	margin-top:10px;
	width:100%;
	text-align:center;
	font-family: 'Nunito', sans-serif;
	font-weight:bold;
	color:#45144D;
}

#curso_ico a {
	text-decoration:none;
	color:#45144D;
}

#voltar_mask {
	width:207px;
	height:40px;
	position:absolute;
	z-index:10;
	margin-top:60px;
	cursor:pointer;
}


#menuCursos2 p {
	float:left;
	margin-top:11px;
	width:100%;
	text-align:center;
	font-family: 'Nunito', sans-serif;
	font-weight:bold;
	color:#45144D;
}

#menuCursos_txt {
	width:1050px;
	margin:0 auto;
	height:50px;
}

#menuCursos_txt ul {
	color:#FFF;
	font-family: 'Pathway Gothic One', sans-serif;
	font-size:20px;
	margin-top:12px;
	float:left;
	position:absolute;	
	z-index:3;	
}

#menuCursos_txt ul li {
	text-decoration:none;
	display:inline;
	margin-left:200px;
}

#menuCursos_txt ul li a {
	text-decoration:none;
	color:#FFF;
}

#lupa {
	float:left;
	margin-top:-23px;
	margin-left:435px;
	position:absolute;
	z-index:2;
}

#fita {
	float:left;
	margin-top:-13px;
	margin-left:90px;
	position:absolute;
	z-index:2;
}

#infoCurso {
	cursor:pointer;
	width:244px;
	height:184px;
	float:left;
	background:url(../img/site/quadro_curso.png);
	margin-bottom:100px;
	margin-top:100px;
}

#infoCurso h3 {
	font-family: 'Roboto', sans-serif;
	width:244px;
	float:left;
	text-align:center;
	font-size:14px;
	margin-top:20px;
	font-weight:700;
}

#cursos_2_margin_apresentacao {
	width:700px;
	margin-top:50px;
	margin-left:100px;
	margin-bottom:50px;
	text-align:justify;
	position:absolute;
	z-index:3;
}

#cursos_2_margin_corpo {
	width:700px;
	margin-top:50px;
	margin-left:100px;
	margin-bottom:50px;
	text-align:justify;
	position:absolute;
	z-index:3;
	display:none;
}

#cursos_2_margin_matriz {
	width:700px;
	margin-top:50px;
	margin-left:100px;
	margin-bottom:50px;
	text-align:justify;
	position:absolute;
	z-index:3;
	display:none;
}

#cursos_2_margin_polos {
	width:700px;
	margin-top:50px;
	margin-left:100px;
	margin-bottom:50px;
	text-align:justify;
	position:absolute;
	z-index:3;
	display:none;	
}

#cursos_2_margin_outros {
	width:700px;
	margin-top:50px;
	margin-left:100px;
	margin-bottom:50px;
	text-align:justify;
	position:absolute;
	z-index:3;
	display:none;
}

#quadro_corpodocente h3 {
	margin-bottom:15px;
	font-size:18px;
	text-align:center;
	color:#000;
	font-weight:bold;
}

#quadro_corpodocente p {
	margin-bottom:15px;
	font-size:12px;
	text-align:center;
	color:#000;
	color:#FFF;
	margin-top:5px;
	margin-bottom:5px;
}

.texto_cursos2 ul {
	font-family: 'Nunito', sans-serif;
	font-size:12px;
	color:#FFF;
	margin-left:20px;
	margin-top:10px;
}

.texto_cursos2 li {
	line-height:17px;	
	margin-top:5px;
}

.texto_cursos2 h3 {
	color:#FFF;
	font-family:arial;
	margin-top:15px;
}

.texto_cursos2 p {
	color:#FFF;
	font-family: 'Nunito', sans-serif;
	font-size:12px;
	margin-top:10px;
	line-height:17px;
}

#cursos_2_opacity {
	width:900px;
	border:5px solid #942E9B;
	background:#7C2A8F;
	border-radius:15px;
	opacity:0.7;
	height:600px;
	position:absolute;
	z-index:2;
}

#curso2_txt {
	width:900px;
	margin:0 auto;
	margin-bottom:100px;
	display:table;
}

.margin_quadro1 {
	margin-left:60px;	
}

.margin_quadro2 {
	margin-left:100px;	
}

#imgCurso {
	background:url(../img/site/bg_curso_info.png);
	width:205px;
	height:205px;
	margin:0 auto;
	margin-top:-102px;
	margin-left:22px;
}

#imgCurso2 {
	background:url(../img/site/bg_curso_info2.png);
	width:170px;
	height:171px;
	position:absolute;
	z-index:5;
	margin-left:870px;
	margin-top:-60px;
}

#imgCurso2 img {
	margin-left:6px;
	margin-top:6px;
}

.imgCursos_Auto {
	width:182px;
	height:182px;
	margin-left:8px;
	margin-top:8px;	
}

#imgCurso img {
	opacity:0.4
}

.edu_fisica {
	margin:0 auto;
}

/* servicos */

.servicos {
	background:url(../img/site/bg_servicos.jpg);	
}

#corposervicos {
	width:1150px;
	margin:0 auto;
	margin-left:50px;
}

#title_servicos {
	height:53px;
	width:100%;
	margin-top:45px;
}

#title_servicos h3 {
	color:#AFE7EB;
	font-size:16px;
	font-family: 'Nunito', sans-serif;
	margin-top:17px;
	float:left;
}

#servicos_txt {
	width:1050px;
	height:450px;
}

#menu_servicos {
	float:left;
	width:360px;
}

#menu_servicos p {
	font-size:14px;
	color:#FFF;
	font-family: 'Nunito', sans-serif;
	text-align:justify;
	font-weight:600;
}


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

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

.margin_top_10 {
	margin-top:10px;
}

.margin_top_20 {
	margin-top:20px;
}

.margin_top_40 {
	margin-top:40px;
}

#img_servicos {
	float:left;
	position:absolute;
	z-index:2;
	margin-left:255px;
}

#calendario_servicos {
	margin-left:610px;
	margin-top:-50px;
	width:604px;
	height:461px;
	position:absolute;
	z-index:1;
	background:url(../img/site/bg_calendario_servicos.png);
}

/* servicos */

#servicos {
	display:table;
	float:left;
}

#conteudoseletivo {
	margin:0 auto;
	width:1050px;
}

.seletivo {
	background:url(../img/site/bg_seletivo.png);	
}


#seletivo_menu {
	float:left;
	width:410px;
	height:555px;
	margin-left:13px;
	margin-top:55px;
}



#corposeletivo h3 {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	margin-top:97px;
	margin-left:30px;
}

#seletivos_novos {
	margin-top:0px;
}

#bg_seletivos_novos {
	background:url(../img/site/bg_seletivo_menu.png);
	width:0px;
	height:31px;
	position:absolute;
	z-index:1;
}

#bg_seletivos_novos_mask {
	width:368px;
	height:31px;
	position:absolute;
	z-index:3;
	cursor:pointer;
}

#bg_seletivos_encerrados {
	background:url(../img/site/bg_seletivo_menu.png);
	width:0px;
	height:31px;
	position:absolute;
	z-index:1;
	margin-top:90px;
	margin-left:-3px;
}

#bg_seletivos_encerrados_mask {
	width:368px;
	height:31px;
	position:absolute;
	z-index:3;
	margin-top:90px;
	margin-left:-3px;
	cursor:pointer;
}

#bg_seletivos_andamento {
	background:url(../img/site/bg_seletivo_menu.png);
	width:0px;
	height:31px;
	position:absolute;
	z-index:1;
	margin-top:18px;
}

#bg_seletivos_andamento_mask {
	width:368px;
	height:31px;
	position:absolute;
	z-index:3;
	cursor:pointer;
	margin-top:18px;	
}

#bg_seletivos_novos_txt {
	margin-left:18px;
	position:absolute;
	margin-top:5px;
	z-index:2;
}

#bg_seletivos_andamento_txt {
	margin-left:18px;
	position:absolute;
	margin-top:25px;
	z-index:2;
}

#bg_seletivos_encerrados_txt {
	margin-left:18px;
	position:absolute;
	margin-top:96px;
	z-index:2;
}

#seletivo_menu a {
	text-decoration:none;
	color:#333;
}

#seletivo_menu a:hover {
	text-decoration:underline;
}

#seletivos_andamento {
	margin-top:53px;	
}

#seletivos_encerrados {
	margin-top:58px;
}

#seletivo_menu p {
	font-family:'Roboto', sans-serif;
	font-weight:bold;
}

#seletivo_pessoa {
	margin-left:-40px;
	float:left;
}

#seletivo_login {
	width:250px;
	height:200px;
	margin-left:40px;
	margin-top:115px;
	float:left;
}

#seletivo_login p {
	color:#FFF;
	font-family:'Roboto', sans-serif;	
}

.inputlogin {
	height:22px;
	width:160px;
	float:right;
	padding:0px 0px 0px 5px;
}

#entrar {
	width:60px;
	height:30px;
	background:#FF6600;
	border-radius: 10px;	
	cursor:pointer
}

#entrar h7 {
	font-family: 'Nunito', sans-serif;
	font-size:12px;
	color:#FFF;
	width:60px;
	float:left;
	text-align:center;
	margin-top:7px;
}

#entrar:hover {
	background:#FF9146;
}

#n_senha {
	width:170px;
	height:30px;
	background:#FF6600;
	border-radius: 10px;	
	cursor:pointer;
	float:right;
}

#n_senha h7 {
	font-family: 'Nunito', sans-serif;
	font-size:12px;
	color:#FFF;
	width:170px;
	float:left;
	text-align:center;
	margin-top:7px;
}

#n_senha:hover {
	background:#FF9146;
}

#cadastro_login {
	text-align:center;
	font-size:14px;
	width:170px;
	margin-left:40px;
}

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

#cadastro_login a:hover {
	color:#CCC;
}

/* galeria */

#video_principal {
	width:700px;
	height:427px;
	margin: 0 auto;
	margin-top:20px;
}

/* jornal */

#jornal_principal {
	background:url(../img/site/bg_jornal_principal.png) no-repeat;
	width:940px;
	height:745px;
	margin:0 auto;
}

#jornal_principal h3 {
	font-size:18px;
	font-family: 'Nunito', sans-serif;
	color:#FFF;
	font-weight:100;
	margin-top:44px;
	margin-left:69px;
	float:left;
}

#jornal_secundario {
	background:url(../img/site/bg_jornal_secundario.png) no-repeat;
	width:940px;
	height:331px;
	margin:0 auto;
	margin-bottom:70px;
}

#jornal_secundario h3 {
	font-size:18px;
	font-family: 'Nunito', sans-serif;
	color:#FFF;
	font-weight:100;
	margin-top:42px;
	margin-left:42px;
	float:left;
}

#jornal_mask {
	width:200px; 
	height:150px; 
	position:absolute; 
	z-index:30;
	cursor:pointer;
}

/* sobre */

#sobre_inicial {
	width:970px;
	margin:0 auto;
	margin-top:10px;
}

#sobre_inicial h3 {
	font-family: 'Nunito', sans-serif;
	color:#FFF;
	font-size:16px;
	margin-bottom:15px;
}

#sobre_inicial p {
	font-family: 'Nunito', sans-serif;
	color:#FFF;
	font-size:14px;
}

#personograma {
	position:absolute;
	width:100%;
	background:url(../img/site/personograma.png);
	height:628px;
	margin-top:210px;
	display:none;
}

#sobre_fim {
	width:970px;
	margin:0 auto;	
	margin-top:700px;	
	margin-bottom:150px;
}

#sobre_fim h3 {
	font-family: 'Nunito', sans-serif;
	color:#FFF;
	font-size:16px;
	margin-bottom:5px;
}

#sobre_fim p {
	font-family: 'Nunito', sans-serif;
	color:#FFF;
	font-size:14px;
	margin-top:15px;
}

#sobre_fim ul {
	margin-top:10px;
	margin-left:50px;	
}

#sobre_fim ul li {
	font-family: 'Nunito', sans-serif;
	color:#FFF;
	font-size:14px;
	margin-top:2px;
}

/* moodle */

#txt_moodle {
	margin:0 auto;
	margin-top:290px;
	margin-bottom:120px;
}

#txt_moodle p {
	color:#000;
	font-family: 'Nunito', sans-serif;
	text-align:justify;
	margin-top:20px;
}

#bt_acessar_moodle {
	background:url(../img/site/bt_plataforma.png) no-repeat;
	width:293px;
	height:55px;
	background-position:0px 0px;
	cursor:pointer;
	margin:0 auto;
	margin-top:20px;
}

#bt_acessar_moodle:hover {
	background-position:0px -55px;	
}

/*noticias */ 

#menu_caixa_noticia {
	width:205px;
	height:69px;
	background:url(../img/site/bg_menu_noticias.png);
	position:absolute;
	margin-left:69px;
}

#menu_caixa_noticia p {
	font-family: 'Nunito', sans-serif;
	color:#FFF;
	font-size:20px;
	width:100%;
	text-align:center;
	margin-top:25px;
	float:left;	
}

#caixa_noticia_txt {
	width:880px;
	border:15px solid #039603;
	border-radius:17px;
	margin:0 auto;
	margin-bottom:100px;
	background:#FFF;
	margin-top:55px;
	display:table;

}

#caixa_noticia_txt h3 {
	color:#000;
	font-family: 'Nunito', sans-serif;
	margin-left:30px;
	float:left;
	margin-top:30px;
	margin-right:30px;	
	text-align:justify;	
}

#caixa_noticia_txt a  {
	color:#000;
	text-decoration:none;
	margin-left:0px;
	font-size:14px;
	font-weight:bold;
	color:#CC0;
}

#caixa_noticia_txt a:hover  {
	text-decoration:underline;
}

#caixa_noticia_txt p {
	color:#000;
	font-family: 'Nunito', sans-serif;
	margin-left:30px;
	float:left;
	font-size:14px;
	margin-right:30px;
	text-align:justify;
	margin-top:10px;
	margin-bottom:10px;
}

#cx_noticias_total {
	width:970px;
	margin:0 auto;
	margin-top:118px;
	margin-bottom:10px;
}

#cx_noticias {
	width:800px;
	margin:0 auto;
	height:115.5px;
	margin-top:22px;
	cursor:pointer;
}

#cx_noticias:hover {
	text-decoration:underline;
	color:#FFF;
}

.noticia_title {
	font-size:14px;
	font-weight:bold;
	font-family: 'Nunito', sans-serif;
	color:#FFF;
	margin-top:12px;
}

.noticia_data {
	font-size:10px;	
	font-family: 'Nunito', sans-serif;
	color:#FFF;
}

.noticia_txt {
	font-size:12px;
	color:#FFF;
	font-family: 'Nunito', sans-serif;
	margin-top:10px;
	text-align:justify;
}

#title_noticia {
	margin-top:50px;
	margin-left:125px;
	float:left;
}

#title_noticia h3 {
	font-size:22px;
	color:#FFF;
	font-family: 'Nunito', sans-serif;
}

/* paginacao */

#proximaPag {
	cursor:pointer;
	background:url(../img/site/bt_seta.png);
	background-position:-78px 0px;
	width:26px;
	height:46px;
	float:left;
	margin-left:10px;
}

#proximaPag:hover {
	background-position:-104px 0px;		
}

#cx_numero p {
	font-family: 'Nunito', sans-serif;
	color:#FFF;
	font-size:30px;
	text-align:center;
	float:left;
	width:50px;
	margin-top:0px;
}

#cx_numero {
	width:50px;
	height:38px;
	background:#3ECD3A;
	margin-top:2px;
	margin-left:2px;
	float:left;
	cursor:pointer;
}

#cx_numero:hover {
	background:#2FAB2C;
}

#numeralPag {
	width:260px;
	background:#07A607;
	height:42px;
	float:left;
	margin-top:2px;
	margin-left:10px;
}

#numeralPagDoc {
	height:46px;
	float:left;
	margin-top:2px;
	color:#00F;
}

#numeralPagDoc p {
	color:#996;
}

#voltarPag {
	cursor:pointer;	
	background:url(../img/site/bt_seta.png);
	width:26px;
	height:46px;
	float:left;
	background-position:-52px; 0px;
	margin-left:350px;

}

#voltarPag:hover {
	background-position:-26px 0px;
}

#proximaPagDoc {
	background:url(../img/site/bt_seta.png);
	background-position:-78px 0px;
	width:26px;
	height:46px;
	float:left;
	cursor:pointer;
	margin-left:20px;
}

#proximaPagDoc:hover {
	background-position:-104px 0px;		
}


#voltarPagDoc {
	background:url(../img/site/bt_seta.png);
	width:34px;
	height:46px;
	float:left;
	margin-left:350px;
	cursor:pointer;
}

#voltarPagDoc:hover {
	background-position:0px 34px;
}


#paginacao {
	float:left;
	overflow:auto;
	width:790px;
	height:50px;
	margin-bottom:100px;
}

#paginacao2 {
	float:left;
	overflow:auto;
	width:790px;
	height:50px;
	margin-left:-200px;
	margin-top:15px;
}

#img_logo {
	position:absolute;
	margin-left:313px;
	margin-top:114px;
	z-index:60;
}

/* documentos */

#documentos {
	width:640px;
	height:740px;
	margin-left:170px;
	margin-bottom:150px;
}

#documentos h3 {
	color:#FFF;
	font-size:20px;
	font-family: 'Nunito', sans-serif;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:10px;
	margin-right:20px;	
}

#documentos p {
	margin-left:40px;
	margin-top:5px;
	font-size:14px;
	margin-right:20px;
}

#documentos a {
	color:#FFF;
	font-family: 'Nunito', sans-serif;
	text-decoration:none;	
}

#documentos a:hover {
	text-decoration:underline;
}

/* area contato */

#link_contato {
	background:url(../img/faleconosco.png);
	background-position: 0px center;
	background-repeat: no-repeat;
	background-size: 70px 348px;
	width:70px;
	height:346px;
	position:fixed;
	z-index:101;
	left:0px;
	cursor:pointer;
	top:50%;
	margin-top:-169px;
}

#link_conteudo_contato {
	width:400px;
	height:352px;
	background:url(../img/bg_contato.png);
	background-size: 100% 100%;
	position:fixed;
	left:-315px;
	z-index:100;
	top:50%;
	margin-top:-161px;
}

#link_faleconosco {
	background:url(../img/site/ico_faleconosco.png);
	width:91px;
	height:150px;
	position:absolute;
	z-index:99;
	left:0px;
	cursor:pointer;
	margin-top:196px;
	background-position:91px;
	top:50%;
	margin-top:23px;	
}

#menu_contato_petro {
	width:121px;
	height:41px;
	background:url(../img/site/bg_contato_menu.png);
	margin-left:10px;
	float:left;
	cursor:pointer;	
}

#txt_juazeiro_contato {
	display:none;
}

#menu_contato_petro p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	float:left;
	width:121px;
	text-align:center;
	margin-top:12px;
}

#menu_contato_jua {
	width:121px;
	height:41px;
	background:url(../img/site/bg_contato_menu.png);
	background-position:121px;
	margin-top:10px;
	margin-left:10px;
	float:left;
	cursor:pointer;
}

#menu_contato_jua p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	float:left;
	width:121px;
	text-align:center;
	margin-top:12px;
	color:#666;
}

#conteudo_txt_contato {
	width:302px;
	height:268px;
	background:#FFCC00;
	float:left;
	margin-left:10px;
	margin-top:-4px;
	border-radius:0px 10px 0px 0px;
}

#conteudo_txt_contato h3 {
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-left:10px;
	color:#333;
}

#conteudo_txt_contato p {
	font-size:12px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:10px;
}


/*Pagina Setor Comunicação*/
#menu_scom {
	background:#006310;
	width:100%;
	height:50px;
	margin-top:70px;
	margin-bottom:70px;
	padding-left: 400px;
}

#menu_scom_txt {
	width:100%;
	/*margin:0 50px;*/
	/*padding-left: 0;*/
	height:50px;
}

#menu_scom_txt ul {
	color:#FFF;
	font-family: 'Pathway Gothic One', sans-serif;
	font-size:20px;
	margin-top:12px;
	float:left;
	position:absolute;	
	z-index:3;	
}

#menu_scom_txt ul li {
	text-decoration:none;
	display:inline;
	margin-left:140px;
}

#menu_scom_txt ul li a {
	text-decoration:none;
	color:#FFF;
}

#lupa_scom {
	float:left;
	margin-top:-23px;
	margin-left:435px;
	position:absolute;
	z-index:2;
}

/* ----------------------------------------------------------- INSERIDO POR RAMON BRITO EM 09/09/15 ------------------------------------------------ */
/* ----------------------------------------------------------- CSS DA P�GINA MODELO.PHP ---------------------------------------------------------- */

	#foto {
		position: relative;
		left: 90%;
		width: 70px;
		height: 80px;
		top: -20px;					/* adicionado em 06.10.15*/
		border-radius: 5px;
		border: 1px solid #000;
		background: #fff url(../img/usuario.png);
	}
	#cx_moodle p{
		position: relative;
		font-size: 20px;
		float: right;
		right: 13%;
		top: 15px;					/* alterado em 06.10.15. Valor original 25px*/

	}
	#cx_moodle a p:hover{
		/* color: yellow; */
	}
	
	#cx_moodle3 {
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
	}
	
	#cx_moodle2 img{
		position: relative;
		top: -33px;
		left: 108px;
	}

	#cx_topo {												/* adicionado em 06.10.15 */
		background: url(../img/elementoTopo.png) no-repeat;
		width: 100%;
		height: 90px;
		background-position: center;
		float: left;
		margin-top: -35px;
	}

	#cx_topo2 {												/* adicionado em 06.10.15 */
		background: url(../img/elementoVideo.png) no-repeat;
		width: 90%;
		height: 40px;
		background-position: center;
		position: relative;
		z-index: 1000;
		top: -17px;
	}

	#cx_topo2 h4{								/* adicionado em 06.10.15 */
		font-family: 'Arial', sans-serif;
		color: #fff;
		text-align: center;
		padding-top: 10px;
	}

	#cx_texto {
		width: 750px;
		height: 40px;
		position: relative;
		left: 140px;
		top: -146px;
	}

	#cx_texto p{
		width: 100%;
		margin-left: 98px;
		text-align: center;
		float: left;
		margin-top: -10px;
		font-size: 22px;
		color: #fff;
	}

	#esq {
		margin-top: 0px;
		float: left;
		width: 50%;
		height: 340px;
		//background: red;
	}		
	#dir {
		margin-top: 0px;
		float: right;
		width: 50%;
		height: 340px;
		//background: navy;
	}

	#esq img {
		width: 70%;
		top: 30px;
		left: 97px;		
	}
	
	#cx_video {
		position: relative;
		top: -44px;
		width: 90%;
		height: 320px;
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
		z-index: 0;
		background-image: linear-gradient(to bottom, transparent, rgba(206,206,206,.8));
	}

	#dir img{
		width: 250px;
		position: relative;
		z-index: 1000;
		left: 105px;
		top: -10px;
	}
	
	#cx_noticia {
		margin-left: 50px;
		margin-top: -8px;
		float: left;
		width: 88%;
		height: 290px;
		background-image: linear-gradient(to bottom, transparent, rgba(206,206,206,.8));
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
	}
	
	#cx_logotipo {
		width: 336px;
		height: 189px; 
		background: url(../img/logo_cao2.png);
		position: absolute;
		margin-left: 5px;	/* alterado em 06.10.15. valor original 80px */
		margin-top: -80px;  /* modificado em 06.10.15. valor original: -60px */
	}
	/* ----------------------------------------------------------- FIM CSS DE MODELO.PHP ---------------------------------------------------------- */
	/* ----------------------------------------------------------- CSS DA PÁGINA ETAPA1.PHP ------------------------------------------------------- */
	#area_principal {
		position: relative;
		top: 0px;			/* alterado em 06.10.15. valor original -100px */
		width: 99.8%;
		height: 400px;
		border: 1px solid #cecece;
		border-top: none;    /* adicionado em 06.10.15 */
	}

	#area_unidade {
		float: left;
		height: 100%;
		width: 200px;
		/*-webkit-box-shadow: 3px 0px 0px 0px rgba(89,84,89,1);
		-moz-box-shadow: 3px 0px 0px 0px rgba(89,84,89,1);
		box-shadow: 3px 0px 0px 0px rgba(89,84,89,1);*/
	}
	
	#botao_unidade {
		float: left;
		width: 100%;
		height: 40px;
		background: url(../img/botao_unidade.png);
	}

	#botao_unidade h3 {
		font-family: "Century Gothic", sans-serif;
		font-weight: lighter;
		text-align: center;
		color: #4c4c4c;
		padding-top: 8px;
		/*font*/
	}

	#botao_unidade h3:hover {
		font-weight: normal;
		color: #fff;
	}

	#botao_unidade:hover {
		background: #CC1D1D;
		cursor: pointer;
	}

	#material_apoio {
		float: left;
		width: 190px;
		height: 400px;
        overflow:hidden;
		/*margin-left: 3px;*/
		background: #fff;
		border: 1px solid #cecece;
		border-top: none;
	}
	
	#material_apoio h4 {
		font-family: "Century Gothic", sans-serif;
		text-align: center;
		width: 100%;
		padding: 10px 0px;
		color: #fff;
		background: #CC1D1D;
	}
    
	#area_video {
		float: left;
		height: 100%;
		width: 654px;
		/*border-left: 1px solid #cecece;*/
		/*margin-left: 10px;*/
		background: #e6e7e8;
	}

	#area_video h4{
		padding-top: 20px;
		font-family: "Century Gothic", sans-serif;
		text-align: center;
		color: #4c4c4c;
	}

	#material_apoio img {
		position: inherit;
        margin-left: 21px;
        margin-top: 8px;
	}

	#material_apoio img:hover {
		cursor: pointer;
	}
	
	#cx_icones {
		width: 100px;
		height: 107px;
		float: left;
		padding: 0px;
		margin: 0px;
		margin-top: -4px;
	}

	#cx_icones img {
		width: 90%;
		position: relative;
		left: 0px;
		top: 0px;
	}

	#cx_icones p {
		font-size: 14px;
		font-family: "Calibri", sans-serif;
		font-weight: 400;
		float: left;
		margin:0px;
		padding: 0px;
		top: 0px;
		left: 0px;
		bottom: 0px;
		margin-left: 22px;
		top: -5px;
	}	

	/* ----------------------------------------------------------- FIM CSS DA PÁGINA ETAPA1.PHP -------------------------------------------------------- */
	/* ----------------------------------------------------------- CSS DAS PÁGINAS AUDIO.PHP, APOSTILA.PHP, VIDEOS.PHP --------------------------------- */
	#cabecalho {
		margin: 15px 0px 15px 99px;
		float: left;
		width: 190px;
		height: 30px;
		/*margin-left: 3px;*/
		border: 1px solid #cecece;
		border-top: none;
		background: #CC1D1D;
	}
	
	#cabecalho h4 {
		font-family: "Century Gothic", sans-serif;
		padding-top: 7px;
		text-align: center;
		width: 100%;
		color: #fff;
	}

	#area_videos {
		width: 97%;
		margin-left: 3%;
		height: 82%;
		float: left;
		overflow: auto;
	}

	#area_video_pequeno {
		width: 95%;
		height: 100px;
		float: left;
		margin-left: 2.5%;
		background: #D8D9DA;
		margin-top: 10px;
	}

	#thumbnail {
		height: 100%;
		width: 176px;
		float: left;
		background: url(../img/video.png); 
	}

	#thumbnail:hover {
		background: url(../img/video_hover.png);
		cursor: pointer;
	
	}

	#area_video_pequeno h4 {
		float: left;
		width: 330px;
		margin-top: 10px;
		padding-top: 0px;
		margin-left: 10px;
		text-align: left;
	}
	
	#texto {
		width: 325px;
		height: 65%;
		position: relative;
		left: 186px;
		top: 30px;
	}

	#area_video_pequeno p {
		margin: 0px;
		padding: 0px;
		width: 100%;
		position: absolute;
		text-align: justify;
		left: 0px;
		top: 0px;
		font-size: 12px;
		/*font-family: "Arial", sans-serif;*/
		color:#727376;
	}
	/* ----------------------------------------------------------- FIM CSS DA PÁGINA AUDIO.PHP ----------------------------------------------------- */
	/* ----------------------------------------------------------- CSS DA PÁGINA NOTICIAS.PHP ------------------------------------------------------ */
	#cx_peq {
		border-right: 1px solid #cecece;
		float: left;
		width: 32%;
		height: 92%;
		overflow: auto;
		background: #fff;
	}

	#titulo_not {
		float: left;
		font-family: "Century Gothic", sans-serif;
		text-align: center;
		width: 100%;
		padding: 5px 0px;
		color: #fff;
		background: #CC1D1D;
	}
    
    .titulo_not {
		float: left;
		font-family: "Century Gothic", sans-serif;
		text-align: center;
		width: 100%;
		padding: 5px 0px;
		color: #fff;
		background: #CC1D1D;
	}

	#area_noticia {
		width: 100%;
		height: 127px;
		float: left;
		/*margin-left: 2.5%;*/
		/*background: #D8D9DA;*/
		border-bottom: 1px dashed #cecece;
	}

	#area_noticia:hover {
		background: rgba(0,0,0,.1);
	}
	#thumb_noticias {
		margin-left: 5px;
		height: 130px;
		width: 150px;
		float: left;
		background: url(../img/thumb_noticia.png);
		background-position: center;
		background-size: 150px;
		background-repeat: no-repeat;
	}

	#txt {
		width: 160px;
		height: 70%;
		top: 5px;
		position: relative;
	}

	#txt p {
		font-family: "Arial", sans-serif;
		position: absolute;
		width: 100%;
		left: 160px;
		top: 5px;
		font-size: 10px;
		padding: 0px;
		margin: 0px;
	}

	#area_noticia h4 {
		font-family: "Arial", sans-serif;
		font-size: 15px;
		position: relative;
		top: 5px;
		left: 5px;
		width: 98%;
	}

	#area_noticia span {
		/*position: relative;*/
		float: right;
		margin-top: 5px;
		margin-right: 4px;
		font-family: "Arial", sans-serif;
		font-size: 9px;
	}

	#cx_grande {
		float: right;
		width: 67.89%;
		height: 92%;
		background: #fff;
		overflow-y: auto;
		overflow-x: hidden;
	}

	#cx_grande span {
		float: left;
		padding: 10px 0px 0px 15px;
		font-family: "Arial", sans-serif;
		font-size: 12px;
		color: #cecece;
		width: 97.8%;
	}

	#cx_grande img {
		float: left;
		top: 0px;
		left: 0px;
		height: 150px;
		width: 250px;
		padding: 15px;
	}

	#cx_grande h3 {
		width: 97.8%;
		float: left;
		padding-left: 15px;
		margin-top: 10px;
	 	font-family: "Century Gothic", sans-serif;
	 	font-size: 24px;
	 	text-align: center;
	 }

	 #cx_grande p{
	 	float: left;
	 	top: 0px;
	 	left: 0px;
	 	margin: 0px;
	 	padding: 0px;
	 	font-size: 12px;
	 	text-align: justify;
	 	margin-left: 2.5%;
	 	width: 96%;
	 }
	/* ----------------------------------------------------------- FIM CSS DA PÁGINA NOTICIAS.PHP -------------------------------------------------- */
	/* ----------------------------------------------------------- CSS DA PÁGINA MENSAGENS.PHP ----------------------------------------------------- */
	#menu_msg {
		background: #E6E7E8;
		float: left;
		width: 20%;
		height: 83.5%;
		border-right: 1px solid #cecece;
	}

	#menu_msg h4:hover{
		background: #CC1D1D;
		cursor: pointer;
		color: #fff;
	}

	#menu_msg h4 {
		text-align: center;
		margin-left: 15%;
		width: 70%;
		margin-top: 10px;
		padding-top: 6px;
		padding-bottom: 6px;
		float: left;
		font-family: "Arial", sans-serif;
		font-weight: lighter;
		color: #4B4B4D;
		border-bottom: 1px solid #848688;
		font-size: 14px;
	}

	.caixa_entrada {
		float: left;
		background: #fff;
		width: 79.89%;
		height: 84%;
		overflow: auto;
	}

	#cx_assunto {
		width: 370px;
		height: 100%;
		float: left;
		border-right: 1px solid #dedede;
	}
	
	#cx_data {
		float: left;
		width: 135px;
		height: 100%;
	}

	#cx_remetente {
		float: left;
		width: 250px;
		height: 100%;
		border-right: 1px solid #dedede;
	}

	#cx_inbox {
		float: left;
		width: 100%;
		height: 28px;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	#cx_inbox:hover {
		background: rgba(237,50,55,.1);
		cursor: pointer;
	}

	#cx_inbox p {
		font-family: "Arial", sans-serif;
		font-size: 14px;
		float: left;
		top: 0px;
		left: 0px;
		margin: 7px 0px 0px 10px;
		padding: 0px;
		color: #4B4B4D;
		text-align: center;
	}
    
    .cx_inbox {
		float: left;
		width: 100%;
		height: 28px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
    
    .cx_inbox.adm {
        background: #ffcc00;
    }

	.cx_inbox:hover {
		background: rgba(237,50,55,.1);
		cursor: pointer;
	}

	.cx_inbox > div > p {
		font-family: "Arial", sans-serif!important;
		font-size: 14px!important;
		float: left!important;
		top: 0px!important;
		left: 0px!important;
		margin: 7px 0px 0px 10px!important;
		padding: 0px!important;
		color: #4B4B4D!important;
		text-align: center!important;
	}

	.caixa_entrada hr {
		border-color: #E6E7E8; 
		width: 95%;
		margin-right: auto;
		margin-left: auto;
		border-bottom: 1px;
	}

	#cx_inbox2 {
		float: left;
		width: 100%;
		height: 28px;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	#cx_inbox2 h4 {
		margin-top: 5px;
		margin-left: 10px;
		font-family: "Century Gothic", sans-serif;
		float: left;
		color: #4B4B4D;
	}

	#cx_inbox2 input {
		margin-left: 6px;
		margin-top: 6px;
		border: none;
		height: 20px;
		float: left;
		width: 89%;
	}

	#cx_inbox2 input:focus {
		outline: none;
	}

	#escrever textarea {
		margin-top: 10px;
		border: none;
		height: 282px;
		width: 98%;
		margin-left: 2%;
		resize: none;
	}

	#escrever textarea:focus {
		outline: none;
	}

	#cx_contatos_float {
		position: relative;
		z-index: 10000;
		width: 300px;
		height: 275px;
		background: rgba(222,222,222, .5);
		left: 655px;
		top: 120px;
		border: 1px solid #dedede;
		border-radius: 5px;
	}

	#fechar {
		background: url(../img/close.png);
		position: relative;
		width: 18px;
		height: 18px;
		left: 272px;
		top: -25px;
	}

	#fechar:hover{
		cursor: pointer;
	}

	#tit_cont{
		position: relative;
		right: 0px;
		left: 15px;
		margin: 0px;
		top: 15px;
		width: 100px;
		height: 30px;
	}

	#tit_cont h3{
		position: absolute;
		font-family: "Century Gothic", sans-serif;
		color: #4B4B4D;
		font-size: 16px;
	}

	#cx_contatos_float hr {
		position: absolute;
		z-index: 100001;
		border-color: #E6E7E8; 
		width: 80%;
		margin-top: 5px;
		margin-right: auto;
		margin-left: 15px;
		border-bottom: 1px;
	}

	#todos_contatos {
		position: absolute;
		top: 40px;
		left: 15px;
		width: 270px;
		height: 225px;
		overflow: auto;
	}

	#todos_contatos form {
		margin-top: 10px;
	}

	#todos_contatos form span {
		font-family: "Century Gothic", sans-serif;
		color: #4B4B4D;
		font-size: 14px;
		padding-left: 5px;
	}

	#enviar {
		position: relative;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 30px;
		background: #CC1D1D;
		border-radius: 5px;
		/*background: url(../img/back_enviar2.png) repeat-x;*/
		/*background-image: linear-gradient(to bottom, transparent, rgba(200,0,206,.5));*/
		border: none;
	}

	#enviar:hover {
		cursor: pointer;
		background: rgba(204, 29, 29, .8);
	}

	#enviar h3 {
		font-family: "Century Gothic", sans-serif;
		color:  #fff;
	}
	/* ----------------------------------------------------------- FIM CSS DA PÁGINA MENSAGEM.PHP -------------------------------------------------- */
	/* ----------------------------------------------------------- CSS DA PÁGINA FORUM.PHP --------------------------------------------------------- */
	.cx_forum {
		height: 150px;
		width: 100%;
		float: left;
		/*background: blue;*/
		background: #fff;
		/*background: #dedede;*/
	}

	#info_forum {
		width: 96%;
		float: left;
		margin-left: 2%;
		margin-top: 30px;
	}

	#info_forum p {
		float: left;
		padding: 0px;
		font-family: "Arial", sans-serif;
		color: #4B4B4D;
		margin: 0px;
		font-size: 14px;
		top: 0px;
		left: 0px;
	}

	#barra_botao {
		width: 100%;
		height: 30px;
		float: left;
	}

	#digitar {
		float: left;
		width: 100%;
		background: white;
		height: 50px;
	}

	#digitar img {
		margin: 0px;
		top: 5px;
		left: 5px;
		float: left;
	}

	#digitar img:hover {
		cursor: pointer;
	}
	/*
	/
	/	OBS.: PARTE DO CSS PARA A PÁGINA FORUM.PHP FOI REUTILIZADA A PARTIR DO CSS DA PÁGINA MENSAGEM.PHP
	/
	/
	*/


	/* ----------------------------------------------------------- FIM DA CSS DA PÁGINA FORUM.PHP -------------------------------------------------- */
	/* --------------------------------------------------- IN�CIO CSS DA P�GINA ALTERARPERFIL.PHP -------------------------------------------------- */

	#areaDir {
		float: right;
		height: 459px;
		width: 45%;
		padding-left: 2%;
		padding-right: 3%;
		padding-top: 2%;
		
	}

	#areaEsq {
		float: left;
		height: 459px;
		width: 45%;	
		padding-left: 2%;
		padding-right: 3%;
		padding-top: 2%;
		
	}

	/* --------------------------------------------------- FIM DA CSS DA P�GINA ALTERARPERFIL.PHP -------------------------------------------------- */
	/* ----------------------------------------------------------- FIM CÓDIGO RAMON BRITO ---------------------------------------------------------- */

    
    /* ----------------------------------------------------------- INÍCIO CSS ATIVIDADES ----------------------------------------------------------- */
.area_questao {
	background:#D2D3D5;
	width:614px;
	min-height: 320px;
	margin-left:10px;
	padding: 0px 10px;
}
.area_questao h4{
	text-align: left!important;
	font-size: 14px;
	padding: 10px 0px!important;
}
.area_questao h3{
	text-align: left;
	font-size: 14px;
	font-family: "Century Gothic", sans-serif;
	font-weight: normal;
	color: #4c4c4c;
	margin: 5px 10px;
}
    /* ------------------------------------------------------ INÍCIO CSS DA CAIXA DE ALERTAS ------------------------------------------------------- */
#aviso_mask {
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.7;
}
#aviso_dialog {
	position:fixed;
	z-index:1001;
	LEFT:50%;
	margin-left:-375px;
	TOP:50%;
	margin-top:-80px;
	width:750px;
	height:160px;
	border:4px solid #fff;
	border-radius:15px;
	background:#CC1D1D;
	overflow: hidden;
}
#aviso_dialog img {
	width:42px;
	height:42px;
	border:0;
	position:absolute;
	right: 0;
	margin:5px 20px;
}
#aviso_titulo {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:25px;
	color:#fff;
	float:left;
	width: 100%;
	padding: 12px 20px;
	border-bottom: 1px solid #fff;
}
#aviso_area_mensagem {
	float:left;
	width:710px;
	height:auto;
	padding: 20px;
	overflow: auto;
	background: none;
}
#aviso_mensagem {
	font-family:Tahoma, Geneva, sans-serif;
	color: #fff;
	text-align: justify;
	font-size:14px;
}
#aviso_assinatura {
	display: none;
	font-family:Tahoma, Geneva, sans-serif;
	color: #fff;
	text-align: left;
	margin-top: 20px;
}

#aviso_mensagem p{
	margin-left: 15px;
	font-family:Tahoma, Geneva, sans-serif;
	color: #fff;
	text-align: justify;
	font-size:13px;
	font-weight: normal;
}
    /* ----------------------------------------------------- INÍCIO CSS DA CAIXA DE ANOTAÇÕES ------------------------------------------------------ */
#dialogAnotacao { position:fixed; z-index:991; LEFT:50%; TOP:50%; width:1050px; height:640px; margin-left:-525px; margin-top:-320px; background: #CC1D1D; border-radius:15px; }
#anotacoes_left { float:left; width: 700px; height: 590px; margin: 10px 20px; }
#anotacoes_right { float:right; width: 290px; height: 570px; margin: 10px 20px 10px 0px; }
#videos { height: 200px; margin-bottom: 10px;font-family: 'Arial', sans-serif; }
#videos > h2 { text-align: center; color: white; margin-bottom: 10px; }
#outros_videos { float: left;width: 100%;height: 160px; }
#anotacoes { background:white; width: 280px; height: 350px; padding: 5px; font-family: 'Arial', sans-serif; }
#anotacoes p {margin-top:10px;}

#save:hover{cursor: pointer;}
#save p {font-weight: 600; color: #CC1D1D; font-size: 14px;}
#save { float: right; width: 200px; padding: 4px 2px; margin-top: 15px; background: #cecece; border: none; }
#formAnota textarea{ width: 692px; height: 80px; float: left;margin-top: 10px; resize:none;outline: none; overflow: auto; padding: 4px; }
#allVideos_apostila p {float: left; font-size: 16px; top:0; right: 0; padding: 0px 10px;}

.thumb_nav{
    width: 25px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
    cursor: pointer;
}
.thumb_video {
    width: 230px;
    height: 160px;
    margin: auto;
}
.thumb_video_img{
    background-size: 100%;
    background-repeat: no-repeat;
    background-origin: content-box;
    width: 200px;
    height: 110px;
    cursor: pointer;
    float: left;
    margin: 0px 15px;
}
.thumb_video p{
    color: white;
    text-align: center;
    margin-top: 5px;
}