@charset "utf-8";

/* layout.css
conteineres de estrutura do portal
*/

/* CORPO */

body{
	margin: 0px;
	color: #000000;
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, Sans-serif;
	
}
#MAIN_WRAPPER{
		position: absolute;
		float: left;
		width: 100%;
		height: auto;
		background: url("../images/bg/body.gif") repeat-x;
}
	
#MAIN{
	position: relative;
	left: 50%;
	float: left;
	margin-left: -501px;
	width: 1002px;
	height: auto;	
}
	
/* ESTRUTURACAO DO SITE */
	
/* HEADER */
#header{
	position: relative;
	width: 100%;
	height: 150px;
	margin: 10px 0 10px 0;
	float: left;
	background: url("../images/bg/header.gif") no-repeat;
}

#headerAaZ{
	width: 700px;
	height: auto;
	float: left;
}
	
#LOGO{
	position: relative;
	top: 5px;
	float: left;
	width: 260px;
	height: auto;
}

#headerAtendimento{
	position: relative;
	float: right;
	width: 200px;
	height: 90px;
	margin-top: 20px;
}

#headerAtendimento h2{
	font-size: 13px;
	padding-top: 0;
	margin-top: 0;
}
	
#headerAtendimento ul{
	list-style: none;
	padding: 0;
	margin:0;
}
	
#header_NAVIGATOR{
	position: relative;
	float: left;
	width: 1002px;
	height: 12px;
	text-align: center;
	padding: 13px 0 10px 0;
}

#header_NAVIGATOR a{
	color: #003399;
	margin: 10px 10px 5px 0;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Sans-serif;
}

#header_NAVIGATOR a:hover{
	color: #FFA700;
}
	
#a_a_z{
	position: relative;
	top: 50px;
	float: left;
	width: 200px;
	height: auto;
	margin: 0 10px 10px 0;
}

.a_a_z{
	width: 430px;
}
	
/* TOPO .end */
	
/* CONTEUDO */
#Content_Wrapper{
		position: relative;
		left: 50%;
		margin-left: -501px;
		width: 1002px;
		height: auto;
		float: left;
		margin-top: 10px;
}
	
#Left_NAVIGATOR{
	position: relative;
	top: 0px;
	left: 5px;
	width: 200px;
	float: left;
	height: auto;
	padding-bottom: 10px;
}

	
.menuArtigos{
	list-style:none;
	padding:0;
	margin:0;
	display: none;
}
	
.menuArtigos li a{
	width: 185px;
	height: auto;
	float: left;
	padding: 5px 0 5px 15px;
}

.menuArtigos li a:hover{
	background: #FFA700;
	color: #FFF;
}
	
#sidebarRight{
	position: relative;
	float: right;
	width: 200px;
	height: auto;
	text-align: left;
}

.topico{
	font-size: 13px;
	float: left;
	width: 99%;
	height: 15px;
	padding: 5px 0 5px 5px;
	background: #DFEBFF;
	border-bottom: 2px solid #95B4EF;
	color: #003399;
	margin-bottom: 5px;
	margin-top: 0;
}
	
.h2-interno{
	font-size: 13px;
	color: #FFA700;
	float: left;
	margin: 10px 0 0px 0;
	width: 100%;
}
	
.link{
	position: relative;
	float: left;
	left: 2.5px;
	width: 195px;
	height: auto;
	min-height: 15px;
	border-bottom: #eee dotted 1px;
	padding-top: 7.5px;
	padding-bottom: 7.5px;
}

.link:hover{
	color: #FFA700;
}

.marquee{
	width: 195px;
	margin: 4px 2.5px 0 2.5px;
	border: 1px solid #eee;
	height: auto;
	padding: 3px 2.5 3px 2.5;
}

.marquee ul{
	list-style: none;
	padding:0;
	margin:0;
}

.twitter{
	width: 200px;
	height: auto;
	float: left;
	padding-bottom: 5px;
}

	/*
#linkDest{
	position: relative;
	top: 0px;
	float: left;
	left: 0px;
	width: 190px;
	height: auto;
	min-height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10pt;
}*/
	
#linkRight{
		position: relative;
		width: 195px;
		height: auto;
		padding-bottom: 5px;
		font-size: 10pt;
}

#contentTemplateWrapper{
	float: left;
	width: 785px;
	height: auto;
	margin-left: 13px;
}
	
#CONTENT{
	position: relative;
	width: 580px;
	height: auto;
	float: left;
}
	
/* Estrutura de Conteudo da Pagina Inicial */	
#BannerTop{
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 5px;
}
	
.conteinerNoticias{
		position: relative;
		float: left;
		width: 100%;
		height: auto;
		padding-bottom: 10px;
}

.noticias{
		float: left;
		width: 580px;
		height: auto;
		font-size: 13px;
		padding: 5px 0 5px 0;
		border-bottom: 1px dotted #eee;
}

.noticias:hover{
	background: #FFA700;
	color: #FFF;
}

.ul{
	margin:0px 0 10px 0;
	padding:0;
	float: left;
	list-style: none;
	width: 200px;
}

.ul li a{
	width: 200px;
	float: left;
	height: auto;
	padding: 5px 0 5px 0;
	border-bottom: 1px dotted #eee;
}

.ul li a:hover{
	color: #FFA700;
}
	
#NoticiasModule{
		position: relative;
		top: 0px;
		float: left;
		width: 580px;
		height: auto;
		min-height: 200px;
		left: 0px;
}
	
#BannerRight{
		position: relative;
		top: 0px;
		float: right;
		right: 0px;
		width: 170px;
		height: auto;
		min-height: 200px;
}
	
/* Estrutura de Conteudo da Pagina Inicial .end */
#CONTENT_Separator{
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 10px;
		float: left;
		background: #fff;
	}
	
#CONTENT_destaques{
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 22px;
		float: left;
		background: URL("../WRAPPER_images/CONTENT_destaques.png") no-repeat;
	}
	
#CONTENT_Conteiner_NEWS{
		position: relative;
		top: 0px;
		left: 0px;
		float: left;
		width: 290px;
		height: 266px;
		background: #eee;
}
	
#CONTENT_Conteiner_Flash{
		position: relative;
		top: 0px;
		right: 0px;
		float: right;
		width: 300px;
		height: 266px;
		background: #eee;
}
	

	
/* CONTEUDO .end */
	
/* RODAPE */

.footerUl{
	list-style: none;
	padding: 0;
	margin: 0;
}

.footerUl li a{
	color: #FFF;
}

.footerUl li a:hover{
	color: #FFA700;
	text-decoration: underline;
}

#Footer_WRAPPER{
	position: relative;
	left: 0px;
	float: left;
	width: 100%;
	height: 110px;
	text-align: center;
	background: URL("../images/footerBg.jpg");
	color: #000;
	line-height: 30px;
	padding:0px;
	font-size: 18pt;
}
	
#logo_prov

	{
	
		position: relative;
		top: -20px;
		left: 18.5%;
		float: left;
		width: 90px;
		height: auto;
	
	
	
	}
	
#Footer_Content

	{
	
		position: relative;
		top: 30px;
		left: 50%;
		margin-left: -400px;
		width: 800px;
		height: auto;
		float: left;
		color: #fff;
		
	
	
	}
	
#Footer_Content a

	{
	
	
		color: #fff;
		font-size: 10pt;
		
	
	
	
	}
	
#Footer_Content a:hover

	{
	
	
		text-decoration: underline;
		
	
	
	}
	
#Footer_Content img

	{
	
		position: relative;
		top: 7px;
	
	
	}
	
#Footer_Content_Left

	{
	
		position: relative;
		top: 0px;
		left: 0px;
		float: left;
		width: 180px;
		height: auto;
		
	
	
	}
	
	
#Footer_Content_Copyright

	{
	
		position: relative;
		top: 0px;
		left: 50px;
		width: 250px;
		height: auto;
		float: left;
		
		
	}
	
#Footer_Content_Right

	{
	
	
		position: relative;
		top: 0px;
		right: 0px;
		float: right;
		width: 415px;
		height: auto;
		
	
	
	}
	
/* #LOGIN :: Area administrativa - Pagina de Login */

#LOGIN{
	position: relative;
	top: 100px;
	left: 50%;
	float: left;
	margin-left: -150px;
	width: 300px;
	height: 300px;
	background: #ffffff;
	border: #333 solid 1px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 0px;
}
	
/* LOGIN .end */

#boxs{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 20px;
}
	
/* LOCALIZACAO ######################################################################### */

#local_txt

	{
	
		position: relative;
		top: 0px;
		left: 0px;
		float: left;
		width: 500px;
		height: auto;
		
	
	
	
	}

#local_conteiner

	{
	
		position: relative;
		top: 10px;
		left: 0px;
		float: left;
		width: 500px;
		height: auto;
		border: #000 solid 2px;
		min-height: 100px;
		text-align: center;
	
	
	
	}
	
/* Fale Conosco */

#contato_txt{
	position: relative;
	float: left;
	width: 505px;
	height: auto;
}

#contato_conteiner{
	position: relative;
	right: 0px;
	float: right;
	width: 250px;
	height: auto;
	border: #000 solid 2px;
	min-height: 100px;
	padding: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
}

	
/* ################################################## FOTOS ########################################################################################### */

#gallery_agregador

	{
	
		position: relative;
		top: 0px;
		left: 0px;
		float: left;
		width: 100%;
		height: auto;
		min-height: 300px;
		display: none;
	
	
	}

#gallery_conteiner{
	position: relative;
	top: 10px;
	left: 0px;
	float: left;
	width: 133px;
	height: 120px;
	background: #fff;
	border: #dddddd solid 1px;
	padding: 7px;
	margin-left: 7px;
	margin-top: 5px;
}

#gallery_conteiner:hover { border: 1px solid #003399; }
	
#gallery_title{
		position: relative;
		padding: 0px;
		top: 0px;
		left: 0px;
		float: left;
		width: 100%;
		height: 20px;
		background: #eee;
		text-align: center;
		
}

#gallery_title span { 
	padding-top: 10px;
	padding-bottom: 10px;
	height:auto;
	min-height: 30px;
	font-size: 11px;
	color: #000;
	display: block;
	background: #eee;
	border-bottom: 2px solid #000;
}
	
#button_voltar

	{
	
		position: relative;
		top: 30px;
		left: 0px;
		width: 100%;
		height: 50px;
		float: left;
		
	
	
	
	}
	
/* PARCERIAS */

#agregador_parceria{
		position: relative;
		float: left;
		width: 780px;
		min-height: 100px;
		border: #ddd dotted 1px;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		height: auto;
	}

#parceria_pic{
	position: relative;
	padding: 10px;
	width: 200px;
	min-height: 80px;
	float: left;	
}
	
#parceria_info{
		position: relative;
		padding: 10px;
		width: 540px;
		height: 80px;
		float: left;		
	}
	
/* PAGINAS INTERNAS */
.texto-interno{
	width: 785px;
	height: auto;
	float: left;
}

.fotoWrapper{
	padding-bottom: 20px;
	float: left;
}

.texto-interno .listagem{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 10px;
}

.texto-interno .listagem a{
	width: 99.5%;
	height: 20px;
	float: left;
	padding: 5px 0 5px 0;
	border-bottom: 1px dotted #eee;
}

.texto-interno .listagem a:hover{
	background: #FFA700;
	color: #FFF;
}

.topico-cinza{
	background: #eee;
	font-size: 12px;
	padding: 5px;
}

.topico-cinza a{
	color: #FFA700;
}

.txtMaior{
	font-size: 15px;
	background: #003399;
	color: #FFF;
	padding: 5px;
	font-weight: bold;
	margin-top: 0;
	width: 98.5%;
}

.txtMaior2{
	font-size: 12px;
	background: #EEE;
	color: #000;
	padding: 5px;
	width: 98.5%;
}

.autorArtigo{
	float:left;
	text-align:right;
	padding-bottom:5px;
	margin-right: 5px;
	font-weight:bold;
	color:#003399;
	font-size:15px;
	border-bottom:1px dotted #003399;
	width: 99.5%;
	height: 20px;
}

/* ALTERACAO NO MODULO CURSOS */
.sidebarCursos{
	width: 190px;
	height: auto;
	padding: 5px;
	border: 1px solid #EEEEEE;
	float:left;
}

.sidebarCursos ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.sidebarCursos ul li{
	float: left;
	width: 180px;
	height: 20px;
	border-bottom: 1px solid #EEEEEE;
	padding: 7px 3px 3px 3px;
}

.sidebarCursos ul li:hover{
	background: #EEEEEE;
}

.infoWrapper{
	width: 567px;
	height: auto;
	float: left;
	margin-right: 10px;
}

.imagemCurso{
	float: left;
	width: 567px;
	height: 150px;
	border: 1px solid #EEEEEE;
	
}

.textoCurso{
	width: 557px;
	height: auto;
	float: left;
	border: 1px solid #EEEEEE;
	padding: 5px;
	margin-top: 10px;
}

.textoCurso h2{
	float: left;
	width: 100%;
	height: 20px;
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 10px;
	margin: 0px;
	color: #003399;
	font-size: 17px;
}

.textoCurso span{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 10px;
	text-align: left;
}

.textoCurso span ul{
	list-style: none;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

#formFaleConosco span{
	float: left;
	width: 98%;
	margin: 5px;
}
			
#formFaleConosco span label{
	float: left;
	width:150px;
	text-align: right;
	margin-right: 5px;
}

#formFaleConosco span .input{
	float: left;
	width: 550px;
	height: 20px;
	border: 1px solid #dddddd;
}