@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');
/* *********
RESET CSS
********* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, label,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*vertical-align: baseline; HO DOVUTO TOGLIERLO PER ALLINEARE MIDDLE LE IMMAGINI NELLE TABELLE*/ 
    background: transparent;
}
body {
    line-height: 0em;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
p {
	line-stacking: 4em;
}
/* FINE DEL RESET */

@media all{
	#clear_left {
		clear:left;
	}
	#clear_right {
		clear:right;
	}
	.clear_left {
		clear:left;
	}
	.clear_right {
		clear:right;
	}
	html{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
	}
	body{
		line-height: 1em;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 16px;
		font-family: 'Source Sans Pro', sans-serif;
        font-weight: 300;
		background:#fff;
		width:100%;
		color:#000;
		overflow-x: hidden;
	}
	img{
		border:0;
		max-width:100%;
		max-height: 100%;
	}
	hr.style-one {
		border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	}
	.colornero{color:#222;}
	.colornero a, .colornero a:link{ color:#222; text-decoration:none;}
	.colornero a:hover, .colornero a:focus, .colornero a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #444;
    }
	.colorneronero{color:#000;}
	.colorneronero a, .colorneronero a:link{ color:#000; text-decoration:none;}
	.colorneronero a:hover, .colorneronero a:focus, .colorneronero a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #000;
    }
	.colorbianco{color:#fff;}
	.colorbianco a, .colorbianco a:link{ color:#fff; text-decoration:none;}
	.colorbianco a:hover, .colorbianco a:focus, .colorbianco a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #fff;
    }
	/* MENU */

	.bloccofixed{
		/*overflow: hidden;*/ /* in questo modo posso vedere il menù di secondo livello*/
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 100%;
        background-color: #fff;
	}
	.menu{
		display: inline-block;
		width: calc(100% - 20px);
		height: 59px;
		padding: 0 0 0 20px;
		margin: 0;
		font-size: 20px;
		font-weight: 300;
		border-bottom: solid 1px #e1e1e1;
	}
	.menu ul#link {list-style: none;}
	.menu ul#link li {
		vertical-align: top;
		margin:0;
		padding: 20px 6px 0 6px;
		display:inline-block;
		position: relative;
	}
	.menu ul#link li a {
		text-decoration:none;
		margin:0 0 0 0;
		color:#000;
	}
	.menu ul#link li a:hover	{
		color: #555;
		padding: 0 0 5px 0;
		border-bottom: solid 5px #ffffff;
		
	}
	/* MENU */
    
    /* SLIDE */
    .cover{
        height: 100vh;
        background:center;
		/*background-attachment: fixed;*/
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover;
        background-size: cover;
        margin: 0;
		line-height: 1em;
    }
    .logocentrato{
		font-family: 'Dancing Script', cursive;
        position: absolute;
        width: calc(100% - 60px);
        bottom:30px;
		padding: 0 30px;
        text-align: right;
		font-size: 80px;
		font-weight: 900;
		text-shadow: 2px 2px 5px #000;
		line-height: 1.2em;
		/*background-color: #00f;*/
    }
    /* FINE SLIDE */
    
    /* BLOCCO TESTO */
	.fixed-width-height{
		position: fixed;
		top: 0;
		width: 100%;
		height: 100vh;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover;
		background-size: cover;
	}
    .bloccotesto{
		position: absolute;
		top: 60px;
        width: 30%;
        padding: 70px 70px 50px 70px;
        background-color: rgba(255, 255, 255, 0.8);
        line-height: 1.5em;
        text-align: center;
    }
    .bloccotestocentrato{
		position: absolute;
		top: 60px;
        width: calc(100% - 60px);
        padding: 70px 30px 50px 30px;
        /*background-color: rgba(255, 255, 255, 0.8);*/
        line-height: 1.5em;
        text-align: center;
    }
    .titolo{
        font-size: 26px;
        font-weight: 400;
        padding: 0 0 10px 0;
        border-bottom: solid 1px #000;
    }
    .titolonews{
        font-size: 26px;
        font-weight: 400;
        padding: 0 0 10px 0;
    }
    .testo{padding: 10px 0;}
	.blocconews{margin: 0 0 30px 0;}
	.blocconews:last-child{margin: 0 0 0 0;}
    /* FINE BLOCCO TESTO */
	
	/* MASONRY */
	.masonry {
		/*margin:60px 0 0 0;*/
		/*margin:60px 0 0 0;*/
		margin: 0;
		padding: 60px 0 0 0;
		line-height: 0em;
        background-color: #fff;
	}
	.item {
		position: relative;
		background: #e8e8e9;
		padding:0;
		margin: 2px;
		width: calc(25% - 4px);
	}
	.contpadd{
		padding: 0;
	}
	.linkhower{
		text-decoration: none;
		position:absolute;
		display:block;
		top:0;
		bottom:0;
		left:0;
		right:0;
        color: #fff;
		overflow: hidden;
        background-color: rgba(0, 0, 0, .65);
	}
	.linkhower:hover{
		/*color: #fff;*/
		display: block;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
		
		background-color: rgba(0, 0, 0, 0);
	}
	.titoloopera{
		position: absolute;
		top: -20%;
		width: 80%;
		padding: 0 10%;
		margin: 0;
		text-align: center;
		line-height: 1em;
	}
	.linkhower:hover .titoloopera{
		/*top: 40%;*/
		-webkit-transition: all 0.6s ease;
		-moz-transition: all 0.6s ease;
		-o-transition: all 0.6s ease; 
		transition: all 0.6s ease;
	}
	.short{
		position: absolute;
		top: 120%;
		width: 80%;
		padding: 15px 10% 0 10%;
        text-align: center;
		line-height: 1em;
	}
	.linkhower:hover .short{
		/*top: 45%;*/
		-webkit-transition: all 0.6s ease;
		-moz-transition: all 0.6s ease;
		-o-transition: all 0.6s ease; 
		transition: all 0.6s ease;
	}
    #finestradialogo {
        background-color: rgba(0, 0, 0, 1);
        z-index: 99999999;
        position: fixed;
        display: none;
        width: 100%;
        height: 100%;
		text-align: center;
    }
    .popupagendacentro{
        position: absolute;
        background:#fff;
        top: 10px;
        left: 10px;
        width: 400px;
        height: 400px;
    }
    .popupagendacentro-old{
        position:fixed;
        z-index: auto;
        top:10%;
        left:50%;
        width:600px;
        margin-left:-300px;
        padding:0;
        background:#fff;
		text-align: center;
    }
	.tito{
		font-size: 18px;
		font-weight: 400;
		line-height: 1em;
        background: #fff;
		padding: 5px 0 5px 0;
	}
	.shor{
		font-size: 14px;
		font-weight: 200;
		line-height: 1em;
        background: #fff;
		padding: 0 0 8px 0;
	}
	/* FINE MASONRY */
}























@media all and (max-width: 1200px){
	/* MENU */
	.menu ul#link li {padding: 20px 5px 0 5px;}
	/* MENU */
    /* BLOCCO TESTO */
    .bloccotesto{
		top: 60px;
        width: 35%;
        padding: 60px 60px 50px 60px;
    }
    .titolo{font-size: 24px;}
    .titolonews{font-size: 24px;}
	.blocconews{margin: 0 0 25px 0;}
    /* FINE BLOCCO TESTO */
	/* MASONRY */
	.masonry {padding: 60px 0 0 0;}
	.item {
		margin: 2px;
		width: calc(33.33% - 4px);
	}
	.tito{font-size: 17px;}
	/* FINE MASONRY */
}
























@media all and (max-width: 1020px){
	body{font-size: 15px;}
	/* MENU */
	.menu{
		width: calc(100% - 15px);
		height: 49px;
		padding: 0 0 0 15px;
		font-size: 18px;
	}
	.menu ul#link li {padding: 16px 4px 0 4px;}
	/* MENU */
    /* BLOCCO TESTO */
    .bloccotesto{
		top: 50px;
        width: 42%;
        padding: 50px 50px 40px 50px;
    }
    .titolo{font-size: 20px;}
    .titolonews{font-size: 20px;}
	.blocconews{margin: 0 0 20px 0;}
    /* FINE BLOCCO TESTO */
	/* MASONRY */
	.masonry {padding: 50px 0 0 0;}
	.tito{font-size: 16px;}
	/* FINE MASONRY */
}
























@media all and (max-width: 900px){
	body{font-size: 14px;}
	/* MENU */
	.menu{
		width: calc(100% - 10px);
		padding: 0 0 0 10px;
	}
	/* MENU */
	
    .logocentrato{
        /*position: absolute;
        width: 100%;
        top:calc(50% - 40px);
        text-align: center;*/
		font-size: 50px;
		/*font-weight: 400;*/
		text-shadow: 3px 3px 5px #000;
		/*line-height: 1.2em;*/
    }
	
 
    /* BLOCCO TESTO */
    .bloccotesto{
        width: 50%;
        padding: 35px;
    }
    .titolo{font-size: 17px;}
    .titolonews{font-size: 17px;}
	.blocconews{margin: 0 0 15px 0;}
    /* FINE BLOCCO TESTO */
	
	/* MASONRY */
	.item {
		margin: 2px;
		width: calc(50% - 4px);
	}
	/* FINE MASONRY */
}



















@media all and (max-width: 550px){
	body{font-size: 15px;}
	/* MENU */
	.menu{text-align: center;}
	/* MENU */

	
	
    /* BLOCCO TESTO */
    .bloccotesto{
		/*top: 50px;*/
        width: calc(100% - 40px);
        padding: 20px;
    }
    .titolo{font-size: 16px;}
    .titolonews{font-size: 16px;}
    /* FINE BLOCCO TESTO */
	
	/* MASONRY */
	.item {
		margin: 1px 0;
		width: 100%;
	}
	.linkhower{

		background-color: rgba(0, 0, 0, .65);
	}
	.titoloopera{
		top: 40%;
	}

	.short{
		top: 45%;
	}


	/* FINE MASONRY */
}