@charset "utf-8";
* {
	margin: 0;
	padding:0; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
/*	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;*/
}
/*::-webkit-scrollbar { 
	display: none; 
}*/
/* VIDEO RESPONSIVE */
video {
  width: 100%    !important;
  height: auto   !important;
}
.embed-container { 
	position: relative;
	padding-bottom: 56.25%; 
	height: 0;
	overflow: hidden; 
	max-width: 100%;
	margin:5px 10px;
}
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
/* VIDEO RESPONSIVE */
}
/* PRELOADER GENERALE */

#preloader {	
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#FFF;
    z-index:96000; /* makes sure it stays on top */
	display:block;
}
#status {
	width: 100px;
	height: 100px;
	z-index: 96001; /* makes sure it stays on top */
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	display:block;
	background-image:url(../images/load.gif);
	
/* VARI PRELOADER --->>> http://tobiasahlin.com/spinkit/ */
	
/* DOUBLE BOUNCE PRELOADER */
}
.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #96BE0B;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* DOUBLE BOUNCE PRELOADER */

.animazione {
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

@-webkit-keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.nascondo {
/* PRELOADER GENERALE */
}
img, object, embed, video {
	max-width: 100%;
}
.lazy img {
	visibility:hidden;
	display:none;
}
.centrato {
	text-align:left;
	display:table-cell; /* Centro gli elementi */
	vertical-align:middle; /* Centro  gli elementi */
}
.lazy {
	background-image:url(../images/miniloader.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:#FFF;
/* IE 6 non supporta max-width, quindi viene usata per impostazione predefinita la larghezza 100% */	
}
.ie6 img {
	width:100%;	
}
[data-scroll-reveal] {
	visibility: hidden;
} 
#reports, #tagcloud {
	display:none;
}
.scrollreveral {
	visibility:hidden;
}
#map img {
	max-width:none; /* fix elementi su googlemaps */
/* VIDEO RESPONSIVE */
}
video {
  width: 100%    !important;
  height: auto   !important;
}
.embed-container { 
	position: relative;
	padding-bottom: 56.25%; 
	height: 0;
	overflow: hidden; 
	max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
/* VIDEO RESPONSIVE */

/* SCROLL TOP */
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:100px;
	right:25px;
	overflow:hidden;
	width:auto;
	height:auto;
	border:none;
	background-color:#999;
	z-index:960;
	font-size:11px;
	font-weight:100;
	padding:10px 12px;
	color:#FFF;
	-webkit-border-radius: 30px; 
	-moz-border-radius: 30px; 
	border-radius: 30px;
}
#toTop {
	visibility:hidden;
/* SCROLL TOP /*

/* VERDEFULL*/
}
#verdefull  {
	width:100%;
	height:8px;
	margin:0 auto;
	background-color:#79B931;
/* VERDEFULL*/

/* CONTAINER */
}
.gridContainer, .gridContainerFull {
	width:100%;
	margin:0 auto;
	padding:0;
/* CONTAINER */

/* HEADER */
}
#fullheader  {
	width:100%;
	min-height:40px;
	display:block;
	background-color:#F5F5F5;
	margin:0;
	text-align:center;
	z-index:100;
/*	background-image:url(../images/bg-header.jpg);*/
} 
/* HEADER */


/* LOGO */
#logo {
	clear:both;
	float:left;
	display:block;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	padding:0;
}
#logo img {
	width: 100%;
	height:auto;
	margin:auto;
	max-width:120px;
/* LOGO */

/* MENU */
}
#top-menu {
	display:none;
/* MENU */

/* FASCIONE */
}
#fullfascione  {
	width:100%;
	min-height:40px;
	display:none;
	margin:0;
	height:auto;
	text-align:center;
	z-index:99;
/*	box-shadow: 0em 0em 3em 0em rgba(0, 0, 0, 0.8);*/
}
#home {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	text-align:center;
/* FASCIONE */

/* AZIENDA */
}
#fullazienda {
	width:100%;
	min-height:80px;
	display:block;
	background-color:rgba(255, 255, 255, 1);
	margin:0;
	text-align:center;
	z-index:99;
}
#wrapper_azienda {
	clear:both;
	float:left;
	display:block;
	width:92%;
	height:auto;
	margin: 15px 4%;
	text-align:center;
}
#wrapper_azienda_testo {
	width:80%;
	margin:auto 10%;
	display:block;
}
#wrapper_azienda_immagine {
	width:80%;
	margin:auto 10%;
	display:inline-block;
}
#wrapper_azienda h2 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:1.84em; /* 24 px */
	color:#004D85;
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left:1%;
	margin-right:auto;
	text-align:center;	
}
#wrapper_azienda p {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.0em; /* 13 px */
	line-height:22px;
	width:auto;
	margin: 15px 0;
	color:#343A40;
	text-align:center;
}
#wrapper_azienda ul {
	margin-top: 10px;
	margin-bottom:10px;
	list-style-position: inside;
	text-align:center;
	padding-left:0;
}
#wrapper_azienda li {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.0em; /* 13 px */
	line-height:22px;
	width:auto;
	margin: auto 0;
	color:#343A40;
	text-align:center;	
}
#wrapper_azienda img {
	display:inline-block;
	width:90%;
	max-width:540px;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:5%;
	margin-right:5%;
/* AZIENDA */

/* PROGETTAZIONE */
}
#fullprogettazione {
	width:100%;
	min-height:80px;
	display:block;
	margin:0 auto;
	text-align:center;
	background-color:#F1F1F1;
	z-index:99;
} 
#wrapper_progettazione {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 20px auto;
	text-align:center;
}
#wrapper_progettazione h2 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:1.84em; /* 24 px */
	color:#004D85;
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left:1%;
	margin-right:auto;
	text-align:center;	
}
#wrapper_elenco_progettazione {
	clear:both;
	float:left;
	display:block;
	width:90%;
	min-height:50px;
	margin-left:5%;
	margin-right:5%;
	margin-top:0;
	margin-bottom:0;
}
ul#elenco_progettazione {
	margin:0;
	padding:0;
	text-align:center;
}
ul#elenco_progettazione li {
	display:inline-block;
	width:80%;
	max-width:260px;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:15px;
	min-height:50px;
}
ul#elenco_progettazione li:last-child {
	margin-bottom:0;
}
ul#elenco_progettazione li img {
	position: relative;
	display:block;	
}
ul#elenco_progettazione li .caption {
	position: relative;
	width:100%;
	display:block;
	min-height:90px;
}
ul#elenco_progettazione li .caption p {
	position: absolute;
	width:90%;
	margin: 0;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.0em; /* 14 px */
	line-height:16px;
	color:#343A40;
/* PROGETTAZIONE */

/* CABLAGGI */
}
#fullcablaggi {
	width:100%;
	min-height:80px;
	display:block;
	margin:0 auto;
	text-align:center;
	background-color:#FFF;
	background-image:url(../images/bg-cablaggi.jpg);
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	background-position:center;
	z-index:99;
} 
#wrapper_cablaggi {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 20px auto;
	text-align:center;
}
#wrapper_cablaggi h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:1.84em; /* 24 px */
	color:#FFF;
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
}
#wrapper_elenco_cablaggi {
	clear:both;
	float:left;
	display:block;
	width:90%;
	min-height:50px;
	margin-left:5%;
	margin-right:5%;
	margin-top:0;
	margin-bottom:0;
}
ul#elenco_cablaggi {
	margin:0;
	padding:0;
	text-align:center;
}
ul#elenco_cablaggi li {
	display:inline-block;
	width:80%;
	max-width:260px;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:15px;
	min-height:50px;
}
ul#elenco_cablaggi li:last-child {
	margin-bottom:0;
}
ul#elenco_cablaggi li img {
	position: relative;
	display:block;	
}
ul#elenco_cablaggi li .caption {
	position: relative;
	width:100%;
	display:block;
	min-height:90px;
}
ul#elenco_cablaggi li .caption p {
	position: absolute;
	width:90%;
	margin: 0;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1.0em; /* 14 px */
	line-height:16px;
	color:#FFF;
/* CABLAGGI */

/* MANUALI */
}
#fullmanuali {
	width:100%;
	min-height:80px;
	display:block;
	margin:0 auto;
	text-align:center;
	background-color:#FFF;
	z-index:99;
} 
#wrapper_manuali {
	clear:both;
	float:left;
	display:block;
	width:80%;
	height:auto;
	margin: 20px 10%;
	text-align:center;
}
#wrapper_manuali h4 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:1.84em; /* 24 px */
	color:#004D85;
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 15px;
	line-height:24px;
	margin-right:auto;
	text-align:center;	
}
#wrapper_elenco_manuali {
	clear:both;
	float:left;
	display:block;
	width:80%;
	min-height:50px;
	margin-left:10%;
	margin-right:10%;
	margin-top:0;
	margin-bottom:25px;
}
#wrapper_elenco_manuali ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#wrapper_elenco_manuali li {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.0em; /* 13 px */
	line-height:20px;
	width:auto;
	padding-left:0;
	margin: 8px auto;
	color:#343A40;
	text-align:center;
}
#wrapper_elenco_manuali li a:link {	
	color:#343A40;
	text-decoration:none;
}
#wrapper_elenco_manuali li a:hover {	
	color:#004C85;
	text-decoration:underline;
/* MANUALI */

/* FOTOGALLERY */
}
#fullgallery  {
	width:100%;
	min-height:80px;
	display:block;
	margin:0 auto;
	text-align:center;
	background-color:#FFF;
	background-image:url(../images/bg-gallery.jpg);
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	background-position:center;
	z-index:99;
} 
#wrapper_gallery  {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 20px auto;
	text-align:center;
}
#wrapper_gallery h5 {
	font-family:'Oswald', sans-serif;
	font-weight:300;
	font-size:1.84em; /* 24 px */
	color:#004D85;
	display: inline-block;
	margin: 20px auto;
	text-align:center;
}
#wrapper_elenco_gallery {
	clear:both;
	float:left;
	display:block;
	width:96%;
	min-height:50px;
	margin-left:2%;
	margin-right:2%;
	margin-top:0;
	margin-bottom:20px;
}
ul#elenco_gallery {
	display:inline-block;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	min-height:60px;
	margin-top:10px;
	margin-bottom:0;
	padding:0;
	text-align:center;
}
ul#elenco_gallery li {
	position:relative;
	display:inline-block;
	width:80%;
	max-width:260px;
	margin-top:0;
	margin-bottom:40px;
	margin-left:10%;
	margin-right:10%;
	height:auto;
	vertical-align:middle;
}
.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.container:hover .image {
  opacity: 0.2;
}
.container:hover .middle {
  opacity: 1;
}
.text a {
	display:inline-block;
	color: white;
  	width:45px;
	height:45px;
	font-size:15px;
	line-height:49px;
	border-radius: 45px;
	background-color:rgba(0, 76, 133, 0.6);
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.text a:hover {
	background-color:rgba(0, 76, 133, 0.8)
}
ul#elenco_gallery li .caption {
	position:absolute;
	display:inline-block;
	width:90%;
	min-height:50px;
	margin:5%;
	left:0;
	bottom:0;
	background-color:rgba(0, 0, 0, 0.5);
	/*border:solid 1px #666;*/
	text-align:center;
}
ul#elenco_gallery li .caption p {
	position: absolute;
	width:90%;
	margin: 0;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1.0em; /* 13 px */
	line-height:13px;
	color:#fff;
/* FOTOGALLERY */

/* VIDEO */
}
#fullvideo {
	width:100%;
	min-height:80px;
	display:block;
	margin:0 auto;
	text-align:center;
	background-color:#FFF;
	background-image:url(../images/bg-video.jpg);
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	background-position:center;
	z-index:99;
} 
#wrapper_video {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 20px auto;
	text-align:center;
}
#wrapper_video h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:1.84em; /* 24 px */
	color:#FFF;
	display: inline-block;
	margin-top: 25px;
	margin-bottom: 0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
}
#wrapper_elenco_video {
	clear:both;
	float:left;
	display:block;
	width:90%;
	min-height:50px;
	margin-left:5%;
	margin-right:5%;
	margin-top:0;
	margin-bottom:25px;
}
ul#elenco_video {
	display:inline-block;
	margin:0 auto ;
	padding:0;
	width:100%;
	text-align:center;
}
ul#elenco_video li {
	display:inline-block;
	margin:8% 10%;
	width:80%;
	max-width:none;
	text-align:center;
	background-color:#999;
	vertical-align:top;
/* VIDEO */

/* CONTATTI */
}
#centro {
	display:inline-block;
	width:100%;
	height:auto;
}
#fullcontatti {
	width:100%;
	min-height:80px;
	display:block;
	margin:0 auto;
	text-align:center;
	background-color:#FFF;
	z-index:99;
} 
#wrapper_contatti {
	clear:both;
	float:left;
	display:block;
	width:80%;
	height:auto;
	margin: 20px 10%;
	text-align:center;
}
#wrapper_contatti h2 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:1.84em; /* 24 px */
	color:#004D85;
	display: block;
	margin-top: 15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
}
#wrapper_contatti h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:1.15em; /* 15 px */
	display: block;
	margin-top: 15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	color:#343A40;
	text-align:center;
}
#wrapper_contatti img {
	display:block;
	max-width:80px;
	margin-top:25px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
}
#wrapper_elenco_contatti {
	clear:both;
	float:left;
	display:block;
	width:80%;
	min-height:50px;
	margin-left:10%;
	margin-right:10%;
	margin-top:0;
	margin-bottom:10px;
}
#wrapper_elenco_contatti p {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.0em; /* 13 px */
	line-height:22px;
	width:auto;
	margin: 15px 0;
	color:#343A40;
	text-align:center;	
}
#wrapper_contatti p a, #wrapper_contatti p span {
	color:#004D85;
	text-decoration:none;
}
#wrapper_contatti p a:hover {
	color:#004D85;
	text-decoration:underline;
}
#wrapper_contatti ul.social {
	list-style-type:none;
	font-size:0.92em; /* 12 px */
	margin-top:0;
	margin-bottom:25px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	text-align:center;
	color:#FFF;
}
#wrapper_contatti ul.social li {
	display:inline-block;
	padding:0 2px;
}
#wrapper_contatti ul.social a {
	display:inline-block;
	color:#FFF;
	background-color:#004D85;
	width:30px;
	height:30px;
	line-height:30px;
	border-radius: 30px;
}
#wrapper_contatti ul.social a:hover {
	color:#FFF;
/* CONTATTI */


/* DOVE SIAMO */
}
#fulldovesiamo {
	width:100%;
	min-height:80px;
	display:block;
	background-color:#EFEFEF;
	margin:0;
	text-align:center;
	z-index:99;
} 
#wrapper_dovesiamo {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	text-align:center;
}
#mappa {
	clear:both;
	float:left;
	display:block;
	width:100%;
	min-height:300px;
	margin:0;
	padding:0;
	text-align:center;
	background-color:#CCC;
}
.iw_container {
	padding:2%;
	text-align:center;
	font-family: 'Merriweather', serif;
	font-weight:400;
	font-size:0.92em; /* 12 px */
	line-height:22px;
	colo:#333;
/* DOVE SIAMO */

/* PIEDE *//
}
#fullpiede {
	width:100%;
	height:auto;
	display:block;
	background: #fff;
	background-image:url(../images/bg_piede.jpg);
	background-repeat:repeat-x;
	margin:0;
	text-align:center;
	z-index:99;
} 
#wrapper_piede {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 0 auto;
	text-align:center;
}
#wrapper_piede p {
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:0.84em; /* 11 px */
	line-height:20px;
	width:90%;
	margin:2% 5%;
	color:#CCC;
	display: inline-block;
	text-align:center;	
}
#wrapper_piede p a{
	color:#CCC;
	text-decoration:none;
}
#wrapper_piede p a:hover {
	color:#CCC;
	text-decoration:underline;
/* PIEDE */
}
/* Layout tablet portrait: da 481 px a 768 px. Eredita stili da: Layout mobile. */
@media only screen and (min-width: 481px ) {
/* CONTAINER */
.gridContainer, .gridContainerFull {
	width:100%;
	margin:0 auto;
	padding:0;
/* CONTAINER */	

/* HEADER */
}
#fullheader  {
	min-height:80px;
/* HEADER */	

/* LOGO */
}
#logo  {
	clear:both;
	float:left;
	display:block;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:15px;
	text-align:center;
}
#logo img {
	width: 100%;
	height:auto;
	margin:auto;
	max-width:140px;
/* LOGO */
/* MENU */
}
#top-menu {
	display:none;
/* MENU */

}
#fullfascione  {
	display:block;

/* AZIENDA */
}
#wrapper_azienda {
	clear:both;
	float:left;
	display:block;
	width:92%;
	height:auto;
	margin: 30px 4%;
	text-align:center;
}
#wrapper_azienda_testo {
	width:80%;
	margin:auto 10%;
	display:block;
}
#wrapper_azienda_immagine {
	width:80%;
	margin:auto 10%;
	display:inline-block;
}
#wrapper_azienda h2 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:2.30em; /* 30 px */
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
}
#wrapper_azienda p {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.076em; /* 14 px */
	line-height:24px;
	width:auto;
	margin: 20px 0;
	color:#343A40;
	text-align:center;
}
#wrapper_azienda ul {
	margin-top: 15px;
	margin-bottom:15px;
	list-style-position: inside;
	text-align:center;
	padding-left:0;
}
#wrapper_azienda li {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.076em; /* 14 px */
	line-height:24px;
	width:auto;
	margin: auto 0;
	color:#343A40;
	text-align:center;	
}
#wrapper_azienda img {
	display:inline-block;
	width:90%;
	max-width:540px;
	margin-top:25px;
	margin-bottom:15px;
	margin-left:5%;
	margin-right:5%;
/* AZIENDA */

/* PROGETTAZIONE */
} 
#wrapper_progettazione {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 20px auto;
	text-align:center;
}
#wrapper_progettazione h2 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:2.30em; /* 30 px */
	display: inline-block;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#wrapper_elenco_progettazione {
	clear:both;
	float:left;
	display:block;
	width:92%;
	min-height:50px;
	margin-left:4%;
	margin-right:4%;
	margin-top:0;
	margin-bottom:15px;
}
ul#elenco_progettazione {
	margin:0;
	padding:0;
	text-align:center;
}
ul#elenco_progettazione li {
	display:inline-block;
	width:92%;
	max-width:320px;
	margin-left:4%;
	margin-right:4%;
	margin-bottom:25px;
}
ul#elenco_progettazione li:last-child {
	margin-bottom:0;
}
ul#elenco_progettazione li img {
	position: relative;
	display:block;	
}
ul#elenco_progettazione li .caption {
	position: relative;
	width:100%;
	display:block;
	min-height:80px;
}
ul#elenco_progettazione li .caption p {
	position: absolute;
	width:90%;
	margin: 0;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.0em; /* 14 px */
	line-height:18px;
	color:#343A40;
/* PROGETTAZIONE */

/* CABLAGGI */
} 
#wrapper_cablaggi {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 20px auto;
	text-align:center;
}
#wrapper_cablaggi h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:2.30em; /* 30 px */
	display: inline-block;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#wrapper_elenco_cablaggi {
	clear:both;
	float:left;
	display:block;
	width:92%;
	min-height:50px;
	margin-left:4%;
	margin-right:4%;
	margin-top:0;
	margin-bottom:15px;
}
ul#elenco_cablaggi {
	margin:0;
	padding:0;
	text-align:center;
}
ul#elenco_cablaggi li {
	display:inline-block;
	width:92%;
	max-width:320px;
	margin-left:4%;
	margin-right:4%;
	margin-bottom:25px;
}
ul#elenco_cablaggi li:last-child {
	margin-bottom:0;
}
ul#elenco_cablaggi li img {
	position: relative;
	display:block;	
}
ul#elenco_cablaggi li .caption {
	position: relative;
	width:100%;
	display:block;
	min-height:80px;
}
ul#elenco_cablaggi li .caption p {
	position: absolute;
	width:90%;
	margin: 0;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1.0em; /* 13 px */
	line-height:18px;
/* CABLAGGI */

/* MANUALI */
} 
#wrapper_manuali {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 30px auto;
	text-align:center;
}
#wrapper_manuali h4 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:2.30em; /* 30 px */
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right:auto;
	text-align:center;
}
#wrapper_elenco_manuali {
	clear:both;
	float:left;
	display:block;
	width:92%;
	min-height:50px;
	margin-left:4%;
	margin-right:4%;
	margin-top:0;
	margin-bottom:45px;
}
#wrapper_elenco_manuali ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#wrapper_elenco_manuali li {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.076em; /* 14 px */
	line-height:20px;
	width:auto;
	padding-left:0;
	margin:10px  auto;
	color:#343A40;
	text-align:center;
}
#wrapper_elenco_manuali li a:link {	
	color:#343A40;
	text-decoration:none;
}
#wrapper_elenco_manuali li a:hover {	
	color:#004C85;
	text-decoration:underline;
/* MANUALI */

/* FOTOGALLERY */
}
#fullgallery {
	background-color:#FFF;
} 
#wrapper_gallery  {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 20px auto;
	text-align:center;
}
#wrapper_gallery h5 {
	font-family:'Oswald', sans-serif;
	font-weight:300;
	font-size:2.30em; /* 30 px */
	display: inline-block;
	margin: 25px auto;
	text-align:center;
}
#wrapper_elenco_gallery {
	clear:both;
	float:left;
	display:block;
	width:96%;
	min-height:50px;
	margin-left:2%;
	margin-right:2%;
	margin-top:0;
	margin-bottom:20px;
}
ul#elenco_gallery {
	display:inline-block;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	min-height:60px;
	margin-top:10px;
	margin-bottom:0;
	padding:0;
	text-align:center;
}
ul#elenco_gallery li {
	position:relative;
	display:inline-block;
	width:40%;
	margin-top:0;
	margin-bottom:40px;
	margin-left:2.5%;
	margin-right:2.5%;
	height:auto;
	vertical-align:middle;
}
.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.container:hover .image {
  opacity: 0.2;
}
.container:hover .middle {
  opacity: 1;
}
.text a {
	display:inline-block;
	color: white;
  	width:45px;
	height:45px;
	font-size:15px;
	line-height:49px;
	border-radius: 45px;
	background-color:rgba(0, 76, 133, 0.6);
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.text a:hover {
	background-color:rgba(0, 76, 133, 0.8)
}
ul#elenco_gallery li .caption {
	position:absolute;
	display:inline-block;
	width:90%;
	min-height:50px;
	margin:5%;
	left:0;
	bottom:0;
	background-color:rgba(0, 0, 0, 0.5);
	/*border:solid 1px #666;*/
	text-align:center;
}
ul#elenco_gallery li .caption p {
	position: absolute;
	width:90%;
	margin: 0;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1.0em; /* 13 px */
	line-height:13px;
	color:#fff;
/* FOTOGALLERY */

/* VIDEO */
} 
#wrapper_video {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 20px auto;
	text-align:center;
}
#wrapper_video h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:2.30em; /* 30 px */
	display: inline-block;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#wrapper_elenco_video {
	clear:both;
	float:left;
	display:block;
	width:92%;
	min-height:50px;
	margin-left:4%;
	margin-right:4%;
	margin-top:0;
	margin-bottom:15px;
}
ul#elenco_video {
	display:inline-block;
	margin:0 auto ;
	padding:0;
	width:100%;
	text-align:center;
}
ul#elenco_video li {
	display:inline-block;
	margin:3%;
	width:42%;
	max-width:non;
	text-align:center;
	background-color:#999;
	vertical-align:top;
/* VIDEO */

/* CONTATTI */
}
#centro {
	display:inline-block;
	width:100%;
	height:auto;
} 
#wrapper_contatti {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 30px auto;
	text-align:center;
}
#wrapper_contatti h2 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:2.30em; /* 30 px */
	color:#004C85;
	display: block;
	margin-top: 15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
}
#wrapper_contatti h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:1.38em; /* 18 px */
	display: block;
	margin-top: 15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	color:#343A40;
	text-align:center;
}
#wrapper_contatti img {
	display:block;
	max-width:100px;
	margin-top:25px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
}
#wrapper_elenco_contatti {
	clear:both;
	float:left;
	display:block;
	width:92%;
	min-height:50px;
	margin-left:4%;
	margin-right:4%;
	margin-top:0;
	margin-bottom:15px;
}
#wrapper_elenco_contatti p {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.076em; /* 14 px */
	line-height:24px;
	width:auto;
	margin: 20px 0;
	color:#343A40;
	text-align:center;
}
#wrapper_contatti ul.social {
	list-style-type:none;
/*	font-size:0.92em; /* 12 px */
	font-size:1.0em; /* 13 px */
	margin-top:0;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	text-align:center;
	color:#FFF;
}
#wrapper_contatti ul.social li {
	display:inline-block;
	padding:0 4px;
}
#wrapper_contatti ul.social a {
	display:inline-block;
	color:#fff;
	background-color:#004C85;
	width:38px;
	height:38px;
	line-height:38px;
	border-radius: 38px;
}
#wrapper_contatti ul.social a:hover {
	color:#fff;
/* CONTATTI */

/* DOVE SIAMO */
} 
#wrapper_dovesiamo {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	text-align:center;
}
#mappa {
	clear:both;
	float:left;
	display:block;
	width:100%;
	min-height:340px;
	margin:0;
	padding:0;
	text-align:center;
/* DOVE SIAMO */

/* PIEDE */
}
#wrapper_piede {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 0 auto;
	text-align:center;
}
#wrapper_piede p {
	font-size:1em; /* 13 px */
	line-height:20px;
	width:90%;
	margin:2% 5%;
	display: inline-block;
	text-align:center;	
/* PIEDE */
}
}
/* Layout landscape: da 769 px a 1024 px max.  Eredita stili da: Layout mobile e Layout tablet portrait */
@media only screen and (min-width: 769px ) {
/* CONTAINER */
.gridContainer  {
	width:100%;
	margin:0 auto;
	padding:0;
	max-width:1232px;
	min-width:768px;
/* CONTAINER */

/* TOP */
}
#toTop {
	visibility:visible; /* TOP */

/* HEADER */
}
#fullheader  {
	position:fixed;
	min-height:50px;
/* HEADER */	

/* LOGO */
}
#logo {
	clear:both;
	float:left;
	display:block;
	width:100%;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#logo img {
	width: 100%;
	height:auto;
	margin:auto;
	max-width:150px;
/* LOGO */

/* MENU */
}
#top-menu {
	clear:both;
	float:left;
	display:block;
	width:100%;
	padding-top:5px;
	padding-bottom:10px;
	margin-top:5px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#top-menu ul {
	margin:0;
	padding:0;
	text-align:center;
}
#top-menu li {
	display:inline-block;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:1em; /* 13 px */
	text-transform:uppercase;
	list-style-type:none;
	letter-spacing:1px;
}
#top-menu a {
    display: block;
    text-align: center;
    padding:3px 5px;
	font-weight:400;
    -webkit-transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    transition: .3s all ease-out;
	color:#343A40;
    text-decoration: none;
}
#top-menu ul li.a {
    display: block;
    padding:3px 5px;
	font-weight:400;
    text-align: center;
    -webkit-transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    transition: .3s all ease-out;
    border-top: 3px solid white;
    color: #666;
    text-decoration: none;
}
#top-menu ul li a:hover {
    color:#003976;
	font-weight:400;
}
#top-menu ul li.active a {
    color:#003976;
	font-weight:400;
}
#top-menu ul li.active a:before{
	content:"";
	position:absolute;
	z-index:-1;
	left:50%;
	right:50%;
	left:0;right:0;
	background:#4C87AF;
	height:2px;
	-webkit-transition-property:left,right;
	transition-property:left,right;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
/* MENU */

/* AZIENDA */
}
#wrapper_azienda {
	clear:both;
	float:left;
	display:block;
	width:92%;
	height:auto;
	margin: 30px 4%;
	text-align:center;
}
#wrapper_azienda_testo {
	width:80%;
	margin:auto 10%;
	display:block;
}
#wrapper_azienda_immagine {
	width:80%;
	margin:auto 10%;
	display:inline-block;
}
#wrapper_azienda h2 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:2.30em; /* 30 px */
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
}
#wrapper_azienda p {
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.076em; /* 14 px */
	line-height:24px;
	width:auto;
	margin: 20px 0;
	color:#343A40;
	text-align:center;
}
#wrapper_azienda ul {
	display: inline-block;
	margin-top: 15px;
	margin-bottom:15px;
	width:auto;
	margin-right:auto;
	padding-left:10%;
	padding:0;
	list-style-position: inside;  
}
#wrapper_azienda li {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.076em; /* 14 px */
	line-height:24px;
	width:auto;
	margin: auto;
	color:#343A40;
	text-align:center;	
}
#wrapper_azienda img {
	display:inline-block;
	width:90%;
	max-width:540px;
	margin-top:25px;
	margin-bottom:15px;
	margin-left:5%;
	margin-right:5%;
/* AZIENDA */

/* PROGETTAZIONE */
} 
#wrapper_progettazione {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 30px auto;
	text-align:center;
}
#wrapper_progettazione h2 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:2.30em; /* 30 px */
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
}
#wrapper_elenco_progettazione {
	clear:both;
	float:left;
	display:block;
	width:96%;
	min-height:50px;
	margin-left:2%;
	margin-right:2%;
	margin-top:0;
	margin-bottom:45px;
}
ul#elenco_progettazione {
	margin:0;
	padding:0;
	text-align:center;
}
ul#elenco_progettazione li {
	display:inline-block;
	width:45%;
	max-width:300px;
	margin-left:3.5%;
	margin-right:3.5%;
	margin-bottom:45px;
}
ul#elenco_progettazione li:last-child {
	margin-bottom:0;
}
ul#elenco_progettazione li img {
	position: relative;
	display:block;	
}
ul#elenco_progettazione li .caption {
	position: relative;
	width:100%;
	display:block;
	min-height:80px;
}
ul#elenco_progettazione li .caption p {
	position: absolute;
	width:90%;
	margin: 0;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.076em; /* 14 px */
	line-height:18px;
	color:#343A40;
/* PROGETTAZIONE */

/* CABLAGGI */
} 
#fullcablaggi {
	background-attachment:fixed;
} 
#wrapper_cablaggi {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 30px auto;
	text-align:center;
}
#wrapper_cablaggi h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:2.30em; /* 30 px */
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
}
#wrapper_elenco_cablaggi {
	clear:both;
	float:left;
	display:block;
	width:96%;
	min-height:50px;
	margin-left:2%;
	margin-right:2%;
	margin-top:0;
	margin-bottom:45px;
}
ul#elenco_cablaggi {
	margin:0;
	padding:0;
	text-align:center;
}
ul#elenco_cablaggi li {
	display:inline-block;
	width:45%;
	max-width:300px;
	margin-left:3.5%;
	margin-right:3.5%;
	margin-bottom:45px;
}
ul#elenco_cablaggi li:last-child {
	margin-bottom:0;
}
ul#elenco_cablaggi li img {
	position: relative;
	display:block;	
}
ul#elenco_cablaggi li .caption {
	position: relative;
	width:100%;
	display:block;
	min-height:80px;
}
ul#elenco_cablaggi li .caption p {
	position: absolute;
	width:90%;
	margin: 0;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1.076em; /* 14 px */
	line-height:18px;
/* CABLAGGI */

/* MANUALI */
} 
#fullmanuali {
	background-attachment:fixed;
} 
#wrapper_manuali {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 40px auto;
	text-align:center;
}
#wrapper_manuali h4 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:2.30em; /* 30 px */
	display: inline-block;
	margin-top: 15px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
}
#wrapper_elenco_manuali {
	clear:both;
	float:left;
	display:block;
	width:96%;
	min-height:50px;
	margin-left:2%;
	margin-right:2%;
	margin-top:0;
	margin-bottom:45px;
}
#wrapper_elenco_manuali ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#wrapper_elenco_manuali li {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.076em; /* 14 px */
	line-height:20px;
	width:auto;
	padding-left:0;
	margin:10px  auto;
	color:#343A40;
	text-align:center;
}
#wrapper_elenco_manuali li a:link {	
	color:#343A40;
	text-decoration:none;
}
#wrapper_elenco_manuali li a:hover {	
	color:#004C85;
	text-decoration:underline;
/* MANUALI */

/* FOTOGALLERY */
}
#fullgallery {
	background-color:#FFF;
} 
#wrapper_gallery  {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin-top:30px;
	margin-bottom:35px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#wrapper_gallery h5 {
	font-family:'Oswald', sans-serif;
	font-weight:300;
	font-size:2.30em; /* 30 px */
	display: inline-block;
	margin: 15px auto;
	text-align:center;
}
#wrapper_elenco_gallery {
	clear:both;
	float:left;
	display:block;
	width:96%;
	min-height:50px;
	margin-left:2%;
	margin-right:2%;
	margin-top:0;
	margin-bottom:40px;
}
ul#elenco_gallery {
	display:inline-block;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	min-height:60px;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	text-align:center;
}
ul#elenco_gallery li {
	position:relative;
	display:inline-block;
	width:25%;
	margin-top:0;
	margin-bottom:40px;
	margin-left:2.5%;
	margin-right:2.5%;
	height:auto;
	vertical-align:middle;
}
.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.container:hover .image {
  opacity: 0.2;
}
.container:hover .middle {
  opacity: 1;
}
.text a {
	display:inline-block;
	color: white;
  	width:50px;
	height:50px;
	font-size:15px;
	line-height:54px;
	border-radius: 50px;
	background-color:rgba(0, 76, 133, 0.6);
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.text a:hover {
	background-color:rgba(0, 76, 133, 0.8)
}
ul#elenco_gallery li .caption {
	position:absolute;
	display:inline-block;
	width:90%;
	min-height:50px;
	margin:5%;
	left:0;
	bottom:0;
	background-color:rgba(0, 0, 0, 0.5);
	/*border:solid 1px #666;*/
	text-align:center;
}
ul#elenco_gallery li .caption p {
	position: absolute;
	width:90%;
	margin: 0;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1.0em; /* 13 px */
	line-height:13px;
	color:#fff;
/* FOTOGALLERY */

/* VIDEO */
} 
#fullvideo {
	background-attachment:fixed;
} 
#wrapper_video {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin-top:35px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#wrapper_video h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:2.30em; /* 30 px */
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
}
#wrapper_elenco_video {
	clear:both;
	float:left;
	display:block;
	width:96%;
	min-height:50px;
	margin-left:2%;
	margin-right:2%;
	margin-top:0;
	margin-bottom:45px;
}
ul#elenco_video {
	display:inline-block;
	margin:0 auto ;
	padding:0;
	width:100%;
	text-align:center;
}
ul#elenco_video li {
	display:inline-block;
	margin:3%;
	width:44%;
	max-width:280px;
	text-align:center;
	background-color:#999;
/* VIDEO */

/* CONTATTI */
}
#centro {
	display:inline-block;
	width:100%;
	height:auto;
} 
#fullcontatti {
	background-attachment:fixed;
} 
#wrapper_contatti {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 30px auto;
	text-align:center;
}
#wrapper_contatti h2 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:2.30em; /* 30 px */
	color:#004C85;
	display: block;
	margin-top: 15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
}
#wrapper_contatti h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:1.53em; /* 20 px */
	display: block;
	margin-top: 15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	color:#343A40;
	text-align:center;
}
#wrapper_contatti img {
	display:block;
	max-width:110px;
	margin-top:25px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
}
#wrapper_elenco_contatti {
	clear:both;
	float:left;
	display:block;
	width:96%;
	min-height:50px;
	margin-left:2%;
	margin-right:2%;
	margin-top:0;
	margin-bottom:15px;
}
#wrapper_elenco_contatti  p {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.076em; /* 14 px */
	line-height:24px;
	width:auto;
	margin: 20px 0;
	color:#343A40;
	text-align:center;
}
#wrapper_contatti ul.social {
	list-style-type:none;
	font-size:1.0em; /* 13 px */
	margin-top:0;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	text-align:center;
	color:#FFF;
}
#wrapper_contatti ul.social li {
	display:inline-block;
	padding:0 5px;
}
#wrapper_contatti ul.social a {
	display:inline-block;
	color:#FFF;
	background-color:#004C85;
	width:38px;
	height:38px;
	line-height:38px;
	border-radius: 38px;
}
#wrapper_contatti ul.social a:hover {
	color:#FFF;
/* CONTATTI */

/* DOVE SIAMO */
} 
#wrapper_dovesiamo {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	text-align:center;
}
#mappa {
	clear:both;
	float:left;
	display:block;
	width:100%;
	min-height:380px;
	margin:0;
	padding:0;
	text-align:center;
}
.iw_container {
	padding:2%;
	text-align:center;
	font-family: 'Merriweather', serif;
	font-weight:400;
	font-size:1em; /* 13 px */
	line-height:24px;
	colo:#333;	
/* DOVE SIAMO */

/* PIEDE */
}
#wrapper_piede {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 0 auto;
	text-align:center;
}
#wrapper_piede p {
	font-size:1.076em; /* 14 px */
	line-height:20px;
	width:90%;
	margin:2% 5%;
	display: inline-block;
	text-align:center;	
/* PIEDE */
}
}
/* Layout desktop: da 1025 px a superiori. Eredita stili da: Layout tablet landscape */
@media only screen and (min-width: 1025px ) {
/* CONTAINER */
.gridContainer {
	width:100%;
	margin:0 auto;
	padding:0;
	max-width:1232px;
	min-width:768px;
}
.gridContainerFull {
	width:100%;
	margin:0 auto;
	padding:0;
/*	max-width:1920px;*/
	min-width:768px;
/* CONTAINER */

/* HEADER */
}
#fullheader  {
	display:block;
	width:100%;
	position:fixed;
	min-height:100px;
	margin:0 auto;
/* HEADER */	

/* LOGO */
}
#logo {
	clear:both;
	float:left;
	display:block;
	width:25%;
	margin-top:30px;
	margin-bottom:30px;
	margin-left:4%;
	margin-right:auto;
	text-align:left;
}
#logo img {
	width: 100%;
	height:auto;
	margin:auto;
	max-width:198px;
/* LOGO */

/* MENU */
}
#top-menu {
	clear:none;
	float:right;
	display:block;
	width:auto;
	padding-top:65px;
	padding-bottom:0;
	margin-top:15px;
	margin-bottom:0;
	margin-left:0;
	margin-right:4%;
	text-align:right;
}
#top-menu li {
	position:relative;
	display:inline-block;
	font-size:1em; /* 13 px */
	text-transform:uppercase;
	letter-spacing:1px;
	padding-right:5px;
}
#top-menu a {
    display: block;
    padding:5px 5px;
	font-weight:400;
    -webkit-transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    transition: .3s all ease-out;
    text-decoration: none;
}
#top-menu li.a {
    display: block;
    padding:5px 5px;
	font-weight:400;
    -webkit-transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    transition: .3s all ease-out;
    text-decoration: none;
}
#top-menu li::before {
	position:absolute;
	bottom:0;
	right:0;
	/*content: "|";*/
	content: url(../images/separator.png);
}
#top-menu li:last-child::before {
	content: "";
/* MENU */

/* AZIENDA */
}
#wrapper_azienda {
	clear:both;
	float:left;
	display:block;
	width:92%;
	height:auto;
	margin: 40px 4%;
	text-align:left;
}
#wrapper_azienda_testo {
	clear:both;
	float:left;
	width:53%;
	margin-right:2%;
	margin-left:0;
	display:block;
}
#wrapper_azienda_immagine {
	clear:none;
	float:left;
	width:45%;
	margin:auto;
	display:block;
}
#wrapper_azienda h2 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:2.76em; /* 36 px */
	display: inline-block;
	margin: 20px auto;
	text-align:left;	
}
#wrapper_azienda p {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.15em; /* 15 px */
	line-height:24px;
	width:auto;
	margin: 20px 0;
	color:#343A40;
	text-align:left;
}
#wrapper_azienda ul {
	margin-top: 20px;
	margin-bottom:20px;
	margin-right:5%;
	margin-left:5%;
	list-style-position:inherit;
}
#wrapper_azienda li {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.15em; /* 15 px */
	line-height:24px;
	width:auto;
	margin: auto;
	padding-left:3%;
	color:#343A40;
	text-align:left;	
}
#wrapper_azienda img {
	display:inline-block;
	width:96%;
	margin-top:80px;
	margin-bottom:20px;
	margin-left:2%;
	margin-right:2%;
/* AZIENDA */

/* PROGETTAZIONE */
} 
#wrapper_progettazione {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 40px auto;
	text-align:center;
}
#wrapper_progettazione h2 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:2.76em; /* 36 px */
	display: inline-block;
	margin: 20px auto;
	text-align:center;
}
#wrapper_elenco_progettazione {
	clear:both;
	float:left;
	display:block;
	width:96%;
	min-height:50px;
	margin-left:2%;
	margin-right:2%;
	margin-top:0;
	margin-bottom:60px;	
}
ul#elenco_progettazione {
	display:block;
	margin:0;
	padding:0;
	text-align:center;
}
ul#elenco_progettazione li {
	display:inline-block;
	width:30%;
	max-width:354px;
	margin-left:2.0%;
	margin-right:2.0%;
	margin-top:0;
	margin-bottom:0;
	vertical-align:middle;
	text-align:center;
}
ul#elenco_progettazione li:first-child {
	margin-left:0;
}
ul#elenco_progettazione li:last-child {
	margin-right:0;
}
ul#elenco_progettazione li img {
	position: relative;
	display:block;	
}
ul#elenco_progettazione li .caption {
	position: relative;
	width:100%;
	display:block;
	min-height:80px;
}
ul#elenco_progettazione li .caption p {
	position: absolute;
	width:90%;
	margin: 0;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.15em; /* 15 px */
	line-height:20px;
	color:#343A40;
/* PROGETTAZIONE */

/* CABLAGGI */
} 
#wrapper_cablaggi {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 40px auto;
	text-align:center;
}
#wrapper_cablaggi h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:2.76em; /* 36 px */
	display: inline-block;
	margin: 20px auto;
	text-align:center;
}
#wrapper_elenco_cablaggi {
	clear:both;
	float:left;
	display:block;
	width:96%;
	min-height:50px;
	margin-left:2%;
	margin-right:2%;
	margin-top:0;
	margin-bottom:60px;	
}
ul#elenco_cablaggi {
	display:block;
	margin:0;
	padding:0;
	text-align:center;
}
ul#elenco_cablaggi li {
	display:inline-block;
	width:30%;
	max-width:354px;
	margin-left:2.0%;
	margin-right:2.0%;
	margin-top:0;
	margin-bottom:0;
	vertical-align:middle;
	text-align:center;
}
ul#elenco_cablaggi li:first-child {
	margin-left:0;
}
ul#elenco_cablaggi li:last-child {
	margin-right:0;
}
ul#elenco_cablaggi li img {
	position: relative;
	display:block;	
}
ul#elenco_cablaggi li .caption {
	position: relative;
	width:100%;
	display:block;
	min-height:80px;
}
ul#elenco_cablaggi li .caption p {
	position: absolute;
	width:90%;
	margin: 0;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1.15em; /* 15 px */
	line-height:20px;
/* CABLAGGI */

/* MANUALI */
} 
#wrapper_manuali {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 40px auto;
	text-align:center;
}
#wrapper_manuali h4 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:2.76em; /* 36 px */
	display: inline-block;
	margin: 20px auto;
	text-align:center;
}
#wrapper_elenco_manuali {
	clear:both;
	float:left;
	display:block;
	width:96%;
	min-height:50px;
	margin-left:2%;
	margin-right:2%;
	margin-top:0;
	margin-bottom:60px;
}
#wrapper_elenco_manuali ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#wrapper_elenco_manuali li {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.15em; /* 15 px */
	line-height:24px;
	width:auto;
	padding-left:0;
	margin:5px  auto;
	color:#343A40;
	text-align:center;
}
#wrapper_elenco_manuali li a:link {	
	color:#343A40;
	text-decoration:none;
}
#wrapper_elenco_manuali li a:hover {	
	color:#004C85;
	text-decoration:underline;
/* MANUALI */

/* FOTOGALLERY */
}
#fullgallery {
	background-color:#FFF;
} 
#wrapper_gallery  {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 40px auto;
	text-align:center;
}
#wrapper_gallery h5 {
	font-family:'Oswald', sans-serif;
	font-weight:300;
	font-size:2.76em; /* 36 px */
	display: inline-block;
	margin: 20px auto;
	text-align:center;
}
#wrapper_elenco_gallery {
	clear:both;
	float:left;
	display:block;
	width:96%;
	min-height:50px;
	margin-left:2%;
	margin-right:2%;
	margin-top:0;
	margin-bottom:40px;
}
ul#elenco_gallery {
	display:inline-block;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	min-height:60px;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	text-align:center;
}
ul#elenco_gallery li {
	position:relative;
	display:inline-block;
	width:18%;
	margin-top:0;
	margin-bottom:40px;
	margin-left:2.5%;
	margin-right:2.5%;
	height:auto;
	vertical-align:middle;
}
.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.container:hover .image {
  opacity: 0.2;
}
.container:hover .middle {
  opacity: 1;
}
.text a {
	display:inline-block;
	color: white;
  	width:50px;
	height:50px;
	font-size:15px;
	line-height:54px;
	border-radius: 50px;
	background-color:rgba(0, 76, 133, 0.6);
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.text a:hover {
	background-color:rgba(0, 76, 133, 0.8)
}
ul#elenco_gallery li .caption {
	position:absolute;
	display:inline-block;
	width:90%;
	min-height:50px;
	margin:5%;
	left:0;
	bottom:0;
	background-color:rgba(0, 0, 0, 0.5);
	/*border:solid 1px #666;*/
	text-align:center;
}
ul#elenco_gallery li .caption p {
	position: absolute;
	width:90%;
	margin: 0;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1.0em; /* 13 px */
	line-height:13px;
	color:#fff;
/* FOTOGALLERY */

/* VIDEO */
} 
#wrapper_video {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin-top:40px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#wrapper_video h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:2.76em; /* 36 px */
	display: inline-block;
	margin-top:20px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#wrapper_elenco_video {
	clear:both;
	float:left;
	display:block;
	width:96%;
	min-height:50px;
	margin-left:2%;
	margin-right:2%;
	margin-top:0;
	margin-bottom:60px;	
}
ul#elenco_video {
	display:inline-block;
	margin:0 auto ;
	padding:0;
	width:100%;
	text-align:center;
}
ul#elenco_video li {
	display:inline-block;
	margin:3%;
	width:44%;
	max-width:375px;
	text-align:center;
	background-color:#999;
/* VIDEO */
	
/* CONTATTI */
}
#wrapper_contatti {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 60px auto;
	text-align:center;
}
#centro {
	display:inline-block;
	width:100%;
	height:auto;
} 
#wrapper_contatti {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: 40px auto;
	text-align:center;
}
#wrapper_contatti h2 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:2.76em; /* 36 px */
	display:block;
	margin-top:20px;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
	color:#004C85;
	text-align:center;
}
#wrapper_contatti h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:1.84em; /* 24 px */
	display: block;
	margin: 20px auto;
	color:#343A40;
	text-align:center;
}
#wrapper_contatti img {
	max-width:none;
	margin-top:20px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
}
#wrapper_elenco_contatti {
	clear:both;
	float:left;
	display:block;
	width:96%;
	min-height:50px;
	margin-left:2%;
	margin-right:2%;
	margin-top:0;
	margin-bottom:25px;
}
#wrapper_contatti p {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.15em; /* 15 px */
	line-height:24px;
	width:auto;
	margin: 20px 0;
	color:#343A40;
	text-align:center;
}
#wrapper_contatti ul.social {
	list-style-type:none;
	font-size:1.076em; /* 14 px */
	margin:0 auto;
	padding:0;
	text-align:center;
	color:#FFF;
}
#wrapper_contatti ul.social li {
	display:inline-block;
	padding:0 6px;
}
#wrapper_contatti ul.social a {
	display:inline-block;
	color:#FFF;
	background-color:#004C85;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius: 40px;
}
#wrapper_contatti ul.social a:hover {
	color:#FFF;
/* CONTATTI */

/* DOVE SIAMO */
}
#wrapper_dovesiamo {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	text-align:center;
}
#mappa {
	clear:both;
	float:left;
	display:block;
	width:100%;
	min-height:460px;
	margin:0 auto;
	padding:0;
	text-align:center;
}
.iw_container {
	padding:2%;
	text-align:center;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:1.076em; /* 14 px */
	line-height:26px;
	colo:#333;	
/* DOVE SIAMO */

/* PIEDE */
}
#wrapper_piede {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin: auto;
	text-align:center;
}
#wrapper_piede p {
	display:inline-block;
	font-size:1.0em; /* 13 px */
	line-height:20px;
	width:90%;
	padding:0;
	margin:2% 5%;
	text-align:center;
/* PIEDE */
}
}