/* RESET */
* {
border:medium none;
margin: 0;
outline-style:none;
outline-width:medium;
padding:0;
}

/* ELEMENTOS HTML*/
p{ margin-bottom: 5px; margin-top: 5px;}
body{ background-color: white;}

#all{ width: auto; background-color: black;}
#page{ width: 1217px; height: 816px; border-right: solid white 2px;}

/* DIV HEADER */
#header{ width: 1217px; height: 228px; position: relative; z-index: 500;}
#header #logo{ margin-left: 45px; margin-top: 25px; position: relative; float: left;}
#header #seta_menu{ float: right; margin-bottom: 10px; margin-right: 5px}
#header #cb_projectos{ width: 310px; float: none; margin-left: 45px; margin-top: 30px;}
img#cb_projectos{ display: block; cursor: pointer;}

ul#categorias.roll {
    display:none;
    position: absolute;
    z-index: 1000;
}
ul#categorias{
    background: white none repeat scroll 0 0;
    border: none;
    padding:10px;
    width:290px;
    margin-top: 2px;
    margin-left: 45px;
}
ul#categorias li {
border:none;
height: 20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

ul#categorias a {
color:#535051;
display:block;
font-family: verdana;
font-weight: bold;
font-size:11px;
padding-left: 5px;
text-decoration: none;
}

ul#categorias li a:hover {
    color: #00A6E0;
    font-size: 12px;
}

/* LINKS HEADER */
#links_header { display: block; position: relative; float: right; margin-right: 235px; margin-top: 96px;}
#links_header #links{clear: both}
#links_header li a { padding-left: 6px; padding-right: 6px; display: block; float:left; height:17px; background-color: black; line-height: 17px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 10px; color: #00a6e0; text-transform: uppercase; text-decoration: none;}
#links_header li {list-style-image:none;list-style-position:inside; list-style-type:none; display: inline; float: right; margin-bottom: 4px;}
#links_header li a:hover{ background-color: #00a6e0; color: white;}
#links_header .seleccionado{ background-color: #00a6e0; color: white;}
#links_header li span{display: block; height: 17px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 10px; color: #00a6e0; text-transform: uppercase; text-decoration: none; background-color: black;}
#links_header ul{ clear: both; display: block;}

/* LINKS ENQUADRAMENTO */
#links_enquadramento{ position: relative; float: left; margin-left: 15px; margin-top: 12px; clear: both;}
#links_enquadramento .links li a{ text-decoration: none; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 9px; color: #3f3f3f; text-transform: uppercase; }
#links_enquadramento .links li {list-style-image:none;list-style-position:inside; list-style-type:none; display: inline; float: left;}
#links_enquadramento .links li a:hover{ color: #00a6e0;}
#links_enquadramento .links .seleccionado2{ color: #00a6e0;}

#links_enquadramento .links li span{ margin-right: 8px; margin-left: 8px; height: 9px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 9px; color: #3f3f3f; text-transform: uppercase;}

/* LINKS ESTRUTURA DE GESTÃO */
#links_estrutura{ position: relative; float: left; margin-left: 15px; margin-top: 12px; clear: both;}
#links_estrutura .links li a{ text-decoration: none; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 9px; color: #3f3f3f; text-transform: uppercase; }
#links_estrutura .links li {list-style-image:none;list-style-position:inside; list-style-type:none; display: inline; float: left;}
#links_estrutura .links li a:hover{ color: #00a6e0;}
#links_estrutura .links .seleccionado2{ color: #00a6e0;}
#links_estrutura .links li span{ margin-right: 8px; margin-left: 8px; height: 9px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 9px; color: #3f3f3f; text-transform: uppercase;}

/* DIV MAIN */
#main{float: left; width: 1172px; margin-left: 45px; margin-top: 20px;}

/* DIV MAIN2 */
#page #main2{ float:left; width: 1172px; margin-left: 45px; margin-top: 20px; max-height: 518px; overflow: hidden; background-image: url(/img/Graficos/pixel_painel_texto.png); background-repeat: repeat;}
#page #main2 #conteudo{ z-index: 90; padding-top: 27px; width: 938px; max-height: 480px; padding-bottom: 38px;}
#main2 #conteudo h1{ display: block; border-bottom:  solid 2px #00a6e0; font-family: arial; font-size: 22px; font-weight: normal; text-transform: uppercase; color: #8c8c8c; margin-left: 15px; width: 921px; padding-bottom: 5px;}
#main2 #conteudo #texto{ position: relative; width: 922px; margin-left: 15px; clear: both; line-height: 17px;}
#main2 #conteudo #texto .colunas { position: relative; float:left; width:453px; margin-top:20px; font-family: verdana; font-size: 11px; color: #535051; font-weight: normal; text-align: justify;}
#page #main2 #conteudo #img_organigrama{ margin-left: 15px; margin-top: 45px;}
#page #main2 #conteudo #texto a{ font-family: verdana; font-size: 11px; color: #535051; text-decoration: underline;}

#page #main2 #conteudo #contactos{ position: relative; float: left; width: 327px; margin-left: 15px; font-family: verdana; font-size: 11px; color: #535051; font-weight: normal; height: 236px;}
#page #main2 #conteudo #formulario{ position: relative; float: right; width: 592px; height: 236px;}

#page #main2 #conteudo #formulario input, #page #main2 #conteudo #formulario textarea{ width: 586px; border: none; background-color: white; height: 23px; padding-left: 5px; padding-top: 5px; font-family: verdana; font-size: 11px; color: #00a6e0; margin-bottom: 2px;}
#page #main2 #conteudo #formulario h3{ font-family: verdana; font-size: 10px; color: #535051; font-weight: normal; margin-bottom: 15px;}
#page #main2 #conteudo #formulario #txt_msg{ height: 93px;}
#page #main2 #conteudo #formulario #bt_enviar{ background-color: transparent; width: 60px;font-size: 12px;}

/* DIV MAIN_AREA */
#page #main_area{position: relative; width: 1172px; margin-left: 45px; margin-top: 20px; max-height: 518px; overflow: hidden; background-image: url(/img/Graficos/pixel_painel_texto.png); background-repeat: repeat;}
#page #main_area2{ position: relative; width: 935px;}
#page #main_area #conteudo_area{ position: relative; width: 637px; float: left; max-height: 480px; padding-bottom: 38px; padding-top: 27px;}
#page #main_area #conteudo_area h1{ display: block; border-bottom:  solid 2px #00a6e0; font-family: arial; font-size: 22px; font-weight: normal; text-transform: uppercase; color: #8c8c8c; margin-left: 15px; padding-bottom: 5px;}
#page #main_area #conteudo_area #texto_area{ line-height: 17px; font-family: verdana; font-size: 11px; color: #535051; font-weight: normal; text-align: justify; margin-top: 45px; margin-left: 15px;}
#page #main_area #conteudo_area #texto_area a{ font-family: verdana; font-size: 11px; color: #535051; text-decoration: underline; }
#page #main_area #img_area{ position: relative; float: right; width: 275px;}
#page #main_area #img_area img{ width: 275px;}
#page #main_area #img_area p{ color:#535051;font-family:verdana;font-size:11px; font-style: italic; margin-bottom: 10px;}
#page #main_area #texto_area a{font-family: verdana; font-size: 11px; font-weight: normal; color: #00a6e0; text-decoration: none;}
#page #main_area #texto_area a:hover{ text-decoration: underline;}

#page #main2 #conteudo #contactos a{font-family: verdana; font-size: 11px; font-weight: normal; color: #00a6e0; text-decoration: none;}
#page #main2 #conteudo #contactos a:hover{text-decoration: underline;}

/* DIV DOCUMENTOS */
#page #main2 #conteudo #documentos{ width: 938px; position: relative; margin-top: 45px; margin-left: 15px;}
#page #main2 #conteudo .documento{ position: relative; float: left; width: 278px; height: 66px;}
#page #main2 #conteudo .documento h3{ font-family: verdana; font-size: 10.5px; font-weight: bold; color: #3f3f3f;}
#page #main2 #conteudo .documento h4{ font-family: verdana; font-size: 9px; font-weight: normal; color: #3f3f3f; margin-top: 3px; margin-bottom: 8px;}
#page #main2 #conteudo .documento a{ font-family: verdana; font-size: 11px; font-weight: normal; color: #00a6e0; text-decoration: none;}
#page #main2 #conteudo .documento a:hover{text-decoration: underline;}

/* DIV DETALHES PARCEIROS */
#page #main2 #conteudo #detalhes_parceiro { position: relative; width: 933px; margin-left: 15px; margin-top: 45px;}
#page #main2 #conteudo #detalhes_parceiro #img_parceiro{ position: relative; float: left; width: 305px; background-color: white;}
#page #main2 #conteudo #detalhes_parceiro #img_parceiro #div-img{ position: relative; width: 250px; height: 250px; margin: 0 auto; background-repeat: no-repeat; background-position: center;}
#page #main2 #conteudo #detalhes_parceiro #titulo_texto{ position: relative; float: left;  width:607px; margin-left: 10px;}
#page #main2 #conteudo #detalhes_parceiro #titulo_parceiro{ font-family: verdana; font-size: 10.5px; color: #535051; font-weight: bold; text-transform: uppercase}
#page #main2 #conteudo #detalhes_parceiro #texto_parceiro{ line-height: 17px; margin-top: 8px; font-family: verdana;  font-size: 11px; color: #535051; font-weight: normal; text-align: justify}
#page #main2 #conteudo #detalhes_parceiro #texto_parceiro a{ font-family: verdana;  font-size: 11px; color: #535051; text-decoration: underline; }

/* LINKS DOS PARCEIROS */
#page #main2 #conteudo #parceiros{ position: relative; float: left; margin-left: 15px; margin-top: 12px; clear: both;}
#page #main2 #conteudo #parceiros .links li a{ text-decoration: none; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 9px; color: #3f3f3f; text-transform: uppercase; }
#page #main2 #conteudo #parceiros .links li {list-style-image:none;list-style-position:inside; list-style-type:none; display: inline; float: left;}
#page #main2 #conteudo #parceiros .links li a:hover{ color: #00a6e0;}
#page #main2 #conteudo #parceiros .links .seleccionado2{ color: #00a6e0;}
#page #main2 #conteudo #parceiros .links li span{ margin-right: 8px; margin-left: 8px; height: 9px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 9px; color: #3f3f3f; text-transform: uppercase;}

/* DIV MAIN - DESTAQUES */
#main #destaques{ width: 310px; position: relative; float: left;}
#main #destaques #bt_banner1{ height: 195px; width: 310px; max-width: 310px; max-height: 195px;}
#main #destaques #bt_banner2{ margin-top: 58px; width: 310px; height: 28px; max-width: 310px; max-height: 28px;}

/* DIV MAIN - JS_PROJECTOS */
#main #destaques #js_projectos{ width: 309px; height: 250px; margin-bottom: 20px;}
#main #destaques #js_projectos #paginas{ position: relative; width: 309px; z-index: 400}
#main #destaques #js_projectos #paginas .prevPage{  display: block; position: absolute; z-index: 600; top: 20.5px; left: 29px; background-image: url(/img/Graficos/setas_previous_destaques.png); background-repeat: no-repeat; height: 16px; width: 23px; text-indent: -2000px;}
#main #destaques #js_projectos #paginas .nextPage{ display: block; position: absolute; z-index: 600; top: 20.5px; right: 29px; background-image: url(/img/Graficos/setas_next_destaques.png); background-repeat: no-repeat; height: 16px; width: 23px; text-indent: -2000px;}
#main #destaques #js_projectos #paginas a:hover{ background-position: bottom;}

div.scroll { position:relative; overflow:hidden; width: 309px; height:250px;}
div.scroll div.items { width:20000em; position:absolute;}
div.scroll div.items a { float:left; display: block; width: 309px; height: 250px; border: none;}
div.items div.active { border:1px inset #ccc; background-color:#fff;}

/* DIV MAIN - NOTICIAS */
#main #noticias{position: relative; float: right; height: 250px; width: 860px; background-image: url(/img/Graficos/pixel_painel_texto.png); background-repeat: repeat;}
#main #noticias h1{ display: block; border-bottom:  solid 2px #00a6e0; font-family: arial; font-size: 22px; font-weight: normal; text-transform: uppercase; color: #8c8c8c; margin-top: 27px; margin-left: 17px; width: 604px; padding-bottom: 7px;}
#main #noticias .noticia{ float: left; width: 294px; margin-top: 12px;}
#main #noticias .noticia{ margin-left: 17px;}
#main #noticias .noticia h2{ width: 291px; height: 13px; overflow: hidden; font-family: verdana; font-weight: bold; color: #3f3f3f; font-size: 10.5px;}
#main #noticias .noticia h3{ font-family: verdana; font-size: 9px; font-weight: normal; color: #3f3f3f; margin-top: 3px;}
#main #noticias .noticia p{ overflow: hidden; height: 75px; margin-top: 7px; text-align: justify; font-family: verdana; font-size: 11px; font-weight: normal; color: #535051; margin-bottom: 5px;}
#main #noticias .noticia a{ font-family: verdana; font-size: 11px; color: #00a6e0; text-decoration: none; }
#main #noticias .noticia a:hover{ text-decoration: underline;}

/* DIV FOTOS FLICKR */
#page #main2 #conteudo #images #logo_flickr{ border: none; height: 61px; width: 61px; margin-right: 2px; margin-left: 4px;}
#page #main2 #conteudo #images{ position: relative; width: 938px; margin-top: 45px; margin-left: 10px; clear: both}
#page #main2 #conteudo #images{ font-family: verdana; font-size: 11px; font-weight: normal; color: #535051;}
#page #main2 #conteudo #images img{ position: relative; display: block; background-position: center; background-repeat: no-repeat; height: 59px; width:59px; float: left; border: solid 2px white; margin-left:3px; margin-bottom: 3px }
#page #main2 #conteudo #images span{ position: relative; display: block; background-position: center; background-repeat: no-repeat; height: 59px; width:59px; float: left; border: solid 2px white; margin-left:3px; margin-bottom: 3px } 

/* DIV DETALHE_NOTICIA */
/* #page #main2 #conteudo #detalhe_noticia{ margin-top: 24px; position: relative; padding-left:0px;} */
#page #main2 #conteudo #detalhe_noticia #cabecalho{ margin-top: 24px; margin-left: 15px;}
#page #main2 #conteudo #detalhe_noticia #cabecalho h2{ font-family: verdana; font-size: 10.5px; font-weight: bold; color: #3f3f3f;}
#page #main2 #conteudo #detalhe_noticia #cabecalho span{ font-family: verdana; font-size: 9px; color: #3f3f3f; font-weight: normal;}
#page #main2 #conteudo #detalhe_noticia .texto_noticia{ line-height: 17px; padding: 0px; margin-left: 15px; margin-top: 10px; float: left; position: relative; width: 613px; text-align: justify; font-family: verdana; font-size: 11px; color: #535051; font-weight: normal;}
#page #main2 #conteudo #detalhe_noticia #imagem #ficheiro a{ font-family: verdana; font-size: 11px; color: #00a6e0; text-decoration: none; margin-top: 30px; display: block;}
#page #main2 #conteudo #detalhe_noticia .texto_noticia a { font-family: verdana; font-size: 11px; color: #00a6e0; text-decoration: none; }
#page #main2 #conteudo #detalhe_noticia .texto_noticia a:hover, #page #main2 #conteudo #detalhe_noticia #imagem #ficheiro a:hover{ text-decoration: underline;}
#page #main2 #conteudo #detalhe_noticia #imagem{ float: right; position: relative; width: 300px; margin-top: 12px;}
#page #main2 #conteudo #detalhe_noticia #imagem .imagem{ width: 300px; height: 200px;}
#page #main2 #conteudo #detalhe_noticia #imagem span{ display: block; margin-top: 8px; font-family: verdana; font-size: 9px; color: #3f3f3f; font-weight: normal; font-style: italic;}
#page #main2 #conteudo #detalhe_noticia #imagem h3{ display: block; margin-top: 42px; font-family: verdana; font-size: 10.5px; font-weight: bold; color: #3f3f3f;}
#page #main2 #conteudo #detalhe_noticia #imagem #ficheiro{ margin-top: 7px;}
#page #main2 #conteudo #detalhe_noticia #imagem #ficheiro a{margin: 0px; display: inline-block; margin-left: 7px; position: relative; top: -4px;}


/* DIV NOTICIA */
#page #main2 #conteudo .noticia{ width: 614px; margin-left: 15px; border-top: solid 1px #b2b2b2; padding-top: 10px; margin-top: 12px;}
#page #main2 #conteudo .noticia h2{ font-family: verdana; font-size: 10.5px; font-weight: bold; color: #3f3f3f;}
#page #main2 #conteudo .noticia span{ font-family: verdana; font-size: 9px; font-weight: normal; color: #3f3f3f;}
#page #main2 #conteudo .noticia .texto_noticia{ margin-top: 8px; font-family: verdana; font-size: 11px; font-weight: normal; color: #535051;}
#page #main2 #conteudo .noticia a{ display: block; margin-top: 8px; font-family: verdana; font-size: 11px; color: #00a6e0; text-decoration: none;}
#page #main2 #conteudo .noticia a:hover{ text-decoration: underline;}

/* DIV PAGINACAO DAS NOTICIAS */

.pagination{
        font-family: verdana;
	font-size:11px;
	text-align:center;
	width:614px;
        margin-top: 28px;
}

.pagination .current{ margin-left: 5px; margin-right: 5px; color: #00a6e0;}
.pagination a{ margin-left: 5px; margin-right: 5px; text-decoration: none; color: #535051;}
.pagination a:hover{ text-decoration: none; color: #00a6e0;}


/* DIV FOOTER */
#footer{ width: 1172px; height: 135px; margin-left: 45px; position: relative; background-color: #00a6e0;  border-top: solid white 2px;}
#footer #icons{  position: relative; float: right; margin-right: 235px; margin-top: 85px }
#footer li a {display: block; float:left; height:28px; text-indent: -2000px; margin-left: 10px;}
#footer li {list-style-image:none;list-style-position:inside; list-style-type:none; display: inline;}

#footer #bt_rss{
    background-image:url(/img/Graficos/bt_rss.png);
    width: 28px;}

#footer #bt_flickr{
    background-image:url(/img/Graficos/bt_flirck.png);
    width: 28px;}

#footer #bt_vimeo{
    background-image:url(/img/Graficos/bt_vimeo.png);
    width: 28px;}

#footer #bt_facebook{
    background-image:url(/img/Graficos/bt_facebook.png);
    width: 28px;}

#footer li a:hover{ background-position: bottom; background-repeat: no-repeat;}

#footer #apoios{position: relative; float: left; width: 500px; margin-left: 15px; margin-top: 43px;}
#footer #apoios a{position: absolute; display: block; left: 0px; top: 30px; text-indent: -2000px; height: 50px;}

#footer #apoios #bt_cm{ width: 156px;}
#footer #apoios #bt_maiscentro{ width: 90px; margin-left: 176px;}
#footer #apoios #bt_qren{ width: 90px; margin-left: 270px;}
#footer #apoios #bt_uniaoeuropeia{ width: 115px; margin-left: 366px;}

#footer h4{display: block; line-height: 20px; margin-left: 2px; font-family: arial; font-weight: bold; font-size: 9px; text-transform: uppercase; color: white;}
#footer #iniciativa{ width: 156px; float: left;}
#footer #co-financiamento{ width: 309px; float: left; margin-left: 20px;}

#footer p.autoria{ font-family: arial; font-size: 9px; color: white; display: block; margin-top: -110px; float: right; margin-right: 10px;}
#footer .autoria a{ font-family: arial; font-size: 9px; color: white; text-decoration: none;}
#footer p.autoria a:hover{ text-decoration: underline; }