/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* Site SPPC 2008 - Layout 3 colunas - cenário "Azulejo Português" */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */


/* ................................................ */
/* Estilo das tags do HTML                   INÍCIO */
/* ................................................ */

body{
	color: #333333;
	font-family: Arial,sans-serif;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

a{ color: #006699; text-decoration: none; }
a:link{ color: #006699;	text-decoration: none; }
a:visited{ color: #006699; text-decoration: none; }
a:hover{ color: #006699; text-decoration: underline; }

h1{
 color: #334d55;
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 margin: 0px;
 padding: 0px;
}

h2{
 color: #006699;
 font-family: Arial,sans-serif;
 font-size: 115%;
 margin: 0px;
 padding: 0px;
}

h3{
 color: #334d55;
 font-family: Arial,sans-serif;
 font-size: 110%;
 margin: 0px;
 padding: 0px;
}

h4{
 color: #333333;
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 margin: 0px;
 padding: 0px;
}

h5{
 color: #334d55;
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 margin: 0px;
 padding: 0px;
}

ul{ list-style-type: square; }
ul ul{ list-style-type: disc; }
ul ul ul{ list-style-type: none; }

label{
 color: #334d55;
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
}


/* **************** estilos para textos ******************** */
.subsessao {
	font-style:italic;
	}
.evento_realizado {
	color:#999999;
	}
.nome_de_orientador {
	color:#6666CC;
	font-weight:bold;
	}
/************** estilos .apresentacao  ***************/


.apresentacao h3{
	padding: 20px 0px 0px 0px;
	margin: 0 0 -10px 0;
	text-align: left;
}

.classe_atencao_titulo {
	color:#990000;
	font-style:italic;
	/*font-weight:normal;*/}

.classe_convite {
	color: #009933;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	/*font-weight:bold;
	background-color: #D9ECD9;
	padding-bottom:10pt;*/
}
.classe_hide {
	display:none;
}

/* ................................................ */
/* Estilo das tags do HTML                      FIM */
/* ................................................ */





/* ................................................ */
/* Layout das DIVs                           INÍCIO */
/* ................................................ */


#logoSite { background: url(../3_imagens/1_logos/novalogosppc_mini.gif) no-repeat center;
	width: 127px;
	height: 113px;
	position: absolute;
	top: 20px;
	left: 15px;
}
#identidadeSite{
	background: url(../3_imagens/3_cenario/bg_grad_menor2.gif) fixed;
	padding: 0/*10px 0px 0px 0px*/;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#navegacao{
	float: left;
	width: 20%;
	height:80%;
	margin: 0px;
	padding: 0px;
	background-color: #F6F6F6;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#manchetes{
	background-color: #F6F6F6 ;
	float:right;
	width: 20%;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;
	text-align:center;
}

#conteudos{
	float: left;
	width: 55%;
	padding-left: 20px;
}

/***********************************************/
/* Componentes                                 */
/***********************************************/

#siteName{
	color: #006699;
/*	height: 120px;*/
	margin: 0px 0 0 0;
	padding: 21px 0 10px 150px;
}


/*************estilos #navegacaoGlobal **************/

#navegacaoGlobal{
	visibility:hidden;
	position:absolute;
	top: 70px;
	right: 21%;
	text-align: right;
	color: #FCFCFC;
	}

#navegacaoGlobal img{
 	display: block;
	}

#navegacaoGlobal a:link, #navegacaoGlobal a:visited {
	font-size: 90%;
  	color: #006699;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	}
#navegacaoGlobal a:hover {
  	background-image: url(../3_imagens/3_cenario/glblnav_selected.gif);
	text-decoration: none;
	}
	
	
	

/* ======== estilos do menu drop down do maujor ============ */
ul#primary-nav,
ul#primary-nav ul {
	margin: 0;
	padding: 0;
	width: 100%; /* largura dos ítens do menu */
	border-bottom: 1px solid #ccc;
	background: #B6BCD3; /* #fffcorreção de bug no IE6 */
/*	font-size: 100%;*/
	font-weight:bold;
	}

ul#primary-nav li {
	position: relative;
	list-style: none;
	}

ul#primary-nav li a {
	display: block;
	text-decoration: none;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
	position: absolute;
	display: none;
	left: 100%/*179px*/; /* Determinar  1px a menos que na lagura dos menus principais */
	top: 0;
	}

ul#primary-nav li ul li a { padding: 2px 5px; } /* Estilos dos sub-menus */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* esconde inicialmento os sub menus */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* o pulo do gato */

ul#primary-nav li.menuparent { background: url(../3_imagens/2_icones/seta4.png) right center no-repeat; }

ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color: #f9f9f9; }

ul#primary-nav li a:hover { background-color: #CCCCCC; }

/* ======== fim do menu drop down do maujor ============ */





/*************** estilos #nomedaPagina **************/
#nomedaPagina {
	background: url(../3_imagens/3_cenario/azulejos-bordab_cinco.gif) repeat-x;
	padding: 5px 0px 20px 22%;
	}
#titulodaPagina{
	color: #666666;
	font-size: 110%;
	margin: 0px;
	padding: 25px 0px 0px 0px;/**/
}

/*************estilos #auxiliar *************/

#auxiliar{
	visibility:hidden;
	background-color: #CCCCCC;
	position: absolute;
	top: 0;
	right: 0;
	text-align:right;
	font-size: 80%;
}


/************** estilos .destaqueResumo  ***************/
.apresentacao,
.destaqueResumo{
	text-align:justify;
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	min-height: 220px;
}
/*.destaqueResumo_news{
	text-align:justify;
	padding: 0px 15px 50px 10px;
	margin-top:5px;
	font-size: 80%;
	min-height: 220px;
	background-color: #FFCC99;
}*/
.destaqueResumo h3{
	padding: 30px 0px 5px 0px;
	text-align: left;
}

.destaqueResumo img{
	float: left;
	padding: 30px 10px 10px 0px;
}


/**************  estilos .materiasResumo  *****************/

.materiasResumo{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	border-top: thin solid #D0D0D0;
}

.materiasResumo p{
	text-align: justify;
	padding: 0px 0px 10px 0px;
}

.materiasResumo img{
	float: left;
	padding: 20px 20px 0px 0px;
}
.materiasResumo span.titulos{
	font-weight:bold;
	font-size: 110%;
}

.materiasResumo img.icones {
	/*background-color:#FF0000;*/
	padding: 0px 5px 0px 0px;
}
/**************  estilos .materiasResumo_dois  *****************/

.materiasResumo_dois{
	clear: both;
	background-color: #FFFFCC;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	border-top: thin solid #D0D0D0;
}

.materiasResumo_dois p{
	text-align: justify;
	padding: 0px 0px 10px 0px;
}

.materiasResumo_dois img{
	float: left;
	padding: 20px 20px 0px 0px;
}
.materiasResumo_dois span.titulos{
	font-weight:bold;
	font-size: 110%;
}

.materiasResumo_dois img.icones {
	/*background-color:#FF0000;*/
	padding: 0px 5px 0px 0px;
}

/************* estilos #assinaturasSite  ***************/

#assinaturasSite{
	background-color: #F9F9F9;
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
}

#assinaturasSite img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}




/* ................................................ */
/* Estilos da "BUSCA"                        INÍCIO */
/* ................................................ */

#busca{
	display:none;/**/
	border-bottom: 40px solid  #ffffff;
	border-top: 40px solid #ffffff;
	font-size: 90%;
	padding: 10px 20px 10px 10px;
	text-align:center;
}

#busca form{
 margin: 0px;
 padding: 0px;
}

#busca label{
	display: block;
	margin: 0px;
	padding: 0px;
}

/* ................................................ */
/* Estilos da "BUSCA"                           FIM */
/* ................................................ */



/*********** estilos dos links em #navegacao   ***********/

#navegacao ul a:link, #navegacao ul a:visited {display: block;}
#navegacao ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navegacao li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navegacao li {border-bottom: none;}


/*********** estilos  #atalhosSessoes  ***********/

#atalhosSessoes{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 80%;
}

#atalhosSessoes h3{
	background-color: #CCCCCC;
	border-top: 10px solid #f6f6f6;
	padding: 10px 0px 2px 10px;
}

#atalhosSessoes a {
	font-weight: bold;
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
	text-decoration: none;
}

#atalhosSessoes a:hover{
	background-color: #dddddd;
}


/*********** .linksRelacionados styles ***********/

.linksRelacionados{
	position: relative;
	margin: 0px;
	padding: 24px 0px 10px 0px;
	font-size: 80%;
	line-height: 150%;
}

.linksRelacionados h3{
	background-color: #CCCCCC;
	padding: 10px 0px 2px 10px;
}
.linksRelacionados h4{
	font-weight: bold;
	padding: 0px 0px 0px 10px;
}

.linksRelacionados a {
	padding: 0px 0px 0px 10px;
}

.linksRelacionados a:link,
.linksRelacionados a:visited {
	display: block;
/*	text-decoration: none;*/
}

/************** estilos #creditos  **************/

#creditos{
	text-align:left;
	/*background-color:#00FFCC;*/
	margin-top: 20px;
	border-top:dotted 2px #999999;
}

#creditos img{
	float: left;
	margin-bottom: -10px;
	padding: 0px 10px 0px 20px;
	/*display: block;*/
}


/************** estilos #manchetes  **************/

#manchetes{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#manchetes p{
	/*margin:0 0 10px 0;*/
	padding: 0px 0px 0px 0px;
}
#manchetes span{
	font-size: 115%;
	width: 150px;
	font-weight:bold;
	color: #666666;
	padding: 5px 0px 5px 0px;
}

/************** estilos #publicacoes  **************/
ul.publicacoes {
	position:relative;
	list-style:none;  
	width:100%;
	/*padding:1px;*/
	background: #FF0000;/**/
	margin:0; 
	padding:0;
}
ul.publicacoes li {
	/*background-color:#99FF00;*/
	width:33%;
	height:250px;
	float: left;
	padding: 0 0px 0px 0px;
}
ul.publicacoes li img {
	border:none; 
	width:140px;
	height:200px;
	padding:0 0 10px 50%;
	margin-left: -70px;
}
ul.publicacoes span.legenda {
	/*background-color:#FF0000;*/
	display: block;
	text-align:center; 
	width:60%;
	position:relative;
	bottom:0;
	padding-bottom:10px;
	margin:0 20% 0 20%;
}

.classe_new {
	border-color:#FF0000;
	border-style: dotted;
	border-width: medium;
}


/************** estilos .listas  **************/

.listasEstatutos {
list-style-type:none;
}
.listasEstatutos_dois {
list-style-type:circle;
}

.listasFormacao {
list-style-type: upper-roman;
}