//html, button, input, select, textarea {
//  color: #222;
//	font-family: sans-serif;
//}


.site {
    width: 1000px;
    margin: 0 auto;
    padding: 0 10px;
}

.logo {
    /*bakground: url(../img/bpi.png) no-repeat 0 0;*/
    width: 236px;
    height: 43px;
    display: inline-block;
}

header {
    padding: 15px 0;
    position: relative;
}

header p {
    font: 1.3em/1.3em 'Lucida Sans Unicode';
    margin: 20px 0px 15px 0px;
    color: #818181;
//    margin-top:-10px;
//    text-align:justify;
    padding: 0px;
}

body {
	display: block;
	margin: 0px;
	background-color: #f6f6f6;
	-webkit-font-smoothing: antialiased;
	font: 62.5%/1 'Lucida Sans Unicode', sans-serif;
}

section, aside {
    height: 1110px;/*1080px;*/
}

section {
    width: 100%;
    margin: 0 20px 0 0;
    float: left;
    background: #eaeaea;
}

.labelposadjust {
	margin-top: -3px;
}

.labelposadjustcmb {
	margin-top: 4px;
}

.labelposadjusttext{
	margin-top: 2px;
}

.simul-item {
    padding: 15px 0px;
    margin: 0 20px;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
}

.simul-item .row {
	padding: 15px 0;
	overflow: hidden;
	display: inline-block;
}

.simul-item input[type="text"] {
	background-color: #fff;
	color: #a4a4a6;
	height: 24px;
	padding: 1px 0px;
	resize: none;
	text-indent: 0.5em;
	border: 1px solid #cdcdcd;
	float: left;
	font: 1.3em/24px 'Lucida Sans Unicode';
}

.simul-item .datalabel {
	font: 1.3em/24px 'Lucida Sans Unicode';
	padding: 0px 0px 0px 9px ;
	color: #a4a4a6;
	display: block; 
	background-color: #fff; 
	width: 113px; 
	margin-left: 0px; 
//	padding-left: 9px; 
	height: 24px; 
	border: 1px solid #cdcdcd;
}


.text-item {
	margin:0 0 3px 0;
	overflow: hidden;
}

.select-item {
	margin:0 0 3px 0;
	overflow: hidden;
	height: 30px;
}

.select-big {
	width:200px;
}

select[name="regime"] {
	width:196px;
}

select[name="tipoplano"] {
	width: 180px;
}

select[name="pais"] {
	width: 98px;
}

select[name="modalidade"] {
	width: 147px;
}

select[name="daf"] {
	width: 50px;
}

.field-spacing {
	padding: 8px 0px 0px 0px;
}

.field-spacing-large {
	padding: 10px 0px 0px 0px;
}

.text-item span {
	width: 85px;
	color: #818181;
	float: left;
	margin: 0 0 0 5px;
	padding-top: 3px;
}

input {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	line-height: normal;
}

.simul-item input[mandatory="true"] {
	border: 1px solid #ff7200;
}

.simul-item input[fieldFormat="currency"] {
	width: 123px;
}

.simul-item input[fieldFormat="date"] {
	width: 123px;
}

.simul-item input[fieldFormat="cp4"] {
	width: 50px;
}

.simul-item input[fieldFormat="number"] {
	float: right;
}

.simul-item .prazo {
	width: 92px;
}

.simul-item .idade {
	width: 50px;
}

.simul-button-area {
    padding: 28px 20px 15px 20px;
    margin: 0px;
    position: relative;
    color: #818181;
    background: url(../img/shadow-top-20x13.png) repeat-x left top;
    margin-top: -10px;
	height: 56px;
	background-color: #eaeaea;
}


.checkbox-label {
	padding-left: 10px; 
	height: 20px;
	position: absolute;
	color: #818181;
	font-size: 1.2em;	
}

.checkbox-label-ml {
	padding-left: 10px; 
	height: 20px;
	position: absolute;
	color: #818181;
	font-size: 1.2em;
	line-height: 13px;
	width: 250px;
}

h1 {
    font: 2.8em/1 'TradeGothicLTStd-Bold';
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0px;
    top: 28px;
}

h5 {
	font-size: 1.2em;
	font-weight: 700;
	color: #818181;
	margin: 0px;
	padding: 0px;
	display: table-cell;
	vertical-align: middle;
	height:30px; 
	line-height:30px;
}

h3 {
    font: 2.5em/1 'TradeGothicLTStd-Bold';
    margin: 0;
    font-weight: 400;

    background: url(../img/shadow-bottom-20x13.png) repeat-x left bottom;
    padding: 28px 20px 0 20px;
    height: 66px;
    
    color: #818181;
    
    position: relative;

}

h4 {
	font: 1.8em/1 'TradeGothicLTStd-Bold';
	font-weight: 400;
	color: #818181;
	text-transform: uppercase;
	margin: 0;
	padding: 0 30px 0 0;
	display: table-cell;
	vertical-align: middle;
}

.simul-item p {
	padding: 5px 20px 5px 20px;
	font: 1.1em/1 'Lucida Sans Unicode';
	color: #818181;
	line-height: 14px;
}

p {
	padding: 5px 20px 5px 20px;
	font: 1.1em/1 'Lucida Sans Unicode';
	color: #818181;
	line-height: 14px;
}


section.wide {
	width:1000px;
	margin:0px;
}

section.wide .half-col {
	width:460px;
	padding:30px 20px 0 0;
	float:left;
}

section.wide .third-col {
	width:290px;
	padding:30px 35px 0 0;
	float:left;
}

section.wide .third-col.last {
	padding:30px 0px 0 0;
}

section.wide  .quarter-col {
	width:195px;
	padding:0px 30px 0 0;
	float:left;
}

.zipcode {
	float: right;
}

section label {
	color: #818181;
	float: left;
	font: 1.3em/26px 'Lucida Sans Unicode';
}

.board1col1{
	width:230px;
}

.board1col2{
	width:120px;
}

.board1col3{
	width:95px;
}

.board1col4{
	width:65px;
}

.board1col5{
	width:190px;
}

.board1col6{
	width:130px;
	margin-top: 2px;
}


.orange {
    color: #ff7200;
}

.error {
	margin-left:10px;
	font-size: 1.2em; 
	color:#f00; 
	display:inline-block; 
	vertical-align:bottom;
}

/* ==========================================================================
   3 - BPI - Simuladores Fonts and Icons
   ========================================================================== */

@font-face {
    font-family: 'TradeGothicLTStd-Bold';
    src: url('fonts/tragltsb.eot');
    src: url('fonts/tragltsb.eot?#iefix') format('embedded-opentype'), url('fonts/tragltsb.woff') format('woff'), url('fonts/tragltsb.ttf') format('truetype'), url('fonts/tragltsb.svg#TradeGothicLTStd-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot');
    src: url('fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('fonts/icomoon.svg#icomoon') format('svg'), url('fonts/icomoon.woff') format('woff'), url('fonts/icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'tradegothicbold';
	src: url('fonts/tradegob.eot');
	src: url('fonts/tradegob.eot?#iefix') format('embedded-opentype'), url('fonts/tradegob.woff') format('woff'), url('fonts/tradegob.ttf') format('truetype'), url('fonts/tradegob.svg#tradegothicbold') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*  popin */

.popin {
    border-radius: 20px;
    background: #818181;
    width: 19px;
    height: 18px;
    font: 1.5em/1 'TradeGothicLTStd-Bold';
    color: #fff;
    text-align: center;
    padding: 2px 0 0 1px;
    text-decoration: none;
    display: block;
    position: absolute;
    right: 0px;
    top: 30px;
}

.popin:hover {
    background: #ff7200;
}

.lt-ie9 .popin {
	background: transparent url(../img/see-more20x20.png) no-repeat 0px 0px;
	border: none;
}
.lt-ie9 .popin:hover {
	background: transparent url(../img/see-more20x20.png) no-repeat -41px 0px;
	border: none;
}

.lt-ie9 #popin .overlay {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
}

#popin {
}

#popin .overlay {
	background-color: #000;
	opacity: .3;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10000;
}

#popin .popin-close {
    position: absolute;
	top: 210px;
	z-index: 10002;
	left: 50%;
	margin-left: 210px;
	color: #fff;
	background: url(../img/close17x18.png) no-repeat 0 0;
	width: 17px;
	height: 18px;
	text-indent: -9999px;
	font-size: 0px;
}

#popin .popin-content {
	background-color: #fff;
	padding: 35px 20px;
	position: absolute;
	width: 440px;
	min-height: 200px;
	z-index: 10001;
	top: 190px;
	left: 50%;
	margin-left: -236px;
}

#popin article .header {
	min-height: 2.2em;
	border-bottom: 1px solid #e2e0e0;
	margin: 0;
	padding: 0 0 35px 0;
}

#popin article h1 {
	font: 2.2em/1 'TradeGothicLTStd-Bold';
	color: #ff7200;
	font-weight: 400;
	width: 440px;
	margin: 0 0 5px 0;
	position: inherit;
	right: inherit;
	top: inherit;
	float: none;
}

#popin article h2 {
	font: 1.8em/1 'TradeGothicLTStd-Bold';
	color: #7e7e7e;
	font-weight: 400;
	width: 440px;
	margin: 0;
	text-transform: none;
	float: none;
}

#popin article p {
	font: 1.2em/1.5 'Lucida Sans Unicode';
	color: #7e7e7e;
	font-weight: 400;
	width: 410px;
	text-transform: none;
	float: none;
}

#popin .popin-content.video {
	padding-top: 50px;
}

/* FAQS */

.faqs h2 {
	font: 2.200em/1 "tradegothicbold";
	color: #ff7200;
	margin: 0 0 50px 0;
}
.faqs dl, .accordion {
	border-bottom: 1px solid #e2e0e0;
	margin-bottom: 30px;
}
.faqs dl dt, .accordion dt {
	font: 1.600em/1 "tradegothicbold";
	border-top: 1px solid #e2e0e0;
	padding: 7px 0;
	cursor: pointer;
	position: relative;
}
.accordion dt span {
	color: #a4a4a6;
	font-size: .813em;
}
.accordion dt:first-child {
	border: none;
}
.faqs dl dt:after, .accordion dt:after {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	content: "\24";
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -9px;
	font-size: .8em;
}
.faqs .item-close, .accordion .item-close {
	color: #7e7e7e;
}
.faqs .item-close:after, .accordion .item-close:after {
	content: "\24";
}
.faqs .item-open, .accordion .item-open {
	color: #ff7200;
}
.faqs .item-open:after, .accordion .item-open:after {
	content: "\25";
}
.faqs .accordion dd {
	padding-left: 15px;
}
.accordion dd {
	margin: 0;
	font: 1em 'Lucida Sans Unicode';
	padding: 0 40px 10px 0;
	color: #a1a1a1;
	line-height: 1.5em;
}
.faqs dl dd li, .accordion dd li {
	padding-left: 40px; /* padding-bottom:15px;*/
}
.faqs dl dd li:before, .accordion dd li:before {
	content: "-";
	margin-left: -8px;
}
.accordion .text {
	padding-top: 5px;
	margin-top: -5px;
}
article ul {
	display: block;
	margin: 10px 0px;
	font: 1.2em/1.5 'Lucida Sans Unicode';
	color: #7e7e7e;
}

dl, menu, ol, ul, li {
	padding: 0;
	margin: 0;
	list-style: none;
}

footer {
    background: #f6f6f6;
    width: 1000px;
    overflow: hidden;
    padding-top: 20px;
}

footer .main {
    width: 660px; 
    float: left; 
    display: block;
}

footer .side {
    style=width: 320px; 
    float: right; 
    display: block;
}


/* ==========================================================================
   9 - Media queries
   ========================================================================== */
@media screen and (min-width: 801px) and (max-width: 1024px) {
.popin { height: 16px; }
.v_space {display: block;}
}
 @media screen and (min-width: 0px) and (max-width: 800px) {

.v_space {display: none;}

.site {
    width: auto;
    padding: 0;
}
#main > section { margin-bottom: 0; }
header { padding: 10px; }
header .logo { margin: 0 0 20px 0; }
h1 {
    text-transform: none;
    font-size: 3.5em;
    margin: 0 0 20px 0;
    float: none;
    position: relative;
    left: inherit;
    top: inherit;
}
h2 {
    font-size: 1.8em;
    width: 100%;
    overflow: hidden;
}
h3 { 
	font-size: 2em; 
	padding: 28px 20px 40px 20px;
}

section,
aside,
footer {
    width: 100%;
    height: auto;
}

aside,
footer { float: left; }
section,
aside { height: auto; }
section.wide { width: 100%; }
section.wide .half-col {
    width: 100%;
    padding: 0;
}

section.wide .third-col,
 section.wide .third-col.last,
 .third-box {
    width: 100%;
    clear: left;
    margin-bottom: 0px;
    padding: 0;
}
section.wide .third-col.col-big.last { padding-top: 20px; }
section.wide .third-col .col,
 section.wide .third-col.last .col { padding-top: 10px; }
.text-item input { height: 24px; }
.simul-item h5.col-med4 { display: block; }
.half-col .text-item.zipcode { float: none; }
.half-col .text-item.zipcode label {
    width: 110px;
    padding: 5px 5px 0 0px;
}
section .half-col .quarter-col { width: 222px; }
aside .info p { padding: 0px 20px 0 30px; }
.text-item span { margin: 0 0 10px 5px; }
.call { padding-left: 30px; }
.simul-item { margin: 0 4%;}
.simul-item .row {
    display: block;
    padding: 10px 0 0 0;
}
aside .simul-item .row {
    clear: both;
    padding: 0 0 10px 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 24px;
}
.simul-item .col,
 .simul-item .col-small,
 .simul-item .col-med,
 .simul-item .col-med2,
 .simul-item .col-med3,
 .simul-item .col-med4,
 .simul-item .col-med5,
 .simul-item h5 {
    width: auto;
    margin: 0 0 10px 0;
    display: block;
}
.simul-item h4 {
    width: auto;
    padding: 0 30px 10px 0;
    display: block;
}
.simul-item h5.col,
.simul-item h5.col-small,
.simul-item h5.col-med { display: block; }
.simul-item:last-child { border-bottom: 0px none; }
.radiofields .selected:before {
    content: "\29";
    font-size: .8em;
}
.simul-item label { padding: 5px 5px 0 0px; }
.checkfields label,
.radiofields label {
    padding: 0px 0px 0 30px !important;
    width: 85%;
}
.popin {
    height: 16px;
    padding-top: 4px;
}
aside .popin {
    right: 4%;
    height: 16px;
    padding-top: 4px;
}
footer .main {
    width: auto;
    float: left;
    margin: 0 10px;
}
footer .main .actions {
    width: auto;
    overflow: hidden;
}
footer .main .actions li { margin: 0px -2px 0 -1px; }
footer .main .actions li.imprimir { display: none; }
footer .side { display: none; }
.simul-button-area span.msg-error {
    margin: 5px 0;
    display: block;
}
aside .simul-item h4 { font-size: 1.6em; }
.resul-item {
    margin: 0;
    padding: 10px 20px;
}
.resul-item .half-box { margin: 0; }
.infotable .infotable-item { width: 100%; }
.infotable .infotable-item.bonif span {
    float: none;
    width: auto;
    text-align: left;
}
.infotable.additional { margin: 0 20px; }
.infotable.additional p,
 .infotable.additional .infotable-item.header span { width: 100%; }
.infotable.additional p { padding: 0; }
.infotable.additional .infotable-item { background: #f6f6f6; }
.infotable.additional .infotable-item span {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    float: none;
}
.infotable.additional .infotable-item span.title {
    padding-left: 5%;
    width: 44%;
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.field.housing-reconstruct,
.field.housing-postal-code { float: left; }
section.wide .third-col h5,
section.wide .half-col h5 { height: auto; }
section.wide .third-col { padding-bottom: 10px; }
.resul-item .row .third-col .quarter-col {
    padding-top: 10px;
    padding-bottom: 0;
}
.radiofields { padding: 0; }
.resul-item .row .box { width: 100%; }
.resul-item .row .half-box { width: 100%; }
section.wide .checkfields .third-col { padding: 10px 0 0 0; }
.simul-item.no-border { padding-top: 10px; }
.simul-item.no-border .popin { top: 15px; }
}
 @media screen and (max-width: 600px) {
div.wide .field {
    float: none;
    margin-right: 0;
}
}
 @media screen and (max-width: 540px) {
.text-item.realstate-fin-value label {
    display: block;
    padding-bottom: 5px;
}
.text-item.realstate-fin-value input,
 .text-item.realstate-fin-value span {
    float: none;
    display: inline-block;
}
.text-item.realstate-fin-value input,
 .text-item.realstate-fin-value label,
.text-item.realstate-fin-value span.label { width: auto; }
.text-item.realstate-fin-value span.value { height: auto; }
.half-col .text-item.zipcode label,
 .text-item.realstate-value label {
    width: auto;
    padding: 5px 8px 0 0px;
}
.field.select .housing-type { width: 80%; }
section.wide .half-col .half-col,
 section.wide .half-col .half-col.big,
 section.wide .half-col .half-col.small {
    width: 100%;
    float: none;
}
.field.loan-time { height: auto; }
section.wide .third-col-more-third { width: 100%; }
}
 @media screen and (min-width: 0px) and (max-width: 510px) {
.simul-item .col,
.simul-item .col-small,
.simul-item .col-med,
.simul-item .col-med2,
.simul-item .col-med3,
.simul-item h5 {
    width: auto;
    margin: 0 0 10px 0;
    display: block;
    clear: both;
}
.simul-item h4,
 aside article.main input[type="text"] { font-size: 1.6em; }
aside article.main input[type="text"] { width: 100px; }
aside .popin { right: 4%; }
.popin { top: 20px; }
#popin .popin-content {
    width: 95%;
    margin-left: 0px;
    left: 0;
}
#popin .popin-close {
    left: 90%;
    margin: 0;
}
#popin .popin-content article {
    width: 92%;
    padding: 5% 0 0 0;
}
#popin .popin-content article dl,
#popin .popin-content article p { width: 100%; }
#popin .popin-content article dl dd { padding: 0px; }
section.wide .third-col .col,
 section.wide .third-col.last .col { padding-top: 0px; }
section.wide .third-col h5,
section.wide .half-col h5 {
    height: auto;
    padding-top: 10px;
}
.field.select label,
 .text-item label,
 .field.select .dropdown select,
 .text-item input { font-size: 1.2em; }
.infotable .infotable-item h4 {
    font: 1.6em/1.2em 'TradeGothicLTStd-Bold';
    float: none;
    margin: 0;
}
.infotable .infotable-item span {
    font: 1.4em/1 "Lucida Sans Unicode", sans-serif;
    width: 36%;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.infotable .infotable-item.bonif span {
    font-size: 1.3em;
    line-height: 1.3em;
}
.side-search .field.select .dropdown.realStateType,
 .side-search .field.select .dropdown.realStateFor { width: 60%; }
.simul-item label { padding: 0 10px 0 0; }
div.wide .field.furniture label,
 div.wide .field.value-objs label,
 div.wide .field.jewelery label,
 div.wide .field.vehicles label {
    width: 50%;
    margin: 0 0 5px 0 !important;
}
}
@media screen and (min-width: 0px) and (max-width: 400px) {
.field.select .dropdown,
 .text-item input,
 .text-item.loan-time input { width: 60%; }
.field.select .realStateCounty { width: 200px; }
.field.select .dropdown.nr-proposers { width: 60px; }
.field.select label,
 .text-item label,
 div.wide .field label {
    width: 31%;
    padding-right: 7px;
    margin-right: 0;
}
.checkfields .check-item + label,
 .radiofields .radio-item + label { width: 85%; }
.text-item input,
 .side-search .field input { height: 22px; }
.side-search .field input#realStatePw { width: 50%; }
.table-results td { font-size: 1.2em; }
.table-coverage { margin-left: 0; }
section.wide .third-col,
 section.wide .third-col-more-third { padding: 0px; }
.text-item.birth-date .birth-date-year { width: 50px; }
.field { height: auto; }
.field.select .gender { width: 56px; }
.field.select .payment { width: 120px; }
.resul-item h4 { margin-bottom: 0; }
#popin article h2 { width: auto; }
.remove-row {
    top: 25px;
    padding-top: 2px;
    height: 16px;
}
/*fields*/
    .text-item.vehic-price input,
 .text-item.loan-time-auto input,
 .text-item.first-paymt input,
 .text-item.final-paymt input { width: 60%; }
aside .simul-item .label { width: 50%; }
.realstate-fin-value span {
    margin: 0;
    padding: 0;
}
.field.select.nr-proposers label,
 .text-item.age-proposer-1 label,
 .text-item.age-proposer-2 label,
 .field.select.housing-type label,
 .field.select.housing-use label,
 div.wide .text-item.housing-construct label,
 div.wide .text-item.housing-reconstruct label,
 div.wide .text-item.housing-surface-construct label,
 div.wide .text-item.housing-postal-code label { width: auto; }
div.wide .text-item.birth-date label,
 div.wide .select.gender label,
 div.wide .select.module label,
 div.wide .select.degree-kinship label {
    margin-right: 0;
    padding-right: 0;
}
div.wide .field.birth-date { margin-top: 0; }
.field.select .housing-type { width: 80%; }
}

/*Firefox Hack */
@media screen and (min--moz-device-pixel-ratio:0) {
.field.select .dropdown select {
    display: block;
    padding-top: 6px;
}
}