.displayInlineBlock{
	display:inline-block;
}

/* ----------------------- NÚMEROS DINAMICOS ------------------------- */

.NumerosDinamicosWrap{
	width: 980px;
	margin: 40px auto;
}

.cicloContainer{
	height: 300px;
	width: 100%;
	text-align: center;
}

.circle-1, .circle-2, .circle-3, .circle-4{
	 width:242px;
	 height:231px;
	 text-align:center;
	 background: rgba(36,164,175, 0.7);
	 background-image: url(/images/layout/seta_opEmNumeros.png);
	 background-repeat: no-repeat;
	 background-position: center;
	 border-radius: 150px;
	 margin: -20px;
	 padding: 20px;
 }

 .circle-title-1, .circle-title-2, .circle-title-3, .circle-title-4{
	 text-align:center;
	 font-family:'centrale_sans_regularregular', Arial, Helvetica, sans-serif;
	 font-size:19px;
	 color:#fff;
	 padding-top:45px;
	 width:150px;
	 margin:0 auto;
	 line-height: 1em;
	 text-transform: none;

	}

.OP_users_registados, .OP_propostas_apresentadas_ativos, .OP_propostas_votacao_ativos, .OP_votos_ativos{
	font-family: 'centrale_sans_boldbold', Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #FFF;
	margin-top: 50px;
}

	 .counter{
	 	font-family: 'centrale_sans_boldbold', Arial, Helvetica, sans-serif;
	 	color: #FFFFFF;
		 font-size:40px;
		 text-align:center;
		 height:100px;
		 padding-top:25px;}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }


.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}

.fade-in.one {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.fade-in.two {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.fade-in.three {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.fade-in.four {
	-webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	animation-delay: 0.8s;
}



/*------------------------- NOTICIAS/eventos -----------------------------*/

.noticias, .eventos{
	width: 380px;
	float: left;
}

.noticiasHomeContainer, .eventosHomeContainer {
    padding: 0px;
    margin-bottom: 0px;
    float: left;
}

.eventosHomeItem {
	margin-bottom: 3px;
}

.eventosHomeItem a {
	background: #F1F5D8;
	display: block;
	padding: 9px;

}

.eventosHomeItem a:hover .eventosHomeItemTitulo{
		color: #2B6E81;
}

.noticiasHomeFotoContainer, .noticiasHomeFotoContainer  {
	display:none;
/*    float: left;
	background:#fff;
	margin: 0 10px 10px 0;
	padding: 4px 0 0 4px;
	border: 1px solid #ebebeb;
	width: 154px;
	height:154px;*/
}/*
.noticiasHomeItem img, .eventosHomeItem img {

    margin: 0px;
}
.btnVerMais{
	float:right;
	width: 22px;
	height: 22px;
	position: absolute;
    top: 0;
    right: 0;


}*/
.noticiasHomeItemTitulo , .eventosHomeItemTitulo{
	color: #004C65;
	margin-bottom: 10px;
	font-family: 'centrale_sans_boldbold', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 1.2em;
	height: 45px;
}

.eventosHomeItemTitulo:hover{
		color:#C1D333;
}


.noticiasHomeItemSeparator, .eventosHomeItemSeparator {
	  float: left;
    width: 378px;
}
.tituloDataContainer{
		overflow:hidden;
		margin-bottom:0px;
		margin-right:0px;
}

.noticiasHomeData, .eventosHomeData{
	font-size: 13px;
    color: #004C65;
    font-family: Arial, Helvetica, sans-serif;

}
.noticiasHomeDetalhe, .eventosHomeDetalhe{
    display: none;
}

/*.noticiasHomeItem:last-child .noticiasHomeData{
	border-bottom: none;
}*/
.noticiaContainer .mapaGoogle iframe,
.noticiaContainer .mapaGoogle iframe #wmMap,
.eventoContainer .mapaGoogle iframe,
.eventoContainer .mapaGoogle iframe #wmMap {
    width: 100% !important;
}


/*--------- NOTICIAS GERAIS --------*/
.noticiasItem img {
    float: left;
    margin: 5px 10px 10px 0;
}
.noticiasItemTitulo{
    color: #000000;
    margin-bottom: 5px;
    font-weight: normal;
    font-family: 'centrale_sans_boldbold', Arial, Helvetica, sans-serif;
}
.noticiasItemTitulo a{
    color: #000000;
    text-decoration: none;
    font-family: 'centrale_sans_boldbold', Arial, Helvetica, sans-serif;
    font-size:16px;
}
.noticiasItemTitulo a:hover{
    color: #3fa5b2;
    text-decoration: none;
}

.noticiasItemResumo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 14px;
	color: #666666;
	font-weight: normal;
}

.noticiasItemSeparator {
    clear: both;
    margin-bottom: 40px;
}
.contentArea ul li.noticiasItemSeparator{
	list-style: none;
}
.contentArea ul li.noticiasItem{
	padding: 20px 0;
	border-bottom: 1px solid #c4e2f3;
	list-style: none;
}

.contentArea ul li.noticiasItem:first-child{
	padding: 0 0 20px 0;
	list-style: none;
}
/*--------- EVENTOS GERAIS--------*/

.contentArea ul li.eventosItem{
	padding: 15px 0;
	border-bottom: 1px solid #c4e2f3;
	list-style: none;
}

.eventosItem img
{
    float: left;
    margin: 0 10px 10px 0;
}

.eventosItemData
{
    margin-bottom: 10px;
    font-weight: bold;
    font-weight: 12px;
    color: #888888;
}
.eventosItemTitulo
{
    font-size: 16px;
    color: #000000;
    margin-bottom: 5px;
}
.eventosItemTitulo a
{
    color: #004C65;
    text-decoration: none;
}

.eventosItemTitulo a:hover
{
    color: #3ea4b1;
    text-decoration: none;
}

p.eventosItemTexto {
	font-weight: normal;
	font-size: 12px;
}

.eventosItemSeparator
{
    display: none;
}


/*----------------------------- NOTÍCIAS HOMEPAGE -----------------------*/


.noticiasHomeItemTitulo a:hover{
	color: #3ea4b1;
}


/*--------------------------- SLIDER -----------------------------*/


.sliderArea{
    float: left;
    width: 560px;
    margin-right: 40px;
    overflow: hidden;
    margin-bottom: 0px;
}

.sliderContainer {
	position: relative;
	overflow: hidden;
	width: 560px;
	height:360px;

}

.setaEsquerda {
	position: absolute;
	left: 0px;
	bottom: 10px;
	z-index: 3;

}
.setaDireita {
	position: absolute;
	right: 0px;
	bottom: 10px;
	z-index: 3;

}
.itemSlider{
	width: 560px;
	height: 280px;
	position: relative;
}
.sliderTextContainer {
	position: absolute;
	bottom: -80px;
	background: #fff;
	width: 560px;
	height: 80px;
	z-index: 2;
	left:0px;

}

.sliderData{
	color: #A8A8A8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 15px 55px 0;
	width: 450px;
	font-weight: bold;
}

.sliderTitulo {
	font-size: 18px;
	margin-bottom: 0px;
	font-family: 'centrale_sans_regularregular', Arial, Helvetica, sans-serif;
	padding: 10px 55px 0 55px;
  height: 45px;
	overflow: hidden;
	width: 450px;

}
.sliderTitulo a {
	text-decoration: none;
	color: #535454;
	line-height: 23px;
	opacity: 1.0;
}
.sliderTitulo a:hover {
	text-decoration: none;

}
.sliderTexto {
	display: none;
}
/*.sliderTexto a {
	text-decoration: none;
	color: #000000;
}
.sliderTexto a:hover {
	text-decoration: none;
	color: #000000;
}*/




/*--------- FAQS --------*/
.faqPerguntaContainer
{
    background-color: #109EC4;
    padding: 5px;
}
.faqPergunta
{
    color: #FFFFFF;
}

.faqRespostaContainer
{
    background-color: #FFFFFF;
    padding: 5px;
}
.faqItemSeparator
{
    clear: both;
    margin-bottom:5px;
}
.faqRespostaContainer{
	margin: 20px 0;
	line-height: 1.5;
}
.faqBotao
{
    float: right;
    margin-right: 5px;
    margin-top:5px;
}
/*-------------------------VIDEOS HOME-----------------------------*/
.galeriaVideosContainerHome{
    list-style-type: none;
    padding: 0;
		margin-top: 10px;
}

.galeriaVideosContainerHome li:nth-child(3n+1){
	margin-left: 0px;
	list-style-type: none;

}
.galeriaVideosItemContainerHome{
	margin-left: 0px;
	list-style-type: none;
	margin: 0px 0px 10px 22px;
	padding: 0px;
	float: left;
	position: relative;
	border-bottom: 3px solid #2688A3;


}
.galeriaVideosImagemHome {
    display: block !important;
    height: 195px;
    overflow: hidden;
    padding: 0;
    width: 312px;

}
 .galeriaVideosImagemHome img{
    height: 100%;
    margin: auto;
    overflow: hidden;
    width: auto;

}
.mascaraImgVideoHome{
   border: 1px solid #acabab;
   width:310px;
   height:194px;
   position:absolute;
   top:0;
   left:0;
   background:url('/images/layout/playerHome.png') center center no-repeat;
}
/*-------------------------VIDEOS PAGINA NTERIOR-----------------------------*/


.galeriaVideosItemContainer {
    background: #CFEDF5;
    list-style-type: none;
    width: 218px;
    height: 200px;
    margin: 20px 22px 0 0;
    padding: 0;
    float: left;
    position: relative;

}
.galeriaVideosImagem {
    width:218px;
    height: 137px;
    padding: 0px;
    display: block !important;
    overflow: hidden;
}

.galeriaVideosImagem img{
    width: auto;
    height: 100%;
    overflow: hidden;

}

.galeriaVideosTitulo {
    margin-bottom: 10px;
    overflow: hidden;
    display: block !important;
    height: 50px;
    padding: 5px;
    color: #2688A3;
    font-family: "centrale_sans_regularregular",Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1;
		font-weight: bold;
}
.mascaraImgVideo{
   border: 1px solid #acabab;
   width:216px;
   height:136px;
   position:absolute;
   top:0;
   left:0;
   background:url('/images/layout/playerHome.png') center center no-repeat;
}

.galeriaVideosContainer{
    list-style-type: none;
    padding: 0px 5px;
}

.galeriaVideosContainer li:nth-child(4n+1){
	margin-left: 0px;
	list-style-type: none;

}
.galeriaVideosContainer li:nth-child(4n){
	margin-right: 0px;
	list-style-type: none;

}
.galeriaVideosContainer li{
	list-style-type: none !important;
	padding: 0px !important;
}

/*------------------- Contador -----------------------*/
.diasWrap{
	overflow: hidden;
	width: 200px;
	color: #3fa5b2;
	margin: 9px auto 0 auto;
	text-align: center;
}

.OP_tempo_meses, .OP_tempo_dias, .OP_tempo_horas, .OP_tempo_minutos{
	float: left;
    width: 33%;
	margin-top: 7px;
}

.OP_msg_tempo_em_falta{
	height: 20px;
    color: #000;
    font-family: 'centrale_sans_mediummedium', Arial, Helvetica, sans-serif,Arial,Helvetica,sans-serif;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
	margin-top: 30px;
}

.designacaoTempo{
	width: 220px;
	margin: 0 auto;
	
}

.designacaoTempo span{
	display: inline-block;
	width: 27%;
}

/*-------------------- Lista Propostas ---------------*/

.OP_Proposta_List_Item{
	margin-bottom: 10px;
}