/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; vertical-align: top; margin: 0; padding: 0; border: 0; font-size: 100%;}
html, body { width: 100%; height: 100%;  }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }
a, a:link, a:visited {
    text-decoration: none;
}
a:hover { text-decoration: underline; }

/* ------------------------------------------------------
WordPress WYSIWYG Editor Styles (applied to frontend)
------------------------------------------------------ */
.entry-content img { margin: 0 0 0 0; }
.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
.alignnone, img.alignnone { }
.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
.wp-caption img { border: 0 none; padding: 0; margin: 0; }
.wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; }
.wp-smiley { margin: 0 !important; max-height: 1em; }
blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; }
blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; }

.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

/* ------------------------------------------------------
ICONS
<span class="icon icon-home inverted"></span>
------------------------------------------------------ */
.icon { background-image: url("/extension/stepvalue/design/stepvalue/images/icons.png"); background-repeat: no-repeat; display: block; }
.icon-home { background-position: 0px 0px; width: 12px; height: 11px; }
.inverted .icon-home, .icon-home.inverted { background-position: 0px -20px; width: 12px; height: 11px; }
.icon-lang { background-position: 0px -40px; color: #fff; width: 15px; height: 13px; }
.icon-lang.opened { background-position: 0px -40px; color: #666666; }
.icon-sitemap { background-position: 0px -60px; width: 17px; height: 15px; }
.icon-contact { background-position: 0px -80px; width: 15px; height: 10px; }
.icon-contact-big { background-position: 0px -360px; width: 18px; height: 18px; }
.icon-pdf { background-position: 0px -100px; width: 15px; height: 20px; }
.icon-search { background-position: 0px -130px; width: 13px; height: 13px; }
.icon-photo { background-position: 0px -150px; width: 18px; height: 16px; }
.icon-facebook { background-position: 0px -180px; width: 26px; height: 26px; }
.icon-facebook-color { background-position: 0px -300px; width: 19px; height: 19px; }
.icon-twitter { background-position: 0px -210px; width: 26px; height: 26px; }
.icon-twitter-color { background-position: 0px -330px; width: 19px; height: 19px; }
.icon-youtube { background-position: 0px -240px; width: 26px; height: 26px; }
.icon-flickr { background-position: 0px -270px; width: 26px; height: 26px; }


/* ------------------------------------------------------
ARROWS
<a class="arrow nav-next"></a>
<a class="arrow nav-next inverted"></a>
------------------------------------------------------ */
.arrow { background-image: url("/extension/stepvalue/design/stepvalue/images/arrows.png"); background-repeat: no-repeat; display: block; }
.nav-top { background-position: 0px -180px; width: 21px; height: 21px; }
.nav-left { background-position: 0px -210px; width: 21px; height: 21px; }
.nav-right { background-position: 0px -240px; width: 21px; height: 21px; }
.nav-bottom { background-position: 0px -270px; width: 21px; height: 21px; }
.nav-prev.btn { background-position: 0px 0px; width: 27px; height: 27px; }
.nav-next.btn { background-position: 0px -40px; width: 27px; height: 27px; }
.nav-prev { background-position: 0px -120px !important; width: 26px; height: 26px; }
.nav-next { background-position: 0px -150px !important; width: 26px; height: 26px; }
.nav-prev.inverted { background-position: 0px -70px; width: 16px; height: 16px; }
.nav-next.inverted { background-position: 0px -105px; width: 16px; height: 16px; }

/* ------------------------------------------------------
BUTTONS
------------------------------------------------------ */
.btn-more {
    display: block;
    float: left;
    border: 1px solid #fff;
    background: url("/extension/stepvalue/design/stepvalue/images/more_dotted.png") right center no-repeat;
    padding: 5px 38px 5px 14px;
    color: #fff;
    font-family: 'openSans', sans-serif;
    text-transform: uppercase;
    font-size: 1em;
}

.btn-more.inverted {
    display: block;
    float: left;
    color: #333 !important;
    border: 1px solid #666;
    background: url("/extension/stepvalue/design/stepvalue/images/more_dotted_big_black.png") right center no-repeat;
    padding: 0.8em 3.5em 0.8em 1em;
    color: #fff;
    font-family: openSansSemiBold, sans-serif;
    text-transform: uppercase;
    font-size: 1em;
}

.btn-feed {
    display: block;
    border: 1px solid #fff;
    background: url("/extension/stepvalue/design/stepvalue/images/icon-btn-feed.png") right center no-repeat;
    padding: 8px 30px 8px 5px;
    color: #fff;
    font-family: openSans, sans-serif;
    text-transform: uppercase;
    font-size: 0.7em;
}

.btn-download {
    display: block;
    border: 1px solid #333;
    background: url("/extension/stepvalue/design/stepvalue/images/icon-download.png") right center no-repeat;
    padding: 0.88em 2.81em 0.88em 0.5em;
    font-family: openSansSemiBold, sans-serif;
    text-transform: uppercase;
    font-size: 0.75em;
    color: #333;
}

.btn-download-file {
    display: block;
    border: 1px solid #333;
    background: url("/extension/stepvalue/design/stepvalue/images/btn-download-file.png") right center no-repeat;
    padding: 0.88em 2.81em 0.88em 0.5em;
    font-family: openSansSemiBold, sans-serif;
    text-transform: uppercase;
    font-size: 0.75em;
    color: #333;
}

/** CSS Teste (Assembleias Gerais) **/

.btn-download-assembleias {
    display: block;
    border: 1px solid #333;
    background: url("/extension/stepvalue/design/stepvalue/images/icon-download.png") right center no-repeat;
    padding: 0.88em 2.81em 0.88em 0.5em;
    font-family: openSansSemiBold, sans-serif;
    text-transform: uppercase;
    font-size: 0.75em;
    color: #333;
    display:inline-block;
}
.sub-items{
    margin-top: 38px;
}

.btn-print {
    background: url('/extension/stepvalue/design/stepvalue/images/icon-print.png') left center no-repeat;
}

/* -------------------------------------------- ----------
CONTENT STYLES
------------------------------------------------------ */
.content-area {
    font-size: 1em;
    color: #000;
    font-family: 'openSans', arial, helvetica, sans-serif;
    width: 95%;
    margin: 190px auto 32px;
}

@media (min-width: 1025px) {
    .content-area {
        font-size: 1em;
        color: #000;
        font-family: 'openSans', arial, helvetica, sans-serif;
        width: 93.75%;
        margin: 200px 0 32px 24px;
        max-width: none;
    }
}
#pgc-0-0 {width: 24%;}

.content-area h3 {
    line-height: 1.4em;
}

.content-area p {
    line-height: 1.4em;
}

.content-area b, .content-area strong {
    font-weight: bold;
}

.content-area i, .content-area em {
    font-style: italic;
}

.content-area p a,
.content-area h1 a,
.content-area h2 a,
.content-area h3 a,
.content-area h4 a,
.content-area h5 a {
    color: #127ac4;
    text-decoration: underline;
}

.content-area img {
    max-width: 100%;
}

.content-area a.btn-print {
    font-family: droidSerif, georgia, 'times new roman', serif;
    font-size: 1em;
    padding-left: 24px;
    color: #333;
    text-decoration: none;
}

.content-area a.btn-print:hover {
    text-decoration: underline;
}

.content-area .sortable {
    border: 1px solid #bbc5cb;
    width: 100%;
    border-spacing: 0;
}

.content-area .sortable .main-title {
    background-color: #646c75;
    color: #fff;
    text-transform: uppercase;
    font-family: openSansBold, arial, sans-serif;
    padding: 10px;
}

.content-area .sortable th {
    padding: 0;
    margin: 0;
}

.content-area .sortable .sortheadercontainer {
    display: block;
    width: 100%;
    margin: 0;
}

.content-area .sortable .sortheader {
    background-color: #c5ced5;
    color: #fff;
    font-family: openSansBold, arial, sans-serif;
    line-height: 1em;
    padding: 10px 2%;
    display: block;
    height: 1.1em;
    width: 96%;
}

.content-area .sortable .sortheader .sortarrow {
    margin-left: 10px;
}

.content-area .sortable .sortheader img {
    border: 0;
    margin: 0;
    padding: 0;
}

.content-area .sortable .sortheader:hover, .content-area .sortable .sortheadercontainer:hover {
    background-color: #bbc5cb;
    text-decoration: none;
}

.content-area .sortable tbody td {
    color: #818a95;
    border: 1px solid #bbc5cb;
    padding: 10px;
}

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


/* FONTS
------------------------------------------------------ */
.droidSerif { font-family: droidSerif, georgia, 'times new roman', serif; }
.droidSerifItalic { font-family: droidSerifItalic, georgia, 'times new roman', serif; }
.droidSerifBoldItalic { font-family: droidSerifBoldItalic, georgia, 'times new roman', serif; }
.openSans { font-family: openSans, helvetica, arial, sans-serif; }
.openSansSemiBold { font-family: openSansSemiBold, helvetica, arial, sans-serif; }


/* COLORS
------------------------------------------------------ */
.darkBlue {color:#1f5e8f;}
.blue {color:#127ac4;}
.green {color:#66b430;}
.orange {color:#ff9c00;}
.lightgray {color:#999;}


/* HEADINGS
------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {font-family: droidSerifItalic, georgia, "times new roman", serif; color:#333; margin-bottom:1em;}

h1 {font-size:2em;}
h2  {font-size:1.5em;}
h2.region {font-size:2.31em; padding-bottom:0px;}
h1.region {display:block; /* padding-bottom:1em; margin-bottom:1em; */ }
h1.region .blue, h2.region .blue {display:block; padding-bottom:1em; margin-bottom:1em; background:url('/extension/stepvalue/design/stepvalue/images/title_border_blue.jpg') left bottom no-repeat;}
h1.region .green, h2.region .green {display:block; padding-bottom:1em; margin-bottom:1em; background:url('/extension/stepvalue/design/stepvalue/images/title_border_green.jpg') left bottom no-repeat;}
h1.region .orange, h2.region .orange {display:block; padding-bottom:1em; margin-bottom:1em; background:url('/extension/stepvalue/design/stepvalue/images/title_border_orange.jpg') left bottom no-repeat;}
h1.region .black, h2.region .black {display:block; padding-bottom:.6em; margin-bottom:1em; background:url('/extension/stepvalue/design/stepvalue/images/title_border_black.jpg') left bottom no-repeat;}
h3 {font-size:1em;}
h4 {font-size:0.9em; color:#666;}
h5 {font-size:0.875em; color:#666;}



/* ------------------------------------------------------
Widgets
------------------------------------------------------ */
.widget-title { font-family:openSans, arial, helvetica, sans-serif; font-size:1.5em; text-transform: uppercase; color:#000; }

/* ------------------------------------------------------
LOGO
------------------------------------------------------ */
.logo { position: absolute; float: none; margin: 0px; z-index: 1; top: 35px; left: 8%; width: 80%; height: 8%; }
/*.logo a { display: block; text-decoration: none; color: #fff; margin-bottom: 13px; width: 195px; height: 48px; }*/
.logo a.inverted { color: #404040; }
.logo img { display: block; max-width: 100%; height:auto; margin: 0 auto; }
.logo img.black { display: block; }
.logo img.white { display: none;  }
.logo .description { color: #fff; font-size: 14px; }


/* ------------------------------------------------------
TOOLS MENU
------------------------------------------------------ */
.tools-container { position: relative; float: left; width: 100%; top: 0; left: 0; z-index: 9999; overflow: hidden; display: none; }
/*contacts*/
.tools-wrapper { position: relative; float: left; width: 100%; background: black; color: #fff;  height: 234px; }
.tools-wrapper.contacts {height: 400px;}
.tools-wrapper.contacts .tools-wrapper-inner {margin: 60px auto 0 auto;}
.tools-wrapper.contacts .tools-wrapper-inner .col {width: 469px; margin-left:0;margin-right: 30px;padding-right: 30px; }
.tools-wrapper.contacts .tools-wrapper-inner .col.noborder { margin-right: 0; padding-right: 0;}
.tools-wrapper.contacts .adress { width: 200px; float: left}
.tools-wrapper.contacts .adress h2 { margin-bottom:0px;}

.tools-wrapper.contacts .adress h2 { padding-bottom: 20px;font:16px/1 droidserifitalic, georgia, serif; color: #fff;}
.tools-wrapper.contacts .adress p { font: 11px/1.6 openSans, arial, sans-serif; padding-bottom: 15px}
.tools-wrapper.contacts .adress p b { color: #999; text-transform: uppercase;}
.tools-wrapper.contacts .tools-wrapper-inner .title { margin-bottom: 5px; }
.tools-wrapper.contacts .tools-wrapper-inner .title span{
    font-family: droidserifitalic, georgia, serif;
    color: #a3a3a3;
    font: inherit;
    vertical-align: top;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 90%;
}
.tools-wrapper.contacts .tools-wrapper-inner .col.noborder .row { padding-top: 10px;}
/*sitemap*/
.tools-wrapper.sitemap {height: 400px;}
#rss-menu .tools-wrapper {height: 200px;}
.tools-wrapper.sitemap .tools-wrapper-inner .col {width: 210px; font: 12px/1.6 openSans, arial, sans-serif; color: #fff;min-height: 318px;margin-left: 39px;}
.tools-wrapper.sitemap .tools-wrapper-inner .col.noborder { margin-right: 0; padding-right: 0;}
.tools-wrapper.sitemap .tools-wrapper-inner .col ul {margin-bottom: 20px;}
.tools-wrapper.sitemap .tools-wrapper-inner .col ul li .sitemap-submenu {margin-bottom:0; padding-left: 20px;}
.tools-wrapper.sitemap .tools-wrapper-inner .col li a {color: #fff; white-space: nowrap;}
.tools-wrapper.sitemap .tools-wrapper-inner .col li a:hover { color:#127ac4;}
.tools-wrapper.sitemap .tools-wrapper-inner .col li.tit a {color: #a3a3a3;font:10px/1.4 droidserifitalic, georgia, serif;}

/*language+tools*/
.tools-wrapper .tools-wrapper-inner { margin: 40px auto; width: 1000px; }
#rss-menu .tools-wrapper .tools-wrapper-inner .title {color: #a3a3a3;font:12px/1.4 droidserifitalic, georgia, serif; margin-left: 70px; margin-bottom: 10px;}



.tools-wrapper .tools-wrapper-inner .col { float: left; width: 233px; margin-left: 70px; border-right: 1px dotted #a3a3a3; min-height: 180px; }
#rss-menu .tools-wrapper .tools-wrapper-inner .col { margin-left: 0}
#rss-menu .tools-wrapper .tools-wrapper-inner .col.first { margin-left: 70px}
.tools-wrapper .tools-wrapper-inner .col .title { color: #a3a3a3; font-family: droidSerif, georgia, "times new roman", serif; font-size: 0.7em; margin-bottom: 10px; }
.tools-wrapper .tools-wrapper-inner .col .search-wrapper { float: left; width: 80%; margin-bottom: 20px; }
.tools-wrapper .tools-wrapper-inner .col .search-wrapper .search-container { float: left; border: 1px solid #fff; background: #000; }
.tools-wrapper .tools-wrapper-inner .col .search-wrapper .search-container .input { padding: 6px 5px !important; width: 130px; color: #fff; border: 0px; font-size: 0.7em; height: 16px; min-height: 16px; }
.tools-wrapper .tools-wrapper-inner .col .search-wrapper .search-container .btn-submit { width: 40px; height: 27px; background-position: 0px -8px; border: 0;}
.tools-wrapper .tools-wrapper-inner .col .lang-picker { float: left; width: 80%; }
.tools-wrapper .tools-wrapper-inner .col .lang-picker .title { float: left; width: 100%; margin-bottom: 10px; }
.tools-wrapper .tools-wrapper-inner .col .lang-picker .lang-picker-options { float: left; width: 100%; }
.tools-wrapper .tools-wrapper-inner .col .lang-picker .label { color: #fff; font-size: 0.75em; font-family: droidSerif, georgia, "times new roman", serif; text-transform: capitalize; }
.tools-wrapper .tools-wrapper-inner .col .feed-filter-container { float: left; width: 80%; }
.tools-wrapper .tools-wrapper-inner .col .feed-filter-container .filter { float: left; margin-bottom: 10px; margin-right: 10px; }
.tools-wrapper .tools-wrapper-inner .col .feed-filter-container .filter .label { text-transform: uppercase; font-size: 0.7em; }
.tools-wrapper .tools-wrapper-inner .col .btn-container { position: relative; float: left; clear: both; width: 90%; margin-right: 10%; margin-bottom: 30px; }
.tools-wrapper .tools-wrapper-inner .col .social-icons { float: left; width: 100%; }
.tools-wrapper .tools-wrapper-inner .col .social-icons .title { float: left; width: 100%; margin-bottom: 10px; }
.tools-wrapper .tools-wrapper-inner .col .social-icons .icon { float: left; margin-right: 3px; }
.tools-wrapper .tools-wrapper-inner .col .stock-container { float: left; width: 233px; }
.tools-wrapper .tools-wrapper-inner .col .stock-container .stock-container-header { background: #3a3a3a; margin-bottom: 10px; padding: 5px; float: left; width: 223px; }
.tools-wrapper .tools-wrapper-inner .col .stock-container .stock-container-header .title { float: left; font-family: droidSerifBoldItalic, georgia, "times new roman", serif; font-size: 0.8em; color: #fff; margin-bottom: 0px; }
.tools-wrapper .tools-wrapper-inner .col .stock-container .stock-container-header .time { float: right; font-size: 0.7em; color: #868686; font-family: openSans, helvetica, arial, sans-serif; text-transform: uppercase; }
.tools-wrapper .tools-wrapper-inner .col .stock-container .stock-info { float: left; width: 100%; }
.tools-wrapper .tools-wrapper-inner .col .stock-container .stock-info .row { width: 100%; float: left; margin-bottom:0; }
.tools-wrapper .tools-wrapper-inner .col .stock-container .stock-info .title { float: left; color: #868686; /*text-transform: uppercase;*/ margin-right: 5px; text-transform: uppercase; font-family: openSans, helvetica, arial, sans-serif; font-size: 0.7em; }
.tools-wrapper .tools-wrapper-inner .col .stock-container .stock-info .value { float: right; margin-right: 5px; font-size: 0.7em; font-family: openSans, helvetica, arial, sans-serif; }
.tools-wrapper .tools-wrapper-inner .col .stock-container .stock-info .change-icon { float: right; width: 10px; height: 9px; font-family: openSans, helvetica, arial, sans-serif; padding-top: 3px; }
.tools-wrapper .tools-wrapper-inner .col .stock-container .stock-info .change-icon img { display: block; }
.tools-wrapper .tools-wrapper-inner .col.noborder { border-right: none; }
.tools-menu { position: absolute; z-index: 2; top: 0px; right: 15px; /* width:405px; */ }
.tools-menu li { float: left; margin-left: 1px; }
.tools-menu a { float: left; display: block; color: white; background: #f7f7f7; padding: 0px 14px 0px 38px; height: 30px; line-height: 30px; white-space: nowrap; font-family: 'droidSerifItalic', georgia, serif; font-size: 12px; }
.tools-menu a.language { background: black url("/extension/stepvalue/design/stepvalue/images/lang.png") 10px 9px no-repeat; color: #fff; }
.tools-menu a.language.opened { background: black url("/extension/stepvalue/design/stepvalue/images/lang.png") 10px -31px no-repeat; color: #666; text-decoration: none; }
.tools-menu a.sitemap { background: black url("/extension/stepvalue/design/stepvalue/images/lang.png") 10px -75px no-repeat; }
.tools-menu a.contacts { background: black url("/extension/stepvalue/design/stepvalue/images/lang.png") 10px -110px no-repeat; }

.tools-menu a.rss { background:#000 url("/extension/stepvalue/design/stepvalue/images/icon-btn-feed.png") left center no-repeat; padding: 0 14px 0 28px;}



.tools-menu a span { float: left; }
.tools-menu .icon { margin-right: 10px; margin-top: 2px; }

.tools-menu.inverted {
    position: absolute;
    z-index: 2;
    top: 0px;
    right: 50px; /* width:405px; */
}

.tools-menu.inverted li {
    float: left;
    margin-left: 1px;
}

.tools-menu.inverted a {
    float: left;
    display: block;
    color: white;
    background: #f7f7f7;
    padding: 0px 14px 0px 38px;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    font-family: 'droidSerifItalic', georgia, serif;
    font-size: 12px;
}

.tools-menu.inverted a.language {
    background: #f7f7f7 url("/extension/stepvalue/design/stepvalue/images/lang-inverted.png") 10px 9px no-repeat;
    color: #666;
}

.tools-menu.inverted a.sitemap {
    background: #f7f7f7 url("/extension/stepvalue/design/stepvalue/images/lang-inverted.png") 10px -73px no-repeat;
    color: #666;
}

.tools-menu.inverted a.contacts {
    background: #f7f7f7 url("/extension/stepvalue/design/stepvalue/images/lang-inverted.png") 10px -110px no-repeat;
    color: #666;
}

.tools-menu.inverted a span {
    float: left;
}

.tools-menu.inverted .icon {
    margin-right: 10px;
    margin-top: 2px;
}

.tools-container .close {
    position: absolute;
    right: 18px;
    top: 18px;
    background: url('/extension/stepvalue/design/stepvalue/images/btn-close_white.png') 0 0 no-repeat;
    width: 19px;
    height: 19px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    z-index: 1;
}





/* ------------------------------------------------------
WEBSITE MAIN NAVIGATION
------------------------------------------------------ */
.nav-holder {
    position: absolute;
    float: left;
    bottom: 8px;
    z-index: 9999;
    font-size: 13px;
}

.home .nav-holder {
    margin-left: 3px;
}

.nav-holder .main-menu {
    float: left;
}

.nav-holder .main-menu .top-level {
    position: relative;
    float: left;
    margin: 0px 2px;
}

.nav-holder .main-menu .top-level > a {
    color: #2d2d2d;
    font-size: 12px;
    font-family: openSans, helvetica, arial, sans-serif;
    text-transform: uppercase;
    padding: 2px 3px;
    outline: 1px solid transparent;
}

@media (min-width: 1025px) and (max-width: 1440px) {
    .nav-holder .main-menu .top-level > a {
        font-size: 15px;
        padding: 2px 4px;
    }
}

.nav-holder .main-menu .top-level > a:hover {
    background: #fff;
    color: #383838;
    text-decoration: none;
    outline: 1px solid #2d2d2d;
}

.nav-holder .main-menu .current-menu-item > a, .nav-holder .main-menu .current-page-ancestor > a {
    outline: 1px solid #2d2d2d;
}

.nav-holder.inverted .main-menu .top-level > a { color: #fff; font-size: 0.9em; font-family: openSans, helvetica, arial, sans-serif; text-transform: uppercase; padding: 2px 3px; outline: 1px solid transparent; }
.nav-holder.inverted .main-menu .top-level > a:hover { background:#fff; color:#2d2d2d; text-decoration: none; outline: 1px solid #fff; }
.nav-holder.inverted .main-menu .current-menu-item > a, .nav-holder .main-menu .current-page-ancestor > a { outline: 1px solid #fff; }

.nav-holder .icon-home { background:url("/extension/stepvalue/design/stepvalue/images/icons.png") 0px -20px; }
.nav-holder .icon-home:hover { background:url("/extension/stepvalue/design/stepvalue/images/icons.png") 0px -20px; }
.nav-holder.inverted .icon-home { background:url("/extension/stepvalue/design/stepvalue/images/icons.png") 0px 0px; }
.nav-holder.inverted .icon-home:hover { background:url("/extension/stepvalue/design/stepvalue/images/icons.png") 0px 0px; }

.nav-holder .main-menu .highlight > a { color: #fff; background:#2d2d2d; font-size: 0.9em; font-family: openSans, helvetica, arial, sans-serif; text-transform: uppercase; padding: 2px 3px; }
.nav-holder .main-menu .highlight > a:hover { background:#2d2d2d; color:#fff;  }
.nav-holder .main-menu .highlight.current-menu-item > a { outline: 1px solid #2d2d2d; color:#2d2d2d; background:transparent;}
.nav-holder.inverted .main-menu .highlight > a { color: #2d2d2d; background:#fff; font-size: 0.9em; font-family: openSans, helvetica, arial, sans-serif; text-transform: uppercase; padding: 2px 3px; }
.nav-holder.inverted .main-menu .highlight > a:hover { background:#fff; color:#2d2d2d;  }
.nav-holder.inverted .main-menu .highlight.current-menu-item > a {outline: 1px solid #fff; color:#fff; background:transparent;}

/* ------------------------------------------------------
BREADCRUMBS
------------------------------------------------------ */
.breadcrumbs { position: relative; float: left; margin: 90px 0 0 10px; z-index: 1; }
.breadcrumbs > span { font-size: 0.7em;  font-family: droidSerifItalic, georgia, 'times new roman', serif; color: #404040;  }
.breadcrumbs span a { font-family: droidSerifItalic, georgia, 'times new roman', serif; color: #404040; text-decoration: underline; margin: 0px 5px; }
.breadcrumb_last {margin-left:5px;}
.breadcrumbs.inverted span { color: #fff; }
.breadcrumbs.inverted span a { color: #fff; }


/* ------------------------------------------------------
PAGINATION
------------------------------------------------------ */
.pagination { float: left; }
.pagination li { float: left; display: block; margin-left: 0.8em; }
.pagination li a { display: block; float: left; border: 1px solid #fff; padding: 0.8em 1em; font-family: openSans, arial, helvetica, sans-serif; font-size: 1em; color: #fff; text-decoration: none; }
.pagination li a:hover { background: #8198b1; text-decoration: none; }
.pagination-container { float:left; width:100%; }
.pagination .page-numbers { display:inline-block; padding:5px 8px; color:#1f5e8f; font-size:0.9em; }
.pagination .page-numbers:hover { background-color:#1f5e8f; color:#fff; text-decoration:none; }
.pagination .current { border:1px solid #1f5e8f; }
.pagination-container .nav-links { float:right; }
.pagination-container .nav-links a { float:left; font-size:0.9em; display:inline-block; color:#1f5e8f; margin-left:1em; }


/* ------------------------------------------------------
MEGA DROPDOWN MENU
------------------------------------------------------ */
.mega-dropdown { position:absolute; width:100%; background:#fff; color:#383838; font-size:1em; /*min-height:;*/ display:none; z-index:9999; top:120%; }

.mega-dropdown-wrapper .area-title {color:#383838; font-size:0.75em; text-transform: uppercase; margin-bottom:10px; font-family: openSans, arial, sans-serif;}
.mega-dropdown-wrapper .headline {font-family:droidSerifItalic, Georgia, serif; font-size:1.5em; line-height:1.5em; margin-bottom:20px;}
.mega-dropdown-wrapper {margin:40px 0px;}
.mega-dropdown-wrapper-inner {position:relative; float:left; font-size:1em; z-index:9999; }
.menu1 .left-container {float:left; width:255px; margin-right:70px;}
.menu1 .right-container {float:left; width:395px;}

.menu1 { width:750px; }
.menu1 ul li {display:block; margin-bottom:8px;}
.menu1 ul li a {font-family:openSans, arial, sans-serif; font-size:0.8em; color:#1f5e8f;}


.menu2 { max-width:93.75%; }
.menu2 .left-container {float:left; margin-right:5%; width:29.63%; }
.menu2 .right-container { float:left; width:57.07%; }
.menu2 .right-container li { float:left; width:17%; margin-left:10px; }
.menu2 .right-container li a { display:block; float:left; }
.menu2 .right-container li .image { width: 100%; height: 100%; overflow:hidden; }
.menu2 .right-container li .image img { width: 100%; height: 100%; }
.menu2 .right-container li .label { display:block; float:left; width:100%; font-size:0.8em; line-height: 1.4em; color:#383838; margin-top:20px; font-family: openSans, arial, sans-serif; }

.menu3 { max-width:93.75%; float:left; }
.menu3 .left-container { float:left; width:100%; min-width:1024px; margin-left:10px; }
.menu3 li { float:left; width:21.5%; margin-right:10px; }
.menu3 li a { display:block; float:left; }
.menu3 li .image { width: 100%; height: 100%; overflow:hidden; }

.menu3 li .label { display:block; float:left; width:100%; font-size:0.8em; line-height: 1.4em; color:#383838; margin-top:20px; font-family: openSans, arial, sans-serif; }


/* ------------------------------------------------------
CONTENT SLIDER
------------------------------------------------------ */
/*bxslider options */.hp-left-panel .hp-left-panel-top

.slide-container { position: relative; float: left;}
.slide-container .bx-controls { position: absolute; z-index: 1; }
.slide-container .bx-prev, .slide-container .bx-next { position: relative; float: left; text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; background-image: url("/extension/stepvalue/design/stepvalue/images/arrows.png"); background-repeat: no-repeat; }
.slide-container .bx-prev { margin-right: 1px; background-position: 0px 0px; width: 27px; height: 27px; }
.slide-container .bx-next { background-position: 0px -40px; width: 27px; height: 27px; }
.slide-container .panel-wrapper {position:relative; float:left; width:100%; height:100%; overflow:hidden;}
.slide-container .panel { float: left; position: relative; height: 200px; width: 100%; }
.slide-container .panel a  {display: block;}
.slide-container .panel .panel-img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
.slide-container .panel .panel-img img { max-width: 100%;  width: 100%; vertical-align: middle; /*min-height: 530px;*/ height: 100%;}
.slide-container .panel .content { position: absolute; }


/* ------------------------------------------------------
FILTER LIST (LABELS)
------------------------------------------------------ */
.filter-list-container { float: left; margin-bottom: 64px; }
.filter-list-container .label { float: left; display: block; margin-right: 10px; font-size: 0.8em; color: #fff; font-family: droidSerif, georgia, Times, serif; }
.filter-list-container .filter-label-list { float: left; }
.filter-label-list li { float: left; display: block; margin-right: 10px; }
.filter-label-list li a { display: block; background: url("/extension/stepvalue/design/stepvalue/images/filter-label-list-remove.png") 0 0 no-repeat; padding-left: 25px; color: #fff; font-family: openSans, arial, helvetica, sans-serif; line-height: 15px; text-transform: uppercase; font-size: 0.875em; }


/* ------------------------------------------------------
FILTER MEGA DROPDOWN MENU
------------------------------------------------------ */
.filter-wrapper { float: left; position: relative; margin-right: 5px; }
.filter-list { border: 1px solid #fff; }
.filter-list li { display: block; }
.filter-label { display: inline-block; font-family: openSans, arial, helvetica, sans-serif; font-size: 0.9em; color: #fff; text-decoration: none; text-transform: uppercase; background: url("/extension/stepvalue/design/stepvalue/images/bg-filter-open.png") right center no-repeat; padding: 15px 60px 15px 20px; }
.mega-item { position: absolute; top: 47px; right: 0px; display: none; /* min-width: 900px; */ z-index:200;}
.mega-item-wrapper { position: relative; float: right; background: white; padding: 40px; }
.mega-item-wrapper .mega-item-title { float: left; width: 100%; font-family: droidSerifItalic, georgia, Times, serif; font-size: 0.9em; color: #333; margin-bottom: 30px; }
.mega-item-filter { float: left; position: relative; padding-left: 1px; }
.mega-item-filter .list-item { display: block; }
.mega-item-filter .list-item-link { display: inline-block; min-width: 115px; font-family: openSans, arial, helvetica, sans-serif; font-size: 0.9em; color: #333; border: 1px solid #333; text-decoration: none; text-transform: uppercase; background: url("/extension/stepvalue/design/stepvalue/images/bg-filter-open-invert.png") right center no-repeat; padding: 15px 60px 15px 20px; }
.mega-item-filter .mega-item-level2 { display: none; position: absolute; top: 97.83%; right: 0; min-width: 195px; background-color: #fff; background: rgba(255, 255, 255, 0.8); border: 1px solid #333; /* border-top: 0px; */ }
.mega-item-filter .list-item a.close-link-portfolio { background: url("/extension/stepvalue/design/stepvalue/images/bg-filter-close1-white.png") right center no-repeat; }
.mega-item-filter .list-item a.close-link { background: url("/extension/stepvalue/design/stepvalue/images/bg-filter-close1.png") right center no-repeat; }

.filter a.filter-label.close-link-2 { background: url("/extension/stepvalue/design/stepvalue/images/bg-filter-close2.png") right center no-repeat; }

.mega-item-filter .mega-item-level2.port-filter {right: 10px;min-width: 180px;}

.mega-item-filter .mega-item-level2 .list-item-link { border: none; text-transform: none; padding: 12px 5px 10px 15px!important; background: none; border-bottom:1px solid #f2f2f2; border-top: 1px solid #fff; font-family: openSans, Arial,Helvetica, sans-serif; color:#383838; font-size:0.8em; display:block; }
.mega-item-filter .mega-item-level2 .list-item-link:hover { background:#f2f2f2; }
.mega-item-filter .mega-item-level3 { display: none; position: absolute; top: 33px; right: 0px; width: 98.4%; background: white; border: 1px solid #333; border-top: 0px; }
.mega-item-filter .mega-item-level3 .list-item-link { border: none; margin: 5px; padding: 0px; background: none; }


/* Content area filter
------------------------------------------------------ */

.content-area-filter a.filter-label.close-link { background: url("/extension/stepvalue/design/stepvalue/images/bg-filter-close1.png") right center no-repeat;  }
.content-area-filter { position:relative; float:right; }
.content-area-filter .filter-wrapper{float:left; position:relative; }
.content-area-filter li{background:none !important; padding:0 !important; margin:0 !important; }
.content-area-filter .filter {float:left; position:relative; background:none !important; }
.content-area-filter .filter-wrapper .filter-label{display:block; border:1px solid #666; background:url('/extension/stepvalue/design/stepvalue/images/filter-label-bg.png') right center no-repeat; padding:10px 45px 10px 15px; color:#666; text-decoration:none; text-transform:uppercase;}
.content-area-filter .filter-wrapper .dropdown-wrapper{display:none; position:absolute; width:200%; top:33px; right:0px; }
.content-area-filter .filter-wrapper .dropdown-wrapper.finance { width: 100%;}



.content-area-filter .dropdown-wrapper .dropdown-content-holder{float:right; position:relative; border:1px solid #666; z-index:9999; background-color:#fff; background-color: rgba(255, 255, 255, 0.7);}
.content-area-filter .dropdown-wrapper .dropdown-content{float:left; margin-bottom:0 !important; margin-top: 0 !important; padding: 0; background-color:#fff; background-color: rgba(255, 255, 255, 0.8); }
.content-area-filter .dropdown-content .item{float:left;}
.content-area-filter .dropdown-content .sub-level{float:left; margin:0px; padding: 0;}
.content-area-filter .dropdown-content .sub-level-item{float:left; width:100%;}
.content-area-filter .dropdown-content .sub-level-link{display:block; color:#333; text-decoration:none; padding:10px 15px 10px 20px !important; border-bottom:1px solid #f2f2f2; line-height:1.4em;font-size: .9em;}
.content-area-filter .dropdown-content .sub-level-link:hover {background-color:#f2f2f2; }




/* ------------------------------------------------------
FILTER LIST (LABELS)
------------------------------------------------------ */
.filter-list-container { float: left; margin-bottom: 64px; }
.filter-list-container .label { float: left; display: block; margin-right: 10px; font-size: 0.8em; color: #fff; font-family: droidSerif, georgia, Times, serif; }
.filter-list-container .filter-label-list { float: left; }
.filter-label-list li { float: left; display: block; margin-right: 10px; }
.filter-label-list li a { display: block; background: url("/extension/stepvalue/design/stepvalue/images/filter-label-list-remove.png") 0 0 no-repeat; padding-left: 25px; color: #fff; font-family: openSans, arial, helvetica, sans-serif; line-height: 15px; text-transform: uppercase; font-size: 0.875em; }


/* ------------------------------------------------------
SEARCH FORM
------------------------------------------------------ */
.search-container { float: left; border: 1px solid #fff; background: url("/extension/stepvalue/design/stepvalue/images/transp_w_bg.png") right center repeat; width: auto; overflow: hidden; }
.search-container .input { float: left; border: 0px; margin: 0px; background: none; width: 68px; padding: 12px 0px 0px 5px; font-family: openSans, arial, helvetica, sans-serif; font-size: 0.9em; text-transform: uppercase; color: #fff; -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; outline: none; min-height: 20px; }
.search-container .input:focus { width: 120px; -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; }
.search-container .btn-submit { display: block; float: right; width: 41px; height: 44px; background: url("/extension/stepvalue/design/stepvalue/images/search_btn_bg.png") 0 0px no-repeat; }


/* ------------------------------------------------------
CONTENT IMAGE GALLERY
------------------------------------------------------ */
.me-gallery {position:relative; float:left; width:100%; margin:25px 0px; }
.me-gallery .me-gallery-container {position:relative; float:left; width:100%; }
.me-gallery .prev, .me-gallery .next {position:absolute; top:50%; margin-top:-15px; display:block; border:1px solid black; width:2.3em; height:2.3em;}
.me-gallery .prev {right:0; background:url('/extension/stepvalue/design/stepvalue/images/gallery-prev.png') center center no-repeat;}
.me-gallery .next {left:0; background:url('/extension/stepvalue/design/stepvalue/images/gallery-next.png') center center no-repeat;}
.me-gallery .me-gallery-wrapper {position:relative; width:0px; height:140px; margin:0 auto; overflow:hidden;}
.me-gallery .me-gallery-wrapper .container {position:absolute;top:0px;left:0px;width:10000px;}
.me-gallery-wrapper .item {float:left; margin-left:17px; margin-right:17px; width:180px; height:140px; overflow:hidden;}
.me-gallery-wrapper .item a {display:block; position:relative; width:180px; height:140px;}
.me-gallery-wrapper .item a .item-hover { display:none; position:absolute; top:0; left:0; background:url('/extension/stepvalue/design/stepvalue/images/carrousel-hover.png') center center; width:100%; height: 100%; }
.me-gallery-wrapper .item-hover .title { display:block; width:170px; margin:84px 5px 10px; text-align: center; text-transform: uppercase; color:#fff;}
.me-gallery-wrapper .item-hover .desc { display:block; width:170px; margin:0px 5px; text-align: center; text-transform: uppercase; color:#666;}


/* ------------------------------------------------------
WORLD MAP
------------------------------------------------------ */
.map-wrapper { margin:12% auto 2%; }
.map-col-left {float:left; width:20%; margin-left:1.8%; min-width:200px; color:#404040}
.map-col-left h1 {font-family:droidSerifItalic, georgia, Times, serif; font-size:2.13em; padding:2em 0 1em 0; margin-bottom:1em; border-bottom:1px solid #404040; }


.map-col-left li {
    padding-bottom:1em;
    border-bottom:1px solid #404040;
    margin-bottom:1em;
    font-size:1em;
    font-family:droidSerifBoldItalic, georgia, serif;
    margin-top: 2%;
}
.map-col-left li .big-text {font-family:droidSerifBold, georgia, serif;}

.map-col-right {float:right; width:75%; margin-left:1.8%; min-width:724px;margin-top: 2%;}


.map-container { text-align:right; }
img[usemap] { border: none; height: auto; width: auto; max-width: 100%; }


/* ------------------------------------------------------
WORLD MAP
------------------------------------------------------ */
.contact-form {float:left; margin-bottom:2em; min-width:760px; width:98%;}
.contact-form-wrapper .field-container {float:left; margin-bottom:1em;}
.contact-form-wrapper .input {font-family:openSans, arial, sans-serif; font-size:0.9em; color:#666; width:100%; padding:0.8em 1em; border:1px solid #d2d2d2;}
.contact-form-wrapper .textarea {font-family:openSans, arial, sans-serif; font-size:0.9em; color:#666; width:100%; height:10em; padding:0.5em 1em; border:1px solid #d2d2d2; }
.contact-form-wrapper .nm {width:100%;}
.contact-form-wrapper .mr {width:45%; margin-right:5%;}
.contact-form-wrapper .nmr {width:50%; margin-right:0;}

.contact-form table {
      width: 70%;
      border-bottom: 1px dotted #999;
      padding-bottom: 30px;
      display: block;
}

#cod-postal-tb {
    border-bottom: 0px;
    padding-bottom: 0px;
}

#cod-postal-tb td {
    padding: 0px;
}

.contact-form table td input[type='text']  {
    width: 25px;
    min-width:25px;
}

.contact-form table td input[type='text']  {
    display: block;
    border: 1px solid #999;
    padding: 5px ;
    min-width:386px;
}

.contact-form table td #cod_postal_4, .contact-form table td #cod_postal_3 {
    float: left;
}

.contact-form table td #cod_postal_4 {

}

.contact-form .field,
.antigos_empregadores p {
    color: #000;
    font-family: 'openSans', arial, helvetica, sans-serif;
    font-size: 0.8em;
    line-height: 21px;
    border: none;
}
.contact-form .field select {
    margin: 0 -25px 10px 10px;
    max-width: 265px;
    float: right;
}

.contact-form table td input[type='submit'] {
    background-color: #205c8e;
    color: #fff;
    padding: 15px 20px;
    border: none;
    text-transform: uppercase;
}

.contact-form table td input[type='button'] {
    border: 1px solid #666;
    background-color: transparent;
    color: #666;
    padding: 10px 20px;
    text-transform: uppercase;

}

#antigos_empregadores {
    float: left;
    width: 100%;
}


/* Recrutamento
-------------------------------------------------------*/
.form-wrapper {
    margin-top: 20px;
    width: 100%;
}
.form-wrapper p {
    cursor: pointer;
}
.form-wrapper-div {
    margin-top: 10px;
}


/* ------------------------------------------------------
MISC STYLES
------------------------------------------------------ */
.big-text { font-size:3.13em; }
.tooltip { background:url('/extension/stepvalue/design/stepvalue/images/tooltip.png') center center no-repeat; font-size: 15px; color:#fff; position:absolute; height:35px; padding:15px 0px 0; width:190px; display:none; text-align:center; font-family:'openSans', Helvetica, Arial, sans-serif; text-transform: uppercase; }
.landscape { display: block; }
.portrait { display: none; }

.error { color: #D8000C; background-color: #FFBABA; border:solid 1px #CB4721 !important;}
label.error {color: #D8000C;background-color:transparent; border:0 none!important; float:left; padding-left: 10px;}

.sexo-selector label.error {float:right; padding-right: 150px;}

.disponibilidade-geografica label.error {float:right;}

.upload-cv label.error {padding-left: 10px;}
.upload-cv input {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

hr {border:1px dotted #d6d6d6; margin:20px auto;}

/* clearfix
------------------------------------------------------ */
.clear:before, .clear:after { content: " "; display: table; }
.clear:after { clear: both; }
.clear { *zoom: 1; float: left; width: 100%; }


/* WRAPPERS
------------------------------------------------------ */



.wrapper { position: relative; float: left; width: 100%; height: 100%; min-width: 1000px; /*min-height: 640px;*/ overflow: hidden;  }
.wrapper-home { position: relative; float: left; width: 100%; height: 100%; min-width: 1000px; /* min-height: 640px; */ overflow: hidden; }

.content-area-wrapper {min-width:1000px; height:auto !important; min-height: 100%; overflow: hidden;}
.wrapper.areas-inner {overflow-x: hidden; min-height: 850px!important}
.wrapper .screen-bg { position: absolute; width: 100%; height: 100%; min-height: 450px; }
.wrapper .screen-bg img { width: 100%; height: 100%; min-width: 1440px; min-height: 900px; }
.header { position: relative; float: left; width: 100%; min-height: 90px; height: 90px; z-index:50;}
.spacer-top { position: relative; float: left; padding-top: 13.28125%; width: 100%; }
.top-menu-shadow {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}

.content-area-block-left {float:left; width:30.8823529%; clear:left;}
.content-area-block-right {float:left; width:57.3529412%; margin-left:10%; clear:right;}

.quote-container {float:left; width:30%; margin:0 2em 2em 0;}
.quote-container img {width:100%; height:100%;}


/* LISTS
------------------------------------------------------ */
.content-area ul {position:relative; clear:both; margin-bottom:3em;}
.content-area ul li { padding-left:20px; margin-bottom:20px; background:url('/extension/stepvalue/design/stepvalue/images/bullet.jpg') left 0.25em no-repeat; color:#666; }
.content-area ul li a{ color:#127ac4; text-decoration:underline; }

.content-area ul.menu {/*border-top:1px dotted #000;*/}
.content-area .menu li {border-bottom:1px dotted #000; padding:20px 0px 20px 10px; text-transform: uppercase; background:none; margin-bottom:0;}
.content-area .menu li a{ color:#000; text-decoration:none; display:block; }
.content-area .menu li a:hover{color:#127ac4; background:url('/extension/stepvalue/design/stepvalue/images/arrow-right-blue.png') right center no-repeat;}
.content-area .menu li.page-parent {color:#999; background:url('/extension/stepvalue/design/stepvalue/images/arrow-right-gray.png') right center no-repeat;}
.content-area .menu.children, .content-area .menu.sub-menu  {border-top:1px dotted #000; margin-left:-10px; margin-top:20px;}
.content-area .menu.children li, .content-area .menu.sub-menu li {margin-left:15%;}
.content-area .menu.children li:last-child, .content-area .menu.sub-menu li:last-child { border-bottom:none; padding-bottom:0px;}
.content-area .menu.children li:first-child, .content-area .menu.sub-menu li:first-child {/*border-bottom:1px dotted #000;*/}
.content-area .menu.children li a, .content-area .menu.sub-menu li a{background:none;}

.row { position:relative; margin-bottom:1em; }
.list-container {position:relative; float:left; width:100%; margin:20px 0px;}
.list-container .row {float:left; width:100%; /* padding:0 0 2.13em 0; */ margin-bottom:2.13em; border-bottom:1px dotted #747474;margin-right: 25px;}
.list-container .image {float:left; width:26.47%; height:auto; margin-right:4.41%; }
.list-container .image img {min-width:100%; width:100%; height:auto; }
.list-container .content {float:left; width:69.12%; }
.list-container .title {font-family: droidSerif, georgia, "times new roman", serif; font-size:1.3em; color:#333; margin-bottom:1em; line-height:1.5em;}
.list-container .title a {color:#333; text-decoration:none;}
.list-container .title a:hover {color:#127ac4; text-decoration:underline;}
.list-container .date {font-family:openSans, arial, helvetica, sans-serif;  font-size:0.9em; color:#747474; margin-bottom:1.7em; }
.list-container .summary {font-family:openSansSemiBold, arial, helvetica, sans-serif;  font-size:1em; color:#747474; margin-bottom:1.7em; line-height: 1.5em; }
.list-container .summary-news {font-family:openSansSemiBold, arial, helvetica, sans-serif;  font-size: .8em; color:#747474; line-height: 1.5em; }

.list-container .link {position:relative; bottom:0; clear:both; margin:10px 0;}
.list-container .link a {background:url('/extension/stepvalue/design/stepvalue/images/learn-more-arrow.png') 95% center no-repeat; color:#666; padding-right:25px; }
.list-container .content-full {width:100%; }
.list-container .content-full .title {font-family: droidSerifItalic, georgia, "times new roman", serif; font-size:1.1em; color:#333; }
.list-container .content-full .title-news {font-family: droidSerif, georgia, "times new roman", serif; font-size:1.5em; color:#333; font-style: italic; line-height: 1em;}

.file-list .title {font-family:openSans, arial, helvetica, sans-serif; font-size:1.2em; color:#000; margin-bottom:1.4em;}
.file-list .title span {margin-left:1%; font-size:0.8em; font-family: droidSerifItalic, georgia, "times new roman", serif;}
.file-list .list-wrapper {float:left; width:100%; margin-bottom:1em;}
.file-list .item {float:left; width:100%; margin:0 0 0.63em; padding-bottom:0.63em; border-bottom:1px dotted #747474;}
.file-list .item .left-block {float:left; width:76.47%;}
.file-list .item .left-block .audio-title {
    float:left;
    padding-top:15px;
    font-size: 0.9em;
    font-family: droidSerifItalic, georgia, "times new roman", serif;
    color: #127ac4;
}
.file-list .item .left-block .audio-player {float:right;}
.file-list .item .left-block-assembleias {float:left; width:100%;}
.file-list .item .left-block-assembleias .sub-items {
    margin-top: 10px;
    float: left;
    width: 100%;
}
.file-list .item .left-block-assembleias .sub-items .right-block a {
    padding: 0.88em 3.81em 0.88em 0.5em;
}

.file-list .item .left-block-assembleias .sub-items .item-link {
    line-height: 20px;
    width: 70%;
    display: inline-block;
}

.file-list .item .right-block {float:right; width:150px;}
.file-list .item .right-block a { color: #333; text-align: center;}
.file-list .item .item-date {font-family:openSans, arial, sans-serif; color:#747474; font-size:0.7em;}
.file-list .item .item-link {font-size:0.9em; font-family: droidSerifItalic, georgia, "times new roman", serif; color:#127ac4;}

.facts-container {float:left; width:100%; margin-bottom:3em;}
.facts-container .row {float:left; margin-bottom: 4em; padding-bottom: 4em; border-bottom: 1px dotted #d6d6d6; }
.facts-container .image {width:100%; margin-bottom:2em;}
.facts-container .image img {width:100%; height:auto;}
.facts-container .excerpt {float:left; width:29.41%;}
.facts-container .excerpt .title {font-family:DroidSerifBoldItalic, georgia, serif; font-size:3em; color:#333; margin:0; }
.facts-container .excerpt .summary {font-family:DroidSerifItalic, georgia, serif; font-size:2em; color:#333;}
.facts-container .content {float:right; width:63.97%; margin-top:2.5em; font-family:openSans, arial, sans-serif; font-size:1em; line-height:1.4em;}


.wide-list { float: left; width: 160px; }

.wide-list li { display: block; font-family: 'openSans', arial, helvetica, sans-serif; font-size: .9em; line-height: 1.4em; padding-bottom: 5px;}
.wide-list li a { display: block; padding: 1.3em 0.8em; color: #333; text-transform: uppercase; font-family: 'openSans', arial, helvetica, sans-serif; font-size: .8em;  }

.wide-list li:hover { cursor: pointer; }
.wide-list li a:hover { background-color: #42596e; text-decoration: none; color: #fff; }


/* ------------------------------------------------------
HOMEPAGE 
------------------------------------------------------ */

/* HOMEPAGE -> PANEL LEFT
------------------------------------------------------ */
.hp-left-panel { position: relative; float: left; /*min-width: 240px;*/ width: 23.45%; height: 100%; }
.home .hp-left-panel { min-height: 450px; }
.hp-left-panel:before { min-width: 240px; width: 23.45%; min-height: 450px; height: 100%; }


/* HOMEPAGE -> PANEL LEFT TOP CONTENT
------------------------------------------------------ */
.hp-left-panel .hp-left-panel-top {
    position: relative;
    width: 100%;
    height: 70.31%;
    min-height: 450px;
    overflow: hidden;
}

.hp-left-panel .hp-left-panel-top .bg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    /*min-height: 450px;*/
}

.hp-left-panel .hp-left-panel-top .bg-container img {
    width: 100%;
    height: 100%;
    /*min-height: 500px;*/
}

.hp-left-panel-top .entry {
    position: absolute;
    z-index: 1;
    left: 8%;
    top: 22.871%;
    color: #fff;
    width: 85%;
}

.hp-left-panel-top .entry .img-container {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 80px;
    text-align: left;
}

.hp-left-panel-top .entry .img-container a img {
    display: block;
    margin: 0 auto;
}

.hp-left-panel-top .entry .title {
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom:5px;
    color: #fff;
    text-shadow: 0.1em 0.1em #333;
}

@media (min-width: 1025px) and (max-width: 1440px) {
    /*.hp-left-panel-top .entry .title {

        font-size: 16px;
    }*/
}

.hp-left-panel-top .entry .post {
    font-size: 0.9em;
    line-height: 1.5em;
    margin-bottom: 20px;
}

.hp-left-panel-top .entry .post p {
    margin-bottom: 0;
    line-height: 13px;
    font-size: 11px;
}

@media (min-width: 1025px) and (max-width: 1440px) {
    /*.hp-left-panel-top .entry .post p {
        line-height: 18px;
        font-size: 13px;
    }*/
}

.hp-left-panel-top .entry .post .link-holder {
    float: left;
    margin-top: 20px;
}

.hp-left-panel-top .entry .link-holder .link {
    display: block;
    float: left;
    font-size: 0.75em;
    text-transform: uppercase;
    color: #fff;
    padding: 8px 38px 8px 14px;
    background: url("/extension/stepvalue/design/stepvalue/images/more_dotted.png") right center no-repeat;
    border: 1px solid #fff;
}

/* ------------------------------------------------------
HOMEPAGE -> PANEL LEFT BOTTOM SLIDER
------------------------------------------------------ */
.hp-left-panel-bottom { position: relative; float: left; width: 100%; min-height: 190px; height: 29.69%; *margin-top: -5px; }
.hp-left-panel-bottom .bx-controls { position:absolute; top: 50%; width: 100%; height: 27px; }
.hp-left-panel-bottom .bx-controls .bx-controls-direction {position:relative;}
.hp-left-panel-bottom .bx-controls .bx-prev { position: absolute; z-index: 1; left: 16.6666667%; top: 50%; margin-left: -24px; margin-top: -12px; }
.hp-left-panel-bottom .bx-controls .bx-next { position: absolute; z-index: 1; right: 16.6666667%; top: 50%; margin-right: -24px; margin-top: -12px; }
.hp-left-panel-bottom .slide-container { min-width: 240px; width: 100%; min-height: 190px; height: 100%; }
.hp-left-panel-bottom .slide-container .img-container { position: absolute; width: 100%; height: 100%; }
.hp-left-panel-bottom .slide-container .img-container img { width: 100%; min-height: 230px; }
.hp-left-panel-bottom .slide-container .entry { position: relative; width: 106px; height: 106px; min-width: 106px; min-height: 106px; margin: 21.0526316% auto; border: 1px solid #fff; }
.hp-left-panel-bottom .slide-container .entry .description { position: absolute; bottom: 5%; left: 5%; width: 90%; font-size: 0.8em; line-height: 1.3em; text-transform: uppercase; color: #fff; }


/* ------------------------------------------------------
HOMEPAGE -> PANEL RIGHT
------------------------------------------------------ */
.hp-right-panel { position: relative; float: left; width: 76.55%; /*min-width: 783px;*/ height: 100%; }
.home .hp-right-panel .header { /*min-width: 785px;*/ }


/* HOMEPAGE -> CONTENT SLIDER
------------------------------------------------------ */
.hp-right-panel .slide-container {
    /*min-width: 785px;*/
    width: 100%;
    min-height: 360px;
    height: 360px;
}


.hp-right-panel .slide-container .bx-controls { bottom: 29.7%; width: 100%; height: 27px; }


/* PAGER */

.hp-right-panel .slide-container .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
}

.hp-right-panel .slide-container .bx-pager .bx-pager-item,
.hp-right-panel .slide-container .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.hp-right-panel .slide-container .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.hp-right-panel .slide-container .bx-pager.bx-default-pager a:hover,
.hp-right-panel .slide-container .bx-pager.bx-default-pager a.active {
	background: #000;
}

.hp-right-panel .slide-container .panel { min-height: 383px; min-width: 785px; }
.hp-right-panel .slide-container .panel .content { z-index: 1; top: 16%; left: 3.5em; color: #fff; }
.hp-right-panel .slide-container .panel .description { font-size: 0.875em; text-transform: uppercase; margin-bottom: 20px; }
.hp-right-panel .slide-container .panel .tagline { font-size: 3em; margin-bottom: 50px; }
.hp-right-panel .slide-container .panel .tagline a { font-size: .8em; margin-bottom: 30px; color: #fff; }
.hp-right-panel .slide-container .panel .tagline a:hover {text-decoration: none;}
.hp-right-panel .slide-container .panel .tagline a:hover span{ border-bottom: 1px dotted #fff; text-decoration: none;}

.hp-right-panel .slide-container .panel .small { display: block; margin-top: 20px; font-size: 0.75em; }
.hp-right-panel .slide-container .panel .tagline span {text-shadow: 1px 1px #333;}
.hp-right-panel .slide-container .panel a.btn-more {
    display: block;
    float: left;
    border: 1px solid #fff;
    background: url("/extension/stepvalue/design/stepvalue/images/more_dotted_big.png") right center no-repeat;
    padding: 10px 70px 10px 20px;
    color: #fff;
    font-family: 'openSans', sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    text-shadow: none;
    font-size: 12px;
}
.hp-right-panel .slide-container .panel a.btn-more:hover { text-decoration: underline;}


@media only screen and (max-width: 1024px) {
    .hp-right-panel .slide-container .panel .tagline span { font-size:.75em; line-height: .8em; }
}

/* HOMEPAGE -> FOOTER
------------------------------------------------------ */
.hp-footer {
    position: relative;
    float: left;
    min-width: 785px;
    width: 100%;
    height: 29.69%;
    min-height: 190px;
}

.hp-footer .hp-footer-projects {
    position: relative;
    float: left;
    width: 30%;
    margin: 0;
}

.hp-footer .hp-footer-projects .panel {
    float: left;
    position: relative;
    height: 200px;
    width: 100%;
}

.hp-footer .hp-footer-projects .entry {
    position: relative;
    width: 106px;
    height: 106px;
    min-width: 106px;
    min-height: 106px;
    margin: 21.0526316% auto;
    border: 1px solid #fff;
}
@media (max-height: 768px) {
    .hp-footer .hp-footer-projects .entry {
        margin-top: 48px;
    }
    .hp-left-panel-bottom .slide-container .entry {
        margin-top: 48px;
    }

}


.hp-footer .hp-footer-projects .entry .description {
    position: absolute;
    bottom: 5%;
    left: 5%;
    width: 90%;
    font-size: 0.8em;
    line-height: 1.3em;
    text-transform: uppercase;
    color: #fff;
}
.hp-footer .hp-footer-projects .img-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.hp-footer .hp-footer-projects .img-container a { display: block;}

.hp-footer .hp-footer-projects .img-container img {
    width: 100%;
    min-height: 230px;
}



.hp-footer-projects ul li {
    margin-bottom: 10px;
    font-size: 15px;
}

.hp-footer-projects ul li a {
    color: #333;
    text-decoration: underline;
    font-size: 13px;
    line-height: 20px;
}

@media (min-width: 1025px) and (max-width: 1440px) {
    .hp-footer-projects ul li a {
        font-size: 15px;
    }
}

/* HOMEPAGE -> FOOTER
------------------------------------------------------ */


.hp-footer-news {
    float: left;
    min-height: 150px;
    margin: 3% 0 0 4%;
    width: 50%; /*width:68%; */
}

@media (min-width: 1025px) and (max-width: 1440px) {
    .hp-footer-news {
        width: 65%;
    }
}

.hp-footer-news .hp-footer-news-img {
    float: left;
    width: 23%;
    height: 100%;
    overflow: hidden;
    margin-right: 3%;
}
.hp-footer-news .hp-footer-news-img img {
    width: 100%;
    /*height: 100%;
    min-height: 100%;*/
}

.hp-footer-news .hp-footer-news-content {
    position: relative;
    float: left;
    left: 40px;
    width: 70%;
}

.hp-footer-news-content .title {
    font-size: 14px;
    line-height: 1.4em;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 2.5%;
}
.hp-footer-news-content .title a {
    color: #333;
}
@media (min-width: 1025px) and (max-width: 1440px) {
    .hp-footer-news-content .title {
        font-size: 20px;
    }
}

.hp-footer-news-content .description {
    font-size: 0.875em;
    color: #333;
    line-height: 1.5em;
}

.hp-footer-news-content .description p {
    font-size: 10px;
    line-height: 160%;
    margin-right: 10%;
}

@media (min-width: 1025px) and (max-width: 1440px) {
    .hp-footer-news-content .description p {
        font-size: 13px;
    }
}

.hp-footer-news-content .button-container {
    float: left;
    margin-top: 20px;
}

.hp-footer-news-content .btn-more {
    display: block;
    float: left;
    border: 1px solid #333;
    background: url("/extension/stepvalue/design/stepvalue/images/more_dotted_inverted.png") right center no-repeat;
    padding: 3px 38px 3px 14px;
    color: #000;
    font-family: 'openSans', sans-serif;
    text-transform: uppercase;
    font-size: 10px;
}

/* ------------------------------------------------------
Region 
------------------------------------------------------ */
#viewport { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; }
#viewport #articles-container { position: absolute; top: 0px; left: 0px; }
#viewport .bg-container { position: absolute; left: 0px; height: 100%; width: 100%; }
#viewport .bg-container img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
#viewport article { position: relative; float: left; width: 100%; height: 100%; overflow: hidden; overflow-y: auto; }
#viewport article section { position: relative; float: left; height: 100%; width: 100%; }

/* Region side menu 
------------------------------------------------------ */
.areas-inner-map .menu-container { display:none; position: absolute;  top: 255px; z-index: 49; left: 0; float: left; }


.areas-inner-map .menu-container p { color: #fff; text-transform: uppercase; font-size: 24px; font-family: 'openSans', arial, helvetica, sans-serif; margin: 30px 10px 20px;}
.areas-inner-map .menu-container .title { font-family: 'openSans', arial, helvetica, sans-serif; font-size: 1.6em; text-transform: uppercase; color: #fff; margin-bottom: 25px; margin-top: 1em; margin-left: 8%; }
.areas-inner-map .menu-container ul { border-top: 1px dotted #fff; min-width: 200px; display: block; margin: 0 auto; }
.areas-inner-map .menu-container ul li { display: block; }
.areas-inner-map .menu-container ul li a { display: block; padding: 18px 8px; color: #fff; border-bottom: 1px dotted #fff; background: url("/extension/stepvalue/design/stepvalue/images/region-menu-bullet.png") 95% center no-repeat; text-transform: uppercase; font-family: openSans, arial, helvetica, sans-serif; font-size: 12px; }
.areas-inner-map .menu-container ul li a:hover { opacity: .7; background:url('/extension/stepvalue/design/stepvalue/images/arrow-right-transp.png') 95% center no-repeat; text-decoration: none; }
.areas-inner-map .menu-container.inverted .title { color: #404040; }
.areas-inner-map .menu-container.inverted p { color: #404040; }
.areas-inner-map .menu-container.inverted ul { border-top: 1px dotted #404040; }
.areas-inner-map .menu-container.inverted ul li { display: block; }
.areas-inner-map .menu-container.inverted ul li a { color: #404040; border-bottom: 1px dotted #404040; background: url("/extension/stepvalue/design/stepvalue/images/arrow-right-black.png") 95% center no-repeat; }

.real_contents header h1 { width: 60%; float: left; font-size: 2em;}
.real_contents header h1.region span {margin-bottom: .2em;}
.real_contents header .btn-container { float: right; width: 20%}
.real_contents p b { font-size: 16px; color: #333; padding-bottom: 1em;display: inline-block;}


/* Region left panel
------------------------------------------------------ */
.entry-container { position: relative; float: left; height: 100%; width: 100%; }
/*.region .entry-container { z-index: 100;}*/
.entry-container .entry-left-panel { position: relative; float: left; width: 22.4609375%; }
.entry-container .entry-left-panel .menu-spacer { position: relative; float: left; width: 100%; min-width: 234px; min-height: 300px; max-width: 329px; background-repeat: repeat-y; }
.entry-container .entry-left-panel .img-container { float: left; width: 100%; text-align: right; max-width: 329px; min-width: 234px; }
.entry-container .entry-left-panel .img-container img{ float:right; display:block; max-width:329px; }

/* Region central panel
------------------------------------------------------ */
.entry-container .entry-central-panel { float: left; position: relative; width: 45%; margin: 0px 3.80625%; z-index:12;}
.entry-container .entry-central-panel .entry-content { float: left; width: 100%; }
.entry-container .entry-central-panel .entry-content p { font-family: openSans, arial, helvetica, sans-serif; font-size: .9em; color: #666666; line-height: 1.4em; }
.entry-container .entry-central-panel .entry-content .subtitle { font-family: openSans, arial, helvetica, sans-serif; color: #333333; font-size: 1.2em; line-height: 1.4em; margin-bottom: 0.5em; font-weight: bold; }


/* Region home panel
------------------------------------------------------ */
.entry-container .entry-home-panel { float: left; position: relative; width: 70%; margin: 0 3%; z-index:12;}
.entry-container .entry-home-panel .entry-content { float: left; width: 100%; }
.entry-container .entry-home-panel .entry-content p { font:.8em/1.6 openSans, arial, helvetica, sans-serif; color: #666666; float: left; width: 85%;}
.entry-container .entry-home-panel .entry-content .subtitle { font-family: openSans, arial, helvetica, sans-serif; color: #333333; font-size: 1.2em; line-height: 1.4em; margin-bottom: 0.5em; font-weight: bold; }
.entry-container .entry-home-panel .real_contents .btn-container .btn-more { display: block; float: left; border: 1px solid #333; background: url("/extension/stepvalue/design/stepvalue/images/more_dotted_inverted.png") right center no-repeat; padding: 10px 40px 10px 20px; color: #000; font-family: openSansSemiBold, arial, helvetica, sans-serif; text-transform: uppercase; font-size: .8em; }


/* Region central Full panel
------------------------------------------------------ */
.entry-container .entry-full-panel { float: left; position: relative; width: 68%; margin: 0px 3.80625% 80px; z-index:12;}
.entry-container .entry-full-panel .entry-content { float: left; width: 100%; }
.entry-container .entry-full-panel .entry-content p { font-family: openSans, arial, helvetica, sans-serif; font-size: .9em; color: #666666; line-height: 1.4em; }
.entry-container .entry-full-panel .entry-content .subtitle { font-family: openSans, arial, helvetica, sans-serif; color: #333333; font-size: 1.2em; line-height: 1.4em; margin-bottom: 0.5em; font-weight: bold; }
.entry-full-panel .company-list-header .title.openSans { width: 70%; float: left; margin-top: 15px;}
.entry-full-panel .company-list-header .title .results { font-size: 11px;font-style: italic;line-height: 20px;}

/* CUSTOM SCROLLBAR
------------------------------------------------------ */
.entry-container .entry-central-panel .holder {height:100%; width:100%; margin-bottom:20px;}
.entry-container .entry-central-panel .scrollContainer {position:absolute; z-index:9999; background:#e0e0e0; width:1000px;}
.entry-container .entry-central-panel .scroll-pane {float:left; overflow: auto; height:33em; width:95%; margin-right:10px; padding-bottom:10px; position:relative; margin-left:0px;margin-bottom:5px; display:inline; }
.entry-container .entry-central-panel .scroll-content {position:absolute;top:4px;left:2px; width:95%;}
.entry-container .entry-central-panel .scroll-content a {color:#f37920;}
.entry-container .entry-central-panel .scroll-content-item {background-color:#fcfcfc; color:#003366; height:100px;float:left;margin:10px;font-size:3em;line-height:96px;text-align:center;border:1px solid gray;display:inline;}
.entry-container .entry-central-panel .slider-wrap{float:left;background-color:#f0f0f0;width:6px;border-left:none; margin-left:3px; padding-top:2px; padding-bottom:2px;}
.entry-container .entry-central-panel .slider-vertical{position:relative;height:100%; }
.entry-container .entry-central-panel .ui-slider-handle{width:6px;height:10px;margin:0 auto;background-color:#e0e0e0;display:block;position:absolute; outline:none;}


/* Region right panel
------------------------------------------------------ */
.entry-container .entry-right-panel { float: right; position: relative; width: 22.8515625%; }
.entry-container .entry-right-panel.region-companies { width: 20%; }
/*.entry-lt-bg { padding-left: 51px; }*/
.company-list-wrapper {margin-top: 30px;}

/* Region right panel slider
------------------------------------------------------ */
.entry-container .entry-right-panel .slide-container { width: 100%; height: 100%; min-height: 234px; min-width: 234px; float: right; }
.entry-container .entry-right-panel .slide-container .bx-controls { bottom: 0px; right: 0px; width: 62px; height: 27px; }
.entry-container .entry-right-panel .slide-container img {}
.entry-container .entry-right-panel .slide-container .panel { min-height: 234px; min-width: 234px; width: 100%; height: 100%; }
.entry-container .entry-right-panel .btn-container { float: left; margin-top: 20px; }
.entry-container .entry-right-panel .btn-container .btn-more { display: block; float: left; border: 1px solid #333; background: url("/extension/stepvalue/design/stepvalue/images/more_dotted_inverted.png") right center no-repeat; padding: 7px 38px 7px 14px; color: #000; font-family: openSansSemiBold, arial, helvetica, sans-serif; text-transform: uppercase; font-size: 1em; }

/* Region intro
------------------------------------------------------ */
#introduction { background: #fff; }
#introduction .entry-central-panel .title { font-family: droidSerifItalic, georgia, 'Times New Roman', serif; font-size: 3.125em; color: #127ac4; padding-bottom: 1em; background: url("/extension/stepvalue/design/stepvalue/images/title_border.jpg") left bottom no-repeat; margin-bottom: 1em; }

/* Region companies
------------------------------------------------------ */
.europa-content #companies { background: #fff; }
#companies { background: #ddd; }
#companies .bg-container img { top: auto; bottom: 0px; }
#companies .entry-left-panel .menu-spacer { background: none; }
#companies .entry-central-panel .title { font-size: 1.7em; color: #333; margin-bottom: 1em; }
#companies .entry-central-panel .title span { font-size: 0.7em; color: #333; margin-bottom: 1em;line-height: 30px; }
#companies .options-container { float: right; width: 100%; position: relative; z-index:2001;}
#companies .options-container .filter-wrapper { float: right; margin-right: 50px; margin-top: 30px; }
#companies .search-container { margin-left: 10px; float: right; margin-right: 50px; }
#companies .search-container #search { }
#companies .wide-list {  }


/* Companies gallery popup GALLERY POPUP
------------------------------------------------------ */
.company-template { width: 800px; height:600px; background: #fff; position: relative; float: left; display: none; overflow:visible !important; }
.company-template .bx-controls { position:absolute; top: 50%; left: 0px; width: 100%; height: 48px; margin-top:-24px; }
.company-template .bx-controls .bx-prev { position: absolute; top: 0; left: -42px; background: url("/extension/stepvalue/design/stepvalue/images/nav-prev.jpg") 0 0 no-repeat; width: 42px; height: 48px; }
.company-template .bx-controls .bx-next { position: absolute; top: 0; right: -42px; background: url("/extension/stepvalue/design/stepvalue/images/nav-next.jpg") 0 0 no-repeat; width: 42px; height: 48px; }
.company-template .content-slider { width:800px; height: 600px; max-width: 800px; max-height:600px;  }
.company-template .content-slider .panel { width:800px; height: 600px; max-width: 800px; max-height:600px;  }
.company-template .content-slider .panel .company-header{ float:left; margin:20px 40px;  }
.company-template .content-slider .panel .company-header{ float:left; margin:20px 40px;  }
.company-template .content-slider .panel .company-header .title{ font-family:openSans, arial, sans-serif; font-size:1.8em; text-transform: uppercase; margin-bottom:0px; }
.company-template .content-slider .panel .company-info-wrapper{position:relative; float:left; margin:20px 40px; width:720px; }
.company-template .content-slider .panel .company-info{position:relative; float:left; font-family:openSans, arial, sans-serif; margin-bottom:20px; font-size:0em;  }
.company-template .content-slider .company-info .col-left{ float:left; width:39.31%; margin-right:4.14%; }
.company-template .content-slider .col-left .content-block{float:left; width:100%; border-top:1px dotted #333; padding-top:20px; margin-bottom:20px; }
.company-template .content-slider .col-left .content-block a {color:#127ac4; text-decoration:underline;  }
.company-template .content-slider .col-left .content-block p {color:#127ac4; text-decoration:underline;  }

.company-template .content-slider .company-info .col-right{float:left; width:55.17%; }
.company-template .content-slider .company-footer {float:left; width:100%; margin:20px 40px;}

/* Region facts
------------------------------------------------------ */
#viewport.europa-content #region { background-color:#99b3c4;}
#region .entry-left-panel .menu-spacer { background: none; }
#region .region-info-map .wide-list { font-size: 0.875em; font-family: droidSerifBoldItalic, georgia, Times, serif; text-transform: uppercase; color: #fff; }
#region .region-info-wrapper { width: 63.19%; margin-left: 3.80625%; position: relative; z-index:1; }
.region-info-wrapper { float: left; }
.region-info-wrapper .region-info-map { float: left; position: relative; width: 45.26%;  }
.region-info-map .map-container { position: absolute; top: 20px; right: 0px; }

.region-info-map .map-container .total-countries, .region-info-map .map-container .total-countries-africa {
    color: #fff;
    font-size: 8.875em;
    font-family: droidSerifBoldItalic, georgia, Times, serif;
    text-shadow: 1px 1px 10px #ccc;
    position: absolute;
    top: 0;
    left: -150px;
}

.region-info-map .map-container .total-countries-europa{ left: -102px; top: -20px; }

.region-info-map .map-container .total-countries-africa{ left: -122px; top: -20px; }
.region-info-map .map-container .total-countries-africa span { display: block; }
.region-info-map .map-info { float: left; margin-top: 1.3em; z-index: 1; position: relative; z-index: 51; }
.map-info .desc { margin-top: 140px; color: #fff; font-size: 0.875em; font-family: droidSerifBoldItalic, georgia, Times, serif; margin-bottom: 20px; text-transform: uppercase; }
.region-info-numbers { float: left; width:30.61%; /* 46.61% */ padding-left: 7.23%; border-left: 1px solid #fff; }
.region-info-numbers .line { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #fff; }
.region-info-numbers .info-number { color: #fff; font-size: 3em; font-family: droidSerif, georgia, serif; font-weight: bold; }
.region-info-numbers .currency { color: #fff; font-size: 0.55em; font-family: droidSerif, georgia, serif; }
.region-info-numbers .title { color: #fff; font-size: 1.2em; font-family: droidSerifBoldItalic, georgia, serif; width: 100%; text-transform: uppercase; padding-top: 10px; }
.region-info-numbers .desc { color: #fff; font-size: 0.75em; font-family: openSans, arial, sans-serif; text-transform: uppercase; }


/* ------------------------------------------------------
TIMELINE
------------------------------------------------------ */
.timelineContainer { position: absolute; width: 100%; height: 100%; }
.timelineContainer .bg-container { position: absolute; left: 0px; height: 100%; width: 100%; }
.timelineContainer .bg-container img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.timelineContainer .timelineHeader { position: relative; float: left; width: 100%; z-index:2001;}
.timelineHeader .titleContainer { position: relative; float: left; width: 32.64%; }
.timelineHeader .filterContainer { position: relative; float: right; text-align: right; margin-right: 50px; }
.timelineHeader .filterContainer .search-container { margin-left: 8px; }
.timelineHeader .title { position: relative; margin-left: 6%; font-size: 1.875em; color: #fff; text-transform: uppercase; margin-bottom: 10px; }
.timelineHeader .results { font-size: 0.6em; font-family: droidSerifItalic; text-transform: lowercase; margin-left: 4%; }
.timelineHeader .filter-list-container { position: relative; float: left; margin-left: 6%; }
.timeline .nav { position: absolute; left: 50%; bottom: 25px; margin-left: -60px; }
.timeline .nav .image { margin-bottom: 10px; display: inline-block; text-align: center; width: 100%; }
.timeline .nav .label { font-size: 0.55em; color: #bab3a6; text-transform: uppercase; text-align: center; }

/* TIMELINE GALLERY
------------------------------------------------------ */
.image-timeline { position: relative; float: left; width: 100%; z-index:1;}
.timeline-column { position: absolute; width: 100%; height: 500px; left: 0px; top: 0px; z-index:90}
.timeline-column-thumb { position: absolute; min-width: 260px; height: 310px; min-height: 310px; overflow:hidden; }
.timeline-column-thumb.medium { width:14.58%; height:48.89%; min-height:310px; /* width: 280px; */ /* height: 528px !important; */}
.timeline-column-thumb.wide { width:18.75%; height: 68%; min-height: 332px; /* width: 360px; height: 600px; */ }
.timeline-column-thumb .thumb { position: relative; float: left; }
.timeline-column-thumb .thumb img { position:absolute; left:0px; top:0px; display: block; height: auto; width: 100%; }
.timeline-column-thumb.medium .thumb {width:99.5%; height:64.52%; /* height:280px */ min-height:200px; overflow:hidden;}
.timeline-column-thumb.wide .thumb {width:99.5%; height:66.67%;  /* height:309px; */ overflow:hidden;}
.timeline-column-thumb .thumb-details { position: absolute; left:0px; top:64.52%; width: 99.5%; height:66.67%; /* height:142px; */  background: #000; z-index:99;}
.timeline-column-thumb.wide .thumb-details { top:64%; width:99.5%;}
.timeline-column-thumb .thumb-details-wrapper { position: absolute; left:0px; top:0px; margin: 1.2em; width:89%;}
.timeline-column-thumb.wide .thumb-details-wrapper { width:89.5%; }
.timeline-column-thumb .label { position: relative; float: left; width: 99.5%; text-align: center; font-size: 0.8em; color: #5c5c5c; text-transform: uppercase; }
.timeline-column-thumb .title { position: relative; float: left; width: 99.5%; text-align: center; font-size: 1em; color: #fff; text-transform: uppercase; margin: 1em 0px; overflow: hidden; display: inline-block; vertical-align: middle; }
.timeline-column-thumb .thumb-hover { display: none; position: absolute; left: 0; top: 0; width: 99.5%; height: 98.5%; background: url("/extension/stepvalue/design/stepvalue/images/dot_black.png") 0 0 repeat; z-index:100;}
.timeline-column-thumb .thumb-hover .thumb-hover-wrapper { position: relative; float: left; margin: 2em; }
.timeline-column-thumb .thumb-hover-wrapper .title { font-size: 1.2em; }
.timeline-column-thumb .thumb-hover .thumb-hover-wrapper .btn-container { position: relative; float: left; margin: 1.4em 0px; width: 100%; }
.timeline-column-thumb .thumb-hover .thumb-hover-wrapper .btn-more { font-family: 'openSans' helvetica, arial, sans-serif; font-size: 1em; display: table; margin: 20px auto; float: none; }
.timeline-column-thumb .image-count { position: absolute; left:0px; top: 430px; font-family: droidSerif, georgia, Times, serif; font-size: 0.7em; color: #bab3a6; text-align: center; width: 100%; }
.timeline-column-thumb.wide .image-count { color: #fff; top:460px;}
.timeline-column-thumb .image-count .container { display: inline-block; width: 100%; text-align: center; }
.timeline-column-thumb .image-count .container img { vertical-align: middle; margin-right: 5px; }


/* TIMELINE GALLERY POPUP
------------------------------------------------------ */
.gallery-template { width: 800px; height: 705px; background: #000; position: relative; float: left; display: none; }
.gallery-template .gallery-header { position: relative; float: left; margin: 20px 40px; }
.gallery-template .gallery-header .country { font-size: 0.8em; color: #5c5c5c; text-transform: uppercase; }
.gallery-template .gallery-header .title { font-size: 1.8em; color: #fff; text-transform: uppercase; }
.gallery-template .slide-container { min-height: 390px; min-width: 800px; margin-bottom: 10px; }
.gallery-template .slide-container .bx-controls { top: 185px; left: 0px; width: 100%; height: 48px; }
.gallery-template .slide-container .bx-controls .bx-prev { position: absolute; top: 0; left: -42px; background: url("/extension/stepvalue/design/stepvalue/images/nav-prev.jpg") 0 0 no-repeat; width: 42px; height: 48px; }
.gallery-template .slide-container .bx-controls .bx-next { position: absolute; top: 0; right: -42px; background: url("/extension/stepvalue/design/stepvalue/images/nav-next.jpg") 0 0 no-repeat; width: 42px; height: 48px; }
.gallery-template .slide-container .panel { height: 390px; width: 800px; min-height: 390px; min-width: 800px; }
.gallery-template .img-info { position: relative; float: right; color: #fff; font-family: droidSerif, georgia, times, sans-serif; font-size: 0.7em; clear: both; margin-right: 10px; }
.gallery-template .img-info img { margin-right: 5px; vertical-align: middle; }
.gallery-template .project-info { position: relative; float: left; width: 740px; margin: 20px 35px; }
.gallery-template .project-info .label { color: #5c5c5c; margin-right: 15px; }
.gallery-template .project-description { font-size: 0.875em; margin-bottom: 20px; text-transform: uppercase; }
.gallery-template .project-customer { font-size: 0.875em; margin-bottom: 10px; text-transform: uppercase; }
.gallery-template .project-value { font-size: 0.875em; margin-bottom: 10px; text-transform: uppercase; }
.gallery-template .project-year { font-size: 0.875em; margin-bottom: 10px; text-transform: uppercase; }



/* ------------------------------------------------------
INSTITUTIONAL CONTENT PAGE (EX: CEO MESSAGE)
------------------------------------------------------ */
.central-wrapper { position: absolute; width: 66.67%; min-width: 960px; left: 15.28%; top: 24.44%; }
@media (max-width: 1024px) {
 .central-wrapper {left: 7.28%}
}

.central-wrapper .sidebar { position: relative; float: left; width: 27.08%; min-width: 260px; }
.central-wrapper .sidebar .title-container { float: right; border: 1px solid #fff; position: relative; height: 27.68%; min-height: 155px; width: 59.62%; min-width: 155px; }
.central-wrapper .sidebar .title-container .title { position: absolute; color: #fff; font-size: 0.8em; text-transform: uppercase; left: 10px; bottom: 10px; }
.central-wrapper .sidebar .description-container { float: right; background: #fff; width: 80%; min-width: 260px; height: 46.43%; }
.central-wrapper .sidebar .description-container h2 { color: #475a73; font-size: 1.75em; text-transform: uppercase; margin: 1em; }
.central-wrapper .sidebar .description-container p { color: #666666; font-size: 0.8em; margin-bottom: 25px; margin-left: 25px; }
.central-wrapper .sidebar .action-container { float: right; margin: 15px 0px; }
.central-wrapper .sidebar .action-container .btn-more { background: url("/extension/stepvalue/design/stepvalue/images/more_dotted_big.png") right center no-repeat; padding: 15px 70px 15px 20px; }
.central-wrapper .box-container { position: relative; float: left; width: 72%; }
.central-wrapper .box-container .hero-box { width:100%; overflow:hidden; }
.central-wrapper .box-container .hero-box img { display:inline-block; font-size:0; line-height: 0; max-width: 100%; max-height: 100%; }
.central-wrapper .box-container .content-box { position: absolute; top:-70%; left: 0px; float: left; background: #fff; width: 88%; }
.central-wrapper .box-container .content-box .close { position: absolute; right: 18px; top: 18px; background:url('/extension/stepvalue/design/stepvalue/images/btn-close_black.png') 0 0 no-repeat; width:19px; height:19px; text-indent: 100%; white-space: nowrap; overflow: hidden; display:inline-block;}
.central-wrapper .box-container .content-box .content-wrapper { margin: 8.7% 5%; }
.central-wrapper .box-container .content-box .content-wrapper .headline { padding: 26px 0px 0px 40px; background: url("/extension/stepvalue/design/stepvalue/images/quotes.png") 0 0 no-repeat; font-size: 1.2em; line-height: 1.5em; color: #444; font-weight: bold; margin-bottom: 26px; }
.central-wrapper .box-container .content-box .content-wrapper p { margin-bottom: 25px; font-size: 0.8em; line-height: 1.4em; color: #444; }
.central-wrapper .box-container .content-box .content-wrapper p.tit {margin-bottom: 10px;}

/* CUSTOM SCROLLBAR
------------------------------------------------------ */
.central-wrapper .box-container .content-box .holder {height:100%; width:100%; margin-bottom:20px;}
.central-wrapper .box-container .content-box .scrollContainer {position:absolute; z-index:9999; background:#e0e0e0; width:1000px;}
.central-wrapper .box-container .content-box .scroll-pane {float:left; overflow: visible; min-height:350px; width:100%; position:relative; margin-left:0; display:inline; }
.central-wrapper .box-container .content-box .scroll-content {position:absolute;top:4px;left:2px; width:95%;}
.central-wrapper .box-container .content-box .scroll-content a {color:#f37920;}
.central-wrapper .box-container .content-box .scroll-content-item {background-color:#fcfcfc; color:#003366; height:100px;float:left;margin:10px;font-size:3em;line-height:96px;text-align:center;border:1px solid gray;display:inline;}
.central-wrapper .box-container .content-box .slider-wrap{float:left;background-color:#f0f0f0;width:6px;border-left:none; margin-left:3px; padding-top:2px; padding-bottom:2px;}
.central-wrapper .box-container .content-box .slider-vertical{position:relative;height:100%; }
.central-wrapper .box-container .content-box .ui-slider-handle{width:6px;height:10px;margin:0 auto;background-color:#e0e0e0;display:block;position:absolute; outline:none;}

.central-wrapper .box-container .content-box-footer { float: left; position: relative; margin: 1em 0px 1em 0; padding:0; }
.central-wrapper .box-container .content-box-footer .logo-container { float: left; margin-right: 30px; }
.central-wrapper .box-container .content-box-footer .actions-container { float: left; margin-top: 15px; }
.central-wrapper .box-container .content-box-footer .actions-container li { float: left; margin-right: 20px; }
.central-wrapper .box-container .content-box-footer .actions-container li .icon { float: left; /* text-transform: uppercase; */ font-size: 0.75em; color: #353535; padding-left: 25px; width: 100%; line-height: 18px; }

/* ------------------------------------------------------
SEARCH RESULTS
------------------------------------------------------ */
.gsc-result-info {
    font-size: 21px !important;
}
.cse .gsc-control-cse div, .gsc-control-cse div{
    font-family: openSans, helvetica, arial, sans-serif;

}
#debug table, th, td{
    border: 0;
}
.gsc-control-cse {
    background-color: transparent !important;
}
/*Displayed Search Results Areas*/
div.gsc-wrapper,
.gsc-wrapper div
{
    background-color:transparent !important;
    border: 0 !important;
}
.cse .gsc-control-cse, .gsc-control-cse{
    border:0 !important;
}

.video-holder{
    margin-bottom: 30px;
}



/*seta a saltar*/
.btn-bottom, .btn-top {
    text-indent: -9999px;
    overflow: hidden;
    width: 50px;
    height: 30px;
    background: url(/extension/stepvalue/design/stepvalue/images/bounce.png) no-repeat;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -13px;
    cursor: pointer;
    z-index: 60;
}

.btn-top {
    background-position: 0 -30px;
}


.europa-content #companies .btn-top {
    bottom: -120px;
}

.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
}
.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}


@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	40% {-webkit-transform: translateY(-30px);}
    60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-30px);}
    60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-30px);}
    60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}

.shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    z-index: 10;
    background: url(/extension/stepvalue/design/stepvalue/images-uploads/degrade.png) 0 0 repeat-x;

}

/* ------------------------------------------------------
MEDIA QUERIES
------------------------------------------------------ */


/* Screen size media queries
------------------------------------------------------ */
/*
@media only screen and (max-width: 1024px) { 
	.entry-right-panel {position:absolute !important; padding-top:13.28125%; right:50px; }
	.entry-right-panel .slide-container {display:none;}
	.entry-right-panel .btn-container {float:right !important;}
	.entry-central-panel {width:57.449219% !important; }
}

@media only screen and (max-width: 1279px) { 
	.menu2 {width:960px;}
	.wrapper { font-size: 12px; }
	.hp-footer { min-height: 190px; }
	.hp-footer-news .hp-footer-news-img { width: 140px; height: 140px; }
	.hp-left-panel-bottom { min-height: 190px; }
	.timeline .nav {display:none;}
	.content-box {min-height: 400px;}
	.content-box .scroll-pane {height:260px;}
   }
@media only screen and (min-width: 1280px) { 
	.wrapper { font-size: 14px; }
	.menu2 {width:1105px;}
	.hp-footer { min-height: 190px; }
	.nav-holder .main-menu li { margin-left: 0.6em; margin-right: 0.6em; }
	.hp-footer-news .hp-footer-news-img { width: 145px; height: 145px; }
	.hp-left-panel-bottom { min-height: 190px; } 
	.content-box {min-height: 405px; }
}
@media only screen and (min-width: 1366px) and (max-width: 1367px) { 
	.hp-left-panel-top .entry .title { font-size: 1em; line-height: 1.2em; }
	.hp-left-panel-top .entry .post { font-size: 0.9em; line-height: 1.2em; margin-bottom: 20px; }
	.hp-left-panel-bottom .entry .description { font-size: 0.7em; }
	.hp-right-panel .slide-container .panel .content { position: absolute; z-index: 1;
        top: ;: 16%; left: 3.5em; color: #fff; }
	.content-box {min-height: 400px;}
	.content-box .scroll-pane {height:300px;}
}
@media only screen and (min-width: 1367px) { 
	.wrapper { font-size: 16px; }
	.nav-holder .main-menu li { margin-left: 0.3em; margin-right: 0.3em; }
	.hp-left-panel-top .entry .title { line-height: 1.3em; }
	.hp-left-panel-top .entry .post { font-size: 0.8em; line-height: 1.2em; }
	.hp-footer { min-height: 210px; }
	.hp-footer-news .hp-footer-news-img { width: 155px; height: 155px; }
	.hp-left-panel-bottom { min-height: 210px; } 
	.content-box {min-height: 450px;}
	.content-box .scroll-pane {height:300px;}
}

/* Orientation specific media queries
------------------------------------------------------ */
/*
@media screen and (orientation: portrait) { .landscape { display: none; }
  .portrait { display: block; } 
}
@media screen and (orientation: landscape) { .landscape { display: block; }
  .portrait { display: none; } 
}
*/



/* ------------------------------------------------------
PLUGIN OVERWRITES
------------------------------------------------------ */


/* Page Builder
------------------------------------------------------ */
/*.panel-grid-cell {padding: 0px 2.5em 0px 15px;}*/


/* ------------------------------------------------------
Li's da página Responsabilidade social
------------------------------------------------------ */
.ul-col-open:before, .ul-col-closed:before {
    width: 15px;
    padding: 0px 2px;
    display: inline-block;
}

.ul-col-open:before {
    content: "-";
}

.ul-col-closed:before {
    content: "+";
}

.textwidget ul li {
    line-height: 1.4em;
}


.presenca-int .wrapper.areas-inner {
    height: auto!important;
}


/* ------------------------------------------------------
CSS for Adaptative layout ajustments
------------------------------------------------------ */


.tablet .hp-left-panel .hp-left-panel-top {
    max-height: 540px;
}

.tablet .hp-right-panel .slide-container .bx-controls {
    top: 510px;
}



.tablet .wrapper-home,
.tablet #viewport article {
    overflow: auto;
}


.tablet #viewport .intro .bg-container {
    background-color: #e0e6dc;
}

.tablet #viewport.africa-content .intro .bg-container {
    background-color: #e2d0ba;
}

.tablet #viewport .bg-container img {
    max-height: 740px;
}

#viewport.africa-content #introduction {
    background-color: #e2d0ba;
}

#viewport.africa-content #region {
    background-color:#cda88b ;
}

.tablet #companies {
     background: #fff;
}

.africa-content #companies {
    background:#f6ede4;
}

.tablet #companies .bg-container img {
    top:0;
}



.tablet #viewport.europa-content .intro .bg-container,
.tablet #viewport.europa-content #introduction{
    background-color: #b5c7d6;
}

#viewport.america-content #introduction {
    background-color: #e0e6dc;
}
#viewport.america-content #region {
    background-color: #aabcae;
}