@charset "UTF-8";
body { color:#000; font:12px/16px Arial, sans-serif; margin:0; padding:0; background:#dedede  url(../imgs/bkg.png) repeat-x  left top; text-align: left; }
h1, h2, h3, h4, h5, h6, p, ul, li, form, div, img, fieldset, legend, label, input, select, textarea, button, span, table, caption, td, tr, th { margin:0; padding:0; }

a img { border:none; }
ul { list-style:none; }

a { color:#5f7684; text-decoration:none; }
a:hover { color:#d9262c; text-decoration:none;}

.clear { clear:both; height:0; }
.disappear { visibility:hidden; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.btFiltros { float:right; margin-top:-30px; }
.ui-button { margin-left: -1px; }
.ui-button-icon-only .ui-button-text { padding: 0.35em; } 
.ui-autocomplete-input { margin: 0; padding: 0.48em 0 0.47em 0.45em; }
.marginTop { margin-top:-15px;}
/* ________________________________________________ 2. Blocks __________________________________________________________ */
div#page-wrapper { width:1000px; margin:0 auto; padding:0; background:#FFF; overflow:hidden }
div#header { margin:0; padding:0; height:170px; }
div#contents  { clear:both;  overflow:hidden; background:#fff url(../imgs/bkg_contents.png)no-repeat 420px 60px; padding-bottom:30px; }

	/* ___ 2.1. Header Contents _____________ */
	div#logo { width:230px; height:160px; float:left; position:relative; background:url(../imgs/bkg_logo.jpg) no-repeat left top; margin-right:10px; }
	div#topHeader { width:740px; height:160px; float:left; position:relative; margin:0; background:url(../imgs/bkg_rightside_header.jpg) no-repeat left top; }
	
		div#pesquisa { width:245px; float:right; position:relative; }
	
		div#flags { width:165px; float:left; position:relative;  }
		
			/* _____________ 2.1.1 Flags ___________*/
			ul#navflags {  padding:0; margin:0;  }		
			ul#navflags li { float:left; text-align:left;  }		
			ul#navflags li a { text-decoration:none; padding-right:5px; }
			ul#navflags li#navflags-pt a { background: url(../imgs/flag_pt_off.png) no-repeat left center;  float:left; padding-left:15px; }  
			ul#navflags li#navflags-pt a:hover,
			ul#navflags li#navflags-pt a.active { background: url(../imgs/flag_pt_on.png) no-repeat left center;  float:left; padding-left:15px; }  
			ul#navflags li#navflags-fr a { background: url(../imgs/flag_fr_off.png) no-repeat left center;  float:left; padding-left:25px; }  
			ul#navflags li#navflags-fr a:hover, 
			ul#navflags li#navflags-fr a.active{ background: url(../imgs/flag_fr_on.png) no-repeat left center;  float:left; padding-left:25px; }  
			
		 div#navTop  { width:300px; float:left; position:relative;  }
		 
		 	/* _____________ 2.1.2 Flags ___________*/
			ul#navTop {  padding:0; margin:0;  }		
			ul#navTop li { float:left; text-align:left; line-height:17px; }		
			ul#navTop li a { text-decoration:none; padding-right:5px; color:#d32724; }
			ul#navTop li#navTop-home a { background: url(../imgs/icon_home.png) no-repeat left center;  float:left; padding-left:25px; margin-right:20px; }  
			ul#navTop li#navTop-contactos a { background: url(../imgs/icon_contactos.png) no-repeat left center;   float:left; padding-left:25px; margin-right:20px; }  
			ul#navTop li#navTop-links a { background: url(../imgs/icon_links.png)  no-repeat left center;   float:left; padding-left:23px; }  
     
		div#navigation { float:right; position:relative; width:740px; height:40px; margin:0; background: url(../imgs/bkg_nav.png) repeat-x right top; margin-top:45px;  text-transform:uppercase; }
		
			/* _____________ 2.1.3 Navigations bar_________ */
		  ul#nav li { float:left; text-align:center; line-height:40px }
		  ul#nav li a { display: block; text-decoration:none; color: #fff; text-align:center; padding:0 14px;  }
		  ul#nav li a:hover { color:#115789; }
			  #apresentacao ul#nav li#nav-apresentacao a,
			  #actividades ul#nav li#nav-actividades a, 
			  #publicacoes ul#nav li#nav-publicacoes a,
			  #carnets ul#nav li#nav-carnets a,
			  #investigacao ul#nav li#nav-investigacao a,
			  #ensino ul#nav li#nav-ensino a,
			  #destaques ul#nav li#nav-destaques a { color:#115789;  }	
			  
			 .submenu_presentacao,
			 .submenu_actividades,
			 .submenu_publicacoes,
			 .submenu_investigacao,
			 .submenu_ensino,
			 .submenu_destaques  { clear:both; margin-left:10px;  width:730px; color:#000; line-height:30px; display: none; text-transform:uppercase;  }	
			 .submenu_presentacao  li a,
			 .submenu_actividades li a,
			 .submenu_publicacoes li a,
			 .submenu_investigacao li a,
			 .submenu_ensino li a,
			 .submenu_destaques li a  { float:left; padding:0 10px; color:#115789; }	
			 .submenu_presentacao li,
			  .submenu_actividades li,
			 .submenu_publicacoes li,
			 .submenu_investigacao li,
			 .submenu_ensino li,
			 .submenu_destaques li  { float:left; padding:0;  }	
			 
			 #header .submenu_presentacao  li a:hover,
			 #header .submenu_actividades  li a:hover,
			 #header .submenu_publicacoes  li a:hover,
			 #header .submenu_investigacao  li a:hover,
			 #header .submenu_ensino  li a:hover,
			 #header .submenu_destaques  li a:hover { color:#d9262c; }	
			 
			 #apresentacao .submenu_presentacao,  
			 #actividades .submenu_actividades,  
			 #publicacoes .submenu_publicacoes,
			 #investigacao  .submenu_investigacao,
			 #ensino .submenu_ensino,
			 #destaques .submenu_destaques { display:block; }	
			 			  
/* _____________________________________________ 5. Padding ______________________________________________________________________ */	
.padding { padding:10px; }

/* _____________________________________________ 6 Blocs_________________________________________________________________________ 	*/
#leftSide {  float:left; position:relative; width:230px; padding-bottom:20px; }
#rightSide {  float:right; position:relative; width:169px; padding-bottom:20px; }
#mainContents { float:left; position:relative; width:562px; padding: 0 0 0 10px;; overflow:hidden;   }
 
 div#banner { width:560px; height:260px; }

/* _____________________________________________ 7. Cols ______________________________________________________________________ */
#mainCol { float:left; position:relative;  margin:20px 0 0; padding: 0; overflow:hidden; width:530px; padding:0 10px;  }
 
.noticias { width:230px; height:260px; background:url(../imgs/bkg_news.jpg) no-repeat left top;  }
.inscricoes,
.forum,
.info,
.suggest,
.calendario { width:230px;  height:50px; background: url(../imgs/bkg_blocs_leftSide.png) repeat-y left top; margin-top:10px; }
	.calendario {  height:inherit;}
	#calenda {  margin-top: -20px;}

.lettre,
.agenda,
.observatorio,
.cooperacao,
.ensino,
.comemoracoes,
.delf  { text-align:center;  height:50px;  margin-bottom:10px; }
  .lettre { background: url(../imgs/bkg_lettre.png) no-repeat left top; }  
  .agenda { background: url(../imgs/bkg_agenda.png) no-repeat left top;}  
  .observatorio { background: url(../imgs/bkg_observatorio.png) no-repeat left top;  }  
  .cooperacao { background: url(../imgs/bkg_cooperacao.png) no-repeat left top;  }  
  .ensino { background: url(../imgs/bkg_linguas.png) no-repeat left top;  }  
  .comemoracoes { background: url(../imgs/comemoracoes.png) no-repeat left top;  }  
  .delf  { background: url(../imgs/bkg_delf.png) no-repeat left top; }    
.manifesto  { background: url(../imgs/banner_manifesto.jpg) no-repeat left top; height:151px }
.manifesto-fr  { background: url(../imgs/banner_manifesto_fr.jpg) no-repeat left top; height:151px }

  
.destaques { clear:both; border-bottom:1px solid #e4eaf0; overflow:hidden; margin-bottom:20px; }
.floatLeft  {  float:left; position:relative; width:140px; overflow:hidden; margin:0 0 20px 30px; }
.floatLeft2  {  float:left; position:relative; width:215px; overflow:hidden; margin:0 0 20px 30px; text-align:center; font-weight: bold; }
.shadow { padding:30px; background-color:#FFF}

/* ____________________________________________ 7. headdings & respective links __________________________________________________________________ */
h1 { font:normal 20px Arial, sans-serif; color:#d9262c; text-transform: uppercase; padding:0 0 25px; margin:0; }
h2 { font:normal 18px Arial, sans-serif; color:#5f7684; margin-bottom:5px;  }
h3 { font:bold 14px Arial, sans-serif; color:#115789; padding:10px 0 5px; margin:0; }
h4 { font:bold 12px Arial, sans-serif; color:#d9262c;  padding:0 0 10px 0;  }
h5 { font:bold 12px/19px Arial, sans-serif; color:#aaa132; padding:0 0 0 25px; margin:0 0 15px; background:url(../imgs/pdf.gif) no-repeat left top; }
h6 { font:bold 12px Arial, sans-serif; color:#115789; padding:0; margin:0; }

	/*_______________ h1_____________*/
	#mainCol h1 {  padding:15px 0 25px; margin:0; }
	#header h1 { background:url(../imgs/logo.png) no-repeat left 10px; height:121px; width:218px; }
	.noticias h1 { border-bottom:1px solid #c8d1d9; font-size:14px; line-height:18px; padding:10px 0 5px; margin-bottom:10px;  }
		h1 span a  {  font-size:10px; line-height:18px; background:url(../imgs/seta.png) no-repeat right center; padding-right:10px; color:#768994; float:right; }
		h1 span a:hover  { color:#d9262c; }
	.inscricoes h1, 
	.forum h1, 
	.info h1,
	.suggest h1 { font-size:14px; padding-left:40px; line-height:30px; color:#5f7684;}
		.calendario h1 { padding:0; margin:0;  line-height:30px; font-size:14px; color:#5f7684; text-align:center; }
		.inscricoes h1 {  background: url(../imgs/icon_inscricoes.png) no-repeat left top;  }
		.forum h1 {  background: url(../imgs/icon_forum.png) no-repeat left top; }
		.info h1 {  background: url(../imgs/icon_info.png) no-repeat left top; line-height:18px; }
		.suggest h1 {  background: url(../imgs/icon_suggest.png) no-repeat left top; line-height:18px; margin-top:6px; }
		.inscricoes h1.fr { line-height:20px;}
 	.lettre  h1,
	.agenda  h1,
	.ensino  h1,
	.comemoracoes  h1,
	.delf h1 { padding-top:20px;  }
	.observatorio  h1,
	.cooperacao  h1 { padding-top:10px;  }
	  .lettre  h1 a,
	  .agenda  h1 a,
	  .observatorio  h1 a,
	  .cooperacao  h1 a,
	  .ensino  h1 a,
	  .comemoracoes  h1 a,
	  .delf h1 a { font-size:13px; font-weight:bold; color:#fff;  }
		  .cooperacao  h1 a span { font-size:10px; clear:both; }
		  
		  .manifesto h1,
		  .manifesto-fr h1,
		  .manifesto h1 a,
		  .manifesto-fr a { font-size:19px; font-weight:bold; color:#115789; text-align:center; padding-top:15px;  }
		 #rightSide .manifesto h1 a:hover,
		 #rightSide .manifesto-fr h1 a:hover { color:#d9262c; }
		  
		  
	  .shadow h1 {  padding:0; font-size:18px; }
	  .shadow h2 { font:normal 16px Arial, sans-serif; color:#5f7684; margin-bottom:5px;  }
	  .shadow h3 { font:bold 12px Arial, sans-serif; color:#115789; padding:20px 0 20px; margin:0; }
		

	/*_______________ h2_____________*/
	.noticias h2 { font-size:14px; font-weight:normal; margin-bottom:0; color:#115789;  }
	h2 a {  color:#5f7684;  } 
	h2 a:hover {  color:#115789;  }
	
	/*_______________ h3_____________*/
	.noticias h3 { font-size:11px; font-weight:normal; color:#d9262c; padding:0 0 5px; }
	#publicacoes #mainCol h3 { padding:15px 0 20px; }
	#actividades #mainCol h3,
	#destaques #mainCol h3,
	#noticias #mainCol h3,
		#home #mainCol h3,
		#comemoracoes #mainCol h3 { padding:0 0 10px; font-weight:normal; }
	
 	h3.recensoes  { margin-bottom:15px;}

	
	/*_______________ h4_____________*/
	#actividades #mainCol h4,
	#destaques #mainCol h4,
	#home #mainCol h4,
	#comemoracoes #mainCol h4,
	#noticias #mainCol h4 { font-weight:normal; }
	.noticias h4 { font:normal 12px Arial, sans-serif; color:#d9262c;  padding:0 0 5px 0;  }
	
	/*_______________ h6_____________*/
	#inscricao #mainCol h6 { font-weight:normal; }
			
/* ____________________________________________ 8. Paragraphs & txt ___________________________________________________________ */
p { padding-bottom:10px;  }
p.recensoes  { margin-bottom:15px;}
p.notas  { padding-bottom:0;}
.manifesto p,
.manifesto-fr p {  width:169px; text-align:center; }
.manifesto p a,
.manifesto-fr p a { font-size:50px; height:100px; line-height:100px; margin-top:100px; padding:0 75px; } 
.noticias p { text-align:left;}
 
 .PEND  { background:none !important; background-color:#d9262c  !important; }
 .PEND a { background:none !important;  color:#fff !important;  }
 
 .legenda { font-size:11px; color:#5f7684; margin-left:100px; } 

/* ____________________________________________ 9. imgs _______________________________________________________________________ */
#mainCol img { float:left; margin:0 15px 20px 0;  border:5px solid #e2e8ee; }
#banner img {   border:1px solid #e2e8ee; }
#home #mainCol img { float:left; border:5px solid #e2e8ee; }
#contactos #mainCol img { border:none; }
#mainCol .floatLeft  img { float:none; margin:0 auto 10px;}

/* ____________________________________________ 9.1 imgs - captcha ______________________________________________________________*/
#recaptcha_image { float:left; }
#recaptcha_getnew { margin-left:-30px; float:right; width:auto; }
/*.recaptcha_only_if_image, .recaptcha_only_if_audio { margin-left:-30px; float:right; width:auto; clear:right; }*/
/* ____________________________________________ 10. Lists ______________________________________________________________________*/ 
#mainCol ul { margin:0 20px 10px 0; }
#mainCol li { line-height:24px; }

/* ____________________________________________ 10. Links ______________________________________________________________________*/ 
#rightSide a:hover { color:#F0F0F0; }
#header a:hover { color:#115789; }
.noticias h2 a { color:#115789; }
.noticias h2 a:hover { color:#5f7684; }

/* ____________________________________________ 11. Forms ______________________________________________________________________*/ 
form ul { list-style:none; margin:0; padding:0; }
form li	{ padding: 0 10px 1px 0; line-height:20px; }
	form li.small	{ float:left; }
	form li.big2 { float:right; margin-top:-110px; }
	form label.small { width:60px; text-align:left; padding-left:5px; }
	form label.small2 { width: 80px; text-align:left; padding-left:5px; }
	form label.medium  { width:120px;  text-align:left; padding-left:5px; }
	form label.big { width:200px;  text-align:left; padding-left:5px; }
	form label.big2 { width:235px;  text-align:left; padding-left:5px; }
	form label.biggest { width:395px;  text-align:left; padding-left:5px; }
form label { text-align:right; width:160px; margin-right:8px; float:left; }
form input,
form textarea  { border:1px solid #d1cec0; font-size:11px; padding:3px; width:320px; margin-bottom:15px; }
	form input.small { width:170px; float:left; }
	form input.radio { width:20px; float:left; position:relative; top:5px; }
	form textarea  { width:320px;}
fieldset { border:1px solid #d1cec0; padding:20px 10px; }
legend { font-weight:bold; color:#e10000 }
	form input:focus,
	form textarea:focus { border:1px solid #d1cec0; }
	form input.button { float:left; height:22px; width:70px; padding:0; border:none;  background-color:#D9262C; font:bold 11px/14px Arial, Helvetica, sans-serif; color:#fff; margin-left:280px; }
	#pesquisa form input.button { float:right; height:22px; width:25px; padding:0; border:none;  background: url(../imgs/button_search.png) no-repeat left top; margin-left:0  }
	
	#pesquisa form input,
	#pesquisa form textarea  { border:1px solid #fff; font-size:11px; padding:3px; width:200px; margin-bottom:15px; float:left; position:relative; }
	
	
	/* ______________________________________________ 12. Footer _______________________________________________________________________*/ 
#footer { clear:both; text-align:center; font-size: 11px; color:#115789; }
		#footer p  { text-align:center; }
		#footer p.floatRight a { color:#D9262C; }
		#footer p.floatRight a:hover { color:#115789; }

   /* _______________________________________________ 13. Paginação ____________________________________________________________________*/
   ul.pages { clear: both; display: block; margin: 0 10px 10px 0 !important; overflow: auto;}
   ul.pages li { color: #0177C0; float: left; margin-right: 2px; padding: 3px; }
   .actual { color:#d9262c; text-decoration:none;}