@charset "UTF-8";
@import 'header.css';
@import 'footer.css';
@import 'content.css?id=4889';
@import 'slide.css?id=4334345';
@import 'accordion.css';
@import 'flex.css';
@import 'modal.css';
@import 'abas.css';
@import 'ib.css';
@import 'forms.css';
@import 'swiper.css';
@import 'bootstrap-table.css';
@import 'bootstrap-table-group-by.css';


* {outline: 0}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,
li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {padding:0; margin:0;border:0;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
body {line-height:1}
blockquote,q {quotes:none}
blockquote:after,blockquote:before,q:after,q:before {content: ''; content: none}
table {border-collapse: collapse;border-spacing: 0}
@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes slideLeft {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes slideLeft {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@-webkit-keyframes slideIn {
    from {
        -webkit-transform: translateX(-100%);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(0)
    }
}
@-webkit-keyframes slideUp {
    from {
        -webkit-transform: translateY(50%);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        opacity: 1
    }
}
@-webkit-keyframes grow {
    95% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .6
    }
}
@keyframes grow {
    95% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .6
    }
}
@-webkit-keyframes blink {
    0%, 100% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}
@keyframes blink {
    0%, 100% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}
@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes stepTwoColor {
    0% {
        bottom: 5vh;
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
        -webkit-transform-origin: top right;
        transform-origin: top right
    }
    100% {
        bottom: -10%;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top right;
        transform-origin: top right
    }
}
@keyframes stepTwoColor {
    0% {
        bottom: 5vh;
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
        -webkit-transform-origin: top right;
        transform-origin: top right
    }
    100% {
        bottom: -10%;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top right;
        transform-origin: top right
    }
}
@-webkit-keyframes stepTwoWhite {
    0% {
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        bottom: -3vh
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        bottom: -12%
    }
}
@keyframes stepTwoWhite {
    0% {
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        bottom: -3vh
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        bottom: -12%
    }
}
@-webkit-keyframes stepTwoColor-2 {
    0% {
        bottom: -100vh;
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
        -webkit-transform-origin: top right;
        transform-origin: top right
    }
    80% {
        bottom: 120%;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top right;
        transform-origin: top right
    }
    100% {
        opacity: 0;
        z-index: -1
    }
}
@keyframes stepTwoColor-2 {
    0% {
        bottom: -100vh;
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
        -webkit-transform-origin: top right;
        transform-origin: top right
    }
    80% {
        bottom: 120%;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top right;
        transform-origin: top right
    }
    100% {
        opacity: 0;
        z-index: -1
    }
}
@-webkit-keyframes stepTwoWhite-2 {
    0% {
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        bottom: -110vh
    }
    80% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        bottom: 130%
    }
    100% {
        opacity: 0;
        z-index: -1
    }
}
@keyframes stepTwoWhite-2 {
    0% {
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        bottom: -110vh
    }
    80% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        bottom: 130%
    }
    100% {
        opacity: 0;
        z-index: -1
    }
}
@keyframes blink {
    0%, 100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}
@font-face {
    font-family: "Frutiger Roman";
    src: url(../fonts/frutiger-roman.eot);
    src: url(../fonts/frutiger-roman.eot?#iefix) format("embedded-opentype"), url(../fonts/frutiger-roman.woff) format("woff"), url(../fonts/frutiger-roman.ttf) format("truetype"), url("../frutiger-roman.svg#Frutiger Roman") format("svg");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "Frutiger Bold";
    src: url(../fonts/frutiger-bold.eot);
    src: url(../fonts/frutiger-bold.eot?#iefix) format("embedded-opentype"), url(../fonts/frutiger-bold.woff) format("woff"), url(../fonts/frutiger-bold.ttf) format("truetype"), url("../fonts/frutiger-bold.svg#Frutiger Bold") format("svg");
    font-style: normal;
    font-weight: 600
}
@font-face {
    font-family: "Frutiger Bold Italic";
    src: url(../fonts/frutiger-bold-italic.eot);
    src: url(../fonts/frutiger-bold-italic.eot?#iefix) format("embedded-opentype"), url(../fonts/frutiger-bold-italic.woff) format("woff"), url(../fonts/frutiger-bold-italic.ttf) format("truetype"), url("../fonts/frutiger-bold-italic.svg#Frutiger Bold Italic") format("svg");
    font-style: italic;
    font-weight: 600
}

@font-face {
    font-family: "Frutiger Light";
    src: url(../fonts/frutiger-light.eot);
    src: url(../fonts/frutiger-light.eot?#iefix) format("embedded-opentype"), url(../fonts/frutiger-light.woff) format("woff"), url(../fonts/frutiger-light.ttf) format("truetype"), url("../fonts/frutiger-light.svg#Frutiger Light") format("svg");
    font-style: normal;
    font-weight: 300
}
@font-face {
    font-family: "Frutiger Light Italic";
    src: url(../fonts/frutiger-light-italic.eot);
    src: url(../fonts/frutiger-light-italic.eot?#iefix) format("embedded-opentype"), url(../fonts/frutiger-light-italic.woff) format("woff"), url(../fonts/frutiger-light-italic.ttf) format("truetype"), url("../fonts/frutiger-light-italic.svg#Frutiger Light Italic") format("svg");
    font-style: italic;
    font-weight: 300
}


html.isModal {overflow: hidden}
body {height:100%;background: #fff}
body.locked {  overflow: hidden;width: 100%;height: 100%;position: fixed}
body.overflow-hidden {position: fixed;height: 100vh; overflow: hidden}
.mobile-fixed {overflow-x:hidden;}

@media only screen and (max-width: 800px) {
	 
	body {margin-top: 60px;}
}


/*@media (max-width: 1024px) {
    div {
        -webkit-font-smoothing: none;
    }
    html, body, #header, #banner-home, #content, #bvFooter {
        overflow-x: hidden;
        position: relative;
    }

    #banner-home .portal-bv-banner {
        width: 100% !important;      
    } 
    .mobile-fixed {overflow-x:hidden;}
}*/

.g-recaptcha {
    height: 100px !important;
    display: block;
    position: relative; 
}


a,div,h1,h2,h3,h4,h5,h6,input,li,p,q,select,span,textarea {-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale}
h1,h2,h3 {color: #77787b;font-family: "Frutiger Roman", sans-serif}
h2{ font-weight: 700;}
h1 {font-size: 38px;}
h2 {font-size: 28px; font-weight: 700;}
h3 {font-size: 17px; font-weight: 700; line-height: 25px;}
a,h5,p {font-family: "Frutiger Roman", sans-serif}
h4{ line-height: 20px; font-weight: 700; color: #7d7d7d; font-size: 15px;}
p {font-size: 13px;line-height: 1.4; margin-bottom: 10px;}
a,
a:active,
a:hover,
a:visited {
    text-decoration: none; color: #9d9fa2
}
b,
strong {
    font-family: "Frutiger Bold", sans-serif
}
li{list-style-position: inside; font-size: 13px; margin-bottom: 5px;}
.-frutiger-light {
    font-family: "Frutiger Light", sans-serif
}
.wrap{width: 1003px; margin: 0 auto;}
.wrap h2{padding-bottom: 20px; line-height: 34px;}
.wrap.body{width: 1145px;}
.clearfix:after{ content:''; display: table; clear: both;}
@media only screen and (max-width: 800px) {.wrap.body, .wrap{width: 90%; margin: 0 auto; }}
#banner-home .portal-bv-main-banner {position:relative;width:100%;height:290px;overflow: hidden;}
#banner-home .portal-bv-sub-banner {position:relative;width:100%;height:205px;overflow: hidden;}
#banner-home .totem {position: relative; background-color: #fff; height: 45px;  margin-top: -45px;}
#banner-home .bg-cover {display:block; position: absolute;width:auto;height:auto; max-height:none; max-width:none; min-height:100%;min-width:100%;top:50%;left:50%;-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%)}
#banner-home .bg-cover.mobile  {display: none;}
@media only screen and (max-width: 800px) {
    li{line-height: 16px;}
	#banner-home .bg-cover {display: none;}
	#banner-home .bg-cover.mobile {display:block;}
	#banner-home .portal-bv-main-banner {height: 270px;}	
	#banner-home .totem {display: none;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	#banner-home .bg-cover {
	  display: block;
	  display: block;
      position: absolute;
      width: 180%;
      height: auto;
      max-height: none;
      max-width: none; 
      min-height: auto;
      min-width: auto;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
	
	}
	#banner-home .bg-cover.mobile {display:none;}
	
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#banner-home .portal-bv-main-banner {height: 210px;}
	#banner-home .portal-bv-sub-banner {height: 148px}
}

a.botao-slider, a.transparent-button, a.btn-gradient{color: #fff;}
a.white-button{color: #0063a2}
a.btn-gradient:hover{color: #0063a2;}
.portal-bv-content{background-color: #fff; margin: 0 auto;position: relative;padding-top: 5px;font-size: 16px;font-family: "frutiger Roman", sans-serif;color: #9d9fa2;}
.portal-bv-content p a  {color: #0063a2}

.breadclumb {margin-bottom: 100px;}
.breadclumb li {display: inline;}
.breadclumb li > span {color: #9d9fa2;font-family: "Frutiger Roman", sans-serif;}
.breadclumb .sub-bread-right .chevron{-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);width: 24px;height: 19px;float: left;}
.breadclumb .sub-bread-right {float:right;margin-top: -16px}

.breadclumb .sub-bread-right a,
.breadclumb .sub-bread-right a:link,
.breadclumb .sub-bread-right a:visited
{color:#3592cd; text-transform: uppercase;   font-family: "frutiger Bold", sans-serif; font-size: 12px;padding-top: 2px;display:block;float:left;}

a.link-button{
    color: #fff;
    font-size: 13px;
    text-align: center;
    display: inline-block;
}
a.link-button{
    color: #fff;
    font-size: 13px;
    text-align: center;
    display: inline-block;
}
a.link-button:hover{
    color: #00578d;
}

.button {
    position: relative;
    cursor: pointer;
    height: 25px;
    vertical-align: 10px;
    line-height: 25px;
    text-decoration: none;
    white-space: nowrap;
    font-family: "frutiger Bold", sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-size:13px;
    padding: 0px 20px;
}
a.button {color:#fff;}
.button:before, .button:after {
  content: "";
  position: absolute;
}
.button:before {
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: #3592cd;
  background: -moz-linear-gradient(left, #3592cd 0%, #00578d 100%);
  background: -webkit-linear-gradient(left, #3592cd 0%,#00578d 100%);
  background: linear-gradient(to right, #3592cd 0%,#00578d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3592cd', endColorstr='#00578d',GradientType=1 );
  z-index: -2;
}
.button:after {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.button:hover {color:#0063a2}
.button:hover:after {background: #fff;color:#0063a2}
.button.desktop {display: block;}

@media only screen and (max-width: 1024px) {
    .button.desktop {
        display: none;
    }
}
@media only screen and (max-width: 800px) {
.breadclumb {
    margin-top: 30px;
    margin-bottom: 0px;
	 
	}
}

.opencms_container {background-color: #eef9fd; padding: 8px; margin: 10px; }
.opencms_container_header {background-color: #fff; padding: 8px; }
.opencms_container h2, .opencms_container_header h2{color:#c50000;    font-size: 18px;}
.opencms_container.banner {min-height: 290px;padding: 8px}
.opencms_container.banner > div {width: 50%; border: 2px solid #000; margin:54px auto;text-align: center;padding: 60px;}