
    /*! css resets */
html,body,form{height:100%}
body{margin:0; padding:0; font-family: 'Open Sans', sans-serif;}
form  {margin-bottom: 0px;}
:focus, a, .btn:focus {outline: 0;}
a, a:hover, a:focus {text-decoration: none;}
.formStyle {
    display: flex;
    flex-direction: column;
}
    /*! css resets */

/* header */
.header{display:table; min-height: 90px; margin: 25px 0px 0px 0px; width: 100%; background-color: #fff; }
.headerContent{ width: 100%; margin: auto;  position: relative;height:65px;}
.logo{ width: 300px; position: absolute; top: 0px; left: 0px;  display: inline-block;}
.extraContent{ width: 200px; position: absolute; top: 0px; right: 0px;  display: inline-block;margin-right:10px}
.language{height: 50%; width: 100%; top: 0; text-align: right; margin-bottom: 20px;}
.flag{display: inline-block; margin-left: 5px;}
.logIn{font-weight: 700; font-size: 1.1em; font-family: 'Open Sans', sans-serif; margin-left: 20px; text-align: right;}
#LoginView1_LoginStatus1{color: #0f6bb5; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear;}
#LoginView1_LoginStatus1:hover{color: #f6852a; font-weight: 700; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear;}
.loginField, .registerField{color: #0f6bb5; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear;}
.loginField:hover{color: #f6852a; font-weight: 700; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear;}
.registerField{margin-left: 20px; color: #0f6bb5;}
.registerField:hover{color: #f6852a; font-weight: 700; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear;}
/* header */

/* body */
.body-wrapper{width:100%; background-color:#dedede; margin-top: 0px;flex:1;height:10px}
.bodyContent{width:100%; margin:auto; background-color: #fff;padding:10px 10px 10px 10px; height: calc(100% - 130px);overflow-x: auto; }
.bodyImage{width: 100%;}
.bodyImage>img{max-width: 100%;}
.content{display:block; font-size: 16px; padding: 20px 50px;}
/* navigate button */
.navigateButton{ min-height: 60px;overflow-x: auto;width: 100%; background-color: #10132f; }
.navigateButtonContent{/*width: 1024px;*/ margin:auto; background-color: transparent;}
.navigateButtonContent > span{background-color: transparent; /*width: 50%;*/ padding: 10px 0; float: left; text-align: center; position: relative; text-transform: uppercase; font-size: 1.1em; font-weight: 600; line-height: 1.3em;}
.navigateButtonContent > span >a {color: #FFF; }
/* navigate button */
/* registration table */
.registrationTable{font-size: 1.05em; line-height: 1.5em; padding: 2em; background-color: #FFF;  color: #444; font-weight: 400;}
.tableRow{width: 100%;/* margin-bottom: 10px; */}
.tableCell{width: 50%;padding-left: 10px;margin-bottom: 5px;}
.label{width: 100%; padding: 5px 0;}
.input > input, select {width: 100%;color: #444;font-weight: 400;border: 1px solid #DDD;-webkit-transition: border linear .2s;-moz-transition: border linear .2s, box-shadow linear .2s;-o-transition: border linear .2s, box-shadow linear .2s;transition: border linear .2s, box-shadow linear .2s;padding: 5px;height: 35px;font-size: 16px;line-height: 16px;} 
.input > input:focus, select:focus {border: 1px solid #999;-webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear;}
.input{margin-bottom: 15px;}
 .formSender{color: #FFF; background-color: #10132f;border: 0px;-webkit-transition: .2s linear;-moz-transition: .2s linear;-o-transition: .2s linear;transition: .2s linear;display: inline-block;padding: 4px 12px;margin-bottom: 0;font-size: 14px;line-height: 20px;text-align: center;vertical-align: middle;}
 .formSender:hover{background-color: #f6852a; -webkit-transition: .2s linear;-moz-transition: .2s linear;-o-transition: .2s linear;transition: .2s linear;}
 .margin-left-10 { margin-left:10px !important; }
/* registration table */
/* body */

/* footer */
/* contact banner */
.contact-banner{background: #083a67 url(../img/bg-logo.png) no-repeat; padding: 65px 0 55px 0; text-align: center;}
.contact-banner a {display: inline-block;}
.contact-banner a img {margin-bottom: 15px; opacity: 1; filter: alpha(opacity=100); transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transition: .6s ease; -moz-transition: .6s ease; -o-transition: .6s ease; transition: .6s ease;}
.contact-banner a .tit, .contact-banner a .txt {display: block; color: #FFF; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease;}
.contact-banner a .tit {font-family: 'Raleway', sans-serif; font-size: 34px; font-weight: 600; line-height: 49px; margin-bottom: 5px; color: #FFF; text-transform: uppercase;}
.contact-banner a .txt {font-size: 20px; line-height: 29px; text-transform: lowercase; font-weight: 400;}
.contact-banner a:hover .tit, .contact-banner a:hover .txt {color: #f6852a; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease;}
.contact-banner a:hover .txt {transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px);}
.contact-banner a:hover img {opacity: 0.60; filter: alpha(opacity=60); transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transition: .6s ease; -moz-transition: .6s ease; -o-transition: .6s ease; transition: .6s ease;}
.contact-banner a .txt:after {content: '\f0e0'; font-family: FontAwesome; opacity: 0.99; filter: alpha(opacity=99); color: #f6852a; margin-left: 15px; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}
.file-warning { line-height: 34px;font-size: smaller; margin-left: 25px; color: red; }
/* contact banner */

.tit{color: #f6852a;-webkit-transition: .3s ease;-moz-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;font-family: 'Raleway', sans-serif;font-size: 34px;font-weight: 600;line-height: 49px;margin-bottom: 5px;color: #FFF;text-transform: uppercase;display: block;}
.txt{font-size: 20px; line-height: 29px; text-transform: lowercase; font-weight: 400;}
.footer{height: 130px; width: 100%; background-color: #10132f; margin-bottom: 0px;position: fixed;bottom: 0;padding: 0px 10px;}
.footerContent{height: 100%; width: 100%; margin: auto; position: relative;}
.dinamicaInformation{height: 100%; width: 250px; position: absolute; top: 0px; left: 0px; font-family: 'Open Sans', sans-serif; color: #c7d3d6; font-size: 0.75em; line-height: 17px;}
.logoFooter{display: block; margin-top: 20px; }
.copyright{display: block; margin-top: 6px;}
.logoPartner{ position: absolute; top: 0px; right: 0px; opacity: 0.29; margin-top: 45px; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear;}
.logoPartner:hover{opacity: 0.8; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear;}
/* footer */