/* 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:400px;
  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;
}
.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, #equipa, #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;
}

.azul{
color:#028dd8}

#fb{
  /*margin:25px 3px 10px 3px;*/
  float:right;
  margin-right:21px;
  display:block;
}