html{ height:100%; margin:0; padding:0; width:100%}
body{font: 13px Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #666666; background-color:#ececec;}
*, *:before, *:after {box-sizing: border-box;}
*{margin:0; padding:0;}
a img{border:none}
iframe,img {max-width: 100%;}
a{text-decoration: none;outline: none;color: #666;}
a:hover{text-decoration: underline;}
h1{font-size: 25px;font-weight: 400;color: #961961;}
ul, ol {
list-style-position: inside;
}
/* **********************************************************************************************************************************
header
*************************************************************************************************************************************
*/
#mainHeader{ margin:0 auto; text-align:center; height:115px; padding:0;background-color:#fff;z-index:999;width: 100%; box-shadow: 0 0 10px #ccc;-webkit-box-shadow: 0 0 10px #ccc;-moz-box-shadow: 0 0 10px #ccc;}
#mainHeader .header_content{ width:1000px; height:115px; margin:0 auto; text-align:center; position:relative; left:0; z-index:100; vertical-align: bottom;}
#mainHeader .header_left{float:left; margin:0; padding:0; width:25%; }
#mainHeader .header_logo{float:left; margin:10px 0 0px 0px; padding:0; height:60px; position:relative; left:0px; }
#mainHeader .header_logo a{border:none; margin:0; padding:0}
#mainHeader .header_logo a img{border:none; margin:0; padding:0; }
#mainHeader .header_right{float:right; text-align:left; margin:0; padding:0; width:75%; z-index:0; position:absolute; right:0px; top:55px;}
/* **********************************************************************************************************************************
Menu Horizontal
*************************************************************************************************************************************
*/
#mainMenu{height: 45px; width:100%; margin:0 auto; }
#mainMenu ul#nav{list-style:none; padding-right:2px; float:right;height:45px; display:none}
#mainMenu li.btn{float:left;padding-left:2px; height:45px; }
#mainMenu a{color: #3C3C3C; font-size: 14px; padding: 0 10px; text-decoration: none; text-transform:uppercase; height:45px; display:inline; font-weight:bold; }
#mainMenu li.selected a{color:#3C3C3C}
#mainMenu cufon{position:relative; top:10px;}
#mainMenu a:hover, #mainMenu .current{ text-decoration:underline;}
#mainMenu #nav,#mainMenu #nav li,#mainMenu #nav ul { list-style: none; margin: 0; padding: 0;}
#mainMenu #nav {position: relative; z-index: 597; float: left;}
#mainMenu #nav li {float: left;}
#mainMenu #nav > li.hover,#mainMenu #nav > li:hover { position: relative; z-index: 599; cursor: default;}
#mainMenu #nav ul {width:230px; margin:0; padding:10px 0;visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; background:#ffffff}
#mainMenu #nav ul li {margin:0; padding: 0 10px 5px 20px ; float:none; list-style:none; background:url(/images/png/traco.png) 8px 10px no-repeat;}
#mainMenu #nav li ul a{padding:0px; margin:0px; height:20px; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;color:#3C3C3C;}
#mainMenu #nav li ul a:hover{color:#3C3C3C;}
#mainMenu #nav li:hover > ul {visibility: visible;}
#mainMenu #nav ul li{width:230px !important; }
/* **********************************************************************************************************************************
Menu Mobile
************************************************************************************************************************************ */
#mobile_menu{font-size: 16px;font-weight: bold;line-height: 40px; -moz-box-sizing: border-box;
box-sizing: border-box; width: 100%;padding: 10px 0 0 ; display:none !important; z-index:999999999999;float:left; background:#ffffff; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);}
#mobile_menu-sticky-wrapper{display:none !important; background:#ffffff;} /* Stiky */
#mobile_button a { background: rgba(0, 0, 0, 0) url("/images/png/menu.png") no-repeat scroll center center; display: block; height: 60px; left: 10px; position: absolute;text-indent: -9999px; top: 10px; width: 60px;}
#mobile_menu #mobile_button { float: left; width: 20%;}
#mobile_menu .direita {float: right; width: 20%;}
#mobile_menu .direita a{ background: rgba(0, 0, 0, 0) url("/images/png/login_mobile.png") no-repeat scroll center center; display: block;height: 60px; text-indent: -9999px;width: 60px; float:right;}
#mobile_menu .centro {float: right; margin: 0; width: 100%;}
#mobile_menu .centro .logo {margin: 0 auto; width: 128px;}
/* **********************************************************************************************************************************
Estrutura
************************************************************************************************************************************ */
#container{width: 1000px !important;margin: 0 auto;text-align: left; }
#container #centro{width: 1000px !important; float:left; margin:40px auto 0 auto}
#container #centro #main-esq{padding:0; float:left; width:300px; }
#container #centro #mainContent{width: 650px; margin:0 0 0 50px; padding:0; float:left;}
/* **********************************************************************************************************************************
Breadumb
************************************************************************************************************************************ */
/*#breadcumb{ height: 33px; vertical-align:top; width:100%;}
#breadcumb .path{float:left; color:#999999; font-size:10px; margin-top:8px; margin-left:10px;}
#breadcumb .path a{color:#999; padding-right:3px}
#breadcumb .path span{}
#breadcumb #rss{float:right; position:relative; top:8px; display:block }
#breadcumb #rss a{ background:url(/images/png/RSS.png) right center no-repeat; padding:2px 23px 2px 0; display:block; color:#666; font-size:11px; color:#999999}
#breadcumb .zoomtext{line-height: 16px;height: 16px; float:right; background-color:#4e4e4e; color:#fff; padding:0px 4px; position:relative; top:9px; margin-left:5px;}
#breadcumb .zoomtext a#minus{color:#fff; padding:0 2px; background-color:#4e4e4e;}
#breadcumb .zoomtext a#plus{color:#fff; padding:0 2px; background-color:#4e4e4e;}*/
/* **********************************************************************************************************************************
Coluna Esquerda
************************************************************************************************************************************ */
/*Logo e menu*/
#main-esq #pdmLogo{background:#FFFFFF;margin-bottom:50px;padding: 25px 0;box-shadow: 0px 2px 10px #ccc;-webkit-box-shadow: 0px 2px 10px #ccc;-moz-box-shadow: 0px 2px 10px #ccc;}
#main-esq #pdmLogo a img{display: block;margin: 0 auto;}
#main-esq #pdmMenu{background:#FFFFFF; margin-bottom: 50px;box-shadow: 0px 2px 10px #ccc;-webkit-box-shadow: 0px 2px 10px #ccc;-moz-box-shadow: 0px 2px 10px #ccc;}
#main-esq #pdmMenu #menuBody ul li{list-style: none;}
#main-esq #pdmMenu #menuBody ul li#home{padding: 10px 16px 10px 24px; border-bottom: 1px solid #CCCCCC;}
#main-esq #pdmMenu #menuBody ul li#home a{font-family: Arial;font-size: 15px;color: #393939;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;background: url(/images/png/arrow_right_services.png) no-repeat right;}
#main-esq #pdmMenu #menuBody ul li a:hover{text-decoration: none;}
#main-esq #pdmMenu #menuBody ul li#pdmSub div{padding: 10px 16px 10px 24px;border-bottom: 1px solid #CCCCCC;}
#main-esq #pdmMenu #menuBody ul li#pdmSub div a{font-family: Arial;font-size: 15px;color: #393939;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;background: url(/images/png/menu_arrow_right.png) no-repeat right;}
#main-esq #pdmMenu #menuBody ul li#pdmSub.open div a{background: url(/images/png/menu_arrow_down.png) no-repeat right;}
#main-esq #pdmMenu #menuBody ul li#pdmSub ul{display:none;}
#main-esq #pdmMenu #menuBody ul li#pdmSub ul.open{display:block;}
#main-esq #pdmMenu #menuBody ul li#pdmSub ul li{list-style: none;border-bottom: 1px solid #CCCCCC;background:#FAFAFA;}
#main-esq #pdmMenu #menuBody ul li#pdmSub ul li a{font-family: Arial;font-size: 13px;color: #999999;display:block;padding: 10px 16px 10px 24px;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#main-esq #pdmMenu #menuBody ul li#pdmSub ul li:hover{background:#961961;}
#main-esq #pdmMenu #menuBody ul li#pdmSub ul li a:hover{color:#FFFFFF;}
#main-esq #pdmMenu #menuBody ul li#pdmSub ul li.bold{background:#961961;}
#main-esq #pdmMenu #menuBody ul li#pdmSub ul li.bold a{color:#FFFFFF;}
.youtube_video{float:left; width:177px; margin:29px 0px 0px 0px;}
.youtube_video h3{margin-top:12px; margin-left:12px; float:none; width:170px; margin-bottom:3px;}
.youtube_video h4{margin-left:12px; width:166px; margin-bottom:18px; font-weight:normal; font-size:10px;}
.youtube_video p{background:#e3e3e3; font-size:10px; text-align:right; width:200px; padding:2px 0px;}
.youtube_video a{margin-right:10px; }
#socialVideo{margin-left:12px;}
#facebookPanel.facebook{display:block;}
#accordionMedia .facebook h3{margin:5px 0}
#accordionMedia .facebook p{background:#e3e3e3; font-size:10px; text-align:right; width:180px; padding:2px 10px; margin:15px 10px 0 -10px}
#accordionMedia .Flickr{padding:0px 10px;}
#accordionMedia .Flickr h3{margin:5px 0}
#accordionMedia .Flickr img{margin:10px 0; width:178px; height:135px;}
#accordionMedia .Flickr p{background:#e3e3e3; font-size:10px; text-align:right; width:180px; padding:2px 10px; margin:15px 10px 0 -10px}
#accordionMedia .twitter{padding:0 10px;}
#accordionMedia .twitter h3{margin:5px 0}
#accordionMedia .twitter p{background:#e3e3e3; font-size:10px; text-align:right; width:180px; padding:2px 10px; margin:15px 10px 0 -10px}
#accordionMedia .pane h3{font-size:12px}
/*Destaques*/
#main-esq #destaques{background:#FFFFFF;box-shadow: 0px 2px 10px #ccc;-webkit-box-shadow: 0px 2px 10px #ccc;-moz-box-shadow: 0px 2px 10px #ccc;}
#main-esq h1 {margin: 0 !important; padding: 17px 14px;}
#main-esq #destaquesList, #main-dir #destaquesList li{margin: 0;padding: 0;list-style: none;}
#main-esq #destaquesList li{float: left;border-bottom: 1px solid #CCCCCC;padding: 10px;width:100%;}
#main-esq #destaquesList .logo{float: left;margin-right: 25px;}
#main-esq #destaquesList h3{font-size: 13px;font-weight:400;color:#666666;margin: 0;}
#main-esq #destaquesList .BW h3 {color:#696969;}
/* **********************************************************************************************************************************
banner destaques
************************************************************************************************************************************ */
#pdmBanner{background:#FFFFFF;padding:27px 20px 20px 20px;margin-bottom:40px;box-shadow: 0px 2px 10px #ccc;-webkit-box-shadow: 0px 2px 10px #ccc;-moz-box-shadow: 0px 2px 10px #ccc;}
.banners_destaques .banner a{display:block}
.banners_destaques .banner a img{display:block}
.banners_destaques .outros_destaques{float:left; width:100%; text-align:right; height:13px; margin:0 0 27px 0; background:url(/images/jpg/outros-destaques-line.jpg) 0 1px repeat-x}
.banners_destaques .outros_destaques a{text-align:right; font-size:10px; color:#70329F; background:#fff; border-right:1px solid #ededed; padding:0 5px; height:13px; line-height:13px;}
/* **********************************************************************************************************************************
Notícias HOMEPAGE
************************************************************************************************************************************ */
/*#newsHome{ padding:20px 0;}
#newsHome .videoNoticias{float: left;width: 248px; margin-right:20px;}
#newsHome .imagemNoticias{float: left; margin-right:20px; margin-bottom: 15px; width:30%}
#newsHome p{line-height:18px;}*/
/* **********************************************************************************************************************************
Fase actual HOMEPAGE
************************************************************************************************************************************ */
#pdmFases{background:#FFFFFF;padding:25px 20px 45px 20px;box-shadow: 0px 2px 10px #ccc;-webkit-box-shadow: 0px 2px 10px #ccc;-moz-box-shadow: 0px 2px 10px #ccc;overflow: hidden;}
#pdmFases .maintitle{font-size:25px; font-weight:400; color:#961961;margin-bottom:10px;}
.pdmContent tr {width: 28px;line-height: 28px;}
.pdmContent td {padding-left: 10px;}
.pdmContent a {
font: 11px Arial, sans-serif;
color: #961961;
}
/* **********************************************************************************************************************************
LINKS UTEIS HOMEPAGE
*************************************************************************************************************************************/
.mod_util{float:left; margin:30px 0 30px 0px; padding:0;width:100%; display:none;}
.mod_util .mod_util_top{float:left; margin:0; padding:0; width:100%;}
.mod_util .mod_util_top h2{float:left; margin:0; position:relative; left:0px; padding:0; font-size:25px; text-transform:uppercase; letter-spacing:1px;color:#961A62; line-height:35px; font-weight:normal;text-align:left;}
.mod_util .mod_util_top a{float:right; margin:0; padding:0 20px 0 0; text-decoration:underline; position:relative; color:#fff;line-height:35px; font-weight:normal; }
.mod_util .mod_util_top a:hover,.mod_util .mod_util_top a:active,.mod_util .mod_util_top a:focus{color:#ffffff}
.mod_util .mod_util_content{float:left;padding:0px 0px 5px 0px;width:100%;}
.mod_util .mod_util_content ul{width:98%;float:left; list-style-type:none;margin-bottom:12px;}
.mod_util .mod_util_content ul li{list-style:none}
.mod_util .mod_util_content div.thumb{float:left;margin:0 0 10px 0; padding:0;}
.mod_util .mod_util_content div.thumb ul{float:left; margin:0; padding:0;border:none;}
.mod_util .mod_util_content div.thumb ul li.title{width:100%;float:left; margin:0; padding:0; background:#961A62; color:#fff; height:20px; font-size:0.688em; line-height:20px; list-style:none;text-align:center}
.mod_util .mod_util_content div.thumb ul li.photo{list-style:none; float:left; margin:0; padding:0;width:100%;}
.mod_util .mod_util_content div.thumb ul li.photo img{list-style:none; float:left; margin:0; padding:0;}
.mod_util .mod_util_content div.thumb ul li.title a{color:#fff}
.mod_util .mod_util_content .slick-prev {background-image:url(/images/png/slick_prev.png); background-repeat: no-repeat; background-position: 0px 0px;top:100%;left: 43%; }
.slick-prev:before {}
.mod_util .mod_util_content .slick-next {background-image:url(/images/png/slick_next.png); background-repeat: no-repeat; background-position: 0px 0px; top: 100%;right: 46%;}
/* **********************************************************************************************************************************
Page Layout
************************************************************************************************************************************ */
.layout{ width:100%;float:left;margin: 0 0 20px 0; padding:20px 20px 20px ;background:#ffffff;box-shadow: 0 6px 10px 0 rgba(204, 204, 204, 1);}
.layout_text{width:100%;padding:0; margin:0 0 20px ;text-align:left;}
.layout span.traco{ float:left; text-align:left;margin-right:15px; }
.layout span.space{ margin-right:15px; }
.share{float:right;}
.doc {float: left; width: 30px; background: none}
.edit-options {border-color:#e2e2e2; border-style: solid none none;border-width: 1px medium medium; margin: 20px 0;}
.layout_01 {background: #ffffff none repeat scroll 0 0;box-shadow: 0 6px 10px 0 rgba(204, 204, 204, 1);float: left;margin: 0 0 20px;width: 100%;}
.layout_01 .maintitle h2{color:#961A62; font-family:Arial, Sans-Serif;font-weight:normal; font-size:25px; padding:20px 20px 20px ; line-height:31px;margin:0 0 20px; text-transform:uppercase; }
/* **********************************************************************************************************************************
Títulos
************************************************************************************************************************************ */
.maintitle{width:100%;}
.maintitle h2{color:#961A62; font-family:Arial, Sans-Serif;font-weight:normal; font-size:25px; padding:0; line-height:31px;margin:0 0 20px; text-transform:uppercase; }
.tituloConteudos{ color: #797979; font-family:Arial, Sans-Serif;font-weight:bold; font-size:16px; margin-bottom: 5px;}
.tituloConteudos a{color:#797979;}
.tituloConteudos a:hover{color:#797979; text-decoration:underline}
.subtituloConteudos{ color: #961A62;margin: 10px 0 5px 0; }
.titlelateral {color:#961A62;height: 31px;line-height: 31px;margin-top: 10px;}
.titlelateral a{width: 100%; height: 30px; color:#961A62;font-size:25px;}
.tituloData{margin-bottom:10px; font-size:13px; color:#999}
.tituloComentario{font-weight: bold;font-size: 16px;color: #696969;text-align: left;}
a.termos{color:#961A62;}
a.termos:hover{ text-decoration:underline}
/* **********************************************************************************************************************************
Albuns
*************************************************************************************************************************************/
.albuns{ padding:0px;padding-left:20px; margin: 0 -20px} /* Para albuns */
.albuns_content{width: 100%; float: left;}
.albuns_content img{padding:1px; background:#fff; border:1px solid #ccc}
/* **********************************************************************************************************************************
Notícias listagem
************************************************************************************************************************************ */
.noticia{width:100%;float:left; padding:20px 0;}
.listImage{float: left; margin-right: 20px; max-width:100%; width:30%}
.listContent{line-height:15px; }
.resumo_noticia{line-height:16px; font-size:13px;}
/* **********************************************************************************************************************************
projectos
************************************************************************************************************************************ */
#projectos{width:100%; float:left;margin: 0 0 20px 0; padding:20px;background:#ffffff;box-shadow: 0 6px 10px 0 rgba(204, 204, 204, 1);}
#projectos #pesquisa #pesquisaEstado{width: 230px; float: left}
#projectos #pesquisa .title{height: 24px; border: #CCCED0 1px solid; padding-left: 10px; padding-top:1px;}
#projectos #pesquisa #pesquisaEstado #menu {width: 100%; float: left}
#projectos #pesquisa #pesquisaEstado #menu ul{list-style-type: none;margin: 0;padding: 0;}
#projectos #pesquisa #pesquisaEstado #menu ul li{border:#CCCED0 1px solid;margin-top: 1px;background-color:#FFF;line-height: 20px;}
#projectos #pesquisa #pesquisaEstado #menu ul li a img{vertical-align:middle; margin-right:5px;line-height: 20px; margin-bottom:2px}
#projectos #pesquisa #pesquisaEstado #menu ul li a{display: block;text-decoration: none;height: 20px;color: #000;background: #F8F8F8;border-bottom: 1px #F0F0F0 solid; padding-left: 11px;vertical-align: middle;}
#projectos #pesquisa #pesquisaEstado #menu ul li a.active{background: #961A62; border-bottom: 1px #F0F0F0 solid;padding-left: 11px;line-height: 20px;color: #FFF;}
#projectos #pesquisa #pesquisaEstado #menu ul li a:hover{ background: #961A62; color: #FFF;}
#projectos #pesquisa #caixaPesquisa{width: 100%;float: left;}
#projectos #pesquisa #caixaPesquisa .titulo{ color: #797979;font-size: 16px; font-weight: bold; padding:20px 0;}
#projectos #pesquisa #caixaPesquisa #pesquisaProjectos{ width: 100%;}
#projectos #pesquisa #caixaPesquisa #pesquisaProjectos label {display: block;margin-bottom: 5px;}
#projectos #pesquisa #caixaPesquisa #pesquisaProjectos input, #projectos #pesquisa #caixaPesquisa #pesquisaProjectos select{border-color: #dedede; border-radius: 0; border-style: solid; border-width: 1px; padding: 10px; width: 100%;color:#666; }
#projectos #pesquisa #caixaPesquisa #pesquisaProjectos input[type="submit"] {background-color: #961A62;border-color: #961A62;border-radius: 6px; color: #ffffff; cursor: pointer; font-size: 16px;font-weight: normal;padding: 15px 25px; width: auto; float:right;}
#projectos #pesquisa #caixaPesquisa #pesquisaProjectos input[type="submit"]:hover{ opacity:0.8; }
#projectos #pesquisa #caixaPesquisa .linha{float:left; width:100%; padding: 10px 0;}
#projectos #pesquisa #caixaPesquisa .half{float:left; width:50%}
#projectos #projectosList{width:100%; padding:20px 0;}
#projectosList .descricao{width:100%}
#projectos #projectosList #headerProjectos{color: #797979;font-size: 16px; font-weight: bold;padding:20px 0;}
#projectos #pesquisa #caixaPesquisa #pesquisaProjectos{ width: 100%;}
#projectos #pesquisa #caixaPesquisa #pesquisaProjectos label {display: block; margin-bottom: 5px;}
#projectos #projectosList .imgGallery{width: 100%; margin-top: 20px; margin-bottom: 10px; float:left}
#projectos #projectosList .imgGallery img{border:1px solid #ccc; background:#fff; padding:1px; margin:4px;}
#projectos #projectosList .alternate{background-color:#F1F1F1 !important; }
#projectos .doc{float:left;margin-top: 15px; text-align:left; margin:1px 25px 0 0 ; width: 200px; height:16px; }
#projectos .doc img{padding-right: 5px;}
#projectos .doc a:hover{color:#961A62;line-height:15px}
#projectos .menu{width:100%;float:left; padding:20px 0;}
/* **********************************************************************************************************************************
Ver Mapa
************************************************************************************************************************************ */
.verMapa{text-align: right; float: right; border-top: 1px solid #e2e2e2; width:100%}
.verMapa img{margin-left: 5px;}
.verMapa a{text-decoration:none; padding-right:20px;color:#961A62; font-size:16px; float:right; padding:10px 20px; text-transform:uppercase;}
.verMapa a:hover{/*text-decoration:underline; */}
/* **********************************************************************************************************************************
estratégia
************************************************************************************************************************************ */
#estategia{width:100%;}
#estategia #legenda_estrategia{width: 100%;height: 23px; margin:20px 0;}
#estategia #headerEstategia{color: #797979;font-size: 16px; font-weight: bold; padding:20px 0;}
#estategia .colum1{float: left; width:90%; padding-left: 16px}
#estategia .colum3{float: left; width: 10%; text-align:center; }
#estategia .colum4{float: left; width: 73px; text-align:center; }
#estategia .description{padding-right:30px; margin-bottom:10px;}
.mediacontainer{ float: left; padding: 20px; width: 100%;}
.mediacontainer ul{margin:5px 0; padding:10px; float:left;width:100%;}
.mediacontainer ul li{float:left;width:100%; padding:10px 0;}
.mediacontainer ul li a{ color: #666; font-size:13px; display:block;}
/* **********************************************************************************************************************************
Orçamento Participativo
************************************************************************************************************************************ */
/*#orcamento {width:100%; float:left;margin: 0 0 20px 0; padding:20px;background:#ffffff;box-shadow: 0 6px 10px 0 rgba(204, 204, 204, 1);}
#orcamento #orcamentoPage .download li.item{ background-color: #f3f3f3 !important;clear: both;cursor: default;display: block;float: left;list-style-type: none;margin: 5px 0;padding: 4px 10px;width: 100%;}
#orcamento #orcamentoPage .download li.item a{ line-height:25px; display:block;}
#orcamento #orcamentoPage .download li.item img.icon{float:right;}
#orcamento #agendaOrcamento {}
#orcamento #agendaOrcamento .pesquisa{width:100%; float:left;}
#orcamento #agendaOrcamento .pesquisa .linha {float: left;padding: 0 0 10px 0 ;width: 100%;}
#orcamento #agendaOrcamento .pesquisa .half {float: left;width: 50%;padding:5px;}
#orcamento #agendaOrcamento .pesquisa .texto{ text-align:center;cursor: pointer; line-height:40px; display:block; border:1px solid #ccc;}
#orcamento #agendaOrcamento .pesquisa img{ vertical-align:middle;}
#orcamento #agendaOrcamento .pesquisaContent{width:100%; margin:10px 0;float:left;}
#orcamento #agendaOrcamento .pesquisaContent .item{ background-color: #f3f3f3 !important;clear: both;cursor: default;display: block;float: left;list-style-type: none;margin: 5px 0;padding: 4px 10px;width: 100%; font: bold 16px Arial;}
#orcamento #agendaOrcamento .pesquisaContent .item .diaData{float: left;min-width: 31px;width: 10%; color: #666666;font: bold 16px Arial;margin-right: 10px;text-align: center;text-transform: uppercase;width: 31px;}
#orcamento #agendaOrcamento .pesquisaContent .item .conteudo{width:90%;float:left; background: url(/images/png/arrow_right_tab.png) right center no-repeat;}
#orcamento #agendaOrcamento .pesquisaContent .item span.texto{font:normal 11px Arial; }
#orcamento #agendaOrcamento .pesquisaContent .item span.texto :hover{ text-decoration:none;}
#orcamento #agendaOrcamento .pesquisaContent .item .conteudo a{ display:block;}
#orcamento #orcamentoPage .pdm {border-left: medium none;border-top: medium none;float: left;list-style-type: none;margin: 0 0 30px;padding: 0;width: 100%;}
#orcamento #orcamentoPage .pdm li.list.active > a{background: url('/images/png/arrow_down.png') no-repeat right 2% center #961A62; color: #FFF;}
#orcamento #orcamentoPage .pdm li.list > div{ font: 11px Arial, sans-serif; padding: 0; color: #6a6a6a; float: left; width:100%; overflow:hidden}
#orcamento #orcamentoPage .pdm li.list > a{ background: url('/images/png/arrow_right_tab.png') no-repeat right 2% center #EEE; padding:1% 5%; width:100%; float: left; text-decoration: none; font: 11px Arial, sans-serif; color:#696969; cursor: pointer; margin: 1px;}
#orcamento #orcamentoPage .pdm li.list > a img{margin-top:10px;}
#orcamento #orcamentoPage .descricao{ clear: both; width: 90%; text-align: justify; background:#fff; padding-left:10px; padding-right:10px;}
#orcamento #orcamentoPage .pdm .descricao{width:96%; background:#fff; padding:1% 2% 0px 2%;}*/
/* **********************************************************************************************************************************
TABS
************************************************************************************************************************************ */
.ui-tabs {position: relative;zoom:1;}
.ui-tabs .ui-tabs-nav { margin: 0; padding:0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {background: #FFF; cursor: default !important; border-bottom: 5PX SOLID #999;}
.ui-state-active a, .ui-widget-content .ui-state-active a, .ui-widget-header .ui-state-active a{background: #FFF; cursor: default !important; border-bottom: 5PX SOLID #999;}
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 20px; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
ul.tabs{list-style: none;border-bottom: 1px solid #797979; float:left; width:100%;}
ul.tabs li{float: left;text-indent: 0;margin: 0; list-style-image: none !important;}
ul.tabs a{ float:left; color: #797979; font-size: 16px;font-weight: bold; padding: 20px;}
ul.tabs a:hover{background: #FFF;}
ul.tabs a.current, ul.tabs a.current:hover{ background: #FFF; cursor: default !important; color: #000; border-bottom:none}
#tabs{display:none}
#tabs .headerTabs{text-transform: uppercase; margin-bottom: 18px; background-color: #961A62; color: #FFF; height:20px; line-height:20px; margin-top:15px;}
#tabs ul, #tabs ul li{list-style:none;}
#tabs .mediaContent{ background:#f3f3f3; padding: 5px 10px; clear: both; color: #666;}
#tabs .mediaContent a{ clear: both; }
#tabs a:hover{color:#961A62 !important; text-decoration:underline !important}
#tabs .alternate{background-color:#F1F1F1 !important;}
.mediacontainer{ float: left; padding: 20px; width: 100%;}
.mediacontainer ul{margin:5px 0; padding:10px; float:left;width:100%;}
.mediacontainer ul li{float:left;width:100%; padding:10px 0;}
.mediacontainer ul li a{ color: #666; font-size:13px; display:block;}
/* **********************************************************************************************************************************
Modulo Agenda Presidente
************************************************************************************************************************************ */
/*#main-esq #agenda{ margin-bottom: 40px; height: 60px; overflow: hidden; text-align:center;box-shadow: 0 6px 10px 0 rgba(204, 204, 204, 1); background:#ffffff; padding:0 20px;}
#main-esq #agenda a{color:#3B3B3B;line-height: 60px; display:block; text-align:left; background: url(/images/png/diario.png) center right no-repeat; }
#main-esq #agenda a:hover{ text-decoration:none}
#agendaPresidente{width:100%; clear: both; padding-top: 20px; float:left}
#agendaPresidente .tituloAgenda{float: left; color: #666666; font: bold 16px Arial; text-transform: uppercase; width:75%;}
#agendaPresidente .diaData{float: left; width: 10%; margin-right: 11px;text-align: center;color: #666666; font: bold 16px Arial; margin-bottom: 10px; text-transform: uppercase;}
#agendaPresidente .descricao{float: left;width: 80%;}
#agendaPresidente .tituloData{float: left; margin-bottom: 5px; float:left}*/
/* **********************************************************************************************************************************
pagination
************************************************************************************************************************************ */
.pager{float: right;}
.pager span,.pager span b{padding:0px 1px}
#pagination{ width:100%; float:left; text-align:center; padding:20px;}
li.pagination{float:right;}
.listPager{float:right;margin:0; padding:0 10px 0 10px;list-style:none;height:28px;/*background:url(/images/png/vline.png) left center no-repeat;*/}
.listPager > div{float:left;height:28px; line-height:28px;}
.listPager span{ padding: 0 4px;}
.listPager .current{color:#961A62; text-decoration:underline; font-weight:bold;}
.listPager .disable{visibility:hidden}
.listPager .number b{color:#961A62; }
.listPager .pagerBack, .listPager .pagerNext{font-size:28px !important; font-weight:bold; }
listPager.pagerNext{margin-left:7px;}
.listPager a{text-align:center; font-weight:bold; }
.listPager a:hover{color:#961A62;}
/* **********************************************************************************************************************************
modulo login
************************************************************************************************************************************ */
/*.mod_login {width:100%; float:left; background:#ffffff;margin:0; box-shadow: 0 6px 10px 0 rgba(204, 204, 204, 1);}
.mod_login .top{width:100%; float:left; margin:0 0 15px 0; padding:0; height:35px; }
.mod_login .top h2{color:#fff; background-color:#961A62; height: 35px; width: 100%; float: left; text-align: left; padding: 0px 10px; line-height: 35px; text-transform: uppercase; font-size: 16px; font-weight: normal;}
.mod_login .content{width:100%; float:left; padding:0 10px; }
.mod_login .content li{margin:0 0 10px 0 !important; float:left; width:100%; float:left; list-style-type:none}
.mod_login .content li.right{ border-bottom:1px solid #CCCCCC;padding: 0 0 10px; margin:0 !important;}
.mod_login input[type='text']{font-size:13px; color:#666; border:1px solid #CCCCCC; background:#fff; padding:10px; float:left; width:100%}
.mod_login input[type='password']{font-size:13px; color:#666; border:1px solid #CCCCCC; background:#fff; padding:10px; float:left; width:100%}
.mod_login input[type='submit']{display:block; width:100%; height:50px;float:left; margin:0; padding:0; background:#961A62;border:none; cursor:pointer;color:#fff; font-size:16px; border-radius:6px;}
.mod_login input[type='submit']:hover{ opacity:0.8;}
.mod_login .main{width:100%; float:left; margin:0; padding:0}
.mod_login .email .left{width:100%; float:left}
.mod_login .email #txtloginUser{background: url(/images/gif/user.gif) 10px center no-repeat #FFF;font-size:13px; color:#A5a5a5;border:1px solid #CCCCCC;padding:10px 10px 10px 40px;width:100%}
.mod_login .email input[type='text']{background: url(/images/gif/user.gif) 10px center no-repeat #FFF;font-size:13px; color:#A5a5a5;border:1px solid #CCCCCC;padding:10px 10px 10px 40px;width:100%}
.mod_login .password .left{width:100%; float:left}
.mod_login .password #txtLoginPass{background: url(/images/gif/password_full.gif) 10px center no-repeat #FFF;font-size:13px; color:#A5a5a5;border:1px solid #CCCCCC;padding:10px 10px 10px 40px;width:100%}
.mod_login .password input[type='password']{background: url(/images/gif/password_full.gif) 10px center no-repeat #FFF;font-size:13px; color:#A5a5a5;border:1px solid #CCCCCC;padding:10px 10px 10px 40px;width:100%}
.mod_login .password .right{width:20px; float:right}
.mod_login .bottom{width:100%; float:left; padding:0 10px; }
.bottom .content{width:100%; float:left;}
.mod_login .bottom li{ float:left;height:50px; width:100%; float:left; margin:0; padding:0; list-style-type:none;border-top:1px solid #CCCCCC;background: url(/images/png/seta_menu.png) 180px 5px no-repeat;}
.mod_login .bottom a{color:#666; font-size:11px; }
.mod_login .bottom span{color:#666; margin:0 2px}
.mod_login .content .second{width:100%; float:left;}
.mod_login .content .second li{width:100%; float:left; border-bottom:1px solid #CCCCCC; padding:12px; margin:0 !important;}
.mod_login .content .second li.last{border:none;}
.mod_login .content .second li p{ font-size:13px; width:100%; padding:0 px; line-height:26px; color:#666;text-align: left;}
.mod_login .content .second a{text-decoration:none; color:#666; }
.mod_login .content .second a:hover{color:#961A62; }
#nav_login .mod_login {width:100%; float:left; background:#ffffff;margin:0; height:350px; }
#nav_login .mod_login .top{height:60px; background: url(/images/png/back_menu.png) 10px center no-repeat #961A62;}
#nav_login .mod_login .top h2{line-height:60px;background-color: #961A62; margin-left:40px;}
#nav_login a.area_mobile{line-height:60px;background-color: #961A62; margin-left:40px; width: 100%; float: left; text-align: left; padding: 0px 10px; text-transform: uppercase; font-size: 16px; font-weight: normal;color:#fff;}*/
/* **********************************************************************************************************************************
mod banners
************************************************************************************************************************************ */
.mod_btnsilver img:hover{ opacity:0.8;}
.mod_banners{margin:0px auto 10px ; float:left; text-align: center;width:100%;}
.mod_banners .banner_mapa{margin: 0; /*float:left; width:300px;*/}
/* **********************************************************************************************************************************
mod my profile
************************************************************************************************************************************ */
/*#mod_myprofile{width:100%; float:left; margin:0px 0 0px 0; text-align:left;}
#mod_myprofile .top{width:100%; float:left;background:#961A62;color:#fff;}
#mod_myprofile .top h2{background-color: #961A62;color: #fff;float: left;font-size: 16px;font-weight: normal;height: 35px;line-height: 35px;padding: 0 10px;text-align: left;text-transform: uppercase;width:100%;}
#mod_myprofile .top h2 a{color:#fff; font-size:16px; background:url(/images/png/arrow_top.png) 98% center no-repeat; display:block;}
#mod_myprofile .top h2.close a{background:url(/images/png/arrow_bottom.png) 98% center no-repeat;}
#mod_myprofile .top h2 a:hover{text-decoration:none}
#mod_myprofile .content{width:100%; float:left; padding:10px 0px 0 0px;}
#mod_myprofile ul{float:left; margin:0; padding:0; list-style:none}
#mod_myprofile li{list-style:none}
#mod_myprofile a:hover{color:#961A62;}
#mod_myprofile ul.logout{float:right;padding:12px;}
#mod_myprofile ul.logout a{ text-decoration:underline;}*/
/* **********************************************************************************************************************************
profile
************************************************************************************************************************************ */
/*#mod_myprofile .profile{width:100%; float:left; background:#fff; box-shadow: 0 6px 10px 0 rgba(204, 204, 204, 1);}
#mod_myprofile .profile .content .first{width:100%; float:left; clear:both;border-bottom:1px solid #CCCCCC; }
#mod_myprofile .profile .content p {line-height:20px; font-size:13px; color:#999999;}
#mod_myprofile .profile .content .saudacao{font-weight:bold;}
#mod_myprofile .profile .content .nome{color:#797979; font-weight:normal;font-size:16px;}
#mod_myprofile .profile .content .first li.thumb{float:left; width:100%; padding:0 0 10px 10px}
#mod_myprofile .profile .content .first li.thumb img{width:80px; height:80px; border:1px solid #ccc; float:left; }
#mod_myprofile .profile .content .first li.logout{float:right; width:40px; text-align:right; margin-right:10px; }
#mod_myprofile .profile .content .first li.logout a{color:#961A62; font-weight:bold; text-decoration:underline}
#mod_myprofile .profile .content .second{width:100%; float:left;}
#mod_myprofile .profile .content .second li{width:100%; float:left; border-bottom:1px solid #CCCCCC; padding:12px;}
#mod_myprofile .profile .content .second li.right{ border-bottom:1px solid #CCCCCC}
#mod_myprofile .profile .content .second li p{ font-size:13px; width:100%; padding:0 5px; line-height:26px; color:#999;}
#mod_myprofile .profile .content .second a{text-decoration:none; color:#999; }
#mod_myprofile .profile .content .second a:hover{color:#961A62; }*/
/* **********************************************************************************************************************************
history / Portal
************************************************************************************************************************************ */
/*#mod_myprofile .portal{width:100%; float:left;padding:10px; border-bottom:1px solid #ccc; text-align: center;}
#mod_myprofile .history{width:100%; float:left;padding:0 ; border-bottom:none; text-align: left;}
#mod_myprofile .portal .content{padding:10px 0 15px 0;}
#mod_myprofile .history .content ul, #mod_myprofile .portal .content ul {width:100%; float:left;}
#mod_myprofile .history .content li.left,#mod_myprofile .portal .content li.left{
border-bottom: 1px solid #cccccc;
float: left;
padding: 12px;
width: 100%;}
#mod_myprofile .history .content li.left a,#mod_myprofile .portal .content li.left a{ color: #999;
font-size: 13px;
line-height: 26px;
padding: 0 5px;
width: 100%;}
#mod_myprofile .history .content li.right,#mod_myprofile .portal .content li.right{width:25px; float:right; text-align:right; padding-right:5px;}
#mod_myprofile .history .content a,#mod_myprofile .portal .content a{font-weight:normal;}*/
/* links */
/*#mod_myprofile .links{width:100%; float:left;}
#mod_myprofile .links .content{padding:10px 10px 15px 10px;}
#mod_myprofile .links .content ul{width:100%; float:left;}
#mod_myprofile .links .content li{width:168px; float:left; padding:2px 0; list-style-position:outside; padding-left:11px; background:url(/images/png/mod_profile_bullet.png) 0 5px no-repeat; }
#mod_myprofile .links .content a{text-transform:uppercase; font-weight:normal;}*/
/* **********************************************************************************************************************************
Footer
*************************************************************************************************************************************
*/
#mainfooter{width:100%; margin:80px auto 0 auto; /*text-align:center;*/ color:#fff; text-align:center; background:#333333;}
#mainfooter #footer{height:53px; text-align:center; width:100%; color:#9c9c9c; font-size:0.92em; margin:0 auto; /*padding-bottom:8px;*/ border-top:1px solid #CCC; }
#mainfooter .footer_bottom{margin:0 auto; text-align:center; width:1000px; /*background:#f4f4f4;*/ /*line-height:40px;*/ font-size:11px; text-transform:uppercase}
#mainfooter .footer_bottom span{margin:0px 3px}
#mainfooter .footer_bottom a{color:#9c9c9c;}
#mainfooter .footer_bottom p{max-width:600px; float:left; margin-left:130px}
#mainfooter img{position:relative; border:none}
#mainfooter li{list-style-type:none; }
#mainfooter ul.access{float:left;margin:0; padding:0; text-align:left; background:url(/images/jpg/separador_footer.jpg) right 10px no-repeat;}
#mainfooter ul.access li{float:left; margin:0; padding:0; background:url(/images/jpg/separador_footer.jpg) left 10px no-repeat;}
#mainfooter ul.access img{padding:0px 10px; position:relative; top:4px; left:1px}
#mainfooter ul.credits img{padding:0px 15px; position:relative; top:7px;}
#mainfooter ul.credits{/*float:right;*/margin:0; padding:0;width:100%; /*text-align:right;*/}
#mainfooter ul.credits li{/*float:right;*/ margin:0; padding:0;}
#mainfooter li.airc img{position:relative; top:8px}
#mainfooter li.visualforma img{position:relative; top:4px}
#mainfooter li.acessibilidade img{position:relative; top:8px}
#mainfooter li.w3c img{position:relative; top:6px}
#mainfooter li.autarquias360 img{position:relative; top:4px}
/* **********************************************************************************************************************************
outros
************************************************************************************************************************************ */
div.pane{ display: none;}
.listnoticias_ver{color:#fff !important}
.linksuteis {background: #ffffff none repeat scroll 0 0;box-shadow: 0 6px 10px 0 rgba(204, 204, 204, 1);float: left;margin: 0;width: 100%;}
.linksuteis .top h2 {background-color: #961A62;color: #fff;float: left;font-size: 16px;font-weight: normal;height: 35px;line-height: 35px;padding: 0 10px;text-align: left;text-transform: uppercase;width: 100%;}
#site_autarquico{margin-top:10px; }
#site_autarquico ul{float: left;width: 100%; list-style-type:none;}
#site_autarquico li {border-bottom: 1px solid #cccccc;float: left;margin: 0 !important;padding: 12px;width: 100%;}
#site_autarquico li a{ font-size:14px; color:#797979;}
#site_autarquico li a:hover{ color:#961A62;}
#site_autarquico img{margin-bottom:1px; float:left}
.left_right_grey_line{ border-top:1px solid #ccc; width:200px; height:20px; }
#banner_site_autarquico{ float: left; margin-top: 40px; width: 100%; text-align: center;}
#livehelp{ width:200px; height:50px; margin-bottom:10px; }
/* **********************************************************************************************************************************
Botao ficheiro
************************************************************************************************************************************ */
div.show-image{position: relative;float:left;margin-right:10px; }
div.show-image:hover .fileUploaderBtn{display: block;}
div.show-image .fileUploaderBtn{display:none;}
div.show-image .fileUploaderBtn{position:absolute;top:-20px;left:50;display:none;}
div.show-image input{position:absolute;top:0;left:0;display:none;}
.fileSoBotoa{display:none !important; margin-left:0px !important}
/* Submit */
.layout .submit{list-style-type:none;}
.layout .submit .observacao{width:410px; float:left}
.layout .submit .enviar{ float:right; width:77px}
.layout .submit .enviar input{width:77px; float:right; background: url(/images/png/send.png) no-repeat; text-indent:-9999px; height:25px; border:none; color:#fff; cursor:pointer; font-size:11px; font-weight:bold;}
/* **********************************************************************************************************************************
Loader
**************************************************************************************************************************************/
/*.modal {display:none;position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background: rgba( 255, 255, 255, .8 ) url('http://i.stack.imgur.com/FhHRx.gif') 50% 50% no-repeat;}*/
.modal {display:none;position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background: rgba( 255, 255, 255, .8 ) url('/images/gif/wait.gif') 50% 50% no-repeat;}
.modalcartao {display:none;position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background: rgba( 255, 255, 255, .8 ) url('/images/gif/aguarde.gif') 50% 50% no-repeat;}
body.loading {overflow: hidden;}
body.loading .modal {display: block;}
body.loadingcartao .modalcartao {display: block;}
/* **********************************************************************************************************************************
Formulários
**************************************************************************************************************************************/
.form{max-width: 100%;min-width: 25%;box-shadow: 0 6px 10px 0 rgba(204, 204, 204, 1);color: #666666;font-size: 13px;margin: 0px;background-color: #FFFFFF; /*padding: 20px;*/}
.full_form{width: 100%; float:left; padding-right:20px;}
.half_form{width: 50%; float:left; padding-right:20px;}
.half_form.right{ padding-right:0}
.quart_form{width:25%;float:left;padding-right:10px;}
.shade{background-color:#FBF2F7;}
.content{margin: 0px; padding:20px;}
.editor{ display:block; float: left;width: 100%;}
.editor p{margin-bottom:5px;}
.left{float:left;}
.right{float:right;}
.form label{display: block;margin-bottom:5px;}
.form div{display: block;}
.form ul{ list-style:none;}
.form ul li.table{background: url(/images/png/arrow_right.png) no-repeat 5px center;padding: 5px 15px;border: 1px solid #dedede;}
.form input, form textarea, form select{border-width: 1px;border-style: solid;border-color: #DEDEDE;border-radius: 0px;padding: 10px;width: 100%;color: #666;}
form input{border-width: 1px;border-style: solid;border-color: #DEDEDE;border-radius: 0px;padding: 10px;color: #666;}
.form input[type=radio], input[type=checkbox]{width: 13px;}
.form, .form h1, .form h2{font-weight:normal;}
.form h1{font-size: 25px;color: #961A62;padding: 0px;margin: 0px;margin-bottom: 20px;border-bottom-color: #CCCCCC;border-bottom-width: 0px;border-radius: 0px;background-color: #FFFFFF; text-transform:uppercase;}
.form h3{font-weight:bold; font-size:16px; margin: 0px;color:#797979;margin-bottom: 20px; }
.form h6{color: #961A62; float:left;font-size:16px; font-weight:normal;}
.intro{margin-bottom: 20px;}
.intro a{color: #961A62;}
.form hr{ border: 0; height: 1px; background:#E2E2E2; margin-bottom:20px; }
.form textarea{height: 80px;width: 100%;}
.form textarea.opiniao{height: 250px;width: 100%;}
.form span{ margin: 0 10px 0 10px; }
.form span.min{font-size:11px;}
.form input[type=submit]{background-color: #961a62;border-color: #961a62;border-radius: 6px;color: #FFFFFF;padding:15px 25px;font-size:16px; font-weight:normal;cursor:pointer;}
.form input[type=reset]{background-color: #CCCCCC;border-width:1px;border-color: #CCCCCC;border-radius: 6px;color: #FFFFFF;padding:15px 25px;font-size:16px; font-weight:normal;cursor:pointer;}
.form input[type=reset]:hover,.form input[type=submit]:hover{ opacity:0.8;}
.form input.logout{font-size:13px; font-weight:normal; text-decoration:underline; background:none; border:0; padding:0 0 0 10px; color:#666666; float:right; text-align:right; cursor:pointer;}
.field{margin-bottom: 20px;}
.form .edit-options{ margin: 20px 0;border-top-color: #E2E2E2;border-top-width: 1px; border-style: solid; border-left:none; border-right:none; border-bottom:none;}
.form .edit,.form .delete{float:right;padding: 20px 0 0 20px;}
.form .fileup{ width:90% !important;padding:9px 10px !important; margin-left: 0 !important; cursor:pointer;}
.form .fileup:hover{opacity:0.8}
.form .half{width:45%; float:left;}
.form .margin_left{margin-left:10%;}
.width30{width:30px !important;}
.width36{width:36px !important;}
.width50{width:50px !important;}
.width60{width:60px !important;}
.width100{width:100px !important;}
.width145{width:145px !important;}
.width150{width:150px !important;}
.width160{width:160px !important;}
.width165{width:165px !important;}
.width170{width:170px !important;}
.width175{width:175px !important;}
.width240{width:240px !important;}
.width250{width:250px !important;}
.width510{width:510px !important;}
.width550{width:550px !important;}
.MSVE_Map{position:relative !important}
.form ul.check li span {font-size:12px;}
.form .top h2 {background-color: #961A62;color: #fff;float: left;font-size: 16px;font-weight: normal;height: 35px;line-height: 35px;padding: 0 10px;text-align: left;text-transform: uppercase;width: 100%;}
.margin_bottom_10{ margin-bottom:10px;}
.margin_bottom_20{ margin-bottom:20px;}
.margin_top_20{ margin-top:20px;}
.margin_top_10{ margin-top:10px;}
#so-search{width:100%;float:left; border: 1px solid #dedede;background-color: #fff; margin-bottom:20px;}
#so-search input {color: #a5a5a5;padding: 10px;width: 88%;border:none;}
#so-search input[type=submit] {background-color: #fff;color: #a5a5a5;padding: 10px;width: 10%;border:none;background:url("/images/png/so_search.png") no-repeat scroll center center;}
.so ul{ list-style-type:none; margin-bottom:10px;}
.so h3 a{ color:#961A62;}
#menu-categorias{width:100%; float:left; background-color:#000; margin-bottom:20px; padding:10px; text-align:center;}
#menu-categorias a{color:#fff; font-size:14px; padding:0px 20px; text-transform:uppercase; }
#menu-categorias span.separator{color:#fff; font-size:14px; }
#menu-servicos{width:100%;float:left; background-color:#fff; margin-bottom:20px; padding:0px; box-shadow: 0 6px 10px 0 rgba(204, 204, 204, 1);-webkit-box-shadow:0 6px 10px 0 rgba(204, 204, 204, 1);-moz-box-shadow: 0 6px 10px 0 rgba(204, 204, 204, 1);}
#menu-servicos li, #menu-servicos ul{padding:0; margin:0; list-style:none;line-height:24px; font-size:15px; color:#393939; }
#menu-servicos a{line-height:25px;display:block; color:#393939;background:url("/images/png/menu_arrow_right.png") no-repeat scroll right 10px center; padding: 10px 20px 10px 10px;border-bottom: 1px solid #ccc;}
#menu-servicos a.parent{background:url("/images/png/menu_arrow_down.png") no-repeat scroll right 10px center;}
#menu-servicos a:hover{ color:#961A62; text-decoration:none}
/*segundo nivel*/
#menu-servicos li ul li a{padding:0px; background:#fafafa; font-size:13px; color:#999999; padding:10px;}
#menu-servicos a:hover{color:#961A62; text-decoration:none}
.servicos-menu .top h2{ background-color: #961A62;color: #fff;float: left;font-size: 16px;font-weight: normal;height: 35px;line-height: 35px;padding: 0 10px;text-align: left;text-transform: uppercase;width: 100%;}
.servicos-menu .top h2 a{background: rgba(0, 0, 0, 0) url("/images/png/arrow_down.png") no-repeat scroll 98% center;color: #fff;display: block;font-size: 16px;}
/* **********************************************************************************************************************************
Formulários Login comissão e de contacto
**************************************************************************************************************************************/
#contactForm{padding-left: 10px;padding-right: 10px;margin: 10px 0;}
#contactForm h1{}
#contactForm p{margin:5px 0;}
#contactForm input#txtNome{width: 49%;float: left;margin: 5px 0;}
#contactForm input#txtEmail{width: 49%;float: left;margin: 5px 0 5px 2%;}
#contactForm textarea#txtSugestao{height:200px;width:100%;}
#contactForm input#btnSend{float:right; font-size:16px; color:#fff; cursor:pointer; padding: 10px 30px; background:#961A62; margin: 0px 0; text-transform:uppercase; -webkit-border-radius:4px; -moz-border-radius:4px; line-height:20px; border-radius:4px;}
/*#contactForm input#btnSend:hover{background:#ffffff !important; color:#961A62 !important; border: 2px solid #961A62 !important;}*/
#contactForm input#btnSend:hover{opacity:0.7;}
#commissaoLogin{padding-left: 10px;padding-right: 10px;margin: 10px 0;}
#commissaoLogin h1{}
#commissaoLogin p{margin:5px 0;}
#commissaoLogin input#txtUser{width: 49%;float: left;margin: 5px 0;}
#commissaoLogin input#txtPass{width: 49%;float: left;margin: 5px 0 5px 2%;background: url(/images/gif/password.gif) 10px center no-repeat #FFF;}
#commissaoLogin input#btnSend{ float: right;cursor: pointer;font-size: 16px;color: #fff;padding: 10px 30px;background: #961A62;margin: 0px 0;text-transform: uppercase;-webkit-border-radius: 4px;-moz-border-radius: 4px;line-height: 20px;border-radius: 4px;}
/*#commissaoLogin input#btnSend:hover{background:#ffffff !important; color:#961A62 !important; border: 2px solid #961A62 !important; }*/
#commissaoLogin input#btnSend:hover{opacity:0.7;}
/* ***************** LISTAGEM SERVIÇOS ON-LINE ****************** */
#servicos-List{margin-top:15px}
#servicos-List h2{color:#797979; font-weight:bold; font-size:16px;}
#servicos-List > p{color:#676767; margin-bottom:10px;}
#servicos-List li, #servicos-content ul{padding:0; margin:0; list-style:none; line-height:16px;}
#servicos-List li{padding:10px 20px; border-top:#CCC solid 0px; border-bottom:#CCC solid 0px; background:url(/images/png/menu_arrow.png) left center no-repeat ;}
#servicos-List li a{color:#961961; font-weight:normal; font-size:13px; }
/* ***************** CONTEUDOS SERVIÇOS ON-LINE ****************** */
#servicos-content{margin-top:15px}
#servicos-content h2{color:#961A62;font-weight:bold; line-height:40px; height:40px;}
#servicos-content #intro{border-bottom:#CDCDCD solid 1px;border-top:#CDCDCD solid 1px;padding-top:15px; margin-bottom:10px; padding-bottom:30px;}
#servicos-content h3{color:#676767; font-weight:bold}
/*}*/
#servicos-content .download{margin-top:20px;}
#servicos-content .download .download_content {border:#CDCDCD solid 1px; margin-top:18px;color:#696969}
#servicos-content .download li, #servicos-content #docList ul{padding:0; margin:0; list-style:none; line-height:25px;}
#servicos-content .download li.item {background-color: #f3f3f3 !important;clear: both;cursor: default;display: block;float: left;list-style-type: none;margin: 5px 0;padding: 4px 10px;width: 100%;}
#servicos-content .download li.item img{ float:right;}
#servicos-content #back a{float:right; }
/* **********************************************************************************************************************************
mynet
************************************************************************************************************************************ */
.mynet{ background-color:#fff;float:left; width:100%;box-shadow: 0 6px 10px 0 rgba(204, 204, 204, 1);}
.mynet_intro{font-size:13px; padding:10px 20px;}
.mynet_intro_title{font-size:16px; font-weight:bold; padding:20px;}
.mynet_intro_top{font-size:25px; color:#961A62;padding:20px; text-transform:uppercase;}
.mynet_options{ padding:20px 0 20px 20px;float:left;}
.mynet_options img{ padding: 0 20px 20px 0; margin:0;display:block;float:left; }
.mynet .content{ padding:20px;}
.mynet .content ul{ list-style-type: none;}
.mynet .content ul.form{border: none;}
.botao{ background-color: #961A62; border-color: #961A62; border-radius: 6px; color: #ffffff !important; cursor: pointer;font-size: 16px; font-weight: normal;padding: 15px 25px;}
.botao:hover{ opacity:0.8; text-decoration: none;}
.botao_clean{ background-color:none; border-color: none; border-radius: 6px; color: #659FC7; cursor: pointer;font-size: 16px; font-weight: normal;padding: 15px 25px;}
.botao_clean:hover{ background-color: #DEDEDE; opacity:0.8; text-decoration: none;}
.mynet_image{float:left; width:50%;}
.mod_servicos{ margin-top: 40px; background:#fff;float:left; width:100%; box-shadow: 0 6px 10px 0 rgba(204, 204, 204, 1);}
.mod_servicos ul{float: left; width: 100%;}
.servicos li{ padding:15px; float: left; width: 100%; font-size: 15px; text-transform:uppercase; color:#393939;background:url("/images/png/arrow_right_services.png") no-repeat scroll 93% center; }
.servicos li a{display:block;}
.menu_item{float:left; padding-right:20px;padding-bottom:20px;width:25%;}
.menu_item_last{float:left;padding-right:0px;width:25%;}
/* **********************************************************************************************************************************
Gerais
**************************************************************************************************************************************/
.clear{clear: both;}
.nomargin{margin:0 !important}
.error{ color:#CC0000;}
input[disabled]{ cursor: not-allowed; }
/* *************************************************************************************************************************************
Problems Submetidos------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************/
/*#problemas_submetidos{max-width: 100%;min-width: 25%;box-shadow: 0 6px 10px 0 rgba(204, 204, 204, 1);color: #666666;font-size: 15px;margin: 0px;background-color: #FFFFFF; padding: 20px; float:left;}
#problemas_submetidos .top{float:left; width:100%; padding:25px 0 30px 0; border-bottom:1px solid #ccc}
#problemas_submetidos .top h2{font-size:23px; color:#4c4c4c; width:533px; background:url(../../images/png/arrow_right_services.png) 0 5px no-repeat; padding-left:27px; text-transform:uppercase}
#problemas_submetidos .top h3{font-size:11px; color:#4c4c4c; width:533px; padding-left:27px; font-weight:normal;}
#problemas_submetidos .content{float:left; width:560px; font-size:11px; color:#666}
#problemas_submetidos .content a{color:#666;}
#problemas_submetidos .content a:hover{color:#B51E23;}
#problemas_submetidos .content ul{list-style-type:none; width:560px; float:left;}
#problemas_submetidos .odd{background:#f0f0f0}
#problemas_submetidos .even{background:#fff}
#problemas_submetidos .content li{padding:8px 5px; min-height:15px;}
#problemas_submetidos .content li .list{margin-top:25px;}
#problemas_submetidos .content .left{float:left; width:380px;}
#problemas_submetidos .content .center{float:left; width:76px; text-align:center}
#problemas_submetidos .content .right{float:right; width:70px; text-align:center}
#problemas_submetidos .content .response{clear:both; float:none; margin-left:20px; width:540px}
#problemas_submetidos .content .sender{clear:both; font-weight:bold; width:540px}
#problemas_submetidos .content .imgGallery{ margin-left:20px;}
#problemas_submetidos .content .ico-1{border-top:#CCC 1px solid; padding: 10px 5px 5px 0; width:560px;}
#problemas_submetidos .content .ico-2{border-top:#CCC 1px solid;padding: 10px 5px 5px 0; width:560px;}
#problemas_submetidos .content .ico-1 .sender{background:url(/images/png/camara.png) left center no-repeat; padding-left:20px;height:15px;line-height:15px;}
#problemas_submetidos .content .ico-2 .sender{background:url(/images/png/municipe.png) left center no-repeat; padding-left:20px;height:15px;line-height:15px;}
#problemas_submetidos .submeter_resposta{margin:10px 0}
#problemas_submetidos .submeter_resposta .header{background:url(/images/png/bk_resposta.png) repeat-x top; height:25px}
#problemas_submetidos .submeter_resposta .submit{width:550px; margin:10px 0; height:25px;}
#problemas_submetidos .submeter_resposta .sender{display:none}
#problemas_submetidos .submeter_resposta .mapa{display:block; background:url(/images/png/mostrar_mapa.png); width:123px; height:25px; text-indent:-9999px; float:right}
#problemas_submetidos .submeter_resposta .resposta{display:block; background:url(/images/png/enviar_resposta.png); width:123px; height:25px; text-indent:-9999px; float:left}
#problemas_submetidos .submeter_resposta .content ul.form li.problema{width:560px; padding:0 0 20px 0}
#problemas_submetidos .submeter_resposta textarea{width:542px !important; height:100px; min-height:100px;line-height:14px; border:1px solid #cccccc; font-size:1.00em; color: #666666; padding: 2px 3px; font-family:Arial, Helvetica, sans-serif}
#problemas_submetidos .submeter_resposta .submit .observacao{width:410px; float:left}
#problemas_submetidos .submeter_resposta .submit .enviar{ float:right; width:66px}
#problemas_submetidos .submeter_resposta .submit .enviar input{width:66px; float:right; background:transparent url(/images/png/btn_enviar_pink.png) top center no-repeat; height:20px; border:none; text-indent:-9999px; cursor:pointer}
.line {background: rgba(0, 0, 0, 0) url("/images/png/line.png") no-repeat scroll left center;float: left;height: 1px;width: 100%; margin:20px 0;}
.lista {list-style-type: none; padding: 0; margin: 0 0 0; border-top: none; border-left: none;}
.lista ul{padding: 0; margin: 0; float: left; display: block; width: 100%;}
.lista li{float:left; cursor: default; list-style-type: none; padding: 10px; margin:5px 0; display: block; width: 100%; clear: both;background-color: #f1f1f1 !important; }
.lista li.active > a{background: url('/images/png/aberto.png') no-repeat 98% center;}
.lista li > div{ font: 13px Arial, sans-serif;padding:0;color: #999; float: left; width:100%; padding:10px 0;}
.lista li .description{ border-top: 1px solid #e2e2e2; padding: 10px 0 0 0;}
.lista li > a {background: url('/images/png/fechado.png') no-repeat 98% center}
.lista li > a{ text-decoration: none; border-top: 1px solid #ededed; font: 13px Arial, sans-serif; padding:5px 0; line-height:20px; color: #666; display: block;width:100%;cursor: pointer;}
.lista li > a img{margin-top:10px;}
.lista .ico-1{border-top:#CCC 1px solid; padding: 10px 5px 5px 0; width:100%;}
.lista .ico-2{border-top:#CCC 1px solid;padding: 10px 5px 5px 0; width:100%;}
.lista .ico-1 .sender{background:url(/images/png/camara.png) left center no-repeat; padding-left:10px; font-style:italic;}
.lista .ico-2 .sender{background:url(/images/png/municipe.png) left center no-repeat;padding-left:10px; font-style:italic;}
.lista .submeter_resposta{}
.submeter_resposta .header{ margin:10px 0; float:left;padding: 10px 0;}
.lista .submeter_resposta .sender {
display: none; float: left;
width: 100%;
}
.lista .submeter_resposta .sender .submit{margin:10px 0;}
.lista .submeter_resposta .sender .submit input[type="submit"] {
background-color: #961A62;
border: 1px solid #961A62;
border-radius: 6px;
color: #ffffff;
cursor: pointer;
font-size: 16px;
font-weight: normal;
padding: 15px 25px;
float:right;
}*/
/*********************************************
TABLERSORTER**********************************/
/* table */
/*table.tablesorter { border-spacing: 0; border-collapse:collapse; border:none; background:#fff; width:100%;}
table.tablesorter th.tablesorter-header { background-image: url("/images/png/bg.png"); background-position: 10px center; background-repeat: no-repeat; cursor: pointer; text-align:left; border-bottom:5px solid #ffffff;}
table.tablesorter thead tr .header { background-image: url("/images/png/bg.png"); background-position: 10px center; background-repeat: no-repeat; cursor: pointer; text-align:left; border-bottom:5px solid #ffffff;}
table.tablesorter thead tr .header.checked { background-image: url("/images/png/bg_checked.png"); background-position: 10px center; background-repeat: no-repeat; cursor: pointer; padding: 6px; }
table.tablesorter thead tr .header.action { background-image: none; }
table.tablesorter tbody td {border:none; border-top: 0px solid #F0CEE1; background-color: #f3f3f3; color: #666666; padding: 0 10px; vertical-align: middle; height:60px; }
table.tablesorter tbody tr { color: #666666; padding: 10px; vertical-align: top; margin-bottom:5px;border-bottom:5px solid #ffffff; }
table.tablesorter tbody tr.active {border-bottom:0px solid #ffffff; }
table.tablesorter tbody tr.js {border-bottom:5px solid #ffffff; border-top: 1px solid #e2e2e2; }
table.tablesorter tbody td.last_td{background: #f3f3f3 url("/images/png/fechado.png") no-repeat scroll 90% center;}
table.tablesorter tbody tr.active td.last_td{background: #f3f3f3 url("/images/png/aberto.png") no-repeat scroll 90% center;}
table.tablesorter tbody tr.odd { color: #666666; padding: 10px; vertical-align: top; }
table.tablesorter tbody tr.even { color: #666666; padding: 10px; vertical-align: top; }
table.tablesorter tfoot { background-color: #999999; vertical-align: middle; }
table.tablesorter tfoot td { vertical-align: middle; height:35px; }
table.tablesorter thead tr .headerSortUp { background-image: url("/images/png/asc.png") }
table.tablesorter th.tablesorter-header.tablesorter-headerAsc{ background-image: url("/images/png/asc.png") }
table.tablesorter th.tablesorter-header.tablesorter-headerDesc{ background-image: url("/images/png/desc.png") }
table.tablesorter thead tr .headerSortDown { background-image: url("/images/png/desc.png") }
table.tablesorter thead tr .headerSortUp.checked { background-image: url("/images/png/asc_checked.png") }
table.tablesorter thead tr .headerSortDown.checked { background-image: url("/images/png/desc_checked.png") }
table.tablesorter th {text-indent:13px; height:30px; font-size:12px; font-weight:bold; background-color: #EBBFD8; color: #71003E; cursor: pointer; }
table.tablesorter th.large { background-color: #FBF2F7; color: #666666; cursor: pointer; width: 50%; font-size:13px; }
table.tablesorter th.medium { background-color: #FBF2F7; color: #666666; cursor: pointer; width: 200px;font-size:13px; }
table.tablesorter th.small { background-color: #FBF2F7; color: #666666; cursor: pointer; width: 30px;font-size:13px; }
table.tablesorter th.smallest {height:30px; background-color: #FBF2F7; color: #666666; cursor: pointer; width: 15px;font-size:13px; }
table.tablesorter th.action { background-color: #FBF2F7; color: #FFFFFF; cursor: none; width:120px;font-size:13px;}
table.tablesorter td.full {font-weight:normal; width:100%;}
table.tablesorter td.large {font-weight:normal; width:50%;}
table.tablesorter td.medium { width:50%; }
table.tablesorter td.action { }
table.tablesorter td.action a{color:#666666; font-size:10px; text-decoration:underline; text-align:right;}
table.tablesorter td.small { width: 65px }
table.tablesorter td.smallest { width: 15px }
table.tablesorter td.see { width: 60px }
table.tablesorter td.left { padding: 10px 10px 10px 3px !important; text-align: left; }
table.tablesorter td.center { text-align: center }
table.tablesorter td.right { padding: 10px 0px 10px 0px !important; text-align: right; width:50px;}
table.tablesorter td.checked { color: #20AA38 !important; font-weight: bold; }
table.tablesorter a.title{background:none; padding-left:13px; display:block; padding-top:5px; padding-bottom:5px; width:100%}
table.tablesorter a.title:hover{text-decoration:underline; color:#666666;}
table.tablesorter a.next{background:none; padding-left:13px; display:block; padding-top:5px; padding-bottom:5px; width:100%}
table.tablesorter a.next:hover{text-decoration:underline; color:#666666;}
table.tablesorter tr.js td{ background-color: #f3f3f3; color: #666666; padding:10px; }
table.tablesorter tr.js strong{ color:#5E5E5E; }
table.tablesorter tr.active .large a,
table.tablesorter tr.active .medium{color:#666666;}*/
/* pagination */
#pager { float: left; padding-left: 10px; width: 100%; position:relative !important; top:0 !important;}
#pager img { float: left; margin: 7px 2px 2px 4px; }
#pager input { float: left; margin: 2px 2px 2px 4px; padding:2px 0; border:1px solid #ccc; width: 50px; font-size:11px; text-align:center; color:#333;}
#pager select { float: right; margin: 4px 2px 2px 4px; width: 50px; padding:1px; border:1px solid #ccc; font-size:11px; text-align:left; color:#333;}
#pager .right { float: right; margin-right: 20px; }
#pager .right span { color: #FFFFFF; font-size: 11px; margin: 4px 2px 0 4px; position: relative; top: 6px; right:60px;}
#pager .pagesize{position:absolute; top:0px; right:20px;}
/* **********************************************************************************************************************************
MEDIA QUERYS
*************************************************************************************************************************************
*/
@media screen and (max-width: 1000px)
{
#mainHeader { display:none !important ;}
#mainHeader-sticky-wrapper{ display:none !important ;} /* Stiky */
.mm-menu{display:block}
#mobile_menu{ display:block !important; background:#ffffff;}
#mobile_menu-sticky-wrapper{ display:block !important;background:#fff}
#container {margin: 0 auto; text-align: left; width: 100% !important;}
#container #centro { float: left; margin: 1em 0 0; width: 100% !important;padding: 0 1em;}
#container #centro #main-esq {float: left;padding: 0; width: 33%;}
#main-esq #pdmLogo{margin-bottom:1em;}
#main-esq #pdmMenu{margin-bottom:1em;}
#container #centro #mainContent {float: left; margin: 0 0 0 2%;padding: 0;width: 65%;}
#accordionMedia {background: #ededed none repeat scroll 0 0; width: 100%;}
#mainfooter .footer_bottom {width:100%;}
#noticiasList .listImage{ margin-right:20px; width:30%}
.menu_item{float:left; padding-right:20px;padding-bottom:20px;width:50%;}
#servicos{ display:none;}
#pdmBanner{margin-bottom:1em;}
}
@media screen and (min-width:641px) and (max-width: 768px)
{
#container #centro { padding: 0 1em;}
#container #centro #main-esq { float:right !important; padding: 0; width:100%;margin-top:1em;}
#container #centro #mainContent {margin:0 !important; padding: 0;width:100%;}
.mod_util .mod_util_content .slick-next {right:38%}
.menu_item{float:left; padding-right:0px;width:50%;}
.menu_item_last{float:left;padding-right:0px;width:50%;}
.half_form{width:100%;}
.mynet_image{float:left; width:50%}
#newsHome .imagemNoticias{width:50%;}
#noticiasList .listImage{ margin-right:20px; width:50%}
.menu_item{float:left; padding-right:20px;padding-bottom:20px;width:50%;}
#main-esq #agenda{padding:0 8px}
#servicos{ display:none;}
#mainfooter{margin: 1em auto 0 auto;}
}
@media screen and (min-width:481px) and (max-width: 640px)
{
#container #centro { padding: 0 1em;}
#container #centro #main-esq {float: right !important;padding: 0;width: 100%;margin-top: 1em;}
#container #centro #mainContent {margin: 0 !important;padding: 0;width: 100%;}
.mod_util .mod_util_content .slick-next {right:38%}
.menu_item{float:left; padding-right:0px;width:50%;}
.menu_item_last{float:left;padding-right:0px;width:50%;}
.half_form{width:100%;}
.mynet_image{float:none; width:100%}
#newsHome .imagemNoticias{margin-right:0; width:100%}
#noticiasList .listImage{ margin-right:0; width:100%}
.menu_item{float:left; padding-right:20px;padding-bottom:20px;width:50%;}
#main-esq #agenda{padding:0 8px}
#servicos{ display:none;}
#mainfooter{margin: 1em auto 0 auto;}
}
@media screen and (max-width: 480px)
{
#container #centro { padding: 0 1em;}
#container #centro #main-esq {float: left; padding: 0; margin: 1em 0 0; width: 100%;}
#container #centro #mainContent {float: left;margin: 0; padding: 0; width: 100%;}
.mod_util .mod_util_content .slick-next {right:42%}
.mod_util .mod_util_content .slick-prev {left:40%}
.mynet_options{ padding:20px 0 20px 20px;float:none;}
.mynet_options img{ padding: 0 20px 20px 0; margin:0;display:block;float:none; }
.menu_item{float:left; padding-right:0px;width:50%;}
.menu_item_last{float:left;padding-right:0px;width:50%;}
.half_form{width:100%;}
#projectos #pesquisa #caixaPesquisa .half{width:100%; padding: 10px 0 !important;}
.mynet_image{float:none; width:100%}
#noticiasList .listImage{ margin-right:0; width:100%}
.menu_item{float:left; padding-right:20px;padding-bottom:20px;width:100%;}
#servicos{ display:none;}
#mainfooter{margin: 1em auto 0 auto;}
}