article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}


@media all and (max-width: 400px) { 
    body {
        background-color: #ffffff;
        font-family: 'Droid Sans';
        font-size: 12px;
        color: #666;
        line-height: 10px;


    }
    h1 { 
        font-size: 2em;
        font-family: "Titillium Web";
        line-height: 10px;
    }
    h2 { 
        font-size: 1.5em;
        font-family: "Titillium Web";
        line-height: 10px;
    }
    h3 {
        font-size: 1.15em; 
        font-family: "Titillium Web";
        line-height: 10px;
    }
    h5 {
        font-size: .83em; 
        font-family: "Titillium Web";
        line-height: 10px;
    }
    h6 { 
        font-size: .75em; 
        font-family: "Titillium Web";
        line-height: 10px;
    }
}

@media all and (max-width: 401px) and (max-width: 768px) { 
    body {
        background-color: #ffffff;
        font-family: 'Droid Sans';
        font-size: 12px;
        color: #666;
        line-height: 10px;
    }
    h1 { 
        font-size: 2em;
        font-family: "Titillium Web";
        line-height: 10px;
    }
    h2 { 
        font-size: 1.5em;
        font-family: "Titillium Web";
        line-height: 10px;
    }
    h3 {
        font-size: 1.15em; 
        font-family: "Titillium Web";
        line-height: 10px;
    }
    h5 {
        font-size: .83em; 
        font-family: "Titillium Web";
        line-height: 10px;
    }
    h6 { 
        font-size: .75em; 
        font-family: "Titillium Web";
        line-height: 10px;
    }
}

@media all and (min-height: 900px) {
    #wrapper {
        min-height: 920px;
    }
}


table {
    border: 0px solid red;
}


/*
iframe {
box-shadow: 5px 5px 2px 0px rgba(130,130,130,1);
-webkit-border-radius: 3px;
-moz-border-radius:  3px;
border-radius:  3px;    
}
*/



.art1 {
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(190,190,190,1);
    -moz-box-shadow: 0px 0px 0px 3px rgba(190,190,190,1);
    box-shadow: 0px 0px 0px 3px rgba(190,190,190,1);
    margin: 0 auto;
    opacity: .5;
    width: auto;
    max-height: 230px;
    transition-duration: 0.7s;
}

.art1:hover {
    opacity: .9;
    transform: scale(1.1);
}


.imgSli {
    height: 1000;

}


/********************************************/
.w50 {
    width: 50px;
}

.w100 {
    width: 100px;
}

.w250 {
    width: 250px;
}
.w300 {
    width: 300px;
}
.w350 {
    width: 350px;
}

.w400 {
    width: 400px;
}

.w500 {
    width: 500px;
}

.w620 {
    width: 620px;
}

.w430 {
    width: 430px;
}
.w1000 {
    width: 1000px;
}
.w1200 {
    width: 1200px;
}

@media (max-width: 400px) {
    .w50 {
        width: 50px;
    }

    .w100 {
        width: 50px;
    }

    .w250 {
        width: 100px;
    }
    .w300 {
        width: 150px;
    }
    .w350 {
        width: 200px;
    }

    .w400 {
        width: 200px;
    }

    .w500 {
        width: 250px;
    }

    .w620 {
        width: 620px;
    }

    .w430 {
        width: 430px;
    }
    .w1000 {
        width: 1000px;
    }
    .w1200 {
        width: 1200px;
    }
}
@media (min-width:401px) and (max-width: 768px) {
    .w50 {
        width: 50px;
    }

    .w100 {
        width: 80px;
    }

    .w250 {
        width: 150px;
    }
    .w300 {
        width: 200px;
    }
    .w350 {
        width: 250px;
    }

    .w400 {
        width: 300px;
    }

    .w500 {
        width: 400px;
    }

    .w620 {
        width: 620px;
    }

    .w430 {
        width: 430px;
    }
    .w1000 {
        width: 1000px;
    }
    .w1200 {
        width: 1200px;
    }
}
/********************************************/

/********************************************/
.h90 {
    height: 90px;
}

@media (max-width: 400px) {
    .h90 {
        height: 50px;
    }
}
/********************************************/


.span4 {
    width: 300px;
}





.col1 {
    width: 760px;
    float: left;
}
.col2 {
    width: 240px;
    float: right;
}

.col1_a {
    width: 220px;
    text-align: center;
    float: left;

}

.col1_b {
    text-align: left;
    float: left;
    width: 1020px;
} 

.col2_b {
    width: auto;
    float: left;
    padding: 0px 0px 0px 40px;
}

.col3_b {
    width: auto;
    float: left;
}


.col1_a_2 {
    width: 260px;
    text-align: center;
    float: left;
    padding: 5px;
}

.col1_c {
    width: 780px;
    float: right;
}

.col1_d {
    width: 790px;
    float: right;
}
.col2_c {
    width: 240px;
    float: left;
}    


.imgAppr1 {
    /*
    -webkit-box-shadow: 5px 5px 2px 0px rgba(80,80,80,1);
    -moz-box-shadow: 5px 5px 2px 0px rgba(80,80,80,1);
    box-shadow: 5px 5px 2px 0px rgba(80,80,80,1);  
    */
    /*
    -webkit-border-radius: 3px;
    -moz-border-radius:  3px;
    border-radius:  3px;    
    */
    max-width: 240px;
    margin-left: 20px;
}

.imgAppr2 {
    /*
    -webkit-box-shadow: 5px 5px 2px 0px rgba(80,80,80,1);
    -moz-box-shadow: 5px 5px 2px 0px rgba(80,80,80,1);
    box-shadow: 5px 5px 2px 0px rgba(80,80,80,1);  
    */
    /*
    -webkit-border-radius: 3px;
    -moz-border-radius:  3px;
    border-radius:  3px;    
    */
    max-width: 220px;
    margin-top: 60px;
    margin-right: 20px;
    margin-left: 20px;

}

.imgAppr3 {
    /*
    -webkit-box-shadow: 5px 5px 2px 0px rgba(80,80,80,1);
    -moz-box-shadow: 5px 5px 2px 0px rgba(80,80,80,1);
    box-shadow: 5px 5px 2px 0px rgba(80,80,80,1);  
    -webkit-border-radius: 3px;
    -moz-border-radius:  3px;
    border-radius:  3px;    
    */
    max-width: 240px;
    margin-left: 20px;
}

.imgAppr4 {
    /*
    -webkit-box-shadow: 5px 5px 2px 0px rgba(80,80,80,1);
    -moz-box-shadow: 5px 5px 2px 0px rgba(80,80,80,1);
    box-shadow: 5px 5px 2px 0px rgba(80,80,80,1);  
    -webkit-border-radius: 3px;
    -moz-border-radius:  3px;
    border-radius:  3px;    
    */
    max-width: 240px;
    margin-top: 50px;
    margin-left: 20px;
}


.imgAppr5 {
    max-width: 240px;
    margin-top: 20px;
    margin-left: 20px;
}

.imgAppr6 {
    max-width: 220px;
    margin-top: 40px;
    margin-right: 20px;
    margin-left: 20px;

}

.imgAppr7 {
    max-width: 220px;
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;

}

/***************************************************************/
.imgStudi {
    /*
    -webkit-box-shadow: 5px 5px 2px 0px rgba(80,80,80,1);
    -moz-box-shadow: 5px 5px 2px 0px rgba(80,80,80,1);
    box-shadow: 5px 5px 2px 0px rgba(80,80,80,1);  
    -webkit-border-radius: 3px;
    -moz-border-radius:  3px;
    border-radius:  3px;    
    */
    height: 300px;
    width: 400px;

}

@media (max-width: 400px) {

    .imgStudi {
        height: auto;
        width: 320px;

    }
}
/***************************************************************/

.imgContact {
    /*
    -webkit-box-shadow: 5px 5px 2px 0px rgba(80,80,80,1);
    -moz-box-shadow: 5px 5px 2px 0px rgba(80,80,80,1);
    box-shadow: 5px 5px 2px 0px rgba(80,80,80,1);  */
    -webkit-border-radius: 2px;
    -moz-border-radius:  2px;
    border-radius:  2px;    

    max-height: 80px;
    transition-duration: 0.7s;
}


/*
.imgContact:hover {
transform: scale(1.05);
box-shadow: 10px 10px 5px 0px rgba(190,190,190,1);

}
*/



.imgValignM {
    margin-top: 150px;
    max-width: 230px;
    height: auto;
    margin-left: 20px;
}





.address {
    vertical-align: top;
    text-align: center;

}


.social {
    max-height: 60px;
    width: auto;
    border-radius: 8px;
    box-shadow: 5px 5px 2px 0px rgba(130,130,130,1);
    transition-duration: 0.7s;
}

.social:hover {
    transform: scale(1.2);
    box-shadow: 10px 10px 5px 0px rgba(190,190,190,1);

}

.telefono {
    transition-duration: 0.7s;
    text-shadow: 1px 1px 1px #606060; 
}

.telefono:hover {
    transform: scale(1.5);
    text-shadow: 2px 2px 1px #808080; 
    color: #505050;
}

.biografia {
    margin-left: 20px;
    font-size: 18px;
    text-align: justify;
}

.biografia_sx {
    margin-left: 20px;
    font-size: 18px;
    text-align: left;
}

.biografia italic {
    font-style: italic;
}

.articolo {
    margin-left: 20px;
    font-size: 18px;
    text-align: justify;
}

.articolo italic {
    font-style: italic;
}

.articolo right{
    text-align: right;
}


.contatti {
    margin-left: 20px;
    font-size: 16px;
    text-align: justify;
}

.contatti p {
    font-size: 14px;
    text-align: center;
    color: #666;
}


.studi {
    margin-left: 20px;
    text-align: left;
}

.riga_sepa {
    display: none;
}


.bottomRow {
    border: 0px solid #1b1b1b;
    background-color: #1b1b1b;
    color: #aaaaaa;
    padding-top:5px;
    height: 25px;
    display: block;
    text-align: center;
}

#bottomHr {
    border: 15px solid #1b1b1b;
}

#align_center {
    text-align: center;
    vertical-align: middle;
}




.dropdown-toggle{
    position: static;
}

#nome_casella_left {
    font-family: "Boogaloo";
    font-size: 22px;
    line-height: 10px;
    vertical-align: middle;
    text-align: left;
    margin: auto;
}
#nome_casella_right {
    font-family: "Boogaloo";
    font-size: 22px;
    line-height: 10px;
    vertical-align: middle;
    text-align: right;
    margin: auto;       
}

.articolo li {
    list-style: square inside;
}