/* CSS */
@import url("cssReset.css");

html, body{
height:100%;
/*overflow:hidden;*/}

body{
font: 0.75em Verdana,Arial,Geneva,Helvetica,sans-serif;
background-color:White;}

*{
margin:0;
padding:0;}

p{
margin:0;
text-align:justify;}

a{
outline:none;}

ul, ol{
list-style:none;}

h2,h3,h4,h5,h6{
font-size:12px;
font-weight:normal;}

h4{
margin-bottom:8px;
font-size:14px;}

h5{
margin:25px 0 10px;}

h2, h6{
min-height:20px;
margin-bottom:3px;
background-color:#BF1E2D;
color:#fff;
padding-left:4px;
padding-top:3px;}

h2{
border-bottom:solid 4px #0F75BD;}

h6{
border-top:solid 4px #0F75BD;
margin-bottom:10px;}

h6 a{
color:#FFF;
text-decoration:none;}

h3{
background-color: #0F75BD;
margin-top:5px;
margin-bottom:5px;
padding-left:5px;
color:#fff;
min-height:20px;}

h4,h5{
color:#0F75BD;}

input, select, textarea{
font-size:10px;}

input[type="radio"]{
padding:0 5px;}

img{
border:0;}


/* A div que vai ter o cabecalho*/
#FlashHeader{
width:100%;
margin:0 auto;}

/* .-^-._.-^-._.-^-._.-^-._.-^-._.-^-._ */

#Header, #Main, #Footer, #FooterBar{
width:960px;
margin:0 auto;}

#Header{
min-height:200px;
border-bottom:solid 1px #d4d0c8;}

#Main{
margin-top:5px;
margin-bottom:5px;}

#Footer{
margin-top:3px;
text-align:center;}

#Footer #navegacao{
width: 450px; 
float: left;
margin-left:250px;}

#Footer #navegacao p{
text-align:center;}

#FooterBar{
clear:both;
border-bottom:1px solid #D4D0C8;}

#lBar{
float:left;
width:210px;
margin-top:0;}

#Content{
float:left;
width:735px;
min-height: 475px;
margin-bottom:10px;}

.ContentLeft{
padding:0 15px 0 0;}

.ContentRight{
padding:0 0 0 15px;}

#rBar{
float:left;
width:210px;}

/* .-^-._.-^-._.-^-._.-^-._.-^-._.-^-._ */

#closeButton{
float:right; 
color:#FFF;  
padding: 0 2px; 
margin:-25px 5px 0 0; 
cursor:pointer;}

#Morada p{
padding:10px;}

#Conheca h2,
#dInstituicoes p{
padding-top:4px;
padding-bottom:4px;}

#Conheca{
margin-top:0px;}

#dMissao ul li{
padding-top:5px;
padding-left:5px;}

/* .-^-._.-^-._.-^-._.-^-._.-^-._.-^-._ */
.navBar, .navBarRight, .RedesSociais{
list-style-type:none;
margin-bottom:30px;}

.navBar{
padding-top:5px;}

.navBarRight, .RedesSociais{
background-color:#0F75BD;
border: solid 2px #0F75BD;
min-height:20px;
padding:10px 0;}

.navBar li, .navBarRight li{
font-size:10px;
padding: 0 4px 4px;
width:100%;}

.navBar li a, .navBarRight li a
.navBar li a:link, .navBarRight li a:link,
.navBar li a:visited, .navBarRight li a:visited,
.navBar li a:hover, .navBarRight li a:hover,
.navBar li a:active, .navBarRight li a:active
{
text-decoration:none;
color: #0F75BD;
min-height:100px;}

.navBarRight li a,
.navBarRight li a:link,
.navBarRight li a:visited,
.navBarRight li a:hover,
.navBarRight li a:active
{
color:#fff;}

.RedesSociais li{
display:inline;}

/* .-^-._.-^-._.-^-._.-^-._.-^-._ */

.barText{
font-size:10px;
color:#fff;
padding-left:4px;
background-color:#0F75BD;}

ul.barSub{
font-size:10px;
background-color: #0F75BD;
width: 100%;
margin-top:25px;
margin-bottom:5px;
list-style:none;
color:#fff;
padding:5px 0 5px 3px;}

.barSub li{
display:inline;}

.barSub li a{
cursor:pointer;
color:#fff;
text-decoration:none;}

.barSub li a:hover{
cursor:pointer;
text-decoration:none;}

.Title{
color: #0F75BD;
font-size:14px;
margin-top:25px;
margin-bottom:25px;}

.TextJustify,
#dMissao ul li{
text-align:justify;}

.CentroSubTitle{
display:block;
font-weight:bold;
font-size:10px;
margin:3px 0;}

/* Noticia */
/* .-^-._.-^-._.-^-._.-^-._.-^-._*/
.nNoticia{
margin-top:3px;
padding:5px;
text-align:left;}

.nNoticia h4 a,
.nNoticia h4 a:link ,
.nNoticia h4 a:visited{
color:#0F75BD;
text-decoration:none;
font-size:18px;}

.nNoticia h4 a:hover{
text-decoration:underline;
font-size:18px;}

.nNoticia h4 a:active{
color:#0F75BD;
text-decoration:none;
font-size:18px;}

.nNoticia img{
display:block;
margin: 3px;
max-width:420px;
max-height:130px;}

.nNoticia p span{
font-weight:bolder;
font-size:10px;
margin: 5px 0;}

.nNoticia p{
text-align:left;}

/* .-^-._.-^-._.-^-._.-^-._.-^-._*/
.newsTopBar{
font-size:16px;
background-color: #0F75BD;
width: 100%;
margin-top:15px;
margin-bottom:20px;
padding-left:2px;
color:#fff;
height:20px;}

.newsLink{
font-size:12px;
margin-top:3px;
color:#0F75BD;}

.newsLink a{
color:#000;
text-decoration:none;}

.newsLink a:hover{
color:#000;
text-decoration:none;}

/* .-^-._.-^-._.-^-._.-^-._.-^-._*/

.LogIn{
margin:0 auto;
width:250px;
border:solid 1px #A0A0A0;}

.LogIn ul{
margin: 5%;}

.LogIn ul li{
margin-top:5px;}

.LogIn ul li input[type='text'],
.LogIn ul li input[type='password']{
width:120px;
font-size:14px;
height:16px;}

/*Em principio ser sempre uma label, logo vou pôr inline-block
uma vez que as labels se transforman em span*/
.ERROR{
display:inline-block;
width:80%;
margin:8px;
padding:2px;
text-align:center;
color:Red;
border:1px solid red;
background-color:#FFBABA;}
/* .-^-._.-^-._.-^-._.-^-._.-^-._*/

.noticiasResumo{
margin:15px 0;}

.noticiasResumo span{
display:block;
color:#0F75BD;}

/* .-^-._.-^-._.-^-._.-^-._.-^-._*/

.ueImage{
text-align:center;}

.ueImage div{
margin:10px 0;}

.ueImage img{
width:100px;
height:100px;}

.ueImage ul li{
padding:10px;
text-align:justify;}

.ueImage ul li span{
width:100px;
display:inline-block;
padding:5px;
vertical-align:top;}

.ueImage ul li label{
width:550px;
display:inline-block;
vertical-align:top;}
/* .-^-._.-^-._.-^-._.-^-._.-^-._.-^-._ */

.container{
visibility:hidden;
position:absolute;
top:40%;
left:40%;
text-align:center;
border:solid 2px #A9B6C6;
padding:30px;
background-color:#fff;}

.container .DivTopHeader{
position: absolute; 
left: 0;
top: 0; 
width: 100%; 
background-color: #929DAB; 
height: 20px;}

/* .-^-._.-^-._.-^-._.-^-._ */

.bckImage{
background-image:url('../images/iStock_000006436942Small.png');}

.bckImageFinanciamentos{
background-image:url('../images/iStock_000007618555Small.png');}

.bckImageProgramas{
background-image:url('../images/iStock_000006537396Small.png');}

.bckImageParcerias{
background-image:url('../images/iStock_000005604144Small.png');}

.bckImage,
.bckImageFinanciamentos,
.bckImageProgramas,
.bckImageParcerias{
position:absolute;
width:700px;
min-height: 500px;
background-repeat:no-repeat;
background-position:bottom right;
z-index:-10;}

.dFlashMapa{
float:right;
min-width:400px;
text-align:center;}

.SerActDisplay{
margin:20px 0;}

.SerActDisplay p{
padding:2px 0;}

/* Transparencia */
/* Tudo o que for tranparencia por aqui */
/*.dEsconde{
filter:alpha(opacity=50);
-moz-opacity:0.5px;
-khtml-opacity: 0.5px;
opacity: 0.5px;}*/

#dInstituicoes a,
.SerActDisplay a,
.lnkGeral{
color:#0F75BD;}

.lnkSubGeral{
color:#000;}

#dInstituicoes a,
.SerActDisplay a,
.lnkSubGeral,
.lnkGeral{
text-decoration:none;}

.Pager span,
.Pager a{
padding:2px;
border-right:solid 2px #BF1E2D;
text-decoration:none;
margin-left:2px;
font-size:12px;}

.Pager a{
color:#0F75BD;}

.Pager span{
color:#000;}

.lnkNone{
color:#FFF;
text-decoration:none;}

.GoToLeft{
float:left;}

/* Radio Buttons nas RBLists */
.rbStyle {
padding: 0 15px;}

.rbStyle label{
padding:0 5px;}

.Box,
.NewsLetterBox,
.NwBox{
border-radius: 5px; 
box-shadow: 5px 5px 7px #888;}

.NwBox{
float:right;
width:200px;
border: 2px solid #0F75BD;
margin:45px 0;}

.NwBox p{
padding:1px 3px;
cursor:pointer;
background-color:#0F75BD;
color:White;}

.NewsLetterBox{
padding: 10px 25px;
display:none;}

.NewsLetterBox ul li{
margin:3px 0;}