@charset "utf-8";
@import url('reset.css');

/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
html {
	font-size: medium;
}
body {
	line-height:normal;
	font-size: 1em;
	font-family: 'Titillium Web', sans-serif;
	color:#fff;
	text-align:center;
	background-color:#000;
	font-weight:300;
}
img, object, embed, video {
	max-width: 100%;
}
a {
	color:#fff;
	text-decoration:none;
}
a:hover {
	color:#ccc;
	text-decoration:none;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
.container {
	max-width:1000px;
	margin:auto;
}
.left {
	float:left;	
}
.right {
	float:right;	
}
.text_grey {
	color: #868686;	
}
.text_black {
	color: #000;
}
.one {	
	background-image:url(../img/bg_1.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#000;
	padding-bottom:30px;

}
.two {	
	background-image:url(../img/bg_2.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#000;
	background-size:cover;
	padding:80px 0px;
}
.three {	
	background-image:url(../img/bg_3.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-color:#000;
	padding:80px 10px;
	height:630px;
	background-size:contain;
}
.four {
	background-color:#f3f3f3;
	padding:40px 10px;
}
.five {
	background-color:#fff;
	padding:40px 10px 0px 10px;
}
.six {
	background-image:url(../img/metal.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding:40px 10px 300px 10px;
	font-size:22px;
}
#logo {
	margin:auto;
	text-align:center;	
}
h1 {
	
	font-size:45px;
	font-weight:900;
}
.tit {
	font-size:30px;
	text-transform:uppercase;
	padding-bottom:15px;
}
.testo_presentazione {
	color:#c3c3c3;
	font-size:25px;
	line-height:34px;
	font-family: "Titillium Web" !important;
    font-style: normal;
    font-weight: 200;
	max-width:760px;
	margin:auto;
	padding:60px 10px;
}
.certificato {
	max-width:600px;
	margin:auto;
	font-size:22px;
	line-height:34px;
}
.cont730 {
	max-width:730px;
	margin:auto;
	font-size:18px;
	line-height:24px;
}
.col_2 {
	width:45%;	
}
.tecnologie {
	padding:8px 0px;
	border-bottom:#bababa solid 1px;
	color:#6d6d6d;
	font-size:18px;

}
#servizio1 {
	background-image:url(../img/icon1.png);
	background-repeat:no-repeat;
	background-position:top center;
	max-width:865px;
	margin:auto;
	padding:80px 0px;
	font-size:22px;
	line-height:30px;
	color:#000;
}
#servizio2 {
	background-image:url(../img/icon2.png);
	background-repeat:no-repeat;
	background-position:top center;
	max-width:865px;
	margin:auto;
	padding:80px 0px;
	font-size:22px;
	line-height:30px;
	color:#000;
}
#servizio3 {
	background-image:url(../img/icon3.png);
	background-repeat:no-repeat;
	background-position:top center;
	max-width:865px;
	margin:auto;
	padding:80px 0px;
	font-size:22px;
	line-height:30px;
	color:#000;
}
#content-gallery {
	margin:40px;
}
footer {
	background-color:#0f0f0f;
	padding:20px 10px;
}

#deminimis {
	/*background-image:url(../img/icon1.png);*/
	background-repeat:no-repeat;
	background-position:top center;
	max-width:865px;
	margin:auto;
	padding:10px 0px 50px 10px;
	font-size:22px;
	line-height:30px;
	color:#000;
}

#deminimis a {
	color:#000;
	text-decoration:underline;
}

    #owl-demo .item{
      display: block;
      padding: 0px;
      margin: 5px;
      color: #FFF;
      text-align: center;
    }
    .owl-theme .owl-controls .owl-buttons div {
      padding: 5px 9px;
    }

    .owl-theme .owl-buttons i{
      margin-top: 2px;
    }

    /*To move navigation buttons outside use these settings:*/

    .owl-theme .owl-controls .owl-buttons div {
      position: absolute;
    }

    .owl-theme .owl-controls .owl-buttons .owl-prev{
      left: -75px;
      top: 15%; 
    }

    .owl-theme .owl-controls .owl-buttons .owl-next{
      right: 0px;
      top: 15%;
    }

@media only screen and (max-width: 480px) {
.three {	
	height:480px;
}
.col_2 {
	width:100%;	
}
}
@media screen and (min-width: 480px) and (max-width: 768px) {
.three {	
	height:550px;
}
.col_2 {
	width:100%;	
}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {

}