@charset "utf-8";
/* COPYRIGHT (C) Inovazi - Agência Criativa  */

/* == HTML5 CLEAN =========================================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #b40e0b; color: #fff; text-shadow: none; }
::selection { background: #b40e0b; color: #fff; text-shadow: none; }

a { color: #000; text-decoration: underline }
a:visited { color: #000; }
a:hover { color: #7f050e; }
a:focus { outline: thin dotted; }

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

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

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

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;  }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

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

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
    * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a, a img {text-decoration: none;border: none;}

/* =========================================================================================== HTML5 CLEAN == */



/* == BODY ================================================================================================== */
body {
    margin: 0;
    padding: 0;
    font-family: 'Verdana', sans-serif;
    font-size: 11px;
}
/* ================================================================================================== BODY == */



/* == COMMON ================================================================================================ */
body * {
    position: relative;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
}

body a,
body nav,
body article,
body header,
body section {
    display: block;
}

body script {
    visibility: hidden !important;
    opacity: 0 !important;
    display: none !important;
}


a{
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    text-decoration: none;
}

.col-md-1 {width: 8.33333%;}
.col-md-2 {width: 16.66667%;}
.col-md-3 {width: 25%;}
.col-md-4 {width: 33.33333%}
.col-md-5 {width: 41.66667%;}
.col-md-6 {width: 49.9%;}
.col-md-7 {width: 58.33333%;}
.col-md-8 {width: 66.66667%;}
.col-md-9 {width: 75%;}
.col-md-10 {width: 83.33333%;}
.col-md-11 {width: 91.66667%;}
.col-md-12 {width: 100%;}

[class*="col-md-"]{
    display: inline-block;
    vertical-align: top;
}

[class*="col-md-"]:last-child{
    margin-left: -6px;
}

.clearfix {clear: both;}


.inner{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

table{ display: table; border: 0; }
tr{ display: table-row; border: 0; }
td, th{ display: table-cell; border: 0; }
td span, td i, td strong, td b, td u, td a{ display: inline }
p span, p i, p strong, p b, p u, p a{ display: inline }
/* ================================================================================================ COMMON == */


/* == HEADER ================================================================================================ */

header{
    background: rgba(217,217,217,.9);
}

header .topbar{
    padding: 20px 20px 15px;
    height: 80px;
    z-index: 3;
}

header .topbar .inner{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

header .topbar .logo{
    background: url('../img/logotipos/logo.png') 0 0 no-repeat;
    width: 85px;
    height: 83px;
    float: left;
}

header .topbar .logo2{
    background: url('../img/logotipos/logo.png') -85px 0 no-repeat;
    width: 419px;
    height: 59px;
    float: left;
}

header .topbar .linguas{
    position: relative;
    float: right;
}

header .topbar .linguas li{
    display: inline-block;
    margin:25px 3px 17px 10px;
    padding-bottom: 3px;
    /*width: 29px;*/
    height: 25px;
    text-transform: uppercase;
    color: #676767;
}

header .topbar .linguas li:after{
    content: "";
    width: 29px;
    height: 2px;
    background: #676767;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;
}

header .topbar .linguas li:first-child{
    position: absolute;
    right: 0;
    top: -23px;
    font-size: 10px;
    color: #494848;
}

header .topbar .linguas li:hover:after,
header .topbar .linguas li.current:after{
    opacity: 1;
}

header .topbar .linguas li:first-child:hover{
    border: none;
}

header .topbar .linguas li a{
    padding-right:36px;
    /*width: 29px;*/
    height: 19px;
    color: #676767;
}

header .topbar .linguas li .portugues{
    background: url('../img/icons/portugal.png') top right no-repeat;
}

header .topbar .linguas li .ingles{
    background: url('../img/icons/ingles.png') top right no-repeat;
}

header .topbar .linguas li .chines{
    background: url('../img/icons/china.png') top right no-repeat;
}


header .mobileLanguage{
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    background: rgba(37,37,37,.95);
    z-index: 2;
    display: none;
}

header .mobileLanguage .linguas{
    text-align: right;
}

header .mobileLanguage .linguas li{
    display: block;
    margin:17px 0;
    height: 25px;
    width: 100%;
    text-align: right;
}

header .mobileLanguage .linguas li:hover,
header .mobileLanguage .linguas li.current{
    opacity: .5;
}

header .mobileLanguage .linguas li a{
    width: 91%;
    height: 19px;
    padding-right: 50px;
    font-size: 14px;
    color: #fff;
}

header .mobileLanguage .linguas li .portugues{
    background: url('../img/icons/portugal.png') top right no-repeat;
}

header .mobileLanguage .linguas li .ingles{
    background: url('../img/icons/ingles.png') top right no-repeat;
}

header .mobileLanguage .linguas li .chines{
    background: url('../img/icons/china.png') top right no-repeat;
}

header .bottombar{
    background: rgba(141, 20, 28, .9);
    padding: 15px 20px;
    z-index: 2;
}

header .bottombar.open{
    /*padding-top: 40px*/
}

header .bottombar .inner{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding-left: 100px;
    z-index: 999;
}

header .bottombar .toggleMenu{
    float: left;
    color: #fff;
    line-height: 12px;
    vertical-align: bottom;
    font-size: 14px;
    text-transform: uppercase;
}

header .bottombar .toggleMenu:last-child{
    float: right;
}

header .bottombar .toggleMenu:last-child:after{
    content: "";
    width: 40px;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: -5px;
    right:0;
}

header .bottombar .toggleMenu .burguer{
    background: url('../img/icons/burguer.png') 0 0 no-repeat;
    width: 16px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

header .bottombar .toggleMenu .user{
    background: url('../img/icons/user.png') 0 0 no-repeat;
    width: 16px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background-size: contain;
}

header .bottombar .inner + div{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;
}

header .bottombar.open .inner + div{
    margin: 55px auto;
    max-height: 410px;
}

header .bottombar .inner + div h1{
    border-left: 2px solid #fff;
    padding: 8px 0 8px 12px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 40px
}

header .bottombar .inner + div ul{
    margin-left: 14px;
    width: 90%;
}

header .bottombar .inner + div li{
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 12px;
    text-transform: uppercase;
}

header .bottombar .inner + div li a{
    color: #fff;
}

body.cn *{
    font-size: 15px !important;
}

header .bottombar .inner + div li a:hover{
    text-decoration: underline;
}

header .loginBox .g-recaptcha{
    -webkit-transform: scale(.8) translateX(-30px);-moz-transform: scale(.8) translateX(-30px);-ms-transform: scale(.8) translateX(-30px);-o-transform: scale(.8) translateX(-30px);transform: scale(.8) translateX(-30px);
}

header .loginBox form.resetPass input[type="password"]{
    height: 0;
    padding: 0 12px 0;
    border: 0;
}

header .loginBox a.resetPassword{
    color: #fff;
    font-size: 10px;
    text-align: center;
    margin-top: 5px;
}

header .bottombar .inner + div input{
    width: 100%;
    border: 1px solid #fff;
    padding: 13px 12px 9px;
    color: #fff;
    background: rgba(121,26,21,.3);
    margin-bottom: 3px;
    -webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;
}

header .bottombar .inner + div a.doLogin,
header .bottombar .inner + div a.doReset{
    background: rgba(242,242,242,.5);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 13px 0 11px;
    margin-bottom:15px;
    border: 1px solid #fff;
    -webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;
}

header .bottombar .inner + div a.doLogin:hover,
header .bottombar .inner + div a.doReset:hover{
    background: #fff;
    color: #a9292f;
}

header .bottombar .inner + div a.registar{
    background: #fff;
    color: #a9292f;
    text-align: center;
    text-transform: uppercase;
    padding: 13px 0 11px;
    border: 1px solid #fff;
}

header .bottombar .inner + div a.registar:hover{
    background: transparent;
    color: #fff;
}

header .bottombar .inner + div a.ajuda{
    margin-top:20px;
    text-align: center;
    color:#fff;
    background: #6B1319;
    text-transform: uppercase;
    padding: 13px 0 11px;
    border: 1px solid #fff;
    line-height: 15px;
}

header .bottombar .inner + div a.ajuda:after{
    content: "?";
    position: absolute;
    left: 10px;
    top: 10px;
    background: #fff;
    color: #6B1319;
    height: 20px;
    width: 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
}

header .bottombar .inner + div a.ajuda:hover{
    background: transparent;
    color: #fff;
}

header .bottombar .inner + div a.other{
    background: #fff;
    color: #a9292f;
    text-align: center;
    text-transform: uppercase;
    padding: 13px 0 11px;
    border: 1px solid #fff;
}

header .bottombar .inner + div a.other:hover{
    background: transparent;
    color: #fff;
}

header .bottombar.open + .banner{
    height: 65px;
}

header .banner{
    height: 375px;
    -webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;
}

header .inner{
    height: 100%;
}

header .banner h1{
    position: absolute;
    left: 0;
    bottom: 5px;
    border-left: 2px solid #fff;
    padding: 8px 0 8px 12px;
    font-size: 44px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 40px
}


header .banner ul{
    position: absolute;
    right: 0;
    bottom: 15px;
}

header .banner ul li{
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    cursor: pointer;
    background: rgba(255,255,255,.8);
    transition: all .2s;
}

header .banner ul li:hover,
header .banner ul li.current{
    background: #fff;
}

/* ================================================================================================ HEADER == */


a.comunicado{
    margin-top:20px;
    text-align: center;
    color:#fff;
    background: #6B1319;
    text-transform: uppercase;
    padding: 13px 0 11px;
    border: 1px solid #fff;
    line-height: 15px;
    margin-bottom:50px;
}

a.comunicado:after{
    content: "!";
    position: absolute;
    left: 10px;
    top: 10px;
    background: #fff;
    color: #6B1319;
    height: 20px;
    width: 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
}

a.comunicado:hover{
    background: #461010;
    color: #fff;
}


/* == ARTICLE ================================================================================================ */

article{
    background: #f2f2f2;
    font-size: 12px;
    color: #252525;
}

article > .inner{
    padding: 60px 20px 50px;
}

article h1{
    font-weight: bold;
    margin-bottom: 45px;
}

article p{
    margin-bottom: 20px;
}

/* ================================================================================================ ARTICLE == */



/* == REGISTO ================================================================================================ */

.lightbox{
    position: absolute;
    left: 50%;
    top: -50%;
    -webkit-box-shadow: 0 0 5000px 5000px rgba(43,3,6,.76);
    box-shadow: 0 0 1000px 1000px rgba(43,3,6,.76);
    z-index: 999;
    background: #fff;
    width: 700px;
    margin: -250px 0 0 -350px;
    padding: 20px 25px;
    opacity: 0;
    -webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;
}

.lightbox.open{
    opacity: 1;
    top: 50%;
    padding: 20px 25px;
}

.lightbox .close{
    position: absolute;
    top: 0;
    right: -70px;
    background: url('../img/icons/close.png') 0 0 no-repeat;
    width: 33px;
    height: 33px;
}

.lightbox h1{
    border-left: 2px solid #73030d;
    padding: 8px 0 8px 12px;
    font-size: 16px;
    color: #73030d;
    text-transform: uppercase;
    margin-bottom: 20px
}

.lightbox form{ font-size: 11px !important; }

.lightbox label{
    width: 185px;
    color: #73030d;
    text-transform: uppercase;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
    padding-left: 14px;
}

.lightbox label span{
    font-size: 10px;
    text-transform: inherit;
    color: #999;
}

.lightbox input,
.lightbox select{
    border: 1px solid #73030d;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    padding: 5px 10px;
    margin-bottom: 5px;
    width: 461px;
    height: 30px;
    outline: 1px solid rgba(115,3,13,0);
    -webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;
}

.lightbox input.error,
.lightbox select:not([disabled]).error{
    outline: 1px solid rgba(255, 32, 52, 1);
}

.lightbox input.error + i.formError,
.lightbox select:not([disabled]).error  + i.formError{
    position: absolute;
    width:0;
    height: 0;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    margin-left: -26px;
}


.lightbox input.error + i.formError:after,
.lightbox select:not([disabled]).error  + i.formError:after{
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    width: 14px;
    height: 14px;
    background: url('/img/icons/close_red.png') 0 0 no-repeat;
    background-size: contain;
}

.lightbox input[disabled]{
    background: rgba(115,3,13,.2);
    color: #460309;
}

.lightbox input.half{ width: 134px; }
.lightbox select.half{ width: 134px; }

.lightbox label.half + input.half + label.half,
.lightbox label.half + select.half + label.half{
    width: 155px;
}

.lightbox .clearfix{
    margin-top: 30px;
}

.lightbox .g-recaptcha{ margin: 15px 0 15px 188px; }

.lightbox .doRegisto{
    background: #73030d;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    width: 461px;
    margin: 40px 0 10px 189px;
}
.lightbox .doRegisto:hover {background: #9f030f;}


.lightbox.message {
    margin: -175px 0 0 -200px;
    width: 400px;
    /*height: 350px;*/
}

.lightbox.message .spinner {
    width: 30px;
    height: 30px;

    position: relative;
    margin: 30px auto;
}
.lightbox.message .spinner .icon {
    position: relative;
    width: 30px;
    height: 30px;
    -webkit-transform: scale(0.0);
    -webkit-transition: all .7s;-moz-transition: all .7s;-ms-transition: all .7s;-o-transition: all .7s;transition: all .7s;
    background: url('../img/icons/icon-success.png') 0px 0px no-repeat;
}
.lightbox.message .spinner.success .icon {-webkit-transform: scale(1.0);}

.lightbox.message .double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #A9A9A9;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}

.lightbox.message .double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}


.lightbox.message .logo {
    margin-top: 20px;
    width: 100%;
    height: 105px;
    background: url('../img/logotipos/logo-white.png') top center no-repeat;
}
.lightbox.message .txt {
    margin: 0px 10%;
    width: 80%;
    font-size: 13px;
    color: #333;
    text-align: center;
}

.lightbox.message .row {
    width: 100%;
    height: auto;
    margin: 10px 0;
}

.lightbox.message input ,
.lightbox.message input + a.btn {
    width: 32%;
    display: inline-block;
    margin-right: 1%;
    margin-left: -4px;
    vertical-align: top;
}
.lightbox.message input + a.btn {
    background: rgba(141, 20, 28, .9);
    outline: 1px solid rgba(141, 20, 28, .9);
}
.lightbox.message[data-type="recoverpass"] input ,
.lightbox.message[data-type="recoverpass"] input + a.btn {
    width: 100%;
}
.lightbox.message a.btn {
    width: 49%;
    display: inline-block;
    margin-right: 1%;
    margin-left: -4px;
    vertical-align: top;
    background: rgba(141, 20, 28, .5);
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 28px;
    margin-top: 1px;
    border: 2px solid rgba(141, 20, 28, 0);
    outline: 1px solid rgba(141, 20, 28, .5);
    -webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;
}
.lightbox.message a.btn:hover {
    border: 2px solid #fff;
    background: rgba(141, 20, 28, .9);
    outline: 1px solid rgba(141, 20, 28, .9);
}
.lightbox.message a.btn.lt {}

.lightbox.message .txt2 {
    margin: 20px 0 0 ;
}


/* ================================================================================================ REGISTO == */


/* == CONTEUDO ================================================================================================ */

.submenu h1{
    border-left: 2px solid #000;
    padding: 8px 0 8px 12px;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.submenu a{
    color: #646363;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 15px;
    font-weight: bold;
}

.submenu a.current,
.submenu a:hover{
    color: #7f050e;
}

.mainContent h1{
    color: #7f050e;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}

.mainContent table {width: auto !important;}


.contentTools{
    text-align: right;
    margin-top: 65px;
}

.contentTools a{
    display: inline-block;
    vertical-align: top;
    border-left: 2px solid #7f050e;
    padding: 8px 0 8px 12px;
    margin-right: 30px;
    font-size: 10px;
    color: #7f050e;
    text-transform: uppercase;
}
/* ================================================================================================ CONTEUDO == */



/* == FOOTER ================================================================================================ */

footer{
    background: #dddbdb;
}

footer .footer_logos{
    background: #e6e6e6;
}

    footer .footer_logos a{
        display: inline-block;
        width: auto;
        margin: 10px 24px;
    }

    footer .footer_logos img{
        width: auto;
        height: auto;
    }

footer .mapaContactos{
    background: #949492;
    height: 450px;
    border-bottom: 25px solid #fff;
}

footer .mapaContactos #map{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

footer .mapaContactos .contactos{
    position: relative;
    /*left: 50%;*/
    top: 70px;
    width: 90%;
    max-width: 550px;
    height: 260px;
    background: rgba(37,37,37,0.9);
    padding: 30px;
    margin: 0 auto;
    -webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;
}

footer .mapaContactos .contactos.showMap{
    background: rgba(37,37,37,0.5);
    top: 10px;
    padding: 16px;
    height: 80px;
}

footer .mapaContactos .contactos > *{
    z-index:2
}
footer .mapaContactos .contactos > *:not(h1){
    -webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;
}
footer .mapaContactos .contactos.showMap > *:not(h1){
    opacity: 0 !important;
}


footer .mapaContactos .contactos .close{
    position: absolute;
    right: 10px;
    top: -11px;
    font-size: 20px;
    opacity: 0;
    z-index: 0;
    -webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;
}

footer .mapaContactos .contactos.chancelariaContainer .close,
footer .mapaContactos .contactos.honorarioContainer .close{
    opacity: 1;
    z-index: 1;
}

footer .mapaContactos .contactos h1{
    color: #fff;
    font-size: 33px;
}

footer .mapaContactos .contactos.showMap h1{
    cursor: pointer;
}

footer .mapaContactos .contactos.chancelariaContainer h1,
footer .mapaContactos .contactos.honorarioContainer h1{
    opacity: 0;
}

footer .mapaContactos .contactos a{
    color: #fff;
    opacity: .7;
    margin-top: 15px;
}

footer .mapaContactos .contactos a:hover{
    opacity: 1;
}

footer .mapaContactos .contactos.chancelariaContainer .chancelaria{
    opacity: 1;
    font-size: 33px;
    -webkit-transform: translate(0px, -62px);-moz-transform: translate(0px, -62px);-ms-transform: translate(0px, -62px);-o-transform: translate(0px, -62px);transform: translate(0px, -62px);
}
footer .mapaContactos .contactos.honorarioContainer .chancelaria{
    opacity: 0;
}

footer .mapaContactos .contactos.honorarioContainer .honorario{
    opacity: 1;
    font-size: 26px;
    -webkit-transform: translate(0, -86px);-moz-transform: translate(0, -86px);-ms-transform: translate(0, -86px);-o-transform: translate(0, -86px);transform: translate(0, -86px);
}
footer .mapaContactos .contactos.chancelariaContainer .honorario{
    opacity: 0;
}

footer .mapaContactos .contactos .chancelariaContainer,
footer .mapaContactos .contactos .honorarioContainer{
    position: absolute;
    padding: 0;
    height: 200px;
    overflow: hidden;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity .4s;-moz-transition: opacity .4s;-ms-transition: opacity .4s;-o-transition: opacity .4s;transition: opacity .4s;
}

footer .mapaContactos .contactos .chancelariaContainer label,
footer .mapaContactos .contactos .honorarioContainer label{ color: #fff; opacity: .7; display: inline-block; vertical-align: top }
footer .mapaContactos .contactos .chancelariaContainer span,
footer .mapaContactos .contactos .honorarioContainer span{ color: #fff; }
footer .mapaContactos .contactos .chancelariaContainer a,
footer .mapaContactos .contactos .honorarioContainer a{ opacity: 1; margin-top:0; display: inline-block; vertical-align: top }

footer .mapaContactos .contactos.showMap .chancelariaContainer,
footer .mapaContactos .contactos.showMap .honorarioContainer{
    display: none;
}

footer .mapaContactos .contactos .chancelariaContainer{
     left: 30px;
     top: 100px;
}
footer .mapaContactos .contactos.chancelariaContainer .chancelariaContainer{
     opacity: 1;
    z-index: 2;
 }

footer .mapaContactos .contactos .honorarioContainer{
    left: 30px;
    top: 90px;
}
footer .mapaContactos .contactos.honorarioContainer .honorarioContainer{
    opacity: 1;
    z-index: 2;
}

footer .mapaContactos .contactos.chancelariaContainer a.seeMap,
footer .mapaContactos .contactos.honorarioContainer a.seeMap{
    opacity: 0 !important;
}

footer .mapaContactos .contactos a.seeMap{
    opacity: 1;
    position: absolute;
    right: 15px;
    bottom: 20px;
    text-decoration: none;
}

footer .mapaContactos .contactos a.seeMap i.mapMarker{
    background: url('../img/icons/mapMarker-small.png') 0 0 no-repeat;
    display: inline-block;
    vertical-align: bottom;
    width: 10px;
    height: 17px;
}


footer > .inner{
    padding: 60px 20px 20px;
}

footer .logo{
    background: url('../img/logotipos/logo-footer.png') 0 0 no-repeat;
    width: 255px;
    height: 63px;
    float: left;
}

footer .col-md-4{
    width: 33%;
    padding-right: 20px;
}

footer .mainLink{
    font-size: 10px;
    /*color: #0f0f0f;*/
    color: #848080;
    margin-top: 20px;
    text-transform: uppercase;
}

footer .secondLink{
    font-size: 10px;
    /*color: #848080;*/
    margin-top: 10px;
    text-transform: uppercase;
}


footer .mainLink:hover,
footer .secondLink:hover{
    text-decoration: underline;
}

footer .linguas{
    float: right;
    margin-right: 3px;
}

footer .linguas li{
    display: inline-block;
    margin:17px 3px;
    padding-bottom: 3px;
    width: 29px;
    height: 25px;
}

footer .linguas li:hover,
footer .linguas li.current{
    border-bottom: 2px solid #676767;
}

footer .linguas li a{
    width: 29px;
    height: 19px;
}

footer .linguas li .portugues{
    background: url('../img/icons/portugal.png') 0 0 no-repeat;
}

footer .linguas li .ingles{
    background: url('../img/icons/ingles.png') 0 0 no-repeat;
}

footer .linguas li .chines{
    background: url('../img/icons/china.png') 0 0 no-repeat;
}

footer .residenceRibbon{
    float: left;
    background: url('../img/icons/ribbon.png') 0 0 no-repeat;
    width: 76px;
    height: 94px;
    margin-left: 20px;
    margin-top: 10px;
}

footer #fbWidget{ padding-right: 0; }
    footer #fbWidget .fb_iframe_widget,
    footer #fbWidget .fb_iframe_widget span{   float: right; }
        footer #fbWidget .fb_iframe_widget span iframe{ right: 0; }

footer .facebook{
    left: -20px;
    padding: 10px 44px 10px 20px;
    background: #436bab;
    text-align: center;
    box-sizing: initial;
    width: 100%;
    display: none;
}

footer .facebook img{
    width: 100%;
    height: auto;
    max-width: 100px;
    margin: 0 auto;
}

.legalNotice{
    background: #252525;
    padding: 30px 20px 45px;
    color: #848080;
    font-size: 10px;
}

.legalNotice .copyright{
    font-size: 8px;
    color: #5e5d5d;
    margin-bottom: 15px;
    text-transform: uppercase;
}

/* ================================================================================================ FOOTER == */

article .fb-like-box{
    padding-top: 40px;
    background: url('../img/icons/fbLike.png') 152px 0 no-repeat;
}

.fb-like-box,
.fb-like-box > span { width: 90% !important; }
.fb-like-box > span > iframe {
    width: 89% !important;
    padding-right: 1% !important;
    border: 1px solid #aaa !important;
    border-top-color: #3b5998 !important;
}

@media screen and (max-width : 780px) {
    header .topbar .linguas li:first-child,
    header .topbar .linguas li a{
        display: block;
        border: 0;
        text-indent: -999em;
        overflow: hidden;
        background-color: transparent;
        background-repeat: no-repeat;
        text-align: left;
        direction: ltr;
        margin-left: -30px;
    }
}

@media screen and (max-width : 690px) {
    header .topbar .logo2{
        background: url('../img/logotipos/logo-footer.png') -50px 0 no-repeat;
        width: 209px;
    }

    header .bottombar.menu .col-md-9{ width: 100% }
    header .bottombar.menu .col-md-3{ display: none }

    header .bottombar.login .col-md-9{ display: none }
    header .bottombar.login .col-md-3{ width: 70%; margin: 0 0 0 15%; }

    body.home article .col-md-6,
    body article .col-md-7{ width: 100%; display: block; }
    body.home article .col-md-6:last-child{
        display: none;
    }

    body article .inner > .col-md-4{ display: none; }

    footer > .inner{ padding-bottom: 0 }
    footer .inner > .col-md-8, footer .inner > .col-md-6{ width: 100%; display: block; }
    footer .fb-like-box{ display: none }

    footer .linguas{ float: none; text-align: center; margin-top: 10px; }
    footer .residenceRibbon{ display: none  }
    footer .facebook{ display: block; }

    .lightbox{
        position: absolute;
        left: 0 !important;
        top: 0 !important;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0 25px;
    }

    .lightbox .close{
        background: url('../img/icons/close_red.png') 0 0 no-repeat;
        top: 30px;
        right: 30px;
        z-index: 2;
    }

    .lightbox label,
    .lightbox input,
    .lightbox input.half,
    .lightbox .doRegisto{
        width: 100%;
        margin-left: 0;
    }

    .lightbox .clearfix{ margin:0 }

    .mobileonly {display:block !important;}
}

@media screen and (max-width : 460px) {
    header .topbar{
        padding: 10px 20px 15px;
        height: 60px;
    }

    header .topbar .logo{
        width: 80px;
        height: 70px;
        background-size: cover;
    }

    header .topbar .logo2 {
        background: url('../img/logotipos/logo-footer.png') -50px 0 no-repeat;
        width: 139px;
        height: 40px;
        background-size: cover;
    }

    header .topbar .linguas{
        /*top: 7px;
        right: 20px;*/
    }

    header .mobileLanguage{
        top: 60px;
    }

    header .topbar .linguas li{
        margin-top: 15px;
    }

    header .topbar .linguas li:not([class*="current"]){
        display: none;
    }

    header .bottombar .toggleMenu{
        text-align: right;
        float: none;
        clear: both;
        display: block;
    }

    header .bottombar .toggleMenu:last-child{
        margin: 20px 0;
        float: left;
    }

    header .bottombar{ padding: 15px 0; }
    header .bottombar .inner{ padding-right: 30px; }
    header .bottombar.open .inner + div{ margin: 10px 0 0; max-height: 590px; }
    header .bottombar .inner + div h1{ display: none }
    header .bottombar .inner + div ul{ width: 100%; margin-left: 0 }
    header .bottombar .inner + div li{
        width: 100%;
        padding: 15px 10px 10px 30px;
        background: #6d101a;
        text-transform: uppercase;
        margin: 0 0 1px;
    }

    header .banner{ display: none; }
    body.home header .banner{ display:block; background: url('/img/backgrounds/bg001.jpg') center center no-repeat; background-size: cover }
     header .banner ul { display: none }

    footer .mapaContactos .contactos{ background: transparent; }
    footer .mapaContactos .contactos h1{ background: #252525; padding: 30px; cursor: pointer }
    footer .mapaContactos .contactos.showMap h1{ background: transparent; padding: 0; cursor: pointer }
    footer .mapaContactos .contactos a{ display: none }
    footer .mapaContactos .contactos a.seeMap{
        position: relative;
        right: auto;
        bottom: auto;
        background: #252525;
        padding: 30px;
        display: block;
        text-transform: uppercase;
    }
    footer .mapaContactos .contactos a.seeMap i.mapMarker{
        float: left;
        margin-right: 10px;
    }

    footer .logo{ margin: 0 auto }
    footer > .inner{ padding: 60px 0 0; }
    footer .inner > .col-md-8 > .col-md-6,
    footer .inner > .col-md-4{
        width: 100%;
        padding-right: 0;
    }

    footer .inner > .col-md-8 > .col-md-6 > .mainLink{
        background: #d9d9d9;
        padding: 17px 0 12px 30px;
        border-top: 1px solid #c3c3c3;
        border-bottom: 1px solid #c3c3c3;
        color: #868685;
        text-transform: uppercase;
        margin-top: 1px;
    }
    footer .inner > .col-md-8 > .col-md-6 > .mainLink.open{
        background: #a3a0a0;
        color: #fff;
    }

    footer .inner > .col-md-8 > .col-md-4 > .secondLink{
        background: #eeeeee;
        padding: 17px 0 12px 30px;
        border-top: 1px solid #e3e3e3;
        color: #a3a0a0;
        text-transform: initial;
        margin: 0;
        display: none;
    }

    footer .facebook{ box-sizing: border-box; left: 4px; }

    .legalNotice{ text-align: center }

    .lightbox.message{
        margin: auto;
        width: 100%;
        height: auto;
    }

    .mobileonly {display:block !important;}
}

@media screen and (max-width : 320px) {
    header .topbar .logo2 {
        background: url('../img/logotipos/logo-footer.png') -36px 0 no-repeat;
        width: 109px;
        height: 30px;
        background-size: cover;
    }
    .mobileonly {display:block !important;}
}