@import url('../fonts/fonts.css');
/* *********
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_both{clear:both;}
    
	html{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
	}
	body{
		line-height: 1em;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-family: 'Readex Pro', sans-serif;
		width:100%;
		color:#ff0;
		background:#fbfbfb;
	}
	img{
		border:0;
		max-width:100%;
		max-height: 100%;
	}
	h1{ /* titoli nelle pagine predefinite */
        text-align: center;
        font-weight: 600;
        font-size: 32px;
        padding: 90px 0 0 0;
        line-height: 1.5em;
	}
	/*h2{
		font-size: 26px;
		font-weight: 700;
		line-height: 1.3em;
	}*/
	
	
	.colortxt{color:#12266d;}
	.colortxt a, .colortxt a:link{ color:#12266d; text-decoration:none;}
	.colortxt a:hover, .colortxt a:focus, .colortxt 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: #5c6061;
    }
	.colorbianco{color:#fff;}
	.colorbianco a, .colorbianco a:link{ color:#fff; text-decoration:none;}
	.colorbianco a:hover, .colorbianco a:focus, .colorbianco a:active{color: #fff;}

	
    .bgbianco{background-color: #fff;}
    .bggrigio{background-color: #f7f7f7;}
	
	.containercontenitore{
		max-width:1500px;
		width:100%;
		margin:0 auto;
        background-color: #f7f7f7;
	}
	.container{
		max-width:960px;
		width:100%;
		margin:0 auto;
        /*background-color: #951;*/
    }    
    /* VIDEO */
        .video{
			overflow: hidden;
			border-bottom: solid 5px #85898a;
		}
        .vmbottom{margin-bottom: -7%;}
        .vmtop{margin-top: -7%;}
    /* FINE VIDEO */
    .imgtopinterne{
        height: 200px;
        background-size: cover;
		background-position: 50% 50%;
    }

    .testo{
        /*text-align: center;*/
        font-weight: 400;
        font-size: 20px;
        padding: 50px 0 90px 0;
        line-height: 1.6em;
    }

    /* SLIDE */
    .flasciaslidehome{
		width:100%;
		margin:0 auto;
		position: relative;
		/*border-bottom: solid 20px #23b2e9;*/
    }
    .immagineslidehome{
        position: relative;
        z-index: 2;
        height: 728px;
		background-position: 50% 0;
		background-repeat: no-repeat;
    }
    .txtslide{
		display: none;
        position: absolute;
        z-index: 3;
        bottom: 0px;
        width: 100%;
		background-image: url(/res/img/bg-testo-img-home.png);
		background-repeat: repeat;
    }
    .titoloslide{
		display: none;
		font-size: 32px;
        padding: 25px 0;
		line-height: 1em;
		font-weight: 200;
    }
    .frecceslide{
        position: absolute;
        z-index: 4;
        top: 300px;
		width: 100%;
    }
    /* FINE SLIDE */
	
	
	/* BOTTOM */
    .gallery{
        float: left;
        width: 25%;
        position: relative;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		background-position: 50% 50%;
        line-height: 0;
    }
    .dove{
        background-image: url(/res/img/bg_dove.jpg);
        background-size: cover;
        text-align: center;
        padding: 70px 0;
    }
    .bottomtitolo{
		padding: 0 0 30px 0;
		font-size: 32px;
		font-weight: bold;
	}
    .bottomtesto{
		font-size: 19px;
		font-weight: 200;
		line-height: 1.6em;
	}
	.bottomtesto img{
		width: 170px;
	}
	.bottom{
		padding: 50px 0;
		font-size: 14px;
		font-weight: 200;
		text-align: center;
        background-color: #eeeeee;
	}
	.linkbottom li{
		display: inline;
		margin: 0 8px 0 8px;
		padding: 0 0 0 0;
        text-align: center;
	}
	.por{
		width: calc(100% - 40px);
		padding: 20px;
		font-size: 15px;
		font-weight: 200;
		text-align: center;
		background-color: #fff;
		line-height: 1.3em;
	}
	.por img{
		width: 500px;
	}
	/* FINE BOTTOM */
	
	.hoverhref{
		text-decoration: none;
		position:absolute;
		display:block;
		top:0;
		bottom:0;
		left:0;
		right:0;
		color: #fff;
		overflow: hidden;
	}
	.hoverhref:hover{
		color: #fff;
        font-weight: 500;
		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(148, 148, 148, 0.95);
	}
	.hoverhref p{
		font-size: 20px;
		position: absolute;
		padding: 425px 10% 0 10%;
		line-height: 1.5em;
		width: 80%; /*mi serve per centrare il testo*/
		text-align: center;
	}
	.hoverhref:hover p{
		padding: 80px 10% 0 10%;
		-webkit-transition: all 0.6s ease;
		-moz-transition: all 0.6s ease;
		-o-transition: all 0.6s ease; 
		transition: all 0.6s ease;
		visibility: visible;
	}
	.elenco ul li{
		padding: 5px 0 5px 40px;
		background-image: url(/res/img/ul-testi.png);
		background-repeat: no-repeat;
		background-position: 0 6px;
	}
}




@media all and (max-width: 1560px){
	.containercontenitore{
		max-width:1300px;
		width:100%;
		margin:0 auto;
	}
	/*.container{
		max-width:960px;
		width:100%;
		margin:0 auto;
    } */

   /* SLIDE */
    /*.flasciaslidehome{
		width:100%;
		margin:0 auto;
		position: relative;
		border-bottom: solid 20px #23b2e9;
    }*/
    .immagineslidehome{
        /*position: relative;
        z-index: 2;*/
        height: 631px;
		/*background-position: 50% 0;
		background-repeat: no-repeat;*/
    }
    /*.txtslide{
        position: absolute;
        z-index: 3;
        bottom: 0px;
        width: 100%;
		background-image: url(/res/img/bg-testo-img-home.png);
		background-repeat: repeat;
    }*/
    /*.titoloslide{
		font-size: 32px;
        padding: 25px 0;
		line-height: 1em;
		font-weight: 200;
    }
    .frecceslide{
        position: absolute;
        z-index: 4;
        top: 250px;
		width: 100%;
    }*/
    /* FINE SLIDE */
}








@media all and (max-width: 1360px){
	.containercontenitore{
		max-width:1140px;
		width:100%;
		margin:0 auto;
	}
	/*.container{
		max-width:960px;
		width:100%;
		margin:0 auto;
    } */

   /* SLIDE */
    /*.flasciaslidehome{
		width:100%;
		margin:0 auto;
		position: relative;
		border-bottom: solid 20px #23b2e9;
    }*/
    .immagineslidehome{
        /*position: relative;
        z-index: 2;*/
        height: 553px;
		/*background-position: 50% 0;
		background-repeat: no-repeat;*/
    }
    /*.txtslide{
        position: absolute;
        z-index: 3;
        bottom: 0px;
        width: 100%;
		background-image: url(/res/img/bg-testo-img-home.png);
		background-repeat: repeat;
    }*/
    /*.titoloslide{
		font-size: 32px;
        padding: 25px 0;
		line-height: 1em;
		font-weight: 200;
    }*/
    .frecceslide{
        /*position: absolute;
        z-index: 4;*/
        top: 230px;
		/*width: 100%;*/
    }
	.frecceslide img{
		width: 60px;
	}
    /* FINE SLIDE */
}





@media all and (max-width: 1200px){



	.containercontenitore{
		max-width:960px;
		width:100%;
		margin:0 auto;
	}
	.container{
		max-width:900px;
		width:100%;
		margin:0 auto;
    }

   /* SLIDE */
    /*.flasciaslidehome{
		width:100%;
		margin:0 auto;
		position: relative;
		border-bottom: solid 20px #23b2e9;
    }*/
    .immagineslidehome{
        /*position: relative;
        z-index: 2;*/
        height: 446px;
		/*background-position: 50% 0;
		background-repeat: no-repeat;*/
    }
    /*.txtslide{
        position: absolute;
        z-index: 3;
        bottom: 0px;
        width: 100%;
		background-image: url(/res/img/bg-testo-img-home.png);
		background-repeat: repeat;
    }*/
    /*.titoloslide{
		font-size: 32px;
        padding: 25px 0;
		line-height: 1em;
		font-weight: 200;
    }
    */
    .frecceslide{
        /*position: absolute;
        z-index: 4;*/
        top: 180px;
		/*width: 100%;*/
    }
	.frecceslide img{
		width: 55px;
	}
    /* FINE SLIDE */
	
    
	/* BOTTOM */
    .gallery{
        width: 50%;
    }
    .dove{
        padding: 60px 0;
        font-weight: 500;
        line-height: 1.4em;
    }
    .bottomtitolo{
		/*padding: 0 0 30px 0;*/
		font-size: 30px;
	}
    .bottomtesto{
		font-size: 18px;
		/*font-weight: 200;*/
	}
	/* FINE BOTTOM */

	.hoverhref p{
		font-size: 18px;
		padding: 500px 10% 0 10%;
	}
	.hoverhref:hover p{
		padding: 150px 10% 0 10%;
	}
    
}














@media all and (max-width: 1020px){
	
	.containercontenitore{
		max-width:702px;
		width:100%;
		margin:0 auto;
	}
	.container{
		max-width:640px;
		width:100%;
		margin:0 auto;
    }

   /* SLIDE */
    /*.flasciaslidehome{
		width:100%;
		margin:0 auto;
		position: relative;
		border-bottom: solid 20px #23b2e9;
    }*/
    .immagineslidehome{
        /*position: relative;
        z-index: 2;*/
        height: 341px;
		/*background-position: 50% 0;
		background-repeat: no-repeat;*/
    }
    /*.txtslide{
        position: absolute;
        z-index: 3;
        bottom: 0px;
        width: 100%;
		background-image: url(/res/img/bg-testo-img-home.png);
		background-repeat: repeat;
    }*/
    /*.titoloslide{
		font-size: 32px;
        padding: 25px 0;
		line-height: 1em;
		font-weight: 200;
    }
    */
    .frecceslide{
        /*position: absolute;
        z-index: 4;*/
        top: 150px;
		/*width: 100%;*/
    }
	.frecceslide img{
		width: 50px;
	}
    /* FINE SLIDE */
	
	.container{max-width:702px;}
	h1{ /* titoli nelle pagine predefinite */
        font-size: 30px;
        padding: 80px 0 0 0;
        line-height: 1.4em;
	}
    /* VIDEO */
        /*.vmbottom{margin-bottom: -7%;}
        .vmtop{margin-top: -7%;}*/
    /* FINE VIDEO */

    .testo{
        /*text-align: center;*/
        font-size: 18px;
        padding: 45px 0 80px 0;
        line-height: 1.5em;
    }

	
	/* BOTTOM */
    .dove{
        padding: 50px 0;
        line-height: 1.4em;
    }
    .bottomtitolo{
		/*padding: 0 0 30px 0;*/
		font-size: 28px;
	}
    .bottomtesto{
		font-size: 17px;
		/*font-weight: 200;*/
	}
	.bottom{
		padding: 30px 0;
		font-size: 12px;
	}
	.linkbottom li{
		margin: 0 4px 0 4px;
	}
	/* FINE BOTTOM */
	.hoverhref p{
		font-size: 18px;
		padding: 500px 10% 0 10%;
	}
	.hoverhref:hover p{padding: 110px 10% 0 10%;}
}























@media all and (max-width: 762px){
	body{font-size: 15px;}
	.container{max-width:460px;}
	
	
	.containercontenitore{
		max-width:460px;
		width:100%;
		margin:0 auto;
	}
	.container{
		max-width:420px;
		width:100%;
		margin:0 auto;
    }

   /* SLIDE */
    /*.flasciaslidehome{
		width:100%;
		margin:0 auto;
		position: relative;
		border-bottom: solid 20px #23b2e9;
    }*/
    .immagineslidehome{
        /*position: relative;
        z-index: 2;*/
        height: 223px;
		/*background-position: 50% 0;
		background-repeat: no-repeat;*/
    }
    /*.txtslide{
        position: absolute;
        z-index: 3;
        bottom: 0px;
        width: 100%;
		background-image: url(/res/img/bg-testo-img-home.png);
		background-repeat: repeat;
    }*/
    /*.titoloslide{
		font-size: 32px;
        padding: 25px 0;
		line-height: 1em;
		font-weight: 200;
    }
    */
    .frecceslide{
        /*position: absolute;
        z-index: 4;*/
        top: 80px;
		/*width: 100%;*/
    }
	.frecceslide img{
		width: 40px;
	}
    /* FINE SLIDE */
	
	h1{ /* titoli nelle pagine predefinite */
        font-size: 28px;
        padding: 70px 0 0 0;
        line-height: 1.3em;
	}
    /* VIDEO */
        /*.vmbottom{margin-bottom: -1%;}
        .vmtop{margin-top: -1%;}*/
    /* FINE VIDEO */

    .testo{
        font-size: 16px;
        padding: 40px 0 70px 0;
        line-height: 1.5em;
    }

	/* BOTTOM */

    .dove{
        padding: 30px 0;
        line-height: 1.4em;
    }
    .bottomtitolo{
		/*padding: 0 0 30px 0;*/
		font-size: 22px;
	}
    .bottomtesto{
		font-size: 15px;
		/*font-weight: 200;*/
	}
	.bottom{
		padding: 10px 0;
		font-size: 14px;
	}
	.linkbottom li{
		display: block;
		margin: 10px 0;
	}
	.por{
		font-size: 13px;
		/*font-weight: 200;
		text-align: center;
		background-color: #fff;
		line-height: 1.3em;*/
	}
	/* FINE BOTTOM */

	.hoverhref p{
		font-size: 14px;
		padding: 500px 10% 0 10%;
	}
	.hoverhref:hover p{
		padding: 80px 10% 0 10%;
	}
    
}
























@media all and (max-width: 520px){

	
	.containercontenitore{
		max-width:360px;
		width:100%;
		margin:0 auto;
	}
	.container{
		/*max-width:320px;*/
		width: 94%;
		padding: 0 3%;
	}

   /* SLIDE */
    /*.flasciaslidehome{
		width:100%;
		margin:0 auto;
		position: relative;
		border-bottom: solid 20px #23b2e9;
    }*/
    .immagineslidehome{
        /*position: relative;
        z-index: 2;*/
        height: 175px;
		/*background-position: 50% 0;
		background-repeat: no-repeat;*/
    }
    /*.txtslide{
        position: absolute;
        z-index: 3;
        bottom: 0px;
        width: 100%;
		background-image: url(/res/img/bg-testo-img-home.png);
		background-repeat: repeat;
    }*/
    /*.titoloslide{
		font-size: 32px;
        padding: 25px 0;
		line-height: 1em;
		font-weight: 200;
    }
    */
    /*.frecceslide{
        position: absolute;
        z-index: 4;
        top: 80px;
		width: 100%;
    }*/
    /* FINE SLIDE */
	
	
    .video{display: none;}
	/*.imgtopinterne{display: none;}*/
	h1{ /* titoli nelle pagine predefinite */
        font-size: 24px;
        padding: 40px 0 0 0;
	}


    .gallery{
		width: 100%;
		padding: 5px 0;
    }


    .testo{
		font-size: 15px;
        padding: 35px 0 40px 0;
    }
	
	
	
	
    /* BOTTOM */
    .dove{
        background-image: none;
        background-color: #004c98;
        padding: 20px 0;
        line-height: 1.4em;
    }
    .bottomtitolo{font-size: 20px;}
    .bottomtesto{font-size: 14px;}
    /* FINE BOTTOM */
	.hoverhref p{
		font-size: 16px;
		padding: 500px 10% 0 10%;
	}
	.hoverhref:hover p{
		padding: 100px 10% 0 10%;
	}
}















@media all and (max-width: 380px){
	body{font-size: 14px;}
	.container{
		max-width:92%;
		padding: 0 4%;
	}
    .fasciamenu .container{max-width:100%; padding: 0}
    .gallery{
        width: 92%;
		margin: 0 4%;
    }
	.hoverhref:hover p{
		padding: 70px 10% 0 10%;
	}
}






/*  S L I D E  */
.slideimg {
  width:100%;
  height: auto;
}
.slide {
  border: none; 
  opacity: 0; 
  filter:alpha(opacity=0);
  position: absolute; 
  top: 0; 
  left: 0;
}
.showMe {
  opacity: 1;
  filter:alpha(opacity=100);
}



/* MAPPA CLIENTI */
#map{
    width: 100%;
    height: 400px;
}
#map img {
  max-width: none;
  max-height: none;
}