@font-face {
    font-family: 'ApexNewBold';
    src: url('font-face/apexnew-bold-webfont.eot');
    src: url('font-face/apexnew-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/apexnew-bold-webfont.woff') format('woff'),
         url('font-face/apexnew-bold-webfont.ttf') format('truetype'),
         url('font-face/apexnew-bold-webfont.svg#ApexNewBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ApexNewBook';
    src: url('font-face/apexnew-book-webfont.eot');
    src: url('font-face/apexnew-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/apexnew-book-webfont.woff') format('woff'),
         url('font-face/apexnew-book-webfont.ttf') format('truetype'),
         url('font-face/apexnew-book-webfont.svg#ApexNewBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ApexNewMedium';
    src: url('font-face/apexnew-medium-webfont.eot');
    src: url('font-face/apexnew-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/apexnew-medium-webfont.woff') format('woff'),
         url('font-face/apexnew-medium-webfont.ttf') format('truetype'),
         url('font-face/apexnew-medium-webfont.svg#ApexNewMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ------------------------------ RESET ------------------------------ */
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption  { border: 0; margin: 0; padding: 0; }
.disabled {display: none !important;}
.Disabled {display: none !important;}
* {outline: none;}
a img {border: none;}

body {
	margin: 0 auto;
	text-align: center;
	background: url(../../images/wmop/frontoffice/bg_body.gif) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em !important;
	color: #5f5c5c;
}
#siteWrapper {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
}
#top{
	height: 143px;
}
#logo{
	width: 200px;
	float: left;
	height: 143px;
}
.banner {
	margin-top: 11px;
	width: 790px;
	height: 143px;
	float: left;
	padding: 0 10px 0 0;
	background: url(../../images/WMOP/frontoffice/bg_banner.gif) top left no-repeat;
}
#middle{
	clear: both;
	margin: 20px 0 20px 0;
	overflow: hidden;
}
.menuVerticalArea{
	width: 200px;
	margin-right: 20px;
	float: left;
}
.contentArea{
	width: 780px;
	float: right;
}
.userLoginArea {
	clear: both;
	background-color: #d9ecf6;
	width: 780px;
	padding: 5px;
	margin-bottom: 10px;
}
.homeLeftArea{
	float: left;
	width: 385px;
	padding-top: 10px;
	overflow: auto;
}
.homeRightArea{
	float: left;
	width: 385px;
	margin-left: 10px;
	overflow: hidden;
}
.homeBottomArea{
	clear: both;
	margin-top: 10px;
}
#bottom{
	clear: both;
	height: 34px;
	background-color: #e5f2fa;
	padding: 10px;
	font-size: 0.917em;
}
/*** MENU VERTICAL ***/
.menuVerticalArea ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.menuVerticalArea ul li{
	padding: 0;
	margin: 0 0 1px 0;
	list-style: none;
	font-size: 1em;
}
.menuVerticalArea ul ul{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1em;
	background: #f4f9fd;
}
.menuVerticalArea ul ul ul{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1em;
	background: #e5f2fa;
}
.menuVerticalArea ul li a{
	display: block;	
	padding: 6px 10px;
	list-style: none;
	background: #007cc2 url(../../images/WMOP/frontoffice/menu_vertical.gif) top left no-repeat;
	color: #FFF;
	text-decoration: none;
}
.menuVerticalArea ul li a:hover{
	display: block;	
	padding: 6px 10px;
	list-style: none;
	background: #007cc2 url(../../images/WMOP/frontoffice/menu_vertical-ovr.gif) top left no-repeat;
	color: #FFF;
	text-decoration: none;
}
.menuVerticalArea ul li a.selected{
	display: block;	
	padding: 6px 10px;
	list-style: none;
	background: #007cc2 url(../../images/WMOP/frontoffice/menu_vertical-on.gif) top left no-repeat;
	color: #FFF;
	text-decoration: none;
}
.menuVerticalArea ul li li a{
	display: block;	
	padding: 6px 10px 6px 20px;
	list-style: none;
	background: #f4f9fd url(../../images/WMOP/frontoffice/menu_vertical_2.gif) no-repeat 8px 8px;
	color: #017bc4;
	text-decoration: none;
}
.menuVerticalArea ul li li a:hover{
	display: block;	
	padding: 6px 10px 6px 20px;
	list-style: none;
	background: #e5f2fa url(../../images/WMOP/frontoffice/menu_vertical_2-ovr.gif) no-repeat 8px 8px;
	color: #017bc4;
	text-decoration: none;
}
.menuVerticalArea ul li li a.selected{
	display: block;	
	padding: 6px 10px 6px 20px;
	list-style: none;
	background: #e5f2fa url(../../images/WMOP/frontoffice/menu_vertical_2-ovr.gif) no-repeat 8px 8px;
	color: #017bc4;
	text-decoration: none;
}
.menuVerticalArea ul li li li a{
	display: block;	
	padding: 6px 10px 6px 30px;
	list-style: none;
	background: #e5f2fa none;
	color: #017bc4;
	text-decoration: none;
}
.menuVerticalArea ul li li li a:hover{
	display: block;	
	padding: 6px 10px 6px 30px;
	list-style: none;
	background: #d9ecf7 none;
	color: #017bc4;
	text-decoration: none;
}
.menuVerticalArea ul li li li a.selected{
	display: block;	
	padding: 6px 10px 6px 30px;
	list-style: none;
	background: #d9ecf7 none;
	color: #017bc4;
	text-decoration: none;
}
/*** TEXTO ***/
a{
	color: #3196ce;
	text-decoration: underline;
}
a:hover{
	color: #3196ce;
	text-decoration: none;
}
h1 {
	color: #ff8700;
	font-size: 2.500em;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-family: ApexNewBook, Arial, Helvetica, sans-serif;
}
h2 {
	color: #ff8700;
	font-size: 2.500em;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-family: ApexNewBook, Arial, Helvetica, sans-serif;
}
h3 {
	color: #ff8700;
	font-size: 2.000em;
	margin-bottom: 10px;
	font-family: ApexNewBook, Arial, Helvetica, sans-serif;
}
h3 a {
	color: #ff8700;
	font-family: ApexNewMedium, Arial, Helvetica, sans-serif;
	text-decoration: none;
		
}
h3 a:hover {
	color: #007cc2;
	text-decoration: none;	
}
h4 {
	color: #ff8700;
	font-size: 1.5em;
	margin-bottom: 10px;
	font-family: ApexNewBook, Arial, Helvetica, sans-serif;
}
/*** NOTICIAS ***/
.newsHomeTitle{
	color: #1b89c8;
	font-size: 2.500em;
	text-transform: uppercase;
	margin-bottom: 20px;
	background-color: #daecf6;
	padding: 10px;
	height: 25px;
	margin-bottom: 1px;
	font-family: ApexNewBook, Arial, Helvetica, sans-serif;
}
.newsHomeItem{
	background-color: #e5f2fa;
	padding: 10px;
	margin-bottom: 1px;	
	overflow: auto;
}
.newsHomeItemTitle{
	font-size: 1.333em;
	color: #3396cf;
	margin-bottom: 5px;
	font-family: apexnewmedium, Arial, Helvetica, sans-serif;
}
.newsHomeItemTitle a{
	color: #3396cf;
	text-decoration: none;
}
.newsHomeItemTitle a:hover{
	color: #ff8700;
	text-decoration: none;
}
.newsHomeItem img {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	float: left;
	margin-right: 10px;
}
/* NOTICIAS LIST */
.noticiasListContainer {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.noticiasListContainer li {
	clear: both;
	overflow: hidden;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	background: none;
}
.noticiasListContainer li:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}
.noticiasListFotoContainer {
    float: left;
	margin-right: 10px;
}
.noticiasListFotoContainer img {
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.noticiasListDadosContainer {
	overflow: hidden;
}
.noticiasListData {
	font-size: 0.85em;
	color: #66b1db;
	margin: 0 0 3px 0;
}
.noticiasListTitulo {
    color: #96750c;
	font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
	margin: 0 0 5px 0;
}
.noticiasListTitulo a {
    color: #96750c;
    text-decoration: none;
}
.noticiasListTitulo a:hover {
    color: #808080;
    text-decoration: none;
}
.noticiasListTexto {
	margin-bottom: 0;
}
/* NOTICIAS DETALHE */
.noticiasDetalheContainer {
	clear: both;
	overflow: hidden;
	margin: 0 10px 0 0;
}
.noticiasDetalheDataContainer {
	font-size: 0.85em;
	color: #66b1db;
	margin-bottom: 5px;
}
.detalhesFotoContainer {
	float: left;
	margin: 0 10px 10px 0;
}
.detalhesFotoContainer img {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

/* \\\\\ GALERIAS \\\\\ */
.galeriaContainer {
                list-style-type: none;
}
.galeriaItemContainer {
                list-style-type: none;
                width: 185px;
                height: 230px;
                margin: 0 0 10px 10px;
                padding: 0;
                float: left;
}
.galeriaContainer li:nth-child(4n+1) {
                margin-left: 0;
                list-style-type: none;
}
.galeriaImagem {
                padding: 5px 5px 0 5px;
}
.galeriaTituloListGalerias {
                color: #808080;
                background-color: #FFFFFF;
                font-size: 0.85em;
                width: 165px;
                padding: 5px;
                margin: 0 5px;
}
.galeriaTitulo {
                color: #808080;
                font-size: 0.85em;
                width: 185px;
                padding: 5px 0;
                margin: 0 5px;
}
.btnVerGaleria {
                margin: 5px 5px 5px 0;
                text-align: right;
}
.ppt {
                font-weight: bold;
                text-align: left;
}
.pp_description {
                font-weight: bold;
}

.FormCampoContainer input[type=text].telemovel
{
	width:99%;	
}

#c_17695_pSucessoAutenticado
{
	padding: 20px;
	padding-left: 280px;
	margin-bottom: 20px;
	background:  #c9e95f url('/Images/WMOP/ok-green.png') no-repeat 230px 20px;
}

#tblAnexos {
	width: 100%;
}

#tblAnexos td{
	padding-bottom: 5px;
}

#tblAnexos td:first-child {
	width: 70px;
}

#tblAnexos input {
	width: 350px;
}

#tblAnexos input[type=text] {
	width: 347px;
	margin: 0;
}

.FormCampoContainer td label.ficheirosAnexadosLabel {
	color: #005cab;
	font-weight: bold;
}

.VotosSMS {
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 1.3em;
}

span.divVotoSMSConteudo {
	color: #fe8600;
	padding-top: 10px;
}

span.divVotoSMSInfo {
	color: #5f5c5c;
}

div.divVotoSMSTitulo {
	display: inline-block;
}

div.op_comentario {
	padding: 20px 5px 20px 20px;
	border-radius: 4px;
	margin-top: 20px;
}

.op_input_comentario {
	width: 99%;
}

.op_comentario_nivel_0 
{
	background-color: #ededed;
}

.op_comentario_nivel_1 
{
	background-color: #e0e0e0;
}

.op_comentario_nivel_2 
{
	background-color: #dcdcdc;
}

.op_comentario_nome {
	margin-bottom: 5px;
	font-family: ApexNewBold, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
}

.titulo_comentario {
	margin-bottom: 10px;
}

div.op_comentario div.foButton a
{
	background: #a5a5a5;
}
div.op_comentario .foButton a:hover
{
	background: #989898;
}

div.op_comentar_principal {
	text-align: center;
    float: right;
}

textarea.op_input_comentario_topo {
	background-color: #ebf4fb;
	border: 0;
	color: #1962a8;
	padding: 8px;
}

textarea.op_input_comentario {
	border: 0;
	color: #1962a8;
	padding: 8px;
}

div.op_comentario_sucesso {
	border-radius: 4px;
	background-color: #19ad07;
	color: #ffffff;
	padding: 10px;
	margin: 5px;
}

div.op_comentario_erro {
	border-radius: 4px;
	background-color: #be2121;
	color: #ffffff;
	padding: 10px;
	margin: 5px;
}

div.VotosPendentes_Apagar a,
div.VotosPendentes_Submeter a,
div.VotosPendentes_ver a{
    color: #ffffff;
}

div.VotosPendentes_ver a{
    background-color: #fe9f00;
}

div.VotosPendentes_ver a:hover{
    background-color: #cd840a;
}

.VotosPendentes_Titulo {
    text-align: left;
    font-family: ApexNewBook, Arial, Helvetica, sans-serif;
	color: #419cd1;
    font-weight: bold;
    font-size: 20px;
    padding: 10px 0 10px;
    border-bottom: 2px solid #419cd1;
}

div.VotosPendentes ul{
    margin-bottom: 20px;
    border-bottom: 2px solid #419cd1;
}

div.VotosPendentes li{
    border-bottom: 1px solid #419cd1;
    padding: 15px 0 15px 0;
}

div.VotosPendentes li:last-child{
    border-bottom: 0;
}

.VotosPendentes_texto {
    text-align: left;
    margin-bottom: 5px;
}

.foButton.VotosPendentes_Apagar a
{
	background: #e10000;
}
.foButton.VotosPendentes_Apagar a:hover
{
	background: #b00000;
}

.foButton.VotosPendentes_Submeter a
{
	background: #4a9300;
}
.foButton.VotosPendentes_Submeter a:hover
{
	background: #376e00;
}

.foButton.votos_temp a
{
	background: #fe9f00;
}
.foButton.votos_temp a:hover
{
	background: #cd840a;
}

div.VotosPendentes {
    max-height: 470px;
}

.VotosPendentes_Submissao {
    color: #ff0000;
}