@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500);
@import url(//fonts.googleapis.com/css?family=Lato:300,400,500);

*{

    box-sizing:border-box;	
	
}

html, body{

    width:100%;
    height:100%;
    margin:0px;
    position : relative;
}

body{
	
    color: #444;
    transition: background-color .5s;
    font-family: 'Montserrat', sans-serif !important;
    letter-spacing:0.05rem;
    
}

img{
	
    border:0px;

}

p{
    
    width:100%;
    height: auto;
    padding:1rem;
    line-height: 1.6rem;
    margin:0rem;
    font-size:1rem;  
    
}

p{
	
    	
	
}

a{
	
    text-decoration:none;
    color:#0066CC;

}

a:hover{

    text-decoration:none;
    color:#003366;

}

h1,h2,h3,h4{
	
    font-family: 'Lato', sans-serif !important;
    color:#066072;
    width:100%;
    min-height:1rem;
    height:auto;
    float:left;
    vertical-align:middle;
    letter-spacing:0.05rem;
    display:block;   
        
}

h1{

    font-size: 2.5rem;
    line-height:3rem;
    margin:1.5rem 0rem;
    text-align:center;
    
}

h1 span{

   

}

h2{

    font-size: 2rem;
    line-height:2.5rem;
    margin:1.3rem 0rem;
    text-align:center;
    
}

h3{

    font-size: 1.5rem;
    line-height:2rem;
    margin:1rem 0rem;
    text-align:center;
    
}

h4{

    font-size: 1.2rem;
    line-height:1.7rem;
    margin:0.8rem 0rem;
    text-align:center;
    
}

.clear{clear:both;}



ul, ol{

    margin:0px;
    padding:0px;
    list-style: none;

}


ul li, ol li{
    
    
		
	
}

ul li a, ol li a{
		
	
}

ul li a:hover, ol li a:hover{
	
		
	
}

/*condizioni di stato*/

.error{color:red};

.disabled{
	
    opacity:0.5;
    pointer-events: none;
	
}

.enabled{
    
    opacity:1;
    pointer-events: auto;
    
}

.active{
    
     border-bottom: 2px solid #8C0000;
     
}

.relative{

    position:relative;
	
}

.absolute{

    position:absolute;	
	
}

.res-x{
	
    width:100%;
    height:auto;
    float:left;
	
}

.res-y{

    width:auto;
    height:100%;
    float:left;
	
}

.highlight{
    
    background-color: yellow;
    
}

.curved{
	
    border-radius:0.5rem;
    border:1px solid #F0F0F0;
	
}

.phone-only{
	
    display:none;
	
}

.tablet-only{
    
    display:none;
    
}

.desk-only{

    display:block;	
	
}

.with-shadow-a{
    
    box-shadow: 0px 0px 5px 1px #777;

}

.with-shadow-b{

    box-shadow: 0px 2px 4px 0px #000;
    
}

.ico-ok{ background-image: url(../img/green.png);}
.ico-no{  background-image: url(../img/red.png);}
.ico-todo{  background-image: url(../img/gray.png);}

.info{
    
    width: 80%;
    margin:0% 10% 2rem;
    height: auto;
    float: left;
    padding:2rem;
    background-image: url('../img/ico/info.png');
    background-repeat: no-repeat;
    background-position:1rem;
    padding-left:4rem;
   
    
}

span.info{
    
    display:block;
    float:left;
    padding:1rem 0.5rem;
    font-size:1.3rem;
    font-weight:500;
    background-image:none;
    width:auto;
    margin:0rem;
}

input.error, select.error, textarea.error
{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}


/*fine condizioni di stato*/

/*colori fonts*/
.cl-white{

    color:#FFF;	
	
}

.cl-blu{

    color:#0A4D7F;
	
}

.cl-gray-s{

    color:#696969 !important;
	
}
/*fine colori fonts*/

/*elementi di pagina specifici secondo semantica*/
main{
	
    height: 100%;
    min-height: 20rem;
    width: 100%;
    position : relative;
}
/*
header{

    height: auto;
    min-height: 5rem;
    width: 100%; 
    
}

nav{
    
    
    
}

footer{
    
    
    
}*/
/*fine elementi di pagina specifici secondo semantica*/

/*pulsante menu burger*/
#nav {
    
    width: 35px;
    height: 28px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    float:right;
    display: none;
    z-index :10;
    margin:2.2rem 0.5rem 0.5rem 0.5rem;
    
}

#nav span {
    
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #868686;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;

}

#nav span:nth-child(1) {
  top: 0px;
}

#nav span:nth-child(2),#nav span:nth-child(3) {
  top: 10px;
}

#nav span:nth-child(4) {
  top: 20px;
}

#nav.open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}

#nav.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav.open span:nth-child(4) {
  top: 10px;
  width: 0%;
  left: 50%;
}
/*fine pulsante menu*/

/*colori di sfondo*/
.bg-red{background-color:#F31A77;}
.bg-gray{background-color:#EFEFEF;}
.bg-gray-s{background-color:#F8F8F8;}
.bg-blu-s{background-color:#004393;}
.bg-lblu-s{background-color:#14A5B0;}
.bg-blu{background-color:#004095;}
.bg-blue{background-color:#006699;}
.bg-yellow{background-color:#E2CA00;color:#023447;}
.bg-yellow:hover{
    background-color:#023447;
    color: #E2CA00;
    box-shadow: 0px 0px 5px 1px #777;
}
.bg-orange{background-color:#FF652B;}
.bg-green{ background-color: #063;}
.bg-green-s{background-color:#00A5B1;}
.bg-lime-s{background-color:#B1C800;}
.bg-navy{background-color: #023447;color:#FFF;}
.bg-navy:hover{background-color:#FFF;color: #023447;box-shadow: 0px 0px 5px 1px #777;}
.bg-orange-s{background-color:#F9B700;}
.bg-sky{background-color: #6DC3D3;color:#023447;}
.bg-sky:hover{
    background-color:#023447;
    color: #6DC3D3;
    box-shadow: 0px 0px 5px 1px #777;
}
.bg-violet{background-color:#627AB9;}
.bg-violet-s{background-color:#637BB7;}
.bg-white{background-color:#FFFFFF;}
/*fine colori di sfondo*/

/*classi di pagina*/
#header {
    background-color: #DDDDDD;
    min-height: 6rem;
    float:left;
    width: 100%;
    z-index: 100000;
}

#header #header-top {
    width: 100%;
    min-height: 3rem;
    float: left;
    background-color: #A6A6A6;
    line-height: 3rem;
}

#header #header-top span {
    color: #6B6B6B;
    font-size: 1.1rem;
    display: block;
    height: 100%;
    width:auto;
    min-width: 20rem;
    margin: 0 auto;
    letter-spacing: 0.15rem;
    font-weight: 500;
    padding-left: 41rem;
    float: left;
    background-image: url(../img/aquila-bianca-32.png);
    background-repeat: no-repeat;
    background-position: 38rem;
    padding-right: 50px;
}

#header #header-main {
    width: 100%;
    min-height: 3rem;
    height: 100%;
    float: left;
    position: relative;
}

#logo-box {
    min-width: 500px;
    width: auto;
    min-height: 2rem;
    margin:1rem 0rem;
    float: left;
/*    margin-left: 6em;*/
    position: relative;
    border-radius : 0.5rem;
}

#logo-box img {
    width: auto;
    height: 100%;
    float: left;
    border-radius : 0.5rem;
}

#logo-box span {
    width: auto;
    min-width: 12rem;
    height: auto;
    display: block;
    line-height: 2rem;
    float: left;
    font-weight: 500;
    margin-left: 1rem;
    font-size: 2.1rem;
    letter-spacing: 0.1rem;
    margin-top: 1rem;

}


.content{
	
    width:1440px;
    height:auto;
    min-height:1rem;	
    margin:0 auto;
    margin-bottom:2rem;
    display:block;
    padding:0.5rem;
	
}

.content p {

    padding:1rem 0rem;
    font-size: 1.2rem;
    line-height: 2rem;
	
}

.eagle-back{
    
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/_back.png");
    background-size:cover;
    
}

#bacheca{
    
    height:100%;
    min-height: 20rem;
    
}

#bacheca a{
    
    display:block;
    float:left;
    margin:1rem 2.5rem;
    transition: ease all 0.2s;
    transform : scale(0.95);
    width: 12%;
    height:auto;
    
    
}

#bacheca a img{
    
    width: 100%;
    height: auto;
    
}

#bacheca a:hover{
    
    transform: scale(1);
    
}

.overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0,0,0,0.8); 
    display:none;
/*    background-repeat:repeat-x;
    background-position: center center;
    background-image: url("../img/patt.png");*/

}

#close{
    
   position: absolute; 
   top:-1.5rem;
   right:-1.5rem;
    
}

#flipwrap{
    
    position:relative;
    margin: 0 auto;
    
}

#flipbook{
    
   margin-top:5%;
  
}

/*fine classi di pagina*/

/*utilità generiche*/
#ajax-loader{
    
    position: absolute;
    top:0.2%;
    left:45%;
    z-index: 999999999;
    
    
}

a.pdf-link{
   
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("../img/ico/pdf.png");
    padding-left:3rem;
    text-align: left;
    margin-bottom:1rem;
    float:left;
    line-height:3rem;  
    display:block;
    width:auto;
    
}

#push-screen{
	
    width:100%;
    height:100%;
    z-index:1000000;
    pointer-events:none;
    display:none;
    background-color:#000;
    opacity:0.5;
    position:absolute;
    top:0px;
    left:0px;
	
}


.pdf, .doc, .rtf, .zip {
    display: block;
    float: left;
}

span.pdf:before, span.doc:before, span.rtf:before, span.zip:before {
    float: left;
    display: block;
    margin-right: 0.5rem;
    width: 20px;
    height: 20px;
}

span.pdf:before{
    
  content: url("../img/ico/pdf.png");  
    
}

span.doc:before, span.rtf:before{
    
  content: url("../img/ico/word.png");  
    
}

span.zip:before{
    
  content: url("../img/ico/zip.png");  
    
}
/*fine utilità generiche*/

/*div generici*/
div[class^="div"]{
    
    float:left;
    min-height:1rem;
    height:auto;
    display:block;
    
}

.div100{

    width:100%;	
    
}

.div66{
	
    width:66.6%;
	
}

.div50{
	
    width:50%;	
	
}

.div33{
	
    width:33.3%;	
	
}
/*fine div generici*/


/*footer*/
#footer{

    position: absolute;
    bottom:0rem;
    width:100%;
    float:left;
    height:auto;
    min-height:1rem;	
    background-color:#474747;
    color:#FFF;
}

#footer #footer-wrap{

    width:1440px;
    margin:0 auto;
    height:auto;
	
}

#footer #footer-wrap #footer-credits {
    width: 100%;
    min-height: 1rem;
    float: left;
}

#footer #footer-wrap #footer-credits span {
    width: auto;
    min-width: 2rem;
    padding: 0.8rem 0.3rem;
    height: auto;
    min-height: 1rem;
    display: block;
    float: left;
    color: #FFF;
    margin-left: 1rem;
}

#footer #footer-wrap #footer-credits span a, .medium a {
    color: #65DDDF;
}

/*fine footer*/


/*dimensioni font*/
.font-xxl{

    font-size:3rem;
    
}

.font-xl{

    font-size:2.5rem;
    
}

.font-l{

    font-size:1.8rem;
    
}

.font-m{

    font-size:1.4rem;
    
}

.font-xm{

   font-size:1rem; 
    
}

.font-s{

    font-size:0.8rem;
    
}

.font-xs{

    font-size:0.6rem;
    
}
/*fine dimensioni font*/

/*pulsanti*/
.btn{
	
    min-width:4rem;
    width:auto;	
    min-height:2rem;
    height:auto;
    display:block;
    margin:0.2rem;
    padding:0.3rem 0.5rem;
    float:left;
    border-radius:0.1rem;
    vertical-align:middle;
    line-height:1.2rem;
    text-align:center;
    box-shadow: 0px 2px 4px 0px #000;
    transition: all 0.3s ease 0s;
	
}

.btn:hover{
    
    background-color:#002B65 ;
    color:#FFF;
	
}
/*fine pulsanti*/

/*molliche di pane*/
#breadcrumbs{
	
    width:100%;
    height:auto;
    font-size:1rem;	
    min-height:1.3rem;
    padding:0.3rem 0.2rem 0.3rem 0rem;
    line-height: 2rem;
    float: left;
	
}

#breadcrumbs a{
	
    display: block;
    float: left;
    width: auto;
	
}
/*fine molliche di pane*/

/*checkboxes custom*/
/* The container */
.container {
    display: block;
    position: relative;
    padding-left: 1.5rem;
    cursor: pointer;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
     border-radius : 0.2rem;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    border-radius : 0.2rem;
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*fine checkboxes custom*/


*[id$="-error"] {
    
  display: none !important;
      
}


/*helpers esterni*/
#dyscrollup-btn {
    z-index: 999999;
    position: fixed;
    cursor: pointer;
    display: none;
    bottom: 3rem;
    right:0.6rem !important;
}




@media only screen and (max-width: 1440px) and (min-width: 1023px){

    .content,#footer #footer-wrap{
        
        width: 100% !important;
        
    }   
	
}