@charset "UTF-8";
/* CSS Document */

body{
background:#f4f4f2;
margin:0;
padding:0;
font:10pt Arial, Helvetica;
color:#6f7172;
}

a{
color:#4d4d48;
text-decoration:none;
font-weight:normal;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
outline: none;
-moz-outline-style: none;
}

a:hover{
color:#000;
text-decoration:none;
font-weight:normal;
}


a:link img { border:0 none }
a:hover img { border:0 none }
a img { border:0 none }

#container{
float:left;
width:98%;
margin:20px 0 0 25px;
padding:0;

}

#header{
float:left;
width:920px;
background:transparent;
margin:0;
padding:10px 0 0 0;
}

div.logo {
	position: fixed;
	background:transparent;
	margin:0;
	left: 25px;
	}
 
img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	background:#f4f4f2;
        }
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}


#menuTop{
float:left;
margin:6px 0 0 314px;
padding:0;
background:transparent;

}

#menuTop ul{
list-style-type: none;
margin: 0;
padding:0;
}


#menuTop li{
float:left;
margin:0;
width:95px;
}


#menuTop li a{
float:left;
padding:0 0 20px 0;
width:95px;
border-bottom:1px solid #c9c9c6;
text-decoration:none;
}

#menuTop li a:hover{
float:left;
text-decoration:none;
width:95px;
border-bottom:1px solid #000;
}

.eng{
float:right;
font-weight:normal;
font-size:9pt;
background:url(../images/linea.png) left center no-repeat;
margin:8px 5px 0 0;
padding:0 0 0 18px;
}

.eng a{
color:#6f7172;
text-decoration:none;
}

.eng a:hover{
color:#000;
text-decoration:none;
}

#info{
float:left;
margin:6px 0 0 223px;
padding:0;
}

#info ul{
list-style-type: none;
margin: 0;
padding:0;
}

#info li{
display:block;
padding:0;
margin:0 0 2px 0;
}

#contentWork{
float:left;
width:98%;
margin:70px 0 600px 0;
padding:0 0 80px 0;
position:relative;
z-index:100;
background:#f4f4f2;
}

.box{
float:left;
background:#333232;
margin:0 17px 17px 0;
width: 296px;
height:166px;

}

.box h2{
font:21pt Arial, Helvetica;
color:#fff;
margin:25px 0 0 25px;
padding:0;
font-weight:normal;
}


/* WORK */
/* ----------------------------------------- */

.thumb {
	width: 296px;
	height:166px;
	float: left;
	overflow: hidden;
	background: #000;
	position: relative;
	margin:0 17px 17px 0;
	}

.thumb p {
	background: none;
	color: #fff;
	display: block;
	position: absolute;
	z-index: 99;
	top: 55px;
	left: 30px;
	}

.thumb h2{	background: none;
	color: #b6c045;
	display: block;
	position: absolute;
	z-index: 99;
	top: 85px;
	left: 30px;
	font-size:9pt;
	font-weight:normal;
	
	
	}
	
.thumb h1 {
	background: none;
	position: absolute;
	top: 10px;
	left: 25px;
	color: #fff;
	width: 270px;
	z-index: 99;
	font-size:14pt;
	font-weight:normal;
	}

.thumb h1 a {
	color: #fff;
	display: block;
	
	}

.thumb h1 a:active {
	position: relative;
	top: 0;
	}

	
ul#work {
	float: left;
	margin: 20px 0 0 -5px;
	background: transparent;
	display: inline;
	overflow: hidden;
	list-style-type:none;
	}

#work li {
	display: block;
	margin: 0;
	font-size: .9em;
	font-weight: normal;
	padding:0;

	}
	
#work li a {
	display: block;
	padding: 0 0 6px 34px;
	color: #b0b0a3;
	background: url("../images/sectortOff.png") no-repeat left center;
	margin:0;
	}

#work li a:hover {
	color: #fff;
	background: url("../images/sectortOn.png") no-repeat left center;	
	}

#work li a:active {
	position: relative;
	left: 1px;
	background: url("../images/sectortOn.png") no-repeat left center;	
	}

#work li a.current {
	color: #fff;
	background: url("../images/sectortOn.png") no-repeat left center;	
	}


		.projects .wp-post-image {
		float: left;
		clear: none;
		position: relative;
		}
			
		
/*ABOUT-----*/

#contentAbout{
float:left;
width:98%;
margin:0 0 50px 0;
background:#f4f4f2;

}

.ColumnLeft{
float:left;
background:#f4f4f2;
margin:110px 10px 37px 0;
width: 19%;
padding:0 10px 0 0;
position:relative;
z-index:100;
}


.blocTxtAbout{
float:left;
width: 280px;
border-bottom:1px solid #6c6c6b;
padding:0 0 18px 0;
margin:10px 0 8px 3px;
}


h3{
display:block;
margin:0 0 15px 0;
padding:0;
font-size:12pt;
font-weight:normal;
color:#101010;
}


.blocTxtAbout p{
display:block;
padding:0;
margin:0 0 2px 0;
color:#4d4d48;
font-size:10pt;

}


h4{
float:left;
margin:0 5px 0 0;
padding:0;
font-size:10pt;
font-weight:normal;
color:#101010;
}

.where {
float:left;
width:140px;
margin:0;
padding:0;
}

.where h4{
display:block;
width:138px;
margin:0 0 5px 0;
}


.mappa{
display:block;
font-weight:normal;
font-size:9pt;
background:url(../images/linea.png) left center no-repeat;
margin:7px 0 0 0;
padding:0 0 0 18px;
}

.credits{
float:left;
margin:30px 0 20px 0;
color:#999797;
font-size:9pt;
padding:0;
}


.ColumnRight{
float:left;
background:#f4f4f2;
margin:110px 0 37px 25px;
width: 70%;
padding:0 0 0 30px;
position:relative;
z-index:200;

}

h5{
float:left;
font:23pt Arial;
color:#303026;
line-height:1.1em;
margin:15px 0 16px 0;
font-weight: lighter;
width: 90%;

}

.ServiceBox{
float:left;
margin:40px 25px 0 5px;
width:260px;
padding:0;
height:210px;
}


/*.frecciaBtn{
float:left;
margin:20px 0 0 0;
width:280px;
padding:0;
}*/