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

/*__INDEX_____________________________________________________________________ 

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

		3 - BPI Fonts and Icons

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

		7 - Helpers 

		8 - Print styles

*__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 }
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: -.5em }
sub { bottom: -.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;
    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: 0
}
*: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;}

select{ -webkit-appearance:none;}

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

@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;}
@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{
*/
.icon-plus,
.icon-search,
.icon-arrow-right,
.icon-arrow-left,
.icon-arrow-down,
.icon-arrow-up,
.icon-close,
.icon-facebook,
.icon-twitter,
.icon-bullet,
.icon-checkmark {
    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-plus:before { content: "\2b";}
.icon-search:before { content: "\23";}
.icon-arrow-right:before { content: "\21";}
.icon-arrow-left:before { content: "\22";}
.icon-arrow-down:before { content: "\24";}
.icon-arrow-up:before { content: "\25";}
.icon-close:before { content: "\26";}
.icon-facebook:before { content: "\27";}
.icon-twitter:before { content: "\28";}
.icon-bullet:before { content: "\29";}
.icon-checkmark:before { content: "\30";}


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

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

#header {
    height: 140px;
    position: relative;
    z-index: 10000;}
#bpi-logo {
    display: block;
    width: 236px;
    height: 43px;
    overflow: hidden;
    position: absolute;
    top: 15px;}
/* Language menu */
#language {
    position: absolute;
    right: 0px;
    top: 22px;
    border-left: 1px solid #d6d4cf;
    border-right: 1px solid #d6d4cf;
    padding: 0 20px;
    font-size: 1.200em;
    text-transform: uppercase;}
#language dl,
#textsize dl {
    height: 15px;
    display: block;}
#language dd a:before {
    content: "\2e";
    line-height: 0;
    padding: 0 2px;}
#language dt + dd a:before { display: none;}
#language a {
    color: #acacac;
    display: block;}
#language .current a { color: #ff6600;}
#private #language .current a { color: #0077bc;}
#language dd,
#textsize dd {
    float: left;
    margin: 0px;}
#textsize dd {
    border-right: 1px solid #c5c5c5;
    height: 15px;}
#textsize dt + dd { border-left: 1px solid #c5c5c5;}
#textsize a {
    font-size: .750em;
    color: #777;
    font-weight: 700;
    padding: 0 5px;
    line-height: 20px;
    display: block;}
#textsize dt + dd a {
    font-size: .625em;
    line-height: 22px;}
#textsize dd + dd + dd a {
    font-size: .875em;
    line-height: 20px;}
/* sub areas menu */
#menu-areas {
    position: absolute;
    left: 0;
    top: 74px;
    font-size: 1.200em;
    line-height: 1em;
    text-transform: uppercase;}
#menu-areas li {
    float: left;
    border-left: 1px solid #a49c8e;
    display: inline-block;
    height: 10px;}
#menu-areas a {
    display: block;
    color: #101f53;
    padding: 0 5px;}
#private #menu-areas a { color: #605e5c;}
#menu-areas li:first-child { border: none;}
#menu-areas li:first-child a { padding-left: 0;}
#menu-areas a:hover { color: #ff6600;}
#menu-areas .current a {
    color: #ff6600;
    border-color: #ff6600;}
#private #menu-areas .current a {
    color: #0077bc;
    border-color: #0077bc;}


/*print exception*/

.print-area {display: none;}


/* search */
.simple-search {
    position: absolute;
    right: 0px;
    top: 64px;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    padding: 5px 0;
    z-index: 1000;
    width: 223px;}
.simple-search input[type=text],
.simple-search label {
    font-size: 1.300em;
    color: #a4a4a6;
    border: none;
    padding: 0;
    display: inline-block;
    width: 176px;
    height: 18px;
    padding-left: 10px;
    margin-left:1px;}
.simple-search label {
    position: absolute;
    top: 5px;
    text-transform: uppercase;
    line-height: 1.300em;}
.simple-search fieldset span {
    right: 10px;
    overflow: hidden;
    position: absolute;
    top: 4px;
    display: block;
    width: 19px;
    height: 19px;}
.simple-search fieldset span:before {
    color: #a4a4a6;
    content: "\23";
    font-family: 'icomoon';
    font-size: 1.700em;
    line-height: 1.5em;}
.simple-search input[type=submit] {
    background: transparent;
    border: none;
    cursor: pointer;
    display: block;
    position: absolute;
    text-indent: -9000px;
    right: 0;
    top: 0;
    width: 19px;
    height: 19px;
    box-shadow: inset;}
.simple-search .line {
    border-top: #d8d8d8 1px solid;
    margin: 8px 10px 0 10px;
    padding-top: 2px;
    display: block;}
.simple-search ul li {
    font-size: 1.3em;
    color: #a4a4a6;
    text-transform: capitalize;
    padding: 7px 0 7px 10px;
    cursor: pointer;}
.simple-search ul li:hover{ background: #f5f5f5;}
.simple-search ul .hover { background: #eaeaea;}
/* Main menu */
#menu {
    border: 1px solid #e26821;
    background-color: #ff6600;
    height: 15px;
    padding: 7px 0;
    line-height: 12px;
    position: relative;
    top: 109px;
    padding-left: 10px;
    width: 723px;
    z-index: 980;}
#private #menu {
    width: 946px;
    background-color: #0077bc;
    border: 1px solid #0077bc;}
#menu ul li {
    float: left;
    height: 15px;
    display: block;
    border-left: 1px solid #ff8e33;}
#menu ul li a {
    color: #fff;
    padding: 0 7px 3px 7px;
    display: block;
    font-size: 1.300em;
    line-height: 12px;
    border-left: 1px solid #e26821;}
#menu ul ul li { height:auto;}
#private #menu ul li { border-left: 1px solid #3392c8;}
#private #menu ul li a { border-left: 1px solid #065582;}
#menu ul li:first-child,
#menu ul li:first-child a,
#private #menu ul li:first-child,
#private #menu ul li:first-child a { border: none;}
#menu ul li:first-child ul { margin-left: -1px;}
#menu ul ul li:first-child ul { margin-left: 0;}
#menu ul li ul,
#menu ul li dl,
#menu ul li div .menuinfo,
#menu ul li div .menuhighlights { display: none;}
/* SUB MENUS */

#menu.priority { z-index: 1000;}
#menu ul:first-child .menuover > a {
    background-color: #fff;
    color: #ff6600;
    padding: 13px 7px 8px 8px;
    margin-top: -13px;
    border: none;
    -ms-box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1000;}
#menu ul:first-child .menuover:first-child > a { padding: 13px 7px 8px 7px;}
#menu ul:first-child .menuover > a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -15px;
    background: #fff;
    left: -10px;
    right: -10px;
    height: 15px;}
#menu ul .menuover .submenu {
    background: #fff;
    padding: 28px 20px;
    position: absolute;
    width: 940px;
    left: -10px;
    min-height: 200px;
    -ms-box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);}
#menu ul .menuover .submenu ul,
#menu ul .menuover .submenu dl {
    display: block;
    width: 215px;
    margin-left: 8px;}
#menu ul .menuover .submenu > dl + dl{ margin-top:20px;}
#menu ul .menuover .submenu > dl ul{
    position: absolute;
    top: 28px;}

#menu ul .menuover .submenu ul ul,
#menu ul .menuover .submenu dl ul { visibility: hidden;}
#menu ul .menuover .submenu li,
#menu ul .menuover .submenu dt,
#menu ul .menuover .submenu dd {
    margin: auto;
    float: none;
    padding: 0;
    border: none;
    display: block;
    padding: 5px 0;
    min-width: 100px;}
#menu ul .menuover .submenu dt {
    font-size: 17px;
    color: #ff6600;}
#menu ul .menuover .submenu li a,
#menu ul .menuover .submenu dd a {
    display: inline;
    color: #666;
    padding: 0;
    border: none;}
#menu ul .menuover .submenu li a:hover {
    display: inline;
    color: #666;
    padding: 0;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: static;}
#menu ul .menuover .submenu dd li a { color: #99999b;}
#menu ul .menuover .submenu .submenuover li a:hover,
#menu ul .menuover .submenu .menuinfo dd a:hover,
#menu ul .menuover .submenu .submenuover > a { color: #ff6600;}
#menu ul .menuover .submenu .submenuover ul,
#menu ul .menuover .submenu .submenuover dl {
    left: 230px;
    display: block;
    visibility: visible;}
#menu ul .menuover .submenu .menuinfo {
    position: absolute;
    top: 28px;
    right: 256px;
    width: 214px;
    display: block;
    padding-left: 10px;
    border-left: 1px solid #eaeaea;}
#menu ul .menuover .submenu .menuinfo dl {
    top: 0;
    position: relative;
    padding-top: 20px;}
#menu ul .menuover .submenu .menuinfo dl:first-child { margin-top: -20px;}
#menu ul .menuover .submenu .menuhighlights {
    position: absolute;
    top: 28px;
    right: 11px;
    width: 225px;
    display: block;}
#menu ul .menuover .submenu .menuhighlights ul {
    margin: 0;
    padding: 0;
    position: relative;
    width: auto;
    top: auto;}
#menu ul .menuover .submenu .menuhighlights li {
    position: relative;
    width: 200px;
    height: 129px;
    margin: 0;
    list-style: none;
    padding: 0;
    overflow: hidden;
    margin-bottom: 20px;}
#menu ul .menuover .submenu .menuhighlights li strong {
    position: absolute;
    top: 0;
    font: 2.800em/.938em "tradegothicbold";
    font-weight: 400;
    color: #ff6600;
    margin: 0;
    padding: 10px 20px;
    letter-spacing: -1px;
    display: block;}
#menu ul .menuover .submenu .menuhighlights li a {
    display: block;
    background-color: #ff6600;
    font-size: 1.100em;
    color: #fff;
    text-align: center;
    padding: 6px 10px;
    cursor: pointer;
    text-transform: uppercase;
    float: left;
    bottom: 10px;
    left: 20px;
    position: absolute;
    height: auto;}
#menu ul .menuover .submenu .menuhighlights li > a:first-child {
    padding:0;
    float:none;
    left:0;
    bottom:0;
    font-size:1em;
    text-align: left;
    text-transform:none;
    position:relative;}
#menu ul .menuover .submenu .menuhighlights li > a:after { display:none;}
#menu ul .menuover .submenu .menuhighlights li 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;
    padding-left: 3px;}
#menu ul .menuover .submenu .menuhighlights li a:before {
    content: " ";
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    position: absolute;
    left: -1px;
    top: -347px;
    width: 232px;
    height: 400px;
    margin-left: -20px;}


/***********************/

#board {
    width: 225px;
    position: absolute;
    right: 0px;
    top: 105px;
    z-index: 990;}
#menu-links .menu-links {
    width: 227px;
    position: relative;}
#menu-links li {
    background-color: #a4a4a6;
    float: left;}
#menu-links li a {
    font-size: 1.200em;
    line-height: 14px;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 18px;
    display: block;
    letter-spacing: 1px;
    width: 77px;
    position:relative;}
#menu-links li a:before {
    content: "|";
    color: #8a898a;
    position: absolute;
    left: -3px;
    font-size: 1.400em;}
#menu-links li:first-child a:before { display: none;}
#menu-links li:first-child a { width: 76px;}
#investment #menu-links li a,
#investment-center #menu-links li a { width: 189px;}
#menu-links .menu-links li a:after {
    font-family: 'icomoon';
    content: "\24";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    padding: 2px 0 0 6px;
    font-size: .800em;
    position: absolute;}
#investment #menu-links li a:after,
#investment-center #menu-links li a:after { right: 10px;}

#menu-links li .wraper { display: none;}
 #menu-links .boardMenuActive .wraper { display: none;} 

#menu-links .menu-links > .boardMenuActive {
    background-color: #fff;
    -webkit-box-shadow: 1px 2px 17px -2px #888;
    -moz-box-shadow: 1px 2px 17px -2px #888;
    box-shadow: 1px 2px 17px -2px #888;}
#menu-links .boardMenuActive a {
    color: #ff6600;
    border: none;
    position:relative;
    background:#fff;
    z-index:100000;}    
#menu-links .boardMenuActive .wraper {
    display: block;
    width: 256px;
    position: absolute;
    left: -20px;
    z-index: 10000;
    margin-top: -6px;}
#menu-links .boardMenuActive .wraper .submenu-links {
    display: block;
    background-color: #fff;
    border-top: none;
    -webkit-box-shadow: 1px 5px 17px -2px #888;
    -moz-box-shadow: 1px 5px 17px -2px #888;
    box-shadow: 1px 5px 17px -2px #888;
    width: 196px;
    padding: 30px;}
#menu-links .boardMenuActive .wraper .submenu-links li {
    background: none;
    float: none;
    padding-bottom: 8px;}
#menu-links .boardMenuActive .wraper .submenu-links li a {
    font-size: 1.3em;
    color: #747476;
    width: auto;
    text-transform: none;
    padding: 0;
    letter-spacing: normal;}
#menu-links .boardMenuActive .wraper .submenu-links li a:hover { text-decoration: underline;}
#menu-links .boardMenuActive .wraper .submenu-links li a:after { display: none;}
#menu-links .boardMenuActive a:before,
#menu-links .boardMenuActive + li a:before { display: none;}
.quick-access {
    background-color: #a4a4a6;
    font-size: 1.100em;
    line-height: 1;
    color: #fff;
    padding: 10px 18px 14px 18px;
    display: block;
    position:relative;}
.quick-access:after {
    content: " ";
    border-top: 1px solid #82807f;
    border-bottom: 1px solid #adadaf;
    width: 100%;
    display: block;
    margin-top: 16px;
    margin-bottom: -15px;
    position:relative;}
.quick-access-destaque + .quick-access + .quick-access:after { display: none;}
.quick-access + .quick-access + .quick-access:after { display: none;}
.quick-access strong {
    font-size: 1.200em;
    color: #515151;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    display:block;}
.quick-access p { margin: 0 0 4px 0;}
.quick-access a {
    color: #666;
    display: block;
    padding-right: 20px;
    position: relative;
    color: #fff;}
.quick-access strong:after {
    content: "\21";
    font-family: 'icomoon';
    float: right;
    display: inline-block;
    border-radius: 45px;
    color: #a4a4a6;
    font-size: .6em;
    line-height: 1em;
    background-color: #747476;
    -ms-box-shadow: inset 1px 1px 2px #636365, inset -1px -1px 2px #909093;
    -moz-box-shadow: inset 1px 1px 2px #636365, inset -1px -1px 2px #909093;
    -webkit-box-shadow: inset 1px 1px 2px #636365, inset -1px -1px 2px #909093;
    box-shadow: inset 1px 1px 2px #636365, inset -1px -1px 2px #909093;
    width: 15px;
    height: 11px;
    text-align: center;
    padding: 4px 0 0 0;
    right: 18px;
    overflow: hidden;
    position: absolute;
    bottom: 14px;}
.quick-access a:hover { text-decoration: underline;}
.quick-access a:hover:after { text-decoration: none; color:#a4a4a6;}
.quick-access ul { display:none;}
.quick-access.selected {
    background-color:#fff;
    position:relative;
    -moz-box-shadow: 0 0 10px #d4d4d4;
    -webkit-box-shadow: 0 0 10px #d4d4d4;
    box-shadow: 0 0 10px #d4d4d4;
    padding-top:10px;
    display:block;}
.quick-access.selected:before { height:10px; display:block; margin-top:-24px;}
.quick-access.selected strong { color:#818181;}
.quick-access.selected > a {
    border-bottom:1px solid #ececeb;
    padding-bottom:12px;}
.quick-access.selected strong:after {
    content: "\24";
    background-color: #eaeaea;
    -ms-box-shadow: inset 1px 1px 2px #c8c8c8, inset -1px -1px 2px #fff;
    -moz-box-shadow: inset 1px 1px 2px #c8c8c8, inset -1px -1px 2px #fff;
    -webkit-box-shadow: inset 1px 1px 2px #c8c8c8, inset -1px -1px 2px #fff;
    box-shadow: inset 1px 1px 2px #c8c8c8, inset -1px -1px 2px #fff;
    top: 32px;}
.quick-access.selected a { color:#818181;}
.quick-access.selected ul {
    display:block;
    background-color:#fff;
    padding: 15px 18px 15px 18px;
    margin: 0 -18px -14px -18px;}
.quick-access.selected ul li a{
    color:#ff6600;
    padding:5px 0;
    border:none;}
.quick-access ul li a:hover { text-decoration:underline;}
.quick-access ul li a:after{ display:none;}
/* LOGIN */
.login {
    font-size: 1.100em;
    line-height: 1;
    color: #fff;
    padding: 8px 18px 16px 18px;
    display: block;
    margin-top: 38px;
    background: #979799;
    background: -moz-linear-gradient(top, #979799 0%, #a4a4a6 11%, #a4a4a6 87%, #979799 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #979799), color-stop(11%, #a4a4a6), color-stop(87%, #a4a4a6), color-stop(100%, #979799));
    background: -webkit-linear-gradient(top, #979799 0%, #a4a4a6 11%, #a4a4a6 87%, #979799 100%);
    background: -o-linear-gradient(top, #979799 0%, #a4a4a6 11%, #a4a4a6 87%, #979799 100%);
    background: -ms-linear-gradient(top, #979799 0%, #a4a4a6 11%, #a4a4a6 87%, #979799 100%);
    background: linear-gradient(to bottom, #979799 0%, #a4a4a6 11%, #a4a4a6 87%, #979799 100%);}
.login-no-padding {
    font-size: 1.100em;
    line-height: 1;
    color: #fff;
    display: block;
    margin-top: 38px;
    background: #979799;
    background: -moz-linear-gradient(top, #979799 0%, #a4a4a6 11%, #a4a4a6 87%, #979799 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #979799), color-stop(11%, #a4a4a6), color-stop(87%, #a4a4a6), color-stop(100%, #979799));
    background: -webkit-linear-gradient(top, #979799 0%, #a4a4a6 11%, #a4a4a6 87%, #979799 100%);
    background: -o-linear-gradient(top, #979799 0%, #a4a4a6 11%, #a4a4a6 87%, #979799 100%);
    background: -ms-linear-gradient(top, #979799 0%, #a4a4a6 11%, #a4a4a6 87%, #979799 100%);
    background: linear-gradient(to bottom, #979799 0%, #a4a4a6 11%, #a4a4a6 87%, #979799 100%);}
.login .current a { color: #4f4f4f;}
.login ul {
    display: block;
    width: 100%;
    overflow: hidden;
    height: 20px;}
.login ul li {
    float: left;
    border-left: 1px solid #bfbfc1;
    padding-left: 5px;
    margin-left: 5px;}
.login ul li:first-child { border: none;}
.login ul li a {
    font-size: 1.100em;
    line-height: 14px;
    color: #fff;
    display: block;
    text-align: right;
    text-transform: uppercase;}
.login ul li a:hover { text-decoration: none;}
.login ul li:first-child {
    padding: 0;
    margin: 0;}
.login fieldset {
    background-color: #f87529;
    border: 1px solid #e26821;
    border-radius: 5px;
    padding: 6px 8px 2px 8px;
    position: relative;
    z-index: 1000;
    height: 46px;
    background: #ff8138;
    background: -moz-linear-gradient(top, #ff8138 0%, #f16718 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8138), color-stop(100%, #f16718));
    background: -webkit-linear-gradient(top, #ff8138 0%, #f16718 100%);
    background: -o-linear-gradient(top, #ff8138 0%, #f16718 100%);
    background: -ms-linear-gradient(top, #ff8138 0%, #f16718 100%);
    background: linear-gradient(to bottom, #ff8138 0%, #f16718 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8138', endColorstr='#f16718', GradientType=0);
    margin-bottom: 3px;}
.login fieldset strong {
    font-size: 1.200em;
    display: block;
    text-align: left;
    margin: 0;
    padding: 0 0 4px 4px;
    display: block;
    white-space: nowrap;
    height: 14px;
    overflow: hidden;
    font-weight: 400;}
.login fieldset label {
    font-size: 1em;
    color: #a4a4a6;
    position: absolute;
    left: 13px;
    top: 29px;
    width: 135px;
    z-index: 1;}
.login fieldset input[type=text] {
    border-radius: 5px;
    border: none;
    font-size: 1em;
    color: #a4a4a6;
    padding: 3px 5px;
    position: relative;
    width: 135px;
    margin-right: 4px;
    top: 0;
    height: 14px;
    display: inline-block;
    float: left;
    border: 1px solid #ec6a01;}
.login fieldset .button {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 15px;
    padding: 4px 0 0 2px;
    background-color: #fd7e34;
    border-radius: 45px;
    color: #fff;
    text-align: center;
    -ms-box-shadow: inset 1px 1px 2px #e1702e, inset -1px -1px 2px #fc9138;
    -moz-box-shadow: inset 1px 1px 2px #e1702e, inset -1px -1px 2px #fc9138;
    -webkit-box-shadow: inset 1px 1px 2px #e1702e, inset -1px -1px 2px #fc9138;
    box-shadow: inset 1px 1px 2px #e1702e, inset -1px -1px 2px #fc9138;
    margin-right: -1px;
    overflow: hidden;
    float: right;}
.login fieldset input[type=submit] {
    background: none;
    border: none;
    width: 19px;
    height: 19px;
    margin-right: -1px;
    text-indent: -9000px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;}
.login fieldset .button:before {
    content: "\21";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: .700em;}
.login article a {
    padding-top: 4px;
    color: #fff;
    font-size: 1.1em;
    text-decoration: underline;}
/* SLIDER */

#focus {
    min-height: 313px;
    width: 100%;
    position: relative;
    left: 0;
    z-index: 10;
    overflow: hidden;
    margin-top: -12px;}
#focus .container li {
    float: left;
    width: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;}
#focus .container li img { display: inline;}
#focus .container li .wrapper {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -480px;
    width: 960px;
    text-align: left;}
#focus .container li .wrapper div {
    display: block;
    padding: 40px 20px;}
#focus .container li h2,
#particular #focus .container li h1 {
    font: 3.000em/1 "tradegothicbold";
    color: #777;
    display: block;
    margin: 0;}
#investment #focus .container li h2 {
    color: #fff;
    padding-bottom: 12px;}
#private #focus .container li h2 { padding-top: 20px;}
#focus .container li h1,
#particular #focus .container li h2 {
    font: 7.000em/.8 "tradegothicbold";
    color: #ff6600;
    letter-spacing: -2px;
    display: block;
    margin: 0 0 10px -3px;
    -webkit-text-shadow: 1px 1px white;
    -moz-text-shadow: 1px 1px white;
    -ms-text-shadow: 1px 1px white;
    -o-text-shadow: 1px 1px white;
    width: 446px;}
#private #focus .container li h1 {
    color: #fff;
    padding-top: 70px;}
#investment .container li h1 {
    color: #fff;
    vertical-align: bottom;
    display: table-cell;
    line-height: .900em;
    padding: 0 0 12px 0;
    height: 92px;}
#private .container li h1 {
    vertical-align: bottom;
    display: table-cell;
    line-height: .900em;
    padding: 0 0 12px 0;
    width: auto;
    text-indent: -3px;}
#focus .container li p {
    font: 1.800em/1 "tradegothicbold";
    color: #777;
    display: block;
    margin: 0 0 20px 0;}
#private #focus .container li p { margin: 0 0 10px 0;}
#focus .container li a {
    display: inline-block;
    background-color: #ff6600;
    font-size: 1em;
    color: #fff;
    text-align: center;
    padding: 8px 8px 8px 10px;
    text-transform: uppercase;}
#focus .container li .wrapper a:before {
    content: "";
    position:absolute;
    display:block;
    height:320px;
    left:-25%;
    right:-25%;
    top:0;}
#private #focus .container li a { background-color: #0077bc;}
#investment #focus .container li a {
    background-color: #fff;
    color: #ff6600;}
#focus .container li 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;
    padding-left: 3px;
    font-size: .9em;}
#focus .container li > a { padding:0;}
#focus .container li > a:after { display:none;}
#investment-center #focus .container li h1 { margin-top: 40px;}
#investment-center #focus .container li h2 {
    font-size: 3em;
    color: #fff;
    margin: 15px 0 20px 0;}
#investment-center #focus .container li a {
    background-color: #fff;
    color: #ff6600;}
#slider {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 312px;}
.subareas #slider { height: 263px;}
#items {
    width: 2000em;
    position: absolute;}
#items > li {
    float: left;
    overflow: visible;}
#items > li > .wrapper {
    margin: 0 auto;
    width: 940px;
    display: block;}
#navigation-wrapper,
#navigation {
    margin: -28px auto 0 auto;
    position: relative;
    width: 100px;
    left: -65px;}
#navigation {
    clear: both;
    text-align: center;
}
#navigation li {
    width: 10px;
    height: 10px;
    list-style: none;
    border-radius: 8px;
    border: 1px solid #ccc;
    margin: 5px 0;
    cursor: pointer;
    -ms-box-shadow: inset 1px 1px 3px #ccc;
    -moz-box-shadow: inset 1px 1px 3px #ccc;
    -webkit-box-shadow: inset 1px 1px 3px #ccc;
    box-shadow: inset 1px 1px 3px #ccc;
    display: inline-block;
    background: #e9e9e9;}
#navigation .active {
    background-color: #f16717;
    -ms-box-shadow: inset 0 1px 1px #f3ccb5;
    -moz-box-shadow: inset 0 1px 1px #f3ccb5;
    -webkit-box-shadow: inset 0 1px 1px #f3ccb5;
    box-shadow: inset 0 1px 1px #f3ccb5;
    border: 1px solid #b64300;}
#private #navigation .active {
    background-color: #0077bc;
    border: 1px solid #0077bc;}

#focus .container #items li .prestigio h1{
    font: 7.000em/1 "tradegothicbold";
    color: #515151;
    padding:40px 0 10px 0;}
#focus .container #items li .prestigio p{ color: #515151;}
#focus .container #items li .prestigio a { background-color:#515151;}


/* Home */

#content {
    width: 100%;
    /*overflow: hidden;*/
    padding-top: 27px;
    min-height:240px;}
#main {
    float: left;
    width: 720px;
    min-height: 360px;}
aside {
    float: right;
    width: 225px;
    padding-bottom: 44px;
    margin-top: 335px
}
#focus + #content #aside { margin-top: 0;}
/*positioning aside without slideshow*/
#aside .highlight {
    margin: 0 0 20px 0;
    float: none;
    height: 242px;}
.highlights {
    overflow: hidden;
    width: 100%;}
.highlights ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 738px;}
.highlights li,
.highlight,
.highlight-text,
.highlight-image {
    float: left;
    position: relative;
    width: 205px;
    height: 277px;
    margin: 0 20px 20px 0;
    list-style: none;
    padding: 11px 10px 20px 10px;
    background: #eaeaea;
    overflow: hidden;
    letter-spacing: -1px;}
.highlight-text,
.highlight-image { height: auto;}
.highlight-image {
    padding: 11px 10px;
	text-align:center;}
.highlight-text{ padding-bottom:35px;}
#investment .highlights li,
#investment-center .highlights li { height: 312px;}
#investment .highlights li + li +li +li { height: 285px;}
#private .highlights li {
    background: #eae9e8;
    background: -moz-linear-gradient(top, #eae9e8 0%, #a6a3a1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eae9e8), color-stop(100%, #a6a3a1));
    background: -webkit-linear-gradient(top, #eae9e8 0%, #a6a3a1 100%);
    background: -o-linear-gradient(top, #eae9e8 0%, #a6a3a1 100%);
    background: -ms-linear-gradient(top, #eae9e8 0%, #a6a3a1 100%);
    background: linear-gradient(to bottom, #eae9e8 0%, #a6a3a1 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae9e8', endColorstr='#a6a3a1', GradientType=0);}
.highlights li h3,
.highlight h2,
.highlight-text h3,
.highlight-image h3 {
    position: absolute;
    top: 10px;
    font: 2.800em/.938em "tradegothicbold";
    font-weight: 400;
    color: #ff6600;
    margin: 0;
    padding: 16px 10px;
    letter-spacing: -1px;
    width: 185px;
    text-align:left;}
#investment .highlights li h3,
#private .highlights li h3,
#investment-center .highlights li h3,
.highlight-text h3 {
    position: static;
    padding: 0 0 3px 0;}
#private .highlights li h3 { color: #fff;}
.highlights li img,
.highlight img {
    margin-bottom: 8px;
    width: 205px;}
.highlights li strong,
.highlight strong,
.highlight-text strong {
    color: #747476;
    font: 1.600em/1 "tradegothicbold";
    padding-bottom: 3px;
    display: inline-block;
    width: 204px;}
.highlights li p,
.highlight p,
.highlight-text p {
    margin: 0 0 15px 0;
    font-size: 1.300em;
    line-height: 1.100em;
    color: #747476;}
#private .highlights li p {
    color: #fff;
    margin-left: 0;}
.highlights li a,
.highlight a,
.highlight-text a,
.highlight-image a {
    display: block;
    background-color: #ff6600;
    font-size: .9em;
    color: #fff;
    text-align: center;
    padding: 8px 8px 8px 10px;
    cursor: pointer;
    text-transform: uppercase;
    float: left;
    bottom: 15px;
    position: absolute;
    letter-spacing: 0;}

.highlight a{padding: 8px 10px;}

.highlight-image a { 
    left:20px;}
#private .highlights li a {
    background-color: #fff;
    color: #0077bc;}
.highlights li a:after,
.highlight 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;
    padding-left: 3px;}
.highlights li a:before {
    content: " ";
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    position: absolute;
    left: -1px;
    top: -347px;
    width: 232px;
    height: 400px;
    margin-left: -20px;}
.highlights li + li + li + li { height: 242px;}

.highlight > a:first-child {
    padding:0;
    float:none;
    left:0;
    bottom:0;
    font-size:1em;
    text-align: left;
    text-transform:none;
    position:relative;
    background:none;}
.highlight > a:after { display:none;}

/* click-call */

.click-call {
    background: #ff6600 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 'tradegothicbold';
    color: #fff;
    letter-spacing: -1px;}
.click-call a {
    display: inline-block;
    background-color: #fff;
    font-size: .9em;
    color: #ff6600;
    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: #ff6600;
    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,
.form-click-chat .field input[type=text],
.form-click-chat .field label {
    font-size: 1em;
    color: #a4a4a6;
    border: none;
    padding: 0;
    display: inline-block;
    width: 195px;
    height: 27px;
    padding-left: 10px;}
.form-click-call .field-select {
    position: relative;
    overflow: hidden;
    background: #fff;
    width: 205px;
    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: 222px;}
.form-click-call .field-select:after {
    content: "";
    width: 20px;
    height: 27px;
    background: 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: #ff6600;
    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: #ff6600;
    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: #ff6600;
    content: "\21";
    font-family: 'icomoon';
    line-height: 0;
    position: relative;
    left: 50px;
    top: 16px;
    z-index: 100;}

/* click-chat */

.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 'tradegothicbold';
    letter-spacing: -1px;
    color: #ff6600;}
.click-chat a {
    display: inline-block;
    background-color: #fff;
    font-size: .9em;
    line-height: 1.2;
    color: #ff6600;
    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;}
.form-click-chat {
    background: #eaeaea url(../img/media/click-chat-2.png) no-repeat right 3px;
    padding: 10px;
    margin-bottom: 20px;}
.form-click-chat .chat-area {
    background: #fff;
    width: 205px;
    height: 110px;
    margin-top: 10px;}
.form-click-chat .buttons { position: relative;}
.form-click-chat .buttons a {
    display: inline-block;
    background-color: #ff6600;
    font-size: .9em;
    color: #fff;
    text-align: center;
    padding: 6px 20px 6px 10px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0;
    position: relative;
    margin-top: 10px;}
.form-click-chat .buttons input {
    display: inline-block;
    background-color: #ff6600;
    font-size: .9em;
    color: #fff;
    text-align: center;
    padding: 4px 20px 5px 10px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0;
    position: relative;
    border: none;}
.form-click-chat .buttons span:before {
    color: #fff;
    content: "\21";
    font-family: 'icomoon';
    line-height: 0;
    position: relative;
    left: 50px;
    top: 16px;
    z-index: 100;}

/* others */

.spotlight{
    font: 1.9em/1 'tradegothicbold';
    color: #ff6600;
    display:block;
    border-bottom:1px solid #dadada;
    border-top:1px solid #dadada;
    padding:10px 0;
    position:relative;
    margin-bottom:20px;}
.spotlight: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;
    font-size:.6em;
    position:absolute;
    right:0;
    top:50%;
    margin-top:-5px;}

.country-selection,
.currency-converter{
    background-color:#ececec;
    padding:10px 10px 15px 10px;
    margin-bottom:20px;}
.currency-converter legend,
.country-selection label{
    font: 2.2em/1 'tradegothicbold';
    color: #ff6600;
    display:block;
    margin-bottom:20px;}
.country-selection label{margin-bottom:10px;}
.country-selection .select,
.currency-converter .select{ 
	font-size:1.2em;
    width: 205px;
    color:#818181;
    margin-bottom:10px;}
.country-selection .select select,
.currency-converter .select select{width: 205px;}

.country-selection .formbutton,
.currency-converter .formbutton{ background-color:#ff6600;}

.js .currency-converter .formbutton{ display:none;}

.currency-converter label,
.currency-converter input[type=text]{
    border:none;
    padding:10px;
    color:#818181;
    width:150px;
    font-size:12px;
    margin-bottom:10px;}
.currency-converter label{ position:absolute;}
.currency-converter input[type=text] + span{
    text-transform:uppercase;
    color:#818181;
    font-size:1.2em;
    padding-left:5px;}

.currency-converter dl{ 
	position:relative;
    width:100%;
    overflow:hidden;}
.currency-converter dt{ 
	width:82px;
    float:left;
    padding: 0 15px 20px 0;
    text-align:center;
    padding-right:20px;}
.currency-converter dt + dd + dt{ padding: 0 0 20px 15px;}
.currency-converter dd{ 
	width:82px;
    margin:0;
    position:absolute;
    bottom: 5px;
    text-align:center;}

.currency-converter dt + dd{ left:0;}
.currency-converter dt + dd + dt + dd{ right:0; left:auto;}

.currency-converter dt:first-child{border-right:1px solid #c8c8c9;}

/* NEWS */

.news-teaser {
    position: relative;
    margin-bottom: 22px;
    margin-top: 35px;}
.news-teaser p {
    font-size: 1.100em;
    line-height: 10px;
    color: #9f9f9f;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 8px;
    text-transform: uppercase;}
.news-teaser p a { color: #ff6600;}
.news-teaser p 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;
    font-size: .900em;
    padding-left: 4px;}
.news-teaser h3 {
    margin: 0;
    padding: 0 0 5px;
    font: 2.000em/1 "tradegothicbold";
    color: #ff6600;
    border-bottom: 1px solid #dadada;
    margin-bottom: 5px;
    letter-spacing: -1px;}
.news-teaser ul { padding-bottom: 18px;}
.news-teaser ul li {
    border-bottom: 1px solid #dadada;
    padding: 0 0 8px 0;
    margin: 0 0 7px 0;
    font-size: 1.100em;
    color: #838383;
    line-height: 1.3;}
.news-teaser ul li a {
    color: #838383;
    display: block;
    position: relative;
    padding-right: 20px;}
.news-teaser ul li 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: -4px;
    font-size: .813em;}
.news-teaser ul li a strong {
    display: block;
    font-weight: 400;
    color: #4e4c4a;}
.news-teaser ul li a time {
    padding-top: 2px;
    color: #ff6600;
    display: block;
    font-size: .800em;}
/* exchange */

.exchange {
    width: 223px;
    background-color: #f4f4f4;
    border: 1px solid #dadada;}
.exchange .current a {
    background-color: #f4f4f4;
    border-right: 1px solid #dadada !important;
    border-left: 1px solid #dadada !important;
    padding-bottom: 1px;
    margin-left: -1px;
    color: #fe7f35;}
#private .exchange .current a { color: #0077bc;}
.exchange ul {
    background-color: #eaeaea;
    display: block;
    height: 25px;
    border-bottom: 1px solid #dadada;}
.exchange ul li {
    float: left;
    border-left: 1px solid #d5d4d4;
    height: 12px;
    margin-top: 7px;
    margin-right:-1px;
}
.exchange ul li:first-child { border-left: none;}
.exchange ul li a {
    font-size: 1.199em;
    line-height: 24px;
    color: #a8a8a8;
    display: block;
    height: 25px;
    padding: 0 12px;
    margin-top: -7px;
}
.exchange ul li a:after {
    font-family: 'icomoon';
    content: "\24";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: .800em;
    text-align: center;
    margin-top: -3px;
    display:block;
    visibility:hidden;}
.exchange .current a:after { visibility:visible;}
.exchange article { padding: 12px 18px 13px 18px;}
.exchange p {
    font-size: 1em;
    line-height: 10px;
    color: #9f9f9f;
    padding: 0;
    margin: 0;}
.exchange p a {
    color: #707070;
    float: right;}
.exchange p a span {
    display: inline-block;
    width: 13px;
    height: 12px;
    overflow: hidden;
    vertical-align: middle;
    margin-top: -2px;}
.exchange p a span:before {
    font-family: 'icomoon';
    line-height: 12px;
    content: "\2b";
    background: #707070;
    color: #fff;
    width: 12px;
    height: 12px;
    padding: 0;
    display: inline-block;
    font-size: 6px;
    border-radius: 90px;
    text-align: center;
    -webkit-font-smoothing: subpixel-antialiased;}
.exchange p a:hover { text-decoration: underline;}
.exchange article table {
    font-size: 1em;
    line-height: 10px;
    margin-bottom: 10px;
    width: 187px;}
.exchange article table th,
.exchange article table td {
    border-bottom: 1px solid #dadada;
    text-align: right;
    padding: 4px 3px;
    color: #707070;
    white-space: nowrap;}
.exchange article table thead th {
    text-transform: uppercase;
    color: #707070;
    font-weight: 400;
    font: 1em/1 "Lucida Sans Unicode", sans-serif;}
.exchange article table thead th:first-child { text-align: left;}
.exchange article table tbody th {
    text-transform: uppercase;
    text-align: left;
    color: #707070;
    font-weight: 400;
    white-space: nowrap;
    letter-spacing: -1px;}
.exchange .unavailable {
    text-align: center;
    padding: 30px 0;
    height: 65px;}
.exchange .unavailable span {
    display: block;
    background-color: #838383;
    color: #fff;
    width: 23px;
    height: 23px;
    margin: auto;
    margin-bottom: 5px;
    border-radius: 100%;
    -ms-box-shadow: inset 1px 1px 2px #5b5b5b, inset -1px -1px 2px #cbcbcb;
    -moz-box-shadow: inset 1px 1px 2px #5b5b5b, inset -1px -1px 2px #cbcbcb;
    -webkit-box-shadow: inset 1px 1px 2px #5b5b5b, inset -1px -1px 2px #cbcbcb;
    box-shadow: inset 1px 1px 2px #5b5b5b, inset -1px -1px 2px #cbcbcb;
    font-size: 1.700em;
    line-height: 1.300em;}
.exchange .unavailable p {
    color: #666;
    width: 100px;
    display: inline-block;
    line-height: 1.350em;}
/* footer */
#footer {
    width: 100%;
    overflow: hidden;
    background: #eae9e8;
    background: -moz-linear-gradient(top, #eae9e8 0%, #dadada 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eae9e8), color-stop(100%, #dadada));
    background: -webkit-linear-gradient(top, #eae9e8 0%, #dadada 100%);
    background: -o-linear-gradient(top, #eae9e8 0%, #dadada 100%);
    background: -ms-linear-gradient(top, #eae9e8 0%, #dadada 100%);
    background: linear-gradient(to bottom, #eae9e8 0%, #dadada 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae9e8', endColorstr='#dadada', GradientType=0);}
#footer #other-links {
    background-color: #e2dfdf;
    padding: 13px 20px 12px 0;
    height: 16px;
    font-size: 1.200em;
    line-height: 14px;}
#footer #other-links li {
    float: left;
    border-left: 1px solid #a4a4a4;
    padding-left: 10px;
    margin-left: 10px;
    height: 16px;}
#footer #other-links li:first-child {
    border: none;
    padding-left: 0;}
#footer #other-links li a { color: #ff6600;}
#private #footer #other-links li a { color: #0077bc;}
#footer #other-links li a:hover { text-decoration: underline;}
#footer #other-links .sites {
    position: absolute;
    right: -10px;
    top: -3px;
    z-index: 1000;
    height: 24px;}
#footer #other-links .sites dt {
    background-color: #f0f0f0;
    display: block;
    width: 200px;
    padding: 4px 12px;
    border-radius: 4px;
    color: #777;
    cursor: pointer;}
#footer #other-links .sites dt:after {
    content: "\24";
    font-family: 'icomoon';
    float: right;
    display: inline-block;
    border-radius: 45px;
    color: #fff;
    font-size: .6em;
    line-height: 1em;
    background-color: #c8c5c5;
    -ms-box-shadow: inset 1px 1px 2px #aba8a8, inset -1px -1px 2px #e5e1e1;
    -moz-box-shadow: inset 1px 1px 2px #aba8a8, inset -1px -1px 2px #e5e1e1;
    -webkit-box-shadow: inset 1px 1px 2px #aba8a8, inset -1px -1px 2px #e5e1e1;
    box-shadow: inset 1px 1px 2px #aba8a8, inset -1px -1px 2px #e5e1e1;
    width: 15px;
    height: 11px;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    right: 10px;}
#footer #other-links .sites dd { margin: 0;}
#footer #other-links .sites dt + dd a {
    padding-top: 8px;
    margin-top: -4px;}
#footer #other-links .sites dd a {
    background-color: #f0f0f0;
    display: block;
    width: 200px;
    padding: 4px 12px;
    color: #777;}
#footer #other-links .sites dd a:hover { background-color: #fff;}
#footer #site-links {
    clear: both;
    padding: 35px 0 0 0;
    width: 100%;
    overflow: hidden;}
#footer #site-links .wraper {
    padding: 0 0 16px 0;
    text-align: center;}
#footer #site-links li {
    width: 240px;
    display: inline-block;
    margin: 0 10px;
    text-align: left;
    vertical-align: text-top;}
#footer #site-links dl {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-bottom: 22px;}
#footer #site-links dl dt {
    font-size: 1.200em;
    color: #ff6600;
    margin-bottom: 15px;}
#private #footer #site-links dl dt { color: #0077bc;}
#footer #site-links dl dd {
    margin: 0;
    font-size: 1.200em;
    line-height: 1.300em;
    color: #7c7c7c;
    padding-bottom: 3px;}
#footer #site-links dl dd a {
    color: #747272;
    padding-left: 10px;
    display: inline-block;}
#footer #site-links dl dd:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 2.300em;
    -webkit-font-smoothing: antialiased;
    content: "\21";
    font-size: .583em;
    padding-right: 2px;
    vertical-align: top;
    position: absolute;}
#footer #site-links dl dd a:hover { text-decoration: underline;}
#footer #disclaimer {
    clear: both;
    text-align: center;
    padding: 10px 0;
    font-size: 1em;
    color: #7e7e7e;}
#footer #disclaimer a {
    color: #7e7e7e;
    text-decoration: underline;}
#footer #disclaimer a:hover { text-decoration: none;}
#footer #disclaimer .acessibility {
    background: url(../img/logos/acessibilidade.png) no-repeat right top;
    padding: 3px 25px 0 0;
    height: 17px;
    display: inline-block;
    vertical-align: middle;}
#header > .wraper,
#content > .wraper,
#footer .wraper {
    width: 960px;
    margin: auto;
    position: relative;}

/*  CONTENT */

.breadcrumb {
    height: 20px;
    margin-top: -18px;
    position: relative;
    z-index: 20;}
.breadcrumb ul { font: 1.100em/1.2 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans Condensed', sans-serif;}
.breadcrumb li {
    color: #ff6600;
    float: left;
    margin-left: 3px;}
.breadcrumb li:first-child { margin: 0;}
.breadcrumb li a { color: #8f8f8f;}
.breadcrumb li a:after { 
	content: "/";
    padding-left: 3px;}
/* Content */
.detail { margin-bottom: 80px;}
.detail header { margin-bottom: 30px;}
.detail header h1 {
    font: 3.800em/1 "tradegothicbold";
    color: #ff6600;
    margin: 22px 0 0 0;
    text-indent: -2px;
}
.detail header p {
    font-size: 1.400em;
    line-height: 1.200em;
    color: #666;
    margin: 1em 0;
}
#rentabilidade .detail header h1 { margin-bottom: 20px;}
#rentabilidade .detail header p {
    font-size: 1.300em;
    color: #818181;}
/* squaredlist */
.squaredlist {
    width: 735px;
    display: block;
    overflow: hidden;}
.squaredlist li {
    padding: 20px;
    float: left;
    width: 185px;
    height: 132px;
    margin: 0 20px 20px 0;
    position: relative;}
.squaredlist li h2 {
    font: 400 2.800em/1 "tradegothicbold";
    margin: -5px 0 0 -2px;
    color: #9a9a9c;
    display: block;
    width: 188px;}
.squaredlist li p {
    font-size: 1.300em;
    line-height: 1.100em;
    color: #9a9a9c;
    margin: 5px 0;}
.squaredlist li a {
    position: absolute;
    bottom: 20px;
    background-color: #a1a1a1;
    color: #fff;
    font-size: 1em;
    line-height: 1em;
    height: 10px;
    padding: 8px 21px 8px 10px;}
.squaredlist li 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;
    padding-left: 3px;
    position: absolute;
    right: 6px;}
.squaredlist .box-color01 { background-color: #ff6600;}
.squaredlist .box-color02 { background-color: #a4a4a6;}
.squaredlist .box-color03 { background-color: #006;}
.squaredlist .box-color04 { background-color: #e1dfdf;}
.squaredlist .box-color05 { background-color: #eee;}
.squaredlist .box-color01 h2,
.squaredlist .box-color01 p,
.squaredlist .box-color02 h2,
.squaredlist .box-color02 p,
.squaredlist .box-color03 h2,
.squaredlist .box-color03 p { color: #fff;}
.squaredlist .box-color01 a,
.squaredlist .box-color02 a,
.squaredlist .box-color03 a {
    color: #a1a1a1;
    background-color: #fff;}
/* content-section */
.content-section { margin: 30px 0 80px 0;}
.column {
    float: left;
    width: 225px;
    padding-left:10px;}
.column2 {
    float: left;
    width: 470px;
    padding-right:10px;}
.content-section > .column{
    border-right: #e2e0e0 1px solid;
    padding: 0 20px 0 0;
    margin-top: -9px;
    width: 215px;}
.content-section > .column + .column2 {
    padding: 0 0 0 20px;
    width: 460px;}
.content-section header h1 {
    font: 3.600em/1 'tradegothicbold';
    color: #ff6600;
    margin: 0 0 .500em 0;}
.content-section header h1 + img{ margin-top:-5px;}
.content-section header p {
    font-size: 1.400em;
    line-height:1.2em;
    color: #666;}
.content-section header a{ color: #666;}
.content-section header a:hover{ text-decoration:underline;}
.links { margin-top: 15px;}
.column .links { margin-top: 26px;}
.links a {
    background: #006;
    font: .9em/1em "Lucida Sans Unicode", sans-serif;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin-top: 5px;
    padding: 10px 20px 10px 9px;
    position: relative;
    padding-right: 20px;
    width: 230px;}
.column .links a { width: 184px;}
.links a:first-child { margin-top: 0;}
.links 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: 49%;
    margin-top: -5px;
    font-size: 1.1em;}
.content-section .banner,
.info-links {
    margin-top: 15px;
    width: 100%;
    overflow: hidden;
    padding-bottom: 1px;}
.info-links strong {
    font: 1.800em/1 'tradegothicbold';
    color: #666;
    text-transform: uppercase;
    margin: 1em 0 .5em 0;
    display: block;
    letter-spacing:-1px;}
.info-links p{
    color: #666;
    font-size:1.1em;}
.info-links ul {
    display: block;
    width: 215px;
    float: left;
    margin-left: 20px;}
.info-links strong + ul,
.info-links p + ul { margin-left: 0;}
.info-links ul li {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding: 8px 0;
    font-size: .9em;
    color: #666;
    line-height: 1.3;
    margin-bottom: -1px;
    display: block;}
.info-links ul li a {
    color: #666;
    display: block;
    position: relative;
    padding-right: 25px;
    text-transform: uppercase;
    font-family: "Lucida Sans Unicode", sans-serif;
}
.info-links ul li a:hover { text-decoration: underline;}
.info-links ul li 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: 1em;}
.page-tools{
    margin-top:25px;}
.page-tools a{
    display:inline-block;
    position:relative;
    margin-bottom:15px;}
.page-tools > a:before{
    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;
    padding-left: 3px;
    font-size: .9em;
    margin-top: 1px;
	float: right;
}
.page-tools > a{
    background-color:#a4a4a6;
    color:#fff;
    margin-right:10px;}
.page-tools dl,
.page-tools dt,
.page-tools dd{
	display:inline-block;
    margin:0;
    background-color:#e4e4e4;
    color:#a4a4a6;
    text-transform:uppercase;
    vertical-align: middle;}
.page-tools dl{ 
	padding:8px 5px 8px 10px;
}
.page-tools dt{ padding-right:10px;}
.page-tools dd a{ 
	padding:0 8px;
    margin:0;
    color:#a4a4a6;}
.page-tools dd a:after{
    content: "|";
    color: #c4c4c5;
    position: absolute;
    left: -3px;
    font-size: 1.2em;}
.page-tools dd a:before{ 
	font-size: 1.2em;
    vertical-align:middle;}
.page-tools dd a span{
    position:absolute;
    left:-20000px;}
.detail .page-tools dl{ float:right;}

.fullsize .text { border-bottom: 1px solid #e2e0e0;}

.text h2:first-child{
    padding:0;}

.text h2 {
    margin: 0 0 10px 0;
    font: 1.8em/1 'tradegothicbold';
    color: #ff6600;
    padding-top:10px;}
.text h3 {
    font-size: 1.3em;
    display: block;
    color: #666;}
.text > h4:first-child { margin-top: -5px;}
.text > p:first-child { margin-top: -4px;}
.text img { margin-bottom: 20px;}
.text img + img { margin-left: 30px;}
.text p,
.text li {
    font-size: 1.3em;
    line-height: 1.3em;
    color: #666;}
.text p { margin:.8em 0 1.2em 0;}
.text a {
    color: #818181;
    text-decoration: underline;}
.text p a:hover { text-decoration: none;}
.text li { margin: 0 0 0 1em;}
.text li p {
    font-size: 1em;
    line-height: 1.3em;}

.text dl {
    font-size: 1.3em;
    line-height: 1.3em;
    color: #666;}
.text dl dt {
    font-weight: 700;
    padding-top: 10px;}
.text dl dd { margin: .2em 0 .2em 1em;}
/* Em termos de formatação de texto faz sentido q exista uma margem no fundo */
.text ul,
.text ol,
.text dl { margin-bottom: 20px; }
/* */
.text ul li:before,
.text dl dd:before,
.slider-item-content ul li:before{
    content: " ";
    display: block;
    width: 0;
    height: 7px;
    border-left: 7px solid #ff6600;
    margin: 5px 0 0 -12px;
    float: left;}
.text ol li {
    list-style: decimal;
    margin-left: 20px;}
.text .understatement {
    font: 1.750em/1.1em 'tradegothicbold';
    color: #a4a4a6;
    margin-top: 10px;
    display: inline-block;
    font-weight: 700;}
.text .understatement + h2{ 
	margin-top:25px;
    padding-top:0;}
.text table {
    margin-bottom: 20px;
    font-size: 1.3em;
    color: #666;}
.text .table thead th,
.text table thead th {
    background-color: #cdcdce;
    border: 1px solid #f6f6f6;
    padding: 10px;}
.text .table tbody th,
.text .table tbody td,
.text table tbody th,
.text table tbody td {
    background-color: #ececec;
    font-weight: 400;
    border: 1px solid #f6f6f6;
    padding: 7px 10px;
    line-height: 1em;
}
.text .table tbody th,
.text .table tbody td:first-child{ text-align: center;}
.text table tbody th{ font-weight: 700;}

.text .smalltext { font-size: .8em;}

.text table tbody td li{
    font-size: 1em;
    line-height: 1em;
    color: #666;
    margin-bottom:5px;
}
.text table tbody td li:before{ margin-top:4px;}

.text figure{ margin-right:20px;}
.text figure figcaption{
    margin-bottom:10px;
    font-weight:700;
    color:#818181;}
.text figure img{ margin:0;} 

#private .breadcrumb li,
#private .detail header h1,
#private .text h2,
#private .text h3,
#private .pagetab ul:first-child .current a{ color:#0077bc;}

#private .text ul li:before, 
#private .text dl dd:before, 
#private .slider-item-content ul li:before{ border-left-color:#0077bc;}

/* splitlist */

.splitlist{
    border-left: 1px solid #f6f6f6;
    margin: -22px 0 0 -21px;
    width: 500px;}
.splitlist .block { float: left;}
.splitlist .block.wide {
    width: 440px;
    background: #eeeeee;
    padding: 20px;
    margin-bottom: 20px;}
.splitlist .block h2 {
    font: 1.4em/1 "tradegothicbold";
    color: #ff6600;
    padding: 0 0 10px 20px;
    margin: 0;}
.splitlist .block.wide h2 {
    padding-left:0;
    width: 442px;
}
.splitlist li {
    float: left;
    width: 210px;
    min-height: 130px;
    margin: 0 10px 40px 0;
    position: relative;
    border-left: 1px solid #e3e1e1;
    margin-right: -1px;
    padding: 0px 20px 26px 20px;}
.splitlist .block.wide ul{
    overflow:hidden;
    margin-bottom:-20px;
    padding-left: 1px;
    width: 460px;}
.splitlist .block.wide li {
    border: none;
    width: 210px;
    padding: 0 20px 26px 0;}
.splitlist li h3 {
    font: 400 2.800em/1.1 "tradegothicbold";
    margin: -5px 0 0 -2px;
    color: #818181;
    display: block;}
.splitlist li p {
    font-size: 1.300em;
    line-height: 1.100em;
    color: #818181;
    margin: 5px 0;}
.splitlist .block.wide li p{ 
	/*margin-bottom:40px;*/
    width: 184px;
}
.splitlist li a {
    background-color: #ff6600;
    color: #fff;
    font-size: 1em;
    line-height: 1em;
    height: 10px;
    padding: 8px 8px 8px 10px;
    display: inline-block;
    position: absolute;
    text-decoration: none;
    bottom: 1px;}
.splitlist li 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;
    padding-left: 3px;
}
.splitlist li a:hover { text-decoration: none;}

/*PPR 6*/

.splitlist .block h2 {
    border-bottom: 1px solid #E2E0E0;
    font: 2.6em/1 "tradegothicbold";
    margin-bottom: 20px;
    width:460px;}
.accordion .splitlist{
    margin: 20px 0 0 0;
    overflow: hidden;
    width: 700px;
    font-size: .775em;}
.accordion .splitlist ul { margin:5px 0 0 -20px;}
.accordion .splitlist li:before { display:none;}

/* FAQS */

.faqs h2 {
    font: 2.200em/1 "tradegothicbold";
    color: #ff6600;
    margin: 0 0 50px 0;}
.faqs dl,
.accordion {
    border-bottom: 1px solid #e2e0e0;
    margin-bottom: 30px;}
.faqs dl dt,
.accordion dt {
    font: 1.800em/1 "tradegothicbold";
    border-top: 1px solid #e2e0e0;
    padding: 7px 0;
    cursor: pointer;
    position: relative;
    padding-right: 40px;}
.accordion.focus dt {font-size: 2.600em;}
.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: 10px;
    top: 50%;
    margin-top: -9px;
    font-size: .8em;}
.accordion.focus dt:after {font-size: .600em;}
.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: #ff6600;}
.faqs .item-open:after,
.accordion .item-open:after { content: "\25";}
.faqs .accordion dd { padding-left: 15px;}
.accordion dd {
    margin: 0;
    padding: 0 40px 10px 0;
    color: #a1a1a1;
    line-height: 1.5em;
}
.accordion .text {
    padding-top: 5px;
    margin-top: -5px;
}
.toolheader{
    text-align: right;
    padding: 10px 20px;
    background-color: #eaeaea;
    font-size: 1.300em;
    margin-bottom: 30px;
    color: #666;
}
.filters{
    text-align: right;
    font-size: 1.300em;
    color: #666;
}
.filters.left{ text-align: left;}
.toolheader ~ h2{ 
    border-bottom:1px solid #e2e0e0;
    padding-bottom:30px;
    margin-bottom:0;
}
.toolheader label,
.filters label{
    padding: 15px;
    font-weight: 700;
    vertical-align:middle;}
.toolheader .select,
.filters .select,
.country-selection .select,
.currency-converter .select{ 
	position: relative;
    height:38px;
    display:inline-block;
    vertical-align:middle;}
.country-selection .select,
.currency-converter .select{ height:30px;}
.js .toolheader .select select,
.js .filters .select select,
.js .country-selection .select select,
.js .currency-converter .select select{
    padding: 10px 28px 10px 10px;
    opacity: 0;
    position: absolute;
    z-index: 101;
    border: none;
    letter-spacing: 1px;}
.country-selection .select select,
.currency-converter .select select{ height:30px;}
.js .toolheader .select .drop-selected,
.js .filters .select .drop-selected,
.js .country-selection .select .drop-selected,
.js .currency-converter .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 .country-selection .select .drop-selected,
.js .currency-converter .select .drop-selected {padding: 8px 22px 8px 10px;}

.js .toolheader .select .drop-selected span,
.js .filters .select .drop-selected span,
.js .country-selection .select .drop-selected span,
.js .currency-converter .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,
.js .country-selection .select .drop-selected:after,
.js .currency-converter .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;}
.js .toolheader .formbutton{ display: none;}
.toolheader .formbutton,
.filters .formbutton { font-size:.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: 5px 28px 5px 8px;
    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;}


/*  popin */

#popin .overlay,
#slide-popin .overlay {
    background-color: #000;
    opacity: .3;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000;}
#popin .popin-close,
#slide-popin .popin-close {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 210px;
    z-index: 10002;
    left: 50%;
    margin-left: 210px;
    color: transparent;}
#slide-popin .popin-close {margin-left: 280px;}
#popin .popin-close:before,
#slide-popin .popin-close:before {
    content: "\24";
    position: absolute;
    font-size: 1.500em;
    color: #7e7e7e;
    left: 0;
    margin-top: -8px;}
#popin .popin-close:after,
#slide-popin .popin-close:after{
    content: "\25";
    position: absolute;
    font-size: 1.500em;
    color: #7e7e7e;
    left: 0;}
#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;}
#slide-popin .popin-content {
    background-color: #fff;
    padding: 0;
    position: absolute;
    width: 545px;
    min-height: 200px;
    z-index: 10001;
    top: 190px;
    left: 50%;
    margin-left: -236px;}

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

#popin .popin-content.video .video-desc{
    font-size:1.2em;
    padding-top:20px;
    color:#666;}
#popin .popin-content.video .video-desc a{color:#666;}

/* CONTENT TABS */

.pagetab ul:first-child {
    display: block;
    height: 85px;
    margin-bottom: 20px;}
.pagetab ul:first-child li {
    float: left;
    height: 12px;
    margin-top: 7px;
    width: 50%;}
.sepa ul:first-child {
    width:100%;
    display: table;}
.sepa ul:first-child li {
    display: table-cell;
    width: auto;
    float: none;}
.pagetab ul:first-child li:first-child { border-left: none;}
.pagetab ul:first-child li h2 {
    font-size:1em;
    margin:0;
    display: table;
    width: 100%;
   	height: 75px;}
.pagetab ul:first-child li a {
    font: 1.800em/1 "tradegothicbold";
    color: #a8a8a8;
    margin-top: 10px;
    background-color: #ebebeb;
    text-align: center;
    text-transform: uppercase;
    border-right: 1px solid #fff;
    border-left: 1px solid #EBEBEB;
    border-top: 1px solid #EBEBEB;

    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding:0;
    height: 75px;}
.pagetab ul:first-child li a:after {
    font-family: 'icomoon';
    content: "\24";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: .800em;
    text-align: center;
    display: block;}
.pagetab ul:first-child .current a {
    background-color: #f6f6f6;
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
    border-top: 1px solid #d5d4d4;
    color: #ff6600;
    margin-left: -1px;
    padding: 0px;
    height:85px;
    margin-top: 0px;
    text-align:center;}

.pagetab ul:first-child li:last-child a { border-right: none;}
.pagetab ul:first-child li:last-child.current a { border-right: 1px solid #DADADA;}
.pagetab-content .text h3 {
    color: #7e7e7e;
    margin: 0px 0 12px 0;
    padding-top:10px;
    font-size: 1.3em;
}
.pagetab-content .text h3.orange{
	color: #ff6600;
	font-size:1.8em;}
.pagetab-content .text h2 {
    padding-bottom: 7px;
    margin: 0;}
.pagetab-content .text .table {color: #848484;}
.pagetab-content .text .table tbody th,
.pagetab-content .text .table tbody td { padding: 7px;}
/*.pagetab-content .text ol li { color: #a1a1a1;}
.pagetab-content .text ol li p { color: #a1a1a1;}*/


/* Glossary Tabs */

.gloss ul:first-child {
    background-color: transparent;
    display: block;
    height: 20px;
    border: 0px none;
    margin-bottom: 30px;}
.pagetab ul:first-child {
    display: table;
    width: 100%;}
.pagetab ul:first-child li {
    display: table-cell;
    vertical-align: bottom;
    float: none;
    width: auto;
    border-bottom: 1px solid #DADADA;}
.pagetab ul:first-child li.current { border-bottom: 0;}
.gloss ul:first-child li { width: 11.11%;}
.gloss ul:first-child li a {
    font: 1em/1 "Lucida Sans Unicode", sans-serif;
    font-weight: 700;
    color: #a8a8a8;
    display: block;
    height: 20px;
    padding: 10px 0px 0 0px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    border: 0px none;}
.gloss ul:first-child li a:hover { text-decoration: none;}
.gloss ul:first-child li a:after { content: "";}
.gloss ul:first-child .current a {
    background-color: #ff6600;
    border: 0px none;
    color: #fff;
    margin-left: 0px;
    padding: 10px 0px 0 0px;
    height: 20px;}
.gloss ul:first-child li:last-child a { border-right: none;}
.gloss ul:first-child li:last-child.current a { border-right: none;}
.gloss .pagetab-content > p {
    font: 1.800em/1 "tradegothicbold";
    color: #ff6600;
    margin: 0 0 0 0;
    border-bottom: 1px solid #e2e0e0;
    padding: 7px 0;}
.pagetab.gloss ul:first-child li h2 { height:auto;}

/* Riscks */
.risks { margin-top: 75px;}
.risks table,
.technical {
    width: 100%;
    margin-bottom: 20px;
    font-size: 1.3em;
    color: #666;}
.risks table thead th {
    background-color: #cdcdcf;
    color: #666;
    font-family: "Lucida Sans Unicode", sans-serif;
    padding: 8px 0;}
.risks table th,
.risks table td,
.technical th,
.technical td { border: 1px solid #f6f6f6;}
.text .risk-info dl {
    font-size: 1.3em;
    line-height: 1.3em;
    color: #666;
    margin-bottom: 5px;}
.text .risk-info dt {
    display: block;
    float: left;
    color: #ff6600;
    padding-right: 10px;
    padding-top: 0;}
.text .risk-info dd {
    display: block;
    margin: 0;}
.text .risk-info dd:before { display: none;}
.text .risk-info .risk-rentability tbody th {
    padding: 0 10px;
    font-weight: 400;
    text-align: left;
    color: #666;}
.text .risk-info .risk-rentability tbody td,
.text .risk-classes tbody td {
    padding: 8px 5px;
    text-align: center;}
.text .risk-info .risk-rentability tbody tr * { background-color: #ececec;}
.text .risk-classes { margin-top: 20px;}
.text .risk-classes tbody th {
    font-weight: 400;
    color: #666;}
.text .risk-classes tbody th,
.text .risk-classes tbody td { 
	background-color: #f1f1f1;
    text-align:center;}
.text .rentability img { display: block;}
.text .rentability p:before {
    content: " ";
    display: inline-block;
    width: 0;
    height: 7px;
    border-left: 7px solid #ff6600;
    margin-right: 5px;}
.text .technical th,
.text .technical td {
    background-color: #e4e4e4;
    text-align: left;
    padding: 9px 15px;}
.text .technical th {
    font-weight: 400;
    background-color: #ececec;
    white-space: nowrap;}
.text .rentability-notes {
    font-size: 1.3em;
    line-height: 1.3em;
    color: #666;
    margin-bottom: 15px;
    font-weight: 700;
    margin-top: -5px;}
.text .rentability-notes dt {
    display: block;
    float: left;
    padding-right: 10px;
    padding-top: 0;}
.text .rentability-notes dd {
    display: block;
    margin: 0;}
.text .rentability-notes dd:before { display: none;}
.text .warning-info img { float: right;}

/*fundos de investimento*/

/*#investment-fund .column2 .text p {
    margin-top: 0;
    font-size: 1.1em;
    color: #818181;}*/
.text .treasury-fund {
    width: 100%;
    font-size: 1.1em;
    color: #666;
    margin-bottom: 20px;}
.commissions {
    width: 100%;}
.text .treasury-fund th {
    background: #cdcdce;
    padding:10px 4px;
    border: 1px solid #f6f6f6;
    font-weight:400;}
.text .treasury-fund td {
    background: #ececec;
    margin: 0;
    height: 40px;
    padding:8px 10px;
    text-align: center;
    border: 1px solid #f6f6f6;
    line-height: 1.2em;}
.text .treasury-fund td:first-child { text-align:left;}
.text .treasury-fund th + td {
    background: none;
    vertical-align: top;
    border: none;}
.content-section .treasury-fund td a { color: #666;}
.commissions th { height: 34px;}
.commissions th,
.commissions td { border-left: none;}

/*Quadro rentabilidades*/

.rentability-area p {
    color: #666;
    font-size: 1.2em;}
.text .rentability-area .board,
.text .rentability-area .risk-classes,
.text .quotation-board,
.text .grid-board{
    width: 100%;
    font-size: 1.2em;
    color: #666;
    margin-bottom: 20px;}
.text .rentability-area .risk-classes { width: 500px;}
.text .rentability-area .board thead th {
    color: #fff;
    background: #a4a4a6;
    padding: 10px 0;
    border: #f6f6f6 1px solid;
    font-weight: 400;}
.text .rentability-area .board thead th:first-child,
.text .rentability-area .board tbody th,
.text .rentability-area .board tbody td:first-child,
.text .rentability-area .board tbody th {
    color: #666;
    background: #cdcdce;
    padding: 10px;
    border: #f6f6f6 1px solid;
    text-align:left;
    width:200px;}
.text .rentability-area .board tbody td,
.text .quotation-board tbody td {
    color: #666;
    background: #ececec;
    padding: 12px 1px;
    border: #f6f6f6 1px solid;
    text-align: center;}
.text .quotation-board tbody td:first-child {text-align: center;}
.text .rentability-area .board tbody td:first-child a,
.text .quotation-board tbody th span {
    text-decoration: underline;
    line-height: 1.1em;
    color: #666;}
.text .rentability-area .risk-classes thead th,
.text .quotation-board thead th {
    color: #666;
    background: #cdcdce;
    padding: 12px 10px;
    border: #f6f6f6 1px solid;
    font-weight: 400;}
.text .quotation-board thead th { padding:10px;}
.text .quotation-board tbody th {
    font-weight: 400;
    background: #ececec;
    border: #f6f6f6 1px solid;}
.text .quotation-board tbody th a{ color:#666;}
.text .quotation-board tbody th a:hover{ text-decoration:none;}
.text .rentability-area .risk-classes tbody td {
    border: #f6f6f6 1px solid;
    padding: 15px 0;}

/* liabilities board */

.text .liabilities-board {
	width: 100%;
	font-size: 1.2em;
	color: #666;
	margin-bottom: 20px;}
.text .liabilities-board caption{
    font-weight:700;
    text-align:left;
    font: 1.600em/1 "tradegothicbold";
    color:#818181;
    margin-bottom:10px;}
.text .liabilities-board tbody th,
.text .liabilities-board thead th:first-child {
    text-align: center;
    padding-left: 0px;}
.text .liabilities-board tbody td {
    color: #666;
    background: #ececec;
    padding:15px 10px;
    border: #f6f6f6 1px solid;
    text-align: center;
    white-space:nowrap;}
.text .liabilities-board tbody td:first-child{ 
	text-align:left;
    white-space:normal;}
.text .liabilities-board tbody th span {
    text-decoration: underline;
    line-height: 1.1em;
    color: #666;}
.text .liabilities-board thead th {
    color: #666;
    background: #cdcdce;
    padding:15px 1px;
    border: #f6f6f6 1px solid;
    font-weight: 400;}
.text .liabilities-board tbody th {
    font-weight: 400;
    background: #ececec;
    border: #f6f6f6 1px solid;}
.text .liabilities-board .risk-classes tbody td {
    border: #f6f6f6 1px solid;
    padding: 15px 0;}

.text .liabilities-board  a {
	color: #666;
	text-decoration: underline;}

/* Information support */

.text .information-support,
.text .management-entity,
.text .simple {
	width: 100%;
	font-size: 1.3em;
	color: #666;
	margin-bottom: 40px;}
.text .simple { margin-bottom: 10px;}
.text .information-support thead th,
.text .management-entity thead th,
.text .simple thead th{
    color: #ffffff;
    background: #a4a4a6;
    padding: 10px;
    border: #f6f6f6 1px solid;
    font-weight: 400;}
.text .management-entity thead th,
.text .simple thead th{ text-align:left;}
.text .management-entity thead th span,
.text .simple thead th span{ 
    font-size: 1.231em;
    float:right;
    margin-top:-3px;}
.text .information-support tbody th,
.text .management-entity tbody th,
.text .simple tbody th{
    color: #666;
    background: #cdcdce;
	padding: 13px 0 13px 20px;
    border-left: #f6f6f6 1px solid;
    border-right: #f6f6f6 1px solid;
    text-align: left;
    font-weight: 400;
    border-top: none;
    border-bottom: none;}
.text .information-support tbody td,
.text .management-entity tbody td,
.text .simple tbody td{
    color: #666;
    background: #ececec;
    padding: 13px;
    border: #f6f6f6 1px solid;
    text-align: center;}
.text .information-support tbody td:first-child,
.text .management-entity tbody td:first-child,
.text .simple tbody td:first-child { 
	text-align:left;
    padding: 13px 13px 13px 20px;}
.text .management-entity tbody td,
.text .simple tbody td{ 
	text-align:left;
    padding: 13px 0 13px 23px;}
.text .information-support tbody th span,
.text .management-entity tbody th span,
.text .simple tbody th span{
    text-decoration: underline;
    line-height: 1.1em;
    color: #666;}

.text .information-support .risk-classes tbody td {
    border: #f6f6f6 1px solid;
    padding: 15px 0;}

.text .information-support a,
.text .management-entity a,
.text .simple a{
	color: #666;
	text-decoration: underline;}
.text .information-support a:hover,
.text .management-entity a:hover,
.text .simple a:hover{
	text-decoration: none;}

.text .management-entity + .date-filters,
.text .simple + .date-filters{ margin-top:-20px;}


/* grid-board */

.grid-board{ 
	background-color:#f2f2f2;
    border-collapse: separate;
    border-top:10px solid #f2f2f2;}
.grid-board th,
.grid-board td{ 
	padding:10px;
    text-align:center;}
.grid-board th{
    font-weight:400;
	border-left:1px solid #dfdddd;
    border-bottom:1px solid #dfdddd;
    font-size: 1.1em;}
.grid-board td{ 
	border-left:1px solid #dfdddd;
    border-bottom:1px solid #dfdddd;}
.grid-board th:first-child,
.grid-board td:first-child{ border-left:none;} 

.grid-board  a {
	color: #666;
	text-decoration: underline;}

/* Special */

.text .special{ 
	margin: 10px 0 -20px 0;
    font-size:1em;}
.text .special tbody th,
.text .special tbody td{
    vertical-align:text-top;
    text-align:left;
    background:none;
    padding:1px;
    border:none;}
.text .special tbody th{
    vertical-align:text-top;
    font: 1.800em/1 "tradegothicbold";
    text-transform:uppercase;
    width:150px;
    color:#5e5e5f;}
.text .special tbody td div{ 
	margin-bottom:40px; 
    border-left:2px solid #c2c2c2;
    padding-left:30px;
    margin-left:-4px;}
.text .special tbody th div{
    border:none;
    border-right:2px solid #c2c2c2;
    margin-bottom:40px;}
.text .special tbody td p{ font-size:1.1em;}
.pagetab .special ul{ 
	display:block;
    height:auto;
    margin:0;}
.pagetab .special ul li{
    display:block;
    margin:0;
    border:none;
    height:auto;
    font-size:1.3em;
    line-height:1.4em;}
.pagetab .special ul li:before{ display:none;}

/* PROVIDER */

.provider-info{ 
    color:#a4a4a6;
    line-height:1.2em;}
.provider-info h2{
    font: 1.8em/1 'tradegothicbold';
    text-transform:uppercase;
    display:block;
    border-bottom:1px solid #e2e0e0;
    text-align:justify;
    padding-bottom:8px;
    margin:40px 0 8px 0;
    white-space:nowrap;}
.provider-info strong{
    display:block;
    border-bottom:1px solid #e2e0e0;
    padding-bottom:8px;
    text-transform:uppercase;}
.provider-info ul{
    width:100%;
    overflow:hidden;
    padding-bottom:20px;
    border-bottom:1px solid #e2e0e0;
    margin:15px 0 20px 0;}
.provider-info ul li{
    display:block;
    border-left:1px solid #e2e0e0;
    float:left;
    height:25px;
    width:102px;
    padding-left:10px;}
.provider-info ul + p{ 
	margin:5px 0;
    font-size:1.1em;}
.provider-info ul li:first-child{
    border:none;
    padding-left:0;}
.provider-info .links{ margin:0;}

/* FORMS */

.formfields{
    background-color:#eee;
    padding:19px;}
.formfields legend{
    color:#ff6600;
    font-family: 'tradegothicbold';
    font-size:1.8em;
    padding-bottom:20px;
    display:block;
    letter-spacing:-.051em;
    }
.formfields .row{
    padding-bottom:10px;
    width:422px;
    overflow:hidden;}
.formfields .col{ 
	width:205px;
    float:left;
    padding-bottom:10px;}
.formfields .col + .col,
.formfields .col + .col + .col + .col{ float:right;} 
.formfields .col + .col + .col,
.formfields .col + .col + .col + .col + .col{ float:left;} 

.formfields input[type=text],
.formfields textarea{
    background-color:#fff;
    color:#818181;
    font-size:1.2em;
    padding:10px;
    display:block;
    border:none;
    width:402px;
    resize:none;}
.formfields .col input[type=text]{width:185px;}
.formfields label,
.formfields .label{
    position:absolute;
    color:#818181;
    font-size:1.2em;
    padding:10px;
    display:block;}
.formfields .sticky label,
.formfields .sticky .label{ 
	display:inline-block !important;
    position:static;
    padding:0 5px 0 0;
    vertical-align:middle;}
.formfields .forms-footer{ background-color:#0f0;}
.formfields .forms-footer p{
    font-size:1em;
    float:left;
    margin:7px 0 0 0;}
.formfields .forms-footer .buttons{ float:right;}


.formfields .selectfield label{display:none;}
.formfields .selectfield .select{ position: relative;}

.formfields .selectfield .select select {
    padding: 10px 28px 10px 6px;
    opacity: 0;
    position: absolute;
    z-index: 101;
    border: none;
    width: 206px;
    font-size: 1.2em;}
.formfields .selectfield .select .drop-selected {
    display: inline-block;
    background-color: #fff;
    padding: 12px 22px 12px 10px;
    position: relative;
    z-index: 100;
    text-align: left;
    font-size: 1.2em;
    color: #666;
    width: 173px !important;}
.formfields .selectfield .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: -8px 10px 0 0;
    z-index:10000;}
.js .formfields .selectfield .formbutton { display: none;}
.formfields .selectfield .formbutton { margin-left: 10px;}

.no-js .formfields .selectfield .select select { padding: 5px 10px;}
.no-js .formfields .selectfield .select .drop-selected { display: none;}

.formfields .row .smalltext{ font-size:1em;}
 
body .formfields .radiofields .radio-item + label{margin-left: -24px;}

body .checkfields .check-item,
body .radiofields .radio-item{
    background-color: #fff;
    cursor:pointer;
    vertical-align:middle;
    display:inline-block;
    width:21px;
    height:21px;
    overflow:hidden;}
body .radiofields .radio-item{ border-radius: 45px;}
body .checkfields .check-item input,
body .radiofields .radio-item input{ 
    vertical-align:middle;
    display:inline-block;
    cursor:pointer;
    margin-left:-1px;
    visibility:hidden;
    width:21px;
    height:21px;}
body .checkfields .check-item + label,
body .radiofields .radio-item + label{
    padding-left:25px;
    margin-left:-25px;
    cursor:pointer;
    position:relative;}
body .checkfields .selected:before,
body .radiofields .selected:before{
    font-family: 'icomoon';
    content: "\30";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 4px;
    top: 50%;
    margin-top: -6px;
    font-size: 1.1em;}
@-moz-document url-prefix() { 
  body .radiofields .selected:before{
     margin-top: -5px;
     font-size: 1em;
  }
}
body .checkfields .selected:before{ font-weight:700;}
body .radiofields .selected:before{ content: "\29";}

/* DATA Tables*/

.date.text-right{ 
	font-size:1em;
    color:#a4a4a6;
    margin:0;}
.data-content .data-filters,
.data-content .date-filters{
    display:block;
    height:37px;
    margin-bottom: 30px;}
.data-content .data-filters h2{ 
	color:#a4a4a6;
    font-size:3em;
    float:left;}
.data-content .date-filters{
    background-color:#e5e5e5;
    padding: 10px 20px;}
.data-content .date-filters legend + label{
    float:left;
    font-size:.856em;
    padding-top:12px;}
.data-content .data-notes{
    width:100%;
    overflow:hidden;
    background-color:#f2f2f2;}
.data-content .data-notes dl{
    display:inline-block;
    padding:20px;
    color:#a4a4a6;
    border-left:1px solid #f6f6f6;
    border-right:1px solid #f6f6f6;
    vertical-align:text-bottom;
    margin:0;
    margin-left:-4px;
    min-width:320px;}
.data-content .data-notes dt{
    font-weight:400;
    padding:0 0 5px 0;}
.data-content .data-notes dl dd{ margin:0;}
.data-content .data-notes dl dd:before{ display:none;}
.data-content .data-notes dl:first-child{ border-left:none;}
.data-content .data-notes dl:last-child{ border-right:none;}

.data-content .data-notes .notes dd{ font-size:.833em;}

.data-content .data-filters .select select,
.data-content .date-filters .select select{ padding:10px 28px 10px 10px;}

.js .data-content .data-filters .select .drop-selected,
.js .data-content .date-filters .select .drop-selected{ padding:12px 22px 12px 15px;}

.data-content .data-filters .field label,
.data-content .data-filters .field input { padding: 11px 20px 10px 10px;}

.data-content .data-filters .formbutton,
.data-content .date-filters .formbutton{ 
	padding: 12px 20px 12px 10px;
    height:38px;}

/* PAGINATION */

.pagination{ 
	text-align:center;
    font-size:1.4em;
    margin-bottom:45px;}
.pagination a{
    text-decoration:none;
    color:#a4a4a6;
    vertical-align:middle;
    letter-spacing:-1px;}
.pagination a:after{
    content: "/";
    color:#a4a4a6;
    margin-right:-2px;}
.pagination .selected{color:#666;}
.pagination .prev span,
.pagination .next span{ 
	text-indent:-90000px;
    display:inline-block;}

.pagination .prev:after,
.pagination .next:after{ display:none;}
.pagination .prev:before{ padding-right:4px;}
.pagination .next:before{ 
	background-color:#f6f6f6;
    margin-left:-8px;
    padding-left:8px;}

/*  APPS */

.itemlist{
    width:100%;
    overflow:hidden;
	margin-bottom:45px;}
.itemlist li{ 
	float:left;
    border-left:1px solid #e2e0e0;
    padding:10px;
    width:219px;
    color:#818181;
    margin-bottom:25px;
    height:374px;}
.itemlist li h2{
    font: 400 2.800em/1 "tradegothicbold";
    color: #ff6600;
    display: block;
    margin:8px 0;} 
.itemlist li p{ 
	font-size:1.3em;
    margin:0 0 10px 0;}
.itemlist li .info + a{
    background-color: #a1a1a1;
    color: #fff;
    font-size: 1em;
    line-height: 1em;
    height: 10px;
    padding: 8px 21px 8px 10px;
    position:relative;
    float:left;
    margin-bottom:10px;}
.itemlist li .info + 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;
    padding-left: 3px;
    position: absolute;
    right: 6px;}
.itemlist li .stores,
.stores{ 
	clear:both;
    padding:10px;
    background-color:#eaeaea;
    width:199px;
    overflow:hidden;}
.stores{ margin:35px 0 20px 0;}
.itemlist li .stores strong{ 
	display:block;
    text-transform:uppercase;
    padding-bottom:5px;
    color:#818181;
    font: 700 .9em/1 "Lucida Sans Unicode", sans-serif;}
.stores strong{
    font-size:1.8em;
    text-transform:uppercase;
    color:#ff6600;
    font: 1.8em/1.2 "tradegothicbold";
    padding-bottom:10px;
    display:block;}
.itemlist li .stores a,
.stores a{
    display:block;
    margin:5px 0;
    float:left;
    width:93px;
    height:30px;}
.stores a{
    display:block;
    margin:5px 0;
    width:120px;
    height:40px;}
.itemlist li .stores a + a{ float:right;}
.itemlist li .stores a + a + a{ float:left;}

.apps-list strong{
    font: 1.800em/1 'tradegothicbold';
    color: #666;
    text-transform: uppercase;
    margin: 1em 0 .5em 0;
    display: block;
    letter-spacing:-1px;}
.apps-list ul{
    display:block;
    border-top:1px solid #e2e0e0;}
.apps-list li{
    border-bottom:1px solid #e2e0e0;
    padding:5px 0;
    position:relative;}
.apps-list li a{
    color:#666;
    font-size:1.2em;
    display:block;
    height:41px;
    padding-right:77px;}
.apps-list li a img{
    margin-right:10px;
    height:41px;
    display:inline;
    position:absolute;}
.apps-list li a .link{
    vertical-align:middle;
    display:table-cell;
    height:42px;
    padding-left:48px;}
.apps-list li a .knowmore{ 
	display:inline-block;
    width:63px;
    border-left:1px solid #e2e0e0;
    padding:8px 0 8px 5px;
    vertical-align:middle;
    position:absolute;
    right:0;
    top:11px;
    text-transform:uppercase;
    font-size:.8em;}
.apps-list li a .knowmore:after{
    content: "\21";
    font-family: 'icomoon';
    padding-left:5px;}

.gallery.js-gallery{ 
	width:100%;
    overflow:hidden;
    height:410px;}
.gallery.js-gallery ul{
    width:90000px;
    display:block;
    overflow:hidden;}
.gallery ul li{
    margin:0;
    padding:0;}
.gallery ul li:before{ display:none;}
.gallery.js-gallery ul li{
    float:left;
    height:385px;}
.gallery + h3{ font:1.8em/1 'tradegothicbold';}
.gallery.js-gallery ul li img{ margin:0;}

.gallery.js-gallery .wrapper{height:385px;}
.gallery #nav{ 
	text-align:center;
    height:20px;}
.gallery #nav a {
    width: 10px;
    height: 10px;
    list-style: none;
    border-radius: 8px;
    border: 1px solid #ccc;
    margin: 5px 0;
    cursor: pointer;
    -ms-box-shadow: inset 1px 1px 3px #ccc;
    -moz-box-shadow: inset 1px 1px 3px #ccc;
    -webkit-box-shadow: inset 1px 1px 3px #ccc;
    box-shadow: inset 1px 1px 3px #ccc;
    display: inline-block;
    background: #e9e9e9;
    font-size:0em;
    margin:0 2px;}
.gallery #nav .active {
    background-color: #f16717;
    -ms-box-shadow: inset 0 1px 1px #f3ccb5;
    -moz-box-shadow: inset 0 1px 1px #f3ccb5;
    -webkit-box-shadow: inset 0 1px 1px #f3ccb5;
    box-shadow: inset 0 1px 1px #f3ccb5;
    border: 1px solid #b64300;}

/* Branches */

.map-container{ height:505px;}

.map-info header{
    background-color:#f0f0f0;
    padding:12px;
    width:212px;}
.map-info header h1{
    font: 1.4em/1 "Lucida Sans Unicode", sans-serif;
    color:#a4a4a6;
    margin:0;
    text-transform:uppercase;
    text-indent:0;
    padding-bottom:5px;}
.map-info header h2{
    font: 1.2em/1 "Lucida Sans Unicode", sans-serif;
    color:#a4a4a6;
    margin:0;}
.text .map-info li,
.text .map-info dd{
    margin:0;
    color:#a4a4a6;}
.text .map-info li:before,
.text .map-info dd:before{ display:none;}

/* RESET GOOGLE MAP CLASSES */
html .gm-style{
    font-size:1em;
    font: 1em/1 "Lucida Sans Unicode", sans-serif;}

.map-info { padding:20px 20px 5px 20px !important;}

.map-info ul{ 
	font-size:1em;
    display: block;
    height: 74px;
    margin-bottom: 10px;
    overflow: hidden;}
.map-info li{ 
	padding-bottom:10px;
    border-right:1px solid #f3f3f3;
    float:left;
    padding-left:10px;
    width:105px;
    min-height:38px;
    color:#a4a4a6;}
.map-info li + li{ border:none;}
.map-info li + li + li{ border-right:1px solid #f3f3f3;}
.map-info li strong{ 
	display:block;
    line-height:1.1em;
    padding-bottom:2px;
    color:#818181;}
.map-info dl{
    border-top:1px solid #f3f3f3;
    font-size:1em;
    clear:both;
    padding: 10px;}
.map-info dt{ 
	color:#818181;
    font-weight:700;
    margin-bottom:3px;}
.map-info dl + dl{ margin-bottom:10px;}
.map-info dd{ margin:0 0 3px 0; color:#a4a4a6;}
.map-info dd + dt{ margin-top:10px;}

.branches-list{ padding:0 10px}
.branches-list h2{
    font: 2.400em/1 'tradegothicbold';
    color: #ff6600;}
.branches-list ul{ 
	font-size:1.1em;
    line-height:1em;
    color:#818181;
    width:100%;
    overflow:hidden;
    width: 720px;
    display: block;}
.branches-list li{
    display:block;
    width:220px;
    height:226px;
    float:left;
    margin-right:20px;
    margin-bottom:20px
}
.branches-list li dl dt{
  	font-size:1.182em;
    line-height:1.2em;
    margin-bottom:10px;}
.branches-list li dl dt strong{ 
	display:table-cell;
    color:#a1a1a1;
    font-weight:400;
    text-transform:uppercase;
    border-bottom:1px solid #ddd;
    padding-bottom:5px;
    margin-bottom:5px;
    height:30px;
    vertical-align: bottom;
	width: 241px;}
.branches-list li dl dt span{ display:block; padding-top:5px;} 
.branches-list li dl dd{
    margin:0 0 10px 0;}
.branches-list li dl dd span{ display:block;}


.branches-list .button {
    display: inline-block;
    background-color: #a4a4a6;
    color: #fff;
    text-align: center;
    padding: 6px 25px 6px 10px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0;
    border: none;
    position: relative;
    z-index: 10;}
.branches-list .button: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;
    padding-left: 3px;
    position: absolute;
    right: 5px;
    z-index: 1000;
    font-size: .9em;
    top: 50%;
    margin-top: -5px;}

.maps{
    background-color:#e5e5e5;
    padding:20px 20px 0 20px;
    position:relative;
    margin-bottom:10px;}
.maps .filters{ text-align:left;}
.maps .filters legend{
    font-weight:700;
    padding-bottom:10px;
    display: block;}
.maps .filters .row{ margin-bottom:20px;}
.maps .filters .row select{ width:190px;}
.maps .filters .row .select{ margin-right:8px; width:190px;}
html .maps .filters .row .drop-selected{ width:152px !important;}
.maps .filters .row .field input{ 
	width:237px;
    padding: 10px 28px 10px 10px;}
.maps .filters .row .field label{padding: 10px 28px 10px 10px;}
.maps div span + label{ 
    width: 73px;
    display: inline-block;
    vertical-align: middle;
    font-size: .9em;
    font-weight:400;
    padding-right:5px;}
.maps div span + label + span + label{width: 111px;}
.maps div span + label + span + label + span + label{width: 130px;}
.maps div span + label + span + label + span + label + span + label{width: 111px;}

.maps .checkfields span + label{ width: 100px;}
.maps .checkfields span + label + span + label{ width: 110px;}

.maps .filters .formbutton{
    position:absolute;
    right:20px;
    font-size: .9em;
    bottom:20px;}
.maps .note{ 
	font-size:.9em;
    display:block;
    padding-bottom:15px;
    color:#666;
    font-weight:400;}
    
.maps .filters .row + .row + .row,
.maps .filters .row + .row + .row div{ margin-bottom:0; }

.maps .filters .row + .row + .row div{height:84px;}

.maps .filters .radiofields span,
.maps .filters .radiofields label{ margin-top:-5px;}

/* worldmap */

.worldmap{ 
	font-size:1.3em;
    color:#666;
    margin-top:-15px;}
.worldmap .worldmap-container{
    width:715px;
    height:525px;
    background:url(../img/bg/world-map.png) no-repeat left top;
    position:relative;
    margin-bottom:10px;}
.worldmap .worldmap-container a{
    display:block;
    width:15px;
    height:15px;
    background:url(../img/logos/icon-bpi-small.png) no-repeat left top;
    position:absolute;
    margin: -11px 0 0 -11px;}
.worldmap .worldmap-container a img{ display:none;}
.worldmap .worldmap-container a span{ 
	position:absolute;
    left:-90000px;
    white-space:nowrap;
    display:block;
    padding: 5px 5px 7px 5px;
    font-weight:700;
    font-size:.9em;
    line-height:.9em;
    color:#a4a4a6;
    background-color:#fff;
    -moz-box-shadow: 0 0 15px 1px #a4a4a6;
    -webkit-box-shadow: 0 0 15px 1px #a4a4a6;
    box-shadow: 0 0 15px 1px #a4a4a6;
    margin-top:-1px;}
.worldmap .worldmap-container a span:before{
    content:"";
    display:block;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-right: 5px solid #fff;
	border-bottom: 5px solid transparent;
    position:absolute;
    left:-5px;
    top:6px;}
.worldmap .worldmap-container a:hover{
    width:22px;
    height:22px;
    background:url(../img/logos/icon-bpi.png) no-repeat left top;
    margin: -15px 0 0 -14px;
    z-index:1000;}
.worldmap .worldmap-container a:hover span{ left:28px;}

.worldmap .worldmap-container .ca{ left:35px; top:53px;}
.worldmap .worldmap-container .us{ left:62px; top:146px;}
.worldmap .worldmap-container .vz{ left:137px; top:296px;}
.worldmap .worldmap-container .de{ left:479px; top:61px;}
.worldmap .worldmap-container .es{ left:415px; top:127px;}
.worldmap .worldmap-container .fr{ left:443px; top:94px;}
.worldmap .worldmap-container .lu{ left:451px; top:68px;}
.worldmap .worldmap-container .uk{ left:421px; top:56px;}
.worldmap .worldmap-container .ch{ left:471px; top:94px;}
.worldmap .worldmap-container .za{ left:538px; top:479px;}
.worldmap .worldmap-container .ao{ left:500px; top:406px;}
.worldmap .worldmap-container .mz{ left:568px; top:417px;}

.worldmap .country-list{
    width:100%;
    overflow:hidden;
    margin-bottom:20px;}
.worldmap .country-list dl{
    display:block;
    width:225px;
    margin-left:20px;
    float:left;
    text-align:center;}
.worldmap .country-list dl:first-child{ 
	margin:0;}
.worldmap .country-list dt{
    color:#515151;
    font: 1.300em/1 "tradegothicbold";
    padding-bottom:20px;}
.worldmap .country-list dd{ 
	margin:0;
    padding-bottom:15px;}
.worldmap .country-list dd a{
    text-decoration:underline;
    color:#666;}
.worldmap .country-list dd a:hover{ text-decoration:none;}

.text .branch{
    background-color:#a4a4a6;
    margin-bottom:10px;
    width:100%;
    overflow:hidden;
    letter-spacing:-1px;}
.text .branch h2{
    display:block;
    padding:18px 10px;
    width:130px;
    float:left;
    color:#fff;
    font-size:2em;}
.text .branch dl{
    background-color:#ececec;
    display:block;
    float:right;
    width: 540px;
    margin:0;
    padding:20px 15px;
    overflow:hidden;}
.text .branch dl dt{ 
	float:left;
    width:205px;
    font: 1.400em/1.4 "tradegothicbold";
    padding:0;}
.text .branch dl dt em{
    display:block;
    font-weight:400;
    font: .7em/1 "Lucida Sans Unicode", sans-serif;
    font-style:normal;}
.text .branch dl dt + dd{ 
	float:right;
    width:300px;
    border-left:1px solid #b1b1b2;
    padding-left:20px;}
.text .branch dl dd:before{ display:none;}
.text .branch dl dd p{ 
	margin:10px 0 0 0;
    font-size: 1em;}
.text .branch dl dd p:first-child{ margin-top:3px;} 

.captions{ 
	width:100%;
    overflow:hidden;
    padding-top:20px;
}
.captions h3{ 
	margin-top:0;
    font-size:1.8em;}
.captions ul{ float:left;}
.captions ul li{
    margin:0;
    line-height:2em;
    display:block;
    width: 240px;}
.captions ul li:before{ display:none;}
.captions ul li a{ color:#5e5e5f;}

/*  TEXT SIZER */

#textsize{	
	float:right;
    margin-top:-15px;
    position:relative;
    z-index:100;}
#textsize dl {
    height:15px;
    display:block;
    font-size:1.7em;}
#textsize dd {
    float:left;
    margin:0px;}
#textsize dd {
    border-right: 1px solid #cdcdcd;
    height:15px;}
#textsize dt + dd { border-left: 1px solid #cdcdcd;}
#textsize a {
    font-size:.750em;
    color:#a4a4a6;
    font-weight:400;
    padding:0 5px;
    line-height: 1.4em;
    display:block;}
#textsize dt + dd a {
    font-size:.625em;
    line-height: 1.6em;}
#textsize dd + dd + dd a {
    font-size:.875em;
    line-height: 1.2em;}
#textsize .current a { color: #ff6600 !important;}

/* PRESTIGE */
.showcase{ margin-top:-10px;}
.showcase .column{ 
	width:225px;
    border:none;
    margin:0;
    padding:0 20px 0 0;}
.content-section.showcase > .column + .column2 { padding:0;}

.collection .productlist{
    display:block;
    width:470px;
    overflow:hidden;
    margin-bottom:20px;}
.showcase .collection .productlist{
   	width:500px;
    margin-bottom:0;}
.collection .productlist li{ 
	float:left;
    position:relative;
    margin:0 10px 10px 0;
    display:block;}
.showcase .collection .productlist li{margin:0 20px 20px 0;}

.collection h2{
    color:#ff6600;
    font: 2.600em/.938em "tradegothicbold";
    margin:-4px 0 20px 0;
    border-bottom: #e2e0e0 1px solid;
    padding-bottom:10px;}

.collection .productlist li h3,
.showcase .collection .productlist li h2{
    position: absolute;
    top: 20px;
    left: 20px;
    font: 2.800em/.938em "tradegothicbold";
    font-weight: 400;
    color: #a4a4a6;
    margin: 0;
    letter-spacing: -1px;
    width: 120px;
    text-align:left;
    display:block;
    border:none;}
.showcase .collection .productlist li h2{color: #515151;}
.collection .productlist li a{
    display: block;
    background-color: #a4a4a6;
    font-size: 1em;
    color: #fff;
    text-align: center;
    padding: 6px 10px;
    cursor: pointer;
    text-transform: uppercase;
    float: left;
    bottom: 20px;
    left: 20px;
    position: absolute;
    letter-spacing: 0;}
.showcase .collection .productlist li a{background-color: #515151;}
.collection .productlist li 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;
    padding-left: 3px;}
.collection .productlist li a:before{
    content: " ";
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    position: absolute;
    left: -1px;
    top: -323px;
    margin-left: -20px;}
.column .collection .productlist li a:before{
    width: 226px;
    height: 366px;}
.column2 .collection .productlist li a:before{
    width: 472px;
    height: 366px;}
.showcase .collection .productlist li,
.showcase .collection .productlist li + li + li + li,
.showcase .collection .productlist li + li + li + li + li + li + li,
.showcase .collection .productlist li + li + li + li + li + li + li + li + li + li{
    width:471px;
    height:367px;}

.showcase .collection .productlist li + li,
.showcase .collection .productlist li + li + li + li + li,
.showcase .collection .productlist li + li + li + li + li + li + li + li,
.showcase .collection .productlist li + li + li + li + li + li + li + li + li + li + li{
    width:226px;
    height:172px;}
    
.showcase .column2 .collection .productlist li + li a:before,
.showcase .column2 .collection .productlist li + li + li + li + li a:before,
.showcase .column2 .collection .productlist li + li + li + li + li + li + li + li a:before,
.showcase .column2 .collection .productlist li + li + li + li + li + li + li + li + li + li + li a:before{
    width: 226px;
    height:172px;
    top: -129px;}
    
.showcase .column .collection .productlist{ width:227px;}
.showcase .column .collection .productlist li{ 
	width:227px;
    height:367px;
    margin-right:0;}

.storefront{ 
    width:715px;
    overflow:hidden;
    margin-bottom:20px;}
.storefront-popin{
    width:545px;
    overflow:hidden;}
.storefront .slider{ 
    margin-bottom:20px;
    height:370px;}
.storefront-popin .slider{margin-bottom:20px; width:5000px;}
.storefront-popin .slider .slider-item,
.storefront .slider .slider-item{
    width:715px;
    height:370px;
    float:left;
    position:relative;
    margin-bottom:10px;}
.storefront-popin .slider .slider-item{
    width:545px;
    height:auto;
    margin:0;
    position:relative;
    overflow: hidden;}
.storefront-popin .slider .slider-item img{ margin-left: -85px;}
.storefront .slider-nav{
    position:relative;
    height:86px;}
.storefront-popin .slider-nav{
    position:relative;
    margin:180px 10px 180px 10px;}
.storefront-popin .slider-nav .nav-left,
.storefront .slider-nav .nav-left{
    position:absolute;
    left:-2px;
    top:50%;
    margin-top:-5px;
    font-size:1px;
    display:block;
    width:22px;
    height:22px;
    overflow:hidden;}
.storefront-popin .slider-nav .nav-right,
.storefront .slider-nav .nav-right{
    position:absolute;
    right:-2px;
    top:50%;
    margin-top:-5px;
    font-size:1px;
    display:block;
    width:22px;
    height:22px;
    overflow:hidden;}
.storefront-popin .slider-nav .nav-left:before,
.storefront-popin .slider-nav .nav-right:before,
.storefront .slider-nav .nav-left:before,
.storefront .slider-nav .nav-right:before{
    font-size:20px;
    background-color: transparent;
    margin-right:-10px;
    position:relative;
    color:#515151;
    display:block;
    width:22px;
    height:22px;
    overflow:hidden;}
.storefront-popin .slider-nav .nav-left:before,
.storefront-popin .slider-nav .nav-right:before{color:#a4a4a6;}

.storefront .slider-nav .slider-nav-items{
    width:685px;
    height:86px;
	margin-left:15px;
    overflow:hidden;}
.storefront .slider-nav .slider-nav-container{ width:9000px;}

.storefront .slider-nav .slider-nav-items a{
	width:159px;
    display:inline-block;
    margin:2px 5px;
    position:relative;
    height:82px;
    z-index:1000;}
.storefront .slider-nav .slider-nav-items .video:before{
    content: " ";
    position:absolute;
    background-color:#fff;
    width:58px;
    height:58px;
    z-index:1001;
    left:50%;
    margin:-29px 0 0 -29px;
    top: 50%;
    display:block;}

.storefront .slider-nav .slider-nav-items .video:after{
    content: " ";
    position: absolute;
    z-index: 1002;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 25px solid #a1a1a1;
    border-bottom: 15px solid transparent;
    left: 50%;
    margin: -15px 0 0 -11px;
    top: 50%;
    display:block;}
.storefront .slider-nav .slider-nav-items a img{
    width:159px;
    position:relative;
    z-index:-1;}
.storefront .slider-nav .slider-nav-items .selected{ 
	border:2px solid #ff6600;
    margin:0 3px;}

.storefront .slider-item .see-detail{
    position:absolute;
    right: 10px;
    top: 10px;
    padding:8px 8px 8px 10px;
    background-color:#515151;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font-size:1.2em;}
.storefront .slider-item .see-detail:after { 
	content: "\23";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    padding-left:5px;
    font-size:1.4em;
    vertical-align:text-top;}

.product{ margin-bottom:40px;}

.slider-item-content{ padding:10px 20px 10px 20px;}
.slider-item-content p {
color: #818181;
font-size: 1.2em;
}
.product h4,
.slider-item-content h4{
    color:#818181;
    font: 1.6em/1 "tradegothicbold";}
.slider-item-content h4{ margin-top:0;}
.product .columns ul,
.slider-item-content ul{
    width:100%;
    overflow:hidden;
    display:block;
    margin-bottom:0;}
.slider-item-content ul{ width:525px;}
.product .columns li,
.slider-item-content li{
    display:block;
    width:186px;
    padding-right:25px;
    height: 6em;
    float:left;
    color:#818181;
    font-size:1.2em;}
.slider-item-content li{
    width:222px;
    margin-left:15px;
    height:52px;}
.product .columns li p,
.slider-item-content li p{
    margin:0;
    color:#818181;
    font-size: 1em;
    line-height: 1.3em;}
.slider-item-content .description p{
    font-size: 1.3em;
    line-height: 1.3em;
    color: #818181;
    margin: .8em 0 1.2em 0;}
.product .columns li:before,
.slider-item-content li:before{ margin-top:4px !important;}

.product .columns .knowmore{
    display: inline-block;
    background-color: #ececec;
    font-size: 1.100em;
    color: #666;
    padding: 6px 8px 6px 10px;
    text-transform: uppercase;
    letter-spacing: 0;
    position: relative;
    vertical-align:middle;
    text-decoration:none;}
.product .columns .knowmore: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;
    padding-left:5px;}


/* CARDS */

.text .cards{
    border-collapse:collapse;
    position:relative;
    margin: 0;
    font-size: 1em;}
.text .cards a:after{
    content:"\21";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    padding-left:3px;
    font-size:9px;}
.text .cards thead th,
.text .cards tbody th,
.text .cards tbody td{
    border:none;
	border-right:1px solid #f6f6f6;
    border-bottom:1px solid #f6f6f6;
    padding:10px;}
.text .cards thead th{ 
	background-color:#a4a4a6;
    font-weight:400;
	vertical-align: top;}
.text .cards thead th div{ 
    height:100%;
    position:relative;}
.text .cards thead th div img{ height:36px;} 
.text .cards thead th:first-child{ background-color:#cdcdce;}
.text .cards thead th img{ 
	margin-bottom:5px;}
.text .cards thead th strong{
	display:block;
    color:#fff;
    font-weight:400;
    padding-bottom:2.8em;
    font-size:1.1em;}
.text .cards thead th p{ 
	font-size: .9em;
    color:#515151;
    margin:0;
    padding-bottom:5em;
    display:block;
    margin-top:-15px;}
.text .cards thead th a{ 
	color:#fff;
    text-transform:uppercase;
    text-decoration:none;
    display:block;
    border-top:1px solid #82807f;
    padding:8px 0 0 0;
    font-size:11px;
    position:absolute;
    bottom:8px;
    width:76px;
    text-align:center;}
.text .cards thead th a:after{ font-size:9px;}
.text .cards tbody th{ 
	background-color:#cdcdce;
    font-size:1.1em;
    color:#666;
    font-weight:400;
    width:130px;
    text-align:left;}
.text .cards tbody td{ 
	background-color:#ececec;
    text-align:center;
    width:80px;
    color:#afafaf;
    font-size:1.5em;}
.text .cards tbody td span{
    display:inline-block;
    width:1.5em;
    height:1.5em;
    overflow:hidden;
    position:relative;
    text-indent:-9000px;}
.text .cards tbody td span:before{
    background-color:#ececec;
    position:absolute;
    left:0;
    top:0;
    display:inline-block;
    width:1.5em;
    height:1.5em;
    z-index:1000;
    text-indent:0;
    overflow:hidden;}
.text .cards tbody a{
    color:#fff;
    text-transform:uppercase;
    background-color:#ff6600;
    text-decoration:none;
    display:block;
    padding:10px;
    margin:-10px;
    font-size:.7em;
    line-height: 1.1em;}

/* TEXT Blocks */

.text-block{
    margin-bottom:20px;
    padding-bottom:30px;}
.text-block h2{
    font: 2.8em/1 'tradegothicbold';
    display:block;
    margin:.6em .3em;
    color:inherit;}
.text-block p{
    font-size:1.2em;
    line-height:1.4em;
    display:block;
    margin:1em .9em 1.5em .9em;
    color:inherit;}
.text-block a{
    display: inline-block;
    font-size: 1.100em;
    text-align: center;
    padding: 6px 10px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-left:.9em;}
.text-block 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;
    padding-left: 3px;}
.column2 .text-block{
    background-color:#ff6600;
    color:#fff;}
.column2 .text-block a{
    background-color: #fff;
	color: #ff6600;}
.column2 .text-block + .text-block{background-color:#a4a4a6;}
.column2 .text-block + .text-block a{color: #a4a4a6;}
.column2 .text-block + .text-block + .text-block{background-color:#ff6600;}
.column2 .text-block + .text-block + .text-block a{color: #ff6600;}
.column2 .text-block + .text-block + .text-block + .text-block{background-color:#a4a4a6;}
.column2 .text-block + .text-block + .text-block + .text-block a{color: #a4a4a6;}


.column .text-block{
    background-color:#eaeaea;
    color:#818181;}
.column .text-block a{
    background-color: #a0a0a0;
	color: #fff;}
.column .text-block + .text-block{
    background-color:#000064;
    color: #fff;}
.column .text-block + .text-block a{
    background-color: #fff;
    color: #000064;}
.column .text-block + .text-block + .text-block{
    background-color:#eaeaea;
    color: #818181;}
.column .text-block + .text-block + .text-block a{
    background-color: #a0a0a0;
    color: #fff;}
.column .text-block + .text-block + .text-block + .text-block{
    background-color:#000064;
    color: #fff;}
.column .text-block + .text-block + .text-block + .text-block a{
    background-color: #fff;
    color: #000064;}
.column .text-block + .text-block + .text-block + .text-block + .text-block{
    background-color:#eaeaea;
    color: #818181;}
.column .text-block + .text-block + .text-block + .text-block + .text-block a{
    background-color: #a0a0a0;
    color: #fff;}

/*  variables */

.sidebyside{ width:100%; overflow:hidden;}
.sidebyside li{ 
	display:inline-block;
    width:225px;}
.sidebyside li p{ margin-top:0;} 

.formbutton {
    display: inline-block;
    background-color: #a4a4a6;
    font-size: .9em;
    color: #fff;
    text-align: center;
    padding: 8px 8px 8px 10px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0;
    border: none;
    position: relative;
    z-index: 10;
    vertical-align:middle;}
.formbutton: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;
    padding-left: 3px;
    font-size: .9em;
}
.button {
    padding: 8px 8px 8px 10px;
    display: block;
    text-transform: uppercase;}
.button span {
    position: absolute;
    right: 6px;}
.show-tab { display: block;}
.hide-tab { display: none;}
.disabled { display: none;}

.text-right{ text-align:right;}
.text-left{ text-align:left;}
.text-center{ text-align:center;}

/* SEARCH */

.results{border-top: 1px solid #e2e0e0;}
.results dt span{
    font-weight:400;
    font: .7em/1.4em "Lucida Sans Unicode", sans-serif;
    color:#878787;
    float:right;}
.results .content{
    border-top: 1px solid #e2e0e0;
    width: 720px;}
.results .content ul{
    padding:10px 0 10px 0;}
.results .content li{ padding-bottom:20px;}
.results .content h2{ 
	font: 1.6em/1 'tradegothicbold';
    margin-bottom:5px;}
.results .content h2 a{ 
	color:#7e7e7e;
    text-decoration:underline;}
.results .content h2 a em{ font-style:normal;}
.results .content cite{ 
	font-style:normal;
    font-size:1.2em;
    color:#777779;
    padding-bottom:5px;
    display:inline-block;}
.results .content p{ 
	margin:0;
    font-size:1.2em;
    color:#a1a1a1;}
.results .content p em{ font-style:normal;}
.results .content p span:after{ content:">";}
.results .content p a{
    color:#a1a1a1;
    padding-left: 5px;}
.results .content p a:hover{text-decoration:underline;}

.results .pagination{ 
	margin-bottom:10px;
    text-align:right;}

.results .pagination a{ text-align:left;} 

.toolheader.fixed{ height:30px;}

.toolheader .simple-search{ 
	position:relative;
    top:0;
    left:0;
	padding:5px 30px 5px 10px;
    text-align:left;
    border-radius: 0;}

.toolheader .simple-search label{
    left: 0;
    top: 0;
    padding: 5px 10px;
    line-height: 1.4em;
    font-weight:400;
    font-size:1em;}
.toolheader .simple-search input[type=text]{ 
	padding-left:0;
    font-size:1.1em;}
.toolheader .simple-search fieldset span{font-size: .8em;}

.toolheader .simple-search ul li{
    margin: 0;
    padding:5px 10px;
    font-size: 1em;}
.toolheader .simple-search ul li:before{ display:none;}

.toolheader .search-layer{
    width: 263px;
    margin-left: -10px;}


/* Noticias (Given BPI development team) */

.noticias { margin-top:-15px;}
.noticias li {
    border-bottom: 1px solid #e2e0e0;
    padding: 14px 0 15px 0;
    margin:0;}
.noticias ul li:before { display:none;}
.noticias li:last-child { border:0;}
.noticias h2 {
    font: 1.4em/1 "tradegothicbold";
    color: #7e7e7e;
    cursor: pointer;
    position: relative;
    padding: 0;
    margin:0;}
.noticias p { margin: .4em 0;}
.noticias p.noticias-data { color:#ff6600;}


/* ==========================================================================
   5 - Colors
   ========================================================================== */

body .orange { color: #ff6600;}
body .green { color: #23a11f;}
body .red { color: #f00;}
body .white { color: #fff;}
body .grey{ color:#818181;}

/* ==========================================================================
   6 - Browsers fixs
   ========================================================================== */

/* IE fixs */

.ie9 .login {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3OTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iI2E0YTRhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iI2E0YTRhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5Nzk3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    filter: none;}
.ie9 .login fieldset {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmODEzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMTY3MTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    filter: none;}
.ie9 #footer {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZTllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYWRhZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    filter: none;}
.ie9 #private .highlights li {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZTllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNmEzYTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    filter: none;}
.lt-ie9 .login { background: url(../img/bg/login.png) repeat-x left top;}
.lt-ie9 #navigation li {
    background: url(../img/buttons/sprite.png) no-repeat -2px -71px;
    border: none;
    width: 12px;
    height: 12px;}
.lt-ie9 #navigation .active { background: transparent url(../img/buttons/sprite.png) no-repeat -2px -56px;}
.lt-ie9 #private #navigation .active {
    background: transparent url(../img/buttons/sprite.png) no-repeat -2px -116px;
    border: none;}
.lt-ie9 .quick-access > strong:after,
.ie9 .quick-access > strong:after {
    background: transparent url(../img/buttons/sprite.png) no-repeat -1px -23px;
    text-indent: -9000px;
    height:15px;
    content:"111";
    border:none;
    box-shadow:none;}
.lt-ie9 .quick-access a:after { top:-3px;}
.lt-ie9 .quick-access + .quick-access + .quick-access a:after { top:4px;}
.lt-ie9 .quick-access.selected > strong:after,
.ie9 .quick-access.selected strong:after {
    content: " "; 
    background: transparent url(../img/buttons/sprite.png) no-repeat -1px -131px;
	text-indent: -9000px;
    height:15px;
    overflow:hidden;}
.no-borderimage .quick-access a {background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}
.lt-ie9 .exchange p a span:before {
    background: url(../img/buttons/sprite.png) no-repeat -2px -42px;
    text-indent: -9000px;}
.lt-ie9 #footer #other-links .sites { background: url(../img/form/sprite1.png) no-repeat -2px -2px;}
.lt-ie9 #footer #other-links .sites dt { background: none;}
.lt-ie9 #footer #other-links .sites dt:after {
    content: '';
    background: none;}
.lt-ie9 .login fieldset {
    background: transparent url(../img/form/sprite1.png) no-repeat left -59px;
    border: none;
    filter: none;}
.lt-ie9 .login fieldset input[type=text] {
    border: none;
    background: none;}
.lt-ie9 .login fieldset .button:before { display: none;}
.lt-ie9 .login fieldset .button { background: transparent url(../img/buttons/sprite.png) no-repeat left -4px;}
.no-borderimage .login fieldset input[type=submit]{background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}
.lt-ie9 #header .simple-search {
    border: none;
    border-radius: 0;
    padding: 0;
    width: 226px;
    background: none;}
.lt-ie9 #header .simple-search .top {
    background: transparent url(../img/form/sprite1.png) no-repeat left -120px;
    height: 7px;
    width: 228px;
    display: block;}
.lt-ie9 #header .simple-search .center {
    border-left: #d8d8d8 1px solid;
    border-right: #d8d8d8 1px solid;
    background: #fff;}
.lt-ie9 #header .simple-search .bottom {
    background: transparent url(../img/form/sprite1.png) no-repeat left -129px;
    height: 7px;
    width: 228px;
    display: block;}
.lt-ie9 #header .simple-search label {
    background: none;
    border: none;
    line-height: 1.400em;
    top: 7px;}
.no-borderimage .simple-search input[type=submit] { 
	line-height: 1.300em;
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.lt-ie9 .toolheader .search-layer{ font-size:.9em;}
.lt-ie9 .toolheader .simple-search input { line-height: 1.1em;}
.lt-ie9 .toolheader .simple-search fieldset span:before {font-size: 1.2em;}

.lt-ie9 .exchange .unavailable span { background: transparent url(../img/buttons/sprite.png) no-repeat left -92px;}
.lt-ie9 .squaredlist li a span { padding-top: 1px;}
.lt-ie9 #popin .overlay,
.lt-ie9 #slide-popin .overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);}

.lt-ie9 .pagetab ul:first-child li a { font: 1.900em/1 "tradegothicbold";}
.lt-ie9 .gloss ul:first-child li a {
    font: 1em/1 "Lucida Sans Unicode", sans-serif;
    font-weight: 700;}
.lt-ie9 .pagetab ul:first-child li a:after { font-size: 1.5em;}
.lt-ie9 .faqs dl dt:after,
.lt-ie9 .accordion dt:after { font-size: 1.4em;}
.lt-ie9.js .toolheader .select,
.lt-ie9.js .filters .select,
.lt-ie9.js .formfields .select,
.lt-ie9.js .country-selection .select,
.lt-ie9.js .currency-converter .select{ 
	background-color:#fff; 
    height:36px; 
    display:inline-block;
    vertical-align:middle;}
.lt-ie9.js .filters .select{height:32px;}
.lt-ie9.js .toolheader .select select,
.lt-ie9.js .filters .select select,
.lt-ie9.js .formfields .select select,
.lt-ie9.js .country-selection .select select,
.lt-ie9.js .currency-converter .select select{  
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding:0;
    height:40px;
    padding:0 20px 0 20px;
    font-size:14px;}
.lt-ie9.js .country-selection .select,
.lt-ie9.js .currency-converter .select{height:30px;}
.lt-ie9 .formfields .selectfield .select select{padding: 8px;}
.lt-ie9.js .toolheader .select select,
.lt-ie9.js .filters .select select { padding: 13px;}

.lt-ie9.js .country-selection .select select,
.lt-ie9.js .currency-converter .select select{ padding: 10px;}

.lt-ie9.js .toolheader .select .drop-selected,
.lt-ie9.js .filters .select .drop-selected,
.lt-ie9.js .formfields .select .drop-selected{ height:12px;}

.lt-ie9.js .toolheader .select .drop-selected:after,
.lt-ie9.js .filters .select .drop-selected:after,
.lt-ie9.js .formfields .select .drop-selected:after{ 
	right:0;
    z-index:10000;
}
.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: 224px;}

.lt-ie9 body .checkfields span input{
    visibility:visible;
    height:1px;
    width:1px;}
.lt-ie9 .gallery #nav a {
    background: url(../img/buttons/sprite.png) no-repeat -2px -71px;
    border: none;
    width: 12px;
    height: 12px;}
.lt-ie9 .gallery #nav .active { background: transparent url(../img/buttons/sprite.png) no-repeat -2px -56px;}    

.lt-ie9 body .radiofields .radio-item{ background: transparent url(../img/bg/radiofields.png) no-repeat left top;}
.lt-ie9 body .radiofields .radio-item input{
    visibility:visible;
    width:1px;}

.ie9 body .radiofields .selected:before{ margin-top:-6px;}
.lt-ie9 body .maps .radiofields .selected:before{
    margin-top:-8px;
    left:3px;}
.lt-ie9 body .formfields .radiofields .selected:before{
    font-size:1.250em;}

.no-localstorage  #textsize dt + dd a { line-height: 1.9em;}
.lt-ie9 .cards tbody a{font-size: 0.9em;}

.lt-ie9 .spotlight:after{font-size: 1.2em;}

.lt-ie9 .data-content .data-filters .formbutton,
.lt-ie9 .data-content .date-filters .formbutton{ 
	height:36px;
    vertical-align: top;}
.lt-ie9 .data-content .data-filters .formbutton:after,
.lt-ie9 .data-content .date-filters .formbutton:after{ 
	font-size:.8em;
    margin-top:-5px;}


/* ==========================================================================
   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 {

    .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;}
    
    * { 
		-webkit-print-color-adjust: exact;
      	print-color-adjust: exact;
     }
    
    /* CONTENT */
    
    html body,
    .pagetab ul:first-child li a{ background:none;}
    
    #language,
    #menu-areas,
    #menu, 
    .simple-search,
    #board,
    #focus,
    #aside, 
    #footer,
    .content-section .banner, .info-links,
    .column .links,
    .maps,
    #textsize,
    .text .cards thead th a,
    .formfields,
    .links,
    .info-links,
    .page-tools,
    .toolheader,
    #bysideWebcare_widget_1,
    .filters,
    .collection .productlist li a:before,
    .provider-info ul + p,
    .column .stores,
    .apps-list,
    .gallery #nav,
    #popin .overlay,
    #slide-popin .overlay{ display:none;}
        
    #main{ float:none;}
    #main > .highlights{ padding:20px;}
    
    #header{height: 60px;}

    .print-area{ display:block;}

    #header > .wraper, 
    #content > .wraper, 
    #footer .wraper,
    #main,
    .branches-list ul{ 
    	width:100%; 
        float:none;
        min-height:auto;}
    .highlights ul li a:before{ display:none;} 
    
    .content-section > .column,
    .content-section > .column + .column2,
    .content-section.showcase > .column + .column2{
    	width:95%;
        border:none;
        padding:0 20px 20px 20px;}
        
    .detail .content-section > .column,
    .detail .content-section > .column + .column2{ padding-left:0;}
    
    #header{padding:20px 20px 0 20px;}
    .breadcrumb,
    .detail{padding:0 20px;}
    
    .text figure{ margin-bottom:20px;}
    .captions ul li{width: 220px;}
    
    .text img,
    .text img + img{ vertical-align:middle;}
     
    .detail{ position:relative;}
    .column{ width:auto;}

    .detail > .column2{ width: 410px;}
    .detail > .column2 + .column{ width: 225px;}
     
     .collection{ 
     	position:static;
        display:inline-block;
        float:left;}

     .collection .productlist{ 
        width:auto;
        display:inline-block;
        float:left;}
     .collection .productlist li{ 
     	width:225px;
        height:355px;}
     .collection .productlist li img{ position:absolute;}
     
     
     .showcase .column .collection .productlist{ width:100%;}
      
     .pagetab ul:first-child li:last-child.current a{ border:none;}
     
     .splitlist,
     .splitlist .block{ 
     	width:100%;
        border:none;
        overflow: hidden;}
     .splitlist ul{ margin-left:-1px;}
     .splitlist .block.wide{ 
     	width:90%;
     	margin-left:20px;
        border:1px solid #eee;}
     .splitlist .block h2{
        padding-left:0;
        margin-left:20px;
        width:100%;}
     .splitlist .block.wide h2{ 
     	padding-left:0;
        margin-left:0;
        width:100%;}
     .splitlist li{ padding-left:22px;}
     
     .storefront{margin-left: -20px;}
     
     .text .warning-info img{ width:auto;}
     .worldmap .country-list dl{width: 210px;}
     
     .gallery.js-gallery{
        height: 385px;
        width: 458px;}
     .gallery.js-gallery ul li img{ width:100%;}
     
     .worldmap .worldmap-container a img{ display:block;}
     
     .itemlist{
         overflow:visible;
         margin-bottom:0;}
     .itemlist li{ border:none;}
     
     #content,
     .branches-list ul{ overflow:visible;}
	 .branches-list li{ height: 242px;}
     .branches-list li dl dt strong { border-bottom: 2px solid #ddd;}
     
     .accordion .splitlist ul,
     .accordion .splitlist ul li{ list-style:none !important;}
     
     .data-content > .simple + p{ display:none;}
     .data-content > .simple + p + .date-filters{ display:none;}
     
     .grid-board{ border-top:none;}
     
     .pagination .next:before{
        background:none;
        margin-left: -4px;}
     
     #popin .popin-content{ border:1px solid #000;}
     
     .text .branch dl{width: 480px;}
     .text .branch dl dt{width: 140px;}
     
     .storefront-popin .slider .slider-item img{ margin:0;}
     
     /* IE8 */
     
    .lt-ie9 .pagetab > ul{ height:auto;}
    .lt-ie9 .pagetab > ul li{ display:none;}
    .lt-ie9 .pagetab > ul li.current{ display:block !important;}
    .lt-ie9 .pagetab > ul li.current a{ 
        border:none;
        text-align:left;
        font: 1.900em/1 "tradegothicbold";
        background:none;
        height: auto;
        color:#ff6600;}
    .lt-ie9 .pagetab > ul li.current a br{ 
    	content: " ";
        display:none;}
    .lt-ie9 .pagetab > ul li h2{ height:auto;}
    .lt-ie9 .pagetab > ul li a:after{ display:none;}
    
    .lt-ie9 .collection H2{ clear:both;}
    .lt-ie9 .collection .productlist li{
        height:355px;
        width:225px;}
    .lt-ie9 .collection .productlist li img{ position:absolute;}

}

.squaredlist li a:before {
    content: " ";
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    position: absolute;
    left: 0;
    top: -126px;
    width: 225px;
    height: 172px;
    margin-left: -20px;
}

.research li {
    width: 200px;
    padding-bottom: 15px;
    display: table-cell;
    float: none;
}

.research h1 {
    color: #ff6600;
    font: 2.500em/1 'tradegothicbold';
    margin: 0 0 .500em 0;
    padding: 2.75%;
    padding-left: 0px;
    padding-bottom: 7px;
}

.research li.first_li {
    border-left: none;
    padding-left: 0px;
}
.research div {
    color: #6f6f6f;
    margin-top: 5%;
}

.research br {
    display: none;
}
.research div.subcategoria{
    font-size: 1.2em;
    background-color: #eaeaea;
    color: #818181;
    padding: 5px;
    display: table-cell;
    margin-bottom: 5%;
    margin-top: 10px;
}

.tipos {
    font-size: 1.2em;
    background-color: #eaeaea;
    color: #818181;
    padding: 5px;
    margin-bottom: 5%;
    display: inline-block;
    margin-right: 1%;
}

.research span {
    color: #6f6f6f;
}

.research span.tipoEstudo:hover {
    text-decoration: underline;
}

.research li a:after {
    content: none;
}

.research-titulo {
    font: 2.500em/1 "tradegothicbold";
}

/*
.date-filters .filters .select .drop-selected{
    width:155px;
}

.date-filters .filters .select select{
    width: 100%;
}*/