@import url("box-new-avv.css");

.home  .container > header nav{
	margin-bottom: 0;
}

.home  .container > header .carousel img{
	margin: 0;
	display: none; /* sblocco carousel */
}

@media (max-width: 480px) {
	.carousel-video{
		display:none;
	}
}

.carousel-video{
	position:relative;
	height:100%;
	
}

.carousel-video .video_resp{
	padding-bottom:0;
	padding-top:0;
	margin-bottom:0;
	height:100%;
	
}

.carousel-video .video_resp .img-responsive{
	display:block;
	visibility:hidden;
}


.carousel-caption .ico{
	margin-top:15px;
	width:70px;
}

.carousel-video .vjs-tech{
}

@media (min-width: 480px){
	 /* sblocco carousel */
	.home  .container > header .carousel img{
		margin: 0;
		display: block;
	}
}

@media (min-width: 768px){
	.home  .container > header .carousel h2{
		top: 0;
		left: 60px;
		bottom: 0;
		right: 60%;
	}
}

.home  .container > header .carousel-caption{
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: left;
	padding: 10px 15%;
	z-index: 20 !important;
	background:rgba(0,0,0,0.7);
	position: static; /* sblocco carousel */
}

@media (min-width: 480px){
	.home  .container > header .carousel-caption{
		position: absolute; /* sblocco carousel */
	}
}

@media (min-width: 768px){
	.home  .container > header .carousel-caption{
		top: 0;
		left: 60px;
		bottom: 0;
		right: 50%;
		padding: 10px 15px;
	}
}

@media (min-width: 1200px){

	.home  .container > header .carousel-caption{
		right: 60%;
	}

}

.home  .container > header .carousel-caption h3{
	font-family: 'Open Sans semibold', sans-serif;
	color: #fff;
	height: 70%;
	text-shadow: none;
	font-size: 1.2em;
	margin-top: 0;
	line-height: 1.2em;	
	margin-bottom: 40px;
}

@media (min-width: 480px){

	.home  .container > header .carousel-caption h3{
		height: auto;
		font-size: 1.4em;
		margin-top: 10px;
	}

}

@media (min-width: 1024px){

	.home  .container > header .carousel-caption  h3{
		font-size: 1.5em !important;
		margin-top: 20px;
	}

}

.home  .container > header .carousel-caption h3 a{
	background-color: inherit;
	color: #fff;	
}

.home  .container > header .carousel-caption  p{
	text-shadow: none;
	margin-top: 5px;
}

.home  .container > header .carousel-caption  p.data{
	font-size: 1em;
}

.home .container > header .carousel-caption p:not(.data){
	display: none;
}

@media (min-width: 1024px){

	.home  .container > header .carousel-caption  p{
		font-size: 1.2em;
		margin-top: 30px;
	}

	.home .container > header .carousel-caption p:not(.data){
		display: block;
	}

}

.home  .container > header .carousel-indicators {
    bottom: 0;
	z-index: 20;
	z-index: 25 !important;
}

@media (min-width: 768px){

	.home  .container > header .carousel-indicators{
		bottom: 20px;
		margin: 0;
		left: 60px;
		right: 50%;
		width: auto;
	}

}

/*2017 SAIS*/
@media (max-width: 540px){
	
	#subfooter #menuservizio{
		display:none;
	}
	
	.home #navigazioneutente ul li{
		margin-left:0 !important;
		margin-right:0 !important;
		text-align:left;
		width:49%;
		display:inline-block;
		
	}
	
	.home .boxAttivita ul{
		display:none;
	}
	
	.home .boxCanaleTematico p{
		display:none;
	}
	
	.home .boxCanaleTematico ul{
		display:none;
	}
	
	.home  main .boxtemi{
		padding-top:0 !important;
	}
	
	.home  main .boxtemi > div div{
		padding:30px 25px 25px 25px !important;
		border-bottom:1px solid #002e5f;
	}
	.home #navigazionealternativa .mobile-contatti {
		padding-top:25px;
	}

 /* Modifica per aumentare dimensione box news ed eventi su mobile 07/04/2020
 .home main .boxnewseventi{
		padding-bottom:25px;
	}
	.home main .boxnewseventi img {
		width: 30% !important; 
		float: left !important;
		}
	.home main .boxnewseventi h4 {
		float:left;
		width:65%;
		margin-left:10px;
		font-size:1.1em !important;
	}
	.home main .boxnewseventi .etichetta {
		float:left !important;
		padding:0 10px 10px 10px !important;
		text-align:left;
	}
	#contenutoprincipale > div.boxnewseventi > div.ppiano.col-sm-6 > div{
		display:none;
	}
	.home main .boxnewseventi  .ppiano{
		min-height:1px !important;
		padding-bottom:26px !important;
		float:left;
		margin-bottom:0 !important;
	} */
	
}

@media (min-width: 1200px){

	.home  .container > header .carousel-indicators{
		right: 60%;
	}

}

.home  .container > header .carousel-indicators li {
	height: 12px;
	width: 12px;
	border: 2px solid #fff;
	text-indent: -9999px;
}

.home  .container > header .carousel-indicators li a:focus, .home  .container > header .carousel-indicators li a:hover{
	height: 18px;
	width: 18px;
	background-color: lime;
	color: pink;
}


.home  .container > header .carousel-control {
	background-image: none;
	z-index: 20;
	
	text-shadow: none;
	filter: alpha(opacity=100);
	opacity: 1;
	
	background-image: url(../img/icona_freccia-bianca_reverse.png);
	background-repeat: no-repeat;
	background-position: center center;
    z-index: 25;
}


.home  .container > header .carousel-control.right {
	
	background-image: url(../img/icona_freccia-bianca.png);
	background-repeat: no-repeat;
	background-position: center center;
}

@media (min-width: 768px){

	.home  .container > header .carousel-control.left{
		top: auto;
		left: 60px;
		right: auto;
		bottom: 20px;
		height: 25px;
		width: 25px;
		margin-left: 10%;
		margin-bottom: 5px;
	}

	.home  .container > header .carousel-control.right{
		top: auto;
		left: auto;
		right: 50%;
		bottom: 20px;
		height: 25px;
		width: 25px;
		margin-right: 10%;
		margin-bottom: 5px;
	}

}

@media (min-width: 1200px){

	.home  .container > header .carousel-control.right{
		right: 60%;
	}

}

.home  .container > header .carousel-control .glyphicon{
	display: none;
}

.home  .container > header #carouselButtons{
	text-align: center;
	padding: 0;
	margin: 0;
}

.home  .container > header #carouselButtons  a{
	position: absolute; 
	left: -10000px; 
	width: 1px; 
	height: 1px; 
	overflow: hidden; 
}

.home  .container > header #carouselButtons a:focus, .container > header #carouselButtons a:active { 
	position: static; 
	left: 0; 
	width: auto; 
	height: auto; 
	overflow: visible; 
	text-decoration: underline;
	margin: 10px 0;
}

/* Menu di accesso rapido */

.home  #navigazioneutente {   
	background-color: #Eaedf2;
    color: #333;
}

.home  #navigazioneutente ul{   
	margin: 0;
	padding: 0 30px;
		text-align: center;
}

@media (min-width: 768px){
	.home  #navigazioneutente ul{   
		padding: 0 40px;
	}		
}

@media (min-width: 992px){
	.home  #navigazioneutente ul{   
		padding: 0 55px;
	}	
}

.home  #navigazioneutente ul li{   
	list-style: none;
	margin: 0;
	padding: 14px 5px;
}

@media (min-width: 480px){	
	.home  #navigazioneutente ul li{   
		margin-right: 25px;
		display: inline-block;
	}	
}

@media (min-width: 1024px){	
	.home  #navigazioneutente ul li{   
		margin-right: 50px;
	}	
}

.home  #navigazioneutente a{   
	background-color: #Eaedf2;
    color: #333;
	background: url(../img/icona_freccia-azzurra.png) no-repeat left 0.4em;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 8px;
	font-size: 0.9em;
}

@media (min-width: 480px){
	.home  #navigazioneutente a{
		font-size: 1em;
	}
}

.home main{
	padding-top: 15px;
}

@media (min-width: 768px){
	.home main{
		padding-top: 35px;
	}
}

.home  main h2{
	display: none;
}

.home main h3{
	background-image: url(../img/icona_titoli.png) ;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: inherit;
	color: #002e5f;
	text-transform: uppercase;
	padding: 0 0 8px
}

.home  main h4{
	background-color: inherit;
	color: #002e5f;
	text-transform: uppercase;
	margin-top: 0;
	/*font-weight: bold;*/
}

.home  main h4 a{
	background-color: inherit;
	color: #002e5f;
}

/* Liste standard */
.home  main div ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.home  main div ul li{
	background-color: #Eaedf2;
	color: #333;
	margin: 0 0 10px;
	padding: 10px;
	list-style: none;
	text-align: center;
}

.home  main div ul li a{
	background-color: inherit;
	color: #333;
}

@media (min-width: 1024px){
	.home  main div ul li{
		background-image: url(../img/icona_freccia-azzurra.png);
		background-repeat: no-repeat;
		background-position: left 0.4em;
		background-color: #fff;
		color: #333;
		margin: 0 0 5px;
		padding: 0 0 0 10px;
		text-align: left;
	}
}

/* Liste resettate per non sovrascrivere i css di Azure Mediaplayer */ 

.home main .azuremediaplayer ul li {
	background-image: none;
	background-color: transparent;
	color: auto;
	margin: auto;
	padding: auto;
	text-align: auto;
}

/* Box servizi */

.home  main .boxservizi > div{
	padding: 0;
}

.home  main .boxservizi div div{
	position: relative;
	padding-bottom: 45px;
}

.home  main .boxservizi div h4{
	min-height: 60px;
	text-align: center;
	padding: 0 20px 0 70px;
}

@media (min-width: 1024px){
	.home main .boxservizi div h4{
		text-align: left;
		padding: 0 15px 0 70px;
	}
}

.home  main .boxservizi div img{
	position: absolute;
	top: 0;
	left: 15px;
}


/* Box Temi */

.home  main .boxtemi{
	background-color: #Eaedf2;
	margin: 0 -30px;
	padding-top: 45px;
}	


.home main > .boxtemi ~ .boxtemi{
	padding-top: 0;
}	

.home main .boxtemi > div{
	padding: 0;
}

.home  main .boxtemi > div div{
	padding: 0 45px 45px;
}	

.home  main .boxtemi > div div h4{	
	font-family: 'Open Sans semibold', sans-serif;
	font-size: 1.25em;
}	

.home  main .boxtemi div ul li{
	background-color: #fff;
	color: #337ab7;
	font-family: 'Open Sans semibold', sans-serif;
}

.home  main .boxtemi div ul li a{
	background-color: inherit;
	color: #337ab7;
}

@media (min-width: 1024px){
	.home  main .boxtemi div ul li{
		background-color: #Eaedf2;
		color: #333;
	}
	
	.home  main .boxtemi div ul li a{
		background-color: #Eaedf2;
		color: #333;
	}
}

/* Box Avvisi e scadenze */

.home main .boxavvisiscadenze h3{
	margin-left: 15px;
	font-size: 1.65em;
}

.home main .boxavvisiscadenze div div{
	padding-bottom: 30px;
}

.home main .boxavvisiscadenze div div h4, .home main .boxavvisiscadenze div div p{
	margin-left: 100px;
}

.home main .boxavvisiscadenze div div .etichetta{
    background-color: #Eaedf2;
    color: #002e5f;
	margin-left: 0;
}

/* News ed Eventi */
.home main .boxnewseventi{
    background-color: #Eaedf2;
    color: #002e5f;
	float: left;
	/*width: 100%;*/
    margin: 0 -30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 25px;
}

.home main  h3.titoloboxnewseventi {
	background-position: 45px bottom;
    background-color: #Eaedf2;
    color: #002e5f;
    margin: 30px -30px 0;
	padding-top: 35px;
	padding-left: 45px;
	font-size: 1.65em;
}

.home main .boxnewseventi .ppiano{
	margin-bottom: 20px;
}

.home main .boxnewseventi .tpiano {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 20px;
}

.home main .boxnewseventi .tpiano > div > div{
	padding-bottom: 10px;
border-bottom:1px solid #d4d5d7;	
}

.home main .boxnewseventi .spiano.row{
	position: static;
}

.home main .boxnewseventi .spiano.row, .home main .boxnewseventi .spiano.row .row{
	padding: 0;
}

.home main .boxnewseventi .spiano > div > div{
	padding-bottom: 26px;
}

.home main .boxnewseventi .etichetta {
    background-color: inherit;
    color: #002e5f;
    float: none;
	margin: 0;
    min-height: auto;
    line-height: initial;
    font-size: 0.85em;
	padding: 22px 0 13px;
    /*margin-right: 12px;
    padding: 10px 0 16px;	
    min-height: 38px;
    padding: 14px 10px 0;*/
}

.home main .boxnewseventi h4 {
	font-family: 'Open Sans semibold', sans-serif;
    text-transform: none;
}

.home main .boxnewseventi .ppiano h4 {
    font-size: 1.25em;
}

.home main .boxnewseventi .spiano h4, .home main .boxnewseventi .tpiano h4  {
    font-size: 1em;
}

.home main .boxnewseventi img{
	width: 100%;
}

.home main .boxnewseventi .carousel ol {
	bottom: 0;
}


/* Banner */

/*

.home main .boxbanner{
	clear: both;
	padding-top: 50px;
	padding-bottom: 20px;
}

@media (min-width: 768px){
	.home main .boxbanner{		
		padding-top: 20px;
		margin-left: -15px;
		margin-right: -15px;
		display: table;
		border-spacing: 15px 15px;
	}
	
}

.home main .boxbanner > div{
	padding: 0;
float: none;
}

@media (min-width: 768px){
	.home main .boxbanner > div{		
		display: table-row;
	}
}

.home main .boxbanner > div > div{
	padding: 0;
	margin-bottom: 30px;
}

@media (min-width: 768px){
	.home main .boxbanner > div > div{
		display: table-cell;
		float: none;
	}
	.home main .boxbanner > div > div:nth-child(even){
		margin-bottom: -1px;
	}
}

.home main .boxbanner .lightblue{
	background-color: #06498D;
	color: #fff;
}

.home main .boxbanner .blue{
	background-color: #012545;
	color: #fff;
}

.home main .boxbanner .petblue{
	background-color: #0C4E66;
	color: #fff;
}

.home main .boxbanner div img{
	width: 100%;
	display: block;
}

.home main .boxbanner div h4{
	background-color: transparent !important;
	padding: 15px 15px 0;
}

.home main .boxbanner div h4 a{
	background-color: inherit;
	color: #fff;
}

.home main .boxbanner div p{
	padding: 0 15px;
}

@media (min-width: 480px){
	.home main .boxbanner div img{
		display: block;
		width: 51%;
		float: left;
		margin: 0;
		padding: 0;
	}
	
	.home main .boxbanner div h4,.home main .boxbanner div p{
		margin-left: 50%;
	}
}

*/

.multi-banner .azuremediaplayer{
	position:unset !important;
}


/* Box di avviso agli utenti */

.home main .avviso{
	background-color: #F7CFD0;
	color: #762629;
	margin: 0 0 45px !important;
}

.home main .avviso h3{
	background-image: none;
	background-color: #F7CFD0;
	color: #762629;
	display: block;
	text-align: center;
	margin: 0;
	padding: 20px 0 0;
	font-weight: bold;
}

.home main .avviso .box_avvisi h3 {
	text-align: left;
}

.home main .avviso p{
	padding: 14px 20px;
	margin: 0;
}

@media (min-width: 992px){

	.home main .avviso h3{
		padding: 15px 0 0 !important;
	}

	.home main .avviso p{
		margin: 0;
		padding: 14px 20px;
	}
	
}

/* homePage newsEventi - Sabrina - 13.10 */
.home main h4 a {
    word-wrap: break-word;
}

.home main .boxnewseventi .ppiano, .home main .boxnewseventi .tpiano {
    min-height: 450px;
}

.home main .boxnewseventi img {
    max-height: 300px;
    width: auto;
}
/* fine homePage newsEventi - Sabrina - 13.10 */

.fs_ico{
	position:absolute;
	bottom:15px;
	z-index:100;
	right:15px;
}

@media (max-width: 768px){

	.fs_ico{
		display:none;
	}
	
}






/* inizio classi per slider homepage*/
.boxnewseventi .carousel .carousel-indicators,
.boxbanner .carousel .carousel-indicators { 
	bottom: 10px !important;
	margin-bottom: 0px !important;
}

.boxnewseventi .carousel .carousel-indicators li,
.boxbanner .carousel .carousel-indicators li {
	border: 2px solid #eaedf2;
	background-color: #9B9B9D;
	margin-left:2px;
	margin-right:2px;
	height:12px;
	width:12px;
}
.boxnewseventi .carousel .carousel-indicators .active,
.boxbanner .carousel .carousel-indicators .active {
	background-color:#185554;
	margin-left:2px;
	margin-right:2px;
	height:15px;
	width:15px;
}

.boxnewseventi .ppiano .carousel,
.boxbanner .ppiano .carousel {
	width:100%;	
}

@media (min-width: 768px){
	.boxnewseventi .ppiano .carousel ,
	.boxbanner .ppiano .carousel{
		max-width:400px;	
	}
}

.home main .boxnewseventi .carousel-control,
.home main .boxbanner .carousel-control {
    z-index: 15;
}

.home main .boxnewseventi .carousel-control .glyphicon,
.home main .boxbanner .carousel-control .glyphicon {
    display: none;
}

.home main .boxnewseventi .carousel-control.right,
.home main .boxbanner .carousel-control.right {
	filter: 0;
    background-image: url(../img/icona_freccia-carousel-accessibile.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px;
    opacity: 1;
}
.home main .boxnewseventi .carousel-control.left,
.home main .boxbanner .carousel-control.left {
	filter: 0;
    background-image: url(../img/icona_freccia-carousel-accessibile_reverse.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px;
    opacity: 1;
}

.home main .boxnewseventi .carousel-control.left:focus, .home main .boxbanner .carousel-control.left:focus,
.home main .boxnewseventi .carousel-control.right:focus, .home main .boxbanner .carousel-control.right:focus {
    background-size: 34px;  
}
/* fine classi per slider homepage*/



/* stili per icona "Play" in over su box modale video */ 
.home main .boxnewseventi div .video-modale-playButton,
.home main .boxbanner .video-modale-playButton {
    display: block;
    position: relative;
}
.home main .boxnewseventi div.ppiano .video-modale-playButton,
.home main .boxbanner.ppiano .video-modale-playButton { 
	display: inline-block;
}
@media (max-width: 767px){ 
	.home main .boxnewseventi div.ppiano .video-modale-playButton,
	.home main .boxbanner.ppiano .video-modale-playButton { 
		display: block;
	}
}
.home main .boxnewseventi div .video-modale-playButton span.fa-container,
.home main .boxbanner .video-modale-playButton span.fa-container {
	position: absolute;
	display: table;
	text-align: center;
	width: 74px;
	height: 74px;
	border-radius: 37px;
	opacity: 0;
	border: 2px solid white;
	background-color: #002e5f;
}
.home main .boxnewseventi div .video-modale-playButton span.fa-container span,
.home main .boxbanner .video-modale-playButton span.fa-container span {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
.home main .boxnewseventi div .video-modale-playButton span.fa-container span:before,
.home main .boxbanner .video-modale-playButton span.fa-container span:before {
	font-size: 40px;
	color: white;
	margin-left: 6px;
}
/*  */




.home main .boxbanner {
    margin-bottom: 70px;
    margin-top: 80px;
    margin-left: 0px;
    margin-right: 0px;
    display: inline-block;
}
.home main .boxbanner > div {
    padding: 0;
    margin: 8px 0px 8px 0px;
}
.home main .boxbanner > div > div {
    padding: 0;
}
.home main .boxbanner .first {
    margin-right: 8px;
    display: inline-block;
    width: 100%;
}
.home main .boxbanner .second {
    margin-left: 8px;
    display: inline-block;
    width: 100%;
}
.home main .boxbanner .leftbox {
    padding: 0px; 
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.home main .boxbanner .leftbox a {
    overflow: hidden;
}
.home main .boxbanner .leftbox img {
    width: 100%;
}
.home main .boxbanner .rightbox {
    padding: 15px;
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.home main .boxbanner div h4 a {
    background-color: inherit;
    color: #fff;
}
.home main .boxbanner .lightblue {
    background-color: #06498D;
    color: #fff;
}
.home main .boxbanner .blue {
    background-color: #012545;
    color: #fff;
}
.home main .boxbanner .petblue {
    background-color: #0C4E66;
    color: #fff;
}
.home main .boxbanner .lightblue .modal, .home main .boxbanner .petblue .modal, .home main .boxbanner .blue .modal{
	color:#000;	
}

.home main .boxbanner .lightblue .modal .command>a:focus, .home main .boxbanner .petblue .modal .command>a:focus, .home main .boxbanner .blue .modal .command>a:focus, .home main .spiano .modal .command>a:focus, .home main .ppiano .modal .command>a:focus{
	text-decoration:none;
	outline: none;
}

@media (max-width: 1199px) {
    .home main .boxbanner .first,
    .home main .boxbanner .second {
        display: block;
        float: left;
    }

    .home main .boxbanner .leftbox,
    .home main .boxbanner .rightbox {
        display: block;
        float: left;
        width: 100%;
    }
}

/* */