/*===== IMPORTANDO CSS =====*/
@import url("css.css");

/*===== @CSS =====*/
*, html, body {	margin:0;padding:0;text-decoration:none;}
body {
	background: url(../../_IMG/fnd_site.jpg);
	color:#fff;
	font:14px/130% Arial,Verdana,sans-serif;
	list-style:none outside none;
	*text-align: center;
	height: auto;
}
ul, dl {margin-bottom:10px;}
li, dt, dd, li *, dt *, dd * {margin:0;padding:0;}
img, img a, a img, img a:hover {border:medium none;}
li {list-style: none;}
a:link, a:visited, a:hover, a:active {color: #000;text-decoration:none;}
a:hover {color:#000;text-decoration:none;}
address {font-style:normal;}
.left {float: left;}
.right {float: right;}

/* ID BANNERS */
#bannerfloat {
	width: 412px;
	height: 229px;
	top: 50%;
	left: 50%;
	margin-left: -206px;
	margin-top: -235px;
	position: fixed;
	z-index: 9999999;
}
#bannerfloat a.fechar{
	padding: 5px; 
	float: right;
	margin: 350px 0 0 340px;
	position: absolute;
	display: block;
	height: 50px;
	width: 50px;
}

/* ====== TOPO  ====== */
#topo {	width: 100%;height: auto;background: url(../../_IMG/bg_topo.png);float: left;}
#topo div.top{width: 960px;height: 230px;margin: 0 auto;}
#topo img.logo {margin: 0; *margin-left: -175px;float: left;position: absolute;}
#topo img.logo:hover {opacity: 0.9;cursor: pointer;}

#menu {width: 100%; height: auto; background: url(../../_IMG/bg_menu.png) repeat-x;float: left;}
#menu ul{width: 957px; height: 50px; margin: 0 auto; list-style: none; background: #004C7F;}

#menu ul li {float: left;}
#menu ul li a{
	color: #fff;
	display: block;
	padding: 20px 14px 11px;
	font-weight: bold;
	border-right: 1px solid #00426F;
	font-size: 14px;
}
#menu ul li a:hover {background: url(../../_IMG/bg_menu.png) repeat-x;color: #fff;text-shadow: 0 0 5px #fff;}
#menu ul li:hover ul { /* DISPLAY TEM QUE SER NO LI */	display: block; }

/* SUBMENU */
#menu ul li ul {
	width: auto;
	height: auto;
	position: absolute;
	margin-top: 0px;
	background: #004C7F;
	display: none;
	z-index: 9;
	*text-align: left;
	-moz-box-shadow: 0 2px 5px #06f; 
}
#menu ul li ul li{float: none;}
#menu ul li ul li a {
	border: none;
	display: block;
	color: #fff;
	border-top: 1px solid #00426F;
	border-bottom: 1px solid #00426F;
}

/* SUBMENU 2 */
#menu ul li ul li ul.sub2 {
	background: #00426F;
	left: 118px;
	top: 0;
	display: none;
	width: auto;
	margin-left: 16px;
}
#menu ul li ul li:hover ul.sub2{display: block;}

/*========LIGHTBOX==========*/
.bg_preto{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index:1001;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
}
 
.lightbox_fnd{
	display: none;
	position: fixed;
	top: 35%;
	left: 25%;
	width: 50%;
	height: auto;
	padding: 8px 10px;
	background: #fff;
	z-index:1002;
	color: #000;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-box-shadow: 0 0 15px #006CB8;
}
.lightbox_fnd a{color: #000;}
.lightbox_fechar{right: 0; top: 0; position: absolute; margin-right: 3px; cursor: pointer;}
.lightbox_conteudo{
	margin-right: 60px;
	font-size: 16px;
	line-height: 25px;
	color: #666;
	font-weight: bold;
	padding-left: 5px;
}
/*============================*/

/* ====== CORPO ====== */
#corpo {width: 970px;height: auto;margin: 0 auto;}
#conteudo {
	width: 970px;
	height: auto;
	min-height: 660px;
	float: left;
	background: #fff;
	-webkit-border-radius: 15px;
	-moz-box-shadow: 0 5px  15px #ccc;
	*text-align: left;
	padding-top: 10px;
}
/* CLASSES */
.home_fnd {margin: 10px; width: 940px; color: #000; float: left; padding: 5px;}
.pg_titulo { font-size: 26px; color: #0357B4; font-weight: bold; line-height: 130%;}
#box_left {width: 630px; height: auto; min-height: 620px; float: left; border-right:5px solid #f1f1f1; padding-right: 10px;}
	#box_left a{color: #06f; font-weight: bold;}
#box_right {width: 280px; height: auto; float: left; margin-left: 10px;}

/* BOX LEFT */
#box_left .boxs{
	width: 300px;
	height: 200px;
	margin: 0 0 20px 0;
	float: left;
}

/* BOX TITULOS */
#box_left .box_titulo{
	font-size: 14px;
	height: 40px;
	width: 100%;
	color: #fff;
	font-weight: bold;
	margin-top: -5px;
	text-transform: uppercase;
	float: left;
}

#box_left .noticias{height: 40px; background: url(../../_IMG/fnd_titulo.png) 0 -120px no-repeat;}
#box_left .videos{height: 40px; background: url(../../_IMG/fnd_titulo.png) 0 -160px no-repeat;}
#box_left .fotos{height: 40px; background: url(../../_IMG/fnd_titulo.png) 0 -200px no-repeat;} 
#box_left .agenda{height: 40px; background: url(../../_IMG/fnd_titulo.png) 0 -240px no-repeat;}
#box_left .vagas{height: 40px; background: url(../../_IMG/fnd_titulo.png) 0 -280px no-repeat;}
#box_left .avisos{height: 40px; background: url(../../_IMG/fnd_titulo.png) 0 -320px no-repeat;}

/* FIM BOX TITULOS CURSOS */
.titulos_cursos {width: 100%; float: left; margin-bottom: 5px; margin-top: -15px;}
.titulos_cursos span{width: 15px; height: 20px; float: left; background: url(../../_IMG/titulo_span.png); position: absolute; margin-top: 90px; margin-left: -589px; *margin-top: 70px;} 

/* Google Chrome hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.titulos_cursos span { margin-left: -30px; }
}

/* Google Chrome hack */
.t_pos_graduacao { 
	width: 360px; 
	height: auto; 
	background: url(../../_IMG/titulo_bg.png); 	
	margin-left: -30px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	font-size: 26px;
	padding: 10px 20px 0 20px;
	text-align: right; 
	float: left;
}
a.t_graduacao_ead{ float: left; margin-left: 5px; color: #999!important; font-weight: bold; font-size: 20px; padding: 5px;}
a.t_graduacao_ead:hover{ background: #00426F; color: #fff!important; cursor: pointer; }
/* BOX CURSOS */

/* BOXS CONTEUDO */
.box_conteudo {float: left; width: 100%; height: auto;}
.box_titulo_cidades {cursor: pointer; font-weight: bold; float: left; padding: 7px 10px; margin: 5px 0 5px 0; color:#fff; -moz-border-radius: 10px;margin-right: 5px;;}
.box_titulo_cidades:hover {background: #ff0; color: #00263F; text-shadow: 0 0 1px #fff}
.enable { background: #06f;  color: #fff;}

/* BOX ID'S */
#cursos {width: 610px!important; height: auto!important;}	
#noticias {width: 310px!important; height: auto!important; min-height: 260px!important; margin-right: 20px!important;}
#fotos {margin-right: 20px!important;}
#banners {width: 240px!important; height: auto!important;}

/* ID FOTOS */
#fotos .fotos_titulo {background: url(../../_IMG/trans.png); width: 294px; height: 34px; float: left; position: absolute; margin-top: 130px; padding: 3px; color: #fff; font-weight: bold;}
/* FIM FOTOS */

/* ID CURSOS */
.box_polos_listas {background: #f1f1f1; float: left; padding: 5px 0 0; margin: -5px 0 5px 5px;  text-align: center; font-size: 16px; -moz-border-radius: 0 0 10px 10px;}
ul#cursos_pos_lista, ul#cursos_extensao_lista {list-style: inside; height: auto; float: left;width: 250px;}
ul#cursos_pos_lista li, ul#cursos_extensao_lista li { width: 630px; height: auto; background: #fff; float: left; display: block;}	
ul#cursos_pos_lista li a, ul#cursos_extensao_lista li a{
	width: 295px;
	margin: 2px;
	padding: 5px; 
	padding-left: 10px;
	font-size: 16px;
	background: #f1f1f1;
	-moz-border-radius: 10px;
	color: #777;
	float: left;
}
ul#cursos_pos_lista li a:hover, ul#cursos_extensao_lista li a:hover {
	background: #012E4F;
	color: #ff0!important;
	cursor: pointer;
} 
ul#cursos_extensao_lista li a{width: 550px;}

ul#cursos_pos_lista span { background: url(../../_IMG/aviso_cursos.png); color: #fff; position: absolute;visibility: hidden; margin-left: 210px; margin-top: 40px; width: 130px; height: 50px; text-align: center; padding-top: 10px; font-size: 12px; }
ul#cursos_pos_lista li a:hover .confirmado{visibility: visible;}

/*cursos extensão*/
#cursos_extensao_lista p{padding: 5px; float: left; font-size: 16px; width: 100%;}
	#cursos_extensao_lista .box_lista{ width: 550px;height: auto; display: none;}


	#cursos_extensao_lista p.ex_titulo{font-weight: bold; margin-top: 10px;}
	#cursos_extensao_lista p.ex_data{font-weight: bold; color: #999;}
	#cursos_extensao_lista p.ex_descricao{}
	#cursos_extensao_lista a.inscricao{padding: 10px; background: #06f;color: #fff; margin-left: 185px; width: auto;margin-bottom: 10px;}
	#cursos_extensao_lista li .box_itens{padding: 10px; width: 500px; margin: 10px 10px; margin-left: 25px;float: left; border-bottom: 1px dashed #333;}
	#cursos_extensao_lista li .box_itens:hover{background: #f1f1f1;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-bottom: 1px solid #f1f1f1;}

	/* Formulário de inscrição curso extensão */
	#box_extensao_form {}
		#box_extensao_form h1{color: #0357CE; margin-bottom: 20px;}
		#box_extensao_form form p{float: left;clear: both; margin-bottom: 10px;color: #000;width: 500px;}
		#box_extensao_form form p input{width: 300px;float: left;}
		#box_extensao_form form p span{width: 150px; padding: 3px; float: left;text-align: right;}
		#box_extensao_form form a{float: left; margin-left: 230px; background: #000; color: #fff; padding: 10px; font-size: 16px; margin-top: 20px; -moz-border-radius: 10px;}
			#box_extensao_form form a:hover{background: #012E4F; color: #FF0;}	
		
		#box_extensao_form label{color: #f00!important; float: left; font-size: 10px;position: absolute;float: right; margin-left: 5px;}
		
		#fechar_inscricao{
			background: #333;
			color: #fff;
			padding: 5px;
			float: left;
			margin-left: 570px;
			margin-top: -45px;
			position: absolute;
			-moz-border-radius: 5px;
			cursor: pointer;
			}
	/* fim form */
		
		a.button_acompanhamento{float: right; margin-top: -40px; background: #f00; color: #fff!important; padding: 3px; width: 230px; text-align: center; font-weight: bold; -moz-border-radius: 10px;}
		a.button_acompanhamento:hover{cursor: pointer;}
		
		ul.acomp_insc{margin-top: 20px;font-size: 12px;}
			ul.acomp_insc li{float: left; padding: 3px 10px; background: #f1f1f1; margin: 0 0 1px 1px; text-align: center; height: 40px; width: 70px; line-height: 40px;}
				ul.acomp_insc .top{background: #001C2F!important; color: #fff;}

/* FIM CURSOS */

/* ID BANNERS */

#banners .lista_banners{ opacity: 0.9;float: left; width: 200px; height: 70px; margin-bottom: 5px; margin-left: 30px; background: #eee; border: 5px solid #ccc; -moz-border-radius: 5px; }
#banners .lista_banners:hover{opacity: 1; border: 5px solid #06f; cursor: pointer;}

.banner_home {
	width: 620px!important;
	height: 90px;
	background: url(../../_IMG/banner_home.png);
	color: #fff;
	float: left;
	margin: 0 0 20px 0;
}

/* FIM CONTEUDO */

/* BOX RIGHT */

.box_right_fnd {
	width: 265px;
	height: auto; 
	padding: 5px; 
	float: left; 
	background: #f1f1f1; 
	margin-bottom: 20px;
	-moz-border-radius: 10px;
}

/* CENTRAL ALUNO */
#central_aluno{width: 275px; height: auto; float: left;margin-bottom: 20px; padding: 10px 0;color: #fff; text-align: center; background: #f1f1f1; -moz-border-radius: 10px;}
#central_aluno_ceap, #central_aluno_unopar {width: 137px;float: left; height: 100px; cursor: pointer; margin-top: 5px;}
#central_aluno_ceap {margin-right: 1px; }
#central_login_ceap {width: 275px; float: left; height: auto; margin-top: 5px; display: none;}

#central_aluno_ceap:hover img{ background:url(../../_IMG/logar_ceap2.png);}	
#central_aluno_unopar:hover img{ background:url(../../_IMG/logar_unopar2.png);}	

#central_login_ceap input { width: 192px;margin-bottom: 5px; }
#central_login_ceap p {float: left; width: 60px;padding-top: 3px; font-weight: bold; color: #06f; }
#central_login_ceap .entrar {padding: 3px; background: #06f!important; color: #fff; font-weight: bold; float: right; margin-right: 5px; -moz-border-radius: 5px;cursor: pointer;}

#central_login_ceap .senha {padding: 3px; color: #666; float: left; font-weight: normal; font-size: 12px; width: 180px;}
#central_login_ceap .senha:hover {text-decoration: underline; cursor: pointer;}
/* FIM */



/* RODAPE SITE */
#rodape{
	width: 100%; 
	height: 100px; 
	background: #001C2F;
	float: left;
	clear: both;	
}
.logo_rodape {
	width: auto;
	height: auto;
	float: left;
	margin-top: 5px;
	margin-left: -15px;
}
.rodape_menu {float: right; width: auto;margin-top: 70px;}
.rodape_menu a { padding: 5px; font-weight: bold; color: #fff;}
.rodape_menu a:hover { background: #fff; color: #06f;}

.rodape_hr {
	background: url(../../_IMG/rodape_hr.png);
	width: 5px;
	height: 30px;
	float: left;
	border: none;
}
/* FIM RODAPE */
#bg_aviso {
	background: #fff; 
	width: 600px; 
	height: 200px; 
	float: left; 
	top: 50%; 
	left: 50%;
	margin-left: -300px; 
	margin-top: -100px;
	position: absolute;
	padding: 10px;
	font-size: 16px;
	line-height: 120%;
	-moz-box-shadow: 0 0 5px 2px #666;
	-webkit-box-shadow: 0 0 5px 2px #666;
	float: left;
}

#fechar_aviso_ti {
	cursor: pointer; 
	padding: 5px;
	background: #000;
	color: #fff;
	width: 66px;
	position: relative;
	float: right;
}

#aviso_ti {background: url(../../_IMG/trans_b.png); width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: none; z-index: 9;}