/* SERENA */

/* Il body rappresenta tutto lo schermo. 

    Il body-content è la fascia centrale, che contiene tutti i div

    L'header è la fascia in alto che contiene i menu

*/









/* Move down content because we have a fixed navbar that is 50px tall */







body {

    padding-top: 80px; 

    padding-bottom: 20px;

    background-color: #ffffcc;

}



/* Wrapping element */

/* Set some basic padding to keep content from hitting the edges */

.body-content {

    padding-left: 15px;

    padding-right: 15px;

    font-family: 'Courier New';

    background-color: #ffffcc;

}



/* Set widths on the form inputs since otherwise they're 100% wide */

input,

select,

textarea {

    max-width: 280px;

}



/*SERENA*/



/* header di navigazione */

#divheader {

    background: #ccff99;

    color: white !important;

    font-weight: bold;

}



/* HOMEPAGE */



#divparole {

    float: left;

    width: 40%;

}



#divquote {

    text-align: center;

    font-family: 'Kaushan Script';

    font-size: 22px;

    color: #2db300;

}



#linehome {

    display: block;

    margin-top: 0.5em;

    margin-bottom: 0.5em;

    margin-left: auto;

    margin-right: auto;

    border-style: inset;

    border-width: 1px;

    color: green;

}



#divintro {

    font-family: 'Kaushan Script';

    font-size: 16px;

    color: black;

}



#divimage {

    float: left;

    width: 60%;

}





/* ABOUTPAGE */



.divgallery {

    margin: 5px;  

    border: 1px solid green;

    float: left;

/*    text-align: center;   */

    width: 500px; 

}



/*

.divgallery:hover {

    border: 1px solid #777;

}

    */



.desc {

    padding: 15px;

    text-align:center;

}



.imgcontainer {

    position: relative;

    display: none;

}



#divimgcontainer {

    /*float: left; */

    width: 100%;   

}

​

/* Responsive: Portrait tablets and up */

@media screen and (min-width: 768px) {

    .jumbotron {

        margin-top: 20px;

    }



    .body-content {

        padding: 0;

    }

}