@charset "utf-8";
/* CSS Document */

a.link{color:#33363b; text-decoration: none;}
a.link:hover{color:#33363b; text-decoration: none;}

a.link2{color:#ffffff;; text-decoration: none;}
a.link2:hover{color:#3b2d24; text-decoration: none;}

a.link3{color:#fff; text-decoration: none;}
a.link3:hover{color:#C4043F; text-decoration: none;}

a.link4{color:#c8ae8c; text-decoration: none;}
a.link4:hover{color:#fff; text-decoration: none;}

a.link5{color:inherit;}
a.link5:hover{color:inherit;}

#galleria
{
	position:relative;
	margin-top:0px;
	margin-left:0px;
	width:100%;
	height:390px;
	background-color:#32363c;
	
}

.gallery img{
    width:100%;
    display: block;
    height: auto;
	
}

.gallery li {
  
	
	
}

.gallery_2 img{
    display: block;
	width:100%;
    height: auto;
	
}

.gallery_2 li {
   
	
}

#logo
{
	position:absolute;
	top:41px;
	left:252px;
	z-index:102;
}

#contatti
{
	position:absolute;
	top:80px;
	left:0px;
	z-index:101;
	width:98px;
	height:27px;
	left:85%;
	font-family:'Raleway', sans-serif;
	font-weight:400;
	font-size:18px;
	background-color:#fff;
	opacity: 0.5;
	filter: alpha(opacity=0.5);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

#prodotto
{
	position:absolute;
	top:158px;
	left:163px;
	z-index:103;
}


#diagonale
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}


#fascia-1
{
	position: relative;
	width: 100%;
	height: 500px;
	margin-top: 0px;

	}

#sub-fascia-1
{
	position: relative;
	width: 960px;
	height: 500px;
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}


#testo-1{
	position: absolute;
	width: 360px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 34px;
	color: #63A2BC;
	left: 307px;
	top: 86px;
}

#testo-1-2
{
	position: absolute;
	width: 424px;
	font-family: 'Fjalla One', sans-serif;
	font-weight: bold;
	font-size: 36px;
	color: #63A2BC;
	left: 299px;
	top: 135px;
	
}

#testo-1-3
{
	position: absolute;
	width: 796px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #33363b;
	left: 93px;
	top: 244px;
	text-align: justify;
	line-height: 1.6;
	
}


#pallini
{
	position:absolute;
	width:289px;
	height:66px;
	left: 291px;
	top: 474px;
	z-index:10;
	
}


#fascia-2
{
	position:relative;
	width:100%;
	height:263px;
	margin-top:1%;
	background-image:url(../immagini/pezzi-fasce/fascia1.png);
	
}


#sub-fascia-2
{
	position:relative;
	width:960px;
	height:263px;
	margin:0 auto;
	margin-top:0px;

}

#sub-fascia-2-2
{
	position:absolute;
	top:0px;
	left:-45px;

}

#fascia-3
{
	position:relative;
	width:100%;
	height:345px;
	margin-top:1%;
	background-image:url(../immagini/pezzi-fasce/fascia-azzurra.png);
	
}


#sub-fascia-3
{
	position:relative;
	width:960px;
	height:345px;
	margin:0 auto;
	margin-top:0px;

}

#fascia-4
{
	position: relative;
	width: 100%;
	height: 430px;
	margin-top: 1%;

}


#sub-fascia-4
{
	position: relative;
	width: 960px;
	height: 430px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}

#testo-4{
	position: absolute;
	width: 455px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 34px;
	color: #63A2BC;
	left: 278px;
	top: 86px;
}

#testo-4-2
{
	position: absolute;
	width: 399px;
	font-family: 'Fjalla One', sans-serif;
	font-weight: bold;
	font-size: 36px;
	color: #63A2BC;
	left: 295px;
	top: 135px;
	
}

#testo-4-3
{
	position: absolute;
	width: 807px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #33363b;
	left: 93px;
	top: 244px;
	text-align: justify;
	line-height: 1.6;
}

#fascia-5
{
	position:relative;
	width:100%;
	height:227px;
	margin-top:1%;
	background-image:url(../immagini/pezzi-fasce/fascia3.png);

}


#sub-fascia-5
{
	position:relative;
	width:960px;
	height:217px;
	margin:0 auto;
	top:2px;

}


#fascia-6
{
	position: relative;
	width: 100%;
	height: 480px;
	margin-top: 1%;
	background-color: #fff;

	
}


#sub-fascia-6
{
	position: relative;
	width: 960px;
	height: 480px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}


#testo-6{
	position: absolute;
	width: 371px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 34px;
	color: #63A2BC;
	left: 344px;
	top: 86px;
}

#testo-6-2
{
	position: absolute;
	width: 170px;
	font-family: 'Fjalla One', sans-serif;
	font-weight: bold;
	font-size: 36px;
	color: #63A2BC;
	left: 430px;
	top: 135px;
	
}

#testo-6-3
{
	position: absolute;
	width: 796px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #33363b;
	left: 93px;
	top: 244px;
	text-align: justify;
	line-height: 1.6;
	
}

#fascia-7
{
	position: relative;
	width: 100%;
	height: 430px;
	margin-top: 1%;
	background-image: url(../immagini/pezzi-fasce/fascia-azzurra.png);

	
}


#sub-fascia-7
{
	position: relative;
	width: 960px;
	height: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}

#fascia-8
{
	position: relative;
	width: 100%;
	height: 320px;
	margin-top: 5%;
	background-color: #fff;

	
}


#sub-fascia-8
{
	position: relative;
	width: 960px;
	height: 320px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}


/*======================= EFFETTI TRANSIZIONE =======================*/




#component {
  min-height: 0;
}
.container-fluid {
  padding: 0 !important;
}


.page-featured .item {
  position:absolute;
    left: 0px;
	 top: 0px;
	
	}

.page-featured .item .item_img {
  margin-bottom: 0px;
}


.page-featured .items-row + .items-row .item {
   padding-top:0px;
}

#img-1
{
	position:absolute;
	width:389px;
	height:246px;
	top: 17px;
	left: 251px;
	
   
}

.page-featured .touchGalleryLink {
	display: block;
	position: absolute;
	background:#63a1bb;
	height:246px;
	left: 0px;
	top: 0px;
}


.page-featured .touchGalleryLink img {
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  position: relative;
}
.page-featured .touchGalleryLink:before {
  content: '';
  background:url(../immagini/pezzi-fasce/foto-1-testo_05.png) 50% 50% no-repeat;
  width: 389px;
  height:150px;
  position: absolute;
  left: 5%;
  top: 20%;
  margin-left: -18px;
  margin-top: -90px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    

  transition: all 0.7s ease;
 

  -webkit-transition: all 0.7s ease;
         

  -o-transition: all 0.7s ease;
         

  -moz-transition: all 0.7s ease;
  
}
.page-featured .touchGalleryLink:after {
    content: '';
  background:url(../immagini/pezzi-fasce/foto-1-testo_08.png) 50% 50% no-repeat;
  width: 389px;
  height: 150px;
  position: absolute;
  left: 5%;
  top: 85%;
  margin-left: -18px;
  margin-top: -35px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  

  transition: all 0.7s ease;
 

  -webkit-transition: all 0.7s ease;
         

  -o-transition: all 0.7s ease;
         

  -moz-transition: all 0.7s ease;
}

.page-featured .touchGalleryLink:hover img {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.page-featured .touchGalleryLink:hover:before {
  top: 38%;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.page-featured .touchGalleryLink:hover:after {
  top: 65%;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}





#img-2
{
	position:absolute;
	width:299px;
	height:117px;
	left: 668px;
	top: 17px;

}

.page-featured .touchGalleryLink2 {
	display: block;
	position: absolute;
	background:#63a1bb;
	left: 0px;
	top: 0px;
	height:117px;
}


.page-featured .touchGalleryLink2 img {
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  position: relative;
}
.page-featured .touchGalleryLink2:before {
  content: '';
  background:url(../immagini/pezzi-fasce/foto2-testi_05.png) 50% 50% no-repeat;
  width: 299px;
  height: 75px;
  position: absolute;
  left: 5%;
  top: 20%;
  margin-left: -8px;
  margin-top: -54px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    

  transition: all 0.7s ease;
 

  -webkit-transition: all 0.7s ease;
         

  -o-transition: all 0.7s ease;
         

  -moz-transition: all 0.7s ease;
  
}
.page-featured .touchGalleryLink2:after {
    content: '';
  background:url(../immagini/pezzi-fasce/foto2-testi_08.png) 50% 50% no-repeat;
  width: 299px;
  height: 68px;
  position: absolute;
  left: 5%;
  top: 85%;
  margin-left: -8px;
  margin-top: -20px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  

  transition: all 0.7s ease;
 

  -webkit-transition: all 0.7s ease;
         

  -o-transition: all 0.7s ease;
         

  -moz-transition: all 0.7s ease;
}

.page-featured .touchGalleryLink2:hover img {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.page-featured .touchGalleryLink2:hover:before {
  top: 38%;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.page-featured .touchGalleryLink2:hover:after {
  top: 65%;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}


#img-3
{
	position:absolute;
	width:185px;
	height:117px;
	left: 784px;
	top: 145px;

}

.page-featured .touchGalleryLink3 {
	display: block;
	position: absolute;
	background:#63a1bb;
	left: 0px;
	top: 0px;
	height:117px;
}


.page-featured .touchGalleryLink3 img {
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  position: relative;
}
.page-featured .touchGalleryLink3:before {
  content: '';
  background:url(../immagini/pezzi-fasce/foto3-testi_05.png) 50% 50% no-repeat;
  width: 185px;
  height: 75px;
  position: absolute;
  left: 5%;
  top: 20%;
  margin-left: -10px;
  margin-top: -44px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    

  transition: all 0.7s ease;
 

  -webkit-transition: all 0.7s ease;
         

  -o-transition: all 0.7s ease;
         

  -moz-transition: all 0.7s ease;
  
}
.page-featured .touchGalleryLink3:after {
    content: '';
  background:url(../immagini/pezzi-fasce/foto3-testi_08.png) 50% 50% no-repeat;
  width: 185px;
  height: 68px;
  position: absolute;
  left: 5%;
  top: 85%;
  margin-left: -10px;
  margin-top: -15px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  

  transition: all 0.7s ease;
 

  -webkit-transition: all 0.7s ease;
         

  -o-transition: all 0.7s ease;
         

  -moz-transition: all 0.7s ease;
}

.page-featured .touchGalleryLink3:hover img {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.page-featured .touchGalleryLink3:hover:before {
  top: 38%;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.page-featured .touchGalleryLink3:hover:after {
  top: 65%;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}


#img-4
{
	position:relative;
	width:426px;
	height:217px;
	margin:0 auto;

}

.page-featured .touchGalleryLink4 {
	display: block;
	position: absolute;
	background:#63a1bb;
	left: 120px;
	top: 0px;
	height:217px;
}


.page-featured .touchGalleryLink4 img {
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  position: relative;
}
.page-featured .touchGalleryLink4:before {
  content: '';
  background:url(../immagini/pezzi-fasce/foto4-testi_05.png) 50% 50% no-repeat;
  width: 426px;
  height: 100px;
  position: absolute;
  left: 5%;
  top: 20%;
  margin-left: -14px;
  margin-top: -74px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    

  transition: all 0.7s ease;
 

  -webkit-transition: all 0.7s ease;
         

  -o-transition: all 0.7s ease;
         

  -moz-transition: all 0.7s ease;
  
}
.page-featured .touchGalleryLink4:after {
    content: '';
  background:url(../immagini/pezzi-fasce/foto4-testi_08.png) 50% 50% no-repeat;
  width: 426px;
  height: 110px;
  position: absolute;
  left: 5%;
  top: 75%;
  margin-left: -14px;
  margin-top: -18px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  

  transition: all 0.7s ease;
 

  -webkit-transition: all 0.7s ease;
         

  -o-transition: all 0.7s ease;
         

  -moz-transition: all 0.7s ease;
}

.page-featured .touchGalleryLink4:hover img {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.page-featured .touchGalleryLink4:hover:before {
  top: 38%;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.page-featured .touchGalleryLink4:hover:after {
  top: 65%;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}
