/******************RESET**********************/

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, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}



body {

	font: normal 12px/14px;

	color: #000;

}



/************Header***************/

.header {

	width: 960px;

	height: 150px;

	background-color: white;

	border-bottom: 1px solid #f2f2f2;

	margin: 0 auto;

}



.logo {

	width: 400px;

	height: 74px;

	float: left;

	margin-top: 62px;

	display: flex;

	align-items: flex-start !important;

	justify-content: center !important;

	background-image: url('../images/logo_home.png');

	background-size: contain;

	background-repeat: no-repeat;

}



.menu_nav {

	margin-top: 81px;

	height: 40px;

	width: 485px;

	float: right;

}



.menu_nav ul {

	list-style: none;

	padding: 0;

	font-family: Tw-Cen-MT-Regular, Arial, Helvetica, sans-serif;

}



.menu_nav ul li {

	margin: 0;

	padding: 0 1px 0 0;

	float: left;

}



.menu_nav ul li a {

	display: block;

	background-color: #31557b;

	margin: 0;

	padding: 6px 0;

	width: 120px;

	font-size: 17px;

	line-height: 17px;

	color: #fff;

	text-decoration: none;

	text-align: center;

	-moz-transition: background-color .4s ease-in-out;

	-webkit-transition: background-color .4s ease-in-out;

	-o-transition: background-color .4s ease-in-out;

	-ms-transition: background-color .4s ease-in-out;

	transition: background-color .4s ease-in-out;

}



.menu_nav ul li a:hover {

	text-decoration: none;

	color: #fff;

	background: #34495e;

}



.menu_nav ul li.active a {

	text-decoration: none;

	color: #565757;

	background: #ecf0f1;

}



/****************FOOTER***********************/

#footer {

	width: 100%;

	height: 300px;

	background: #000 url(../images/asfalt.png) repeat;

	margin-top: 80px;

	padding-top: 30px;

	border-top: 1px solid #f2f2f2;

	border-bottom: 10px solid #31557b;

	color: #5b5b5b;

}



.content_footer {

	width: 940px;

	height: auto;

	margin: 0 auto;

	color: #5b5b5b;

	font-family: Tw-Cen-MT-Regular;

	font-size: 17px;

	line-height: 24px;

}



.content_footer-box1 {

	width: 200px;

	height: 170px;

	background-color: ;

	float: left;

}



.content_footer-box2 {

	width: 300px;

	height: 170px;

	background-color: ;

	float: left;

	text-align: left;

	padding-top: 40px;

}



.content_footer-box3 {

	width: 440px;

	height: 170px;

	background-color: ;

	float: left;

	text-align: right;

	padding-top: 40px;

}



.content_footer-box4 {

	width: 940px;

	height: 70px;

	clear: left;

	border-top: 1px solid #31557b;

	font-size: 13px;

	text-decoration: none;

}



.content_footer-box4-left {

	width: 773px;

	height: 90px;

	text-align: left;

	padding-top: 20px;

	float: left;

	font-size: 13px;

}



.content_footer-box4-right {

	width: 167px;

	height: 90px;

	text-align: left;

	padding-top: 15px;

	float: left;

}



.color {

	color: #939191;

}



.content_footer1 {

	background: ;

	width: 460px;

	height: 50px;

	margin: 0 auto;

	color: #f2f2f2;

	font-size: 12px;

	padding: 15px;

	font-family: Tw-Cen-MT-Regular, Arial, Helvetica, sans-serif;

}



.fb-like {

	margin: 0px;

	padding: 0px;

}



/**************HOME*****************************/



#content-home {

	width: 960px;

	height: auto;

	margin: 0px auto;

	padding-top: 20px;

}



#content-home-img {

	width: 960px;

	height: 310px;

	margin: 0 auto;

	background: #f7f7f7;

}



#content-home-img-1 {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 960px;

	margin: 0 auto;

	background: #f7f7f7;

	border: 1px solid #f7f7f7;

}



.content-home-sx {

	width: 450px;

	height: 270px;

	float: left;

	margin: 20px 10px 20px 20px;

}



.content-home-dx {

	width: 450px;

	height: 270px;

	float: right;

	margin: 20px 20px 20px 10px;

}



.content-home-sx-1 {

	width: 450px;

	height: 360px;

	float: left;

}



.content-home-dx-1 {

	width: 450px;

	height: 300px;

	margin: 25px;

	float: right;

}



#content-home-text {

	width: 800px;

	height: auto;

	margin: 40px auto;

	text-align: center;

	padding: 25px;

	font-family: Tw-Cen-MT-Regular, Arial, Helvetica, sans-serif;

	border-bottom: 1px dotted #f2f2f2;

}



#content-home-text-vendita {

	width: 960px;

	height: auto;

	text-align: center;

	padding: 30px;

	font-family: Tw-Cen-MT-Regular, Arial, Helvetica, sans-serif;

	background: white;

	color: black;

}



#content-home-text-vendita1 {

	text-align: left;

	padding: 40px;

	font-family: Tw-Cen-MT-Regular, Arial, Helvetica, sans-serif;

	margin-top: 25px;

}









/**************AZIENDA*****************************/

#content_azienda {

	width: 960px;

	height: auto;

	margin: 30px auto;

}



/*#container-azienda-history{width:960px; height:100px; margin:30px auto;}



.container-azienda-history-box{width:480px; height:100px; float:left;}

.container-azienda-history-box-sx{width:100px; height:100px; float:left; padding:10px; font-size:36px; font-family:Helvetica, sans-serif; color:#16a086;}

.container-azienda-history-box-dx{width:350px; height:100px; float:left; padding:5px; font-size:15px; font-family:Helvetica, sans-serif; color:#8d8d8d;}*/



#container-azienda-about {

	width: 960px;

	height: auto;

	margin: 30px auto;

	border-bottom: 1px solid #f2f2f2;

}



.container-azienda-about-box {

	width: 940px;

	height: 38px;

	padding: 10px;

	font-size: 24px;

	font-family: Tw-Cen-MT-Regular, Helvetica, sans-serif;

	color: #31557b;

}



.container-azienda-about-box-text {

	width: 940px;

	padding: 10px;

	font-size: 1em;

	font-family: Helvetica, sans-serif;

	color: #000;

	margin-top: 7px;

	line-height: 26px;

}



#container-azienda-img {

	width: 940px;

	height: 350px;

	cursor: not-allowed;

	margin-top: 30px;

	margin-bottom: 20px;

}





/**************SERVIZI*****************************/

#content_servizi {

	width: 940px;

	height: auto;

	margin: 30px auto;

}



#container-servizi-check {

	width: 920px;

	height: 480px;

	margin: 30px auto;

}



.container-servizi-check-title {

	width: 940px;

	height: 50px;

	padding: 10px;

	font-size: 19px;

	font-family: Helvetica, sans-serif;

	color: #232323;

}



.container-servizi-check-title1 {

	width: 940px;

	height: 70px;

	padding: 12px;

	font-size: 19px;

	font-family: Helvetica, sans-serif;

	color: #232323;

	border-top: 1px solid #f2f2f2;

}



.container-servizi-box {

	width: 920px;

	height: 70px;

	float: left;

	background: #f7f7f7;

	margin-bottom: 10px;

	border: 10px;

}



.container-servizi-box-sx {

	width: 60px;

	height: 70px;

	float: left;

	padding: 18px;

	font-size: 36px;

	font-family: Helvetica, sans-serif;

}



.container-servizi-box-dx {

	width: 860px;

	height: 70px;

	float: left;

	padding: 23px 0px 0px 22px;

	font-size: 20px;

	font-family: Helvetica, sans-serif;

	color: #31557b;

}



/**************PROGETTI*****************************/

#container_progetti {

	width: 960px;

	height: 1000px;

	margin: 30px auto;

}



#container_progetti1 {

	width: 960px;

	height: 360px;

	margin: 20px auto;

}



.progetto-titolo {

	width: 100%;

	height: 40px;

	padding: 10px;

	font-size: 17px;

	font-family: Helvetica, sans-serif;

	color: #34495e;

	border: 1px solid #f2f2f2;

	background: #f8f8f8;

}



.progetto-titolo a {

	color: #34495e;

}



/**button-progetti**/

.menu_nav_progetti {

	margin-top: 10px;

	height: 40px;

	width: auto;

	float: right;

	margin-right: 4px;

}



.menu_nav_progetti ul {

	list-style: none;

	padding: 0;

	font-family: Tw-Cen-MT-Regular, Arial, Helvetica, sans-serif;

}



.menu_nav_progetti ul li {

	margin: 0;

	padding: 0 1px 0 0;

	float: right;

}



.menu_nav_progetti ul li a {

	display: block;

	background-color: #31557b;

	margin: 0;

	padding: 10px 0;

	width: 170px;

	font-size: 16px;

	line-height: 16px;

	color: #fff;

	text-decoration: none;

	text-align: center;



	-moz-transition: background-color .4s ease-in-out;

	-webkit-transition: background-color .4s ease-in-out;

	-o-transition: background-color .4s ease-in-out;

	-ms-transition: background-color .4s ease-in-out;

	transition: background-color .4s ease-in-out;

}



.menu_nav_progetti ul li a:hover {

	text-decoration: none;

	color: #fff;

	background: #34495e;

}



.menu_nav_progetti ul li.active a {

	text-decoration: none;

	color: #ffffff;

	background: #232323;

}



/**gallery**/

*, *:after, *:before {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



a {

	text-decoration: none;

	outline: none;

}



a img {

	border: none;

}



.caption {

	-webkit-backface-visibility: hidden;

	/* prevent flash when embedding fiddle */

	display: inline-block;

	position: relative;

	margin: 3px;

	overflow: hidden;

	background: #f2f2f2;

}



.caption img {

	display: block;

	max-width: 100%;

	-webkit-transition: opacity 0.3s ease-in-out;

	-moz-transition: opacity 0.3s ease-in-out;

	transition: opacity 0.3s ease-in-out;

}



.caption:hover img {

	opacity: 0.7;

}



.caption::after,

.caption::before {

	position: absolute;

	width: 100%;

	height: 50%;

	color: #fff;

	z-index: 1;

	-webkit-transition: -webkit-transform 0.3s ease-in-out;

	-moz-transition: -moz-transform 0.3s ease-in-out;

	transition: transform 0.3s ease-in-out;

}



.caption::after {

	content: attr(data-title);

	top: 0;

	background: #000;

	font-family: Tw-Cen-MT-Regular;

	font-size: 40px;

	font-weight: 300;

	padding: 30px;

	-webkit-transform: translateY(-100%);

	-moz-transform: translateY(-100%);

	transform: translateY(-100%);

	opacity: 0.8;

}



.caption::before {

	content: ''attr(data-description) '';

	top: 50%;

	background: #31557b;

	font-family: Tw-Cen-MT-Regular;

	font-size: 16px;

	padding: 20px;

	-webkit-transform: translateY(100%);

	-moz-transform: translateY(100%);

	transform: translateY(100%);

	opacity: 0.8;

}



.caption:hover::after,

.caption:hover::before {

	-webkit-transform: translateY(0%);

	-moz-transform: translateY(0%);

	transform: translateY(0%);

}



/**************CONTATTI*****************************/

#container-contatti {

	width: 940px;

	height: 600px;

	margin: 30px auto;

}



#container-map {

	width: 520px;

	height: 570px;

	overflow: hidden;

	border: 2px solid #f2f2f2;

	float: left;

	background: #f2f2f5;



}



#container-map-home {

	width: 471px;

	height: 360px;

	padding: 20px;

	float: right;

	border: 1px solid #f2f2f2;

}



#map-canvas {

	width: 100%;

	height: 100%;

	position: relative;

	z-index: 10;

}



#tooltip {

	width: 280px;

	height: 80px;

	overflow: hidden;

}



#box-content-contatti {

	width: 400px;

	height: 570px;

	float: left;

	margin-right: 20px;

}



#box-contatti {

	width: 400px;

	height: 200px;

	float: left;

	margin-top: 10px;

}



.box-contatti-text {

	width: 410px;

	height: 200px;

	float: left;

}



.box-contatti-text1 {

	width: 410px;

	height: 60px;

	float: left;

	margin-bottom: 10px;

	background: #f2f2f2;

}



.box-contatti-text2 {

	width: 410px;

	height: 60px;

	float: left;

	margin-bottom: 10px;

	background: #f2f2f2;

}



.box-contatti-text3 {

	width: 410px;

	height: 60px;

	float: left;

	margin-bottom: 10px;

	background: #f2f2f2;

}



.box-contatti-text4 {

	width: 410px;

	height: 60px;

	float: left;

	margin-bottom: 10px;

	background: #f2f2f2;

}



.box-contatti-text5 {

	width: 410px;

	height: 80px;

	float: left;

	margin-bottom: 10px;

	background: #f2f2f2;

}



.box-contatti-left {

	width: 60px;

	height: 60px;

	float: left;

}



.box-contatti-right {

	width: 340px;

	height: 60px;

	float: left;

	padding: 17px 0px 12px 19px;

}



.text {

	color: #888;

	font-family: Helvetica, Tw-Cen-MT-Regular, sans-serif;

	font-size: 20px;

}



.text a {

	color: #888;

	font-family: Helvetica, Tw-Cen-MT-Regular, sans-serif;

	font-size: 20px;

}



.text a:hover {

	color: #34495e;

	font-family: Helvetica, Tw-Cen-MT-Regular, sans-serif;

	font-size: 20px;

}



#box-contatti1 {

	width: 400px;

	height: 200px;

	float: left;

}



.box-contatti-fb {

	width: 60px;

	height: 200px;

	float: left;

}



.box-contatti-image {

	width: 340px;

	height: 200px;

	float: left;

}



/**********************************************************************************/

@font-face {

	font-family: 'Tw-Cen-MT-Regular';

	src: url('../images/Tw-Cen-MT-Regular.eot');

	src: url('../images/Tw-Cen-MT-Regular.eot') format('embedded-opentype'),

		url('../images/Tw-Cen-MT-Regular.ttf') format('truetype');



	font-weight: normal;

	font-style: normal;

}