/* css bootstrap */
.carousel-control-next, .carousel-control-prev{width: 2%;}
.carousel-inner{padding: 0px 15px 0px;}
main{overflow: hidden; margin-top: 67px;}
/* style */
.elenco_categoria{padding: 0px;}
.elenco_categoria li{list-style: none; margin-bottom: 10px;}
.elenco_categoria li a{text-decoration: none; color: #666; padding: 5px 6px;}
.elenco_categoria li a:hover{background-color: #ccc; border-radius: 0.25rem;}
.contenitore_articolo_corso{padding: 20px 0px 20px; border-bottom: solid 1px #dee2e6; overflow: hidden; margin-bottom: 20px;}
.contenitore_dettaglio_corso{overflow: hidden;}
.contenitore_dettaglio_corso img{width: 783px; margin-bottom: 15px;}
.img_corso img{width: 170px;}
.contenitore_img img{width: 170px; border: 1px solid #E6E6E6;}
.contenitore_galley_slide{width: 100%;}
.border-left{border-left: 1px solid; height: 150px;}
.footer{padding: 50px 0px 0px;}
.ul_footer{padding: 0px;}
.ul_footer li{list-style: disclosure-closed;}
.ul_footer li a{color: #666;}
.float-left{float: left;}
.testo_troncato{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 20px;}
.modal-dialog{width:600px; overflow: hidden;}
.img-modal{width:400px;}
/* CSS GENERALE */
/* css globale */
fieldset {
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border: #aaa solid 1px;
    padding: 1.5em;
    background: #eee;
    text-align: center;
    text-shadow: 1px 1px 2px #fff inset;
    -moz-box-shadow: 1px 1px 2px #fff inset;
    -webkit-box-shadow: 1px 1px 2px #fff inset;
    box-shadow: 1px 1px 2px #fff inset;
}
legend {
    width: auto;
    font-size: 18px;
    color: #444;
    padding: 5px 10px;
    margin-bottom: 0px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #aaa;
    background-color: #fff;
    -moz-box-shadow: 3px 3px 15px #bbb;
    -webkit-box-shadow: 3px 3px 15px #bbb;
    box-shadow: 3px 3px 15px #bbb;
}
.adv_banner_mobile{display: none;}

/* per il box messages */
.box_messages{
    position: fixed;
    top: 130px;
    right: 20px;
    margin-left: 20px;
    max-width: 300px;
    box-shadow: 0px 0px 17px 5px #333;               
}            
.close {
    position: absolute;
    top: 5px;
    right: 15px;
    color: black;
    font-size: 30px;
    cursor: pointer;
  }
.close:hover {color: lightgrey;}

/*media query*/
@media screen and (max-width: 500px) {
    .adv_banner {display: none;}
    .adv_banner_mobile{display: inherit; width: 330px; overflow: hidden;}
    .carousel-control-next, .carousel-control-prev {width: 5%;}
    .carousel-inner {height: 400px;}
	.modal-dialog{width:330px;}
	.img-modal{width:280px;}
}
@media only screen and (orientation: landscape) {
   @media screen and (max-width: 500px) {
    .adv_banner {display: none;}
    .adv_banner_mobile{display: inherit; width: 330px; overflow: hidden;}
    .carousel-control-next, .carousel-control-prev {width: 5%;}
    .carousel-inner {height: 400px;}
}
}