.modalDialog {
position: fixed;
/* font-family: Arial, Helvetica, sans-serif; */
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.2);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 200ms ease-in;
-moz-transition: opacity 200ms ease-in;
transition: opacity 200ms ease-in;
pointer-events: none;
overflow:scroll; /* activa scroll da página se a modal for muito comprida */
}

.modalDialog:target {
opacity:1;
pointer-events: auto;
}

.modalDialog> div {
width: 320px;
position: relative;
/* ================================ aqui controlo a posição da modal ============================================
/* margin: 5% auto; */
margin: 0.5%;
/* ================================ aqui controlo a posição da modal ============================================
/* padding: 5px 20px 13px 20px; */
border-radius: 3px;
background: #95b3d7; 
-moz-box-shadow: 1px 1px 30px #000;
-webkit-box-shadow: 1px 1px 30px #000;
box-shadow: 1px 1px 20px #000;
}
 
 .close {
line-height: 25px;
position: absolute;
right: 5%;
text-align: center;
top: 10px;
cursor:pointer;
}

.close:hover { background: #3598db; }
 
/* .modalpic {
background: #95b3d7;
float: left;
padding: 6px;
width: 100px;
display: block;
border: 0px solid #ffffff;
border-radius: 5%;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
margin-right: 100%;
margin-bottom: 20px;
} */
/* adicionadas por mim */
.sel_logo {
float: left;
width: 25%;
color: #ecf0f1;
}
.sel_titulo {
width: 50%;
float: left;
font-size: 2em;
color: #ecf0f1;
text-align: center;
padding-bottom: 1%;
}
.sel_vazio {
width: 25%;
float: left;
}
.modnovitem {
	/* margin: 0 auto; */
	width: 100%;
}
.novoitem_tipo{
	float:left;
	width:33,333333%;
}
.novoitem_tipo img{
	width:100%;
}
.novoitem_tipo a img{
	width:100%;
}
.modalDialog_elim {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.2);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 200ms ease-in;
-moz-transition: opacity 200ms ease-in;
transition: opacity 200ms ease-in;
pointer-events: none;
overflow:scroll; /* activa scroll da página se a modal for muito comprida */
}
 
.modalDialog_elim:target {
opacity:1;
pointer-events: auto;
}

.modalDialog_elim > div {
width: 320px;
position: relative;
margin: 5% auto;
/* padding: 5px 20px 13px 20px; */
border-radius: 3px;
background: #95b3d7;
-moz-box-shadow: 1px 1px 30px #000;
-webkit-box-shadow: 1px 1px 30px #000;
box-shadow: 1px 1px 20px #000;
}
.sel_titulo_elim {
font-size: 2.5em;
color: #ecf0f1;
text-align: center;
word-wrap: break-word;
}

.modalDialog_noticia> div {
width: 320px;
position: relative;
/* ================================ aqui controlo a posição da modal ============================================
/* margin: 5% auto; */
margin: 0.5%;
/* ================================ aqui controlo a posição da modal ============================================
/* padding: 5px 20px 13px 20px; */
border-radius: 3px;
/* background: #95b3d7; */
background: #b8cce4;
-moz-box-shadow: 1px 1px 30px #000;
-webkit-box-shadow: 1px 1px 30px #000;
box-shadow: 1px 1px 20px #000;
}

.modalDialog_colabdep {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.2);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 200ms ease-in;
-moz-transition: opacity 200ms ease-in;
transition: opacity 200ms ease-in;
pointer-events: none;
overflow:scroll; /* activa scroll da página se a modal for muito comprida */
}
 
.modalDialog_colabdep:target {
opacity:1;
pointer-events: auto;
}

.modalDialog_colabdep > div {
width: 270px;
position: relative;
margin: 5% auto;
border-radius: 3px;
background: #95b3d7;
-moz-box-shadow: 1px 1px 30px #000;
-webkit-box-shadow: 1px 1px 30px #000;
box-shadow: 1px 1px 20px #000;
}

.modalDialog_enviarmail {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.2);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 200ms ease-in;
-moz-transition: opacity 200ms ease-in;
transition: opacity 200ms ease-in;
pointer-events: none;
overflow:scroll; /* activa scroll da página se a modal for muito comprida */
}
.modalDialog_enviarmail:target {
opacity:1;
pointer-events: auto;
}
.modalDialog_enviarmail > div {
width: 300px;
position: relative;
margin: 5% auto;
border-radius: 3px;
background: #95b3d7;
-moz-box-shadow: 1px 1px 30px #000;
-webkit-box-shadow: 1px 1px 30px #000;
box-shadow: 1px 1px 20px #000;
}