@font-face {
    font-family: 'Conv_Futura2-Normal';
    src: url('fonts/Futura2-Normal.eot');
    src: local('☺'), url('fonts/Futura2-Normal.woff') format('woff'), url('fonts/Futura2-Normal.ttf') format('truetype'), url('fonts/Futura2-Normal.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Futura-Bold';
    src: url('fonts/Futura-Bold.eot');
    src: local('☺'), url('fonts/Futura-Bold.woff') format('woff'), url('fonts/Futura-Bold.ttf') format('truetype'), url('fonts/Futura-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    width: 100%;
    height: 100%;
    font-family: 'Conv_Futura2-Normal', Arial, helvetica, Tahoma, sans-serif, sans, Verdana;
    font-size: 14px;       
}

.hidden{
    opacity: 1;
}

.visible{
    opacity: 1;
    display: inherit;
}

.chiudi {
    clear: both;
    height: 0px;
}

.sizing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.top {
    position: fixed;
    width: 100%;
    height: 200px;
    border-bottom: 1px solid #cccccc;
    background-color: #ffffff;
    z-index:50;
}

.content {
    position: relative;
    width: 97%;
    height: auto;
    margin: 0 auto;
}

.logo {
    position: relative;    
    height: auto;
    width: 250px;
    padding-top: 55px;
    margin: 0 auto;
}

.logo img {
    max-width: 100%;
}

.menu_top {
    position: relative;
    float: left;
    width: auto;
    height: auto;
    font-size: 1.2em;
    padding-left: 40px;
    padding-top: 70px;
    display: none;
}

.menu_top a {
    display: block;
    float: left;
    padding: 15px 0px;
    margin: 0px 20px;
    color: #000000;
    font-weight: bolder;
    border-bottom: 6px solid #ffffff;
}

.menu_top a:hover {
    border-bottom: 6px solid #006b9f;
}

a.menu_topactive {
    border-bottom: 6px solid #006b9f;
}

.social {
    position: relative;
    float: right;
    width: auto;
    height: auto;
    padding-top: 85px;
    color: #d7d7d7;
    display: none;
}

.social a {
    color: #d7d7d7;
    margin-left: 25px;
}

.social a:hover {
    color: #006b9f;
}

.spostacontent {
    position: relative;
    width: 100%;
    height: 0px;
    padding-top: 200px;
}

.fasciaimgtop {
    position: relative;
    width: 100%;
    height: 400px;
}

.imgtop {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.conttxtimg {
    position: absolute;
    height: auto;
    width: auto;
    top: 100px;
    z-index: 2;
}

.titimg {
    position: relative;
    height: auto;
    width: 100%;
    z-index: 2;
    font-size: 3em;
    line-height: 50px;
    padding-bottom: 20px;
}

.box_subtitimg {
    position: relative;
    height: auto;
    width: auto;
    z-index: 2;
}

.line_lft {
    position: relative;
    width: 100%;
    height: auto;
    border-top: 6px solid #006b9f;
    margin-right: 20px;
    margin-top: 5px;
}

.subtitimg {
    position: relative;
    width: 100%;
    height: auto;
    font-size: 1.3em;
    line-height: 25px;
    padding-top: 10px;
}

.colonna_small {
    position: relative;
    width: 100%;
    height: auto;    
}

.colonna_small img {
    width: 100%;
}

.colonna_big {
    position: relative;
    width: 100%;
    height: auto;
}

.colonna_big img {
    max-width: 100%;
}

.box_grigio {
    position: relative;
    width: 100%;
    height: 500px;
    background-color: #333333;
    background-image:url('/immagini/mf_blu.png');
    background-position: 20% bottom;
    background-repeat: no-repeat;
    padding: 50px;
    color: #ffffff;
    font-size: 2.3em;
    line-height: 45px;
}

.box_grigio a {
    color: #ffffff;
}

.titoli {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 130px;
    font-size: 3em;
    line-height: 50px;
}

.titoli:after {
    content: "";
    display: block;
    height: 0px;
    position: relative;
    width: 100px; 
    border-bottom:6px solid #006b9f;
    padding-top: 50px;    
}

.titoli a {
    color: #000000;
}

.titoli a:hover {
    color: #006b9f;
}

.descservizi {
    position: relative;
    width: 100%;
    font-size: 1.1em;
    padding-top: 40px;
    line-height: 25px;
}

.descrizioni {
    position: relative;
    padding-top: 50px;
    width: 100%;
    height: auto;
    font-size: 1.3em;
    line-height: 30px;
}

.descrizioni a {
    color: #000000;
}

.descrizioni a:hover {
    color: #006b9f;
}

.descrizioni2 {
    position: relative;
    width: 100%;
    height: auto;
    font-size: 1.8em;
    line-height: 33px;
    padding-top: 50px;
    background-image: url('/immagini/punti-forza.png');
    background-repeat: no-repeat;
    margin-top: 70px;
}

.descrizioni li {
    list-style: outside none disc;
    margin-left: 20px;
}

.bottone {
    position: relative;
    width: auto;
    height: auto;
    padding-top: 50px; 
    float: left;
}

.bottone a {
    display: block;
    width: auto;
    height: auto;
    padding: 20px 40px;
    background-color: #006b9f;
    color: #ffffff;
    font-size: 1.1em;
    font-weight: bolder;
}

.bottone a:hover {
    background-color: #0285c2;
}

.box_blu {
    position: relative;
    width: 100%;
    height: 500px;
    background-color: #006b9f;
    background-image:url('/immagini/cloud.png');
    background-position: 20% bottom;
    background-repeat: no-repeat;
    padding: 70px;
    padding-right: 120px;
    color: #000000;
    font-size: 2.3em;
    line-height: 45px;
}

.sottotitoli {
    position: relative;
    width: 100%;
    height: auto;
    font-size: 1.3em;
    padding-top: 20px;
    line-height: 22px;
}

.sottotitoli a {
    color: #000000;
}

.sottotitoli a:hover {
    color: #006b9f;
}

.input_login  {
    border: 0px;
    background-color: #e9eaea;
    width: 70%;
    height: 35px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 20px;
    border-top: 2px solid #cccccc;
    padding: 10px;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: 10px;
}

.submit_login {
    border: 0px;
    background-color: #6d6e70;
    width: 70%;
    height: 35px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 20px;
    color: #ffffff;
}

input:focus {
    border-top: 2px solid #6d6e70;
}

input.error {
    border: 1px solid red;
}

.errore {
    position: relative;
    width: 70%;
    height: 35px;
    line-height: 35px;
    background-color: darksalmon;
    color: darkred;
    text-align: center;
    display: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 10px;
}

.bottom {
    position: relative;
    width: 97%;
    height: auto;
    padding: 50px 0px;
    margin: 0 auto;
}

.bottom a {
    color: #000000;
}

.bottom a:hover {
    color: #006b9f;
}

.imgpage {
    padding-top: 150px;
}

.contgall {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 50px;
}

.boxgall {
    position: relative;
    width: calc(50% - 20px);
    height: 150px;
    margin: 10px;
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.logout {
    position: absolute;
    right: 0px;
    padding-top: 10px;
}

.logout a {
    color: #000000;
    font-weight: bolder;
}

.logout a:hover {
    color: #006b9f;
}

.contfiles {
    position: relative;
    width: 100%;
    height: auto;
    font-size: 1.5em;
}

a.rigadir {
    color: #000000;
    display: block;
    width: 100%;
    padding: 5px;
    border-bottom: 1px solid #000000;
    margin-bottom: 5px;
}

.elencofiles {
    display: none;
    padding: 10px;
    padding-left: 50px;
    padding-right: 0px;
    position: relative;
    font-size: 0.9em;
}

.titfile {
    position: relative;
    width: 100%;
    height: auto;
}

.nomefile {
    position: relative;
    width: 100%;
    height: auto;
}

.filesize {
    position: relative;
    width: 100%;
    height: auto;
}

.navbar {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 15px;
    text-transform: uppercase;
    color: #696969;
    font-size: 0.9em;
}

.navbar a {
    color: #696969;
}

.navbar a:hover {
    color: #006b9f;
}

#imgopenmenu { display: block; }

/**/

.paddingtop90 {
    padding-top: 90px;
}

.top_meno3 {
    top: -3px;
}

.padding100 {
    padding-top: 100px;
}

.float_lft { }

.float_rgt { padding-top: 20px; }

.txtright {
    text-align: right;
}

/* menu comparsa */

.menu_comparsa {
    width: 100%;
    padding: 20px;
    height: auto;
    /*min-height: 100%;*/
    right: 100%;
    position: absolute;
    z-index: 9999;
    background-color: #ffffff;
    top: 0;
    text-align: left;
}

.menu_comparsa li {
    display: block;
    padding: 10px 0px;
    margin-bottom: 10px;
}

.menu_comparsa a {
    color: #000000;
    line-height: 0px;
    width: auto;
    height: auto;
    font-size: 1.3em;
}

.menu_comparsa a:hover {
    color: #000000;
}

.top10 {
    padding-top: 10px;
}