/* Foglio di stile di "Ing. Alessandro Negrini" (16 maggio 2017) */

html {
    height:           100%;
}

body {
    font-family:      "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #D8E3EA;
    margin:           0;
}

h1 {
    color:            #003153;
    font-size:        1.4em;
    line-height:      1.3em;
}

h2 {
    color:            #003153;
    font-size:        1em;
    line-height:      1.2em;
}

p {
    color:            #404040;
    font-size:        1em;
    line-height:      1.5;
}

p.corsivo1 {
    color:            gray;
    font-family:      Arapey, TimesNewRoman, Times, Baskerville, Georgia, Serif;
    font-size:        1.2em;
    font-style:       oblique;
    line-height:      1.5;
}

p.corsivo2 {
    color:            gray;
    font-family:      Arapey, TimesNewRoman, Times, Baskerville, Georgia, Serif;
    font-size:        1.1em;
    font-style:       oblique;
    line-height:      1.2;
}

p.medium-left {
    font-size:        0.86em;
    line-height:      1.4;
    text-align:       left;
}

p.medium-middle {
    font-size:        0.86em;
    line-height:      1.4;
    text-align:       middle;
}

p.little1 {
    font-size:        0.7em;
    line-height:      0.9;
}

p.separatore {
    border:           solid 1px #D3D3D3;
    border-width:     0 0 1px 0;
    line-height:      0.9;
}

p.indent1 {
    text-indent:      1.0em;
}

span.end-of-proof {
    color:            #d3d3d3;
    font-size:        1em;
    line-height:      1.5;
}

a.tag {
    color:            #426C82;
    font-size:        0.8em;
    text-decoration:  none;
}

a.tag-big {
    color:            #426C82;
    font-size:        1.0em;
    text-decoration:  none;
}

/* Sezione centrale della pagina */

div#wrapper {
    margin:           0 0 0 0;
    min-height:       100%;
    padding:          0 0 0 0;
    text-align:       center;
}

section.centrale {
    display:          block;
    margin:           auto;
    max-width:        30em;
    overflow:         auto;    /* Impedisce che il contenuto travalichi i limiti dell'elemento contenitore */
    text-align:       center;
    width:            100%;
}

div.info-contatti {
    color:            #404040;
    display:          block;
    line-height:      1.5em;
    overflow:         auto;
    padding:          0.3em 0 0.7em 0;
    text-align:       left;
}

ul.contatti-dati {
    color:            #404040;
    display:          block;
    list-style-type:  none;
    margin:           auto;
    max-width:        99%;
    padding:          0;
    overflow:         auto;
}

ul.contatti-dati li a {
    color:            #426C82;
    display:          inline-block;
    text-decoration:  none;
}

ul.contatti-dati li a:hover:not(.active), a:focus {
    text-decoration:  underline;
}

/* Sezioni condizionali. Contenuti di minore importanza da spostare in coda o lateralmente */

section.laterale {
    display:          none;
}

section.coda {
    display:          block;
    margin:           auto;
    max-width:        30em;
    overflow:         auto;
    text-align:       center;
    width:            100%;
}

article.gen-intro {
    background-color: white;
    border:           solid 1px #B0B0B0;
    box-shadow:       0.3em 0.3em 0.3em #B0B0B0;
    display:          block;
    margin:           0.8em auto 1.0em auto;
    max-width:        30em;
    overflow:         auto;
    padding:          0;
    text-align:       left;
}

article.gen-intro::after {
    content:          "";
    clear:            both;
    display:          table;
}

div.inner-box {
    display:          block;
    margin:           0;
    padding:          0.3em 1.5em 0.7em 1.5em;
}

img.art-gen1 {
    display:          inline-block;
    float:            left;
    height:           auto;
    margin:           0.3em 1.0em 0 0;
    max-width:        50%;
}

img.art-gen2 {
    display:          inline-block;
    height:           auto;
    margin:           0 0 0 0;
    max-width:        100%;
    padding:          0;
}

a.call-out {
    border:           solid 1px #003153;
    color:            #003153;
    display:          block;
    float:            none;
    font-size:        1.0em;
    margin:           0 auto 1.0em auto;
    min-width:        12.5em;
    max-width:        16.0em;
    padding:          0.5em 0.5em 0.5em 0.5em;
    text-decoration:  none;
    text-align:       center;
    text-transform:   uppercase;
}

a.call-out:hover {
    opacity:          0.7;
    text-decoration:  underline;
}

a.follow, a.follow1 {
    color:            #003153;
    font-size:        1.0em;
    text-decoration:  none;
    text-transform:   uppercase;
}

a.follow:hover {
    opacity:          0.7;
    text-decoration:  underline;
}

a.follow1:active, a.follow1:visited {
    opacity:          0.7;
    text-decoration:  none;
}

/* Home. Raccolta dei socials */

aside.box-socials {
    background-color: white;
    border:           solid 1px #B0B0B0;
    /* border-radius:    0.5em; */
    box-shadow:       0.3em 0.3em 0.3em #B0B0B0;
    /* box-shadow:       0.2em 0.2em 0.2em #888888; */
    display:          block;
    margin:           0.5em auto 1.0em auto;
    max-width:        30em;
    overflow:         auto;
    padding:          0.5em 1.5em 1.0em 1.5em;
    text-align:       center;
}

aside.box-socials::after {
    content:            "";
    clear:              both;
    display:            table;
}

div.elenco-socials {
    margin:           auto;
    text-align:       center;
}

img.social-icon {
    display:          inline-block;
    height:           3.2em;
    width:            3.2em;
}

img.social-icon:hover {
    opacity:            0.7;
    transition:         0.7s all ease;
    -moz-transition:    0.7s all ease;
    -webkit-transition: 0.7s all ease;
    transform:          rotateY(360deg);
    -ms-transform:      rotateY(360deg);
    -webkit-transform:  rotateY(360deg);
}

/* Home. Box-news per pubblicazioni, eventi, recensioni ecc. */

article.box-gen1 {
    background-color: white;
    border:           solid 1px #B0B0B0;
    box-shadow:       0.3em 0.3em 0.3em #B0B0B0;
    display:          block;
    margin:           0.5em auto 1.0em auto;
    max-width:        30em;
    overflow:         auto;
    overflow-y:       hidden;
    padding:          0;
    text-align:       left;
}

div.box-gen1 {
    text-align:       center;
}

img.box-gen1 {
    display:          block;
    height:           auto;
    /* margin:           1.0em 0 0.5em 0; */
    margin:           0;
    max-width:        100%;
}

img.box-gen2 {
    display:          inline-block;
    height:           auto;
    margin:           1.0em 0 0.5em 0;
    max-width:        100%;
}

img.box-gen3 {
    display:          inline-block;
    height:           auto;
    margin:           0.5em 0 0.5em 0;
    max-width:        100%;
}

img.box-gen4 {
    display:          inline-block;
    height:           auto;
    margin:           0.3em 0 0.5em 0;
    max-width:        100%;
}

a.read-more {
    border:           solid 1px #003153;
    color:            #003153;
    display:          inline-block;
    float:            right;
    font-size:        0.75em;
    margin:           0 0 1.8em 0;
    padding:          0.5em 0.7em 0.5em 0.7em;
    text-decoration:  none;
    text-transform:   uppercase;
}

a.read-more1 {
    border:           solid 1px #003153;
    color:            #003153;
    display:          block;
    float:            none;
    font-size:        0.75em;
    margin:           0.5em auto 0.7em auto;
    padding:          0.5em 0.7em 0.5em 0.7em;
    max-width:        10em;
    text-decoration:  none;
    text-transform:   uppercase;
}

a.read-more:hover {
    opacity:          0.7;
    text-decoration:  underline;
}

a.read-more1:hover {
    opacity:          0.7;
    text-decoration:  underline;
}

/* Home. Box per le citazioni */

aside.box-cit1 {
    background-color: white;
    /* border-radius:    0.5em; */
    border:           solid 1px #B0B0B0;
    box-shadow:       0.3em 0.3em 0.3em #B0B0B0;
    display:          block;
    margin:           0.5em auto 1.0em auto;
    max-width:        30em;
    overflow:         auto;
    overflow-y:       hidden;
    padding:          0.7em 1.5em 1.3em 1.5em;
    text-align:       center;
    vertical-align:   top;
}

img.cit1 {
    display:          inline-block;
    float:            left;
    margin:           0 0.7em 0.5em 0;
    width:            1.6em;
}

/* Home. Box per contenuti marginali e download di fonti */

article.gen-content1 {
    background-color: white;
    /* border-radius:    0.5em; */
    border:           solid 1px #B0B0B0;
    box-shadow:       0.3em 0.3em 0.3em #B0B0B0;
    display:          block;
    margin:           0.8em auto 1.0em auto;
    max-width:        30em;
    overflow:         auto;
    padding:          0.5em 1.5em 0.5em 1.5em;
    text-align:       left;
}

aside.box-side1 {
    background-color: white;
    /* border-radius:    0.5em; */
    border:           solid 1px #B0B0B0;
    box-shadow:       0.3em 0.3em 0.3em #B0B0B0;
    display:          block;
    margin:           0.5em auto 1.0em auto;
    max-width:        30em;
    overflow:         auto;
    overflow-y:       hidden;
    /* padding:          1.3em 1.6em 1.3em 1.5em; */
    padding:          0.5em 1.5em 0.5em 1.5em;
    text-align:       center;
}

div.caption-file1 {
   vertical-align:    middle;
}

img.box-file1 {
    display:          inline-block;
    height:           auto;
    margin:           0.2em 0 0.5em 0;
    max-width:        10em;
}

img.ico-file1 {
    display:          inline-block;
    margin:           0.5em 0 0.5em 0;
    width:            2em;
}

a.download1 {
    border:           solid 1px #003153;
    color:            #003153;
    display:          block;
    font-size:        0.75em;
    margin:           0.5em auto 0.7em auto;
    max-width:        14em;
    padding:          0.5em 0.7em 0.5em 0.7em;
    text-align:       center;
    text-decoration:  none;
    text-transform:   uppercase;
}

a.download1:hover {
    opacity:          0.7;
    text-decoration:  underline;
}

a.download2 {
    display:          block;
    text-align:       center;
    text-decoration:  none;
}

a.download2:hover {
    opacity:          0.7;
    text-decoration:  underline;
}

div.checksum {
    display:          block;
    margin:           1.0em auto 0.7em auto;
    text-align:       center;
}

ul.gen-list1 {
    color:            #404040;
    display:          block;
    line-height:      1.5;
    list-style-type:  square;
    margin:           auto;
    overflow:         auto;
}

/* To-top */

#toTop {
    background-color: white;
    border:           solid 2px gray;
    border-radius:    1em;
    bottom:           1em;
    color:            #003153;
    cursor:           pointer;
    display:          none;
    font-size:        1.6em;
    margin:           0;
    opacity:          0.8;
    outline:          none;
    padding:          0.07em 0.2em 0.01em 0.2em;
    position:         fixed;
    right:            0.5em;
    z-index:          99;
}

#toTop:hover {
    opacity: 0.7;
}

/* Barra di navigazione principale (Orizzontale) */

div.head-top {
    background-image:   url("../an_grafica/an_header_bianco.png");
-webkit-background-size:cover;
  -moz-background-size: cover;
    -o-background-size: cover;
    background-size:    cover;
    display:            block;
    height:             7em;
    margin:             0;
    max-height:         7em;
    padding:            0;
    position:           relative;
    width:              100%;
}

div.an-side-logo {
    background-color:   white;
    display:            inline-block;
    float:              left;
    height:             7em;
    max-height:         7em;
    max-width:          7em;
    text-align:         center;
    width:              7em;
}

div.an-side-logo2 {
    background-color:   white;
    display:            block;
    float:              middle;
    height:             7em;
    margin:           auto;
    max-height:         7em;
    max-width:          7em;
    text-align:         center;
    width:              7em;
}

div.head-top {
    display:            none;
}

div.an-side-logo {
    display:            none;
}

img.head-logo1 {
    display:            inline;
    margin:             1.2em 0.5em 0.8em 0.5em;
    max-height:         5em;
    max-width:          5em;
    padding:            0;
    position:           relative;
    width:              4.8em;
}

img.head-logo2 {
    display:            block;
    margin-left:        auto;
    margin-right:       auto;
    max-height:         12em;
    max-width:          auto;
    padding:            0;
    width:              auto;
}

img.head-pattern1 {
    margin:             0;
    padding:            0;
}

nav.main-navbar {
    background-color:   #003153;
    display:            inline-block;
    height:             2.9em;
    max-width:          100%;
    margin:             0;
    overflow:           auto;
    padding:            0;
    position:           relative;
    width:              100%;
}

nav.main-navbar::after {
    content:            "";
    clear:              both;
    display:            table;
}

ul.nav-ori {
    background-color:   #003153;
    list-style-type:    none;
    margin:             0;
    overflow:           auto;
    padding:            0;
}

ul.nav-ori li {
    display:            inline-block;
    padding:            0;
}

ul.nav-ori li a {
    color:              white;
    display:            block;
    font-size:          1.1em;
    text-transform:     uppercase;
    margin:             0.75em 0 0 0;
    text-align:         center;
    text-decoration:    none;
    width:              7em;
}

ul.nav-ori li a:hover:not(.active), a:focus {
    opacity:            0.7;
    transition:         0.7s all ease;
    -moz-transition:    0.7s all ease;
    -webkit-transition: 0.7s all ease;

}

ul.nav-ori li a.nav-link {
    display:            none;
    text-transform:     uppercase;
}

.fa {
    display:            inline-block;
    text-align:         center;
}

a.nav-ico-search {
    color:              white;
    display:            inline-block;
    font-size:          1.5em;
    right:              1.8em;
    padding:            0 0.5em 0 0.5em;
    position:           absolute;
    top:                0.4em;
    z-index:            1;
    -webkit-transform:  translateX(50%);
    transform:          translateX(50%)
}

a.nav-ico-search:hover {
    opacity:            0.7;
}

a.nav-ico-bars {
    color:              white;
    display:            inline-block;
    font-size:          1.5em;
    left:               1.8em;
    padding:            0 0.5em 0 0.5em;
    position:           absolute;
    top:                0.4em;
    z-index:            1;
    -webkit-transform:  translateX(-50%);
    transform:          translateX(-50%)
}

a.nav-ico-bars:hover {
    opacity:            0.7;
}

img.logo-an1 {
    display:            inline-block;
    height:             2.1em;
    left:               50%;
    position:           absolute;
    top:                0.4em;
    width:              2.2em;
    z-index:            1;
    -webkit-transform:  translateX(-50%);
    transform:          translateX(-50%)
}

a.logo-link:hover {
    opacity:            0.7;
}

img.logo-an-top {
    display:            inline-block;
    height:             3.2em;
    left:               50%;
    position:           absolute;
    top:                0.4em;
    width:              3.2em;
    z-index:            1;
    -webkit-transform:  translateX(-50%);
    transform:          translateX(-50%)
}

/* Menù a scomparsa laterale per schermi piccoli */

div.side-nav {
    background-color:   #003153;
    height:             100%;
    left:               0;
    overflow-x:         hidden;
    padding-top:        3em;
    position:           fixed;
    text-align:         center;
    top:                0;
    /* transition:      0.1s; */
    width:              0;
    z-index:            1;
}

div.side-nav a {
    color:              white;
    display:            block;
    font-size:          1.2em;
    text-transform:     uppercase;
    padding:            0.5em 0.5em 0.5em 0.5em;
    text-decoration:    none;
    transition:         0.3s;
}

div.side-nav a:hover, .offcanvas a:focus{
    opacity:            0.7;
}

div.side-nav .closebtn {
    font-size:          2.5em;
    padding:            0;
    position:           absolute;
    right:              0.5em;
    top:                0;
}

/* Navigazione. Breadcrumbs */

ul.breadcrumb {
    padding:            0.3em 0 0.3em 0;
    list-style:         none;
    font-size:          0.7em;
}

ul.breadcrumb li {
    display:            inline;
    text-transform:     uppercase;
}

ul.breadcrumb li+li:before {
    padding:            0.5em;
    content:            "/\00a0";
}

ul.breadcrumb li a {
    color:              #426C82;
    text-decoration:    none;
    text-transform:     uppercase;
}

ul.breadcrumb li a:hover {
    opacity:            0.7;
    text-decoration:    underline;
}

/* Glossario. Tabs */

div.tabs {
    border:             1px solid #ccc;
    background-color:   #f1f1f1;
    overflow:           hidden;
    padding:            0.5em 0.5em 0.5em 0.5em;
    text-align:         center;
}

div.tabs button {
    background-color:   inherit;
    border:             none;
    color:              #003153;
    cursor:             pointer;
    float:              center;
    font-size:          1.2em;
    height:             1.6em;
    outline:            none;
    padding:            0;
    transition:         0.3s;
    width:              1.6em;
}

div.tabs button:hover {
    background-color:   #ddd;
    text-decoration:    underline;
}

div.tabs button.active {
    background-color:   #ccc;
    text-decoration:    underline;
}

.tabcontent {
    border:             none;
    display:            none;
    padding:            0;
}

/* Ricerca */

form.ricerca1 {
    margin:             0;
    padding:            0;
}

input.finder1 {
    font-family:         "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    width:               100%;
    box-sizing:          border-box;
    border:              1px solid #ccc;
    border-radius:       0.5em;
    background-color:    white;
    background-image:    url("../an_grafica/icona_ricerca.png");
-webkit-background-size: 1.5em;
  -moz-background-size:  1.5em;
    -o-background-size:  1.5em;
    background-size:     1.5em;
    background-position: 0.6em 0.8em; 
    background-repeat:   no-repeat;
    padding:             1em 1em 1em 2.7em;
}

input.finder1:focus {
    width: 100%;
}

/* Footer */

footer.main-footer {
    background-color: #003153;
    margin:           auto;
    max-width:        100%;
    text-align:       center;
}

footer.main-footer::after {
    content:          "";
    clear:            both;
    display:          table;
}

div.blu-footer {
    color:            white;
    font-size:        0.77em;
    line-height:      2.5em;
    max-width:        100%;
    min-height:       2.5em;
    overflow:         auto;
    text-align:       center;
    width:            100%;
}

div.info-footer {
    color:            white;
    display:          block;
    font-size:        0.85em;
    line-height:      1.5em;
    max-width:        99%;
    overflow:         auto;
    padding:          0.3em 0 0.3em 0;
    text-align:       center;
}

ul.footer-dati {
    color:            white;
    display:          block;
    list-style-type:  none;
    margin:           auto;
    max-width:        99%;
    padding:          0;
    overflow:         auto;
}

ul.footer-dati li a {
    color:            white;
    display:          inline-block;
    text-decoration:  none;
}

ul.footer-dati li a:hover:not(.active), a:focus {
    text-decoration:  underline;
}

img.logo-an2 {
    display:          block;
    height:           3.0em;
    margin:           auto;
    padding:          0.5em 0 0.7em 0.3em;
    text-align:       center;
}

img.logo-an3 {
    display:          block;
    height:           4.0em;
    margin:           auto;
    padding:          0.5em 0 0.7em 0;
    text-align:       center;
}

ul.nav-footer {
    display:          inline-block;
    list-style-type:  none;
    margin:           0;
    min-width:        12.5em;
    max-width:        70%;
    overflow:         auto;
    padding:          0;
    text-align:       center;
}

ul.nav-footer li {
    float:            left;
    margin:           auto;
    max-width:        50%;
    text-align:       center;
    width:            50%;
}

ul.nav-footer li a {
    color:            white;
    display:          inline-block;
    font-size:        0.8em;
    min-width:        8em;
    padding:          0.2em 0.2em 0.5em 0.2em;
    text-decoration:  underline;
    text-transform:   uppercase;
}

ul.nav-footer li a:hover:not(.active), a:focus {
    font-weight:      bold;
    text-decoration:  underline;
}

@media only screen and (min-width: 250px) and (max-width: 479px) {

/* Smartphone */

}
 
@media only screen and (min-width: 37.5em) {

/* Tablet ( 37.5 em = 600 px ) */

/* Navigazione. Mostro il menù orizzontale, nascondo il logo e l'hamburger-menù */

div.head-top {
    display:            block;
}

div.an-side-logo {
    display:            inline-block;
}

ul.nav-ori li a.nav-link {
    display:            inline-block;
}

img.logo-an1 {
    display:            none;
}

a.nav-ico-bars {
    display:            none;
}

div.waves#head-waves {
    display:          block;
}

}
 
@media only screen and (min-width: 48em) {

/* Notebook */

section.centrale {
    display:          inline-block;
    max-width:        30em;
    overflow:         auto;
    padding:          0 0.6em 0 0;
    text-align:       center;
    vertical-align:   top;
    width:            30em;
}

section.laterale {
    display:          inline-block;
    margin:           0 0 0 0.6em;
    max-width:        18em;
    overflow:         auto;
    padding:          0.25em 0.6em 0 0;
    text-align:       center;
    vertical-align:   top;
    width:            18em;
}

aside.box-side1 {
    margin:           0.6em auto 1.0em auto;
}

section.coda {
    display:          none;
}

}
 
@media only screen and (min-width: 1024px) and (max-width: 1199px) {

/* Notebook wide-screen */

}
 
@media only screen and (min-width: 1200px) {

/* Desktop */

}