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, 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, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Font Roboto */

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../font/robotocondensed-bold-webfont.eot');
    src: url('../font/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('../font/robotocondensed-bold-webfont.woff') format('woff'),
         url('../font/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('../font/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../font/robotocondensed-regular-webfont.eot');
    src: url('../font/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('../font/robotocondensed-regular-webfont.woff') format('woff'),
         url('../font/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('../font/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'roboto_condensedlight';
    src: url('../font/robotocondensed-light-webfont.eot');
    src: url('../font/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/robotocondensed-light-webfont.woff2') format('woff2'),
         url('../font/robotocondensed-light-webfont.woff') format('woff'),
         url('../font/robotocondensed-light-webfont.ttf') format('truetype'),
         url('../font/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {font-family: 'Lato', sans-serif; font-weight:300;}

a { text-decoration:none;}
a:hover { text-decoration:none;}




.clear {clear: both;}
.first {margin:0; padding:0;}
.bold {font-weight:bold;}
.attivo {background-color:#0097b1; color:#fff; padding:4px; font-family: 'roboto_condensedbold';}
.fleft{float:left;}
.fright{float:right;}

.wrapper-contenitore.sez1{
	background: url("../images/slide2.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	width: 100%;
	height: 1178px;
}


.wrapper-contenitore.sez2{
	background: url("../images/sez2.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	width: 100%;
	height: 1000px;
}

.wrapper-contenitore.sez4{
	background: url("../images/home2.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	
	width: 100%;
	height: 1000px;
}

.wrapper-contenitore.sez5{
	background: url("../images/clienti.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	width: 100%;
	height: 930px;
}


.wrapper-contenitore .base-menu{
	background-color: #000;
    height: 41px;
    opacity: 0.4;
    position: relative;
    top: -31px;
    width: 100%;
}


.wrapper-interno {width: 980px; margin:0 auto;}

nav{
	width: 100%;
	background-color:#000;
	height: 90px;
	border-bottom: 1px solid #666;
	font-size:13px;
	text-transform:uppercase;
	top:0;
	position: fixed;
	z-index: 999999999;
	left:0;
	
}




nav ul{
	/*float: right;*/
	 margin-top:42px;
	 }

nav ul li{
	display: inline;
	color:#999;
	margin-left:30px;
	padding:4px;
}

nav ul a li{
	display: inline;
	color:#999;
	margin-left:20px;
	padding:4px;
	font-family: 'roboto_condensedregular';
}




nav ul a li:hover{
	background-color:#0097b1;
	color:#fff;	
}

nav ul a li.active{
	background-color:#0097b1;
	color:#fff;
}

article .logo img {margin-top:50px;}
article .thebest img {margin-top:155px;}

.menu {float:right; margin-right: 36px;}
.menu div {float:left; color:#fff;}
.menu div span{font-size:13px;word-spacing: 3px;}
.menu div a span {color:#fff; font-family: 'roboto_condensedbold'; word-spacing: 5px; letter-spacing: 1px; }
.menu div a span:hover {color:#0097b1;}
.menu div.link{margin-top:10px;}



article .txt-article {
	width:470px;
	float:right;
	margin-right:0px;
	font-size:16px;
	color:#fff;
	line-height:19px;
}

article .txt-article img {
	margin-top:50px;
	margin-bottom:10px;
	
}

article .txt-article2 {
	width:470px;
	float:left;
	margin-right:0px;
	font-size:16px;
	color:#fff;
	line-height:19px;
}

article .txt-article2 span{font-family: 'roboto_condensedbold'; line-height:21px;}
article .txt-article2 img {
	margin-top:150px;
	margin-bottom:20px;
	
}

.wrapper-contenitore.sez3 footer{
	background-color:#000;
	width: 100%;
	height: 115px;
	margin:0 auto;
	text-align: center;
	margin-top:264px;
	position: absolute;
}


.wrapper-contenitore.sez3 footer p{
	color:#666;
	font-size:12px;
	display: inline;
	width: 980px;
	position: relative;
	top:15px;
}

#webmarketing p{
	width:400px;
	float:left;
	font-size:16px;
	color:#fff;
	line-height:19px;
	margin-top:20px;
	padding:10px;
	background-color:#000;
	opacity: 0.7;
}


#clients .menu-lavori{
	font-size: 14px;
    line-height: 22px;
    margin-left: 20px;
    margin-top: 95px;
    position: relative;
    z-index: 100000;
}

#clients .menu-lavori li{ display:inline;}


#clients .menu-lavori li a span{ 
	background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-family: "roboto_condensedlight";
    padding-left: 11px;
    padding-right: 6px;
}
	
#clients .menu-lavori li a span:hover{ 
	color:#89798a;
}
	
.wrapper-contenitore.sez5{
	background: url("../images/clienti.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	width: 100%;
	height:auto;
	min-height:950px;
}
	


article .menu-lavori img {
	margin-bottom:10px;
	opacity: 0.8;
}

.txt-home{
	color:#fff;
	font-size:16px;
	float:left;
    line-height: 19px;
    width: 400px;
    text-align:left;
}

.txt-home h1{font-family: 'roboto_condensedbold'; margin-bottom:10px;  margin-top: 20px;}

.logo img{width: 77px; margin-top:10px;}

.space{height: 75px;}

article .web-mark img {margin-top:70px;}

.clienti{
	position:relative;
	top:80px;
	left:20px;
}


.wrapper-contenitore .cnt-clienti{
	margin:0 auto;
	text-align: center;
}

.wrapper-contenitore.sez6 {
	background: url("../images/city.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    height: 1050px;
}


.wrapper-contenitore.sez6 iframe {
	position: relative;
	top:130px;
}

.wrapper-contenitore.sez6 .contatti p {
	color:#fff;
	font-size:16px;
	line-height: 19px;
	position: relative;
	top:150px;
}

p.titolo {font-family: 'roboto_condensedbold';}

.wrapper-contenitore.sez6 form {
	position: relative;
	top:180px;
	width: 100%;
}

.wrapper-contenitore.sez6 form input {
	height: 25px;
	margin-right:20px;
	width: 215px;
}

.wrapper-contenitore.sez6 form textarea {
	height: 100px;
    margin-top: 50px;
    width: 948px;
    font-family: 'arial'; 
    font-size:13px;
}

.wrapper-contenitore.sez6 input.button{
    width: 200px;
    height: 40px;
    margin-top: 30px
}

.client-menu{
	position: relative;
	bottom:0;
	margin-top:80px;
}

#contatti .error {
    
    color:red;
}
#contatti .wrap-col {height: 25px;
margin-right: 20px;
width: 215px;
display:table-cell;
}


ul#tabs {
  list-style-type: none;
  margin: 0 0 30px 0;
  padding: 0;
  text-align: center;
}

ul#tabs li {
display: inline-block;
background-color: #ffffff;
margin-bottom: 4px;
color: #fff;
cursor: pointer; 
-moz-border-radius: 160px; -webkit-border-radius: 160px; border-radius: 160px;
width:160px;
height:160px;
margin-left:20px;
position:relative;
}

ul#tabs li span{
	position:absolute;
	 top: 50%;
    left: 50%;
	color:#00a7bf;
	text-align:center;
	webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	
}

ul#tabs li span p{
	display:block;
	text-transform:uppercase;
	margin-top:10px;
}



ul#tabs li:hover {
 }

ul#tabs li.active {
background-color: #ffffff;

 }
 
 ul#tabs li.active span p{
	 color:#000;
 }

ul#tab {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  
ul#tab li {
    display: none;
   
    }
	
ul#tab li.active {
      display: block; }
	  
ul#tab li h2 {
      font-weight: 400;
      margin-bottom: 30px;
      padding-bottom: 5px;
      border-bottom: solid 5px #32c896; }


ul#tab .gallery li{
	display:inline-block;
	position:relative;
	overflow:hidden;
	padding:5px;
	background-color:#fff;
	box-sizing:border-box;
	margin-left:10px;
	margin-bottom:20px;
	
}

ul#tab .gallery li img{
	height:150px;
	
}

rollover-item {
    position:relative;
    overflow:hidden;
	color:#FFFFFF;
    
}

.description{
    position:absolute;
    top:100%;
    left:0;
    display:block;
    width:100%; /* as image */
    height:100%; /* as image */
    text-align:center;
    text-decoration:none;
    color: #FFF;   
    background:rgba(0,167,191,0.8);  
    transition:top 0.5s ease;
	font-size:15px;
	padding-top:30px;
}

.rollover-item:hover .description {
    top:0;
}

.rollover-item a:hover{
	 color: #FFF;  
 }


#sync1 .item img,
#sync3 .item img{
	width:100%;
}



#sync2 .item img,
#sync4 .item img{
	max-width:250px;
	width:100%;	
	
}

.tumbnail-wrapper{
	max-width:750px;
	margin:0 auto;
	padding-bottom:100px;
	text-align:center;
}

#sync2 .item, 
#sync4 .item{
	margin:10px;
	
	
}


.main-menu{
	float: right;
}


.lan{
	color:white;
	text-align:right;
	
}

.lan ul{	
	margin-top: 0;
}

.lan ul li{
	display: inline-block;
	color: #fff;	
	margin-top: 15px;
	border-right: solid 1px #2f2f2f;
	padding: 0 10px;
	color: #fff;
	margin-left: 0;
}

.lan ul li:last-child{
	border-right: none;
}




.lan ul li a{
	color: #fff;
	
}

.lan ul li.active a{
	color: #0097b1;

}





@media only screen and (max-device-width : 730px) {
    .fixed {
        position:fixed;
        top:0;
        left:0;
    }
}