@charset "utf-8";



/*********inizio codice CAMBIO IMMAGINE AL PASSAGGIO DEL MOUSE********/



.card {

        width: 50%;

        height: auto;

        position: relative;

        display: inline-block;

    }

    .card .img-top {

        display: none;

        position: absolute;

        top: 0;

        left: 0;

        z-index: 99;

    }

    .card:hover .img-top {

        display: inline;

    }



.separatore{

    height: 400px;

}



/*INIZIO CODICE MENU' TENDINA*/



.memu, .menu ul, .menu a{

    margin: 0px;

    padding: 0px;

    border: none;

}

/**/

.menu li{

    list-style-type: none;

    float: left;

    height: 10px;

    position: relative;

    

}



.menu li a{

    display: block;

    text-decoration: none;

    font-weight: normal;

    color: black;

    font-size: 16px;

    padding: 0px 0px;

    margin: 0px 5px;

    line-height: 20px;

   /* border-left: 1px solid #FFF*/

    transition: color 0.6s ease;

    text-transform: uppercase;

}



.menu li:first-child a{

    border-left: none;

}



.menu li:hover > a{

    color: #900;

}



.menu ul{

    position: absolute;

    opacity: 0;

    background-color: lightgray;

    background: linear-gradient(top, #666 0%, #000 100%);

    -moz-background: linear-gradient(top, #666 0%, #000 100%);

    -webkit-background: linear-gradient(top, #666 0%, #000 100%);

    -ms-background: linear-gradient(top, #666 0%, #000 100%);

}



.menu li:hover > ul{

    opacity:1;

    

}



.menu ul li{

    height: 0px;

    overflow: hidden;

    padding: 0px;

}



.menu li:hover > ul li{

    height: auto;

    overflow: visible;

    padding-bottom: 0px;

}



.menu ul li a{

    width: 230px;

    margin: 0;

    padding: 0px 0px;

    border: none;

    border-bottom: 1px solid #FFF;

}

*/

/* FINE CODICE MENU' TENDINA*/









.*{

    padding-left: 40px;

}



.body{

    background-color: lightgrey;

    font-size: 90%; 

    text-align: left;

    background-repeat: no-repeat;

    width: 70%;

    margin: 0 auto;

        

}

.postIndex{

    height: 500px;

    overflow: hidden;

}



a{

    color: #333;

    text-decoration: none;

    

    

}

a:hover{

    color: #F30;

}



.mainHeader img{

    width: 100%;

    height: auto;

    margin: 0 0;

    

    

}

.mainHeader nav{

    background-color: gainsboro;

    height: 50px;

    border-radius: 5px;

    padding-top: 3px;

    margin-top: 10px

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}



.mainHeader nav ul{

    list-style: none;

    margin: 0 auto;



    

}



.mainHeader nav ul li{

    float:left;

    

    

    }



/*----------------------------------------------*/



/*----------------------------------------------------*/

.mainHeader nav a:link{

    color: #000;

    display: inline-block;

    padding: 12px 25px;

    

}



.mainHeader nav a:hover{

    color: #FFF;

    background-color: #333;

}



/*RICERCA MAIN HEADER*/





.mainHeader nav ul li form{

    padding: 10px 25px;

    float: right;



    }



.mainContent{

    width: 70%;

    background-color: white;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    float: left;

    margin-top: 2%;

    margin-right: 2%;

    padding; 2%;      

}



        

.mainContent H2{

    font-size: 20px;

}



.content img{

    float: center;

    border: thin solid white

    margin-bottom: 20px;

    margin-top: 20px;

    max-width: 70%;

    height: auto;

    padding-left: 15%;

    

}

#imgPiccola{

    float: center;

    margin-bottom: 20px;

    margin-top: 20px;

    max-width: 40%;

    height: auto;

    padding-left: 40%;

    

}



 #imgScientifica{

    float: center;

    border: thin solid white;

    margin-bottom: 20px;

    margin-top: 20px;

    max-width: 100%;

    height: auto;

    margin-left: -15%;

    

}



#imgFabrizio{

    float: right;

    border: thin solid white

    margin-bottom: 20px;

    margin-top: 20px;

    padding-left: 2%;

    padding-right: 8%;

   width: 40%;

    height: auto;

     margin-left:

    

}

.articoliH2 H2{

    font-size: 15px;

}



p

{

  font-family: verdana, arial, sans-serif;

  font-size: 14px;

    border-left: 10px;



}







label{

    font-family: verdana, arial, sans-serif;

}





/*.topContent{

    float: center;

    padding-left: 100px;

    

}*/



.sidebar{

    width: 27%;

    background-color: white;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    float: left;

    margin-top: 2%;

    padding-left: 1%;    

}





}

.sidebar article h2{

     text-align: center;

    padding-left: 10%;

    padding-right: 10%;

    font-family: cursive;

        

}



.sidebar .social a img{

    width: 15%;

    height: auto;

    margin-left: 12%;

    padding-top: 10px;

    margin-bottom: 10px;

    float: left;

    

}

.sidebar article img{

    width: 90%;

    height: auto;

    margin-left: 3%;

    margin-bottom: 15px;

        

}



/*aside article.social 

{

    float: center;

    border: thin solid white;

    width: 40%;

    height: auto;

    

}*/



.mainFooter{

    width: 100%;

    background-color: darkgray;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    float: left;

    text-align: center;

    margin-top: 2%;

}

.flex {max-width: 100%}









.pad{   /*classe del paragrafo al di fuori dell'index*/

    padding-left: 8%;

    padding-right: 8%;

    line-height: 180%;

    font-size: 16px;

}





.elencotxt{

    padding-left: 80px;

     padding-right: 40px;

    line-height: 200%;

    font-family: verdana, arial, sans-serif;

    font-size: 15px;

    text-align: justify;

}

.elencotxt li{

    



}



.elencoArticoli{

    list-style-type: none;

    padding-bottom: 10px;

    font-family: verdana, arial, sans-serif;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: normal;

    color: cadetblue;

    padding-top: 15px;

    text-align: right;

}



.titolih2{

    font-family: Verdana, Geneva, sans-serif;

    text-transform:uppercase;

    font-weight:normal;

    font-size: 100%;

    font-weight: bolder;

    color: cadetblue;

    padding-top: 15px;



}



.data{

    text-align: right;

    padding-right: 8%;

    font-family: Verdana, Geneva, sans-serif;

    text-transform:lowercase;

    font-weight:normal;

    font-size: 75%;

    font-weight: bolder;

    color: indigo;

    

}

#h3{

    text-align: center;

    padding-top: 50px;

    

}



.ipertesto{

    color: blue;

    font-weight: normal;

}



.elenco{

    list-style-type: none;

    text-transform: lowercase;

    font-family: verdana, arial, sans-serif;

}



.textSidebar{

    

}







h2{ 

    font-family: Verdana, Geneva, sans-serif;

    text-transform:uppercase;

    font-weight:normal;

    text-align: center;

    font-size: 100%;

    font-weight: bolder;

    color: cadetblue;

    padding-top: 40px;

    padding-bottom: 50px;

    padding-left: 40px;

    padding-right: 40px;



}

h3{font-family: Verdana, Geneva, sans-serif;

    text-transform: uppercase;

    text-align: center;

    padding-bottom: 30px;

    padding-left: 40px;

    padding-right: 40px;

    

}



.h3primaPagina{

    font-family: Verdana, Geneva, sans-serif;

    text-transform: uppercase;

    text-align: center;

    padding-bottom: 30px;

    padding-left: 40px;

    padding-right: 40px;

    

}



h4{ font-family: Verdana, Geneva, sans-serif;

    text-transform: uppercase;

    font-weight: normal;

    font-size: 100%;

    text-align: center;

    padding-top: 30px;

    padding-bottom: 40px;

    padding-left: 40px;

    padding-right: 40px;

}

div, li{

    padding-bottom: 5px;

}



.testoEnfasi{

    font-family: Verdana, Geneva, sans-serif;

    font-size: 12px;

    font-style: italic;

    text-transform: lowercase

    color: #333;

    padding-left: 40px;

    padding-top: 0px;

    padding-bottom: 40px;

    width: 90%;

    text-align: center;

}



.titleArticoli{

    padding-bottom: 0px;

    padding-top: 0px;

    padding-left: 5px;

    padding-right: 5px;

}

.titleSidebar{

    

}

@media only screen and (min-width: 150px) and (max-width: 600px){

    

    .body{

        color: black;

        font-size: 95%;

        width: 100%;

        

    }

    .mainHeader img{

        max-width: 100%;

        

    }

    .mainHeader nav{

    height: 200px;

        max-width: 100%;

    }

    

    .mainHeader nav ul{

    padding-left: 0px;

    padding-top: 5px;

        

    }

    

    .mainHeader nav ul li{

        float: left;

        display: inline-block;

        width: 100%;

        text-align: center;

        height: 30px;

    }

    .mainHeader nav a:link{

        display: block;

    }

    

    .mainContent {

        width:100%;

    }

    

    .sidebar {

        width: 100%;

        

    }

    .mainFooter{

        width: 100%;

    }

}





/* Add a black background color to the top navigation bar */

.topnav {

  overflow: hidden;

  background-color: #e9e9e9;

}

    

    



/* Style the links inside the navigation bar */

.topnav a {

  float: left;

  display: block;

  color: black;

  text-align: center;

  padding: 14px 16px;

  text-decoration: none;

  font-size: 17px;

}



/* Change the color of links on hover */

.topnav a:hover {

  background-color: #ddd;

  color: black;

}



/* Style the "active" element to highlight the current page */

.topnav a.active {

  background-color: #2196F3;

  color: white;

}



/* Style the search box inside the navigation bar */

.topnav input[type=text] {

  float: right;

  padding: 6px;

  border: none;

  margin-top: 8px;

  margin-right: 16px;

  font-size: 17px;

}



/* When the screen is less than 600px wide, stack the links and the search field vertically instead of horizontally */

@media screen and (max-width: 600px) {

  .topnav a, .topnav input[type=text] {

    float: none;

    display: block;

    text-align: left;

    width: 100%;

    margin: 0;

    padding: 14px;

  }

  .topnav input[type=text] {

    border: 1px solid #ccc;

  }

    

    

    

    /*CAMBIO IMMAGINE NELLA HOME INDEX*/

    

    

    

}