/* ----------------------------------------------------
	Imagens sem espacamento
----------------------------------------------------   */

img {
	display:block;
	margin:0px;
}



/* ----------------------------------------------------
	Especiais do header
----------------------------------------------------   */

.UserNameInHeader {
    color: #000000;
    font-size:18px; 
    font-weight:bold;

}

.HeaderUserValues {
	background:#1A1A1A; 
	padding:4px;


}
.HeaderUserValues .Box {
	border:1px dashed #4B4B4B;
	float:left;
	margin:2px;
	padding:4px;
}

.HeaderUserValues .Box .Label {
	color:#ACACAC;
	font-size:90%;
}

.HeaderUserValues .Box .Value {
	color:white;
}


/* ----------------------------------------------------
	Áreas
----------------------------------------------------   */

.Oportunidades_Area_Destaques {
	background:#F9D237;
	padding:20px;
}




/* ----------------------------------------------------
	Blocos Catalogo Oportunidades
----------------------------------------------------   */

.Catalogo_Item_01 {
	width:100%;
    position: relative;
	margin-bottom:30px;
	background:white;
	border:1px solid #E3E3E3;

}

.Catalogo_Item_Estado_015 {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.Catalogo_Item_Estado_025 {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


	
	 
.Catalogo_Item_01 .lineSeparator {
	border-top:1px solid #E5E5E5;
	margin-top:10px;
	margin-bottom:10px;
}

.Catalogo_Item_01 .Header {
	padding:15px;
	background:white;
	min-height: 100px;
}

.Catalogo_Item_01 .Header #BemTitulo {
	color:black;
	font-size:21px;
	text-transform:uppercase;
	font-family:My_SourceSansPro_Semibold;
}

.Catalogo_Item_01 .Header #BemMiniDesc {
	color:#A2A2A2;
	font-size:14px;
	text-align: right;
	font-family:My_SourceSansPro_Light;
}



.Catalogo_Item_01 .Photo {
	margin:0px;
	height:200px;
	width:100%;
	overflow:hidden;
	position:relative;
}
.Catalogo_Item_01 .Photo img { 
	min-height:100%; 
	max-width:100%;
	margin:0px;
	vertical-align:top;
	position:relative;
} 

.Catalogo_Item_01 .Photo  .MainStatus {
	background:black;
	color:#efefef;
	padding:8px;
	height:35px;
	position:absolute;
	bottom:0px;
	width:100%;
	
	font-family:My_SourceSansPro_Black;
	font-size:14px;
	
	background-color: rgba(0, 0, 0, 0.8);
	
	
}


.Catalogo_Item_01 .Sticker01_OLD {
	position:absolute; 
	top:10px; 
	right:0px; 
	border:1px dotted gray;
	padding:4px;
	padding-left:10px;
	background:#D0991A;
	background:red;
	background:yellow;
	color:black;
	opacity: 0.5;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	font-weight:bold;
	
	
	
	
	
}

.Catalogo_Item_01 .Sticker01 {
    position: absolute;
    top: 10px;
    right: 0px;
    border: 1px dotted gray;
    padding: 10px;
    padding-top: 20px;
    /* padding-left: 10px; */
    background: #F7931F;
    /* background: red; */
    /* background: yellow; */
    color: white;
    /* opacity: 0.5; */
    /* border-top-left-radius: 12px; */
    /* border-bottom-left-radius: 12px; */
    /* font-weight: bold; */
    width: 80px;
    height: 80px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
}

.Catalogo_Item_01 .BottomArea {
	
}


/* ------------------------------- */
/* .Catalogo_Item_01 */
 .ValuesArea {
	padding:12px;

}

.ValuesArea #BemValorInvestido  {
	color:orange;
	font-family:My_SourceSansPro_Bold;
	font-size:18px;

}

 .ValuesArea #BemValorInvestidoPerc  {
	color:orange;
	font-family:My_SourceSansPro-Semibold;
	font-size:16px;
}

 .ValuesArea #BemValorTotalObjetivo  {
	color:gray;
	text-align:right;
	float:right;
	font-family:My_SourceSansPro_Semibold;
	font-size:18px;
}

.ValuesArea #BemNumInvestidores  {
	color:orange;
	font-size:18px;
	float:left;
}

 .ValuesArea #BemDiasFalta  {
	color:gray;
	
	text-align:right;
	float:right;
	font-family:My_SourceSansPro_Semibold;
	font-size:16px;
}


/* ------------------------------- */

.Catalogo_Item_01 .BemDescricaoResumo {
	padding:12px;
	color:gray;
}




.Catalogo_Item_01 .BemTabelaValores {
	padding:16px;	
	font-family:My_SourceSansPro_Light;
	font-size:12px;
}

.Catalogo_Item_01 .BemTabelaValores .Label {
	color:gray;
	font-family:My_SourceSansPro_Bold;
	font-weight:bold;
	text-transform:uppercase;
	
}

.Catalogo_Item_01 .BemTabelaValores .Value {
	text-align:right;
	font-family:My_SourceSansPro_Bold;
}

.Catalogo_Item_01 .AcaoArea {
	
}




/* pormenor das cores para alguns items... */
	.Cor_Estado_020 { color:#F87C00;}
	.Cor_Estado_030 { color:#BC8E32;}
	
	.Background_Estado_020 { background:#F87C00;}
	.Background_Estado_025 { background:#F87C00;}
	.Background_Estado_030 { background:#BC8E32;}	
	



/* ----------------------------------------------------
	Barras de percentagem
----------------------------------------------------   */

.PercentageBar {
     background:#F1F1F1;
     height:22px;
}

.PercentageBar .Used {

     height:100%;
	 border-right:1px solid gray;
}



/* ----------------------------------------------------
	Daqui para baixo não foi revisto
----------------------------------------------------   */



.Shadow01{
	
		background-position:left bottom;
	
		/*background-attachment:fixed;*/
		height:48px;
		background-repeat:no-repeat;
		background-size: 100%;
		
		background-image:url('../layout/shadow_01.png') ;
		

}


/* ----------------------------------------------------
	Ficha da oportunidade
----------------------------------------------------   */




.OportunidadePage {
   border:0px dashed red;
}

.OportunidadePage .LinkBackToOportunities  {
	margin-left:20px;
	margin-bottom:10px;
}
.OportunidadePage .LinkBackToOportunities a {
	text-decoration:none;
	font-size:12px;
	color:black;
	font-weight:bold;
}



/*
	usada para a previsão das amortizações, 
	passa a usar a standard
*/
/*
.OportunidadePage .Tabela01 {
   border:1px dotted #9A9CFC;
   background:#E7FED0;
}


.OportunidadePage .Tabela01 .Line {
   border-top:1px solid red;
   margin-top:5px;
   margin-bottom:5px;
}

.OportunidadePage .Tabela01 .Label {
   color:#A3A3A3;
}

.OportunidadePage .Tabela01 .Value {
   text-align:right;
   color:#373B75;
   font-weight:bold;
display:block;
}

*/



.OportunidadePage .BemDescricao {
	padding:10px;
	font-size:100%;
	border:0px solid #DED7D2;

}

.OportunidadePage .PromotorNome {
	padding-left:10px;
	font-size:140%;
	line-height:1.4em;
	font-weight:bold;
	color:#F77C00;
	text-transform:uppercase;
}

.OportunidadePage .PromotorLocalidade {
	padding-left:10px;
	font-size:140%;
	line-height:1.4em;
	color:#262626;
	text-transform:uppercase;
}

.OportunidadePage .PromotorApresentacao {
	padding-left:10px;
	font-size:100%;
	border:0px solid #DED7D2;
}

  
  
.OportunidadePage .BemTabelaValores {
	padding:24px;
	border:0px solid #DED7D2;
	font-size:14px;
}

.OportunidadePage .BemTabelaValores .Label {
	color:gray;
	text-transform:uppercase;
}

.OportunidadePage .BemTabelaValores .Value {

	text-align:right;
	float:right;
}
  
.OportunidadePage  .galleryImage {
	float:left; 
	margin:10px;
}

.OportunidadePage  .galleryImage img {
	height:240px;
	border:1px solid gray;
}  


.CatalogListItem:hover {
   background:#E1E1E1;
}

.CatalogListItem .CatalogList_EstadoProcesso {
     position:absolute;
     top:70px;
     right:20px;
     padding:4px;
     background:#9A9CFC;
     color:white;
}

.SimulacaoInvest_Area {
     background:#F9D237; 
     padding:20px;
     color:white;
     font-size:140%;
}

.SimulacaoInvest_Area input {
    border:0px solid white;
    padding:4px;
    font-size:120%;
    text-align:right;
	height:40px;
	float: left;
}



.SimulacaoInvest_Area .InfoSaldoDisponivel {
     color:#B49312;
     font-size:80%;
}
.SimulacaoInvest_Area .InfoSaldoDisponivel .ValorSaldoDisponivel {
     color:#333333;
     font-weight; bold;
}


.SimulacaoInvest_ValueBlock {
     text-align:center;
     border:1px dotted #DCB510;
     padding:8px;
}



.SimulacaoInvest_ValueBlock .Label {
     color:black;
     font-size:20px;
     line-height:22px;
	 height:48px;
}
.SimulacaoInvest_ValueBlock .Value {
     color:#F87C00;
     font-size:22px;
     line-height:32px;
     font-weight:bold;
}


.Investir_Area  {
	padding:20px;
	padding-top:100px;
	font-size:140%;
	color:black;
	margin-bottom:10px;
	border:0px dashed orange;
	min-height:260px;
	height:auto;
	text-align:center;

	position:relative;
	
}
.Investir_Area .BotaoInvestir {
    border:0px solid #F87C00;
    background:#F87C00;

    padding:18px;
    padding-left:32px;
    padding-right:32px;
    font-size:110%;
	
	font-weight:bold;
    color:white;
    text-decoration:none;
/*
	position:absolute;
	top:50%;
	left:50%;
*/
	

	text-align:center;
	text-transform:uppercase;
}

.Investir_Area .BotaoInvestir:hover {
    /*background:#5C5C5C;*/
	color:black;
}

.Investir_Area  input {
    border:2px solid white;
    padding:6px;
    font-size:120%;
    text-align:right;
}




.Dashboard01 {
   border:1px dotted gray;
   background:#efefef;
}
.Dashboard01 .Label {
   text-align:center;
   font-size:80%;
   color:gray;
}
.Dashboard01 .Value {
   text-align:center;
   font-size:110%;
   font-weight:bold;
   color:black;
   
}



.BotaoLaranja {
	padding:0px;
	text-align:center;
	height:36px;

	margin-right:10px;
	float:left;
}

.BotaoLaranja a {
	padding:8px;
	padding-left:20px;
	padding-right:20px;
	background:gray;
	color:white;
	text-decoration:none;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	text-transform:uppercase;
	background:orange;
}

.BotaoLaranja a:hover {
      color:black;
}




.infoObrigatoria { color:red; }

.infoAuxiliarInput {
     color:#B35C05; 
     font-size:75%;

}





/* -----------------------------   FAQS ----------------------------- */

.FaqsArea {

}
.FaqsArea .FaqElement {

   margin-bottom:20px;
}

.FaqsArea .FaqQuestion {
   background: #F87C00;
   padding:14px;
   padding-left:24px;
   padding-right:24px;

} 

.FaqsArea .FaqQuestionOpen {
   background: #C8671A;
}

.FaqsArea .FaqQuestion a {
    text-decoration:none;
    color:white;
}

.FaqsArea .FaqAnswer {
     padding:10px;
     margin-left:10px; 
     padding-left:20px; 
     margin-bottom:20px; 
     display:none; 
     color:gray;
}



/* -----------------------------   PAGINAS DE FORMULARIOS ----------------------------- */

.PageHeaderBar {
    margin-top:30px;
}

.PageHeaderBar .PageTitle {
     border-left:14px solid #E93E33;
     padding-left:8px;
     color:black;
     text-transformx:uppercase;
     font-size:18px;
	 line-height:20px;
     font-weight:bold;
     float:left;
	 margin-bottom:10px;
}

.PageHeaderBar .PageStep{
     color:#F88410;
     text-transformX:uppercase;
     font-size:12px;
	 line-height:14px;
     float:right;
}

.FormBlockTitle {
     color:#00B0F0;
     font-size:18px;
     margin-top:30px;
     margin-bottom:10px;
}

.FormBlockInputArea {
     background:#F1F1F1;
     background:white;
     padding:4px;
     padding-left:10px;
	 margin-bottom:2px;
	 border-left:1px solid #E1E1E1;
}

.FormBlockInputField {
}

.FormBlockInputSeparator {
    border:1px solid #D4D4D4;
    margin-top:6px;
    margin-bottom:6px;
}

.FormBlockInputField input {
     font-size:20px;
     padding:8px;
     border:1px solid #DADADA;
     background:#F1F1F1;
     backgroundX:#FDFDB3;
     max-width:100%;
     margin:1px;
}
.FormBlockInputField input:focus {
      background:#F6F6F4;
      border:1px solid #F1F1F1;
      border-bottom:1px solid black;
}


.FormBlockInputFieldHelpMessage {
     color:#AFAF97;
     font-size:12px;
     font-style:italic;
}

.FormBlockInputField input[type="checkbox"] {
    border:2px solid red;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

@media only screen and (max-width: 500px) {
	.ValuesArea,
	.Catalogo_Item_01 .BemTabelaValores {
		height: auto;
	    overflow: initial;
	}

 	.Catalogo_Item_01 .Header #BemMiniDesc,
 	.ValuesArea #BemValorTotalObjetivo {
 		text-align: left;
 		float: none;
 	}
	
	
	.Oportunidades_Area_Destaques {
		background:#F9D237;
		padding:20px;
		padding-left:0px;
		padding-right:0px;
		
	}


	.BotaoLaranja {


		margin-right:4px;
		float:left;
	}

	.BotaoLaranja a {
		padding:6px;


	}
		
	.OportunidadePage  .galleryImage img {
		height:auto;
		width:100%;
	}  
	
	.Investir_Area .BotaoInvestir {
		border:0px solid #F87C00;
		background:#F87C00;

		padding:10px;
		padding-left:16px;
		padding-right:16px;
		font-size:90%;
	}
	
	
}