/* CSS Document 

  APEIPP Style

  by Lof-Design.com 2009

*/

html{height:102%; margin-bottom:1px;}/* vertical scrollbar in all browsers */



body {

  background: url(img/body-bg.gif) repeat-x #fff;

  text-align:center;

  font-family: Helvetica, verdana;

  line-height:1.5em;

}



#top, #center, #bottom {

  position:relative;

  margin:0 auto 0 auto;

  width:950px;

} 



/**** header region ***/

#top {

  position:relative;

  height:114px;

  background: url(img/top-bg8.png) no-repeat top left;

}



/* top logo */

#top h1{

  position:absolute;

  top:10px;

  left:10px;

}

#top h1 a{

  position:relative;

  display:block;

  width:200px;

  height:70px;

  background: url(img/apeipp-logo2.gif) no-repeat;

}



#top h1 a span, .hidden{

  top:-10000px;

  position:absolute;

  left:0; 

} 



/* top menu */

#nav{

  position:absolute;

  top:0;

  left:303px;

  text-align:right;  

  background:url(img/top-menu-bg2.png) no-repeat top left;

  background-color:#eeeee9;

  width:647px;

  height:54px;

}

#nav li {

 float:left;

}



#nav li.nav-first{

  margin-left:66px;

}



#nav li a{

 text-decoration:none;

 color:#f1bb88;

 text-transform:capitals;

 font-weight:bold;

position:relative;

 display:block;

 height:50px;

 background:url(img/top-menu-items.png) no-repeat;

 cursor:pointer;

}



#nav li a:hover{

  color:#fff;

}



#side-nav li a spana,#nav li a span{

  display:none;

  cursor:pointer;

}



#nav li a span.hover{

  display:block;

}



#nav li #home{

  width:57px;

  background-position:0px -100px; 

}



#nav li #home .hover, #nav li #home:hover{

  background-position:0px -50px;

}

#nav li #home.nav-item-selected{

  background-position:0px 0px;

}



#nav li #quem-somos{

  background-position:-57px -100px;

  width:99px;

} 

#nav li #quem-somos .hover, #nav li #quem-somos:hover {

  background-position:-57px -50px;

}

#nav li #quem-somos.nav-item-selected{

  background-position:-57px 0px;

}



#nav li #protocolos{

  background-position:-156px -100px;

  width:85px;  

}

#nav li #protocolos .hover, #nav li #protocolos:hover{

  background-position:-156px -50px;

}

#nav li #protocolos.nav-item-selected{

  background-position:-156px 0px;

}



#nav li #projectos{

  background-position:-241px -100px;

  width:77px;  

}

#nav li #projectos .hover, #nav li #projectos:hover{

  background-position:-241px -50px;

}

#nav li #projectos.nav-item-selected{

  background-position:-241px 0px;

}



#nav li #consultorios{

  background-position:-318px -100px;

  width:82px;  

}

#nav li #consultorios .hover, #nav li #consultorios:hover{

  background-position:-318px -50px;

}

#nav li #consultorios.nav-item-selected{

  background-position:-318px 0px;

}



#nav li #contactos{

  background-position:-400px -100px;

  width:81px;  

}

#nav li #contactos .hover, #nav li #contactos:hover{

  background-position:-400px -50px;

}

#nav li #contactos.nav-item-selected{

  background-position:-400px 0px;

}



.loading{

  background:url(img/loader.gif) no-repeat 30% 40%;

  height:400px;

}



#nav li.nav-item-selected a{

  background-position:100% 0;

}



/**** center region ***/

#center{

  text-align:left;

  background: url(img/center-bg.gif) repeat-y;

  position:relative;

}



/***** sidebar *****/

#sidebar {

  position:absolute;

  top:60px;

  left:0px;

  width:200px;

  overflow:hidden;

}



#side-nav{

  background:url(img/side-nav-bg.gif) repeat-y top left;

  padding:12px 0 12px 0;

}

#side-nav li{

  width:200px;

  height:50px;

  margin:8px 0 8px 0;

  display:block;

}



#side-nav a{

  display:block;

  color:#e4720f;

  text-decoration:none;

  font-size:108%;

  font-weight:bold;

  padding:6px 25px 0px 25px;

  text-transform: uppercase;

  height:50px;

  margin: 0 65px 0 5px;

  background-color:#fff;

  position:relative;

}

#side-nav a span{

  text-align:justify;

}

#side-nav a:hover{

  color:#2ca0dc;

  background-color:#fff;

}

#side-nav li a.side-nav-item-selected:hover{

  margin: 0;  

  color:#fff;

  background:url(img/seta.png) no-repeat top left transparent; 

}

#side-nav li a.side-nav-item-selected{

  margin: 0;  

  color:#fff;

  background:url(img/seta.png) no-repeat top left transparent; 

}



/***** main content region *****/



.content{

  margin-left:220px;

  width:680px;

  height:100%;

  min-height:500px;

  color:#4e4a46;

  background-color:transparent;

}

.content *{

  background-color:#fff;

}



.content h1,.content h4{

  padding:36px 20px 18px 30px;

  text-transform:capitals;

  color:#E2985A;

  font-weight:bold;

  letter-spacing: 1px;

}

.content h1{

  padding:36px 20px 18px 30px;

  font-size:182%;

}

.content h4{

  padding:5px 20px 5px 7px;

  font-size:108%;

}



.content p {

  text-align:justify;

}



.content a{

  color:#e6903f;

  text-decoration:none;

}



.content a:hover,#inner-sidebar h2 a:hover{

  color:#2ca0dc;

  text-decoration:underline;

}



ul.normal{

  margin-top:-20px;

}



ul.normal li{

  padding:4px 5px 4px 27px;

  position:relative;

  background:url(img/bullet3.gif) no-repeat 0 7px;

}



ul.normal li ul.normal li{

  background:url(img/bullet-orange.gif) no-repeat 0 7px;

}



#inner-sidebar{

  /*margin-left:-30px;*/

}

p.p{

  margin-bottom:20px;

}



.capital{

  font-weight:bold;

  font-size:116%;

}

strong{

  font-weight:bold;

}

em {
	font-style: italic;
}
.assinado{

  font-style: italic;

  text-align:right;

  margin-right:25%;

  color:#575757;

}

#tab-bar h2 a, #inner-sidebar h2 a{

  font-size:123.1%;

  letter-spacing: 1px;

  color:#E2985A;

  padding:0 15px 0 30px;

  position:relative;

}

#tab-bar h2, #inner-sidebar h2{

  border-width:0;

  border-style:none;

}

#inner-sidebar h2 a:hover{

  background:url(img/seta-off.gif) no-repeat center left;

}

.equipa_contacto {

 background-image:none;

 font-size:85%;

}

/*****Accordion of topics ****/

.topico-selected{

  margin:-1px 15px 22px 8px;

  text-align:justify;

  padding:6px 15px;

  border-left:1px solid #cde1ec;

}

/*#associacao{

  height:340px;

  overflow:auto;

}*/

#orgaos-sociais strong{

  padding-left:25px;

}



.accordion-selected{

  font-weight:bold;

  background:url(img/seta4.gif) no-repeat center left;

  

}

#inner-sidebar .accordion-selected:hover{

  background:url(img/seta4.gif) no-repeat center left;

  text-decoration:none;

  color:#e6903f;

}

/****** Citações ******/

.blockquote{

  margin: 15px 25px 30px;

}

.quote{

  line-height:1.8em;

  font-family:georgia;

  font-style: italic;

  font-size:131%;

  color:#575757;

  letter-spacing: 1px;

}



p.quote-author{

  font-family:georgia;

  color:#97b3d5;/*#78BFE2;*/

  font-size:93%;

  font-weight:bold;

  text-align:right;

}

/***** breadcrums *****/

#bcums{

  position:absolute;

  top:-5px;

  left:3px;

  background:url(img/bcums-bg4.gif) top right no-repeat #fff;

  padding:2px 0 0 0;

  color:#575757;

}

#bcums li{

  background:url(img/bcums-li2.gif) bottom left repeat-x;

  float:left;

  padding-bottom:10px;

  line-height:1em;

  position:relative;

}

#bcums span{

position:relative;

  background:url(img/bcums-span.gif) bottom right no-repeat;

  padding:0 15px 9px 5px;

  color:#7e7e7e;

  font-size:85%;

  line-height:1.3em;

  text-transform: lowercase;

}

#bcums a{

position:relative;

  background:url(img/bcums-a2.gif) center right no-repeat;

  padding:0 15px 2px 10px;

  text-decoration:none;

  color:#E37611;

  font-size:85%;

  text-transform: lowercase;

  line-height:1.2em

}

  

#bcums a:hover{

  background:url(img/bcums-a2-over.gif) center right no-repeat;

/*  text-decoration:underline;

  color:#E37611;*/

}





/***** footer region *****/

#bottom {

position:relative;

  background:url(img/bottom2.jpg) top center no-repeat;

  padding:30px 20px 5px 20px;

  font-size:77%;

  text-align:right;

  color:#888888;

}

#bottom a {

  text-decoration:none;

  color:#EF8F3B;

}



#bottom a:hover,#bcums a:hover {

  color:#028dd8;

  text-decoration:underline;

}



/**** home ***/

h1.home-head{

position:relative;

  margin-top:-1px;

  background:url(img/img1.png) no-repeat top right;

  height:183px;

  width:700px;

  padding-left:67px;

  margin-left:-67px;

  padding-right:30px;

  padding-bottom:0;

  /*:36px 20px 18px 30px;*/

}



/***** Eventos *****/

#tab-bar{

  width:700px;

  padding-top:13px;

}

#tab-bar li{

  float:left;

  

  border-bottom:1px solid #f6bb87;/*#f1a254;#EDBA78;*/

  padding-bottom:10px;

}

#tab-bar li{

width:33%;

}



#tab-bar li a{

  display:block;

  color:#E2985A;

  padding:5px 15px 5px 5px;

  position:relative;

}

#tab-bar li a:hover{

 /*background:url(img/events-over.gif) no-repeat center left;*/

 color:#028dd8;

 text-decoration:underline;

}

#tab-bar li a.tab-selected{



  font-weight:bold;

  background:url(img/events.gif) no-repeat center left;

  padding-left: 45px;

}

#tab-bar li a.tab-selected:hover{

  background:url(img/events.gif) no-repeat center left;

  color:#E2985A;

}



#links, #livros, #artigos,#associacao, #membros-fundadores, #orgaos-sociais{

  clear:both;

  padding-top:17px;

}

#portugal, #mundo{

  clear:both;

  padding-top:2px;

}



.event, .old-event{

  border-bottom:2px solid #cde1ec;

  padding:15px 0 10px 0;

}

.old-event{

  background-color:#f6f6f6;

}



.local span, .data span{display:none;}



.event-title{

  font-weight:bold;

  font-size:108%;

  color:#575757;

  letter-spacing: 1px;

}

.detail{

  background:url(img/down.gif) no-repeat center left;

  padding:5px 10px 5px 25px;

}

.detail:hover{

  background-image:url(img/down-over.gif);

}

.event-detail{

 border-left: 1px solid  #cde1ec;

 padding:3px 5px 3px 10px;

}

div.event-detail h3{

  font-size:138.5%;

  letter-spacing: 1px;

  line-height:1.5em;

  border-bottom:2px solid #cde1ec;

  border-top:2px solid #cde1ec;

  padding:4px 10px 7px 10px;

  margin-top:5px;

}

div.event-detail h4{

  color:#575757;

}

.abstract{

  margin-top:10px;

  margin-bottom:10px;

  font-size:116%;

}



h3.h{

  color:#E2985A;

  font-weight:bold;

  font-size:123.1%;

  letter-spacing: 1px;

  padding:0 15px 22px 0;

}

.livro-titulo{
	font-weight: bold;
}

.azul{

color:#028dd8}



#fb{

  /*margin:25px 3px 10px 3px;*/

  float:right;

  margin-right:21px;

  display:block;

}

hr{	
	border-top: 1px solid #cde1ec;
	border-bottom-style:none;
	border-left-style:none;
	border-right-style:none;
}