/* PRINT */
.sup {
    font-size: 100%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

.printLogo {
    /*background: url(../img/LogoBPI.jpg) no-repeat 0 0;*/
    background: url(../img/logo_bpi_print.png) no-repeat 0 0;
    width: 108px;
    height: 54px;
    display: inline-block;
    margin: 20px 0px 0px 20px;
}

/* para corrigir problema das bullets nao aparecerem nas impressoes atraves
do chrome */
.listItemsPrintPage ul {
    list-style-position: inside; margin:10px; padding:10px;
}

.listItemsPrintPage ul li {
    list-style: square ;
}

.printPessoalBody {
    width: auto;
    height:1100px;
    padding: 0;
    background: #fff;
    position: relative;
}

.printPessoalBody h2 {
    background: url(../img/bg/shadow-bottom-20x13.png) repeat-x left bottom;
    padding: 28px 60px 20px;
    height: 66px;
}

.printPessoalBody h1 {
    font: 400 2.8em/1 'RobotoCondensedBold' !important;
}

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

.printTextFieldRight af|inputText::content {
    color: #818181;
    display: table-cell;
    font: 400 1.4em/1 "Lucida Sans Unicode";
    margin: 0;
    text-align: right;
    vertical-align: middle;
    height: 20px;
}

.printTextFieldLeftTitulo af|inputText::content {
    color: #ff7200;
    font: 1.0em/1 "Lucida Sans Unicode";
    line-height: 20px;
}
/*
.printTextFieldRightTitulo af|inputText::content {
    
    color: #ff7200;
    font: 1.0em/1 'RobotoCondensedBold';
    line-height: 20px;
}
*/

.printTextFieldRight af|inputText::content {
    color: #818181;
    display: table-cell;
    font: 400 1.4em/1 "Lucida Sans Unicode";
    margin: 0;
    text-align: right;
    vertical-align: middle;
    height: 20px;
}

.printTextFieldLeft af|inputText::content {
    font: 1.4em/1 "Lucida Sans Unicode";
    line-height: 20px;
    color: #818181;
}

.printTextFieldRightBold af|inputText::content {
    color: #818181;
    display: table-cell;
    font: bold 400 1.8em/1 "Lucida Sans Unicode";
    margin: 0;
    text-align: right;
    vertical-align: middle;
    height: 30px;
}

.printTextFieldLeftBold af|inputText::content {
    font: bold 1.3em/1 "Lucida Sans Unicode";
    line-height: 20px;
    color: #818181;
}

.printPessoalBody h1 {
    right: 60px;
}

.printPessoalSite {
    /*width: 1000px;*/
    width: auto;
    margin: 0 auto;
    padding: 0 10px;
}

/**/

#busy {
    block !important;
    position:   absolute;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background-image:url('../img/bg/transparent08.png');
    vertical-align: middle;
}

#busy div{
    width: 31px;
    height: 31px;
    margin: auto;
    margin-top: 20%;
}



/* CSS ALTERADO PARA SIMULADOR AUTOMOVEL */

.sectionAutoResultado {
    background: #ffffff;
    height: 680px;
    /*height: 760px;*/
}

.asideAutoResultado {
    height: 680px;
}

/* */

.x25 {
    padding: 0px 3px 0px 0px !important;
}

.align_left_PLM af|panelLabelAndMessage::label {text-align:left !important;}

.infoTaxas af|panelLabelAndMessage::label, .infoTaxas af|outputLabel {
    font: bold 1.3em/1 "Lucida Sans Unicode";
    line-height: 20px;
    color: #818181;    
    text-align: left !important;
}

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

.inputTextSlidersTime af|inputText::content {
    color: #ff7200;
    display: table-cell;
    background-image: none !important;
    width: 75px;
    height: 30px;
    line-height: 30;
    border: 1px solid #cdcdcd;
    text-align: center;
    font: 2em/30px 'RobotoCondensedBold';
    float: left;
    vertical-align: middle;
}

.inputTextSlidersWOBorder af|inputText::content{
    color: #ff7200;
    display: table-cell;
    background-image: none !important;
    width: 113px;
    height: 30px;
    border: 0px !important;
    text-align: center;
    font: 2em/1 'RobotoCondensedBold';
    float: right;
}

.inputTextSliders af|inputText::content {
    color: #ff7200;
    display: table-cell;
    background-image: none !important;
    width: 113px;
    height: 30px;
    line-height: 30;
    border: 1px solid #cdcdcd !important;
    text-align: center;
    font: 2em/30px 'RobotoCondensedBold';
    float: right;
}

.inputSliderLabel af|panelLabelAndMessage::label {    
    font: 1.8em/1 'RobotoCondensedBold';
    font-weight: 400;
    color: #818181;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0px 6px 0;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
} 

/*CSS FRAMEWORK*/

.xnr .xpt, .xns .xpt {
    padding-left: 4px;
    padding-top: 17px;
}

.x11w {
    background-color: #F6F6F6;
    background-image: none !important;
    background-position: left top;
    background-repeat: repeat-x;
    color: #333333;
    font: 62.5%/1 "Lucida Sans Unicode", sans-serif;    
}

af|inputNumberSlider::minus-icon-style{display: none;}
af|inputNumberSlider::plus-icon-style{display: none;}
af|inputNumberSlider::ticks{ display: none;}

.ticksNumbers {
    color: Orange;
    font-size: 9px;
    line-height: 9px;
    padding-top: 5px;
    position: absolute;
    top: 100%
}

.sliderTicks {
    margin: 2px auto auto -4px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #ff7200;
    position: absolute;
}

af|inputNumberSlider::thumb-value-line {
    border-left: none ;
    height: 0px;
}

af|inputNumberSlider::thumb-value {
    border-top: none ;
    font-size: 10px;
    color: #FF7200;
    visibility: hidden;
    left: -60%;
    font: 13px 'RobotoCondensedBold';
}

af|inputNumberSlider::bar {
    background-color: transparent;
    background-image: url("../img/barra_slider.png"); 
    border: 0 solid transparent;
    cursor: default;
    font-size: 1px;
    left: 16px;
    line-height: 1px;
    margin: 0;
    padding: 0 6px;
    position: absolute;
    height: 13px;
    right: 14px;
    width: 267px;
}

af|inputNumberSlider::thumb-icon-style {
    background-image: url("../img/bola_slider_branco.png");
    cursor: default;
    font-weight: 700;
    height: 29px;
    margin: -5px 0 0;
    position: absolute;
    text-indent: 1px;
    top: 0px;
    width: 31px;
}

af|inputNumberSlider::content {
    color: #FF7200 !important;
    height: 43px;
    margin: 1px 7px 0 -27px;
    position: relative;
    width: 269px;
}

.filters{
    text-align: right;
    font-size: 1.300em;
    color: #666;
}

.toolheader ~ h2{ 
    border-bottom:1px solid #e2e0e0;
    padding-bottom:30px;
    margin-bottom:0;
}

.toolheader label, .filters label{
    padding-right: 15px;
    font-weight: 700;
    vertical-align:middle;
}

.toolheader .select, .filters .select{ 
    position: relative;
    height:38px;
    display:inline-block;
    vertical-align:middle;
}

.filters .select{ height: 33px}

.js .toolheader .select select, .js .filters .select select {
    padding: 10px 28px 10px 10px;
    opacity: 0;
    position: absolute;
    z-index: 101;
    border: none;
}

.js .toolheader .select .drop-selected, .js .filters .select .drop-selected {
    display: inline-block;
    background-color: #fff;
    padding: 12px 22px 12px 15px;
    position: relative;
    z-index: 100;
    text-align: left;
    white-space:nowrap;
    vertical-align:top;
}

.js .toolheader .select .drop-selected span, .js .filters .select .drop-selected span{ 
    display:block;
    overflow:hidden;
    margin-right: 8px;
    height:16px;
    margin-bottom:-2px;
}

.js .toolheader .select .drop-selected:after, .js .filters .select .drop-selected: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: 0;
    top: 50%;
    margin-top: -8px;
    z-index:10000;
    margin-top: -9px;
    z-index: 10000;
    padding: 2px 10px;
}

.no-js .toolheader .select select, .no-js .filters .select select { padding: 5px 10px; }

.no-js .toolheader .select .drop-selected, .no-js .filters .select .drop-selected { display: none; }

.filters .formbutton { 
    margin-left: 10px;
    font-size:0.8em;
}

.no-js .toolheader .select select, .no-js .filters .select select { padding: 5px 10px; }

.no-js .toolheader .select .drop-selected, .no-js .filters .select .drop-selected { display: none; }

.filters .field{ 
    position: relative;
    display:inline-block;
    vertical-align:top;
}

.filters .field label{
    position:absolute;
    padding: 7px 28px 7px 15px;
    font-weight:400;
    line-height:1.3em;
    display:block;
}

.filters .field input{
    padding: 7px 28px 7px 15px;
    border: none;
    color:#666;
    font-family:"Lucida Sans Unicode", sans-serif;
    height:17px;
}

.js .filters .formbutton{ display:inline-block;}

/* ==========================================================================
	 BPI - Simuladores - Fullsix May 2013
========================================================================== */

/*__INDEX_____________________________________________________________________ 

		1 - Normalize
		
		2 - HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)

		3 - BPI - Simuladores Fonts and Icons

		4 - BPI - Simuladores custom styles
		
		5 - Colors
		
		6 - Browsers fixs

		7 - Helpers 

		8 - Print styles
		
		9 - Media queries

*__END INDEX____________________________________________________________________*/

/* ==========================================================================
   1 - normalize
   ========================================================================== */

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
    font-family: sans-serif;
}

body {
    margin: 0;
    position: relative;
}

a:focus {
    outline: 0;
}

a:active, a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

h2 {
    font-size: 1.5em;
    margin: .83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: .83em;
    margin: 1.67em 0;
}

h6 {
    font-size: .75em;
    margin: 2.33em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 20px;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

p, pre {
    margin: 1em 0;
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {quotes: none;}

q:before, q:after {
    content: '';
    content: none;
}

small {font-size: 80%;}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {top: -0.5em;}

sub {bottom: -0.25em;}

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

dd {margin: 0 0 0 40px;}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

svg:not(:root) {overflow: hidden;}

figure {margin: 0;}

form {margin: 0;}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0 !important;
    vertical-align: baseline;
}

button, input {line-height: normal;}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled], input[disabled] {cursor: default;}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}
td{
    vertical-align: top;
}

*:focus {outline: 0;}

/* ==========================================================================
   2 - HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html, button, input, select, textarea {color: #222;}

:-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {vertical-align: middle;}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {resize: vertical;}

.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0;
}

::-ms-clear {display: none;}

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

@font-face {
    font-family: 'Lucida Sans Unicode';
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lucida Sans Unicode';
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoCondensedBold';
    src: url('fonts/RobotoCondensed-Bold.ttf') format('truetype');
    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;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'icomoon';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"]:before{
*/

.xfd 
{
    content: "\28";
    color: Lime;
}

.icon-close, .icon-Seta, .icon-Seta-2, .icon-Seta1, .icon-Seta1-2, .icon-checkmark, .icon-record, .icon-imprimir, .icon-ficha_info_normalizada, .icon-enviar_mail, .icon-guardar_pdf {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-close:before {content: "\26";}

.icon-Seta:before {content: "\21";}

.icon-Seta-2:before {content: "\22";}

.icon-Seta1:before {content: "\24";}

.icon-Seta1-2:before {content: "\25";}

.icon-checkmark:before {content: "\2b";}

.icon-record:before {content: "\29";}

.icon-imprimir:before {content: "\23";}

.icon-ficha_info_normalizada:before {content: "\27";}

.icon-enviar_mail:before {content: "\28";}

.icon-guardar_pdf:before {content: "\2d";}

/* ==========================================================================
   4 - BPI - Simuladores custom styles
   ========================================================================== */

body {
    background-color: #f6f6f6;
    font: 62.5%/1 "Lucida Sans Unicode", sans-serif;
    -webkit-font-smoothing: antialiased;
}

.row {padding: 20px;}

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

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

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

h2 {
    font: 2.5em/1 'RobotoCondensedBold';
    font-weight: 400;
    color: #818181;
    margin: 20px 0 15px 0;
}

h3 {
    font: 2.5em/1 'RobotoCondensedBold';
    margin: 0;
    font-weight: 400;
}

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

header h3 {
    color: #818181;
    margin: 20px 0 15px 0;
}

header p {
    font: 1.3em/1 "Lucida Sans Unicode";
    font-size: 13px;
    margin: 0 0 15px 0;
    color: #818181;
    margin-top:-10px;
}

section, aside {min-height: 620px;}

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

section.dark {background: #eaeaea;}
section.light {background: #ffffff;}

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

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

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

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

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

section.wide .third-col.col-small {
	width:260px;
}

section.wide .third-col.col-big {
	width:300px;
}

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

section h3, aside h3 {
    background: url(../img/bg/shadow-bottom-20x13.png) repeat-x left bottom;
    padding: 28px 20px 0 20px;
    height: 66px;
}

section h3 {color: #818181;}

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

article {
	margin: 0 0 20px 0;
}

article.main {
	background: #fff;
}
.modal {
    block !important;
    position:   absolute;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background-image:url('../img/transparent08.png');
    vertical-align: middle;
}
.modal div{
    /*width: 31px;
    height: 31px;
    margin: auto;
    margin-top: 45%;*/
    position: fixed;
    top: 50%;
    left: 50%;

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

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

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

section.wide .third-col h5 {
	height:30px; line-height:30px;
}

.simul-item .col, .simul-item .col-small, .simul-item .col-med, .simul-item .col-med2, .simul-item .col-med3 {
    margin: 0px;
    padding: 0px;
    display: table-cell;
}

.simul-item .col {
   /* width: 145px;*/
}

.simul-item h5.col {
    width: 275px;
}

.simul-item h5.col-small {
    width: 100px;
}

.simul-item .col-med {
    /*width: 220px;*/
}

.simul-item h5.col-med {
    /*width: 200px;*/
}

.simul-item .col-med2 {
    /*width: 175px;*/
}

.simul-item .col-med3 {
    /*width: 265px;*/
}

.simul-item label {
	font: 1.3em/1 "Lucida Sans Unicode";
	color: #818181;
}

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

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

.half-box {
	width: 255px;
	margin: 20px 20px 20px 0;
	display: inline-block;
	vertical-align: top;
}

section .half-box p {
	margin: 0 0 5px 0;
	font: 1.2em/1.2em "Lucida Sans Unicode";
	color: #818181;
	padding: 0;
}

.infotable {
	margin: 20px 0;
}

.infotable .infotable-item {
	width: 540px;
	border-bottom: 1px solid #ececec;
	margin: 0 auto;
	height: 18px;
	padding: 7px 0 6px 0;
	display: table;
}

.infotable .infotable-item.last {
	border-bottom: 0px none;
}

.infotable .infotable-item h4 {
	font: 1.8em/1 'RobotoCondensedBold';
	font-weight: 400;
	color: #818181;
	text-transform: uppercase;
	margin: 0;
	float: left;
}
.infotable .infotable-item.bonif h4 {
    margin-bottom: 10px;
}
.listaBonifsAuto div {

        font: 1.4em/1.3em "Lucida Sans Unicode";
	color: #818181;
	text-transform: uppercase;
	margin: 0;
	float: left;
}

.infotable .infotable-item h4 sup.orange {
	font: 1.0em/1 'RobotoCondensedBold';
	float: right;
	margin: 5px 0 -5px 0;
}

.infotable .infotable-item span {
	font: 1.8em/1 "Lucida Sans Unicode", sans-serif;
	color: #818181;
	float: right;
}

.infotable .infotable-item.bonif span {
	width: 400px;
	font: 1.6em/1.3em "Lucida Sans Unicode", sans-serif;
	height: auto;
	display: inline-block;
}

.infotable.additional {
	margin: 30px 0 40px 0;
}

.infotable.additional p {
	width: 540px;
	margin: 20px auto;
	font: 1.2em/1.2em "Lucida Sans Unicode";
	font-weight: 700;
	color: #818181;
	text-transform: uppercase;
}

.infotable.additional .infotable-item {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	margin: 0 auto;
	padding: 0;
}
.infotable .infotable-item.bonif span {
    width: 100%;
    font: 1.4em/1.3em "Lucida Sans Unicode", sans-serif;
    height: auto;
    display: block;
    clear: both;
}
.infotable.additional .infotable-item span {
	width: 178px;
	display: table;
	float: left;
	text-align: center;
	padding: 10px 0;
	background: #f6f6f6;
	font: 1.2em/1.2em "Lucida Sans Unicode";
	font-weight: 700;
}

.infotable.additional .infotable-item.header span {
	width: 540px;
	background: #ececec;
	padding: 15px 0;
	margin: 0 auto;
	text-transform: uppercase;
}

.infotable.additional .infotable-item span.title {
	width: 330px;
	border-right: 1px solid #fff;
	padding: 10px 0 10px 30px;
	text-align: left;
}

.infotable.additional .infotable-item.footer span {
	background: #ececec;
	padding-top: 15px;
	padding-bottom: 15px;
	text-transform: uppercase;
}

.ie10 .mypopin{
    padding: 2px 0 0 1px;
}

.mypopin {
    
    border-radius: 20px;
    background: #818181;
    width: 19px;
    height: 18px;
    font: 1.5em/1 'RobotoCondensedBold';
    color: #fff;
    text-align: center;
    padding: 2px 0 0 1px;
    padding: 2px 0 0 0px \9; /*IE8*/
    text-decoration: none;
    display: block;
    position: absolute;
    right: 0px;
    top: 30px;
    
    background: transparent url(../img/bg/see-more20x20.png) no-repeat 0px 0px \9;
    border: none \9; /*IE8*/    
}

.popin {
    border-radius: 20px;
    background: #818181;
    width: 19px;
    height: 18px;
    font: 1.5em/1 'RobotoCondensedBold';
    color: #fff;
    text-align: center;
    padding: 3px 0 0 1px;
    text-decoration: none;
    display: block;
    position: absolute;
    right: 0px;
    top: 30px;
    
    background: transparent url(../img/bg/see-more20x20.png) no-repeat 0px 0px \9;
    border: none \9; /*IE8*/    
}

.mypopin:hover {
    background: #ff7200;
    
    background: transparent url(../img/bg/see-more20x20.png) no-repeat -41px 0px \9; /*IE8*/
    border: none \9; /*IE8*/
}

.popin:hover {
    background: #ff7200;
    
    background: transparent url(../img/bg/see-more20x20.png) no-repeat -41px 0px \9; /*IE8*/
    border: none \9; /*IE8*/
}

aside {
    width: 320px;
    padding: 0;
    float: right;
    background: #fff;
    position: relative;
    overflow: hidden;
}

aside .popin {
    right: 8px;
}

aside .mypopin {
    right: 8px;
}

aside input[type="text"] {
    display: table-cell;
    width: 125px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #cdcdcd;
    text-align: center;
    vertical-align: middle;
    font: 2em/1 'RobotoCondensedBold';
    float: right;
    margin: -10px 0 0px 0;
}

aside article.main input[type="text"] {
	display: table-cell;
	width: 125px;
	height: 30px;
	border: 1px solid #cdcdcd;
	text-align: center;
	vertical-align: middle;
	font: 2em/1 'RobotoCondensedBold';
	float: right;
	margin: -10px 0 0px 0;
        line-height: 30px;
}

aside h3 {
	background-color: #fff;
}

aside .simul-item .label {
	position: absolute;
	left: 0;
	top: 16px;
	width: 150px;
	height: 40px;
	padding: 0;
	overflow: hidden;
}

aside .simul-item h4 {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0;
}

/*aside .sliders .simul-item h4 {
	bottom: 15px;
}*/

aside .row {
    width: 280px;
    padding: 15px 0px 5px 0px !important;
    overflow: visible !important;
}

.scale-val {
    width: 30px;
    text-align: center;
    margin: 2px -15px;
    color: #ff7200;
    font: 1.1em/1 'RobotoCondensedBold';
    margin-bottom: -15px;
}

.scale-val.left {
    float: left;
}

.scale-val.right {
    float: right;
}

.scale {
    margin: 2px auto;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #ff7200;
}

aside .info {
	padding: 0 0 10px 0;
}

aside .info p {
    padding: 0px 20px 0 20px;
    font: 1.3em/1 "Lucida Sans Unicode";
    line-height: 20px;
    color: #818181;
}
af|outputText {
    padding: 0px 20px 0 20px;
    font: bold 1.3em/1 "Lucida Sans Unicode";
    line-height: 20px;
    color: #818181;
}

aside .info p em {
    font-style: normal;
}

aside .info span { font-size: 1.2em;}

.outputValues span{
    padding: 0px;
    font-size: 18px !important;
    line-height: 20px;
    color: #818181;
}

.outputValues span .boldLabel {
    font: 1.8em/1 'RobotoCondensedBold';
    font-weight: 400;
    color: #818181;
    text-transform: uppercase;
}

.outputValues span .boldValue {
    font: 1.8em/1 'RobotoCondensedBold';
    font-weight: 400;
    color: #f60;
    text-transform: uppercase;
}

footer {
    background: #f6f6f6;
    width: 1000px;
    display: block;
}

footer .main {
    width: 660px;
    margin: 0 20px 0 0;
    float: left;
}

footer .main .actions {
    width: 660px;
    display: block;
    border-top: 1px solid #e2e0e0;
    border-bottom: 1px solid #e2e0e0;
    margin: 20px 0 0 0;
    padding: 10px 0;
}

footer .main .actions li {
    display: inline-block;
    padding: 0px 0;
    margin: 0px 0px 0 0;
}

footer .main .actions li a {
    font: 1.5em/1 "Lucida Sans Unicode";
    color: #a4a4a6;
    text-transform: uppercase;
    padding: 15px 20px 15px 35px;
    padding: 20px 20px 15px 7px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

footer .main .actions li a:hover {
    background: #ff7200;
    color: #fff;
}

footer .main .actions li a:before {
    color: #818181;
    font-size: 15px;
    font-style: normal;
    width: 15px;
    height: 15px;
    padding: 0px 0 0 15px;
    margin: -3px 5px 0px -7px;
    border-left: 1px solid #e2e0e0;
    display: inline-block;
    float: left;
}

footer .main .actions li.noerrors:hover a:before {
    color: #fff;
    border-left: 1px solid #ff7200;
}
footer .main .actions li:hover a:before {
    color: #fff;
    border-left: 1px solid #ff7200;
}

footer .main .actions li:first-child a:before {
    border: 0px none;
}

footer .info {
	/*border-bottom: 1px solid #e2e0e0;*/
	margin: 0 0 15px 0;
}

footer .info p{
    padding: 5px 10px 15px 10px;
    font: 1.1em/1 "Lucida Sans Unicode";
    color: #818181;
    line-height: 14px;
    border-bottom: 1px solid #e2e0e0;
}

footer .side {
    width: 320px;
    float: left;
    padding: 20px 0 0 0;
}
footer .byside{
    float: right;
}
/* SLIDER */

.slider {
    position: relative;
}

.slider a {
    position: absolute;
    z-index: 1;
}

.slider a:nth-child(2) {
    background: inherit !important;
}

.slider.vertical a {
    width: 100%;
    bottom: 0;
}

.slider.horizontal a {
    height: 100%;
    right: 0;
    background: url(../img/bg/slider.png) no-repeat right top;
}

.slider {
    border-radius: 3px;
    display: block;
    cursor: default;
}

.slider.connect a, .slider.connect.lower {
    background: #b2a98f;
}

.slider, .slider.connect.lower a {
    background: #d5d5d5;
}

.slider.disabled, .slider.disabled.connect.lower a {
    background: #ccc;
    box-shadow: none;
}

.slider div {
    height: 32px;
    width: 32px;
    background: url(../img/bg/slider.png) no-repeat -2px -38px;
    text-indent: 1px;
    font-weight: 700;
}

.slider div.active {
    background-position: -42px -38px;
}

.slider.disabled div {
    background: transparent;
}

.slider.horizontal {
    width: 280px;
    height: 18px;
    background: url(../img/bg/slider.png) no-repeat -1px -19px;
}

.slider.horizontal div {
    margin: -5px 0 0 -15px;
}

.slider.vertical {
    width: 10px;
    height: 300px;
}

.slider.vertical div {
    margin: -9px 0 0 -5px;
}
/* radiofields and checkfields*/

.checkfields label, .checkfields .label, .radiofields label, .radiofields .label {
    color: #818181;
    font-size: 1.3em;
    padding: 0 5px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.checkfields label em, .radiofields label em {
	font-size: 0.8em;
	font-style:normal;
}

.ie10 .checkfields label, .radiofields label {
	padding:4px 28px 0 30px !important;
}

.checkfields label, .radiofields label {
	padding: 0 28px 0 30px; /*!important;*/
}

.checkfields .check-item, .radiofields .radio-item {
    background-color: #fff;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    width: 18px;
    height: 18px;
    overflow: hidden;
    border: 1px solid #cdcdcd;
}

.radiofields .radio-item {
    background: transparent url(../img/bg/radiofields.png) no-repeat right top;
    border: none;
    width: 20px;
    height: 20px;
}

.checkfields .check-item input, .radiofields .radio-item input {
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    margin-left: 0px;
    visibility: hidden;
    width: 21px;
    height: 21px;

    visibility: visible \9; /* para o IE8 */
    width: 0px \9; /* para o IE8 */
    height: 0px\9; /* para o IE8 */
}

.checkfields .check-item + label{
    padding-left: 30px;
    margin-top: -1px;
    margin-left: -25px;
    cursor: pointer;
    position: relative;
    margin-left: -24px \9; /* para o IE8 */
    margin-top: 2px \9;  /* para o IE8 */
}

.ie10 .radiofields .radio-item + label {
    margin-left: -23px;
    margin-top: -3px;
}

.radiofields .radio-item + label {
    padding-left: 30px;
    margin-top: -1px;
    margin-left: -23px;
    cursor: pointer;
    position: relative;
    /*margin-left: -19px \9; /* para o IE8 */
    margin-top: -3px \9;  /* para o IE8 */
}

.checkfields .check-item + label.multiple, .radiofields .radio-item + label.multiple {
	vertical-align: text-top;
}

.checkfields .selected:before, .radiofields .selected:before {
    font-family: 'icomoon';
    content: "\2b";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 9px;
    top: 50%;
    margin-top: -6px;
    font-size: 1em;
    color: #a4a4a6;
    margin-top: -6px \9; /* para o IE8 */
}
.radiofields .selected:before {
    content: "\29";
    left: 4px;
    /*margin-top: -4px;*/
    font-size: 12px;
}

.half-col .checkfields, .third-col .checkfields {
	padding:5px 0;
}

.third-col .checkfields label {
    width:232px
}

.col-big .checkfields label {
    width:272px;
}

.col-small .checkfields label {
    width:200px;
}

.field {
    position: relative;
    width: auto;
    margin-bottom: 12px;
    font-family: "Lucida Sans Unicode", sans-serif;
    color: #818181;
    vertical-align: middle;
    height: 31px;
    overflow: hidden;
}

/* selects */

.field.select .dropdown {
    background: #fff;
    border: 1px solid #cdcdcd;
    float: right;
    height: 28px;
    line-height: 28px;
    /*display: inline-block;*/
    overflow: hidden;
    position: relative;
}

.field.select .dropdown:after {
    background: #fff url(../img/form/select-arrow-gray.png) no-repeat center right;
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    height: 28px;
    width: 28px;
    pointer-events: none;
    z-index: 100;
}

.side-search .field.select .dropdown {
    float: left;
}

.field.select .regime{
    width:220px;
}

.field.select .loan-purpose, .field.select .loan-index, .field.select .plan-type,
.field.select .place, .field.select .realStateCounty{
    width:210px;
}

.field.select .tax-modality, .field.select .vehic-year{
    width:200px;
}

.field.select  .tax-type{
    width:195px;
}

.field.select .realStateFor{
    width: 173px;
}

.field.select .residence-country{
    width:161px;
}

.field.select .car-owner{
    width:150px;
}

.field.select .realStateType{
    width: 148px;
}

.field.select .prof-cat{
    width: 135px;
}

.field.select .realStateTipology{
    width: 85px;
}

.field.select .nr-proposers{
    width:60px;
}

.field.select .dropdown select{
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    border: 0;
    color: #a4a4a6;
    font: 1.3em/28px "Lucida Sans Unicode";
    height: 28px;
    padding: 0px 0 7px 0.5em;  
    /*width: 100%;*/
    width: 132%;
    position: absolute;
    z-index:100;
}
.ie10 .field.select .dropdown select{
    padding-top: 8px;
}

.lt-ie9 .field.select .dropdown select{
    padding-bottom: 5px;
    /*padding-top: 0px;*/
}

.field.select .nr-proposers select{
    width: 150%;
}

.field.select .dropdown select option{
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}
.simul-item div.radiofields label.rb-taxa:before{
    margin-top: -4px \9; /* para o IE8 */
    margin-left: 0px \9; /* para o IE8 */

}
/* inputs */
.text-item {
    overflow: hidden;
}

.field.select label, .text-item label {
    color: #818181;
    font: 1.3em/1 "Lucida Sans Unicode";
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    margin-top: 8px;
}

.text-item.realstate-fin-value label {
	width:230px;
}

.text-item.realstate-value label {
	width:110px;
}

.half-col .text-item.zipcode label {
	padding: 0 8px 0 0;
}

label em {
	font-size: 0.8em;
	font-style:normal;
}

.text-item input {
        
    background: #fff;
    border: 1px solid #cdcdcd;
    color: #a4a4a6;
    font: 1.3em/1em "Lucida Sans Unicode";
    height: 26px;
    text-indent: 0.5em;
    /*display: inline-block;*/
    display: block;
    
    line-height: 26px;
    
    /*vertical-align: middle;*/
}

.third-col input {
	float: right;
}

.half-col .text-item.zipcode {
	float: right;
}

.text-item.realstate-fin-value input, 
.text-item.realstate-value input {
	width:123px;
}

.text-item.zipcode input{
	width: 54px;
}

.text-item.loan-time input{
	width: 92px;
}

.text-item.age-proposer-1 input,
.text-item.age-proposer-2 input {
	margin-left: 20px;
	width: 44px;
}

.text-item.vehic-price input {
	width:165px;
}

.text-item.loan-time-auto input {
	width:150px;
}

.text-item.first-paymt input {
	width:179px;
}

.text-item.final-paymt input {
	width:110px;
}


.text-item span{
	/*float: left;*/
	/*margin: 0 0 0 5px;
	padding-top: 3px;*/
        margin: 0 0 0 0;
	padding-top: 0px;
}

.text-item.realstate-fin-value span {
	width: 85px;
	color: #818181;
}


.quarter-col .field{
	margin: 0;
}

.half-col .text-item {
	margin:0 0 3px 0;
}

/* required fields */
.text-item.required input {border:1px solid #ff7200;}
.field.select.required .dropdown {
	border:1px solid #ff7200;
}

/* error fields */
.text-item.error input {color:#f00;}



/* SIDE SEARCH  */

.side-search {
	width: 280px;
	padding: 0 20px 20px 20px;
	background: #ececec;
	overflow: hidden;
}
.side-search .header {
	background: #ececec url(../img/media/bpi-expresso-search.png) no-repeat 0 0;
	width: 280px;
	height: 88px;
	border-bottom: 1px solid #c9c9c9;
}
.side-search .text {
	font: 1.8em 'RobotoCondensedBold';
	color: #818181;
	padding: 15px 0;
}
.side-search .field {
	position: relative;
	width: auto;
	margin-bottom: 12px;
	font-family: "Lucida Sans Unicode", sans-serif;
	color: #818181;
	vertical-align: middle;
	height: 31px;
	overflow: hidden;
}
.side-search .field input {
		
	text-indent: 0.5em;
	background: #fff;
	height: 26px;
	color: #a4a4a6;
	border: 1px solid #cdcdcd;
}
.side-search .field label {
	font-size: 1.2em;
	line-height: 30px;
	margin: 0 8px 0 0;
	float: left;
}
.side-search .field label.multiple {
	line-height: 14px;
}

.side-search a {
	display: inline-block;
	background-color: #02124d;
	font-size: .9em;
	color: #fff;
	text-align: center;
	padding: 10px 20px 10px 10px;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 0;
	position: relative;
	margin-top: 10px;
}

.side-search a:after {
	font-family: 'icomoon';
	content: "\21";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -5px;
	font-size: 1.1em;
}


.simul-button-area { background: url(../img/bg/shadow-footer-bottom-13x13.png) repeat-x left top; margin-top:-10px;
	padding: 28px 20px 0 20px;
	height: 66px;}
	
	.simul-button-area a {
	display: inline-block;
	background-color: #FF7200;
	font-size: 1.8em;
	color: #fff;
	text-align: center;
	padding:15px 40px 15px 20px;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 0;
	position: relative;
	margin-top: 5px; 
}
.simul-button-area a:after {
	font-family: 'icomoon';
	content: "\21";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -10px;
	font-size: 1.1em;
}

.lt-ie9 .simul-button-area a:after{
    margin-top: -5px;
}

.simul-button-area span.msg-error, span.msg-errorInput, span.msg-errorOutput, .msg-error {
    margin-left: 10px;
    font-size: 1.2em;
    color: #f00;
    display: inline-block;
    vertical-align: bottom;
    padding-top: 5px;
}
/**/

a {
    text-decoration: none;
}

.call {
    width: 320px;
}

.click-call {
    background: #ff7200 url(../img/media/click-call.png) no-repeat right top;
    padding: 10px;
    margin-bottom: 5px;
}

.click-call .title, .form-click-call .title {
    font: 2.7em/1 'RobotoCondensedBold';
    color: #fff;
    letter-spacing: -1px;
}

.click-call a {
    display: inline-block;
    background-color: #fff;
    font-size: .9em;
    color: #ff7200;
    text-align: center;
    padding: 6px 20px 6px 10px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0;
    position: relative;
    margin-top: 10px;
}

.click-call a:after {
    font-family: 'icomoon';
    content: "\21";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -5px;
    font-size: 1.1em;
}

.form-click-call {
    background: #ff7200;
    padding: 10px 0 10px 10px;
    margin-bottom: 5px;
}

.form-click-call .text {
    font-size: 1em;
    color: #fff;
}

.form-click-call .field, .form-click-chat .field {
    margin-top: 5px;
    position: relative;
}

.form-click-call .field label, .form-click-chat .field label {
    position: absolute;
    top: 7px;
}

.form-click-call .field input[type=text], .form-click-call .field label {
    font-size: 1em;
    color: #a4a4a6;
    border: none;
    padding: 0;
    display: inline-block;
    width: 290px;
    height: 27px;
    padding-left: 10px;
}

.form-click-call .field input[type=text] {
    line-height: 2.4em;
}

.form-click-call .field-select {
    position: relative;
    overflow: hidden;
    background: #fff;
    width: 300px;
    margin-top: 5px;
}

.form-click-call .field-select select {
    border: none;
    text-indent: 0.5em;
    background: transparent;
    height: 27px;
    color: #a4a4a6;
    font-size: 1em;
    width: 300px;
}

.form-click-call .field-select:after {
    content: "";
    width: 20px;
    height: 27px;
    background: #fff url(../img/form/select-arrow.png) no-repeat center center;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

.form-click-call .field-select select option {
    color: #a4a4a6;
}

.form-click-call .buttons {
    position: relative;
}

.form-click-call .buttons a {
    display: inline-block;
    background-color: #fff;
    font-size: .9em;
    color: #ff7200;
    text-align: center;
    padding: 6px 20px 6px 10px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0;
    position: relative;
    margin-top: 10px;
}

.form-click-call .buttons a:after, .form-click-chat .buttons a:after {
    font-family: 'icomoon';
    content: "\26";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -5px;
    font-size: 1.1em;
}

.form-click-call .buttons input {
    display: inline-block;
    background-color: #fff;
    font-size: .9em;
    color: #ff7200;
    text-align: center;
    padding: 4px 20px 5px 10px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0;
    position: relative;
    border: none;
}

.form-click-call .buttons span, .form-click-chat .buttons span {
    overflow: hidden;
    display: block;
    position: absolute;
    bottom: 0;
    width: 66px;
}

.form-click-call .buttons span {
    right: 8px;
}

.form-click-chat .buttons span {
    right: 0px;
}

.form-click-call .buttons span:before {
    color: #ff7200;
    content: "\21";
    font-family: 'icomoon';
    line-height: 0;
    position: relative;
    left: 50px;
    top: 16px;
    z-index: 100;
}

.click-chat {
    background: #eaeaea url(../img/media/click-chat.png) no-repeat right 5px;
    padding: 10px;
    margin-bottom: 20px;
}

.click-chat .title, .form-click-chat .title {
    font: 2.7em/1 'RobotoCondensedBold';
    letter-spacing: -1px;
    color: #ff7200;
}

.click-chat a {
    display: inline-block;
    background-color: #fff;
    font-size: .9em;
    color: #ff7200;
    text-align: center;
    padding: 6px 20px 6px 10px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0;
    position: relative;
    margin-top: 10px;
}

.click-chat a:after {
    font-family: 'icomoon';
    content: "\21";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -5px;
    font-size: 1.1em;
}
/*  popin */

#popin {
}

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

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)" \9;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30) \9;    
}

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

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)" \9;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30) \9;    
}

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

#mypopin .popin-close {
    position: absolute;
    top: 210px;
    z-index: 10002;
    left: 50%;
    margin-left: 210px;
    color: #fff;
    background: url(../img/buttons/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;
}

#mypopin .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 5px 0;
}

#mypopin 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 'RobotoCondensedBold';
    color: #ff7200;
    font-weight: 400;
    width: 440px;
    margin: 0 0 5px 0;
    position:inherit; 
	right:inherit; 
	top:inherit; 
	float:none;
}

#mypopin article h1 {
    font: 2.2em/1 'RobotoCondensedBold';
    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 'RobotoCondensedBold';
    color: #7e7e7e;
    font-weight: 400;
    width: 440px;
    margin: 0;
    text-transform: none;
    float: none;
}

#mypopin article h2 {
    font: 1.8em/1 'RobotoCondensedBold';
    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: 440px;
    text-transform: none;
    float: none;
}

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

article ul {
    display: block;
    margin: 10px 0px;
    font: 1.2em/1.5 "Lucida Sans Unicode";
    color: #7e7e7e;
}

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

.faqs h2 {
    font: 2.200em/1 "RobotoCondensedBold";
    color: #ff7200;
    margin: 0 0 50px 0;
}

.faqs dl, .accordion {
    border-bottom: 1px solid #e2e0e0;
    margin-bottom: 0;
}

.faqs dl dt, .accordion dt {
    font: 1.600em/1 "RobotoCondensedBold";
    border-top: 1px solid #e2e0e0;
    padding: 7px 0;
    cursor: pointer;
    position: relative;
    padding-right: 40px;
}

.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: 12px;
}

.faqs .item-close, .accordion .item-close {
    color: #7e7e7e;
    font: 150%/1 "Lucida Sans Unicode";
}

.faqs .item-close:after, .accordion .item-close:after {
    content: "\24";
}

.faqs .item-open, .accordion .item-open {
    color: #ff7200;
    font: 150%/1 "Lucida Sans Unicode";
}

.faqs .item-open:after, .accordion .item-open:after {
    content: "\25";
}

.faqs .accordion dd {
    padding-left: 0px !important;
}

.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;
}
/* ==========================================================================
   5 - Colors
   ========================================================================== */

.orange {
    color: #ff7200;
}

.green {
    color: #23a11f;
}

.red {
    color: #f00;
}

.white {
    color: #fff;
}
/* ==========================================================================
   6 - Browsers fixs
   ========================================================================== */

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

.ie9 .form-click-call .buttons input, .ie9 .form-click-chat .buttons input {
    padding: 6px 20px 5px 10px;
}

.lt-ie9 .form-click-call .field-select select, .ie9 .form-click-call .field-select select {
    padding: 5px 0 5px 10px;
    width: 318px;
}

.lt-ie9 .checkfields span input {
    visibility: visible;
    height: 1px;
    width: 1px;
}

.lt-ie9 .radiofields .radio-item {
    background: transparent url(../img/bg/radiofields.png) no-repeat left top;
    border: none;
}

.lt-ie9 .radiofields .radio-item {
    width: 21px;
    height: 20px;
}

.lt-ie9 .radiofields .radio-item input {
    visibility: hidden;
    width: 0px;
}

.ie9 .radiofields .selected:before {
    margin-top: -4px;
}

.lt-ie9 .checkfields .selected:before, .lt-ie9 .radiofields .selected:before {
    font-size: 1.250em;
}

.lt-ie9 .radiofields .selected:before {
    margin-top: -6px;
    left: 6px;
}

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

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

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

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

.lt-ie9 .side-search .field-select select {
	padding: 6px 0px 10px 0px;
}
.lt-ie9 aside article.main input[type="text"] {
	padding: 6px 0 0 0;
	height: 24px;
}
.ie9 .side-search .field.select span, .lt-ie9 .side-search .field.select span {
	height: 27px;
	margin: 2px 0 0 -24px;
}
.lt-ie9 .side-search .field.select select {
	vertical-align: middle;
	padding-top: 0;
}

/* ==========================================================================
   7 - Helpers
   ========================================================================== */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    left: -2555px;
    position: absolute;
    visibility: hidden;
}

.hide {
    display: none;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   8 - Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #555555 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    .fin{
        page-break-before-top: always;
    }

    a, a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }
/*
    Don't show links for images, or javascript/internal links
*/

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: .5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}


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

@media screen and (min-width: 0px) and (max-width: 800px) {
.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; }
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 'RobotoCondensedBold';
    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;
}

}

p.under-text {
    margin: 0 0 0 0;
}

p.under-text p{
    margin-bottom: 0px;
}

h2.big{
    margin: 0 0 15px 0;
}

/* When you have a hammer everything looks like nails */

@media screen and (max-width: 800px) {

    .field.select .dropdown {
        border: 1px solid #cdcdcd;
        float:none;
        height: 28px;
        line-height: 28px;
        display: inline-block;
        overflow: hidden;
        position: relative;
    }
    
    .field.select label {
        
        margin-top: -25px;
    }
    
    .text-item input {
    
        display: inline-block;
        font: 1.3em/1em "Lucida Sans Unicode";
        height: 26px;
        text-indent: 0.5em;
        line-height: 26px;   
    }
    
    .third-col input {
        
        float: none;
    }
    
    #main > section { margin-bottom: 0; }

    .site, .x1kl {
        width: auto;
        padding: 0;
    }
    
    section.automovel {
        height: auto;
    }
    
    .printPessoalBody h1 {
        position: absolute;
        font: 400 1.8em/1 'RobotoCondensedBold' !important;
    }
    
    h1.titulo-simulador{
        position: relative !important;
        text-align: left !important;
        margin: 0 0 0 0 !important;
    }
}



/*FIN*/



.fin {
    font-family: Arial, sans-serif;
    font-size: 10pt;
    text-align: left;
}

.fin .top {
    font-size: 11pt;
    padding-bottom: 30px;
}

.fin .top .title {
    margin-top: 20px;
    text-align: center;
    color: #000;
}

.fin .top .title p {
    margin-bottom: 0px;
}

.fin .top .title p strong {
    color: #ff7200;
}

.fin img {
    height: 48px;
}

.fin span {
    color: rgb(0, 51, 102) !important; 
    vertical-align: bottom;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
}

.fin table.custom-fin {
    font-family: Arial,sans-serif; 
    font-size: 10pt;
    border: 1px solid #000000 !important;
}

.fin table.custom-fin > tbody > tr > td {
    padding: 5px;
    border-right: 1px solid #000000 !important;
    padding-left: 3px;
    text-align: left;
}

.fin table.custom-fin > tbody > tr > td.header:first-child {
    background: rgb(0, 51, 102) !important;
    color: #ffffff !important;
}

.fin table.custom-fin > tbody > tr > td:first-child {
    background: rgb(217, 217, 217) !important;
    width: 25%;
}

.fin table.custom-fin > tbody > tr > td.content:first-child {
    background: #ffffff !important;
}

.fin table.custom-fin > tbody > tr > td.text-indent-1 {
    text-indent: 12px;
}

.fin table.custom-fin > tbody > tr > td.text-indent-2 {
    text-indent: 24px;
}

.fin table.custom-fin  tbody  tr  td {
    color: #000;
}